[don't merge] Refactor CSS assets to use Sprockets instead of Webpack

.babelrc

@@ -0,0 +1,18 @@
+{
+  "presets": [
+    ["env", {
+      "modules": false,
+      "targets": {
+        "browsers": "> 1%",
+        "uglify": true
+      },
+      "useBuiltIns": true
+    }]
+  ],
+
+  "plugins": [
+    "syntax-dynamic-import",
+    "transform-object-rest-spread",
+    ["transform-class-properties", { "spec": true }]
+  ]
+}

.eslintignore

@@ -0,0 +1,2 @@
+app/assets/javascripts/locale/**/*.js
+app/assets/javascripts/packs/application.js

.eslintrc.json

@@ -0,0 +1,16 @@
+{
+  "extends": "airbnb-base",
+  "env": {
+    "jasmine": true,
+    "jquery": true
+  },
+  "globals": {
+    "timeago": true,
+    "fixture": true,
+    "spyOnEvent": true
+  },
+  "rules": {
+    "prefer-destructuring": "off",
+    "no-restricted-globals": "off"
+  }
+}

.gitignore

@@ -1,93 +1,103 @@
-
-# Ignore rbenv files
-.ruby-version
-
-# Ignore bundler config
-/.bundle
-
-# Ignore all logfiles, tempfiles, public assets,
-/log/*.log
-/tmp
-
-# Ignore public subdirectories
-public/apidocs/*
-public/assets/*
-public/fonts/*
-public/images/*
-public/javascripts/*
-public/stylesheets/*
-public/system/*
-public/videos/*
-
-# Ignore PO/POT backups
-*.po.bak
-*.pot.bak
-
-# Ignore branded content
-app/views/branded/*
-app/assets
-config/locales/static_pages/*.yml
-
-
-# Ignore db schema.rb
-# db/schema.rb
-
-# Ignore seed DBs
-db/data.yml
-
-# Ignore the test DB
-db/test.sqlite3
-db/test.sqlite3-journal
-
-# Ingore DB dump files
-*.sql
-*.psql
-*.sql.gz
-*.psql.gz
-
-# Ignore the SimpleCov output
-coverage
-
-# Ignore database configuration and token secrets
-config/database.yml
-config/secrets.yml
-config/branding.yml
-
-# Ignore some of the initializers
-config/initializers/recaptcha.rb
-config/initializers/devise.rb
-config/initializers/wicked_pdf.rb
-config/initializers/fingerprint.rb
-
-# Ignore enviroments settings
-#config/environments/development.rb
-#config/environments/production.rb
-#config/environments/test.rb
-
-#config/initializers/contact_us.rb
-
-# ignore IDE files
-.idea/*
-
-# Ignore MAC files
-.DS_Store
-
-# ignore yard doc files
-.yardoc/*
-
-# ignore yard generated documents
-/doc/*
-!/doc/README_FOR_APP
-
-# ignore auto-generated gettext files when running gettext:find
-config/locale/*/app.edit.po
-config/locale/*/app.po.time_stamp
-
-# Front-end related
-lib/assets/node_modules
-lib/assets/npm-debug.log
-lib/assets/.eslintcache
-!.keep
-.byebug_history
-lib/data_cleanup/rules/org/fix_blank_abbreviation.yml
-.rspec
+
+# Ignore rbenv files
+.ruby-version
+
+# Ignore bundler config
+/.bundle
+
+# Ignore all logfiles, tempfiles, public assets,
+/log/*.log
+/tmp
+
+# Ignore public subdirectories
+public/apidocs/*
+public/assets/*
+public/fonts/*
+public/images/*
+public/javascripts/*
+public/stylesheets/*
+public/system/*
+public/videos/*
+
+# Ignore PO/POT backups
+*.po.bak
+*.pot.bak
+
+# Ignore branded content
+app/views/branded/*
+config/locales/static_pages/*.yml
+
+
+# Ignore db schema.rb
+# db/schema.rb
+
+# Ignore seed DBs
+db/data.yml
+
+# Ignore the test DB
+db/test.sqlite3
+db/test.sqlite3-journal
+
+# Ingore DB dump files
+*.sql
+*.psql
+*.sql.gz
+*.psql.gz
+
+# Ignore the SimpleCov output
+coverage
+
+# Ignore database configuration and token secrets
+config/database.yml
+config/secrets.yml
+config/branding.yml
+
+# Ignore some of the initializers
+config/initializers/recaptcha.rb
+config/initializers/devise.rb
+config/initializers/wicked_pdf.rb
+config/initializers/fingerprint.rb
+
+# Ignore enviroments settings
+#config/environments/development.rb
+#config/environments/production.rb
+#config/environments/test.rb
+
+#config/initializers/contact_us.rb
+
+# ignore IDE files
+.idea/*
+
+# Ignore MAC files
+.DS_Store
+
+# ignore yard doc files
+.yardoc/*
+
+# ignore yard generated documents
+/doc/*
+!/doc/README_FOR_APP
+
+# ignore auto-generated gettext files when running gettext:find
+config/locale/*/app.edit.po
+config/locale/*/app.po.time_stamp
+
+# Front-end related
+lib/assets/node_modules
+lib/assets/npm-debug.log
+lib/assets/.eslintcache
+!.keep
+.byebug_history
+lib/data_cleanup/rules/org/fix_blank_abbreviation.yml
+.rspec
+/public/packs
+/public/packs-test
+/node_modules
+yarn-debug.log*
+.yarn-integrity
+yarn-error.log
+/public/packs
+/public/packs-test
+/node_modules
+yarn-debug.log*
+.yarn-integrity

.postcssrc.yml

@@ -0,0 +1,3 @@
+plugins:
+  postcss-import: {}
+  postcss-cssnext: {}

.travis.yml

@@ -18,7 +18,6 @@ addons:
   chrome: stable
   apt:
     packages:
-      - nodejs
       - wkhtmltopdf
 
 matrix:
@@ -36,12 +35,25 @@ env:
   - DB_ADAPTER=postgresql
   - DB_ADAPTER=mysql2
 
+before_install:
+  - nvm install 10.10.0
+
+install:
+  - bundle install --with development,ci --path=${BUNDLE_PATH:-vendor/bundle}
+  - yarn install --ignore-optional
+
+# This is a temporary bug fix for Karma tests
+# See here: https://github.com/travis-ci/travis-ci/issues/9024
+before_script:
+  - "sudo chown root /opt/google/chrome/chrome-sandbox"
+  - "sudo chmod 4755 /opt/google/chrome/chrome-sandbox"
+
 # Main test script
 script:
   - export WICKED_PDF_PATH=./vendor/bundle/ruby/2.4.0/bin/wkhtmltopdf
   # Copy over config files needed for setup, and create DB
   - bin/setup
-  # Precompile the assets
+  - bundle exec rake webpacker:compile
   - bundle exec rake assets:precompile
   # Default test stage: Run all specs, listing the 10 slowest.
   - bundle exec rspec spec --profile=10
@@ -64,6 +76,10 @@ jobs:
       name: "Bundle audit"
       script: bundle exec bundle-audit check --update
 
+    - stage: test
+      name: "Karma JS tests"
+      script: yarn run eslint --ext .js --ext .jsx app/assets/javascripts/**/*.js
+
     - stage: hygiene
       name: "Check seeds are valid"
       script: bin/setup && bundle exec rake db:seed

Gemfile

@@ -81,6 +81,22 @@ gem 'recaptcha'
 # Ideal gem for handling attachments in Rails, Sinatra and Rack applications. (http://github.com/markevans/dragonfly)
 gem 'dragonfly'
 
+gem 'bootstrap-sass', '~> 3.3.7'
+
+# This is required for Font-Awesome, but not used as the main sass compiler
+
+gem "sass-rails", require: false
+
+gem "sassc-rails"
+
+gem 'font-awesome-sass', '~> 4.2.0'
+
+gem 'webpacker', '>= 4.0.x'
+
+gem "autoprefixer-rails"
+
+gem 'mini_racer'
+
 # ------------------------------------------------
 # EXPORTING
 # Provides binaries for WKHTMLTOPDF project in an easily accessible package.
@@ -123,10 +139,6 @@ group :development, :test do
   # RSpec for Rails (https://github.com/rspec/rspec-rails)
   gem "rspec-rails"
 
-  # factory_bot_rails provides integration between factory_bot and rails 3 or newer (http://github.com/thoughtbot/factory_bot_rails)
-  # rspec-collection_matchers-1.1.3 (https://github.com/rspec/rspec-collection_matchers)
-  gem "rspec-collection_matchers"
-
   # factory_bot_rails provides integration between factory_bot and rails 3 or newer (http://github.com/thoughtbot/factory_bot_rails)
   gem "factory_bot_rails"