frontend-auto-cms 1.0.8 → 1.0.10

package/dist/runtime/dashboard.js

@@ -1,6 +1,6 @@
-const me = "cms-export.patch.json", ye = "frontend-auto-cms::content", te = "frontend-auto-cms::locales";
+const ye = "cms-export.patch.json", he = "frontend-auto-cms::content", te = "frontend-auto-cms::locales";
 function ae(e) {
-  localStorage.setItem(ye, JSON.stringify(e));
+  localStorage.setItem(he, JSON.stringify(e));
 }
 function ne() {
   try {
@@ -10,10 +10,10 @@ function ne() {
     return {};
   }
 }
-function T(e) {
+function I(e) {
   localStorage.setItem(te, JSON.stringify(e));
 }
-async function he() {
+async function xe() {
   try {
     const e = await fetch("/cms-content.json", { cache: "no-store" });
     if (!e.ok)
@@ -24,7 +24,7 @@ async function he() {
     return null;
   }
 }
-async function xe() {
+async function oe() {
   try {
     const e = await fetch("/cms-locales.json", { cache: "no-store" });
     if (!e.ok)
@@ -37,7 +37,7 @@ async function xe() {
 }
 function ve(e) {
   const t = new Blob([JSON.stringify(e, null, 2)], { type: "application/json" }), a = URL.createObjectURL(t), o = document.createElement("a");
-  o.href = a, o.download = me, o.click(), URL.revokeObjectURL(a);
+  o.href = a, o.download = ye, o.click(), URL.revokeObjectURL(a);
 }
 function _(e) {
   return e.replace(/[^\w]+/g, "_").replace(/^_+|_+$/g, "").toLowerCase();
@@ -49,7 +49,7 @@ function v(e) {
   const a = (e.getAttribute("class") ?? "").split(/\s+/).filter(Boolean)[0];
   return a ? `${e.tagName.toLowerCase()}.${a}` : e.tagName.toLowerCase();
 }
-function oe(e) {
+function re(e) {
   return ["SCRIPT", "STYLE", "NOSCRIPT", "IFRAME"].includes(e.tagName);
 }
 function N(e) {
@@ -57,7 +57,7 @@ function N(e) {
 }
 function ke(e, t, a) {
   const o = t.parentElement;
-  if (!o || oe(o))
+  if (!o || re(o))
     return null;
   if (Array.from(o.childNodes).filter(
     (s) => s.nodeType === Node.TEXT_NODE && N(s.nodeValue).length > 0
@@ -69,7 +69,7 @@ function ke(e, t, a) {
 function $(e = document, t) {
   const a = [];
   let o = 0, n = 0, r = 0, s = 0;
-  const l = t ?? e.location?.pathname ?? location.pathname, c = e.body;
+  const i = t ?? e.location?.pathname ?? location.pathname, c = e.body;
   if (!c)
     return {
       createdAt: (/* @__PURE__ */ new Date()).toISOString(),
@@ -84,74 +84,74 @@ function $(e = document, t) {
       if (m.length < 2)
         continue;
       o += 1;
-      const K = `${_(l || "index")}.text.${o}`, j = ke(e, b, K);
-      if (!j)
+      const K = `${_(i || "index")}.text.${o}`, O = ke(e, b, K);
+      if (!O)
         continue;
       a.push({
         id: `dom_txt_${o}`,
         key: K,
         type: "text",
-        label: v(j),
+        label: v(O),
         value: m,
-        selector: v(j),
-        sourceRefs: [{ file: l, original: m }]
+        selector: v(O),
+        sourceRefs: [{ file: i, original: m }]
       });
       continue;
     }
-    const i = d;
-    if (oe(i))
+    const l = d;
+    if (re(l))
       continue;
-    const p = i.tagName.toLowerCase();
+    const p = l.tagName.toLowerCase();
     if (p === "img" || p === "video") {
-      const b = i.getAttribute("src") ?? "";
+      const b = l.getAttribute("src") ?? "";
       if (b) {
         n += 1;
-        const m = `${_(l || "index")}.${p}.${n}`;
-        i.setAttribute("data-cms-key", m), a.push({
+        const m = `${_(i || "index")}.${p}.${n}`;
+        l.setAttribute("data-cms-key", m), a.push({
           id: `dom_media_${n}`,
           key: m,
           type: p === "img" ? "image" : "video",
-          label: v(i),
+          label: v(l),
           value: b,
-          selector: v(i),
-          attrs: { src: b, alt: i.getAttribute("alt") ?? "" },
-          sourceRefs: [{ file: l, original: b }]
+          selector: v(l),
+          attrs: { src: b, alt: l.getAttribute("alt") ?? "" },
+          sourceRefs: [{ file: i, original: b }]
         });
       }
     }
-    if (["section", "ul", "ol"].includes(p) || i.hasAttribute("data-repeatable")) {
-      const b = Array.from(i.children).map((m) => N(m.textContent)).filter(Boolean);
+    if (["section", "ul", "ol"].includes(p) || l.hasAttribute("data-repeatable")) {
+      const b = Array.from(l.children).map((m) => N(m.textContent)).filter(Boolean);
       if (b.length >= 2) {
         r += 1;
-        const m = `${_(l || "index")}.section.${r}`;
-        i.setAttribute("data-cms-key", m), a.push({
+        const m = `${_(i || "index")}.section.${r}`;
+        l.setAttribute("data-cms-key", m), a.push({
           id: `dom_sec_${r}`,
           key: m,
           type: "section",
-          label: v(i),
+          label: v(l),
           value: b.join(" | "),
-          selector: v(i),
+          selector: v(l),
           sectionItems: b,
-          sourceRefs: [{ file: l, original: i.innerHTML }]
+          sourceRefs: [{ file: i, original: l.innerHTML }]
         });
       }
     }
     const g = {};
     if (["alt", "href", "src", "aria-label", "title"].forEach((b) => {
-      const m = i.getAttribute(b);
+      const m = l.getAttribute(b);
       m != null && m.trim() && (g[b] = m);
     }), Object.keys(g).length > 0 && !(p === "img" || p === "video")) {
       s += 1;
-      const b = `${_(l || "index")}.property.${s}`;
+      const b = `${_(i || "index")}.property.${s}`;
       a.push({
         id: `dom_prop_${s}`,
         key: b,
         type: "property",
-        label: v(i),
+        label: v(l),
         value: JSON.stringify(g),
-        selector: v(i),
+        selector: v(l),
         attrs: g,
-        sourceRefs: [{ file: l, original: JSON.stringify(g) }]
+        sourceRefs: [{ file: i, original: JSON.stringify(g) }]
       });
     }
   }
@@ -272,27 +272,27 @@ async function Le(e, t, a) {
   return typeof s == "string" && s.trim() ? s : e;
 }
 async function $e(e, t, a = "en", o) {
-  const n = F(a), r = F(t), s = /* @__PURE__ */ new Map(), l = {}, c = Object.entries(e), f = c.length;
+  const n = F(a), r = F(t), s = /* @__PURE__ */ new Map(), i = {}, c = Object.entries(e), f = c.length;
   let d = 0;
-  for (const [i, p] of c) {
+  for (const [l, p] of c) {
     if (s.has(p)) {
-      l[i] = s.get(p), d += 1, o?.(d, f);
+      i[l] = s.get(p), d += 1, o?.(d, f);
       continue;
     }
     try {
       const g = await Le(p, n, r);
-      s.set(p, g), l[i] = g;
+      s.set(p, g), i[l] = g;
     } catch {
-      l[i] = p;
+      i[l] = p;
     }
     d += 1, o?.(d, f);
   }
-  return l;
+  return i;
 }
-function re(e) {
+function se(e) {
   return /^[^/\s]+\/[^/\s]+$/.test(e);
 }
-function se(e) {
+function ie(e) {
   return /^([^/\s]+\/)+[^/\s]+$/.test(e);
 }
 async function Se(e, t, a) {
@@ -313,18 +313,18 @@ async function Ee() {
     if (!t || !t.provider || t.provider === "none" || t.provider !== "github" && t.provider !== "gitlab" || typeof t.repository != "string" || !t.repository.trim())
       return null;
     const a = t.repository.trim();
-    return t.provider === "github" && !re(a) || t.provider === "gitlab" && !se(a) || typeof t.branch != "string" || !t.branch.trim() ? null : { ...t, repository: a, branch: t.branch.trim() };
+    return t.provider === "github" && !se(a) || t.provider === "gitlab" && !ie(a) || typeof t.branch != "string" || !t.branch.trim() ? null : { ...t, repository: a, branch: t.branch.trim() };
   } catch {
     return null;
   }
 }
-async function O(e, t, a, o, n) {
+async function A(e, t, a, o, n) {
   const r = `https://api.github.com/repos/${e.repository}/contents/${encodeURIComponent(a).replace(/%2F/g, "/")}`;
   let s;
-  const l = await fetch(`${r}?ref=${encodeURIComponent(e.branch)}`, {
+  const i = await fetch(`${r}?ref=${encodeURIComponent(e.branch)}`, {
     headers: { Authorization: `Bearer ${t}` }
   });
-  l.ok && (s = (await l.json()).sha);
+  i.ok && (s = (await i.json()).sha);
   const c = {
     message: n,
     content: btoa(unescape(encodeURIComponent(o))),
@@ -343,24 +343,34 @@ async function O(e, t, a, o, n) {
 }
 async function _e(e, t, a) {
   const o = `chore(cms): publish content updates ${(/* @__PURE__ */ new Date()).toISOString()}`;
-  if (await O(e, t, "cms-content.json", JSON.stringify(a.content, null, 2), o), a.locales)
+  if (await A(e, t, "cms-content.json", JSON.stringify(a.content, null, 2), o), a.locales) {
     for (const [n, r] of Object.entries(a.locales))
-      await O(e, t, `locales/${n}.json`, JSON.stringify(r, null, 2), o);
-  await O(e, t, "cms-export.patch.json", JSON.stringify(a, null, 2), o);
+      await A(e, t, `locales/${n}.json`, JSON.stringify(r, null, 2), o);
+    await A(
+      e,
+      t,
+      "cms-locales.json",
+      JSON.stringify({ version: 1, locales: a.locales }, null, 2),
+      o
+    );
+  }
+  await A(e, t, "cms-export.patch.json", JSON.stringify(a, null, 2), o);
 }
 async function Ae(e, t, a) {
   const o = [
     { filePath: "cms-content.json", content: JSON.stringify(a.content, null, 2) },
     { filePath: "cms-export.patch.json", content: JSON.stringify(a, null, 2) }
   ];
-  if (a.locales)
-    for (const [s, l] of Object.entries(a.locales))
-      o.push({ filePath: `locales/${s}.json`, content: JSON.stringify(l, null, 2) });
+  if (a.locales) {
+    for (const [s, i] of Object.entries(a.locales))
+      o.push({ filePath: `locales/${s}.json`, content: JSON.stringify(i, null, 2) });
+    o.push({ filePath: "cms-locales.json", content: JSON.stringify({ version: 1, locales: a.locales }, null, 2) });
+  }
   const n = [];
   for (const s of o) {
-    const l = await Se(e, t, s.filePath);
+    const i = await Se(e, t, s.filePath);
     n.push({
-      action: l ? "update" : "create",
+      action: i ? "update" : "create",
       file_path: s.filePath,
       content: s.content
     });
@@ -382,15 +392,15 @@ async function Ae(e, t, a) {
 async function Te(e, t, a) {
   if (!a || !t.trim())
     return !1;
-  if (a.provider === "github" && !re(a.repository))
+  if (a.provider === "github" && !se(a.repository))
     throw new Error('Invalid GitHub repository format. Use "owner/repo".');
-  if (a.provider === "gitlab" && !se(a.repository))
+  if (a.provider === "gitlab" && !ie(a.repository))
     throw new Error('Invalid GitLab repository format. Use "group/project".');
   return a.provider === "github" ? (await _e(a, t.trim(), e), !0) : a.provider === "gitlab" ? (await Ae(a, t.trim(), e), !0) : !1;
 }
-const Y = "facms-auth-modal", M = "facms-auth-missing", V = "facms-token-modal", W = "facms-language-modal", Ie = "frontend-auto-cms::theme", ie = "frontend-auto-cms::main-language", le = "frontend-auto-cms::language-labels";
+const Y = "facms-auth-modal", M = "facms-auth-missing", V = "facms-token-modal", W = "facms-language-modal", Ie = "frontend-auto-cms::theme", le = "frontend-auto-cms::main-language", ce = "frontend-auto-cms::language-labels";
 let D = !1, k = null, X = !1, x = null, u = "dark";
-function ce() {
+function de() {
   if (document.getElementById("facms-dashboard-css"))
     return;
   const e = document.createElement("style");
@@ -629,15 +639,15 @@ function ce() {
     }
   `, document.head.appendChild(e);
 }
-function de(e) {
+function ue(e) {
   u = e;
   const t = e === "dark";
   document.documentElement.classList.toggle("dark", t), document.body.classList.toggle("dark", t), document.documentElement.style.background = t ? "#020617" : "#f1f5f9", document.body.style.background = t ? "#020617" : "#f1f5f9", document.documentElement.setAttribute("data-facms-theme", e), document.getElementById("facms-app")?.classList.toggle("dark", t), localStorage.setItem(Ie, e);
   const o = document.getElementById("facms-theme-toggle");
   o && (o.textContent = e === "dark" ? "Switch to light" : "Switch to dark");
 }
-function ue() {
-  u = "dark", de("dark");
+function fe() {
+  u = "dark", ue("dark");
 }
 function Ce(e) {
   return Array.from(new Uint8Array(e)).map((t) => t.toString(16).padStart(2, "0")).join("");
@@ -646,7 +656,7 @@ async function je(e) {
   const t = new TextEncoder().encode(e), a = await crypto.subtle.digest("SHA-256", t);
   return Ce(a);
 }
-async function fe() {
+async function pe() {
   if (x)
     return x;
   try {
@@ -694,10 +704,10 @@ function ze() {
 function Ne() {
   document.getElementById(M)?.remove();
 }
-async function pe() {
+async function ge() {
   return await G(), k ? (Ne(), !0) : (ze(), !1);
 }
-function ge(e) {
+function be(e) {
   const t = document.getElementById(Y);
   if (t) {
     t.style.display = "grid";
@@ -727,7 +737,7 @@ function ge(e) {
     }
     n && (n.style.display = "none"), D = !0, r(), e();
   };
-  a.querySelector("#facms-passcode-cancel")?.addEventListener("click", r), a.querySelector("#facms-passcode-submit")?.addEventListener("click", s), o?.addEventListener("keydown", (l) => l.key === "Enter" && void s()), document.body.appendChild(a), o?.focus();
+  a.querySelector("#facms-passcode-cancel")?.addEventListener("click", r), a.querySelector("#facms-passcode-submit")?.addEventListener("click", s), o?.addEventListener("keydown", (i) => i.key === "Enter" && void s()), document.body.appendChild(a), o?.focus();
 }
 function Me(e, t) {
   const a = document.getElementById(V);
@@ -745,7 +755,7 @@ function Me(e, t) {
       </div>
     </div>
   `;
-  const n = o.querySelector("#facms-token-input"), r = o.querySelector("#facms-token-error"), s = () => o.style.display = "none", l = () => {
+  const n = o.querySelector("#facms-token-input"), r = o.querySelector("#facms-token-error"), s = () => o.style.display = "none", i = () => {
     const c = (n?.value ?? "").trim();
     if (!c) {
       r && (r.style.display = "block");
@@ -753,7 +763,7 @@ function Me(e, t) {
     }
     r && (r.style.display = "none"), s(), t(c);
   };
-  o.querySelector("#facms-token-cancel")?.addEventListener("click", s), o.querySelector("#facms-token-submit")?.addEventListener("click", l), n?.addEventListener("keydown", (c) => c.key === "Enter" && l()), document.body.appendChild(o), n?.focus();
+  o.querySelector("#facms-token-cancel")?.addEventListener("click", s), o.querySelector("#facms-token-submit")?.addEventListener("click", i), n?.addEventListener("keydown", (c) => c.key === "Enter" && i()), document.body.appendChild(o), n?.focus();
 }
 function Pe(e, t, a) {
   const o = document.getElementById(W);
@@ -780,25 +790,25 @@ function Pe(e, t, a) {
   `;
   const r = () => n.style.display = "none";
   n.querySelector("#facms-language-cancel")?.addEventListener("click", r);
-  const s = n.querySelector("#facms-language-select"), l = n.querySelector("#facms-language-input"), c = n.querySelector("#facms-language-name");
+  const s = n.querySelector("#facms-language-select"), i = n.querySelector("#facms-language-input"), c = n.querySelector("#facms-language-name");
   s?.addEventListener("change", () => {
     const d = s.value === "__custom__";
-    l && (l.style.display = d ? "block" : "none"), c && (c.style.display = d ? "block" : "none");
+    i && (i.style.display = d ? "block" : "none"), c && (c.style.display = d ? "block" : "none");
   });
   const f = (d) => {
-    const i = n.querySelector("#facms-language-error");
+    const l = n.querySelector("#facms-language-error");
     let p = "";
     const g = s?.value ?? "";
     let h = "";
-    if (g && g !== "__custom__" ? (p = I(g), h = S(p)) : (p = I(l?.value ?? ""), h = (c?.value ?? "").trim()), !p || !/^[a-z]{2,3}([_-][a-z0-9]{2,8})?$|^[a-z]{3}_[A-Za-z]+$/i.test(p)) {
-      i && (i.textContent = "Enter a valid language code.", i.style.display = "block");
+    if (g && g !== "__custom__" ? (p = C(g), h = S(p)) : (p = C(i?.value ?? ""), h = (c?.value ?? "").trim()), !p || !/^[a-z]{2,3}([_-][a-z0-9]{2,8})?$|^[a-z]{3}_[A-Za-z]+$/i.test(p)) {
+      l && (l.textContent = "Enter a valid language code.", l.style.display = "block");
       return;
     }
     if (h || (h = S(p)), e.includes(p)) {
-      i && (i.textContent = `Language "${p}" already exists.`, i.style.display = "block");
+      l && (l.textContent = `Language "${p}" already exists.`, l.style.display = "block");
       return;
     }
-    i && (i.style.display = "none"), r(), a(`${p}::${h}`, d);
+    l && (l.style.display = "none"), r(), a(`${p}::${h}`, d);
   };
   n.querySelector("#facms-language-manual")?.addEventListener("click", () => f("manual")), t && n.querySelector("#facms-language-autofill")?.addEventListener("click", () => f("auto")), document.body.appendChild(n);
 }
@@ -809,7 +819,7 @@ function z(e, t) {
   }
   console.info(`[frontend-auto-cms:dashboard] ${e}`, t);
 }
-function I(e) {
+function C(e) {
   return e.trim().toLowerCase();
 }
 function Re(e) {
@@ -817,12 +827,12 @@ function Re(e) {
   return t === "/" ? "/" : (t.startsWith("/") ? t : `/${t}`).toLowerCase();
 }
 function S(e) {
-  const t = I(e), a = B.find((o) => o.code === t);
+  const t = C(e), a = B.find((o) => o.code === t);
   return a ? a.label : t.toUpperCase();
 }
 function Be() {
   try {
-    const e = localStorage.getItem(le);
+    const e = localStorage.getItem(ce);
     if (!e)
       return {};
     const t = JSON.parse(e);
@@ -832,24 +842,24 @@ function Be() {
   }
 }
 function H(e) {
-  localStorage.setItem(le, JSON.stringify(e));
+  localStorage.setItem(ce, JSON.stringify(e));
 }
-function C(e) {
-  const t = localStorage.getItem(ie);
+function j(e) {
+  const t = localStorage.getItem(le);
   return t && e[t] ? t : e.en ? "en" : Object.keys(e)[0] ?? "en";
 }
 function Z(e) {
-  localStorage.setItem(ie, e);
+  localStorage.setItem(le, e);
 }
 function y(e) {
   return e.replace(/[&<>'"]/g, (t) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", "'": "&#39;", '"': "&quot;" })[t]);
 }
-function A(e, t = 72) {
+function T(e, t = 72) {
   const a = e.replace(/\s+/g, " ").trim();
   return a.length <= t ? a : `${a.slice(0, t)}...`;
 }
 function De(e) {
-  return e.type === "section" ? A((e.sectionItems ?? []).join(" | ")) : e.type === "property" ? A(JSON.stringify(e.attrs ?? {})) : A(e.value);
+  return e.type === "section" ? T((e.sectionItems ?? []).join(" | ")) : e.type === "property" ? T(JSON.stringify(e.attrs ?? {})) : T(e.value);
 }
 function Ge(e) {
   const t = [];
@@ -884,11 +894,11 @@ async function Ue(e) {
 }
 async function qe(e, t, a) {
   const o = e.nodes.flatMap(
-    (s) => s.sourceRefs.map((l) => ({
-      file: l.file,
-      find: l.original,
+    (s) => s.sourceRefs.map((i) => ({
+      file: i.file,
+      find: i.original,
       replace: s.type === "property" ? JSON.stringify(s.attrs ?? {}) : s.type === "section" ? (s.sectionItems ?? []).join(" ") : s.type === "text" ? a[s.key] ?? s.value : s.value,
-      occurrence: l.occurrence ?? 1
+      occurrence: i.occurrence ?? 1
     }))
   ), n = {
     generatedAt: (/* @__PURE__ */ new Date()).toISOString(),
@@ -933,9 +943,9 @@ function Fe(e, t) {
     return;
   const o = Object.keys(t.locales);
   a.innerHTML = o.map((n) => {
-    const r = n === t.activeLanguage, s = n === t.mainLanguage, l = t.languageLabels[n] ?? S(n);
+    const r = n === t.activeLanguage, s = n === t.mainLanguage, i = t.languageLabels[n] ?? S(n);
     return `<div class="inline-flex items-center rounded-lg overflow-hidden border ${r ? "border-indigo-500" : "border-slate-200 dark:border-slate-700"}">
-        <button data-lang="${n}" class="px-2.5 py-1.5 text-xs ${r ? "bg-indigo-600 text-white" : "bg-slate-100 dark:bg-slate-800 text-slate-700 dark:text-slate-200"}">${y(l)}</button>
+        <button data-lang="${n}" class="px-2.5 py-1.5 text-xs ${r ? "bg-indigo-600 text-white" : "bg-slate-100 dark:bg-slate-800 text-slate-700 dark:text-slate-200"}">${y(i)}</button>
         ${s ? `<span class="px-2 py-1.5 text-[10px] font-semibold ${r ? "bg-indigo-700 text-indigo-100" : "bg-emerald-600 text-white"}">MAIN</span>` : `<button data-main-lang="${n}" title="Set as main language" class="px-2 py-1.5 text-xs ${r ? "bg-indigo-700 text-indigo-100 hover:bg-indigo-800" : "bg-emerald-600 text-white hover:bg-emerald-500"}">★</button>`}
         <button data-remove-lang="${n}" title="Remove language" class="px-2 py-1.5 text-xs ${r ? "bg-indigo-700 text-indigo-100 hover:bg-indigo-800" : "bg-slate-200 dark:bg-slate-700 text-slate-700 dark:text-slate-200 hover:bg-slate-300 dark:hover:bg-slate-600"}">×</button>
       </div>`;
@@ -959,7 +969,7 @@ function Fe(e, t) {
           alert("You must keep at least one language.");
           return;
         }
-        delete t.locales[s], delete t.languageLabels[s], H(t.languageLabels), T(t.locales), t.mainLanguage === s && (t.mainLanguage = C(t.locales), Z(t.mainLanguage), t.baseTextByKey = { ...t.locales[t.mainLanguage] ?? {} }), t.activeLanguage === s && (t.activeLanguage = U(t.locales, t.mainLanguage)), be(t), L(e, t);
+        delete t.locales[s], delete t.languageLabels[s], H(t.languageLabels), I(t.locales), t.mainLanguage === s && (t.mainLanguage = j(t.locales), Z(t.mainLanguage), t.baseTextByKey = { ...t.locales[t.mainLanguage] ?? {} }), t.activeLanguage === s && (t.activeLanguage = U(t.locales, t.mainLanguage)), me(t), L(e, t);
       }
     });
   });
@@ -974,7 +984,7 @@ function Ye(e, t) {
           r.value = a.value, r.type === "text" && (t.activeLanguage === t.mainLanguage ? (t.baseTextByKey[r.key] = a.value, t.locales[t.mainLanguage] = { ...t.locales[t.mainLanguage] ?? {}, [r.key]: a.value }) : t.locales[t.activeLanguage] = {
             ...t.locales[t.activeLanguage] ?? {},
             [r.key]: a.value
-          }, T(t.locales));
+          }, I(t.locales));
         else if (n === "alt") r.attrs = { ...r.attrs ?? {}, alt: a.value };
         else if (n === "sectionItems") r.sectionItems = a.value.split(`
 `).map((s) => s.trim()).filter(Boolean);
@@ -999,13 +1009,13 @@ function P(e, t) {
 }
 function L(e, t) {
   const a = Ge(t.content.nodes), o = a.length ? a.map((n) => {
-    const r = n.items[0], s = n.items[n.items.length - 1], l = r.index === s.index ? `#${r.index + 1}` : `#${r.index + 1} - #${s.index + 1}`, c = n.items.map((i) => De(i.node)).filter(Boolean).join(" • "), f = n.items.length > 1 ? `${l} ${y(n.selector || "Grouped fields")} (${n.items.length} fields)` : `${l} ${y(r.node.type.toUpperCase())} • ${y(r.node.label || r.node.selector || "")}`, d = n.items.map((i) => Ke(i.node, i.index)).join("");
+    const r = n.items[0], s = n.items[n.items.length - 1], i = r.index === s.index ? `#${r.index + 1}` : `#${r.index + 1} - #${s.index + 1}`, c = n.items.map((l) => De(l.node)).filter(Boolean).join(" • "), f = n.items.length > 1 ? `${i} ${y(n.selector || "Grouped fields")} (${n.items.length} fields)` : `${i} ${y(r.node.type.toUpperCase())} • ${y(r.node.label || r.node.selector || "")}`, d = n.items.map((l) => Ke(l.node, l.index)).join("");
     return `
         <details class="rounded-xl p-2 border border-slate-200 dark:border-transparent bg-white dark:bg-slate-900/60 shadow-sm">
           <summary class="list-none cursor-pointer flex items-center justify-between gap-2 p-3 rounded-lg bg-slate-50 dark:bg-slate-800/70 border border-slate-200 dark:border-slate-800">
             <div class="min-w-0">
               <div class="text-xs text-slate-500 dark:text-slate-400">${f}</div>
-              <div class="text-sm text-slate-700 dark:text-slate-300 truncate">${y(A(c || "No preview"))}</div>
+              <div class="text-sm text-slate-700 dark:text-slate-300 truncate">${y(T(c || "No preview"))}</div>
             </div>
             <span class="text-xs text-indigo-600 dark:text-indigo-400">Expand</span>
           </summary>
@@ -1038,13 +1048,13 @@ function L(e, t) {
       return;
     }
     const s = r.provider;
-    Me(s, async (l) => {
+    Me(s, async (i) => {
       let c = !1, f = "Publishing failed. Please verify token permissions and repository settings.";
       try {
-        c = await Te(n, l, r);
+        c = await Te(n, i, r);
       } catch (d) {
-        const i = d instanceof Error ? d.message : String(d);
-        i && (f = `Publishing failed: ${i}`), c = !1;
+        const l = d instanceof Error ? d.message : String(d);
+        l && (f = `Publishing failed: ${l}`), c = !1;
       }
       if (!c) {
         alert(f);
@@ -1054,27 +1064,27 @@ function L(e, t) {
     });
   }), e.querySelector("#facms-add-language")?.addEventListener("click", () => {
     Pe(Object.keys(t.locales), x?.autoTranslateEnabled ?? !0, async (n, r) => {
-      const [s, l] = n.split("::"), c = I(s ?? ""), f = (l ?? "").trim() || S(c);
+      const [s, i] = n.split("::"), c = C(s ?? ""), f = (i ?? "").trim() || S(c);
       if (!c)
         return;
-      const d = performance.now(), i = t.locales[t.mainLanguage] ?? t.baseTextByKey, p = { ...i };
+      const d = performance.now(), l = t.locales[t.mainLanguage] ?? t.baseTextByKey, p = { ...l };
       if (z("Add language requested", {
         lang: c,
         mode: r,
-        sourceKeys: Object.keys(i).length,
+        sourceKeys: Object.keys(l).length,
         browserLanguage: navigator.language,
         browserLanguages: navigator.languages
-      }), t.locales[c] = p, t.languageLabels[c] = f, H(t.languageLabels), t.activeLanguage = c, T(t.locales), E(t.content, t.locales[c], t.workingDocument, t.baseTextByKey), L(e, t), z("Manual language tab created", { lang: c }), w(e, `Added ${f} tab prefilled with source text for manual translation.`, !1), r !== "auto" || !(x?.autoTranslateEnabled ?? !0)) {
+      }), t.locales[c] = p, t.languageLabels[c] = f, H(t.languageLabels), t.activeLanguage = c, I(t.locales), E(t.content, t.locales[c], t.workingDocument, t.baseTextByKey), L(e, t), z("Manual language tab created", { lang: c }), w(e, `Added ${f} tab prefilled with source text for manual translation.`, !1), r !== "auto" || !(x?.autoTranslateEnabled ?? !0)) {
         r === "auto" && !(x?.autoTranslateEnabled ?? !0) && w(e, `Privacy mode is on. Added ${f} tab for manual translation only.`, !1);
         return;
       }
       try {
-        const g = Object.keys(i).length;
+        const g = Object.keys(l).length;
         w(e, `Auto-filling ${f} translation... (0/${g})`, !0);
-        const h = await $e(i, c, t.mainLanguage, (q, b) => {
+        const h = await $e(l, c, t.mainLanguage, (q, b) => {
           w(e, `Auto-filling ${f} translation... (${q}/${b})`, !0);
         });
-        t.locales[c] = h, T(t.locales), t.activeLanguage = c, E(t.content, h, t.workingDocument, t.baseTextByKey), L(e, t), z("Automatic translation succeeded", {
+        t.locales[c] = h, I(t.locales), t.activeLanguage = c, E(t.content, h, t.workingDocument, t.baseTextByKey), L(e, t), z("Automatic translation succeeded", {
           lang: c,
           translatedKeys: Object.keys(h).length,
           ms: Math.round(performance.now() - d)
@@ -1091,13 +1101,13 @@ function L(e, t) {
   }), Ye(e, t);
 }
 function U(e, t) {
-  const a = Object.keys(e), o = t && e[t] ? t : C(e), n = [...navigator.languages ?? [], navigator.language].map((r) => r.toLowerCase().split("-")[0]);
+  const a = Object.keys(e), o = t && e[t] ? t : j(e), n = [...navigator.languages ?? [], navigator.language].map((r) => r.toLowerCase().split("-")[0]);
   for (const r of n)
     if (a.includes(r))
       return r;
   return a.includes(o) ? o : a[0] ?? "en";
 }
-function be(e) {
+function me(e) {
   const t = e.locales[e.activeLanguage] ?? e.locales.en ?? e.baseTextByKey;
   E(e.content, t, e.workingDocument, e.baseTextByKey);
 }
@@ -1118,26 +1128,26 @@ function We(e, t, a) {
   const o = ne(), n = {
     ...a,
     ...o
-  }, r = Be(), s = Object.fromEntries(e.nodes.filter((i) => i.type === "text").map((i) => [i.key, i.value])), l = C(n), c = {
+  }, r = Be(), s = Object.fromEntries(e.nodes.filter((l) => l.type === "text").map((l) => [l.key, l.value])), i = j(n), c = {
     ...n,
-    [l]: { ...n[l] ?? {}, ...s }
+    [i]: { ...n[i] ?? {}, ...s }
   };
-  !c.en && l === "en" && (c.en = Object.assign({}, c.en ?? {}, s));
-  const f = U(c, l), d = { ...r };
-  return Object.keys(c).forEach((i) => {
-    d[i] || (d[i] = S(i));
+  !c.en && i === "en" && (c.en = Object.assign({}, c.en ?? {}, s));
+  const f = U(c, i), d = { ...r };
+  return Object.keys(c).forEach((l) => {
+    d[l] || (d[l] = S(l));
   }), H(d), {
     content: e,
     locales: c,
     workingDocument: t,
-    baseTextByKey: c[l] ?? s,
+    baseTextByKey: c[i] ?? s,
     activeLanguage: f,
-    mainLanguage: l,
+    mainLanguage: i,
     languageLabels: d
   };
 }
 async function Xe() {
-  const e = await he();
+  const e = await xe();
   if (!e?.nodes?.length)
     return;
   const t = $(document, location.pathname);
@@ -1151,17 +1161,20 @@ async function Xe() {
 }
 async function Ze() {
   await Xe();
-  const e = ne();
-  if (!Object.keys(e).length)
+  const t = {
+    ...await oe(),
+    ...ne()
+  };
+  if (!Object.keys(t).length)
     return;
-  const t = U(e, C(e));
-  if (!t || t === "en")
+  const a = j(t), o = U(t, a);
+  if (!o || o === a)
     return;
-  const a = $(document, location.pathname), o = e[t];
-  if (!o)
+  const n = $(document, location.pathname), r = t[o];
+  if (!r)
     return;
-  const n = Object.fromEntries(a.nodes.filter((r) => r.type === "text").map((r) => [r.key, r.value]));
-  E(a, o, document, n);
+  const s = Object.fromEntries(n.nodes.filter((i) => i.type === "text").map((i) => [i.key, i.value]));
+  E(n, r, document, s);
 }
 function Qe(e) {
   const t = e.pages.length ? e.pages : ["/"];
@@ -1194,7 +1207,7 @@ function Qe(e) {
     </div>
   `;
   const a = document.getElementById("facms-route-preview"), o = document.getElementById("facms-route-editor"), n = document.getElementById("facms-page-tabs"), r = /* @__PURE__ */ new Map();
-  let s = t[0], l = {};
+  let s = t[0], i = {};
   const c = () => {
     n.innerHTML = t.map(
       (f) => `<button data-page="${f}" class="w-full text-left px-3 py-2 rounded-lg text-sm border ${f === s ? "bg-indigo-600 border-indigo-500 text-white" : "bg-slate-100 border-slate-200 dark:bg-slate-800 dark:border-slate-700 text-slate-700 dark:text-slate-200 hover:bg-slate-200 dark:hover:bg-slate-700"}">${y(f)}</button>`
@@ -1204,7 +1217,7 @@ function Qe(e) {
       });
     });
   };
-  de(u), a.addEventListener("load", async () => {
+  ue(u), a.addEventListener("load", async () => {
     const f = a.contentDocument;
     if (f) {
       P(!0, `Scanning page content for ${s}...`);
@@ -1212,40 +1225,40 @@ function Qe(e) {
         let d = r.get(s);
         if (d) {
           d.workingDocument = f;
-          const i = d.content.nodes.length ? $(f, s) : await Q(f, s);
-          i.nodes.length && !d.content.nodes.length && (d.content = i);
+          const l = d.content.nodes.length ? $(f, s) : await Q(f, s);
+          l.nodes.length && !d.content.nodes.length && (d.content = l);
         } else {
-          const i = await Q(f, s);
-          d = We(i, f, l), r.set(s, d);
+          const l = await Q(f, s);
+          d = We(l, f, i), r.set(s, d);
         }
-        be(d), ae(d.content), L(o, d);
+        me(d), ae(d.content), L(o, d);
       } finally {
         P(!1, "Loading");
       }
     }
-  }), c(), xe().then((f) => {
-    l = f, a.src = s;
+  }), c(), oe().then((f) => {
+    i = f, a.src = s;
   });
 }
 async function ee() {
-  if (ce(), ue(), !await pe())
+  if (de(), fe(), !await ge())
     return;
-  const e = await fe(), t = () => Qe(e);
+  const e = await pe(), t = () => Qe(e);
   if (!D) {
-    ge(t);
+    be(t);
     return;
   }
   t();
 }
 async function et() {
-  const e = await fe(), a = new URLSearchParams(location.search).get("__facms") === "1";
+  const e = await pe(), a = new URLSearchParams(location.search).get("__facms") === "1";
   if (location.pathname !== e.dashboardPath && !a) {
     Ze();
     return;
   }
-  if (ce(), ue(), !!await pe()) {
+  if (de(), fe(), !!await ge()) {
     if (!D) {
-      ge(() => {
+      be(() => {
         ee();
       });
       return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "frontend-auto-cms",
-  "version": "1.0.8",
+  "version": "1.0.10",
   "description": "Turn any frontend into an editable mini-CMS with one import.",
   "type": "module",
   "license": "MIT",