next-i18next 8.8.0 → 9.0.1

package/README.md

@@ -236,6 +236,24 @@ This option will reload your translations whenever `serverSideTranslations` is c
 
 All other [i18next options](https://www.i18next.com/overview/configuration-options) can be passed in as well.
 
+#### Loading Namespaces Dynamically Client Side
+
+In some use cases, you might want to load a translation file dynamically without having to use `serverSideTranslations`. This can be especially useful for lazy-loaded components that you don't want slowing down pages.
+
+This can easily be done by using [addResourceBundle](https://www.i18next.com/how-to/add-or-load-translations#add-after-init):
+
+```tsx
+import { i18n } from 'next-i18next'
+
+const Component = () => {
+  const { locale } = useRouter()
+
+  useEffect(() => {
+    i18n.addResourceBundle(locale, '<namespace name>')
+  }, [])
+}
+```
+
 ## Migration to v8
 
 To migrate from previous versions to the version 8, check out the [v8-migration guide](https://github.com/isaachinman/next-i18next/tree/master/docs/v8-migration.md)

package/dist/commonjs/appWithTranslation.js

@@ -86,17 +86,20 @@ var appWithTranslation = function appWithTranslation(WrappedComponent) {
   var configOverride = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
 
   var AppWithTranslation = function AppWithTranslation(props) {
-    var _nextI18Next = props.pageProps._nextI18Next;
-    var locale = props.router.locale; // Memoize the instance and only re-initialize when either:
+    var _ref = props.pageProps,
+        _nextI18Next = _ref._nextI18Next;
+    var locale = null; // Memoize the instance and only re-initialize when either:
     // 1. The route changes (non-shallowly)
     // 2. Router locale changes
 
     var i18n = (0, _react.useMemo)(function () {
       var _userConfig;
 
-      if (!locale || !_nextI18Next) return null;
+      if (!_nextI18Next) return null;
       var userConfig = _nextI18Next.userConfig;
-      var initialI18nStore = _nextI18Next.initialI18nStore;
+      var initialI18nStore = _nextI18Next.initialI18nStore,
+          initialLocale = _nextI18Next.initialLocale;
+      locale = initialLocale;
 
       if (userConfig === null && configOverride === null) {
         throw new Error('appWithTranslation was called without a next-i18next config');

package/dist/commonjs/serverSideTranslations.js

@@ -243,6 +243,7 @@ var serverSideTranslations = /*#__PURE__*/function () {
             return _context.abrupt("return", {
               _nextI18Next: {
                 initialI18nStore: initialI18nStore,
+                initialLocale: initialLocale,
                 userConfig: config.serializeConfig ? userConfig : null
               }
             });

package/dist/es/appWithTranslation.js

@@ -12,22 +12,22 @@ export const appWithTranslation = (WrappedComponent, configOverride = null) => {
     const {
       _nextI18Next
     } = props.pageProps;
-    const {
-      locale
-    } = props.router; // Memoize the instance and only re-initialize when either:
+    let locale = null; // Memoize the instance and only re-initialize when either:
     // 1. The route changes (non-shallowly)
     // 2. Router locale changes
 
     const i18n = useMemo(() => {
       var _userConfig;
 
-      if (!locale || !_nextI18Next) return null;
+      if (!_nextI18Next) return null;
       let {
         userConfig
       } = _nextI18Next;
       const {
-        initialI18nStore
+        initialI18nStore,
+        initialLocale
       } = _nextI18Next;
+      locale = initialLocale;
 
       if (userConfig === null && configOverride === null) {
         throw new Error('appWithTranslation was called without a next-i18next config');

package/dist/es/serverSideTranslations.js

@@ -89,6 +89,7 @@ export const serverSideTranslations = async (initialLocale, namespacesRequired =
   return {
     _nextI18Next: {
       initialI18nStore,
+      initialLocale,
       userConfig: config.serializeConfig ? userConfig : null
     }
   };

package/dist/esm/appWithTranslation.js

@@ -17,17 +17,20 @@ export var appWithTranslation = function appWithTranslation(WrappedComponent) {
   var configOverride = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
 
   var AppWithTranslation = function AppWithTranslation(props) {
-    var _nextI18Next = props.pageProps._nextI18Next;
-    var locale = props.router.locale; // Memoize the instance and only re-initialize when either:
+    var _ref = props.pageProps,
+        _nextI18Next = _ref._nextI18Next;
+    var locale = null; // Memoize the instance and only re-initialize when either:
     // 1. The route changes (non-shallowly)
     // 2. Router locale changes
 
     var i18n = useMemo(function () {
       var _userConfig;
 
-      if (!locale || !_nextI18Next) return null;
+      if (!_nextI18Next) return null;
       var userConfig = _nextI18Next.userConfig;
-      var initialI18nStore = _nextI18Next.initialI18nStore;
+      var initialI18nStore = _nextI18Next.initialI18nStore,
+          initialLocale = _nextI18Next.initialLocale;
+      locale = initialLocale;
 
       if (userConfig === null && configOverride === null) {
         throw new Error('appWithTranslation was called without a next-i18next config');

package/dist/esm/serverSideTranslations.js

@@ -161,6 +161,7 @@ export var serverSideTranslations = /*#__PURE__*/function () {
             return _context.abrupt("return", {
               _nextI18Next: {
                 initialI18nStore: initialI18nStore,
+                initialLocale: initialLocale,
                 userConfig: config.serializeConfig ? userConfig : null
               }
             });

package/dist/types/appWithTranslation.d.ts

@@ -8,4 +8,4 @@ declare type AppProps = NextJsAppProps & {
     pageProps: SSRConfig;
 };
 export declare let globalI18n: I18NextClient | null;
-export declare const appWithTranslation: (WrappedComponent: React.ComponentType<AppProps> | React.ElementType<AppProps>, configOverride?: UserConfig | null) => ((props: AppProps) => JSX.Element) & hoistNonReactStatics.NonReactStatics<React.ComponentClass<AppProps, any> | React.FunctionComponent<AppProps>, {}>;
+export declare const appWithTranslation: <Props extends AppProps = AppProps>(WrappedComponent: React.ComponentType<Props>, configOverride?: UserConfig | null) => ((props: Props) => JSX.Element) & hoistNonReactStatics.NonReactStatics<React.ComponentType<Props>, {}>;

package/dist/types/types.d.ts

@@ -36,6 +36,7 @@ export declare type CreateClientReturn = {
 export declare type SSRConfig = {
     _nextI18Next: {
         initialI18nStore: any;
+        initialLocale: string;
         userConfig: UserConfig | null;
     };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "next-i18next",
-  "version": "8.8.0",
+  "version": "9.0.1",
   "repository": "git@github.com:isaachinman/next-i18next.git",
   "author": "Isaac Hinman <isaac@isaachinman.com>",
   "funding": {
@@ -12,7 +12,7 @@
   "types": "dist/types/types.d.ts",
   "license": "MIT",
   "engines": {
-    "node": ">=10"
+    "node": ">=12"
   },
   "description": "The easiest way to translate your NextJs apps.",
   "keywords": [
@@ -73,7 +73,8 @@
     "@babel/preset-react": "^7.10.4",
     "@babel/preset-typescript": "^7.10.4",
     "@testing-library/react": "^11.2.5",
-    "@types/jest": "^26.0.20",
+    "@types/i18next-fs-backend": "^1.1.2",
+    "@types/jest": "^27.0.1",
     "@types/node": "^16.7.1",
     "@types/react": "^17.0.3",
     "@types/react-dom": "^17.0.3",
@@ -104,15 +105,17 @@
   "dependencies": {
     "@babel/runtime": "^7.13.17",
     "@types/hoist-non-react-statics": "^3.3.1",
-    "@types/i18next-fs-backend": "^1.0.0",
     "core-js": "^3",
     "hoist-non-react-statics": "^3.2.0",
-    "i18next": "^20.1.0",
+    "i18next": "^21.4.1",
     "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"
   }
 }