├── .gitignore ├── README.md ├── docs ├── .nojekyll ├── 404.html ├── _next │ ├── data │ │ └── eCuQkF9m7B2_wPo7WVOll │ │ │ ├── en.json │ │ │ ├── en │ │ │ └── about.json │ │ │ ├── index.json │ │ │ ├── zh.json │ │ │ └── zh │ │ │ └── about.json │ └── static │ │ ├── chunks │ │ ├── main-1927778d87388db7dd71.js │ │ ├── pages │ │ │ ├── [locale]-479f904924e9e74ae9b8.js │ │ │ ├── [locale] │ │ │ │ └── about-61eba23c1cc321d35af8.js │ │ │ ├── _app-c5a7d5dfad8e7a50e0cd.js │ │ │ ├── _error-9c691dfcbfc95d69cce2.js │ │ │ └── index-a85b674dad7e9600b347.js │ │ ├── polyfills-c2161538548acee741cf.js │ │ └── webpack-0671afe647010031cdbe.js │ │ └── eCuQkF9m7B2_wPo7WVOll │ │ ├── _buildManifest.js │ │ └── _ssgManifest.js ├── en.html ├── en │ └── about.html ├── index.html ├── zh.html └── zh │ └── about.html ├── next-env.d.ts ├── next.config.js ├── package.json ├── pnpm-lock.yaml ├── src ├── components │ └── Layout.tsx ├── i18n-browser.tsx ├── i18n-server.tsx ├── locales │ ├── en │ │ └── common.yaml │ └── zh │ │ └── common.yaml └── pages │ ├── [locale] │ ├── about.tsx │ └── index.tsx │ ├── _app.tsx │ └── index.tsx └── tsconfig.json /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .next 3 | out 4 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Next.js Static i18n 2 | 3 | A demo for Next.js i8n export support. 4 | 5 | ## Installation 6 | 7 | ```shell 8 | $ npm install 9 | ``` 10 | 11 | ## Build and export 12 | 13 | ```shell 14 | $ npm run build && npm run export 15 | ``` 16 | 17 | And checkout the `out` folder. 18 | 19 | ## For production 20 | 21 | You can use `navigator.languages` in `index.tsx` to to implement client-side redirection. However, for a better browsing experience, you should enable internationalized routing for the hosting server. 22 | 23 | **eg. Nginx** 24 | 25 | ```nginx 26 | map $http_accept_language $lang { 27 | default zh; 28 | ~*^en en; 29 | } 30 | 31 | server { 32 | root /usr/share/nginx/i18n; 33 | index index.html; 34 | 35 | location = / { 36 | return 302 /$lang/; 37 | } 38 | 39 | location ~^/zh { 40 | try_files $uri $uri/ /zh/index.html; 41 | } 42 | 43 | location ~^/en { 44 | try_files $uri $uri/ /en/index.html; 45 | } 46 | 47 | # Other Configurations... 48 | } 49 | ``` 50 | 51 | -------------------------------------------------------------------------------- /docs/.nojekyll: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/myWsq/nextjs-static-i18n/ae13063b8bdee635b39127ea98ad2592cba9ce0f/docs/.nojekyll -------------------------------------------------------------------------------- /docs/404.html: -------------------------------------------------------------------------------- 1 | 404: This page could not be found

404

This page could not be found.

