feat: Add "useI18n" hook

.eslintrc

@@ -1,5 +1,9 @@
 {
-  "parser": "babel-eslint",
+  "parser": "@babel/eslint-parser",
+  "parserOptions": {
+    "requireConfigFile": false
+  },
+
   "root": true,
   "extends": ["@asd14/eslint-config/targets/react"],
   "ignorePatterns": ["dist/*.js"],
@@ -22,10 +26,6 @@
     // Recommended if you use eslint_d
     "import/cache": {
       "lifetime": 5
-    },
-
-    // Can add a path segment here that will act like a source root, for
-    // in-project aliasing (i.e. `import MyStore from 'stores/my-store'`)
-    "import/resolver": "webpack"
+    }
   }
 }

src/index.js

@@ -21,3 +21,4 @@ export { usePrevious } from "./use-previous"
 export { useQuery } from "./use-query"
 export { useResize } from "./use-resize"
 export { Portal } from "./use-portal"
+export { useI18n } from "./use-i18n/i18n.hook"

src/use-i18n/i18n.hook.js

@@ -0,0 +1,26 @@
+const debug = require("debug")("@asd14/react-hooks:useI18n")
+
+import { useMemo } from "react"
+import { split, map, pipe, read } from "@asd14/m"
+import { useRouteMatch, useLocation } from "react-router-dom"
+
+export const useI18n = () => {
+  const match = useRouteMatch()
+  const location = useLocation()
+
+  debug({ match, location, asd: process.env.LANGUAGES })
+
+  return {
+    languages: useMemo(
+      () =>
+        pipe(
+          split(","),
+          map([split(":"), ([id, label]) => ({ id, label })])
+        )(process.env.LANGUAGES),
+      []
+    ),
+
+    language: read(["params", "language"], process.env.LANGUAGE_DEFAULT, match),
+    defaultLanguage: process.env.LANGUAGE_DEFAULT ?? "en",
+  }
+}

src/use-i18n/i18n.jsx

@@ -0,0 +1,26 @@
+const debug = require("debug")("@asd14/react-hooks:I18n.Component")
+
+import PropTypes from "prop-types"
+import { split } from "@asd14/m"
+
+import { useEffect } from "../use-deep"
+
+const I18n = ({ languages, defaultLanguage }) => {
+  useEffect(() => {
+  }, [defaultLanguage, languages])
+
+  /* eslint-disable unicorn/no-null */
+  return null
+}
+
+I18n.propTypes = {
+  languages: PropTypes.string,
+  defaultLanguage: PropTypes.string,
+}
+
+I18n.defaultProps = {
+  languages: ["en"],
+  defaultLanguage: "en",
+}
+
+export { I18n }

src/use-i18n/i18n.redux.js

@@ -0,0 +1,30 @@
+const debug = require("debug")("@asd14/react-hooks:useI18nRedux")
+
+const defaultState = {
+  languages: localStorage.getItem(STORE_KEY) ?? [
+    { id: "en", label: "English" },
+    { id: "nl", label: "Dutch" },
+    { id: "ro", label: "Română" },
+  ],
+  defaultLanguage:
+    localStorage.getItem(`${STORE_KEY}_DEFAULT`) ??
+    process.env.LANGUAGE_DEFAULT,
+  selected:
+    localStorage.getItem(`${STORE_KEY}_SELECTED`) ??
+    process.env.LANGUAGE_DEFAULT,
+}
+
+export const STORE_KEY = "GLOBAL.I18N"
+
+export const reducer = (state = defaultState, { type, payload = {} }) => {
+  switch (type) {
+    case `${STORE_KEY}.SET`:
+      return {
+        ...state,
+        ...payload,
+      }
+
+    default:
+      return state
+  }
+}