@shuo-li/i18n 1.0.0

package/dist/workers/preload-worker.js

@@ -0,0 +1,169 @@
+// src/workers/preload-worker.ts
+function flatToNested(flat) {
+  const result = {};
+  for (const [key, value] of Object.entries(flat)) {
+    const parts = key.split(".");
+    let cur = result;
+    for (let i = 0; i < parts.length - 1; i++) {
+      const part = parts[i];
+      if (typeof cur[part] !== "object" || cur[part] === null) cur[part] = {};
+      cur = cur[part];
+    }
+    cur[parts[parts.length - 1]] = value;
+  }
+  return result;
+}
+function deepMerge(target, source) {
+  const result = { ...target };
+  for (const [key, sv] of Object.entries(source)) {
+    const tv = result[key];
+    if (sv !== null && typeof sv === "object" && !Array.isArray(sv) && tv !== null && typeof tv === "object" && !Array.isArray(tv)) {
+      result[key] = deepMerge(tv, sv);
+    } else {
+      result[key] = sv;
+    }
+  }
+  return result;
+}
+function parseI18nValues(values) {
+  const result = {};
+  for (const { termCode, langValue } of values) {
+    if (termCode && langValue !== void 0) result[termCode] = langValue ?? "";
+  }
+  return result;
+}
+function buildKey(moduleCode, langCode, store) {
+  return store.cacheGroupKey ? `${moduleCode}_${langCode}_${store.cacheGroupKey}` : `${moduleCode}_${langCode}`;
+}
+function toQueryString(params) {
+  return new URLSearchParams(
+    Object.entries(params).filter(([, v]) => v != null).map(([k, v]) => [k, String(v)])
+  ).toString();
+}
+var db = null;
+function openDB(dbName, storeNames) {
+  return new Promise((resolve, reject) => {
+    const req = indexedDB.open(dbName, 2);
+    req.onupgradeneeded = (event) => {
+      const database = event.target.result;
+      for (const name of storeNames) {
+        const storeName = `i18n_resources_${name}`;
+        if (!database.objectStoreNames.contains(storeName)) {
+          const s = database.createObjectStore(storeName, { keyPath: "key" });
+          s.createIndex("by_module", "moduleCode");
+          s.createIndex("by_language", "langCode");
+        }
+      }
+      if (!database.objectStoreNames.contains("i18n_meta")) {
+        database.createObjectStore("i18n_meta", { keyPath: "key" });
+      }
+    };
+    req.onsuccess = () => resolve(req.result);
+    req.onerror = () => reject(req.error);
+  });
+}
+function idbGet(database, storeName, key) {
+  return new Promise((resolve, reject) => {
+    const tx = database.transaction(storeName, "readonly");
+    const req = tx.objectStore(storeName).get(key);
+    req.onsuccess = () => resolve(req.result);
+    req.onerror = () => reject(req.error);
+  });
+}
+function idbPut(database, storeName, value) {
+  return new Promise((resolve, reject) => {
+    const tx = database.transaction(storeName, "readwrite");
+    const req = tx.objectStore(storeName).put(value);
+    req.onsuccess = () => resolve();
+    req.onerror = () => reject(req.error);
+  });
+}
+async function processTask(task, payload) {
+  const { baseURL, headers, pullPath, pullMethod, stores } = payload;
+  const params = {};
+  if (task.storeName) params["storeName"] = task.storeName;
+  if (task.langCode) params["langCode"] = task.langCode;
+  if (task.moduleCode) params["moduleCode"] = task.moduleCode;
+  if (task.version != null) params["version"] = String(task.version);
+  const url = baseURL + pullPath;
+  let res;
+  if (pullMethod === "POST") {
+    res = await fetch(url, {
+      method: "POST",
+      headers: { "Content-Type": "application/json", ...headers },
+      body: JSON.stringify(params)
+    });
+  } else {
+    res = await fetch(`${url}?${toQueryString(params)}`, { headers });
+  }
+  if (!res.ok) throw new Error(`[i18n worker] fetch failed: ${res.status}`);
+  const blocks = await res.json();
+  for (const block of blocks) {
+    for (const mod of block.modules ?? []) {
+      const store = stores.find((s) => s.name === task.storeName);
+      if (!store) continue;
+      const storeIndex = stores.indexOf(store);
+      const idbStoreName = `i18n_resources_${store.name}`;
+      const key = buildKey(mod.moduleCode, block.langCode, store);
+      const parsed = parseI18nValues(mod.i18nValues ?? []);
+      let resources;
+      if (storeIndex === 0) {
+        const existing = await idbGet(
+          db,
+          idbStoreName,
+          key
+        );
+        resources = deepMerge(
+          existing?.resources ?? {},
+          flatToNested(parsed)
+        );
+      } else {
+        const existing = await idbGet(
+          db,
+          idbStoreName,
+          key
+        );
+        resources = { ...existing?.resources ?? {}, ...parsed };
+      }
+      const record = {
+        key,
+        moduleCode: mod.moduleCode,
+        langCode: block.langCode,
+        version: mod.version,
+        resources
+      };
+      await idbPut(db, idbStoreName, record);
+      self.postMessage({
+        type: "moduleLoaded",
+        storeName: task.storeName,
+        langCode: block.langCode,
+        moduleCode: mod.moduleCode,
+        version: mod.version
+      });
+    }
+  }
+}
+self.onmessage = async (event) => {
+  if (event.data.type !== "start") return;
+  const { payload } = event.data;
+  const storeNames = payload.stores.map((s) => s.name);
+  try {
+    db = await openDB(payload.dbName, storeNames);
+  } catch (err) {
+    self.postMessage({ type: "error", message: String(err) });
+    return;
+  }
+  for (const task of payload.tasks) {
+    try {
+      await processTask(task, payload);
+    } catch {
+      self.postMessage({
+        type: "moduleError",
+        storeName: task.storeName,
+        langCode: task.langCode,
+        moduleCode: task.moduleCode
+      });
+    }
+  }
+  self.postMessage({ type: "done" });
+};

package/package.json

@@ -0,0 +1,59 @@
+{
+  "name": "@shuo-li/i18n",
+  "version": "1.0.0",
+  "description": "Cross-platform i18n library for Web, React Native and WeChat MiniProgram",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./native": {
+      "types": "./dist/native/index.d.ts",
+      "import": "./dist/native/index.js",
+      "require": "./dist/native/index.cjs"
+    },
+    "./mp": {
+      "types": "./dist/mp/index.d.ts",
+      "import": "./dist/mp/index.js",
+      "require": "./dist/mp/index.cjs"
+    }
+  },
+  "sideEffects": false,
+  "scripts": {
+    "build": "tsup",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run",
+    "prepublishOnly": "pnpm build"
+  },
+  "dependencies": {
+    "i18next": "^23.0.0",
+    "react-i18next": "^14.0.0"
+  },
+  "peerDependencies": {
+    "@op-engineering/op-sqlite": ">=3.0.0",
+    "react": ">=18"
+  },
+  "peerDependenciesMeta": {
+    "@op-engineering/op-sqlite": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@types/react": "^18.0.0",
+    "miniprogram-api-typings": "^5.2.1",
+    "tsup": "^8.0.0",
+    "typescript": "^5.4.0",
+    "vitest": "^1.0.0"
+  }
+}