use rake react_on_rails:locale to generate js locale files

Author: JasonYCHuang

.travis.yml

@@ -29,8 +29,9 @@ install:
   - npm install npm@latest -g
   - npm --version
   - npm install
+  - rake react_on_rails:locale
+  - npm run build:test
   - rake db:setup
-  - npm run build:client && npm run build:server
 
 # Tip: No need to run xvfb if running headless testing. However, we're going to start with
 # Poltergeist and switch to selenium if a test fails.

Procfile.dev

@@ -7,7 +7,7 @@
 rails: REACT_ON_RAILS_ENV=HOT rails s -b 0.0.0.0
 
 # Run the hot reload server for client development
-hot-assets: sh -c 'rm app/assets/webpack/* || true && HOT_RAILS_PORT=3500 npm run hot-assets'
+hot-assets: sh -c 'rm app/assets/webpack/* || true && bundle exec rake react_on_rails:locale && HOT_RAILS_PORT=3500 npm run hot-assets'
 
 # Render static client assets
 rails-static-client-assets: sh -c 'npm run build:dev:client'

Procfile.hot

@@ -6,7 +6,7 @@
 rails: REACT_ON_RAILS_ENV=HOT rails s -b 0.0.0.0
 
 # Run the hot reload server for client development
-hot-assets: sh -c 'rm app/assets/webpack/* || true && HOT_RAILS_PORT=3500 npm run hot-assets'
+hot-assets: sh -c 'rm app/assets/webpack/* || true && bundle exec rake react_on_rails:locale && HOT_RAILS_PORT=3500 npm run hot-assets'
 
 # Keep the JS fresh for server rendering. Remove if not server rendering
 rails-server-assets: sh -c 'npm run build:dev:server'

Procfile.spec

@@ -3,7 +3,7 @@
 # in rails_helper.rb.
 
 # Build client assets, watching for changes.
-rails-client-assets: sh -c 'npm run build:dev:client'
+rails-client-assets: sh -c 'bundle exec rake react_on_rails:locale && npm run build:dev:client'
 
 # Build server assets, watching for changes. Remove if not server rendering.
 rails-server-assets: sh -c 'npm run build:dev:server'

Procfile.static

@@ -2,7 +2,7 @@
 rails: REACT_ON_RAILS_ENV= rails s -b 0.0.0.0
 
 # Build client assets, watching for changes.
-rails-client-assets: rm app/assets/webpack/* || true && npm run build:dev:client
+rails-client-assets: rm app/assets/webpack/* || true && bundle exec rake react_on_rails:locale && npm run build:dev:client
 
 # Build server assets, watching for changes. Remove if not server rendering.
 rails-server-assets: npm run build:dev:server

Procfile.static.trace

@@ -2,7 +2,7 @@
 rails: TRACE_REACT_ON_RAILS=TRUE rails s -b 0.0.0.0
 
 # Build client assets, watching for changes.
-rails-client-assets: npm run build:dev:client
+rails-client-assets: bundle exec rake react_on_rails:locale && npm run build:dev:client
 
 # Build server assets, watching for changes. Remove if not server rendering.
 rails-server-assets: npm run build:dev:server

client/package.json

@@ -35,6 +35,7 @@
     "build:server": "webpack --config webpack.server.rails.build.config.js",
     "build:test": "npm run build:client && npm run build:server",
     "build:production": "npm run build:production:client && npm run build:production:server",
+    "prebuild:client": "bundle exec rake react_on_rails:locale",
     "hot-assets": "babel-node server-rails-hot.js",
     "lint": "eslint --ext .js,.jsx ."
   },

config/application.rb

@@ -12,12 +12,5 @@ class Application < Rails::Application
     # Application configuration should go into files in config/initializers
     # -- all .rb files in that directory are automatically loaded.
     config.action_cable.allowed_request_origins = [Rails.application.secrets.action_cable_url]
-
-    ################################################################################
-    # ReactOnRails will convert rails locales to javascript files for react-intl.
-    ################################################################################
-    config.after_initialize do
-      ReactOnRails::LocalesToJs.new
-    end
   end
 end

package.json

@@ -18,6 +18,7 @@
     "build:production:server": "(cd client && npm run build:production:server --silent)",
     "build:client": "(cd client && npm run build:client --silent)",
     "build:server": "(cd client && npm run build:server --silent)",
+    "build:test": "npm run build:client && npm run build:server",
     "build:dev:client": "(cd client && npm run build:dev:client --silent)",
     "build:dev:server": "(cd client && npm run build:dev:server --silent)",
     "hot-assets": "(cd client && npm run hot-assets)",