use json imports to feed languages and remove xhr backend for i18n

Author: dweber019

npm-shrinkwrap.json

@@ -85,7 +85,6 @@
     "aurelia-templating-router": "^1.0.0",
     "bootstrap-sass": "^3.3.7",
     "font-awesome": "^4.6.3",
-    "i18next-xhr-backend": "^1.2.0",
     "isomorphic-fetch": "^2.2.1",
     "jquery": "^3.1.0"
   },

package.json

@@ -21,7 +21,11 @@ import '../scss/main.scss';
  */
 import { Aurelia, LogManager } from 'aurelia-framework';
 import { ConsoleAppender } from 'aurelia-logging-console';
-import XHR from 'i18next-xhr-backend';
+
+/**
+ * Locals i18n imports
+ */
+import i18nEnglish from './../locales/en.json';
 
 /**
  * Aurelia configruation
@@ -44,14 +48,13 @@ export async function configure(aurelia: Aurelia): Promise<void> {
      * See: https://github.com/aurelia/i18n
      */
     .plugin('aurelia-i18n', (instance) => {
-      // register backend plugin
-      instance.i18next.use(XHR);
-
       // adapt options to your needs (see http://i18next.com/docs/options/)
       // make sure to return the promise of the setup method, in order to guarantee proper loading
       return instance.setup({
-        backend: {                                  // <-- configure backend settings
-          loadPath: './locales/{{lng}}.json', // <-- XHR settings for where to get the files from
+        resources: {
+          en: {
+            translation:  i18nEnglish
+          }
         },
         lng: 'en',
         attributes: ['translate', 'i18n'],

src/app/main.ts

@@ -2,7 +2,6 @@
   "name": "aurelia-skeleton-navigation-webpack",
   "dependencies": {},
   "globalDependencies": {
-    "i18next-xhr-backend": "registry:dt/i18next-xhr-backend#1.2.0+20160921203958",
     "jasmine": "registry:dt/jasmine#2.5.0+20161003201800",
     "jquery": "registry:dt/jquery#1.10.0+20160704162008",
     "lodash": "registry:dt/lodash#4.14.0+20160817155621",

typings.json

@@ -0,0 +1,4 @@
+declare module "*.json" {
+    let json: any;
+    export default json;
+}

typings_custom/json.d.ts

@@ -180,6 +180,7 @@ module.exports = function (envArguments) {
         require('@easy-webpack/config-html')(),
         require('@easy-webpack/config-sass')(configSass(false)),
         require('@easy-webpack/config-fonts-and-images')(),
+        require('@easy-webpack/config-json')(),
         require('@easy-webpack/config-global-jquery')(),
         require('@easy-webpack/config-global-regenerator')(),
         require('@easy-webpack/config-generate-index-html')(configGenerateIndex(true)),