next-i18next 9.0.0 → 10.0.0

package/README.md

@@ -260,6 +260,8 @@ To migrate from previous versions to the version 8, check out the [v8-migration
 
 ## Notes
 
+### Docker
+
 For Docker deployment, note that if you use the `Dockerfile` from [Next.js docs](https://nextjs.org/docs/deployment#docker-image) do not forget to copy `next.config.js` and `next-i18next.config.js` into the Docker image.
 
 ```
@@ -267,6 +269,20 @@ COPY --from=builder /app/next.config.js ./next.config.js
 COPY --from=builder /app/next-i18next.config.js ./next-i18next.config.js
 ```
 
+### Asynchronous i18next backends
+
+If you choose to use an i18next backend different to the built-in [i18next-fs-backend](https://github.com/i18next/i18next-fs-backend), you will need to ensure the translation resources are loaded before you call the `t` function.
+Since [React suspense is not yet supported for SSR](https://github.com/isaachinman/next-i18next/issues/1255), this can be solved in 2 different ways:
+
+**1) Preload the namespaces:**
+
+Set the `ns` option, like in [this example](https://github.com/locize/next-i18next-locize/blob/main/next-i18next.config.js#L17). Doing this will ensure all translation resources are loaded on initialization.
+
+**2) Check the ready flag:**
+
+If you cannot or do not want to provide the `ns` array, calls to the `t` function will cause namespaces to be loaded on the fly. This means you'll need to handle the "not ready" state by checking `ready === true` or `props.tReady === true`. Not doing so will result in rendering your translations before they loaded, which will cause "save missing" be called despite the translations actually existing (just yet not loaded).
+This can be done with the [useTranslation hook](https://react.i18next.com/latest/usetranslation-hook#not-using-suspense) or the [withTranslation HOC](https://react.i18next.com/latest/withtranslation-hoc#not-using-suspense).
+
 ## Contributors
 
 Thanks goes to these wonderful people ([emoji key](https://github.com/kentcdodds/all-contributors#emoji-key)):

package/dist/commonjs/appWithTranslation.js

@@ -6,6 +6,8 @@ require("core-js/modules/es.symbol.js");
 
 require("core-js/modules/es.array.filter.js");
 
+require("core-js/modules/es.object.to-string.js");
+
 require("core-js/modules/es.object.get-own-property-descriptor.js");
 
 require("core-js/modules/es.array.for-each.js");
@@ -20,8 +22,6 @@ require("core-js/modules/es.object.define-property.js");
 
 require("core-js/modules/es.array.iterator.js");
 
-require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.string.iterator.js");
 
 require("core-js/modules/es.weak-map.js");

package/dist/commonjs/config/createConfig.js

@@ -33,6 +33,8 @@ exports.createConfig = void 0;
 
 require("core-js/modules/es.array.some.js");
 
+require("core-js/modules/es.object.to-string.js");
+
 require("core-js/modules/es.regexp.exec.js");
 
 require("core-js/modules/es.string.replace.js");
@@ -47,8 +49,6 @@ require("core-js/modules/es.string.iterator.js");
 
 require("core-js/modules/es.array.iterator.js");
 
-require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.set.js");
 
 require("core-js/modules/web.dom-collections.iterator.js");

package/dist/commonjs/config/defaultConfig.js

@@ -24,19 +24,12 @@ var defaultConfig = {
     return process.browser && typeof window !== 'undefined';
   },
 
-  interpolation: {
-    escapeValue: false,
-    format: function format(value, _format) {
-      return _format === 'uppercase' ? value.toUpperCase() : value;
-    },
-    formatSeparator: ','
-  },
   load: 'currentOnly',
   localeExtension: LOCALE_EXTENSION,
   localePath: LOCALE_PATH,
   localeStructure: LOCALE_STRUCTURE,
   react: {
-    useSuspense: true
+    useSuspense: false
   },
   reloadOnPrerender: false,
   serializeConfig: true,

package/dist/commonjs/createClient/browser.js

@@ -11,10 +11,10 @@ exports["default"] = void 0;
 
 require("core-js/modules/es.array.for-each.js");
 
-require("core-js/modules/web.dom-collections.for-each.js");
-
 require("core-js/modules/es.object.to-string.js");
 
+require("core-js/modules/web.dom-collections.for-each.js");
+
 require("core-js/modules/es.promise.js");
 
 var _i18next = _interopRequireDefault(require("i18next"));

package/dist/commonjs/createClient/node.js

@@ -23,12 +23,12 @@ exports["default"] = void 0;
 
 require("core-js/modules/es.array.some.js");
 
+require("core-js/modules/es.object.to-string.js");
+
 require("core-js/modules/es.array.for-each.js");
 
 require("core-js/modules/web.dom-collections.for-each.js");
 
-require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.promise.js");
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));

package/dist/commonjs/serverSideTranslations.js

@@ -45,6 +45,8 @@ require("core-js/modules/es.array.is-array.js");
 
 require("core-js/modules/es.array.reduce.js");
 
+require("core-js/modules/es.object.to-string.js");
+
 require("core-js/modules/es.object.values.js");
 
 require("core-js/modules/es.array.concat.js");
@@ -55,8 +57,6 @@ require("core-js/modules/es.string.iterator.js");
 
 require("core-js/modules/es.array.iterator.js");
 
-require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.set.js");
 
 require("core-js/modules/web.dom-collections.iterator.js");

package/dist/es/config/defaultConfig.js

@@ -16,17 +16,12 @@ export const defaultConfig = {
     return process.browser && typeof window !== 'undefined';
   },
 
-  interpolation: {
-    escapeValue: false,
-    format: (value, format) => format === 'uppercase' ? value.toUpperCase() : value,
-    formatSeparator: ','
-  },
   load: 'currentOnly',
   localeExtension: LOCALE_EXTENSION,
   localePath: LOCALE_PATH,
   localeStructure: LOCALE_STRUCTURE,
   react: {
-    useSuspense: true
+    useSuspense: false
   },
   reloadOnPrerender: false,
   serializeConfig: true,

package/dist/esm/config/defaultConfig.js

@@ -16,19 +16,12 @@ export var defaultConfig = {
     return process.browser && typeof window !== 'undefined';
   },
 
-  interpolation: {
-    escapeValue: false,
-    format: function format(value, _format) {
-      return _format === 'uppercase' ? value.toUpperCase() : value;
-    },
-    formatSeparator: ','
-  },
   load: 'currentOnly',
   localeExtension: LOCALE_EXTENSION,
   localePath: LOCALE_PATH,
   localeStructure: LOCALE_STRUCTURE,
   react: {
-    useSuspense: true
+    useSuspense: false
   },
   reloadOnPrerender: false,
   serializeConfig: true,

package/dist/types/config/defaultConfig.d.ts

@@ -6,11 +6,6 @@ export declare const defaultConfig: {
         locales: string[];
     };
     readonly initImmediate: boolean;
-    interpolation: {
-        escapeValue: boolean;
-        format: (value: string, format: string) => string;
-        formatSeparator: string;
-    };
     load: string;
     localeExtension: string;
     localePath: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "next-i18next",
-  "version": "9.0.0",
+  "version": "10.0.0",
   "repository": "git@github.com:isaachinman/next-i18next.git",
   "author": "Isaac Hinman <isaac@isaachinman.com>",
   "funding": {
@@ -39,7 +39,7 @@
     "run-example": "yarn build && cd examples/simple && yarn && yarn dev",
     "run-example:prod": "yarn build:examples/simple && yarn --cwd examples/simple start",
     "run-cypress": "cypress run --config-file cypress/cypress.json",
-    "test": "yarn check-types && yarn clean && yarn build && yarn build:examples/simple && bundlesize && NODE_ENV=test jest --passWithNoTests --maxWorkers=1 --silent",
+    "test": "yarn check-types && yarn clean && yarn build && yarn build:examples/simple && bundlesize && NODE_ENV=test jest --maxWorkers=1 --silent",
     "test:e2e": "start-server-and-test 'yarn --cwd examples/simple start' 3000 'yarn run-cypress'",
     "contributors:check": "all-contributors check",
     "contributors:add": "all-contributors add",
@@ -107,12 +107,15 @@
     "@types/hoist-non-react-statics": "^3.3.1",
     "core-js": "^3",
     "hoist-non-react-statics": "^3.2.0",
-    "i18next": "^21.4.1",
+    "i18next": "^21.5.3",
     "i18next-fs-backend": "^1.0.7",
     "react-i18next": "^11.8.13"
   },
   "peerDependencies": {
     "next": ">= 10.0.0",
     "react": ">= 16.8.0"
+  },
+  "resolutions": {
+    "i18next-fs-backend": ">=1.1.4"
   }
 }