@opengis/cms 0.0.59 → 0.0.60

package/dist/EditCollectionPage-BycuD920.js

@@ -0,0 +1,188 @@
+import { defineAsyncComponent as k, defineComponent as S, inject as q, ref as m, computed as v, onMounted as D, openBlock as p, createElementBlock as h, createVNode as O, createElementVNode as r, createTextVNode as R, toDisplayString as f, unref as A, Fragment as W, renderList as J, normalizeClass as M, createBlock as Y, resolveDynamicComponent as G, createCommentVNode as H } from "vue";
+import { useRoute as K, useRouter as P } from "vue-router";
+import { useI18n as Q } from "vue-i18n";
+import { notify as $ } from "@opengis/core";
+import { _ as X } from "./CollectionsBreadcrumb.vue_vue_type_script_setup_true_lang-BJh-tjam.js";
+const Z = {
+  monaco: k(() => import("./vs-builder-monaco-Cw-f19gc.js")),
+  edit: k(() => import("./vs-builder-edit-D-q1o8tF.js")),
+  preview: k(() => import("./vs-builder-preview-BH4VAM3a.js"))
+}, ee = { class: "mx-auto max-w-[90%]" }, te = { class: "flex items-center justify-between mb-6" }, oe = { class: "mb-2 text-2xl font-semibold text-gray-900" }, ne = { class: "lowercase" }, se = { class: "text-gray-600" }, ie = { class: "flex items-center gap-2" }, ae = { class: "w-full" }, re = { class: "flex items-center w-full h-10 max-w-md grid-cols-3 p-1 mb-6 bg-white border border-gray-200 rounded-md text-muted-foreground" }, le = ["onClick"], ce = {
+  key: 0,
+  class: "mx-auto bg-white rounded-md py-4 px-2 bg-opacity-50"
+}, ge = /* @__PURE__ */ S({
+  __name: "EditCollectionPage",
+  setup(ue) {
+    const { t: s } = Q(), j = q("cms.fetchContentTypes"), g = m("edit"), n = m({ yaml: "", data: { columns: [], type: "collection" } }), w = m({}), x = m(""), l = K(), b = P(), I = m(!1), _ = m(!0), C = m(""), F = v(() => [
+      // {
+      //   name: "YAML",
+      //   id: "monaco",
+      // },
+      {
+        name: s("cms.builder.edit"),
+        id: "edit"
+      },
+      {
+        name: s("cms.builder.preview"),
+        id: "preview"
+      }
+    ]), c = v(() => {
+      if (typeof l.params.collection == "string" && typeof l.params.contentId == "string")
+        return l.params.collection;
+      const e = l.params.id;
+      return e === "edit" ? l.params.collection : e;
+    }), y = v(() => typeof l.params.contentId == "string" ? l.params.contentId : null), L = v(() => {
+      if (c.value && y.value)
+        return `/collections/${c.value}/${y.value}`;
+      const e = l.query.from;
+      return typeof e == "string" && e.startsWith("/") ? e : null;
+    }), N = v(() => {
+      if (C.value)
+        return C.value;
+      const e = l.query.fromLabel;
+      return typeof e == "string" && e.trim() ? e.trim() : null;
+    }), B = v(() => {
+      var t, i, u, a, d, T;
+      const e = x.value || c.value, o = [
+        {
+          label: ((i = (t = n.value) == null ? void 0 : t.data) == null ? void 0 : i.type) == "single" ? s("cms.navigation.singletons") : e,
+          route: `collections/${((a = (u = n.value) == null ? void 0 : u.data) == null ? void 0 : a.type) == "single" ? "pages" : c.value}`
+        },
+        {
+          label: (((T = (d = n.value) == null ? void 0 : d.data) == null ? void 0 : T.type) == "single" ? e + " - " : "") + s("cms.collections.edit")
+        }
+      ].filter((E) => E);
+      return L.value && N.value && o.splice(1, 0, {
+        label: N.value,
+        route: L.value
+      }), o;
+    }), U = (e) => {
+      if (e) {
+        if (e.startsWith("/")) {
+          b.push(e);
+          return;
+        }
+        b.push(`/${e}`);
+      }
+    }, V = async () => {
+      var e;
+      try {
+        if (_.value = !0, !c.value)
+          return;
+        if (y.value) {
+          const u = await fetch(
+            `/api/cms/${c.value}/${y.value}`
+          );
+          if (u.ok) {
+            const a = await u.json(), d = Array.isArray(a == null ? void 0 : a.rows) ? a.rows[0] : a;
+            d != null && d.title && (C.value = d.title);
+          }
+        }
+        const t = await (await fetch(`/api/cms-type/${c.value}`)).json(), i = {
+          ...t,
+          columns: Array.isArray(t.columns) ? t.columns : (e = Object.entries((t == null ? void 0 : t.columns) || {})) == null ? void 0 : e.map(([u, a]) => ({
+            ...a,
+            name: u
+          }))
+        };
+        n.value = {
+          ...n.value,
+          data: i
+        }, x.value = i.title || i.name;
+      } catch (o) {
+        console.error(o);
+      } finally {
+        _.value = !1, I.value = !0;
+      }
+    }, z = async () => {
+      var e, o;
+      try {
+        if (await w.value.validate()) {
+          $({
+            type: "warning",
+            title: s("cms.common.actions.warning"),
+            message: s("cms.builder.editFieldFailed")
+          });
+          return;
+        }
+        const i = c.value;
+        if (!i)
+          return;
+        const u = await fetch(
+          `/api/cms-type/${i}`,
+          {
+            method: "PUT",
+            headers: {
+              "Content-Type": "application/json"
+            },
+            body: JSON.stringify(g.value === "monaco" ? (e = n.value) == null ? void 0 : e.yaml : (o = n.value) == null ? void 0 : o.data)
+          }
+        );
+        b.back(), j && j(), $({
+          type: "success",
+          title: s("cms.common.actions.success"),
+          message: s("cms.collections.collectionCreated")
+        });
+      } catch (t) {
+        console.error(t), $({
+          type: "error",
+          title: s("cms.common.actions.error"),
+          message: s("cms.collections.collectionCreationFailed")
+        });
+      }
+    };
+    return D(() => {
+      V();
+    }), (e, o) => (p(), h("div", ee, [
+      O(X, {
+        items: B.value,
+        loading: _.value,
+        onNavigate: U
+      }, null, 8, ["items", "loading"]),
+      r("div", te, [
+        r("div", null, [
+          r("h1", oe, [
+            R(f(e.$t("cms.builder.editCollection")) + ": ", 1),
+            r("span", ne, ' "' + f(x.value) + '" ', 1)
+          ]),
+          r("p", se, f(e.$t("cms.builder.editContentForYourSite")), 1)
+        ]),
+        r("div", ie, [
+          r("a", {
+            onClick: o[0] || (o[0] = (t) => A(b).back()),
+            class: "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 border bg-background hover:text-accent-foreground h-10 px-4 py-2 border-gray-300 text-gray-700 hover:bg-gray-50"
+          }, f(e.$t("cms.common.actions.back")), 1),
+          r("button", {
+            onClick: z,
+            class: "inline-flex items-center justify-center gap-2 whitespace-nowrap text-white rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 text-primary-foreground h-10 px-4 py-2 bg-blue-600 hover:bg-blue-700"
+          }, f(e.$t("cms.common.actions.save")), 1)
+        ])
+      ]),
+      r("div", ae, [
+        r("div", re, [
+          (p(!0), h(W, null, J(F.value, (t) => (p(), h("button", {
+            key: t.id,
+            onClick: (i) => g.value = t.id,
+            class: M([
+              "inline-flex flex-1 items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm data-[state=active]:bg-blue-50 data-[state=active]:text-blue-700 data-[state=active]:border-blue-200",
+              t.id === g.value ? "bg-blue-50 text-blue-700 border-blue-200" : ""
+            ])
+          }, f(t.name), 11, le))), 128))
+        ])
+      ]),
+      I.value ? (p(), h("div", ce, [
+        (p(), Y(G(A(Z)[g.value]), {
+          yaml: n.value.yaml,
+          "onUpdate:yaml": o[1] || (o[1] = (t) => n.value.yaml = t),
+          data: n.value.data,
+          "onUpdate:data": o[2] || (o[2] = (t) => n.value.data = t),
+          form: w.value,
+          "onUpdate:form": o[3] || (o[3] = (t) => w.value = t)
+        }, null, 40, ["yaml", "data", "form"]))
+      ])) : H("", !0)
+    ]));
+  }
+});
+export {
+  ge as default
+};

