Merge pull request #71 from fs-webdev/i18n

Add i18n

Author: joeycozza

packages/react-scripts/config/webpack.config.js

@@ -344,6 +344,15 @@ module.exports = function(webpackEnv) {
  name: 'static/media/[name].[hash:8].[ext]',
  },
  },
+ // load locale files
+ {
+ test: /locales/,
+ loader: '@alienfast/i18next-loader',
+ options: {
+ debug: true,
+ basenameAsNamespace: true,
+ }
+ },
  // Process application JS with Babel.
  // The preset includes JSX, Flow, TypeScript, and some ESnext features.
  {

packages/react-scripts/package-lock.json

@@ -24,6 +24,7 @@
  },
  "types": "./lib/react-app.d.ts",
  "dependencies": {
+ "@alienfast/i18next-loader": "^1.0.18",
  "@babel/core": "7.2.2",
  "@fs/babel-preset-frontier": "^1.0.0",
  "@fs/eslint-config-frontier-react": "^1.3.0",

packages/react-scripts/package.json

@@ -67,6 +67,7 @@ function installFrontierDependencies(appPath, appName, answers, ownPath) {
  depsToInstall.push(
  ...[
  '@fs/axios',
+ '@fs/locale',
  '@fs/user',
  '@fs/router',
  '@fs/error-boundary',

packages/react-scripts/scripts/utils/frontierInit.js

@@ -48,8 +48,17 @@ deploy:
  - prod
  bindings:
  <<: *BINDING_DEFAULTS
+
 deliver:
  deploy_order:
- - int
- - beta
- - prod
+ - name: integration
+ type: coupled
+ systems: int
+
+ - name: beta
+ type: coupled
+ systems: beta
+
+ - name: production
+ type: coupled
+ systems: prod

packages/react-scripts/template-ef/blueprint.yml

@@ -4,7 +4,7 @@ const app = express()
 // Statically serve up the production built React App
 app.use(express.static('build'))
 
-const port = process.env.PORT || 3000
+const port = process.env.PORT || 5000
 app.listen(port, () => {
  console.log(`Listening on port ${port}`)
 })

packages/react-scripts/template-ef/server.js

@@ -1,8 +1,8 @@
 const setProxies = require('exo/proxy')
 const snow = require('snow')
 const setWebpackManifest = require('snow/lib/utils/webpackManifest.js')
-const snowConfig = require('./snow.config.js')
 const hf = require('hf')
+const snowConfig = require('./snow.config.js')
 
 /**
  * Expose the app
@@ -12,13 +12,13 @@ const app = (module.exports = snow(__dirname, hf, snowConfig))
 setWebpackManifest(app, 'build')
 
 if (app.get('env') === 'development') {
- app.stack.front(function() {
+ app.stack.front(() => {
  setProxies(app)
  })
 }
 
-app.stack.postRoute(function() {
- app.get('/', (req, res) => {
+app.stack.postRoute(() => {
+ app.get('*', (req, res) => {
  res.render('index', {
  indexPath: '../build/_index.html',
  // _layoutFile: './async_layout'

packages/react-scripts/template-hf/server.js

@@ -1,10 +1,10 @@
-var urlLookup = {
- 'cas-public-api.cas.ident.service': process.env.BASE_URL + '/cas-public-api',
- 'cis-public-api.cis.ident.service': process.env.BASE_URL + '/cis-public-api',
+const urlLookup = {
+ 'cas-public-api.cas.ident.service': `${process.env.SG_BASE_URL}/service/ident/cas/cas-public-api`,
+ 'cis-public-api.cis.ident.service': `${process.env.SG_BASE_URL}/service/ident/cis/cis-public-api`,
 }
 
-var serviceLocatorOptions = {
- fallbackFunction: function(serviceName) {
+const serviceLocatorOptions = {
+ fallbackFunction(serviceName) {
  if (urlLookup[serviceName]) {
  return urlLookup[serviceName]
  }
@@ -15,9 +15,9 @@ var serviceLocatorOptions = {
 module.exports = {
  experiments: [
  {
- name: 'coolExperimentEx',
- description: 'The coolest experiment. Author/Owner: Tyler Graf and the Tree Team',
- default: true,
+ name: 'coolEx',
+ description: 'The coolest experiment. Author/Owner: {Your Name}',
+ default: false,
  },
  ],
  proxyUser: true,

packages/react-scripts/template-hf/snow.config.js

@@ -0,0 +1 @@
+// This file is intentionally blank, used as a mount point to load the locales