next-i18next 14.0.3 → 15.1.0

package/.size-limit.cjs

@@ -21,8 +21,8 @@ const getSimpleExamplePageLimits = () => {
     pages: {
       '/': '85kb',
       '/404': '90kb',
-      '/_app': '100kb',
-      '/_error': '80Kb',
+      '/_app': '105kb',
+      '/_error': '82Kb',
       '/second-page': '85Kb',
     },
   }

package/README.md

@@ -10,8 +10,8 @@
 If you are using next-i18next *(pages directory)* in production and like to unleash some super powers, you may have a look at [this blog post](https://locize.com/blog/next-i18next/).
 [![](https://locize.com/blog/next-i18next/next-i18next.jpg)](https://locize.com/blog/next-i18next/)
 
-If you're using Next.js 13 with app directory, there is no need for next-i18next, you can directly use i18next and react-i18next, like described [in this blog post](https://locize.com/blog/next-13-app-dir-i18n/).
-[![](https://locize.com/blog/next-13-app-dir-i18n/next-13-app-dir-i18n.jpg)](https://locize.com/blog/next-13-app-dir-i18n/)
+If you're using Next.js 13/14 with app directory, there is no need for next-i18next, you can directly use i18next and react-i18next, like described [in this blog post](https://locize.com/blog/next-app-dir-i18n/).
+[![](https://locize.com/blog/next-app-dir-i18n/next-app-dir-i18n.jpg)](https://locize.com/blog/next-app-dir-i18n/)
 
 ## What is this?
 
@@ -146,7 +146,7 @@ The `serverSideTranslations` HOC is primarily responsible for passing translatio
 
 This is the hook which you'll actually use to do the translation itself. The `useTranslation` hook [comes from `react-i18next`](https://react.i18next.com/latest/usetranslation-hook), but needs to be imported from `next-i18next` directly.
 <br/>
-**Do NOT use the `useTranslation` export of `react-i18next`, but ONLY use the on of `next-i18next`!**
+**Do NOT use the `useTranslation` export of `react-i18next`, but ONLY use the one from `next-i18next`!**
 
 ```tsx
 import { useTranslation } from 'next-i18next'
@@ -282,6 +282,35 @@ export const getStaticProps = async ({ locale }) => ({
 })
 ```
 
+#### Usage with fallback SSG pages 
+
+When using on server-side generated pages with [`getStaticPaths`](https://nextjs.org/docs/pages/api-reference/functions/get-static-paths) and [`fallback: true`](https://nextjs.org/docs/pages/api-reference/functions/get-static-paths#fallback-true) or [`fallback: 'blocking'`](https://nextjs.org/docs/pages/api-reference/functions/get-static-paths#fallback-blocking), the default setup indicated above will cause the app to be unmounted and remounted on every load, causing various adverse consequences like calling every `useEffect(() => {...}, [])` hook twice and slight performance degradation.
+
+This is due to the fact that, for those pages, Next.js does a first render with empty `serverSideProps` and then a second render with the `serverSideProps` that include the `next-i18next` translations. With the default setup, the `i18n` instance is initially `undefined` when `serverSideProps` is `empty`, causing the unmount-remount.
+
+To mitigate this issue, you can do the following:
+
+```tsx
+import { UserConfig } from 'next-i18next';
+import nextI18NextConfig from '../next-i18next.config.js'
+
+const emptyInitialI18NextConfig: UserConfig = {
+  i18n: {
+    defaultLocale: nextI18NextConfig.i18n.defaultLocale,
+    locales: nextI18NextConfig.i18n.locales,
+  },
+};
+
+const MyApp = ({ Component, pageProps }) => (
+  <Component {...pageProps} />
+)
+
+export default appWithTranslation(MyApp, emptyInitialI18NextConfig) // Makes sure the initial i18n instance is not undefined
+```
+
+This will work as long as you make sure that, in the fallback page state, your client-side code is not trying to display any translation since otherwise you will get a "server-client mismatch" error from Next.js (due to the fact that the server has an actual translation in its html while the client html has the translation key in the same place).   
+This is normal and fine: you shouldn't be displaying a translation key to your user anyway!
+
 #### Client side loading of translations via HTTP
 
 Since [v11.0.0](https://github.com/i18next/next-i18next/releases/tag/v11.0.0) next-i18next also provides support for client side loading of translations.

package/dist/commonjs/appWithTranslation.js

@@ -1,6 +1,5 @@
 "use strict";
 
-require("core-js/modules/es.object.keys.js");
 require("core-js/modules/es.symbol.js");
 require("core-js/modules/es.array.filter.js");
 require("core-js/modules/es.object.to-string.js");
@@ -40,31 +39,51 @@ Object.defineProperty(exports, "withTranslation", {
 });
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+require("core-js/modules/es.object.keys.js");
 var _react = _interopRequireWildcard(require("react"));
 var _hoistNonReactStatics = _interopRequireDefault(require("hoist-non-react-statics"));
 var _reactI18next = require("react-i18next");
 var _createConfig = require("./config/createConfig");
 var _createClient = _interopRequireDefault(require("./createClient"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var _utils = require("./utils");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 var __jsx = _react["default"].createElement;
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var globalI18n = null;
-exports.globalI18n = globalI18n;
-var appWithTranslation = function appWithTranslation(WrappedComponent) {
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var globalI18n = exports.globalI18n = null;
+var addResourcesToI18next = function addResourcesToI18next(instance, resources) {
+  if (resources && instance.isInitialized) {
+    for (var _i = 0, _Object$keys = Object.keys(resources); _i < _Object$keys.length; _i++) {
+      var locale = _Object$keys[_i];
+      for (var _i2 = 0, _Object$keys2 = Object.keys(resources[locale]); _i2 < _Object$keys2.length; _i2++) {
+        var ns = _Object$keys2[_i2];
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        if (instance.hasLoadedNamespace(ns, {
+          lng: locale
+        })) {
+          instance.addResourceBundle(locale, ns, resources[locale][ns], true, true);
+        }
+      }
+    }
+  }
+};
+var appWithTranslation = exports.appWithTranslation = function appWithTranslation(WrappedComponent) {
   var configOverride = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
   var AppWithTranslation = function AppWithTranslation(props) {
     var _nextI18Next$initialL, _props$router;
     var _ref = props.pageProps || {},
       _nextI18Next = _ref._nextI18Next; // pageProps may be undefined on strange setups, i.e. https://github.com/i18next/next-i18next/issues/2109
-    var locale = (_nextI18Next$initialL = _nextI18Next === null || _nextI18Next === void 0 ? void 0 : _nextI18Next.initialLocale) !== null && _nextI18Next$initialL !== void 0 ? _nextI18Next$initialL : props === null || props === void 0 ? void 0 : (_props$router = props.router) === null || _props$router === void 0 ? void 0 : _props$router.locale;
+    var locale = (_nextI18Next$initialL = _nextI18Next === null || _nextI18Next === void 0 ? void 0 : _nextI18Next.initialLocale) !== null && _nextI18Next$initialL !== void 0 ? _nextI18Next$initialL : props === null || props === void 0 || (_props$router = props.router) === null || _props$router === void 0 ? void 0 : _props$router.locale;
     var ns = _nextI18Next === null || _nextI18Next === void 0 ? void 0 : _nextI18Next.ns;
+    var instanceRef = (0, _react.useRef)(null);
 
-    // Memoize the instance and only re-initialize when either:
-    // 1. The route changes (non-shallowly)
-    // 2. Router locale changes
-    // 3. UserConfig override changes
+    /**
+     * Memoize i18n instance and reuse it rather than creating new instance.
+     * When the locale or resources are changed after instance was created,
+     * we will update the instance by calling addResourceBundle method on it.
+     */
     var i18n = (0, _react.useMemo)(function () {
       var _userConfig$i18n;
       if (!_nextI18Next && !configOverride) return null;
@@ -82,16 +101,32 @@ var appWithTranslation = function appWithTranslation(WrappedComponent) {
         initialI18nStore = _ref2.initialI18nStore;
       var resources = configOverride !== null && configOverride !== void 0 && configOverride.resources ? configOverride.resources : initialI18nStore;
       if (!locale) locale = userConfig.i18n.defaultLocale;
-      var instance = (0, _createClient["default"])(_objectSpread(_objectSpread({}, (0, _createConfig.createConfig)(_objectSpread(_objectSpread({}, userConfig), {}, {
-        lng: locale
-      }))), {}, {
-        lng: locale,
-        ns: ns,
-        resources: resources
-      })).i18n;
-      exports.globalI18n = globalI18n = instance;
+      var instance = instanceRef.current;
+      if (instance) {
+        addResourcesToI18next(instance, resources);
+      } else {
+        instance = (0, _createClient["default"])(_objectSpread(_objectSpread({}, (0, _createConfig.createConfig)(_objectSpread(_objectSpread({}, userConfig), {}, {
+          lng: locale
+        }))), {}, {
+          lng: locale,
+          ns: ns,
+          resources: resources
+        })).i18n;
+        addResourcesToI18next(instance, resources);
+        exports.globalI18n = globalI18n = instance;
+        instanceRef.current = instance;
+      }
       return instance;
-    }, [_nextI18Next, locale, configOverride, ns]);
+    }, [_nextI18Next, locale, ns]);
+
+    /**
+     * Since calling changeLanguage method on existing i18n instance cause state update in react,
+     * we need to call the method in `useLayoutEffect` to prevent state update in render phase.
+     */
+    (0, _utils.useIsomorphicLayoutEffect)(function () {
+      if (!i18n || !locale) return;
+      i18n.changeLanguage(locale);
+    }, [i18n, locale]);
     return i18n !== null ? __jsx(_reactI18next.I18nextProvider, {
       i18n: i18n
     }, __jsx(WrappedComponent, props)) : __jsx(WrappedComponent, (0, _extends2["default"])({
@@ -99,5 +134,4 @@ var appWithTranslation = function appWithTranslation(WrappedComponent) {
     }, props));
   };
   return (0, _hoistNonReactStatics["default"])(AppWithTranslation, WrappedComponent);
-};
-exports.appWithTranslation = appWithTranslation;
+};

package/dist/commonjs/config/createConfig.js

@@ -8,6 +8,8 @@ require("core-js/modules/es.object.get-own-property-descriptors.js");
 require("core-js/modules/es.object.define-properties.js");
 require("core-js/modules/es.object.define-property.js");
 require("core-js/modules/es.array.slice.js");
+require("core-js/modules/es.date.to-string.js");
+require("core-js/modules/es.regexp.to-string.js");
 require("core-js/modules/es.function.name.js");
 require("core-js/modules/es.array.from.js");
 require("core-js/modules/es.string.iterator.js");
@@ -46,11 +48,11 @@ var _excluded = ["i18n"],
   _excluded2 = ["i18n"];
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var deepMergeObjects = ['backend', 'detection'];
-var createConfig = function createConfig(userConfig) {
+var createConfig = exports.createConfig = function createConfig(userConfig) {
   var _userConfig$interpola, _userConfig$interpola2, _userConfig$use;
   if (typeof (userConfig === null || userConfig === void 0 ? void 0 : userConfig.lng) !== 'string') {
     throw new Error('config.lng was not passed into createConfig');
@@ -87,8 +89,8 @@ var createConfig = function createConfig(userConfig) {
       combinedConfig.fallbackLng = _locales[0];
     }
   }
-  var userPrefix = userConfig === null || userConfig === void 0 ? void 0 : (_userConfig$interpola = userConfig.interpolation) === null || _userConfig$interpola === void 0 ? void 0 : _userConfig$interpola.prefix;
-  var userSuffix = userConfig === null || userConfig === void 0 ? void 0 : (_userConfig$interpola2 = userConfig.interpolation) === null || _userConfig$interpola2 === void 0 ? void 0 : _userConfig$interpola2.suffix;
+  var userPrefix = userConfig === null || userConfig === void 0 || (_userConfig$interpola = userConfig.interpolation) === null || _userConfig$interpola === void 0 ? void 0 : _userConfig$interpola.prefix;
+  var userSuffix = userConfig === null || userConfig === void 0 || (_userConfig$interpola2 = userConfig.interpolation) === null || _userConfig$interpola2 === void 0 ? void 0 : _userConfig$interpola2.suffix;
   var prefix = userPrefix !== null && userPrefix !== void 0 ? userPrefix : '{{';
   var suffix = userSuffix !== null && userSuffix !== void 0 ? userSuffix : '}}';
   if (typeof (userConfig === null || userConfig === void 0 ? void 0 : userConfig.localeStructure) !== 'string' && (userPrefix || userSuffix)) {
@@ -128,7 +130,7 @@ var createConfig = function createConfig(userConfig) {
       throw new Error('If nonExplicitSupportedLngs is true, no functions are allowed for fallbackLng');
     }
   }
-  var hasCustomBackend = userConfig === null || userConfig === void 0 ? void 0 : (_userConfig$use = userConfig.use) === null || _userConfig$use === void 0 ? void 0 : _userConfig$use.some(function (b) {
+  var hasCustomBackend = userConfig === null || userConfig === void 0 || (_userConfig$use = userConfig.use) === null || _userConfig$use === void 0 ? void 0 : _userConfig$use.some(function (b) {
     return b.type === 'backend';
   });
   if (!process.browser && typeof window === 'undefined') {
@@ -274,5 +276,4 @@ var createConfig = function createConfig(userConfig) {
     }
   });
   return combinedConfig;
-};
-exports.createConfig = createConfig;
+};

package/dist/commonjs/config/defaultConfig.js

@@ -11,7 +11,7 @@ var DEFAULT_NAMESPACE = 'common';
 var LOCALE_PATH = './public/locales';
 var LOCALE_STRUCTURE = '{{lng}}/{{ns}}';
 var LOCALE_EXTENSION = 'json';
-var defaultConfig = {
+var defaultConfig = exports.defaultConfig = {
   defaultNS: DEFAULT_NAMESPACE,
   errorStackTraceLimit: 0,
   i18n: {
@@ -34,5 +34,4 @@ var defaultConfig = {
   reloadOnPrerender: false,
   serializeConfig: true,
   use: []
-};
-exports.defaultConfig = defaultConfig;
+};

package/dist/commonjs/createClient/browser.js

@@ -11,13 +11,13 @@ 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"));
-var _default = function _default(config) {
+var _default = exports["default"] = function _default(config) {
   if (config.ns === undefined) config.ns = [];
   var instance = _i18next["default"].createInstance(config);
   var initPromise;
   if (!instance.isInitialized) {
     var _config$use;
-    config === null || config === void 0 ? void 0 : (_config$use = config.use) === null || _config$use === void 0 ? void 0 : _config$use.forEach(function (x) {
+    config === null || config === void 0 || (_config$use = config.use) === null || _config$use === void 0 || _config$use.forEach(function (x) {
       return instance.use(x);
     });
     if (typeof config.onPreInitI18next === 'function') {
@@ -32,6 +32,5 @@ var _default = function _default(config) {
     initPromise: initPromise
   };
 };
-exports["default"] = _default;
 module.exports = exports.default;
 module.exports.default = exports.default;

package/dist/commonjs/createClient/node.js

@@ -20,10 +20,10 @@ require("core-js/modules/es.promise.js");
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _i18next = _interopRequireDefault(require("i18next"));
 var _i18nextFsBackend = _interopRequireDefault(require("i18next-fs-backend"));
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var globalInstance;
-var _default = function _default(config) {
+var _default = exports["default"] = function _default(config) {
   if (config.ns === undefined) config.ns = [];
   var instance;
   if (!globalInstance) {
@@ -39,13 +39,13 @@ var _default = function _default(config) {
   var initPromise;
   if (!instance.isInitialized) {
     var _config$use, _config$use2;
-    var hasCustomBackend = config === null || config === void 0 ? void 0 : (_config$use = config.use) === null || _config$use === void 0 ? void 0 : _config$use.some(function (b) {
+    var hasCustomBackend = config === null || config === void 0 || (_config$use = config.use) === null || _config$use === void 0 ? void 0 : _config$use.some(function (b) {
       return b.type === 'backend';
     });
     if (!hasCustomBackend) {
       instance.use(_i18nextFsBackend["default"]);
     }
-    config === null || config === void 0 ? void 0 : (_config$use2 = config.use) === null || _config$use2 === void 0 ? void 0 : _config$use2.forEach(function (x) {
+    config === null || config === void 0 || (_config$use2 = config.use) === null || _config$use2 === void 0 || _config$use2.forEach(function (x) {
       return instance.use(x);
     });
     if (typeof config.onPreInitI18next === 'function') {
@@ -60,6 +60,5 @@ var _default = function _default(config) {
     initPromise: initPromise
   };
 };
-exports["default"] = _default;
 module.exports = exports.default;
 module.exports.default = exports.default;

package/dist/commonjs/serverSideTranslations.js

@@ -38,10 +38,10 @@ var _createConfig = require("./config/createConfig");
 var _node = _interopRequireDefault(require("./createClient/node"));
 var _appWithTranslation = require("./appWithTranslation");
 var _utils = require("./utils");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 var DEFAULT_CONFIG_PATH = './next-i18next.config.js';
 
 /**
@@ -53,9 +53,9 @@ var DEFAULT_CONFIG_PATH = './next-i18next.config.js';
 if (process.env.I18NEXT_DEFAULT_CONFIG_PATH) {
   DEFAULT_CONFIG_PATH = process.env.I18NEXT_DEFAULT_CONFIG_PATH;
 }
-var serverSideTranslations = /*#__PURE__*/function () {
+var serverSideTranslations = exports.serverSideTranslations = /*#__PURE__*/function () {
   var _ref = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(initialLocale) {
-    var _userConfig, _userConfig$use;
+    var _userConfig;
     var namespacesRequired,
       configOverride,
       extraLocales,
@@ -75,110 +75,111 @@ var serverSideTranslations = /*#__PURE__*/function () {
       namespacesByLocale,
       _args = arguments;
     return _regenerator["default"].wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            namespacesRequired = _args.length > 1 && _args[1] !== undefined ? _args[1] : undefined;
-            configOverride = _args.length > 2 && _args[2] !== undefined ? _args[2] : null;
-            extraLocales = _args.length > 3 && _args[3] !== undefined ? _args[3] : false;
-            if (!(typeof initialLocale !== 'string')) {
-              _context.next = 5;
-              break;
-            }
-            throw new Error('Initial locale argument was not passed into serverSideTranslations');
-          case 5:
-            userConfig = configOverride;
-            configPath = _path["default"].resolve(DEFAULT_CONFIG_PATH);
-            if (!(!userConfig && _fs["default"].existsSync(configPath))) {
-              _context.next = 11;
-              break;
-            }
-            _context.next = 10;
-            return Promise.resolve("".concat(configPath)).then(function (s) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          namespacesRequired = _args.length > 1 && _args[1] !== undefined ? _args[1] : undefined;
+          configOverride = _args.length > 2 && _args[2] !== undefined ? _args[2] : null;
+          extraLocales = _args.length > 3 && _args[3] !== undefined ? _args[3] : false;
+          if (!(typeof initialLocale !== 'string')) {
+            _context.next = 5;
+            break;
+          }
+          throw new Error('Initial locale argument was not passed into serverSideTranslations');
+        case 5:
+          userConfig = configOverride;
+          configPath = _path["default"].resolve(DEFAULT_CONFIG_PATH);
+          if (!(!userConfig && _fs["default"].existsSync(configPath))) {
+            _context.next = 11;
+            break;
+          }
+          _context.next = 10;
+          return function (specifier) {
+            return new Promise(function (r) {
+              return r("".concat(specifier));
+            }).then(function (s) {
               return _interopRequireWildcard(require(s));
             });
-          case 10:
-            userConfig = _context.sent;
-          case 11:
-            if (!(userConfig === null)) {
-              _context.next = 13;
-              break;
-            }
-            throw new Error("next-i18next was unable to find a user config at ".concat(configPath));
-          case 13:
-            config = (0, _createConfig.createConfig)(_objectSpread(_objectSpread({}, userConfig), {}, {
-              lng: initialLocale
-            }));
-            localeExtension = config.localeExtension, localePath = config.localePath, fallbackLng = config.fallbackLng, reloadOnPrerender = config.reloadOnPrerender;
-            if (!reloadOnPrerender) {
-              _context.next = 18;
-              break;
-            }
+          }(configPath);
+        case 10:
+          userConfig = _context.sent;
+        case 11:
+          if (!(userConfig === null)) {
+            _context.next = 13;
+            break;
+          }
+          throw new Error("next-i18next was unable to find a user config at ".concat(configPath));
+        case 13:
+          config = (0, _createConfig.createConfig)(_objectSpread(_objectSpread({}, userConfig), {}, {
+            lng: initialLocale
+          }));
+          localeExtension = config.localeExtension, localePath = config.localePath, fallbackLng = config.fallbackLng, reloadOnPrerender = config.reloadOnPrerender;
+          if (!reloadOnPrerender) {
             _context.next = 18;
-            return _appWithTranslation.globalI18n === null || _appWithTranslation.globalI18n === void 0 ? void 0 : _appWithTranslation.globalI18n.reloadResources();
-          case 18:
-            _createClient = (0, _node["default"])(_objectSpread(_objectSpread({}, config), {}, {
-              lng: initialLocale
-            })), i18n = _createClient.i18n, initPromise = _createClient.initPromise;
-            _context.next = 21;
-            return initPromise;
-          case 21:
-            hasCustomBackend = (_userConfig = userConfig) === null || _userConfig === void 0 ? void 0 : (_userConfig$use = _userConfig.use) === null || _userConfig$use === void 0 ? void 0 : _userConfig$use.some(function (b) {
-              return b.type === 'backend';
-            });
-            if (!(hasCustomBackend && namespacesRequired)) {
-              _context.next = 25;
-              break;
-            }
+            break;
+          }
+          _context.next = 18;
+          return _appWithTranslation.globalI18n === null || _appWithTranslation.globalI18n === void 0 ? void 0 : _appWithTranslation.globalI18n.reloadResources();
+        case 18:
+          _createClient = (0, _node["default"])(_objectSpread(_objectSpread({}, config), {}, {
+            lng: initialLocale
+          })), i18n = _createClient.i18n, initPromise = _createClient.initPromise;
+          _context.next = 21;
+          return initPromise;
+        case 21:
+          hasCustomBackend = (_userConfig = userConfig) === null || _userConfig === void 0 || (_userConfig = _userConfig.use) === null || _userConfig === void 0 ? void 0 : _userConfig.some(function (b) {
+            return b.type === 'backend';
+          });
+          if (!(hasCustomBackend && namespacesRequired)) {
             _context.next = 25;
-            return i18n.loadNamespaces(Array.isArray(namespacesRequired) ? namespacesRequired : namespacesRequired);
-          case 25:
-            initialI18nStore = (0, _defineProperty2["default"])({}, initialLocale, {});
-            (0, _utils.getFallbackForLng)(initialLocale, fallbackLng !== null && fallbackLng !== void 0 ? fallbackLng : false).concat(extraLocales || []).forEach(function (lng) {
-              initialI18nStore[lng] = {};
-            });
-            if (Array.isArray(namespacesRequired)) {
-              _context.next = 33;
-              break;
+            break;
+          }
+          _context.next = 25;
+          return i18n.loadNamespaces(Array.isArray(namespacesRequired) ? namespacesRequired : namespacesRequired);
+        case 25:
+          initialI18nStore = (0, _defineProperty2["default"])({}, initialLocale, {});
+          (0, _utils.getFallbackForLng)(initialLocale, fallbackLng !== null && fallbackLng !== void 0 ? fallbackLng : false).concat(extraLocales || []).forEach(function (lng) {
+            initialI18nStore[lng] = {};
+          });
+          if (Array.isArray(namespacesRequired)) {
+            _context.next = 33;
+            break;
+          }
+          if (!(typeof localePath === 'function')) {
+            _context.next = 30;
+            break;
+          }
+          throw new Error('Must provide namespacesRequired to serverSideTranslations when using a function as localePath');
+        case 30:
+          getLocaleNamespaces = function getLocaleNamespaces(path) {
+            return _fs["default"].existsSync(path) ? _fs["default"].readdirSync(path).map(function (file) {
+              return file.replace(".".concat(localeExtension), '');
+            }) : [];
+          };
+          namespacesByLocale = Object.keys(initialI18nStore).map(function (locale) {
+            return getLocaleNamespaces(_path["default"].resolve(process.cwd(), "".concat(localePath, "/").concat(locale)));
+          }).flat();
+          namespacesRequired = (0, _utils.unique)(namespacesByLocale);
+        case 33:
+          namespacesRequired.forEach(function (ns) {
+            for (var locale in initialI18nStore) {
+              initialI18nStore[locale][ns] = (i18n.services.resourceStore.data[locale] || {})[ns] || {};
             }
-            if (!(typeof localePath === 'function')) {
-              _context.next = 30;
-              break;
+          });
+          return _context.abrupt("return", {
+            _nextI18Next: {
+              initialI18nStore: initialI18nStore,
+              initialLocale: initialLocale,
+              ns: namespacesRequired,
+              userConfig: config.serializeConfig ? userConfig : null
             }
-            throw new Error('Must provide namespacesRequired to serverSideTranslations when using a function as localePath');
-          case 30:
-            getLocaleNamespaces = function getLocaleNamespaces(path) {
-              return _fs["default"].existsSync(path) ? _fs["default"].readdirSync(path).map(function (file) {
-                return file.replace(".".concat(localeExtension), '');
-              }) : [];
-            };
-            namespacesByLocale = Object.keys(initialI18nStore).map(function (locale) {
-              return getLocaleNamespaces(_path["default"].resolve(process.cwd(), "".concat(localePath, "/").concat(locale)));
-            }).flat();
-            namespacesRequired = (0, _utils.unique)(namespacesByLocale);
-          case 33:
-            namespacesRequired.forEach(function (ns) {
-              for (var locale in initialI18nStore) {
-                initialI18nStore[locale][ns] = (i18n.services.resourceStore.data[locale] || {})[ns] || {};
-              }
-            });
-            return _context.abrupt("return", {
-              _nextI18Next: {
-                initialI18nStore: initialI18nStore,
-                initialLocale: initialLocale,
-                ns: namespacesRequired,
-                userConfig: config.serializeConfig ? userConfig : null
-              }
-            });
-          case 35:
-          case "end":
-            return _context.stop();
-        }
+          });
+        case 35:
+        case "end":
+          return _context.stop();
       }
     }, _callee);
   }));
   return function serverSideTranslations(_x) {
     return _ref.apply(this, arguments);
   };
-}();
-exports.serverSideTranslations = serverSideTranslations;
+}();

package/dist/commonjs/utils.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.unique = exports.getFallbackForLng = void 0;
+exports.useIsomorphicLayoutEffect = exports.unique = exports.getFallbackForLng = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 require("core-js/modules/es.array.is-array.js");
@@ -16,7 +16,8 @@ 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");
-var getFallbackForLng = function getFallbackForLng(lng, fallbackLng) {
+var _react = require("react");
+var getFallbackForLng = exports.getFallbackForLng = function getFallbackForLng(lng, fallbackLng) {
   if (typeof fallbackLng === 'string') {
     return [fallbackLng];
   }
@@ -33,8 +34,15 @@ var getFallbackForLng = function getFallbackForLng(lng, fallbackLng) {
   }
   return [];
 };
-exports.getFallbackForLng = getFallbackForLng;
-var unique = function unique(list) {
+var unique = exports.unique = function unique(list) {
   return Array.from(new Set(list));
 };
-exports.unique = unique;
+
+/**
+ * This hook behaves like `useLayoutEffect` on the client,
+ * and `useEffect` on the server(no effect).
+ *
+ * Since using `useLayoutEffect` on the server cause warning messages in nextjs,
+ * this hook is workaround for that.
+ */
+var useIsomorphicLayoutEffect = exports.useIsomorphicLayoutEffect = typeof window !== 'undefined' ? _react.useLayoutEffect : _react.useEffect;