package/dist/{contentForm-Buku-lel.js → contentForm-yMn63kza.js}

@@ -4,7 +4,7 @@ import { ArrowLeft as Je, HelpCircle as He, Settings as Ke, Save as qe, Loader2
 import { useI18n as Qe } from "vue-i18n";
 import { g as We } from "./getField-CpwVE28P.js";
 import { inputs as x, VForm as ue } from "@opengis/form";
-import { notify as F } from "@opengis/core";
+import { notify as P } from "@opengis/core";
 const Xe = [
   {
     key: "title",
@@ -69,13 +69,13 @@ const Xe = [
       () => import("./CollectionsBreadcrumb-HePNJb-d.js")
     );
     x["vs-input-custom-datatable"] = fe, x["vs-input-reference"] = de, x["vs-input-texteditor"] = me, x["vs-input-mediaselect"] = E, x["vs-input-file"] = E, x["vs-input-image"] = E, x["vs-input-richtext-md"] = pe, x["vs-input-integer"] = ve, x["vs-input-relation-link"] = ye;
-    const { t: c, locale: G } = Qe(), V = Ue(), d = Oe(), Q = le("cms.menu", null) || le("menu", p([])), _ = p([]), D = p({}), W = p({}), I = p({}), N = p(""), M = p(!0), R = Be(), U = R == null ? void 0 : R.appContext, we = (U == null ? void 0 : U.config.globalProperties) || {}, X = Ee(we, "$settings"), P = m(() => {
+    const { t: r, locale: G } = Qe(), V = Ue(), d = Oe(), Q = le("cms.menu", null) || le("menu", p([])), _ = p([]), D = p({}), W = p({}), I = p({}), N = p(""), M = p(!0), R = Be(), U = R == null ? void 0 : R.appContext, we = (U == null ? void 0 : U.config.globalProperties) || {}, X = Ee(we, "$settings"), B = m(() => {
       var e;
       return ((e = X.value) == null ? void 0 : e.cms) || {};
-    }), ke = m(() => Array.isArray(P.value.locales) ? P.value.locales : []), O = m(
+    }), ke = m(() => Array.isArray(B.value.locales) ? B.value.locales : []), O = m(
       () => ke.value.filter(Boolean)
     ), Y = m(
-      () => P.value.locale || O.value[0] || "uk"
+      () => B.value.locale || O.value[0] || "uk"
     );
     De(
       X,
@@ -114,14 +114,14 @@ const Xe = [
       return Xe.flatMap((t) => {
         const o = {
           ...t,
-          label: c(t.label)
+          label: r(t.label)
         };
         if (!t.localization || e.length === 0)
           return [o];
         const a = e.map((n) => ({
           ...t,
           key: `${t.key}:${n}`,
-          label: `${c(t.label)} (${n})`,
+          label: `${r(t.label)} (${n})`,
           localization: !1
         }));
         return [o, ...a];
@@ -129,21 +129,21 @@ const Xe = [
     }), g = p({}), i = p({
       title: "",
       status: "draft"
-    }), J = p(null), L = p(""), B = m(
+    }), J = p(null), L = p(""), F = m(
       () => {
         var e;
         return (((e = i.value) == null ? void 0 : e.type) || J.value) === "single";
       }
     ), Te = m(() => {
       const e = [
-        { id: "content", name: c("cms.builder.content") },
-        { id: "seo", name: c("cms.builder.seo") },
-        { id: "tags", name: c("cms.builder.tags") }
+        { id: "content", name: r("cms.builder.content") },
+        { id: "seo", name: r("cms.builder.seo") },
+        { id: "tags", name: r("cms.builder.tags") }
       ];
-      return N.value && e.push({ id: "preview", name: c("cms.builder.preview") }), e;
+      return N.value && e.push({ id: "preview", name: r("cms.builder.preview") }), e;
     }), A = p("content"), ee = m(() => {
-      var s, r, l, k, f, b, y, T, oe;
-      const e = ((s = d.params) == null ? void 0 : s.collection) || ((r = d.params) == null ? void 0 : r.id), t = (l = i.value) == null ? void 0 : l.content_type_id, o = t ? (f = (k = Q.value) == null ? void 0 : k.find((K) => K.id === t)) == null ? void 0 : f.title : null;
+      var s, c, l, k, f, b, y, T, oe;
+      const e = ((s = d.params) == null ? void 0 : s.collection) || ((c = d.params) == null ? void 0 : c.id), t = (l = i.value) == null ? void 0 : l.content_type_id, o = t ? (f = (k = Q.value) == null ? void 0 : k.find((K) => K.id === t)) == null ? void 0 : f.title : null;
       if (o)
         return o;
       if (L.value)
@@ -154,24 +154,24 @@ const Xe = [
       if (a)
         return a;
       const n = (T = d.params) == null ? void 0 : T.id;
-      return B.value && n && e === n && ((oe = i.value) != null && oe.title) ? i.value.title : e === "pages" ? c("cms.articles.title") : e;
+      return F.value && n && e === n && ((oe = i.value) != null && oe.title) ? i.value.title : e === "pages" ? r("cms.articles.title") : e;
     }), Se = m(() => {
       var t, o;
-      const e = B.value ? "cms.builder.editPage" : "cms.builder.editCollection";
-      return ((t = i.value) == null ? void 0 : t.title) || ((o = d.params) != null && o.id ? c(e) : c("cms.articles.createArticle"));
+      const e = F.value ? "cms.builder.editPage" : "cms.builder.editCollection";
+      return ((t = i.value) == null ? void 0 : t.title) || ((o = d.params) != null && o.id ? r(e) : r("cms.articles.createArticle"));
     }), Ve = m(() => {
-      var s, r, l;
-      const e = ((s = d.params) == null ? void 0 : s.collection) || ((r = d.params) == null ? void 0 : r.id), t = (l = d.params) == null ? void 0 : l.id, o = Se.value, a = o === ee.value, n = [
+      var s, c, l;
+      const e = ((s = d.params) == null ? void 0 : s.collection) || ((c = d.params) == null ? void 0 : c.id), t = (l = d.params) == null ? void 0 : l.id, o = Se.value, a = o === ee.value, n = [
         {
-          label: ee.value,
+          label: F ? r("cms.navigation.singletons") : ee.value,
           route: `collections/${e}`
         }
       ];
       return t ? n.push({
-        label: a ? c("cms.collections.edit") : o,
+        label: a ? r("cms.collections.edit") : o,
         route: `collections/${e}/${t}`
       }) : n.push({
-        label: c("cms.articles.createArticle"),
+        label: r("cms.articles.createArticle"),
         route: `collections/${e}/create`
       }), n;
     }), Ae = (e) => {
@@ -186,9 +186,9 @@ const Xe = [
           throw new Error("Failed to fetch article");
         const s = await n.json();
         if (_.value = (s == null ? void 0 : s.columns) || [], s != null && s.preview_path && (N.value = s == null ? void 0 : s.preview_path), J.value = (s == null ? void 0 : s.type) || null, s.rows) {
-          let r = s.rows;
-          Array.isArray(r) || (r = [r]), i.value = r[0];
-          const l = ((o = r[0]) == null ? void 0 : o.content_type_id) || e;
+          let c = s.rows;
+          Array.isArray(c) || (c = [c]), i.value = c[0];
+          const l = ((o = c[0]) == null ? void 0 : o.content_type_id) || e;
           if (l) {
             const k = await fetch(`/api/cms-type/${l}`);
             if (k.ok) {
@@ -196,7 +196,7 @@ const Xe = [
               L.value = (f == null ? void 0 : f.title) || (f == null ? void 0 : f.name) || L.value;
             }
           }
-          await ce(), (a = r[0]) != null && a.meta ? g.value = { ...r[0].meta } : g.value = {
+          await ce(), (a = c[0]) != null && a.meta ? g.value = { ...c[0].meta } : g.value = {
             title: "",
             description: "",
             keywords: "",
@@ -249,12 +249,12 @@ const Xe = [
       const e = (t = i.value) == null ? void 0 : t.content_type_id;
       return e ? `/collections/${e}/edit` : null;
     }), ze = () => {
-      var o, a, n;
+      var o, a, n, s;
       if (!H.value)
         return;
       const e = ((o = d.params) == null ? void 0 : o.collection) || ((a = d.params) == null ? void 0 : a.id), t = (n = d.params) == null ? void 0 : n.id;
       if (e && t) {
-        V.push(`/collections/${e}/${t}/edit`);
+        V.push(`/collections/${(s = i.value) == null ? void 0 : s.content_type_id}/edit`);
         return;
       }
       V.push(H.value);
@@ -265,24 +265,24 @@ const Xe = [
       try {
         (await fetch(
           `/api/cms-translate?id=${t}&collection=${e}&to=en&nocache=1`
-        )).ok ? (F({
-          title: c("cms.collections.translateContentSuccess"),
-          message: c("cms.collections.translateContentSuccess"),
+        )).ok ? (P({
+          title: r("cms.collections.translateContentSuccess"),
+          message: r("cms.collections.translateContentSuccess"),
           type: "success"
-        }), await te(e, t)) : F({
-          title: c("cms.collections.translateContentError"),
-          message: c("cms.collections.translateContentError"),
+        }), await te(e, t)) : P({
+          title: r("cms.collections.translateContentError"),
+          message: r("cms.collections.translateContentError"),
           type: "error"
         });
       } finally {
         z.value = !1;
       }
     }, Fe = async (e) => {
-      var r, l, k, f;
-      const t = (r = d.params) == null ? void 0 : r.collection, o = (l = d.params) == null ? void 0 : l.id, a = await D.value.validate();
+      var c, l, k, f;
+      const t = (c = d.params) == null ? void 0 : c.collection, o = (l = d.params) == null ? void 0 : l.id, a = await D.value.validate();
       if (a) {
-        F({
-          title: c("cms.validation"),
+        P({
+          title: r("cms.validation"),
           message: JSON.stringify(a),
           type: "warning"
         });
@@ -322,21 +322,21 @@ const Xe = [
           } catch (y) {
             console.warn("Could not parse response to get ID:", y);
           }
-        F({
-          title: c("cms.common.success"),
-          message: c("cms.common.successMessage"),
+        P({
+          title: r("cms.common.success"),
+          message: r("cms.common.successMessage"),
           type: "success"
         });
       } catch (b) {
-        console.error("Submit error:", b), F({
-          title: c("cms.common.error"),
+        console.error("Submit error:", b), P({
+          title: r("cms.common.error"),
           message: "Помилка збереження",
           type: "error"
         });
       }
     };
     return (e, t) => {
-      var o, a, n, s, r;
+      var o, a, n, s, c;
       return w(), $("div", Ye, [
         u("div", Ze, [
           C(v(he), {
@@ -353,7 +353,7 @@ const Xe = [
                 C(v(Je), { class: "w-5 h-5" })
               ]),
               u("h1", st, j(e.$t(
-                B.value ? "cms.builder.editPage" : "cms.builder.editCollection"
+                F.value ? "cms.builder.editPage" : "cms.builder.editCollection"
               )) + ' "' + j(i.value.title) + '" ', 1),
               u("a", {
                 href: `https://cms.opengis.info/${v(G)}/guides/content/`,
@@ -364,7 +364,7 @@ const Xe = [
               ], 8, ot)
             ]),
             u("div", lt, [
-              H.value && B.value ? (w(), $("button", {
+              H.value && F.value ? (w(), $("button", {
                 key: 0,
                 onClick: ze,
                 type: "button",
@@ -389,7 +389,7 @@ const Xe = [
               (w(!0), $(Ne, null, Me(Te.value, (l) => (w(), $("button", {
                 key: l.id,
                 onClick: (k) => {
-                  A.value = l.id, console.log("cmsSettings:", P.value.value);
+                  A.value = l.id, console.log("cmsSettings:", B.value.value);
                 },
                 class: ne([
                   "inline-flex flex-1 items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm data-[state=active]:bg-blue-50 data-[state=active]:text-blue-700 data-[state=active]:border-blue-200",
@@ -476,7 +476,7 @@ const Xe = [
         ])) : S("", !0),
         A.value === "preview" ? (w(), $("div", bt, [
           C(v(be), {
-            slug: (r = i.value) == null ? void 0 : r.slug,
+            slug: (c = i.value) == null ? void 0 : c.slug,
             preview_path: N.value
           }, null, 8, ["slug", "preview_path"])
         ])) : S("", !0)

package/dist/index.js

@@ -3,7 +3,7 @@ import { useRoute as $, routeLocationKey as K } from "vue-router";
 const O = "menu", B = (s, c, a) => {
   const o = s == null ? void 0 : s.trim(), l = a == null ? void 0 : a.trim();
   return o ? o === O ? c ? c === "create" ? { type: "createMenu", collection: o } : { type: "editMenu", collection: o, id: c } : { type: "menu", collection: o } : l === "edit" && c ? { type: "editCollection", collection: o, id: c } : c === "edit" ? { type: "editCollection", collection: o } : c ? c === "create" ? { type: "createArticle", collection: o } : { type: "editArticle", collection: o, id: c } : { type: "articles", collection: o } : { type: "collections" };
-}, R = u(() => import("./CollectionsPage-DHfPNql6.js")), L = u(() => import("./ArticlesPage-BjYzvTWM.js")), C = u(() => import("./contentForm-Buku-lel.js")), N = u(() => import("./EditCollectionPage-CqYHpEON.js")), W = u(
+}, R = u(() => import("./CollectionsPage-DHfPNql6.js")), L = u(() => import("./ArticlesPage-BjYzvTWM.js")), C = u(() => import("./contentForm-yMn63kza.js")), N = u(() => import("./EditCollectionPage-BycuD920.js")), W = u(
   () => import("./MenuPage-3W6jZ15H.js")
 ), j = u(
   () => import("./MenuItemPage-B7Y9KFyb.js")

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengis/cms",
-  "version": "0.0.59",
+  "version": "0.0.60",
   "description": "cms",
   "type": "module",
   "author": "Softpro",

package/server/routes/cms/utils/insertContentLocalization.js

@@ -41,7 +41,7 @@ export default async function insertContentLocalization({ send = () => { }, tabl
     const obj = { ...row, ...localization };
 
     const entries = Object.entries(obj).filter(([key, value]) => value && schemaKeys.includes(key) && (typeof value === 'string' || (Array.isArray(value) && value?.[0] && typeof value?.[0] === 'object' && Object.keys(value).length)));
-    // do not old localization overwrite by default
+    // do not overwrite old localization by default
     const filteredEntries = skip && targetLocalization ? entries.filter(([key]) => !Object.keys(targetLocalization).includes(key)) : entries;
 
     if (skip && targetLocalization && !filteredEntries.length) {

package/server/routes/cms/utils/requestTranslation.js

@@ -5,17 +5,26 @@ const { host = 'https://translate.softpro.ua', key = '' } = config.integrations?
 const divider = ' <divider> ';
 
 // Wrap dot notation keys in quotes
-export const arrayToPhrases = (arr, prefix = 'item') => {
+export const arrayToPhrases = (arr, prefix = 'item', mainIdx = null) => {
     if (!arr || !arr.length) return [];
-    return arr.flatMap((obj, idx) =>
-        Object.entries(obj).map(([key, value]) => ({
-            prefix,
-            value,
-            // phrase: `"${prefix}"."${key}".${idx}: ${value}`,
-            key,
-            idx
-        }))
-    );
+
+    return arr.flatMap((obj, idx) => {
+        const currentMainIdx = mainIdx ?? idx;
+
+        return Object.entries(obj).flatMap(([key, value]) => {
+            if (Array.isArray(value)) {
+                return arrayToPhrases(value, `${prefix}.${key}`, currentMainIdx);
+            }
+
+            return [{
+                prefix,
+                value,
+                key,
+                mainIdx: currentMainIdx,
+                idx,
+            }];
+        });
+    });
 };
 
 export default async function requestTranslation(entries, from = 'uk', to) {
@@ -26,13 +35,13 @@ export default async function requestTranslation(entries, from = 'uk', to) {
 
     // Translate each phrase independently
     const translatedPhrases = await Promise.all(
-        phrasesWithMeta.map(async ({ key, idx, prefix, value }) => {
+        phrasesWithMeta.map(async ({ key, idx, prefix, value, mainIdx }) => {
             if (!value || typeof value === 'number' || value?.startsWith?.('/files/')) {
-                return { key, idx, prefix, value, skip: true }; // fallback to original
+                return { key, idx, mainIdx, prefix, value, skip: true }; // fallback to original
             }
 
             try {
-                const parts = value.startsWith('<') && value.endsWith('>')
+                const parts = typeof value === 'string' && value.startsWith('<') && value.endsWith('>')
                     ? [...value.matchAll(/(<[^>]+>)([^<]*)(<\/[^>]+>)/g)].map(([, openTag, str, closeTag]) => ({ openTag, str, closeTag }))
                     : [{ str: value }];
 
@@ -58,19 +67,38 @@ export default async function requestTranslation(entries, from = 'uk', to) {
 
                 const body = await resp.json();
                 const resultValue = body.translatedText ? parts.map(({ openTag, str, closeTag }, i) => `${openTag || ''}${body.translatedText.split(divider)[i] || str || ''}${closeTag || ''}`).join(' ') : null;
-                return { key, idx, prefix, value: resultValue || value };
+                return { key, idx, mainIdx, prefix, value: resultValue || value };
             } catch (err) {
                 console.warn('translation request failed', err.toString());
-                return { key, idx, prefix, value, error: err.toString() }; // fallback
+                return { key, idx, mainIdx, prefix, value, error: err.toString() }; // fallback
             }
         })
     );
 
-    const result = translatedPhrases.reduce((acc, { key, idx, prefix, value }) => {
-        if (!acc[`${prefix}:${to}`]) acc[`${prefix}:${to}`] = Array.isArray(entries.find(e => e[0] === prefix)[1]) ? [] : null;
+    const result = translatedPhrases.reduce((acc, curr) => {
+        const { key, idx, prefix: prefix1, value, mainIdx } = curr;
+        const [prefix, subkey] = prefix1.split('.');
 
-        if (Array.isArray(entries.find(e => e[0] === prefix)[1])) {
-            if (!acc[`${prefix}:${to}`][idx]) acc[`${prefix}:${to}`][idx] = {};
+        if (!acc[`${prefix}:${to}`]) {
+            acc[`${prefix}:${to}`] = Array.isArray(entries.find(e => e[0] === prefix)[1]) ? [] : null;
+        }
+
+        if (subkey && Array.isArray(entries.find(e => e[0] === prefix)[1])) {
+            if (!acc[`${prefix}:${to}`][mainIdx]) {
+                acc[`${prefix}:${to}`][mainIdx] = {};
+            }
+            if (!acc[`${prefix}:${to}`][mainIdx][subkey]) {
+                acc[`${prefix}:${to}`][mainIdx][subkey] = [];
+            }
+            if (!acc[`${prefix}:${to}`][mainIdx][subkey]?.[idx]) {
+                acc[`${prefix}:${to}`][mainIdx][subkey][idx] = {};
+            }
+            acc[`${prefix}:${to}`][mainIdx][subkey][idx][key] = value;
+            // console.log(prefix, to, idx, subkey, mainIdx, key);
+        } else if (Array.isArray(entries.find(e => e[0] === prefix)[1])) {
+            if (!acc[`${prefix}:${to}`][idx]) {
+                acc[`${prefix}:${to}`][idx] = {};
+            }
             acc[`${prefix}:${to}`][idx][key] = value;
         } else {
             acc[`${prefix}:${to}`] = value;

package/dist/EditCollectionPage-CqYHpEON.js

@@ -1,187 +0,0 @@
-import { defineAsyncComponent as k, defineComponent as z, inject as E, ref as u, computed as m, onMounted as S, openBlock as v, createElementBlock as h, createVNode as q, createElementVNode as n, createTextVNode as D, toDisplayString as d, unref as T, Fragment as O, renderList as R, normalizeClass as W, createBlock as J, resolveDynamicComponent as M, createCommentVNode as Y } from "vue";
-import { useRoute as G, useRouter as H } from "vue-router";
-import { useI18n as K } from "vue-i18n";
-import { notify as $ } from "@opengis/core";
-import { _ as P } from "./CollectionsBreadcrumb.vue_vue_type_script_setup_true_lang-BJh-tjam.js";
-const Q = {
-  monaco: k(() => import("./vs-builder-monaco-Cw-f19gc.js")),
-  edit: k(() => import("./vs-builder-edit-D-q1o8tF.js")),
-  preview: k(() => import("./vs-builder-preview-BH4VAM3a.js"))
-}, X = { class: "mx-auto max-w-[90%]" }, Z = { class: "flex items-center justify-between mb-6" }, ee = { class: "mb-2 text-2xl font-semibold text-gray-900" }, te = { class: "lowercase" }, oe = { class: "text-gray-600" }, ne = { class: "flex items-center gap-2" }, se = { class: "w-full" }, ie = { class: "flex items-center w-full h-10 max-w-md grid-cols-3 p-1 mb-6 bg-white border border-gray-200 rounded-md text-muted-foreground" }, re = ["onClick"], ae = {
-  key: 0,
-  class: "mx-auto bg-white rounded-md py-4 px-2 bg-opacity-50"
-}, ve = /* @__PURE__ */ z({
-  __name: "EditCollectionPage",
-  setup(le) {
-    const { t: s } = K(), j = E("cms.fetchContentTypes"), p = u("edit"), r = u({ yaml: "", data: { columns: [], type: "collection" } }), w = u({}), x = u(""), i = G(), b = H(), I = u(!1), _ = u(!0), C = u(""), A = m(() => [
-      // {
-      //   name: "YAML",
-      //   id: "monaco",
-      // },
-      {
-        name: s("cms.builder.edit"),
-        id: "edit"
-      },
-      {
-        name: s("cms.builder.preview"),
-        id: "preview"
-      }
-    ]), a = m(() => {
-      if (typeof i.params.collection == "string" && typeof i.params.contentId == "string")
-        return i.params.collection;
-      const e = i.params.id;
-      return e === "edit" ? i.params.collection : e;
-    }), g = m(() => typeof i.params.contentId == "string" ? i.params.contentId : null), L = m(() => {
-      if (a.value && g.value)
-        return `/collections/${a.value}/${g.value}`;
-      const e = i.query.from;
-      return typeof e == "string" && e.startsWith("/") ? e : null;
-    }), N = m(() => {
-      if (C.value)
-        return C.value;
-      const e = i.query.fromLabel;
-      return typeof e == "string" && e.trim() ? e.trim() : null;
-    }), F = m(() => {
-      const o = [
-        {
-          label: x.value || a.value,
-          route: `collections/${a.value}`
-        },
-        {
-          label: s("cms.collections.edit")
-        }
-      ];
-      return L.value && N.value && o.splice(1, 0, {
-        label: N.value,
-        route: L.value
-      }), o;
-    }), B = (e) => {
-      if (e) {
-        if (e.startsWith("/")) {
-          b.push(e);
-          return;
-        }
-        b.push(`/${e}`);
-      }
-    }, U = async () => {
-      var e;
-      try {
-        if (_.value = !0, !a.value)
-          return;
-        if (g.value) {
-          const f = await fetch(
-            `/api/cms/${a.value}/${g.value}`
-          );
-          if (f.ok) {
-            const c = await f.json(), y = Array.isArray(c == null ? void 0 : c.rows) ? c.rows[0] : c;
-            y != null && y.title && (C.value = y.title);
-          }
-        }
-        const t = await (await fetch(`/api/cms-type/${a.value}`)).json(), l = {
-          ...t,
-          columns: Array.isArray(t.columns) ? t.columns : (e = Object.entries((t == null ? void 0 : t.columns) || {})) == null ? void 0 : e.map(([f, c]) => ({
-            ...c,
-            name: f
-          }))
-        };
-        r.value = {
-          ...r.value,
-          data: l
-        }, x.value = l.title || l.name;
-      } catch (o) {
-        console.error(o);
-      } finally {
-        _.value = !1, I.value = !0;
-      }
-    }, V = async () => {
-      var e, o;
-      try {
-        if (await w.value.validate()) {
-          $({
-            type: "warning",
-            title: s("cms.common.actions.warning"),
-            message: s("cms.builder.editFieldFailed")
-          });
-          return;
-        }
-        const l = a.value;
-        if (!l)
-          return;
-        const f = await fetch(
-          `/api/cms-type/${l}`,
-          {
-            method: "PUT",
-            headers: {
-              "Content-Type": "application/json"
-            },
-            body: JSON.stringify(p.value === "monaco" ? (e = r.value) == null ? void 0 : e.yaml : (o = r.value) == null ? void 0 : o.data)
-          }
-        );
-        b.back(), j && j(), $({
-          type: "success",
-          title: s("cms.common.actions.success"),
-          message: s("cms.collections.collectionCreated")
-        });
-      } catch (t) {
-        console.error(t), $({
-          type: "error",
-          title: s("cms.common.actions.error"),
-          message: s("cms.collections.collectionCreationFailed")
-        });
-      }
-    };
-    return S(() => {
-      U();
-    }), (e, o) => (v(), h("div", X, [
-      q(P, {
-        items: F.value,
-        loading: _.value,
-        onNavigate: B
-      }, null, 8, ["items", "loading"]),
-      n("div", Z, [
-        n("div", null, [
-          n("h1", ee, [
-            D(d(e.$t("cms.builder.editCollection")) + ": ", 1),
-            n("span", te, ' "' + d(x.value) + '" ', 1)
-          ]),
-          n("p", oe, d(e.$t("cms.builder.editContentForYourSite")), 1)
-        ]),
-        n("div", ne, [
-          n("a", {
-            onClick: o[0] || (o[0] = (t) => T(b).back()),
-            class: "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 border bg-background hover:text-accent-foreground h-10 px-4 py-2 border-gray-300 text-gray-700 hover:bg-gray-50"
-          }, d(e.$t("cms.common.actions.back")), 1),
-          n("button", {
-            onClick: V,
-            class: "inline-flex items-center justify-center gap-2 whitespace-nowrap text-white rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 text-primary-foreground h-10 px-4 py-2 bg-blue-600 hover:bg-blue-700"
-          }, d(e.$t("cms.common.actions.save")), 1)
-        ])
-      ]),
-      n("div", se, [
-        n("div", ie, [
-          (v(!0), h(O, null, R(A.value, (t) => (v(), h("button", {
-            key: t.id,
-            onClick: (l) => p.value = t.id,
-            class: W([
-              "inline-flex flex-1 items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm data-[state=active]:bg-blue-50 data-[state=active]:text-blue-700 data-[state=active]:border-blue-200",
-              t.id === p.value ? "bg-blue-50 text-blue-700 border-blue-200" : ""
-            ])
-          }, d(t.name), 11, re))), 128))
-        ])
-      ]),
-      I.value ? (v(), h("div", ae, [
-        (v(), J(M(T(Q)[p.value]), {
-          yaml: r.value.yaml,
-          "onUpdate:yaml": o[1] || (o[1] = (t) => r.value.yaml = t),
-          data: r.value.data,
-          "onUpdate:data": o[2] || (o[2] = (t) => r.value.data = t),
-          form: w.value,
-          "onUpdate:form": o[3] || (o[3] = (t) => w.value = t)
-        }, null, 40, ["yaml", "data", "form"]))
-      ])) : Y("", !0)
-    ]));
-  }
-});
-export {
-  ve as default
-};

package/dist/index.html

@@ -1,29 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>CMS</title>
-    <link rel="icon" type="image/png" href="/images/logo.png" />
-    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css">
-    <link rel="stylesheet" href="/css/style.css">
-</head>
-<body>
-    <div id="app">
-        <div class="container">
-            <div class="row">
-                <div class="col-md-12">
-                    <h1 class="text-center">CMS</h1>
-                </div>
-            </div>
-        </div>
-    </div>
-    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.3/dist/umd/popper.min.js"></script>
-    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
-    <script src="/js/app.js"></script>
-</body>
-</html>

package/dist/vite.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>