feat: add new i18n package

libs/datasource/i18n/src/index.ts

@@ -0,0 +1,47 @@
+import i18next, { Resource } from 'i18next';
+import {
+    I18nextProvider,
+    initReactI18next,
+    useTranslation,
+} from 'react-i18next';
+import en_US from '../resources/en.json';
+import zh_CN from '../resources/zh.json';
+
+// See https://react.i18next.com/latest/typescript
+declare module 'react-i18next' {
+    interface CustomTypeOptions {
+        // custom namespace type if you changed it
+        // defaultNS: 'ns1';
+        // custom resources type
+        resources: {
+            en: typeof en_US;
+        };
+    }
+}
+
+const LOCALES = [
+    { value: 'en', text: 'English', res: en_US },
+    { value: 'zh', text: '简体中文', res: zh_CN },
+] as const;
+
+const resources = LOCALES.reduce<Resource>(
+    (acc, { value, res }) => ({ ...acc, [value]: { translation: res } }),
+    {}
+);
+
+const i18n = i18next.createInstance();
+i18n.use(initReactI18next).init({
+    // TODO auto detect
+    lng: LOCALES[0].value,
+    fallbackLng: LOCALES[0].value,
+    debug: process.env['NODE_ENV'] === 'development',
+
+    resources,
+    interpolation: {
+        escapeValue: false, // not needed for react as it escapes by default
+    },
+});
+
+const I18nProvider = I18nextProvider;
+
+export { i18n, useTranslation, I18nProvider, LOCALES };