Backend: add gem i18n-js & set configuration

Author: JasonYCHuang

Gemfile

@@ -51,6 +51,8 @@ gem "autoprefixer-rails"
 
 gem "awesome_print"
 
+gem "i18n-js", ">= 3.0.0.rc11"
+
 # jquery as the JavaScript library has been moved under /client and managed by npm.
 # It is critical to not include any of the jquery gems when following this pattern or
 # else you might have multiple jQuery versions.

Gemfile.lock

@@ -109,6 +109,8 @@ GEM
  globalid (0.3.7)
  activesupport (>= 4.1.0)
  i18n (0.7.0)
+ i18n-js (3.0.0.rc14)
+ i18n (~> 0.6, >= 0.6.6)
  interception (0.5)
  io-like (0.3.0)
  jbuilder (2.6.0)
@@ -319,6 +321,7 @@ DEPENDENCIES
  factory_girl_rails
  foreman
  generator_spec
+ i18n-js (>= 3.0.0.rc11)
  jbuilder
  launchy
  listen

config/application.rb

@@ -11,5 +11,8 @@ class Application < Rails::Application
  # Settings in config/environments/* take precedence over those specified here.
  # Application configuration should go into files in config/initializers
  # -- all .rb files in that directory are automatically loaded.
+
+ # i18n-js
+ config.middleware.use I18n::JS::Middleware
  end
 end

config/initializers/assets.rb

@@ -16,3 +16,5 @@
  "application_#{type}.js",
  "application_#{type}.css"
  ]
+
+Rails.application.config.assets.precompile += %w(i18n.js)

config/initializers/react_on_rails.rb

@@ -1,3 +1,8 @@
+module RenderingExtension
+ def self.custom_context(_view_context)
+ { translations: I18n.backend.send(:translations) }
+ end
+end
 # Shown below are the defaults for configuration
 ReactOnRails.configure do |config|
  # Directory where your generated assets go. All generated assets must go to the same directory.
@@ -74,7 +79,7 @@
 
  # This allows you to add additional values to the Rails Context. Implement one static method
  # called `custom_context(view_context)` and return a Hash.
- config.rendering_extension = nil
+ config.rendering_extension = RenderingExtension
 
  # The server render method - either ExecJS or NodeJS
  config.server_render_method = "ExecJS"