@opengis/cms 0.0.57 → 0.0.58

package/dist/EditCollectionPage-DIr1tdtn.js

@@ -0,0 +1,187 @@
+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-umRzB5mY.js";
+const Q = {
+  monaco: k(() => import("./vs-builder-monaco-B3Jj0V31.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/{EmptyData-DaZt_nAm.js → EmptyData-DxPrSXhV.js}

@@ -68,5 +68,5 @@ const d = { class: "rounded-xl text-card-foreground shadow-lg bg-white dark:bg-s
   }
 };
 export {
-  b as _
+  b as default
 };

package/dist/{MenuAddPage-Bf48Z-ah.js → MenuAddPage-D-p3gFgm.js}

@@ -1,17 +1,19 @@
-import { defineComponent as g, ref as m, openBlock as h, createElementBlock as v, createElementVNode as t, unref as a, createVNode as l, toDisplayString as d, createTextVNode as y } from "vue";
-import { useRouter as x, useRoute as b } from "vue-router";
-import { _ as w } from "./MonacoEditor.vue_vue_type_script_setup_true_lang-B1DrxmQX.js";
-import { ArrowLeft as k, Save as _ } from "lucide-vue-next";
-import { useI18n as V } from "vue-i18n";
-import { notify as c } from "@opengis/core";
-import { inputs as q, VForm as S } from "@opengis/form";
-const C = { class: "space-y-6 max-w-7xl mx-auto" }, M = { class: "flex items-center justify-between" }, N = { class: "flex items-center gap-4" }, $ = { class: "text-2xl font-semibold text-gray-900 dark:text-white" }, j = { class: "flex items-center space-x-3" }, A = { class: "max-w-[1000px]" }, D = /* @__PURE__ */ g({
+import { defineComponent as g, defineAsyncComponent as v, ref as m, openBlock as y, createElementBlock as x, createElementVNode as o, unref as a, createVNode as c, toDisplayString as d, createTextVNode as w } from "vue";
+import { useRouter as b, useRoute as k } from "vue-router";
+import { ArrowLeft as _, Save as V } from "lucide-vue-next";
+import { useI18n as q } from "vue-i18n";
+import { notify as l } from "@opengis/core";
+import { inputs as C, VForm as E } from "@opengis/form";
+const M = { class: "space-y-6 max-w-7xl mx-auto" }, S = { class: "flex items-center justify-between" }, A = { class: "flex items-center gap-4" }, N = { class: "text-2xl font-semibold text-gray-900 dark:text-white" }, $ = { class: "flex items-center space-x-3" }, j = { class: "max-w-[1000px]" }, D = /* @__PURE__ */ g({
   __name: "MenuAddPage",
-  setup(E) {
-    q["vs-input-monaco-editor"] = w;
-    const { t: e } = V(), u = x();
-    b();
-    const p = m([
+  setup(F) {
+    const p = v(
+      () => import("./MonacoEditor-Db-3Jc3E.js")
+    );
+    C["vs-input-monaco-editor"] = p;
+    const { t: e } = q(), u = b();
+    k();
+    const f = m([
       {
         key: "name",
         title: e("cms.menu.form.name"),
@@ -48,63 +50,66 @@ const C = { class: "space-y-6 max-w-7xl mx-auto" }, M = { class: "flex items-cen
         language: "yaml",
         theme: "vs-light"
       }
-    ]), r = m({}), i = m({}), f = async () => {
+    ]), r = m({}), i = m({}), h = async () => {
       try {
         if (await i.value.validate()) {
-          c({
+          l({
             type: "warning",
             title: e("cms.common.actions.warning"),
             message: e("cms.menu.createMenuFailed")
           });
           return;
         }
-        await fetch("/api/cms-menu", {
+        const t = await fetch("/api/cms-menu", {
           method: "POST",
           headers: {
             "Content-Type": "application/json"
           },
           body: JSON.stringify(r.value)
-        }), c({
+        });
+        if (!t.ok)
+          throw new Error(`Failed to create menu: ${t.status}`);
+        l({
           title: e("cms.common.success"),
           type: "success",
           message: e("cms.common.successMessage")
         }), r.value = {}, u.push("/menu");
       } catch (s) {
-        console.log(s), c({
+        console.log(s), l({
           title: e("cms.common.error"),
           type: "error",
           message: e("cms.common.errorMessage")
         });
       }
     };
-    return (s, o) => (h(), v("div", C, [
-      t("div", M, [
-        t("div", N, [
-          t("button", {
-            onClick: o[0] || (o[0] = (n) => a(u).back()),
+    return (s, t) => (y(), x("div", M, [
+      o("div", S, [
+        o("div", A, [
+          o("button", {
+            onClick: t[0] || (t[0] = (n) => a(u).back()),
             class: "p-2 text-gray-500 rounded-full hover:text-gray-900 dark:text-gray-400 dark:hover:text-white hover:bg-gray-100 dark:hover:bg-gray-700"
           }, [
-            l(a(k), { class: "w-5 h-5" })
+            c(a(_), { class: "w-5 h-5" })
           ]),
-          t("h1", $, d(s.$t("cms.menu.menuAdd")), 1)
+          o("h1", N, d(s.$t("cms.menu.menuAdd")), 1)
         ]),
-        t("div", j, [
-          t("button", {
-            onClick: f,
+        o("div", $, [
+          o("button", {
+            onClick: h,
             class: "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium h-9 px-4 py-2 bg-blue-600 text-white shadow-md transition-all duration-200 transform hover:bg-blue-700 hover:shadow-lg hover:scale-105 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50"
           }, [
-            l(a(_), { class: "w-4 h-4 mr-2" }),
-            y(" " + d(s.$t("cms.common.actions.save")), 1)
+            c(a(V), { class: "w-4 h-4 mr-2" }),
+            w(" " + d(s.$t("cms.common.actions.save")), 1)
           ])
         ])
       ]),
-      t("div", A, [
-        l(a(S), {
-          schema: p.value,
+      o("div", j, [
+        c(a(E), {
+          schema: f.value,
           modelValue: r.value,
-          "onUpdate:modelValue": o[1] || (o[1] = (n) => r.value = n),
+          "onUpdate:modelValue": t[1] || (t[1] = (n) => r.value = n),
           form: i.value,
-          "onUpdate:form": o[2] || (o[2] = (n) => i.value = n)
+          "onUpdate:form": t[2] || (t[2] = (n) => i.value = n)
         }, null, 8, ["schema", "modelValue", "form"])
       ])
     ]));

package/dist/MenuBody-rN5j4YBu.js

@@ -0,0 +1,125 @@
+import { defineComponent as x, defineAsyncComponent as m, ref as i, useModel as V, onBeforeMount as k, openBlock as I, createElementBlock as A, Fragment as q, createVNode as s, unref as a, createElementVNode as N, createTextVNode as U, toDisplayString as B } from "vue";
+import { Plus as E } from "lucide-vue-next";
+import { useI18n as F } from "vue-i18n";
+import { inputs as O, VForm as S } from "@opengis/form";
+import { notify as C } from "@opengis/core";
+const R = /* @__PURE__ */ x({
+  __name: "MenuBody",
+  props: {
+    modelValue: {},
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(f) {
+    const v = m(() => import("./MenuList-DFEBS0NB.js")), y = m(() => import("./AddNewItemInTree-05PSSEFi.js")), g = m(
+      () => import("./MonacoEditor-Db-3Jc3E.js")
+    );
+    O["vs-input-monaco-editor"] = g;
+    const { t: r } = F(), l = i(!1), d = i(null), n = V(f, "modelValue"), u = i({}), h = async (t) => {
+      try {
+        if (await u.value.validate()) {
+          C({
+            type: "warning",
+            title: r("cms.common.actions.warning"),
+            message: r("cms.menu.createMenuFailed")
+          });
+          return;
+        }
+        l.value = !1, t.id = Math.random().toString(36).substr(2, 9), t.children = [], n.value.items.unshift(t);
+      } catch (o) {
+        console.log(o);
+      }
+    }, w = i([
+      {
+        key: "name",
+        title: r("cms.common.title"),
+        type: "text",
+        placeholder: r("cms.common.title"),
+        required: !0,
+        validators: ["required"]
+      },
+      {
+        key: "description",
+        title: r("cms.common.description"),
+        type: "text",
+        placeholder: r("cms.common.description"),
+        required: !0,
+        validators: ["required"]
+      },
+      {
+        key: "locale",
+        title: r("cms.menu.form.language"),
+        type: "select",
+        placeholder: r("cms.menu.form.language"),
+        required: !0,
+        options: [
+          { text: "Ukrainian", id: "uk" },
+          { text: "English", id: "en" }
+        ],
+        validators: ["required"]
+      }
+    ]), c = (t) => {
+      let o = [];
+      for (const e in t)
+        typeof t[e] == "object" ? o.push({
+          title: e,
+          value: "",
+          id: Math.random().toString(36).substr(2, 9),
+          children: c(t[e])
+        }) : o.push({
+          title: e,
+          value: t[e],
+          id: Math.random().toString(36).substr(2, 9),
+          children: []
+        });
+      return o;
+    }, M = (t) => {
+      n.value.items = t;
+    }, b = (t) => {
+      p(n.value.items, t.id);
+    };
+    function p(t, o) {
+      for (let e = t.length - 1; e >= 0; e--) {
+        if (t[e].id === o)
+          return t.splice(e, 1), !0;
+        if (t[e].children && t[e].children.length && p(t[e].children, o))
+          return !0;
+      }
+      return !1;
+    }
+    return k(() => {
+      Array.isArray(n.value.items) || (n.value.items = c(n.value.items));
+    }), (t, o) => (I(), A(q, null, [
+      s(a(S), {
+        schema: w.value,
+        modelValue: n.value,
+        "onUpdate:modelValue": o[0] || (o[0] = (e) => n.value = e),
+        form: u.value,
+        "onUpdate:form": o[1] || (o[1] = (e) => u.value = e)
+      }, null, 8, ["schema", "modelValue", "form"]),
+      N("button", {
+        onClick: o[2] || (o[2] = (e) => l.value = !0),
+        class: "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium w-min ml-auto my-6 h-9 px-4 py-2 bg-blue-600 text-white shadow-md transition-all duration-200 transform hover:bg-blue-700 hover:shadow-lg hover:scale-105 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50"
+      }, [
+        s(a(E), { class: "w-4 h-4 mr-2" }),
+        U(" " + B(t.$t("cms.menu.createMenu")), 1)
+      ]),
+      s(a(y), {
+        isOpen: l.value,
+        "onUpdate:isOpen": o[3] || (o[3] = (e) => l.value = e),
+        form: d.value,
+        "onUpdate:form": o[4] || (o[4] = (e) => d.value = e),
+        onAddNewItem: h
+      }, null, 8, ["isOpen", "form"]),
+      s(a(v), {
+        class: "px-2",
+        list: n.value.items,
+        "onUpdate:list": M,
+        "onDelete:item": b
+      }, null, 8, ["list"])
+    ], 64));
+  }
+});
+export {
+  R as default
+};