@oneclick.dev/cms-core-modules 0.0.105 → 0.0.107

package/dist/Overview-9FMgn5hT.mjs

@@ -0,0 +1,492 @@
+import { t as e } from "./lib-BZgXUui5.mjs";
+import { t } from "./interpolation-B8OzkMyi.mjs";
+import { useConfirmation as n, useFirebaseIntegration as r, useModuleBreadcrumbs as i, useModulePermissions as a, useModuleRoute as o, useModuleStorage as s } from "@oneclick.dev/cms-kit";
+import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createTextVNode as m, createVNode as h, defineComponent as g, normalizeClass as _, onMounted as v, openBlock as y, ref as b, renderList as x, resolveComponent as S, resolveDynamicComponent as C, toDisplayString as w, unref as T, useTemplateRef as E, withCtx as D, withModifiers as O } from "vue";
+import { EllipsisVertical as k, Paintbrush as A, Plus as j, ToyBrick as M, icons as N } from "@lucide/vue";
+//#region src/contentManager/components/overview/CollectionsGridView.vue?vue&type=script&setup=true&lang.ts
+var P = { class: "grid @lg:grid-cols-2 @2xl:grid-cols-3 @4xl:grid-cols-4 @7xl:grid-cols-5 gap-4" }, F = { class: "relative flex pl-3 @5xl:pl-6 pr-1.5 @5xl:pr-3 gap-3" }, I = { class: "self-center overflow-hidden w-full group-hover:w-[calc(100%-6.5rem)]" }, L = ["title"], R = ["title"], z = { class: "absolute -top-1 right-2 self-start opacity-0 group-hover:opacity-100" }, B = /* @__PURE__ */ g({
+	__name: "CollectionsGridView",
+	props: { collections: {
+		type: Array,
+		required: !0
+	} },
+	emits: ["edit", "delete"],
+	setup(e, { emit: t }) {
+		let { navigateTo: n } = o(), r = t;
+		return (t, i) => {
+			let a = S("Button"), o = S("DropdownMenuTrigger"), s = S("DropdownMenuItem"), l = S("DropdownMenuContent"), g = S("DropdownMenu"), v = S("Card");
+			return y(), f("div", P, [(y(!0), f(c, null, x(e.collections, (e) => (y(), u(v, {
+				key: e.id,
+				class: "group hover:bg-input/50 cursor-pointer transition-colors duration-200",
+				onClick: (t) => T(n)("collections/" + e.id)
+			}, {
+				default: D(() => [p("div", F, [
+					p("div", { class: _(`p-2 bg-${e.tint} rounded-md self-center mr-3`) }, [(y(), u(C(T(N)[e.icon]), { class: "size-6 text-white" }))], 2),
+					p("div", I, [p("p", {
+						class: "truncate",
+						title: e.name || "Unnamed Entry Collection"
+					}, w(e.name || "Unnamed Entry Collection"), 9, L), e.contentEntryName || e.contentEntryNamePlural ? (y(), f("p", {
+						key: 0,
+						class: "text-xs text-muted-foreground truncate",
+						title: `Manage ${e.contentEntryNamePlural || e.contentEntryName} here`
+					}, " Manage " + w(e.contentEntryNamePlural || e.contentEntryName) + " here ", 9, R)) : d("", !0)]),
+					p("div", z, [h(g, null, {
+						default: D(() => [h(o, { "as-child": "" }, {
+							default: D(() => [h(a, {
+								variant: "ghost",
+								size: "icon",
+								onClick: i[0] ||= O(() => {}, ["stop"])
+							}, {
+								default: D(() => [h(T(k), { class: "size-5" })]),
+								_: 1
+							})]),
+							_: 1
+						}), h(l, null, {
+							default: D(() => [
+								h(s, { onClick: (t) => T(n)("collections/" + e.id) }, {
+									default: D(() => [...i[1] ||= [m("Open Collection...", -1)]]),
+									_: 1
+								}, 8, ["onClick"]),
+								h(s, { onClick: (t) => r("edit", e) }, {
+									default: D(() => [...i[2] ||= [m("Edit Collection...", -1)]]),
+									_: 1
+								}, 8, ["onClick"]),
+								h(s, {
+									onClick: (t) => r("delete", e.id),
+									variant: "destructive"
+								}, {
+									default: D(() => [...i[3] ||= [m("Delete Collection...", -1)]]),
+									_: 1
+								}, 8, ["onClick"])
+							]),
+							_: 2
+						}, 1024)]),
+						_: 2
+					}, 1024)])
+				])]),
+				_: 2
+			}, 1032, ["onClick"]))), 128))]);
+		};
+	}
+}), ee = { class: "grid py-4" }, te = { class: "flex gap-6 mb-6" }, ne = { class: "w-1/3" }, re = { class: "w-1/3" }, ie = { class: "w-1/3" }, ae = { class: "grid" }, oe = { class: "flex gap-6 mb-6" }, se = { class: "w-1/2" }, ce = { class: "w-1/2" }, le = { class: "flex items-center gap-2" }, ue = { class: "flex items-center gap-4" }, de = { class: "grid grid-cols-2 gap-4" }, fe = { class: "grid" }, pe = { class: "mb-6" }, me = { class: "flex items-center justify-between gap-4 flex-wrap" }, he = {
+	key: 0,
+	class: "text-xs italic text-muted-foreground mt-1"
+}, ge = { class: "flex items-center justify-between gap-4 flex-wrap" }, _e = {
+	key: 0,
+	class: "text-xs italic text-muted-foreground mt-1"
+}, V = /* @__PURE__ */ g({
+	__name: "CollectionDialog",
+	props: {
+		config: {
+			type: Object,
+			required: !0
+		},
+		components: {
+			type: Array,
+			required: !0
+		}
+	},
+	emits: [
+		"add",
+		"edit",
+		"delete"
+	],
+	setup(e, { expose: r, emit: i }) {
+		let a = [
+			{
+				name: "id",
+				type: "string"
+			},
+			{
+				name: "slug",
+				type: "string"
+			},
+			{
+				name: "lang",
+				type: "string"
+			}
+		], { confirm: o } = n(), s = i, g = e, v = b(!1), E = b("create"), O = b(""), k = b(""), A = b(""), j = b(""), M = b(""), P = b(""), F = b(!0), I = b(!1), L = b(null), R = b("{{ slug }}"), z = b("/{{ lang }}/{{ slug }}"), B = b("all"), V = b([]), H = l(() => W(R.value)), U = l(() => W(z.value));
+		function W(e) {
+			if (!e) return "";
+			let n = g.config.domain || "https://domain.com";
+			return n.endsWith("/") && (n = n.slice(0, -1)), e.startsWith("/") || (e = "/" + e), t(n + e, [
+				{
+					name: "slug",
+					value: "example-slug"
+				},
+				{
+					name: "id",
+					value: "12345"
+				},
+				{
+					name: "lang",
+					value: "en"
+				}
+			]);
+		}
+		let G = (e) => {
+			e ? (E.value = "edit", O.value = e.id, k.value = e.name || "", A.value = e.tint || "", j.value = e.icon || "", M.value = e.contentEntryName || "", P.value = e.contentEntryNamePlural || "", F.value = e.allowUserEntryManagement ?? !0, I.value = !!e.customSettings, L.value = e.customSettings || null, R.value = e.defaultLanguageRoutePattern || "{{ slug }}", z.value = e.multilingualRoutePattern || "/{{ lang }}/{{ slug }}", B.value = e.componentAvailability || "all", V.value = e.selectedComponents || []) : (E.value = "create", O.value = "", k.value = "", A.value = "", j.value = "", M.value = "", P.value = "", F.value = !0, I.value = !1, L.value = null, R.value = "{{ slug }}", z.value = "/{{ lang }}/{{ slug }}", B.value = "all", V.value = []), v.value = !0;
+		}, K = () => {
+			s("add", {
+				name: k.value,
+				tint: A.value,
+				icon: j.value,
+				contentEntryName: M.value,
+				contentEntryNamePlural: P.value,
+				allowUserEntryManagement: F.value,
+				showCustomSettings: I.value,
+				customSettings: I.value ? L.value : null,
+				defaultLanguageRoutePattern: R.value,
+				multilingualRoutePattern: z.value,
+				componentAvailability: B.value,
+				selectedComponents: B.value === "all" ? [] : V.value
+			}), v.value = !1;
+		}, q = () => {
+			s("edit", {
+				id: O.value,
+				name: k.value,
+				tint: A.value,
+				icon: j.value,
+				contentEntryName: M.value,
+				contentEntryNamePlural: P.value,
+				allowUserEntryManagement: F.value,
+				showCustomSettings: I.value,
+				customSettings: I.value ? L.value : null,
+				defaultLanguageRoutePattern: R.value,
+				multilingualRoutePattern: z.value,
+				componentAvailability: B.value,
+				selectedComponents: B.value === "all" ? [] : V.value
+			}), v.value = !1;
+		}, J = async () => {
+			await o("Are you sure you want to delete this collection? This action cannot be undone.", "Delete Collection", "Delete") && (s("delete", O.value), v.value = !1);
+		};
+		return r({ openDialog: G }), (t, n) => {
+			let r = S("DialogTitle"), i = S("DialogDescription"), o = S("DialogHeader"), s = S("TabsTrigger"), l = S("TabsList"), g = S("Input"), b = S("TailwindColorPicker"), O = S("LucideIconPicker"), W = S("TabsContent"), G = S("Checkbox"), Y = S("Label"), ve = S("Switch"), ye = S("FormBuilderSelect"), X = S("SelectValue"), be = S("SelectTrigger"), Z = S("SelectItem"), xe = S("SelectGroup"), Se = S("SelectContent"), Ce = S("Select"), Q = S("Sandbox"), we = S("Tabs"), $ = S("Button"), Te = S("DialogFooter"), Ee = S("DialogScrollContent"), De = S("Dialog");
+			return y(), u(De, {
+				open: v.value,
+				"onUpdate:open": n[12] ||= (e) => v.value = e
+			}, {
+				default: D(() => [h(Ee, { class: "sm:max-w-2xl" }, {
+					default: D(() => [
+						h(o, null, {
+							default: D(() => [h(r, null, {
+								default: D(() => [m(w(E.value === "create" ? "Add New Collection" : "Update Collection"), 1)]),
+								_: 1
+							}), h(i, null, {
+								default: D(() => [...n[13] ||= [m(" Each collection has it's own set of entries, settings, ... ", -1)]]),
+								_: 1
+							})]),
+							_: 1
+						}),
+						p("div", ee, [h(we, {
+							"default-value": "account",
+							class: "w-full"
+						}, {
+							default: D(() => [
+								h(l, { class: "mb-6" }, {
+									default: D(() => [
+										h(s, { value: "collection" }, {
+											default: D(() => [...n[14] ||= [m(" Collection ", -1)]]),
+											_: 1
+										}),
+										h(s, { value: "entries" }, {
+											default: D(() => [...n[15] ||= [m(" Entries ", -1)]]),
+											_: 1
+										}),
+										h(s, { value: "components" }, {
+											default: D(() => [...n[16] ||= [m(" Components ", -1)]]),
+											_: 1
+										}),
+										h(s, { value: "styling" }, {
+											default: D(() => [...n[17] ||= [m(" Styling ", -1)]]),
+											_: 1
+										}),
+										h(s, { value: "preview" }, {
+											default: D(() => [...n[18] ||= [m(" Preview URL ", -1)]]),
+											_: 1
+										})
+									]),
+									_: 1
+								}),
+								h(W, { value: "collection" }, {
+									default: D(() => [p("div", te, [
+										p("div", ne, [n[19] ||= p("label", {
+											for: "collection-dialog-display-name",
+											class: "text-sm mb-1 block font-medium"
+										}, "Collection Name", -1), h(g, {
+											modelValue: k.value,
+											"onUpdate:modelValue": n[0] ||= (e) => k.value = e,
+											id: "collection-dialog-display-name"
+										}, null, 8, ["modelValue"])]),
+										p("div", re, [n[20] ||= p("label", { class: "text-sm mb-1 block font-medium" }, "Tint", -1), h(b, {
+											modelValue: A.value,
+											"onUpdate:modelValue": n[1] ||= (e) => A.value = e,
+											"default-value": "white"
+										}, null, 8, ["modelValue"])]),
+										p("div", ie, [n[21] ||= p("label", { class: "text-sm mb-1 block font-medium" }, "Icon", -1), h(O, {
+											modelValue: j.value,
+											"onUpdate:modelValue": n[2] ||= (e) => j.value = e
+										}, null, 8, ["modelValue"])])
+									])]),
+									_: 1
+								}),
+								h(W, { value: "entries" }, {
+									default: D(() => [p("div", ae, [
+										n[26] ||= p("p", { class: "text-sm mb-1 block font-medium" }, " Entries ", -1),
+										p("div", oe, [p("div", se, [n[22] ||= p("label", {
+											for: "collection-dialog-entry-name",
+											class: "text-sm mb-1 block font-medium"
+										}, "Entry name (singular)", -1), h(g, {
+											modelValue: M.value,
+											"onUpdate:modelValue": n[3] ||= (e) => M.value = e,
+											id: "collection-dialog-entry-name",
+											placeholder: "Entry"
+										}, null, 8, ["modelValue"])]), p("div", ce, [n[23] ||= p("label", {
+											for: "collection-dialog-entry-name-plural",
+											class: "text-sm mb-1 block font-medium"
+										}, "Entry name (plural)", -1), h(g, {
+											modelValue: P.value,
+											"onUpdate:modelValue": n[4] ||= (e) => P.value = e,
+											id: "collection-dialog-entry-name-plural",
+											placeholder: "Entries"
+										}, null, 8, ["modelValue"])])]),
+										p("div", le, [h(G, {
+											modelValue: F.value,
+											"onUpdate:modelValue": n[5] ||= (e) => F.value = e,
+											id: "collection-dialog-allow-user-entry-management"
+										}, null, 8, ["modelValue"]), h(Y, { for: "collection-dialog-allow-user-entry-management" }, {
+											default: D(() => [...n[24] ||= [m("Allow users to create, edit and delete entries in this collection", -1)]]),
+											_: 1
+										})]),
+										n[27] ||= p("hr", { class: "my-6" }, null, -1),
+										n[28] ||= p("p", { class: "text-sm mb-1 block font-medium" }, " Entry Custom Settings ", -1),
+										n[29] ||= p("p", { class: "text-xs mb-2 text-muted-foreground" }, " Specific settings all entries in this collection can edit. ", -1),
+										p("div", ue, [h(ve, {
+											modelValue: I.value,
+											"onUpdate:modelValue": n[6] ||= (e) => I.value = e,
+											id: "collection-dialog-component-settings-toggle",
+											class: "mb-4"
+										}, null, 8, ["modelValue"]), h(Y, {
+											class: "-mt-3.5",
+											for: "collection-dialog-component-settings-toggle"
+										}, {
+											default: D(() => [...n[25] ||= [m(" Show settings form for this collection's entries. ", -1)]]),
+											_: 1
+										})]),
+										I.value ? (y(), u(ye, {
+											key: 0,
+											modelValue: L.value,
+											"onUpdate:modelValue": n[7] ||= (e) => L.value = e,
+											class: "w-1/2"
+										}, null, 8, ["modelValue"])) : d("", !0)
+									])]),
+									_: 1
+								}),
+								h(W, { value: "components" }, {
+									default: D(() => [n[33] ||= p("p", { class: "text-sm mb-1 block font-medium" }, " Available Components ", -1), p("div", de, [h(Ce, {
+										modelValue: B.value,
+										"onUpdate:modelValue": n[8] ||= (e) => B.value = e
+									}, {
+										default: D(() => [h(be, { class: "w-full" }, {
+											default: D(() => [h(X)]),
+											_: 1
+										}), h(Se, null, {
+											default: D(() => [h(xe, null, {
+												default: D(() => [
+													h(Z, { value: "all" }, {
+														default: D(() => [...n[30] ||= [m(" All ", -1)]]),
+														_: 1
+													}),
+													h(Z, { value: "all-except" }, {
+														default: D(() => [...n[31] ||= [m(" All, except... ", -1)]]),
+														_: 1
+													}),
+													h(Z, { value: "only" }, {
+														default: D(() => [...n[32] ||= [m(" Only... ", -1)]]),
+														_: 1
+													})
+												]),
+												_: 1
+											})]),
+											_: 1
+										})]),
+										_: 1
+									}, 8, ["modelValue"]), B.value === "all" ? d("", !0) : (y(), u(Ce, {
+										key: 0,
+										multiple: !0,
+										modelValue: V.value,
+										"onUpdate:modelValue": n[9] ||= (e) => V.value = e
+									}, {
+										default: D(() => [h(be, { class: "w-full" }, {
+											default: D(() => [h(X, { placeholder: "Select components..." })]),
+											_: 1
+										}), h(Se, null, {
+											default: D(() => [h(xe, null, {
+												default: D(() => [(y(!0), f(c, null, x(e.components, (e) => (y(), u(Z, {
+													key: e.id,
+													value: e.id
+												}, {
+													default: D(() => [p("div", { class: _(`p-1 bg-${e.tint} rounded-md flex items-center justify-center`) }, [(y(), u(C(T(N)[e.icon]), { class: "size-4 text-white" }))], 2), m(" " + w(e.name), 1)]),
+													_: 2
+												}, 1032, ["value"]))), 128))]),
+												_: 1
+											})]),
+											_: 1
+										})]),
+										_: 1
+									}, 8, ["modelValue"]))])]),
+									_: 1
+								}),
+								h(W, { value: "styling" }, {
+									default: D(() => [...n[34] ||= [m(" Styling ", -1)]]),
+									_: 1
+								}),
+								h(W, { value: "preview" }, {
+									default: D(() => [p("div", fe, [
+										n[37] ||= p("p", { class: "text-sm mb-1 block font-medium" }, " Preview URL ", -1),
+										p("div", pe, [p("div", me, [n[35] ||= p("label", { class: "text-sm basis-[200px] block font-medium" }, "Default Language Route", -1), h(Q, {
+											modelValue: R.value,
+											"onUpdate:modelValue": n[10] ||= (e) => R.value = e,
+											variables: a,
+											class: "flex-1"
+										}, null, 8, ["modelValue"])]), H.value ? (y(), f("p", he, "Example: " + w(H.value), 1)) : d("", !0)]),
+										p("div", null, [p("div", ge, [n[36] ||= p("label", { class: "text-sm basis-[200px] block font-medium" }, "Multilingual Route", -1), h(Q, {
+											modelValue: z.value,
+											"onUpdate:modelValue": n[11] ||= (e) => z.value = e,
+											variables: a,
+											class: "flex-1"
+										}, null, 8, ["modelValue"])]), U.value ? (y(), f("p", _e, "Example: " + w(U.value), 1)) : d("", !0)])
+									])]),
+									_: 1
+								})
+							]),
+							_: 1
+						})]),
+						h(Te, null, {
+							default: D(() => [E.value === "edit" ? (y(), u($, {
+								key: 0,
+								variant: "destructive",
+								class: "mr-auto",
+								onClick: J
+							}, {
+								default: D(() => [...n[38] ||= [m(" Delete Collection ", -1)]]),
+								_: 1
+							})) : d("", !0), E.value === "create" ? (y(), u($, {
+								key: 1,
+								type: "submit",
+								onClick: K
+							}, {
+								default: D(() => [...n[39] ||= [m(" Add Collection ", -1)]]),
+								_: 1
+							})) : (y(), u($, {
+								key: 2,
+								type: "submit",
+								onClick: q
+							}, {
+								default: D(() => [...n[40] ||= [m(" Edit Collection ", -1)]]),
+								_: 1
+							}))]),
+							_: 1
+						})
+					]),
+					_: 1
+				})]),
+				_: 1
+			}, 8, ["open"]);
+		};
+	}
+}), H = { class: "relative flex flex-col flex-1" }, U = { class: "flex items-center justify-between gap-4 w-full my-4" }, W = { class: "flex items-center gap-4" }, G = {
+	key: 0,
+	class: "text-lg whitespace-nowrap"
+}, K = {
+	key: 1,
+	class: "text-lg whitespace-nowrap"
+}, q = {
+	key: 0,
+	class: "flex items-center gap-4"
+}, J = /* @__PURE__ */ g({
+	__name: "Overview",
+	props: { config: {
+		type: Object,
+		required: !0
+	} },
+	setup(t) {
+		let c = t, { getModuleData: u } = s(), { hasPermission: g, isAdmin: _ } = a(), { navigateTo: x } = o(), { confirm: C } = n();
+		i(() => []);
+		let O = r(c.config.project), k = b(null), N = b([]), P = b(null);
+		l(() => k.value?.find((e) => e.id === P.value) || null);
+		let F = E("collectionModal"), I = async () => {
+			k.value = await O.find(c.config.collectionsCollection) || [];
+		}, L = async (e) => {
+			await O.add(c.config.collectionsCollection, e);
+		}, R = async (t) => {
+			try {
+				await O.update(c.config.collectionsCollection, t.id, t);
+				let n = k.value.findIndex((e) => e.id === t.id);
+				n !== -1 && (k.value[n] = t), e.success("Collection updated");
+			} catch {
+				e.error("Failed to update collection");
+			}
+		}, z = (t) => {
+			C("Are you sure you want to delete this collection? This action cannot be undone.").then(async (n) => {
+				if (n) try {
+					await O.remove(c.config.collectionsCollection, t), k.value = k.value.filter((e) => e.id !== t), e.success("Collection deleted");
+				} catch {
+					e.error("Failed to delete collection");
+				}
+			});
+		};
+		return v(() => {
+			I(), u("components").then((e) => {
+				N.value = e;
+			});
+		}), (e, n) => {
+			let r = S("Button");
+			return y(), f("div", H, [
+				p("div", U, [p("div", W, [k.value === null ? (y(), f("p", K, "Loading Collections...")) : (y(), f("p", G, w(k.value.length) + " " + w(k.value.length === 1 ? "Collection" : "Collections"), 1))]), T(_)() ? (y(), f("div", q, [
+					h(r, {
+						variant: "outline",
+						class: "text-primary hover:text-primary",
+						onClick: n[0] ||= (e) => T(x)("global-styling")
+					}, {
+						default: D(() => [h(T(A), { class: "size-4" }), n[5] ||= m(" Global Styling ", -1)]),
+						_: 1
+					}),
+					h(r, {
+						variant: "outline",
+						class: "text-primary hover:text-primary",
+						onClick: n[1] ||= (e) => T(x)("components")
+					}, {
+						default: D(() => [h(T(M), { class: "size-4" }), n[6] ||= m(" Components ", -1)]),
+						_: 1
+					}),
+					h(r, {
+						variant: "outline",
+						class: "text-primary hover:text-primary",
+						onClick: n[2] ||= (e) => F.value.openDialog()
+					}, {
+						default: D(() => [h(T(j), { class: "size-4" }), n[7] ||= m(" New Collection ", -1)]),
+						_: 1
+					})
+				])) : d("", !0)]),
+				h(B, {
+					collections: k.value,
+					onOpen: n[3] ||= (e) => P.value = e,
+					onEdit: n[4] ||= (e) => F.value.openDialog(e),
+					onDelete: z
+				}, null, 8, ["collections"]),
+				h(V, {
+					config: t.config,
+					components: N.value,
+					ref_key: "collectionModal",
+					ref: F,
+					onAdd: L,
+					onEdit: R,
+					onDelete: z
+				}, null, 8, ["config", "components"])
+			]);
+		};
+	}
+});
+//#endregion
+export { J as default };