@vnejs/plugins.text.locs 0.1.4

package/const/events.js

@@ -0,0 +1,5 @@
+export const SUBSCRIBE_EVENTS = {
+  LOAD: "vne:locs:load",
+  GET: "vne:locs:get",
+  CHANGED: "vne:locs:changed",
+};

package/const/params.js

@@ -0,0 +1 @@
+export const DEFAULT_LANG = "ru";

package/const/settings.js

@@ -0,0 +1 @@
+export const SETTINGS_KEYS = { LANG: "vne:locs:lang" };

package/index.js

@@ -0,0 +1,9 @@
+import { regPlugin } from "@vnejs/shared";
+
+import { SUBSCRIBE_EVENTS } from "./const/events";
+import * as params from "./const/params";
+import { SETTINGS_KEYS } from "./const/settings";
+
+import { TextLocs } from "./modules/locs";
+
+regPlugin("LOCS", { events: SUBSCRIBE_EVENTS, settings: SETTINGS_KEYS, params }, [TextLocs]);

package/modules/locs.js

@@ -0,0 +1,96 @@
+import { Module } from "@vnejs/module";
+
+const toJson = (i) => i.json();
+
+export class TextLocs extends Module {
+  name = "text.locs";
+
+  loading = {};
+
+  subscribe = () => {
+    this.on(this.EVENTS.LOCS.LOAD, this.onLocsLoad);
+    this.on(this.EVENTS.LOCS.GET, this.onLocsGet);
+    this.on(this.EVENTS.LOCS.CHANGED, this.onLocsChanged);
+
+    this.on(this.EVENTS.SETTINGS.CHANGED, this.onSettingChange);
+  };
+
+  init = async () => {
+    await Promise.all([
+      this.emit(this.EVENTS.SETTINGS.INIT, { name: this.SETTINGS.LOCS.LANG, value: this.PARAMS.LOCS.DEFAULT_LANG }),
+      this.emit(this.EVENTS.MEMORY.REG, { module: this.name }),
+      this.emit(this.EVENTS.COMPONENTS.INJECT_REG, { handler: this.componentsInjectHandler }),
+      this.emit(this.EVENTS.TEXT.REPLACE_REG, { priority: -999999, handler: this.textReplaceHandler }),
+    ]);
+
+    return this.setLang(this.shared.settings[this.SETTINGS.LOCS.LANG]);
+  };
+  componentsInjectHandler = async (component) => {
+    const result = { field: "locs", value: {} };
+
+    if (component.locLabel) result.value = await this.emitOne(this.EVENTS.LOCS.GET, { label: component.locLabel });
+
+    return result;
+  };
+  textReplaceHandler = async (text = "", label = "") => {
+    const locs = await this.emitOne(this.EVENTS.LOCS.GET, { label });
+
+    return locs?.[text] || text;
+  };
+
+  onLocsLoad = async ({ label, lang } = {}) => {
+    await this.waitRerenderCheck(this.checkLang);
+
+    const mediaId = `${lang || this.shared.lang}:${label}`;
+    const memoryLocs = await this.emitOne(this.EVENTS.MEMORY.GET, { module: this.name, key: mediaId });
+
+    if (memoryLocs) return;
+    if (this.loading[mediaId]) return this.loading[mediaId];
+
+    return this.loadLoc(label);
+  };
+  onLocsChanged = async () => {
+    const { label } = this.globalState.scenario;
+
+    const loadedLocs = await this.getLoadedLocs(label);
+    if (loadedLocs) return loadedLocs;
+
+    await this.emit(this.EVENTS.LOCS.LOAD, { label });
+    await this.emit(this.EVENTS.TEXT.RECALC);
+  };
+  onLocsGet = async ({ label = this.PARAMS.SCENARIO.INIT_LABEL_NAME, lang = null } = {}) => {
+    await this.waitRerenderCheck(this.checkLang);
+
+    const loadedLocs = await this.getLoadedLocs(label, lang);
+
+    if (loadedLocs) return loadedLocs;
+
+    await this.emit(this.EVENTS.LOCS.LOAD, { label, lang });
+
+    return this.getLoadedLocs(label, lang);
+  };
+  onSettingChange = ({ name, value } = {}) => name === this.SETTINGS.LOCS.LANG && this.setLang(value);
+
+  getLoadedLocs = (label, lang) => this.emitOne(this.EVENTS.MEMORY.GET, { module: this.name, key: `${lang || this.shared.lang}:${label}` });
+  loadLoc = (label) => {
+    const [loadingId, url] = [`${this.shared.lang}:${label}`, this.media.locs[`${this.shared.lang}/${label}`]];
+
+    const promiseFunc = async () => {
+      const value = url ? await fetch(`${this.CONST.SYSTEM.HOST}/${url}`).then(toJson) : {};
+
+      await this.emit(this.EVENTS.MEMORY.SET, { module: this.name, key: loadingId, value });
+
+      delete this.loading[loadingId];
+    };
+
+    this.loading[loadingId] = promiseFunc();
+
+    return this.loading[loadingId];
+  };
+  setLang = (lang) => {
+    this.shared.lang = lang;
+
+    return this.emit(this.EVENTS.LOCS.CHANGED);
+  };
+  checkLang = () => this.shared.lang;
+}

package/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "@vnejs/plugins.text.locs",
+  "version": "0.1.4",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "publish:major:plugin": "npm run publish:major",
+    "publish:minor:plugin": "npm run publish:minor",
+    "publish:patch:plugin": "npm run publish:patch",
+    "publish:major": "npm version major && npm publish --access public",
+    "publish:minor": "npm version minor && npm publish --access public",
+    "publish:patch": "npm version patch && npm publish --access public"
+  },
+  "author": "",
+  "license": "ISC",
+  "description": ""
+}