@dabalabs/lang 0.0.5-beta → 0.0.7-beta

package/dist/dabalang.cjs

@@ -145,6 +145,35 @@ async function submitCorrection(gatewayUrl, projectId, apiKey, targetLang, sourc
   await parseOrThrow(response);
 }
 
+// src/translation-cache.ts
+var PREFIX = "dabalang:tcache:";
+var VERSION = 1;
+var MAX_ENTRY_BYTES = 512 * 1024;
+function key(projectId, lang) {
+  return `${PREFIX}${projectId}:${lang}`;
+}
+function readCachedTranslations(projectId, lang) {
+  try {
+    const raw = window.localStorage.getItem(key(projectId, lang));
+    if (!raw) return null;
+    const parsed = JSON.parse(raw);
+    if (!parsed || parsed.v !== VERSION || typeof parsed.t !== "object") return null;
+    return new Map(Object.entries(parsed.t));
+  } catch {
+    return null;
+  }
+}
+function writeCachedTranslations(projectId, lang, translations) {
+  try {
+    if (translations.size === 0) return;
+    const payload = { v: VERSION, t: Object.fromEntries(translations) };
+    const serialised = JSON.stringify(payload);
+    if (serialised.length > MAX_ENTRY_BYTES) return;
+    window.localStorage.setItem(key(projectId, lang), serialised);
+  } catch {
+  }
+}
+
 // src/dom/ignore.ts
 var IGNORE_ATTR = "data-dabalang-ignore";
 var SENSITIVE_ELEMENT_SELECTOR = `[${IGNORE_ATTR}], input[type="password"], input[type="hidden"], [autocomplete="current-password"], [autocomplete="new-password"], [autocomplete^="cc-"]`;
@@ -275,8 +304,28 @@ var TranslationApplier = class {
     }
     return null;
   }
+  /** Writes every translation this map covers into the DOM. */
+  paint(translations) {
+    let painted = 0;
+    for (const [sourceText, nodes] of this.groups) {
+      const translated = translations.get(sourceText);
+      if (translated === void 0) continue;
+      for (const node of nodes) node.textContent = translated;
+      painted += 1;
+    }
+    return painted;
+  }
   async applyLanguage(targetLang) {
-    const cached = this.fetchedLanguages.get(targetLang);
+    let cached = this.fetchedLanguages.get(targetLang);
+    if (!cached) {
+      const stored = readCachedTranslations(this.projectId, targetLang);
+      if (stored && stored.size > 0) {
+        cached = stored;
+        this.fetchedLanguages.set(targetLang, stored);
+        this.paint(stored);
+        this.activeLang = targetLang;
+      }
+    }
     const allTexts = this.sourceTexts();
     const missing = cached ? allTexts.filter((t) => !cached.has(t)) : allTexts;
     if (missing.length > 0) {
@@ -284,13 +333,9 @@ var TranslationApplier = class {
       const map = cached ?? /* @__PURE__ */ new Map();
       for (const r of results) map.set(r.sourceText, r.translatedText);
       this.fetchedLanguages.set(targetLang, map);
+      writeCachedTranslations(this.projectId, targetLang, map);
     }
-    const translations = this.fetchedLanguages.get(targetLang);
-    for (const [sourceText, nodes] of this.groups) {
-      const translated = translations.get(sourceText);
-      if (translated === void 0) continue;
-      for (const node of nodes) node.textContent = translated;
-    }
+    this.paint(this.fetchedLanguages.get(targetLang));
     this.activeLang = targetLang;
   }
   restoreOriginal() {
@@ -602,10 +647,10 @@ var PathRouter = class {
 };
 
 // src/preference.ts
-var PREFIX = "dabalang:lang:";
+var PREFIX2 = "dabalang:lang:";
 function readPreferredLanguage(projectId) {
   try {
-    return window.localStorage.getItem(PREFIX + projectId);
+    return window.localStorage.getItem(PREFIX2 + projectId);
   } catch {
     return null;
   }
@@ -613,9 +658,9 @@ function readPreferredLanguage(projectId) {
 function writePreferredLanguage(projectId, langCode) {
   try {
     if (langCode === null) {
-      window.localStorage.removeItem(PREFIX + projectId);
+      window.localStorage.removeItem(PREFIX2 + projectId);
     } else {
-      window.localStorage.setItem(PREFIX + projectId, langCode);
+      window.localStorage.setItem(PREFIX2 + projectId, langCode);
     }
   } catch {
   }
@@ -1128,6 +1173,7 @@ function renderLanguageSwitcher(container, targetLanguages, sourceLang, onSelect
   let closing = false;
   const root = document.createElement("div");
   root.className = "dabalang-switcher-root";
+  root.setAttribute(IGNORE_ATTR, "");
   const trigger = document.createElement("button");
   trigger.type = "button";
   trigger.className = "dabalang-trigger";
@@ -1185,6 +1231,7 @@ function renderLanguageSwitcher(container, targetLanguages, sourceLang, onSelect
     if (backdrop) return;
     const overlay = document.createElement("div");
     overlay.className = "dabalang-backdrop";
+    overlay.setAttribute(IGNORE_ATTR, "");
     overlay.addEventListener("mousedown", (e) => {
       if (e.target === overlay) closeModal();
     });