next-i18next-static-site 0.2.3 → 0.2.5

package/README.md

@@ -3,14 +3,12 @@
   <p>i18next solution for static sites build with Next.js (static HTML export / <code>next export</code>).</p>
 </div>
 
-## i18next solution for Next.js
-
 This package brings you `react-i18next` and `i18next` to your static sites build with the `next export` future from Next.js.
 
 - 🗲 Translation is already rendered (SSG), client will receive the final translated site.
-- 🚀 Automatic browser language detection.
-- 🍪 Cookie stores the client language.
 - 🔥 Hot reload works also when you update your locale (translation) files.
+- 🚀 Automatic browser language detection can be realized.
+- 🍪 Cookie stores the client language.
 
 ## Installation
 
@@ -18,10 +16,6 @@ This package brings you `react-i18next` and `i18next` to your static sites build
 npm install --save next-i18next-static-site
 ```
 
-## Configuration
-
-You have to add a few environment variables to your `next.config.js`.
-
 ## Usage
 
 Set the supported languages and the namespaces in your `next.config.js`:
@@ -98,3 +92,7 @@ export default App;
 Now you are able to use `useTranslation`, `withTranslation`, `Translation` and `Trans` directly from `react-i18next` or from `next-i18next-static-site`.
 
 > The [example Next.js site](https://github.com/xairoo/next-i18next-static-site/tree/main/apps/web-ts) provides a `Link` and `LinkText` (used for `Trans`) component and als a custom `404` page.
+
+### Language detection
+
+Please check the example [pages/index.tsx](https://github.com/xairoo/next-i18next-static-site/blob/main/examples/web-ts/pages/index.tsx). It contains a simple language detection and redirect solution.

package/dist/index.js

@@ -129,17 +129,17 @@ var I18nProvider = (props) => {
   (0, import_react.useEffect)(() => {
     i18n2.services.resourceStore.data = props.i18n.locales;
     i18n2.changeLanguage(language);
-  }, [props.i18n.locales]);
+  }, [i18n2, language, props.i18n.locales]);
   (0, import_react.useEffect)(() => {
     loaded = true;
     i18n2.changeLanguage(language);
-  }, [language]);
+  }, [i18n2, language]);
   (0, import_react.useEffect)(() => {
     const hasWindow = typeof window !== "undefined";
     if (hasWindow && options.allowHydration) {
       setHydration(true);
     }
-  }, []);
+  }, [options.allowHydration]);
   return hydration ? props.children : null;
 };
 function getAllLanguageSlugs() {

package/dist/index.mjs

@@ -92,17 +92,17 @@ var I18nProvider = (props) => {
   useEffect(() => {
     i18n2.services.resourceStore.data = props.i18n.locales;
     i18n2.changeLanguage(language);
-  }, [props.i18n.locales]);
+  }, [i18n2, language, props.i18n.locales]);
   useEffect(() => {
     loaded = true;
     i18n2.changeLanguage(language);
-  }, [language]);
+  }, [i18n2, language]);
   useEffect(() => {
     const hasWindow = typeof window !== "undefined";
     if (hasWindow && options.allowHydration) {
       setHydration(true);
     }
-  }, []);
+  }, [options.allowHydration]);
   return hydration ? props.children : null;
 };
 function getAllLanguageSlugs() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "next-i18next-static-site",
-  "version": "0.2.3",
+  "version": "0.2.5",
   "description": "i18next solution for static sites build with Next.js (static HTML export / next export)",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -28,13 +28,15 @@
     "build": "rm -rf dist && mkdir dist && tsup src/index.tsx --format esm,cjs --dts --external react",
     "dev": "tsup src/index.tsx --format esm,cjs --watch --dts",
     "lint": "TIMING=1 eslint \"**/*.ts*\"",
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "release": "release-it"
   },
   "devDependencies": {
     "@types/react": "^17.0.37",
     "@types/react-dom": "^17.0.11",
     "eslint": "^7.32.0",
     "eslint-config-custom": "*",
+    "release-it": "^15.5.0",
     "tsconfig": "*",
     "typescript": "^4.5.2"
   },
@@ -42,8 +44,8 @@
     "@types/js-cookie": "^3.0.2",
     "i18next": "^21.10.0",
     "js-cookie": "^3.0.1",
-    "react": "^18.2.0",
     "next": "^13.0.0",
+    "react": "^18.2.0",
     "react-i18next": "^11.18.6",
     "tsup": "^6.3.0"
   },