feat(i18n): add i18n support

package.json

@@ -25,7 +25,9 @@
     "build": "tsc",
     "start": "TS_NODE_PROJECT=.storybook/tsconfig.json start-storybook"
   },
-  "dependencies": {},
+  "dependencies": {
+    "@gravity-ui/i18n": "^1.0.0"
+  },
   "devDependencies": {
     "@commitlint/cli": "^17.0.0",
     "@commitlint/config-conventional": "^17.0.0",

src/components/utils/configure.ts

@@ -0,0 +1,33 @@
+export enum Lang {
+    Ru = 'ru',
+    En = 'en',
+}
+
+interface Config {
+    lang: `${Lang}`;
+}
+
+type Subscriber = (config: Config) => void;
+
+let subs: Subscriber[] = [];
+
+const config: Config = {
+    lang: Lang.En,
+};
+
+export const configure = (newConfig: Partial<Config>) => {
+    Object.assign(config, newConfig);
+    subs.forEach((sub) => {
+        sub(config);
+    });
+};
+
+export const subscribeConfigure = (sub: Subscriber) => {
+    subs.push(sub);
+
+    return () => {
+        subs = subs.filter((item) => item !== sub);
+    };
+};
+
+export const getConfig = () => config;

src/components/utils/registerKeyset.ts

@@ -0,0 +1,10 @@
+import {i18n} from '../../i18n';
+import {Lang} from './configure';
+
+type KeysData = Parameters<typeof i18n.registerKeyset>[2];
+
+export function registerKeyset<T extends KeysData>(data: Record<Lang, T>, keysetName: string) {
+    Object.entries(data).forEach(([lang, keys]) => i18n.registerKeyset(lang, keysetName, keys));
+
+    return i18n.keyset(keysetName);
+}

src/i18n.ts

@@ -0,0 +1,10 @@
+import {I18N} from '@gravity-ui/i18n';
+import {getConfig, subscribeConfigure} from './components/utils/configure';
+
+export const i18n = new I18N();
+
+i18n.setLang(getConfig().lang);
+
+subscribeConfigure((config) => {
+    i18n.setLang(config.lang);
+});