-------------------------------------------------------------------------------- /docs/_next/data/eCuQkF9m7B2_wPo7WVOll/en.json: -------------------------------------------------------------------------------- 1 | {"pageProps":{"_i18n":{"locale":"en","locales":["zh","en"],"resource":{"common":{"title":"Hello World","home":"Home","about":"About","introduction":"A thousand miles begins with a single step. Change in the future, from now on. Change now, it is to change the future."}}}},"__N_SSG":true} -------------------------------------------------------------------------------- /docs/_next/data/eCuQkF9m7B2_wPo7WVOll/en/about.json: -------------------------------------------------------------------------------- 1 | {"pageProps":{"_i18n":{"locale":"en","locales":["zh","en"],"resource":{"common":{"title":"Hello World","home":"Home","about":"About","introduction":"A thousand miles begins with a single step. Change in the future, from now on. Change now, it is to change the future."}}}},"__N_SSG":true} -------------------------------------------------------------------------------- /docs/_next/data/eCuQkF9m7B2_wPo7WVOll/index.json: -------------------------------------------------------------------------------- 1 | {"pageProps":{"locales":["zh","en"]},"__N_SSG":true} -------------------------------------------------------------------------------- /docs/_next/data/eCuQkF9m7B2_wPo7WVOll/zh.json: -------------------------------------------------------------------------------- 1 | {"pageProps":{"_i18n":{"locale":"zh","locales":["zh","en"],"resource":{"common":{"title":"你好世界","home":"首页","about":"关于","introduction":"千里之行，始于足下。改变将来，从现在开始。改变现在，就是改变未来。"}}}},"__N_SSG":true} -------------------------------------------------------------------------------- /docs/_next/data/eCuQkF9m7B2_wPo7WVOll/zh/about.json: -------------------------------------------------------------------------------- 1 | {"pageProps":{"_i18n":{"locale":"zh","locales":["zh","en"],"resource":{"common":{"title":"你好世界","home":"首页","about":"关于","introduction":"千里之行，始于足下。改变将来，从现在开始。改变现在，就是改变未来。"}}}},"__N_SSG":true} -------------------------------------------------------------------------------- /docs/_next/static/chunks/pages/[locale]-479f904924e9e74ae9b8.js: -------------------------------------------------------------------------------- 1 | (self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[513],{9222:function(n,r,e){"use strict";var c=e(688),i=e(8566),t=e(6310);r.Z=function(n){var r=n.children,e=(0,t.$)("common").t;return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsxs)("nav",{children:[(0,c.jsx)(i.n,{href:"/",children:e("home")})," ",(0,c.jsx)(i.n,{href:"/about",children:e("about")})]}),(0,c.jsx)("main",{children:r}),(0,c.jsxs)("footer",{children:[(0,c.jsx)("li",{children:(0,c.jsx)(i.n,{locale:"zh",children:"\u7b80\u4f53\u4e2d\u6587"})}),(0,c.jsx)("li",{children:(0,c.jsx)(i.n,{locale:"en",children:"English"})})]})]})}},2116:function(n,r,e){"use strict";e.r(r),e.d(r,{__N_SSG:function(){return l},default:function(){return s}});var c=e(688),i=e(6310),t=e(9222),l=!0;function s(){var n=(0,i.$)("common").t;return(0,c.jsx)(t.Z,{children:(0,c.jsx)("h1",{children:n("title")})})}},9950:function(n,r,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/[locale]",function(){return e(2116)}])}},function(n){n.O(0,[888,179],(function(){return r=9950,n(n.s=r);var r}));var r=n.O();_N_E=r}]); -------------------------------------------------------------------------------- /docs/_next/static/chunks/pages/[locale]/about-61eba23c1cc321d35af8.js: -------------------------------------------------------------------------------- 1 | (self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[721],{9222:function(n,r,e){"use strict";var c=e(688),i=e(8566),t=e(6310);r.Z=function(n){var r=n.children,e=(0,t.$)("common").t;return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsxs)("nav",{children:[(0,c.jsx)(i.n,{href:"/",children:e("home")})," ",(0,c.jsx)(i.n,{href:"/about",children:e("about")})]}),(0,c.jsx)("main",{children:r}),(0,c.jsxs)("footer",{children:[(0,c.jsx)("li",{children:(0,c.jsx)(i.n,{locale:"zh",children:"\u7b80\u4f53\u4e2d\u6587"})}),(0,c.jsx)("li",{children:(0,c.jsx)(i.n,{locale:"en",children:"English"})})]})]})}},3260:function(n,r,e){"use strict";e.r(r),e.d(r,{__N_SSG:function(){return o},default:function(){return u}});var c=e(688),i=e(6310),t=e(9222),o=!0;function u(){var n=(0,i.$)("common").t;return(0,c.jsx)(t.Z,{children:(0,c.jsx)("p",{children:n("introduction")})})}},5933:function(n,r,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/[locale]/about",function(){return e(3260)}])}},function(n){n.O(0,[888,179],(function(){return r=5933,n(n.s=r);var r}));var r=n.O();_N_E=r}]); -------------------------------------------------------------------------------- /docs/_next/static/chunks/pages/_app-c5a7d5dfad8e7a50e0cd.js: -------------------------------------------------------------------------------- 1 | (self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[888],{3218:function(e,t,n){"use strict";var r=n(4923);t.default=void 0;var o,i=(o=n(9763))&&o.__esModule?o:{default:o},a=n(6043),s=n(2497),u=n(4339);var c={};function l(e,t,n,r){if(e&&a.isLocalURL(t)){e.prefetch(t,n,r).catch((function(e){0}));var o=r&&"undefined"!==typeof r.locale?r.locale:e&&e.locale;c[t+"%"+n+(o?"%"+o:"")]=!0}}var f=function(e){var t,n=!1!==e.prefetch,o=s.useRouter(),f=i.default.useMemo((function(){var t=a.resolveHref(o,e.href,!0),n=r(t,2),i=n[0],s=n[1];return{href:i,as:e.as?a.resolveHref(o,e.as):s||i}}),[o,e.href,e.as]),p=f.href,g=f.as,h=e.children,d=e.replace,v=e.shallow,y=e.scroll,m=e.locale;"string"===typeof h&&(h=i.default.createElement("a",null,h));var b=(t=i.default.Children.only(h))&&"object"===typeof t&&t.ref,k=u.useIntersection({rootMargin:"200px"}),x=r(k,2),w=x[0],O=x[1],S=i.default.useCallback((function(e){w(e),b&&("function"===typeof b?b(e):"object"===typeof b&&(b.current=e))}),[b,w]);i.default.useEffect((function(){var e=O&&n&&a.isLocalURL(p),t="undefined"!==typeof m?m:o&&o.locale,r=c[p+"%"+g+(t?"%"+t:"")];e&&!r&&l(o,p,g,{locale:t})}),[g,p,O,m,n,o]);var L={ref:S,onClick:function(e){t.props&&"function"===typeof t.props.onClick&&t.props.onClick(e),e.defaultPrevented||function(e,t,n,r,o,i,s,u){("A"!==e.currentTarget.nodeName||!function(e){var t=e.currentTarget.target;return t&&"_self"!==t||e.metaKey||e.ctrlKey||e.shiftKey||e.altKey||e.nativeEvent&&2===e.nativeEvent.which}(e)&&a.isLocalURL(n))&&(e.preventDefault(),null==s&&r.indexOf("#")>=0&&(s=!1),t[o?"replace":"push"](n,r,{shallow:i,locale:u,scroll:s}))}(e,o,p,g,d,v,y,m)},onMouseEnter:function(e){a.isLocalURL(p)&&(t.props&&"function"===typeof t.props.onMouseEnter&&t.props.onMouseEnter(e),l(o,p,g,{priority:!0}))}};if(e.passHref||"a"===t.type&&!("href"in t.props)){var j="undefined"!==typeof m?m:o&&o.locale,N=o&&o.isLocaleDomain&&a.getDomainLocale(g,j,o&&o.locales,o&&o.domainLocales);L.href=N||a.addBasePath(a.addLocale(g,j,o&&o.defaultLocale))}return i.default.cloneElement(t,L)};t.default=f},4339:function(e,t,n){"use strict";var r=n(4923);Object.defineProperty(t,"__esModule",{value:!0}),t.useIntersection=function(e){var t=e.rootMargin,n=e.disabled||!a,u=o.useRef(),c=o.useState(!1),l=r(c,2),f=l[0],p=l[1],g=o.useCallback((function(e){u.current&&(u.current(),u.current=void 0),n||f||e&&e.tagName&&(u.current=function(e,t,n){var r=function(e){var t=e.rootMargin||"",n=s.get(t);if(n)return n;var r=new Map,o=new IntersectionObserver((function(e){e.forEach((function(e){var t=r.get(e.target),n=e.isIntersecting||e.intersectionRatio>0;t&&n&&t(n)}))}),e);return s.set(t,n={id:t,observer:o,elements:r}),n}(n),o=r.id,i=r.observer,a=r.elements;return a.set(e,t),i.observe(e),function(){a.delete(e),i.unobserve(e),0===a.size&&(i.disconnect(),s.delete(o))}}(e,(function(e){return e&&p(e)}),{rootMargin:t}))}),[n,t,f]);return o.useEffect((function(){if(!a&&!f){var e=i.requestIdleCallback((function(){return p(!0)}));return function(){return i.cancelIdleCallback(e)}}}),[f]),[g,f]};var o=n(9763),i=n(3717),a="undefined"!==typeof IntersectionObserver;var s=new Map},8566:function(e,t,n){"use strict";n.d(t,{n:function(){return ne},C:function(){return te}});var r=n(688),o=n(2285),i=n(9763),a=n(9555);function s(e){var t=e.i18n,n=e.defaultNS,r=e.children,o=(0,i.useMemo)((function(){return{i18n:t,defaultNS:n}}),[t,n]);return(0,i.createElement)(a.OO.Provider,{value:o},r)}function u(e){return(u="function"===typeof Symbol&&"symbol"===typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"===typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function c(e){for(var t=1;t1&&void 0!==arguments[1]?arguments[1]:{};l(this,e),this.init(t,n)}return p(e,[{key:"init",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.prefix=t.prefix||"i18next:",this.logger=e||m,this.options=t,this.debug=t.debug}},{key:"setDebug",value:function(e){this.debug=e}},{key:"log",value:function(){for(var e=arguments.length,t=new Array(e),n=0;n1?t-1:0),r=1;r-1?e.replace(/###/g,"."):e}function o(){return!e||"string"===typeof e}for(var i="string"!==typeof t?[].concat(t):t.split(".");i.length>1;){if(o())return{};var a=r(i.shift());!e[a]&&n&&(e[a]=new n),e=Object.prototype.hasOwnProperty.call(e,a)?e[a]:{}}return o()?{}:{obj:e,k:r(i.shift())}}function L(e,t,n){var r=S(e,t,Object);r.obj[r.k]=n}function j(e,t){var n=S(e,t),r=n.obj,o=n.k;if(r)return r[o]}function N(e,t,n){var r=j(e,n);return void 0!==r?r:j(t,n)}function P(e,t,n){for(var r in t)"__proto__"!==r&&"constructor"!==r&&(r in e?"string"===typeof e[r]||e[r]instanceof String||"string"===typeof t[r]||t[r]instanceof String?n&&(e[r]=t[r]):P(e[r],t[r],n):e[r]=t[r]);return e}function C(e){return e.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g,"\\$&")}var E={"&":"&","<":"<",">":">",'"':""","'":"'","/":"/"};function R(e){return"string"===typeof e?e.replace(/[&<>"'\/]/g,(function(e){return E[e]})):e}var I="undefined"!==typeof window&&window.navigator&&window.navigator.userAgent&&window.navigator.userAgent.indexOf("MSIE")>-1;function F(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:".";if(e){if(e[t])return e[t];for(var r=t.split(n),o=e,i=0;ii+a;)a++,u=o[s=r.slice(i,i+a).join(n)];if(void 0===u)return;if("string"===typeof u)return u;if(s&&"string"===typeof u[s])return u[s];var c=r.slice(i+a).join(n);return c?F(u,c,n):void 0}o=o[r[i]]}return o}}var _=function(e){function t(e){var n,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{ns:["translation"],defaultNS:"translation"};return l(this,t),n=h(this,d(t).call(this)),I&&k.call(g(n)),n.data=e||{},n.options=r,void 0===n.options.keySeparator&&(n.options.keySeparator="."),void 0===n.options.ignoreJSONStructure&&(n.options.ignoreJSONStructure=!0),n}return y(t,e),p(t,[{key:"addNamespaces",value:function(e){this.options.ns.indexOf(e)<0&&this.options.ns.push(e)}},{key:"removeNamespaces",value:function(e){var t=this.options.ns.indexOf(e);t>-1&&this.options.ns.splice(t,1)}},{key:"getResource",value:function(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},o=void 0!==r.keySeparator?r.keySeparator:this.options.keySeparator,i=void 0!==r.ignoreJSONStructure?r.ignoreJSONStructure:this.options.ignoreJSONStructure,a=[e,t];n&&"string"!==typeof n&&(a=a.concat(n)),n&&"string"===typeof n&&(a=a.concat(o?n.split(o):n)),e.indexOf(".")>-1&&(a=e.split("."));var s=j(this.data,a);return s||!i||"string"!==typeof n?s:F(this.data&&this.data[e]&&this.data[e][t],n,o)}},{key:"addResource",value:function(e,t,n,r){var o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{silent:!1},i=this.options.keySeparator;void 0===i&&(i=".");var a=[e,t];n&&(a=a.concat(i?n.split(i):n)),e.indexOf(".")>-1&&(r=t,t=(a=e.split("."))[1]),this.addNamespaces(t),L(this.data,a,r),o.silent||this.emit("added",e,t,n,r)}},{key:"addResources",value:function(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{silent:!1};for(var o in n)"string"!==typeof n[o]&&"[object Array]"!==Object.prototype.toString.apply(n[o])||this.addResource(e,t,o,n[o],{silent:!0});r.silent||this.emit("added",e,t,n)}},{key:"addResourceBundle",value:function(e,t,n,r,o){var i=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{silent:!1},a=[e,t];e.indexOf(".")>-1&&(r=n,n=t,t=(a=e.split("."))[1]),this.addNamespaces(t);var s=j(this.data,a)||{};r?P(s,n,o):s=c({},s,n),L(this.data,a,s),i.silent||this.emit("added",e,t,n)}},{key:"removeResourceBundle",value:function(e,t){this.hasResourceBundle(e,t)&&delete this.data[e][t],this.removeNamespaces(t),this.emit("removed",e,t)}},{key:"hasResourceBundle",value:function(e,t){return void 0!==this.getResource(e,t)}},{key:"getResourceBundle",value:function(e,t){return t||(t=this.options.defaultNS),"v1"===this.options.compatibilityAPI?c({},{},this.getResource(e,t)):this.getResource(e,t)}},{key:"getDataByLanguage",value:function(e){return this.data[e]}},{key:"toJSON",value:function(){return this.data}}]),t}(k),D={processors:{},addPostProcessor:function(e){this.processors[e.name]=e},handle:function(e,t,n,r,o){var i=this;return e.forEach((function(e){i.processors[e]&&(t=i.processors[e].process(t,n,r,o))})),t}},T={},A=function(e){function t(e){var n,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return l(this,t),n=h(this,d(t).call(this)),I&&k.call(g(n)),O(["resourceStore","languageUtils","pluralResolver","interpolator","backendConnector","i18nFormat","utils"],e,g(n)),n.options=r,void 0===n.options.keySeparator&&(n.options.keySeparator="."),n.logger=b.create("translator"),n}return y(t,e),p(t,[{key:"changeLanguage",value:function(e){e&&(this.language=e)}},{key:"exists",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{interpolation:{}};if(void 0===e||null===e)return!1;var n=this.resolve(e,t);return n&&void 0!==n.res}},{key:"extractFromKey",value:function(e,t){var n=void 0!==t.nsSeparator?t.nsSeparator:this.options.nsSeparator;void 0===n&&(n=":");var r=void 0!==t.keySeparator?t.keySeparator:this.options.keySeparator,o=t.ns||this.options.defaultNS;if(n&&e.indexOf(n)>-1){var i=e.match(this.interpolator.nestingRegexp);if(i&&i.length>0)return{key:e,namespaces:o};var a=e.split(n);(n!==r||n===r&&this.options.ns.indexOf(a[0])>-1)&&(o=a.shift()),e=a.join(r)}return"string"===typeof o&&(o=[o]),{key:e,namespaces:o}}},{key:"translate",value:function(e,n,r){var o=this;if("object"!==u(n)&&this.options.overloadTranslationOptionHandler&&(n=this.options.overloadTranslationOptionHandler(arguments)),n||(n={}),void 0===e||null===e)return"";Array.isArray(e)||(e=[String(e)]);var i=void 0!==n.keySeparator?n.keySeparator:this.options.keySeparator,a=this.extractFromKey(e[e.length-1],n),s=a.key,l=a.namespaces,f=l[l.length-1],p=n.lng||this.language,g=n.appendNamespaceToCIMode||this.options.appendNamespaceToCIMode;if(p&&"cimode"===p.toLowerCase()){if(g){var h=n.nsSeparator||this.options.nsSeparator;return f+h+s}return s}var d=this.resolve(e,n),v=d&&d.res,y=d&&d.usedKey||s,m=d&&d.exactUsedKey||s,b=Object.prototype.toString.apply(v),k=["[object Number]","[object Function]","[object RegExp]"],x=void 0!==n.joinArrays?n.joinArrays:this.options.joinArrays,w=!this.i18nFormat||this.i18nFormat.handleAsObject,O="string"!==typeof v&&"boolean"!==typeof v&&"number"!==typeof v;if(w&&v&&O&&k.indexOf(b)<0&&("string"!==typeof x||"[object Array]"!==b)){if(!n.returnObjects&&!this.options.returnObjects)return this.options.returnedObjectHandler||this.logger.warn("accessing an object - but returnObjects options is not enabled!"),this.options.returnedObjectHandler?this.options.returnedObjectHandler(y,v,c({},n,{ns:l})):"key '".concat(s," (").concat(this.language,")' returned an object instead of string.");if(i){var S="[object Array]"===b,L=S?[]:{},j=S?m:y;for(var N in v)if(Object.prototype.hasOwnProperty.call(v,N)){var P="".concat(j).concat(i).concat(N);L[N]=this.translate(P,c({},n,{joinArrays:!1,ns:l})),L[N]===P&&(L[N]=v[N])}v=L}}else if(w&&"string"===typeof x&&"[object Array]"===b)(v=v.join(x))&&(v=this.extendTranslation(v,e,n,r));else{var C=!1,E=!1,R=void 0!==n.count&&"string"!==typeof n.count,I=t.hasDefaultValue(n),F=R?this.pluralResolver.getSuffix(p,n.count):"",_=n["defaultValue".concat(F)]||n.defaultValue;!this.isValidLookup(v)&&I&&(C=!0,v=_),this.isValidLookup(v)||(E=!0,v=s);var D=I&&_!==v&&this.options.updateMissing;if(E||C||D){if(this.logger.log(D?"updateKey":"missingKey",p,f,s,D?_:v),i){var T=this.resolve(s,c({},n,{keySeparator:!1}));T&&T.res&&this.logger.warn("Seems the loaded translations were in flat JSON format instead of nested. Either set keySeparator: false on init or make sure your translations are published in nested format.")}var A=[],U=this.languageUtils.getFallbackCodes(this.options.fallbackLng,n.lng||this.language);if("fallback"===this.options.saveMissingTo&&U&&U[0])for(var M=0;M1&&void 0!==arguments[1]?arguments[1]:{};return"string"===typeof e&&(e=[e]),e.forEach((function(e){if(!a.isValidLookup(t)){var u=a.extractFromKey(e,s),c=u.key;n=c;var l=u.namespaces;a.options.fallbackNS&&(l=l.concat(a.options.fallbackNS));var f=void 0!==s.count&&"string"!==typeof s.count,p=void 0!==s.context&&("string"===typeof s.context||"number"===typeof s.context)&&""!==s.context,g=s.lngs?s.lngs:a.languageUtils.toResolveHierarchy(s.lng||a.language,s.fallbackLng);l.forEach((function(e){a.isValidLookup(t)||(i=e,!T["".concat(g[0],"-").concat(e)]&&a.utils&&a.utils.hasLoadedNamespace&&!a.utils.hasLoadedNamespace(i)&&(T["".concat(g[0],"-").concat(e)]=!0,a.logger.warn('key "'.concat(n,'" for languages "').concat(g.join(", "),'" won\'t get resolved as namespace "').concat(i,'" was not yet loaded'),"This means something IS WRONG in your setup. You access the t function before i18next.init / i18next.loadNamespace / i18next.changeLanguage was done. Wait for the callback or Promise to resolve before accessing it!!!")),g.forEach((function(n){if(!a.isValidLookup(t)){o=n;var i,u,l=c,g=[l];if(a.i18nFormat&&a.i18nFormat.addLookupKeys)a.i18nFormat.addLookupKeys(g,c,n,e,s);else f&&(i=a.pluralResolver.getSuffix(n,s.count)),f&&p&&g.push(l+i),p&&g.push(l+="".concat(a.options.contextSeparator).concat(s.context)),f&&g.push(l+=i);for(;u=g.pop();)a.isValidLookup(t)||(r=u,t=a.getResource(n,e,u,s))}})))}))}})),{res:t,usedKey:n,exactUsedKey:r,usedLng:o,usedNS:i}}},{key:"isValidLookup",value:function(e){return void 0!==e&&!(!this.options.returnNull&&null===e)&&!(!this.options.returnEmptyString&&""===e)}},{key:"getResource",value:function(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};return this.i18nFormat&&this.i18nFormat.getResource?this.i18nFormat.getResource(e,t,n,r):this.resourceStore.getResource(e,t,n,r)}}],[{key:"hasDefaultValue",value:function(e){var t="defaultValue";for(var n in e)if(Object.prototype.hasOwnProperty.call(e,n)&&t===n.substring(0,t.length)&&void 0!==e[n])return!0;return!1}}]),t}(k);function U(e){return e.charAt(0).toUpperCase()+e.slice(1)}var M=function(){function e(t){l(this,e),this.options=t,this.whitelist=this.options.supportedLngs||!1,this.supportedLngs=this.options.supportedLngs||!1,this.logger=b.create("languageUtils")}return p(e,[{key:"getScriptPartFromCode",value:function(e){if(!e||e.indexOf("-")<0)return null;var t=e.split("-");return 2===t.length?null:(t.pop(),"x"===t[t.length-1].toLowerCase()?null:this.formatLanguageCode(t.join("-")))}},{key:"getLanguagePartFromCode",value:function(e){if(!e||e.indexOf("-")<0)return e;var t=e.split("-");return this.formatLanguageCode(t[0])}},{key:"formatLanguageCode",value:function(e){if("string"===typeof e&&e.indexOf("-")>-1){var t=["hans","hant","latn","cyrl","cans","mong","arab"],n=e.split("-");return this.options.lowerCaseLng?n=n.map((function(e){return e.toLowerCase()})):2===n.length?(n[0]=n[0].toLowerCase(),n[1]=n[1].toUpperCase(),t.indexOf(n[1].toLowerCase())>-1&&(n[1]=U(n[1].toLowerCase()))):3===n.length&&(n[0]=n[0].toLowerCase(),2===n[1].length&&(n[1]=n[1].toUpperCase()),"sgn"!==n[0]&&2===n[2].length&&(n[2]=n[2].toUpperCase()),t.indexOf(n[1].toLowerCase())>-1&&(n[1]=U(n[1].toLowerCase())),t.indexOf(n[2].toLowerCase())>-1&&(n[2]=U(n[2].toLowerCase()))),n.join("-")}return this.options.cleanCode||this.options.lowerCaseLng?e.toLowerCase():e}},{key:"isWhitelisted",value:function(e){return this.logger.deprecate("languageUtils.isWhitelisted",'function "isWhitelisted" will be renamed to "isSupportedCode" in the next major - please make sure to rename it\'s usage asap.'),this.isSupportedCode(e)}},{key:"isSupportedCode",value:function(e){return("languageOnly"===this.options.load||this.options.nonExplicitSupportedLngs)&&(e=this.getLanguagePartFromCode(e)),!this.supportedLngs||!this.supportedLngs.length||this.supportedLngs.indexOf(e)>-1}},{key:"getBestMatchFromCodes",value:function(e){var t,n=this;return e?(e.forEach((function(e){if(!t){var r=n.formatLanguageCode(e);n.options.supportedLngs&&!n.isSupportedCode(r)||(t=r)}})),!t&&this.options.supportedLngs&&e.forEach((function(e){if(!t){var r=n.getLanguagePartFromCode(e);if(n.isSupportedCode(r))return t=r;t=n.options.supportedLngs.find((function(e){if(0===e.indexOf(r))return e}))}})),t||(t=this.getFallbackCodes(this.options.fallbackLng)[0]),t):null}},{key:"getFallbackCodes",value:function(e,t){if(!e)return[];if("function"===typeof e&&(e=e(t)),"string"===typeof e&&(e=[e]),"[object Array]"===Object.prototype.toString.apply(e))return e;if(!t)return e.default||[];var n=e[t];return n||(n=e[this.getScriptPartFromCode(t)]),n||(n=e[this.formatLanguageCode(t)]),n||(n=e[this.getLanguagePartFromCode(t)]),n||(n=e.default),n||[]}},{key:"toResolveHierarchy",value:function(e,t){var n=this,r=this.getFallbackCodes(t||this.options.fallbackLng||[],e),o=[],i=function(e){e&&(n.isSupportedCode(e)?o.push(e):n.logger.warn("rejecting language code not found in supportedLngs: ".concat(e)))};return"string"===typeof e&&e.indexOf("-")>-1?("languageOnly"!==this.options.load&&i(this.formatLanguageCode(e)),"languageOnly"!==this.options.load&&"currentOnly"!==this.options.load&&i(this.getScriptPartFromCode(e)),"currentOnly"!==this.options.load&&i(this.getLanguagePartFromCode(e))):"string"===typeof e&&i(this.formatLanguageCode(e)),r.forEach((function(e){o.indexOf(e)<0&&i(n.formatLanguageCode(e))})),o}}]),e}(),V=[{lngs:["ach","ak","am","arn","br","fil","gun","ln","mfe","mg","mi","oc","pt","pt-BR","tg","tl","ti","tr","uz","wa"],nr:[1,2],fc:1},{lngs:["af","an","ast","az","bg","bn","ca","da","de","dev","el","en","eo","es","et","eu","fi","fo","fur","fy","gl","gu","ha","hi","hu","hy","ia","it","kk","kn","ku","lb","mai","ml","mn","mr","nah","nap","nb","ne","nl","nn","no","nso","pa","pap","pms","ps","pt-PT","rm","sco","se","si","so","son","sq","sv","sw","ta","te","tk","ur","yo"],nr:[1,2],fc:2},{lngs:["ay","bo","cgg","fa","ht","id","ja","jbo","ka","km","ko","ky","lo","ms","sah","su","th","tt","ug","vi","wo","zh"],nr:[1],fc:3},{lngs:["be","bs","cnr","dz","hr","ru","sr","uk"],nr:[1,2,5],fc:4},{lngs:["ar"],nr:[0,1,2,3,11,100],fc:5},{lngs:["cs","sk"],nr:[1,2,5],fc:6},{lngs:["csb","pl"],nr:[1,2,5],fc:7},{lngs:["cy"],nr:[1,2,3,8],fc:8},{lngs:["fr"],nr:[1,2],fc:9},{lngs:["ga"],nr:[1,2,3,7,11],fc:10},{lngs:["gd"],nr:[1,2,3,20],fc:11},{lngs:["is"],nr:[1,2],fc:12},{lngs:["jv"],nr:[0,1],fc:13},{lngs:["kw"],nr:[1,2,3,4],fc:14},{lngs:["lt"],nr:[1,2,10],fc:15},{lngs:["lv"],nr:[1,2,0],fc:16},{lngs:["mk"],nr:[1,2],fc:17},{lngs:["mnk"],nr:[0,1,2],fc:18},{lngs:["mt"],nr:[1,2,11,20],fc:19},{lngs:["or"],nr:[2,1],fc:2},{lngs:["ro"],nr:[1,2,20],fc:20},{lngs:["sl"],nr:[5,1,2,3],fc:21},{lngs:["he","iw"],nr:[1,2,20,21],fc:22}],H={1:function(e){return Number(e>1)},2:function(e){return Number(1!=e)},3:function(e){return 0},4:function(e){return Number(e%10==1&&e%100!=11?0:e%10>=2&&e%10<=4&&(e%100<10||e%100>=20)?1:2)},5:function(e){return Number(0==e?0:1==e?1:2==e?2:e%100>=3&&e%100<=10?3:e%100>=11?4:5)},6:function(e){return Number(1==e?0:e>=2&&e<=4?1:2)},7:function(e){return Number(1==e?0:e%10>=2&&e%10<=4&&(e%100<10||e%100>=20)?1:2)},8:function(e){return Number(1==e?0:2==e?1:8!=e&&11!=e?2:3)},9:function(e){return Number(e>=2)},10:function(e){return Number(1==e?0:2==e?1:e<7?2:e<11?3:4)},11:function(e){return Number(1==e||11==e?0:2==e||12==e?1:e>2&&e<20?2:3)},12:function(e){return Number(e%10!=1||e%100==11)},13:function(e){return Number(0!==e)},14:function(e){return Number(1==e?0:2==e?1:3==e?2:3)},15:function(e){return Number(e%10==1&&e%100!=11?0:e%10>=2&&(e%100<10||e%100>=20)?1:2)},16:function(e){return Number(e%10==1&&e%100!=11?0:0!==e?1:2)},17:function(e){return Number(1==e||e%10==1&&e%100!=11?0:1)},18:function(e){return Number(0==e?0:1==e?1:2)},19:function(e){return Number(1==e?0:0==e||e%100>1&&e%100<11?1:e%100>10&&e%100<20?2:3)},20:function(e){return Number(1==e?0:0==e||e%100>0&&e%100<20?1:2)},21:function(e){return Number(e%100==1?1:e%100==2?2:e%100==3||e%100==4?3:0)},22:function(e){return Number(1==e?0:2==e?1:(e<0||e>10)&&e%10==0?2:3)}};function K(){var e={};return V.forEach((function(t){t.lngs.forEach((function(n){e[n]={numbers:t.nr,plurals:H[t.fc]}}))})),e}var z=function(){function e(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};l(this,e),this.languageUtils=t,this.options=n,this.logger=b.create("pluralResolver"),this.rules=K()}return p(e,[{key:"addRule",value:function(e,t){this.rules[e]=t}},{key:"getRule",value:function(e){return this.rules[e]||this.rules[this.languageUtils.getLanguagePartFromCode(e)]}},{key:"needsPlural",value:function(e){var t=this.getRule(e);return t&&t.numbers.length>1}},{key:"getPluralFormsOfKey",value:function(e,t){return this.getSuffixes(e).map((function(e){return t+e}))}},{key:"getSuffixes",value:function(e){var t=this,n=this.getRule(e);return n?n.numbers.map((function(n){return t.getSuffix(e,n)})):[]}},{key:"getSuffix",value:function(e,t){var n=this,r=this.getRule(e);if(r){var o=r.noAbs?r.plurals(t):r.plurals(Math.abs(t)),i=r.numbers[o];this.options.simplifyPluralSuffix&&2===r.numbers.length&&1===r.numbers[0]&&(2===i?i="plural":1===i&&(i=""));var a=function(){return n.options.prepend&&i.toString()?n.options.prepend+i.toString():i.toString()};return"v1"===this.options.compatibilityJSON?1===i?"":"number"===typeof i?"_plural_".concat(i.toString()):a():"v2"===this.options.compatibilityJSON||this.options.simplifyPluralSuffix&&2===r.numbers.length&&1===r.numbers[0]?a():this.options.prepend&&o.toString()?this.options.prepend+o.toString():o.toString()}return this.logger.warn("no plural rule found for: ".concat(e)),""}}]),e}(),B=function(){function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};l(this,e),this.logger=b.create("interpolator"),this.options=t,this.format=t.interpolation&&t.interpolation.format||function(e){return e},this.init(t)}return p(e,[{key:"init",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};e.interpolation||(e.interpolation={escapeValue:!0});var t=e.interpolation;this.escape=void 0!==t.escape?t.escape:R,this.escapeValue=void 0===t.escapeValue||t.escapeValue,this.useRawValueToEscape=void 0!==t.useRawValueToEscape&&t.useRawValueToEscape,this.prefix=t.prefix?C(t.prefix):t.prefixEscaped||"{{",this.suffix=t.suffix?C(t.suffix):t.suffixEscaped||"}}",this.formatSeparator=t.formatSeparator?t.formatSeparator:t.formatSeparator||",",this.unescapePrefix=t.unescapeSuffix?"":t.unescapePrefix||"-",this.unescapeSuffix=this.unescapePrefix?"":t.unescapeSuffix||"",this.nestingPrefix=t.nestingPrefix?C(t.nestingPrefix):t.nestingPrefixEscaped||C("$t("),this.nestingSuffix=t.nestingSuffix?C(t.nestingSuffix):t.nestingSuffixEscaped||C(")"),this.nestingOptionsSeparator=t.nestingOptionsSeparator?t.nestingOptionsSeparator:t.nestingOptionsSeparator||",",this.maxReplaces=t.maxReplaces?t.maxReplaces:1e3,this.alwaysFormat=void 0!==t.alwaysFormat&&t.alwaysFormat,this.resetRegExp()}},{key:"reset",value:function(){this.options&&this.init(this.options)}},{key:"resetRegExp",value:function(){var e="".concat(this.prefix,"(.+?)").concat(this.suffix);this.regexp=new RegExp(e,"g");var t="".concat(this.prefix).concat(this.unescapePrefix,"(.+?)").concat(this.unescapeSuffix).concat(this.suffix);this.regexpUnescape=new RegExp(t,"g");var n="".concat(this.nestingPrefix,"(.+?)").concat(this.nestingSuffix);this.nestingRegexp=new RegExp(n,"g")}},{key:"interpolate",value:function(e,t,n,r){var o,i,a,s=this,u=this.options&&this.options.interpolation&&this.options.interpolation.defaultVariables||{};function l(e){return e.replace(/\$/g,"$$$$")}var f=function(e){if(e.indexOf(s.formatSeparator)<0){var o=N(t,u,e);return s.alwaysFormat?s.format(o,void 0,n,c({},r,t,{interpolationkey:e})):o}var i=e.split(s.formatSeparator),a=i.shift().trim(),l=i.join(s.formatSeparator).trim();return s.format(N(t,u,a),l,n,c({},r,t,{interpolationkey:a}))};this.resetRegExp();var p=r&&r.missingInterpolationHandler||this.options.missingInterpolationHandler,g=r&&r.interpolation&&r.interpolation.skipOnVariables||this.options.interpolation.skipOnVariables;return[{regex:this.regexpUnescape,safeValue:function(e){return l(e)}},{regex:this.regexp,safeValue:function(e){return s.escapeValue?l(s.escape(e)):l(e)}}].forEach((function(t){for(a=0;o=t.regex.exec(e);){if(void 0===(i=f(o[1].trim())))if("function"===typeof p){var n=p(e,o,r);i="string"===typeof n?n:""}else{if(g){i=o[0];continue}s.logger.warn("missed to pass in variable ".concat(o[1]," for interpolating ").concat(e)),i=""}else"string"===typeof i||s.useRawValueToEscape||(i=w(i));var u=t.safeValue(i);if(e=e.replace(o[0],u),g?(t.regex.lastIndex+=u.length,t.regex.lastIndex-=o[0].length):t.regex.lastIndex=0,++a>=s.maxReplaces)break}})),e}},{key:"nest",value:function(e,t){var n,r,o=this,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},a=c({},i);function s(e,t){var n=this.nestingOptionsSeparator;if(e.indexOf(n)<0)return e;var r=e.split(new RegExp("".concat(n,"[ ]*{"))),o="{".concat(r[1]);e=r[0],o=(o=this.interpolate(o,a)).replace(/'/g,'"');try{a=JSON.parse(o),t&&(a=c({},t,a))}catch(i){return this.logger.warn("failed parsing options string in nesting for key ".concat(e),i),"".concat(e).concat(n).concat(o)}return delete a.defaultValue,e}for(a.applyPostProcessor=!1,delete a.defaultValue;n=this.nestingRegexp.exec(e);){var u=[],l=!1;if(-1!==n[0].indexOf(this.formatSeparator)&&!/{.*}/.test(n[1])){var f=n[1].split(this.formatSeparator).map((function(e){return e.trim()}));n[1]=f.shift(),u=f,l=!0}if((r=t(s.call(this,n[1].trim(),a),a))&&n[0]===e&&"string"!==typeof r)return r;"string"!==typeof r&&(r=w(r)),r||(this.logger.warn("missed to resolve ".concat(n[1]," for nesting ").concat(e)),r=""),l&&(r=u.reduce((function(e,t){return o.format(e,t,i.lng,c({},i,{interpolationkey:n[1].trim()}))}),r.trim())),e=e.replace(n[0],r),this.regexp.lastIndex=0}return e}}]),e}();var W=function(e){function t(e,n,r){var o,i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};return l(this,t),o=h(this,d(t).call(this)),I&&k.call(g(o)),o.backend=e,o.store=n,o.services=r,o.languageUtils=r.languageUtils,o.options=i,o.logger=b.create("backendConnector"),o.state={},o.queue=[],o.backend&&o.backend.init&&o.backend.init(r,i.backend,i),o}return y(t,e),p(t,[{key:"queueLoad",value:function(e,t,n,r){var o=this,i=[],a=[],s=[],u=[];return e.forEach((function(e){var r=!0;t.forEach((function(t){var s="".concat(e,"|").concat(t);!n.reload&&o.store.hasResourceBundle(e,t)?o.state[s]=2:o.state[s]<0||(1===o.state[s]?a.indexOf(s)<0&&a.push(s):(o.state[s]=1,r=!1,a.indexOf(s)<0&&a.push(s),i.indexOf(s)<0&&i.push(s),u.indexOf(t)<0&&u.push(t)))})),r||s.push(e)})),(i.length||a.length)&&this.queue.push({pending:a,loaded:{},errors:[],callback:r}),{toLoad:i,pending:a,toLoadLanguages:s,toLoadNamespaces:u}}},{key:"loaded",value:function(e,t,n){var r=e.split("|"),o=r[0],i=r[1];t&&this.emit("failedLoading",o,i,t),n&&this.store.addResourceBundle(o,i,n),this.state[e]=t?-1:2;var a={};this.queue.forEach((function(n){!function(e,t,n,r){var o=S(e,t,Object),i=o.obj,a=o.k;i[a]=i[a]||[],r&&(i[a]=i[a].concat(n)),r||i[a].push(n)}(n.loaded,[o],i),function(e,t){for(var n=e.indexOf(t);-1!==n;)e.splice(n,1),n=e.indexOf(t)}(n.pending,e),t&&n.errors.push(t),0!==n.pending.length||n.done||(Object.keys(n.loaded).forEach((function(e){a[e]||(a[e]=[]),n.loaded[e].length&&n.loaded[e].forEach((function(t){a[e].indexOf(t)<0&&a[e].push(t)}))})),n.done=!0,n.errors.length?n.callback(n.errors):n.callback())})),this.emit("loaded",a),this.queue=this.queue.filter((function(e){return!e.done}))}},{key:"read",value:function(e,t,n){var r=this,o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:350,a=arguments.length>5?arguments[5]:void 0;return e.length?this.backend[n](e,t,(function(s,u){s&&u&&o<5?setTimeout((function(){r.read.call(r,e,t,n,o+1,2*i,a)}),i):a(s,u)})):a(null,{})}},{key:"prepareLoading",value:function(e,t){var n=this,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=arguments.length>3?arguments[3]:void 0;if(!this.backend)return this.logger.warn("No backend was added via i18next.use. Will not load resources."),o&&o();"string"===typeof e&&(e=this.languageUtils.toResolveHierarchy(e)),"string"===typeof t&&(t=[t]);var i=this.queueLoad(e,t,r,o);if(!i.toLoad.length)return i.pending.length||o(),null;i.toLoad.forEach((function(e){n.loadOne(e)}))}},{key:"load",value:function(e,t,n){this.prepareLoading(e,t,{},n)}},{key:"reload",value:function(e,t,n){this.prepareLoading(e,t,{reload:!0},n)}},{key:"loadOne",value:function(e){var t=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",r=e.split("|"),o=r[0],i=r[1];this.read(o,i,"read",void 0,void 0,(function(r,a){r&&t.logger.warn("".concat(n,"loading namespace ").concat(i," for language ").concat(o," failed"),r),!r&&a&&t.logger.log("".concat(n,"loaded namespace ").concat(i," for language ").concat(o),a),t.loaded(e,r,a)}))}},{key:"saveMissing",value:function(e,t,n,r,o){var i=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{};this.services.utils&&this.services.utils.hasLoadedNamespace&&!this.services.utils.hasLoadedNamespace(t)?this.logger.warn('did not save key "'.concat(n,'" as the namespace "').concat(t,'" was not yet loaded'),"This means something IS WRONG in your setup. You access the t function before i18next.init / i18next.loadNamespace / i18next.changeLanguage was done. Wait for the callback or Promise to resolve before accessing it!!!"):void 0!==n&&null!==n&&""!==n&&(this.backend&&this.backend.create&&this.backend.create(e,t,n,r,null,c({},i,{isUpdate:o})),e&&e[0]&&this.store.addResource(e[0],t,n,r))}}]),t}(k);function J(){return{debug:!1,initImmediate:!0,ns:["translation"],defaultNS:["translation"],fallbackLng:["dev"],fallbackNS:!1,whitelist:!1,nonExplicitWhitelist:!1,supportedLngs:!1,nonExplicitSupportedLngs:!1,load:"all",preload:!1,simplifyPluralSuffix:!0,keySeparator:".",nsSeparator:":",pluralSeparator:"_",contextSeparator:"_",partialBundledLanguages:!1,saveMissing:!1,updateMissing:!1,saveMissingTo:"fallback",saveMissingPlurals:!0,missingKeyHandler:!1,missingInterpolationHandler:!1,postProcess:!1,postProcessPassResolved:!1,returnNull:!0,returnEmptyString:!0,returnObjects:!1,joinArrays:!1,returnedObjectHandler:!1,parseMissingKeyHandler:!1,appendNamespaceToMissingKey:!1,appendNamespaceToCIMode:!1,overloadTranslationOptionHandler:function(e){var t={};if("object"===u(e[1])&&(t=e[1]),"string"===typeof e[1]&&(t.defaultValue=e[1]),"string"===typeof e[2]&&(t.tDescription=e[2]),"object"===u(e[2])||"object"===u(e[3])){var n=e[3]||e[2];Object.keys(n).forEach((function(e){t[e]=n[e]}))}return t},interpolation:{escapeValue:!0,format:function(e,t,n,r){return e},prefix:"{{",suffix:"}}",formatSeparator:",",unescapePrefix:"-",nestingPrefix:"$t(",nestingSuffix:")",nestingOptionsSeparator:",",maxReplaces:1e3,skipOnVariables:!1}}}function $(e){return"string"===typeof e.ns&&(e.ns=[e.ns]),"string"===typeof e.fallbackLng&&(e.fallbackLng=[e.fallbackLng]),"string"===typeof e.fallbackNS&&(e.fallbackNS=[e.fallbackNS]),e.whitelist&&(e.whitelist&&e.whitelist.indexOf("cimode")<0&&(e.whitelist=e.whitelist.concat(["cimode"])),e.supportedLngs=e.whitelist),e.nonExplicitWhitelist&&(e.nonExplicitSupportedLngs=e.nonExplicitWhitelist),e.supportedLngs&&e.supportedLngs.indexOf("cimode")<0&&(e.supportedLngs=e.supportedLngs.concat(["cimode"])),e}function q(){}var Y=new(function(e){function t(){var e,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},r=arguments.length>1?arguments[1]:void 0;if(l(this,t),e=h(this,d(t).call(this)),I&&k.call(g(e)),e.options=$(n),e.services={},e.logger=b,e.modules={external:[]},r&&!e.isInitialized&&!n.isClone){if(!e.options.initImmediate)return e.init(n,r),h(e,g(e));setTimeout((function(){e.init(n,r)}),0)}return e}return y(t,e),p(t,[{key:"init",value:function(){var e=this,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=arguments.length>1?arguments[1]:void 0;function r(e){return e?"function"===typeof e?new e:e:null}if("function"===typeof t&&(n=t,t={}),t.whitelist&&!t.supportedLngs&&this.logger.deprecate("whitelist",'option "whitelist" will be renamed to "supportedLngs" in the next major - please make sure to rename this option asap.'),t.nonExplicitWhitelist&&!t.nonExplicitSupportedLngs&&this.logger.deprecate("whitelist",'options "nonExplicitWhitelist" will be renamed to "nonExplicitSupportedLngs" in the next major - please make sure to rename this option asap.'),this.options=c({},J(),this.options,$(t)),this.format=this.options.interpolation.format,n||(n=q),!this.options.isClone){this.modules.logger?b.init(r(this.modules.logger),this.options):b.init(null,this.options);var o=new M(this.options);this.store=new _(this.options.resources,this.options);var i=this.services;i.logger=b,i.resourceStore=this.store,i.languageUtils=o,i.pluralResolver=new z(o,{prepend:this.options.pluralSeparator,compatibilityJSON:this.options.compatibilityJSON,simplifyPluralSuffix:this.options.simplifyPluralSuffix}),i.interpolator=new B(this.options),i.utils={hasLoadedNamespace:this.hasLoadedNamespace.bind(this)},i.backendConnector=new W(r(this.modules.backend),i.resourceStore,i,this.options),i.backendConnector.on("*",(function(t){for(var n=arguments.length,r=new Array(n>1?n-1:0),o=1;o1?n-1:0),o=1;o0&&"dev"!==a[0]&&(this.options.lng=a[0])}this.services.languageDetector||this.options.lng||this.logger.warn("init: no languageDetector is used and no lng is defined");var s=["getResource","hasResourceBundle","getResourceBundle","getDataByLanguage"];s.forEach((function(t){e[t]=function(){var n;return(n=e.store)[t].apply(n,arguments)}}));var u=["addResource","addResources","addResourceBundle","removeResourceBundle"];u.forEach((function(t){e[t]=function(){var n;return(n=e.store)[t].apply(n,arguments),e}}));var l=x(),f=function(){var t=function(t,r){e.isInitialized&&!e.initializedStoreOnce&&e.logger.warn("init: i18next is already initialized. You should call init just once!"),e.isInitialized=!0,e.options.isClone||e.logger.log("initialized",e.options),e.emit("initialized",e.options),l.resolve(r),n(t,r)};if(e.languages&&"v1"!==e.options.compatibilityAPI&&!e.isInitialized)return t(null,e.t.bind(e));e.changeLanguage(e.options.lng,t)};return this.options.resources||!this.options.initImmediate?f():setTimeout(f,0),l}},{key:"loadResources",value:function(e){var t=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:q,r=n,o="string"===typeof e?e:this.language;if("function"===typeof e&&(r=e),!this.options.resources||this.options.partialBundledLanguages){if(o&&"cimode"===o.toLowerCase())return r();var i=[],a=function(e){e&&t.services.languageUtils.toResolveHierarchy(e).forEach((function(e){i.indexOf(e)<0&&i.push(e)}))};if(o)a(o);else{var s=this.services.languageUtils.getFallbackCodes(this.options.fallbackLng);s.forEach((function(e){return a(e)}))}this.options.preload&&this.options.preload.forEach((function(e){return a(e)})),this.services.backendConnector.load(i,this.options.ns,r)}else r(null)}},{key:"reloadResources",value:function(e,t,n){var r=x();return e||(e=this.languages),t||(t=this.options.ns),n||(n=q),this.services.backendConnector.reload(e,t,(function(e){r.resolve(),n(e)})),r}},{key:"use",value:function(e){if(!e)throw new Error("You are passing an undefined module! Please check the object you are passing to i18next.use()");if(!e.type)throw new Error("You are passing a wrong module! Please check the object you are passing to i18next.use()");return"backend"===e.type&&(this.modules.backend=e),("logger"===e.type||e.log&&e.warn&&e.error)&&(this.modules.logger=e),"languageDetector"===e.type&&(this.modules.languageDetector=e),"i18nFormat"===e.type&&(this.modules.i18nFormat=e),"postProcessor"===e.type&&D.addPostProcessor(e),"3rdParty"===e.type&&this.modules.external.push(e),this}},{key:"changeLanguage",value:function(e,t){var n=this;this.isLanguageChangingTo=e;var r=x();this.emit("languageChanging",e);var o=function(o){e||o||!n.services.languageDetector||(o=[]);var i="string"===typeof o?o:n.services.languageUtils.getBestMatchFromCodes(o);i&&(n.language||(n.language=i,n.languages=n.services.languageUtils.toResolveHierarchy(i)),n.translator.language||n.translator.changeLanguage(i),n.services.languageDetector&&n.services.languageDetector.cacheUserLanguage(i)),n.loadResources(i,(function(e){!function(e,o){o?(n.language=o,n.languages=n.services.languageUtils.toResolveHierarchy(o),n.translator.changeLanguage(o),n.isLanguageChangingTo=void 0,n.emit("languageChanged",o),n.logger.log("languageChanged",o)):n.isLanguageChangingTo=void 0,r.resolve((function(){return n.t.apply(n,arguments)})),t&&t(e,(function(){return n.t.apply(n,arguments)}))}(e,i)}))};return e||!this.services.languageDetector||this.services.languageDetector.async?!e&&this.services.languageDetector&&this.services.languageDetector.async?this.services.languageDetector.detect(o):o(e):o(this.services.languageDetector.detect()),r}},{key:"getFixedT",value:function(e,t){var n=this,r=function e(t,r){var o;if("object"!==u(r)){for(var i=arguments.length,a=new Array(i>2?i-2:0),s=2;s1&&void 0!==arguments[1]?arguments[1]:{};if(!this.isInitialized)return this.logger.warn("hasLoadedNamespace: i18next was not initialized",this.languages),!1;if(!this.languages||!this.languages.length)return this.logger.warn("hasLoadedNamespace: i18n.languages were undefined or empty",this.languages),!1;var r=this.languages[0],o=!!this.options&&this.options.fallbackLng,i=this.languages[this.languages.length-1];if("cimode"===r.toLowerCase())return!0;var a=function(e,n){var r=t.services.backendConnector.state["".concat(e,"|").concat(n)];return-1===r||2===r};if(n.precheck){var s=n.precheck(this,a);if(void 0!==s)return s}return!!this.hasResourceBundle(r,e)||(!this.services.backendConnector.backend||!(!a(r,e)||o&&!a(i,e)))}},{key:"loadNamespaces",value:function(e,t){var n=this,r=x();return this.options.ns?("string"===typeof e&&(e=[e]),e.forEach((function(e){n.options.ns.indexOf(e)<0&&n.options.ns.push(e)})),this.loadResources((function(e){r.resolve(),t&&t(e)})),r):(t&&t(),Promise.resolve())}},{key:"loadLanguages",value:function(e,t){var n=x();"string"===typeof e&&(e=[e]);var r=this.options.preload||[],o=e.filter((function(e){return r.indexOf(e)<0}));return o.length?(this.options.preload=r.concat(o),this.loadResources((function(e){n.resolve(),t&&t(e)})),n):(t&&t(),Promise.resolve())}},{key:"dir",value:function(e){if(e||(e=this.languages&&this.languages.length>0?this.languages[0]:this.language),!e)return"rtl";return["ar","shu","sqr","ssh","xaa","yhd","yud","aao","abh","abv","acm","acq","acw","acx","acy","adf","ads","aeb","aec","afb","ajp","apc","apd","arb","arq","ars","ary","arz","auz","avl","ayh","ayl","ayn","ayp","bbz","pga","he","iw","ps","pbt","pbu","pst","prp","prd","ug","ur","ydd","yds","yih","ji","yi","hbo","men","xmn","fa","jpr","peo","pes","prs","dv","sam"].indexOf(this.services.languageUtils.getLanguagePartFromCode(e))>=0?"rtl":"ltr"}},{key:"createInstance",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=arguments.length>1?arguments[1]:void 0;return new t(e,n)}},{key:"cloneInstance",value:function(){var e=this,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:q,o=c({},this.options,n,{isClone:!0}),i=new t(o),a=["store","services","language"];return a.forEach((function(t){i[t]=e[t]})),i.services=c({},this.services),i.services.utils={hasLoadedNamespace:i.hasLoadedNamespace.bind(i)},i.translator=new A(i.services,i.options),i.translator.on("*",(function(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;re.length)&&(t=e.length);for(var n=0,r=new Array(t);n2&&void 0!==arguments[2]?arguments[2]:{};if(!t.languages||!t.languages.length)return l("i18n.languages were undefined or empty",t.languages),!0;var r=t.languages[0],o=!!t.options&&t.options.fallbackLng,i=t.languages[t.languages.length-1];if("cimode"===r.toLowerCase())return!0;var a=function(e,n){var r=t.services.backendConnector.state["".concat(e,"|").concat(n)];return-1===r||2===r};return!(n.bindI18n&&n.bindI18n.indexOf("languageChanging")>-1&&t.services.backendConnector.backend&&t.isLanguageChangingTo&&!a(t.isLanguageChangingTo,e))&&(!!t.hasResourceBundle(r,e)||(!t.services.backendConnector.backend||!(!a(r,e)||o&&!a(i,e))))}function g(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function h(e){for(var t=1;t1&&void 0!==arguments[1]?arguments[1]:{},n=t.i18n,r=(0,a.useContext)(s.OO)||{},i=r.i18n,u=r.defaultNS,c=n||i||(0,s.nI)();if(c&&!c.reportNamespaces&&(c.reportNamespaces=new s.zv),!c){l("You will need to pass in an i18next instance by using initReactI18next");var g=function(e){return Array.isArray(e)?e[e.length-1]:e},d=[g,{},!1];return d.t=g,d.i18n={},d.ready=!1,d}c.options.react&&void 0!==c.options.react.wait&&l("It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");var v=h(h(h({},(0,s.JP)()),c.options.react),t),y=v.useSuspense,m=e||u||c.options&&c.options.defaultNS;m="string"===typeof m?[m]:m||["translation"],c.reportNamespaces.addUsedNamespaces&&c.reportNamespaces.addUsedNamespaces(m);var b=(c.isInitialized||c.initializedStoreOnce)&&m.every((function(e){return p(e,c,v)}));function k(){return c.getFixedT(null,"fallback"===v.nsMode?m:m[0])}var x=(0,a.useState)(k),w=o(x,2),O=w[0],S=w[1],L=(0,a.useRef)(!0);(0,a.useEffect)((function(){var e=v.bindI18n,t=v.bindI18nStore;function n(){L.current&&S(k)}return L.current=!0,b||y||f(c,m,(function(){L.current&&S(k)})),e&&c&&c.on(e,n),t&&c&&c.store.on(t,n),function(){L.current=!1,e&&c&&e.split(" ").forEach((function(e){return c.off(e,n)})),t&&c&&t.split(" ").forEach((function(e){return c.store.off(e,n)}))}}),[c,m.join()]);var j=(0,a.useRef)(!0);(0,a.useEffect)((function(){L.current&&!j.current&&S(k),j.current=!1}),[c]);var N=[O,c,b];if(N.t=O,N.i18n=c,N.ready=b,b)return N;if(!b&&!y)return N;throw new Promise((function(e){f(c,m,(function(){e()}))}))}},5306:function(e,t,n){"use strict";n(4857);var r=n(9763),o=60103;if(t.Fragment=60107,"function"===typeof Symbol&&Symbol.for){var i=Symbol.for;o=i("react.element"),t.Fragment=i("react.fragment")}var a=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,s=Object.prototype.hasOwnProperty,u={key:!0,ref:!0,__self:!0,__source:!0};function c(e,t,n){var r,i={},c=null,l=null;for(r in void 0!==n&&(c=""+n),void 0!==t.key&&(c=""+t.key),void 0!==t.ref&&(l=t.ref),t)s.call(t,r)&&!u.hasOwnProperty(r)&&(i[r]=t[r]);if(e&&e.defaultProps)for(r in t=e.defaultProps)void 0===i[r]&&(i[r]=t[r]);return{$$typeof:o,type:e,key:c,ref:l,props:i,_owner:a.current}}t.jsx=c,t.jsxs=c},688:function(e,t,n){"use strict";e.exports=n(5306)},2285:function(e,t,n){"use strict";function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}n.d(t,{Z:function(){return r}})},7201:function(e,t,n){"use strict";function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}n.d(t,{Z:function(){return r}})}},function(e){var t=function(t){return e(e.s=t)};e.O(0,[179],(function(){return t(4674),t(2497)}));var n=e.O();_N_E=n}]); -------------------------------------------------------------------------------- /docs/_next/static/chunks/pages/_error-9c691dfcbfc95d69cce2.js: -------------------------------------------------------------------------------- 1 | (self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[820],{5924:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/_error",function(){return u(5407)}])}},function(n){n.O(0,[888,179],(function(){return _=5924,n(n.s=_);var _}));var _=n.O();_N_E=_}]); -------------------------------------------------------------------------------- /docs/_next/static/chunks/pages/index-a85b674dad7e9600b347.js: -------------------------------------------------------------------------------- 1 | (self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[405],{1602:function(n,r,t){"use strict";t.r(r),t.d(r,{__N_SSG:function(){return f},default:function(){return c}});var e=t(688),o=t(9763),u=t(3362);function a(n,r){var t;if("undefined"===typeof Symbol||null==n[Symbol.iterator]){if(Array.isArray(n)||(t=function(n,r){if(!n)return;if("string"===typeof n)return i(n,r);var t=Object.prototype.toString.call(n).slice(8,-1);"Object"===t&&n.constructor&&(t=n.constructor.name);if("Map"===t||"Set"===t)return Array.from(n);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return i(n,r)}(n))||r&&n&&"number"===typeof n.length){t&&(n=t);var e=0,o=function(){};return{s:o,n:function(){return e>=n.length?{done:!0}:{done:!1,value:n[e++]}},e:function(n){throw n},f:o}}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 u,a=!0,f=!1;return{s:function(){t=n[Symbol.iterator]()},n:function(){var n=t.next();return a=n.done,n},e:function(n){f=!0,u=n},f:function(){try{a||null==t.return||t.return()}finally{if(f)throw u}}}}function i(n,r){(null==r||r>n.length)&&(r=n.length);for(var t=0,e=new Array(r);t0?ut:at)(t)},ct=Math.min,ft=function(t){return t>0?ct(st(t),9007199254740991):0},lt=Math.max,ht=Math.min,pt=function(t,e){var r=st(t);return r<0?lt(r+e,0):ht(r,e)},dt=function(t){return function(e,r,n){var o,i=g(e),a=ft(i.length),u=pt(n,a);if(t&&r!=r){for(;a>u;)if((o=i[u++])!=o)return!0}else for(;a>u;u++)if((t||u in i)&&i[u]===r)return t||u||0;return!t&&-1}},vt={includes:dt(!0),indexOf:dt(!1)},gt=vt.indexOf,yt=function(t,e){var r,n=g(t),o=0,i=[];for(r in n)!w(H,r)&&w(n,r)&&i.push(r);for(;e.length>o;)w(n,r=e[o++])&&(~gt(i,r)||i.push(r));return i},mt=["constructor","hasOwnProperty","isPrototypeOf","propertyIsEnumerable","toLocaleString","toString","valueOf"],bt=mt.concat("length","prototype"),wt={f:Object.getOwnPropertyNames||function(t){return yt(t,bt)}},St={f:Object.getOwnPropertySymbols},Et=it("Reflect","ownKeys")||function(t){var e=wt.f(j(t)),r=St.f;return r?e.concat(r(t)):e},xt=function(t,e){for(var r=Et(e),n=I.f,o=R.f,i=0;i2?arguments[2]:void 0,u=_t((void 0===a?n:pt(a,n))-i,n-o),s=1;for(i0;)i in r?r[o]=r[i]:delete r[o],o+=s,i+=s;return r},Nt=!!Object.getOwnPropertySymbols&&!i((function(){return!String(Symbol())})),Ct=Nt&&!Symbol.sham&&"symbol"==typeof Symbol.iterator,Ft=z("wks"),Bt=o.Symbol,Dt=Ct?Bt:Bt&&Bt.withoutSetter||G,qt=function(t){return w(Ft,t)||(Ft[t]=Nt&&w(Bt,t)?Bt[t]:Dt("Symbol."+t)),Ft[t]},zt=Object.keys||function(t){return yt(t,mt)},Wt=a?Object.defineProperties:function(t,e){j(t);for(var r,n=zt(e),o=n.length,i=0;o>i;)I.f(t,r=n[i++],e[r]);return t},Kt=it("document","documentElement"),Gt=V("IE_PROTO"),$t=function(){},Vt=function(t){return"

Hello World

-------------------------------------------------------------------------------- /docs/en/about.html: -------------------------------------------------------------------------------- 1 |

A thousand miles begins with a single step. Change in the future, from now on. Change now, it is to change the future.

-------------------------------------------------------------------------------- /docs/index.html: -------------------------------------------------------------------------------- 1 |
-------------------------------------------------------------------------------- /docs/zh.html: -------------------------------------------------------------------------------- 1 |

你好世界

-------------------------------------------------------------------------------- /docs/zh/about.html: -------------------------------------------------------------------------------- 1 |

千里之行，始于足下。改变将来，从现在开始。改变现在，就是改变未来。

-------------------------------------------------------------------------------- /next-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | /// 3 | /// 4 | 5 | // NOTE: This file should not be edited 6 | // see https://nextjs.org/docs/basic-features/typescript for more information. 7 | -------------------------------------------------------------------------------- /next.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { basePath: "/nextjs-static-i18n" }; 2 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "next-test", 3 | "version": "1.0.0", 4 | "description": "", 5 | "main": "index.js", 6 | "scripts": { 7 | "dev": "next dev", 8 | "build": "next build", 9 | "export": "next export" 10 | }, 11 | "keywords": [], 12 | "author": "", 13 | "license": "ISC", 14 | "dependencies": { 15 | "i18next": "^20.4.0", 16 | "next": "^11.0.1", 17 | "react": "^17.0.2", 18 | "react-dom": "^17.0.2", 19 | "react-i18next": "^11.11.4" 20 | }, 21 | "devDependencies": { 22 | "@types/js-yaml": "^4.0.2", 23 | "@types/lodash": "^4.14.172", 24 | "@types/react": "^17.0.17", 25 | "fast-glob": "^3.2.7", 26 | "js-yaml": "^4.1.0", 27 | "typescript": "4.3.5" 28 | } 29 | } -------------------------------------------------------------------------------- /src/components/Layout.tsx: -------------------------------------------------------------------------------- 1 | import { StaticI18nLink } from "../i18n-browser"; 2 | import { useTranslation } from "react-i18next"; 3 | 4 | const Layout: React.FunctionComponent = ({ children }) => { 5 | const { t } = useTranslation("common"); 6 | 7 | return ( 8 | <> 9 | 13 |
{children}
14 |
15 |
  • 16 | 简体中文 17 |
    • 18 |
  • 19 | English 20 |
    • 21 |
    22 | 23 | ); 24 | }; 25 | 26 | export default Layout; 27 | -------------------------------------------------------------------------------- /src/i18n-browser.tsx: -------------------------------------------------------------------------------- 1 | import { AppProps } from "next/app"; 2 | import { I18nextProvider } from "react-i18next"; 3 | import i18n from "i18next"; 4 | import { I18nProps } from "./i18n-server"; 5 | import Link, { LinkProps } from "next/link"; 6 | import { useTranslation } from "react-i18next"; 7 | import { useRouter } from "next/router"; 8 | 9 | export function withStaticI18n(App: (props: AppProps) => any) { 10 | return (props: AppProps) => { 11 | const { _i18n } = props.pageProps as I18nProps; 12 | 13 | if (_i18n) { 14 | const { locale, resource } = _i18n; 15 | 16 | const instance = i18n.createInstance({ 17 | lng: locale, 18 | resources: { 19 | [locale]: resource, 20 | }, 21 | react: { 22 | // ssr doesn't support' 23 | useSuspense: false, 24 | }, 25 | // load resource synchronously 26 | initImmediate: false, 27 | }); 28 | 29 | instance.init(); 30 | 31 | return ( 32 | 33 | 34 | 35 | ); 36 | } else { 37 | return ; 38 | } 39 | }; 40 | } 41 | 42 | type PartialBy = Omit & Partial>; 43 | 44 | type StaticI18LinkProps = PartialBy; 45 | 46 | export function StaticI18nLink( 47 | props: React.PropsWithChildren 48 | ) { 49 | const { i18n } = useTranslation(); 50 | const router = useRouter(); 51 | 52 | const locale = props.locale || i18n.language || ""; 53 | if (!locale) { 54 | const href = props.href || router.asPath; 55 | return ; 56 | } else { 57 | const href = props.href 58 | ? `/${locale}${props.href}` 59 | : router.pathname.replace("[locale]", locale); 60 | return ; 61 | } 62 | } 63 | -------------------------------------------------------------------------------- /src/i18n-server.tsx: -------------------------------------------------------------------------------- 1 | import yaml from "js-yaml"; 2 | import fs from "fs"; 3 | import path from "path"; 4 | import glob from "fast-glob"; 5 | 6 | const localeDir = path.join(process.cwd(), "src", "locales"); 7 | 8 | export interface I18nProps { 9 | _i18n: { 10 | locale: string; 11 | resource: any; 12 | locales: string[]; 13 | }; 14 | } 15 | 16 | export function getConfig() { 17 | return { 18 | locales: ["zh", "en"], 19 | }; 20 | } 21 | 22 | export function getI18nPaths() { 23 | const { locales } = getConfig(); 24 | return locales.map((lng) => ({ 25 | params: { 26 | locale: lng, 27 | }, 28 | })); 29 | } 30 | 31 | export function getI18nProps(ctx: any): I18nProps { 32 | const { locales } = getConfig(); 33 | const locale = ctx.params?.locale; 34 | if (!locale || !locales.includes(locale)) { 35 | throw new Error(`Invalid locale ${locale}`); 36 | } 37 | 38 | const resource: Record = {}; 39 | 40 | const nsDir = path.join(localeDir, locale); 41 | 42 | if (fs.existsSync(nsDir)) { 43 | const files = glob.sync(path.join(nsDir, "*.{yaml,yml}")); 44 | 45 | files.forEach((file) => { 46 | const data = fs.readFileSync(file).toString(); 47 | const schema = yaml.load(data) || null; 48 | const ns = path.basename(file, path.extname(file)); 49 | resource[ns] = schema; 50 | }); 51 | } 52 | 53 | return { 54 | _i18n: { 55 | locale, 56 | locales, 57 | resource, 58 | }, 59 | }; 60 | } 61 | -------------------------------------------------------------------------------- /src/locales/en/common.yaml: -------------------------------------------------------------------------------- 1 | title: Hello World 2 | home: Home 3 | about: About 4 | introduction: A thousand miles begins with a single step. Change in the future, from now on. Change now, it is to change the future. 5 | -------------------------------------------------------------------------------- /src/locales/zh/common.yaml: -------------------------------------------------------------------------------- 1 | title: 你好世界 2 | home: 首页 3 | about: 关于 4 | introduction: 千里之行，始于足下。改变将来，从现在开始。改变现在，就是改变未来。 5 | -------------------------------------------------------------------------------- /src/pages/[locale]/about.tsx: -------------------------------------------------------------------------------- 1 | import { GetStaticPaths, GetStaticProps } from "next"; 2 | import { useTranslation } from "react-i18next"; 3 | import Layout from "../../components/Layout"; 4 | import { getI18nPaths, getI18nProps } from "../../i18n-server"; 5 | 6 | export const getStaticPaths: GetStaticPaths = () => { 7 | return { 8 | fallback: false, 9 | paths: getI18nPaths(), 10 | }; 11 | }; 12 | 13 | export const getStaticProps: GetStaticProps = (ctx) => { 14 | return { 15 | props: getI18nProps(ctx), 16 | }; 17 | }; 18 | 19 | export default function About() { 20 | const { t } = useTranslation("common"); 21 | 22 | return ( 23 | 24 |

    {t("introduction")}

    25 |     26 | ); 27 | } 28 | -------------------------------------------------------------------------------- /src/pages/[locale]/index.tsx: -------------------------------------------------------------------------------- 1 | import { GetStaticPaths, GetStaticProps } from "next"; 2 | import { useTranslation } from "react-i18next"; 3 | import { getI18nPaths, getI18nProps } from "../../i18n-server"; 4 | import Layout from "../../components/Layout"; 5 | 6 | export const getStaticPaths: GetStaticPaths = () => { 7 | return { 8 | fallback: false, 9 | paths: getI18nPaths(), 10 | }; 11 | }; 12 | 13 | export const getStaticProps: GetStaticProps = (ctx) => { 14 | return { 15 | props: getI18nProps(ctx), 16 | }; 17 | }; 18 | 19 | export default function Home() { 20 | const { t } = useTranslation("common"); 21 | 22 | return ( 23 | 24 |

    {t("title")}

    25 |     26 | ); 27 | } 28 | -------------------------------------------------------------------------------- /src/pages/_app.tsx: -------------------------------------------------------------------------------- 1 | // import App from "next/app"; 2 | import type { AppProps /*, AppContext */ } from "next/app"; 3 | import { withStaticI18n } from "../i18n-browser"; 4 | 5 | function MyApp({ Component, pageProps }: AppProps) { 6 | return ; 7 | } 8 | 9 | // Only uncomment this method if you have blocking data requirements for 10 | // every single page in your application. This disables the ability to 11 | // perform automatic static optimization, causing every page in your app to 12 | // be server-side rendered. 13 | // 14 | // MyApp.getInitialProps = async (appContext: AppContext) => { 15 | // // calls page's `getInitialProps` and fills `appProps.pageProps` 16 | // const appProps = await App.getInitialProps(appContext); 17 | 18 | // return { ...appProps } 19 | // } 20 | 21 | export default withStaticI18n(MyApp); 22 | -------------------------------------------------------------------------------- /src/pages/index.tsx: -------------------------------------------------------------------------------- 1 | import { GetStaticProps } from "next"; 2 | import { getConfig } from "../i18n-server"; 3 | import { useEffect } from "react"; 4 | import { useRouter } from "next/router"; 5 | 6 | export const getStaticProps: GetStaticProps = (ctx) => { 7 | const { locales } = getConfig(); 8 | return { 9 | props: { 10 | locales, 11 | }, 12 | }; 13 | }; 14 | 15 | export default function Index({ locales }) { 16 | const router = useRouter(); 17 | 18 | // language detection 19 | // not recommended for production, use servers-side redirection instead of this 20 | useEffect(() => { 21 | for (const locale of locales) { 22 | for (const lang of navigator.languages) { 23 | if (lang.startsWith(locale)) { 24 | router.replace("/" + locale); 25 | return; 26 | } 27 | } 28 | } 29 | }, []); 30 | 31 | return <>; 32 | } 33 | -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "target": "es5", 4 | "lib": [ 5 | "dom", 6 | "dom.iterable", 7 | "esnext" 8 | ], 9 | "allowJs": true, 10 | "skipLibCheck": true, 11 | "strict": false, 12 | "forceConsistentCasingInFileNames": true, 13 | "noEmit": true, 14 | "esModuleInterop": true, 15 | "module": "esnext", 16 | "moduleResolution": "node", 17 | "resolveJsonModule": true, 18 | "isolatedModules": true, 19 | "jsx": "preserve", 20 | "incremental": true 21 | }, 22 | "include": [ 23 | "next-env.d.ts", 24 | "**/*.ts", 25 | "**/*.tsx" 26 | ], 27 | "exclude": [ 28 | "node_modules" 29 | ] 30 | } --------------------------------------------------------------------------------