@phtngyn/cms 0.2.0-beta.5 → 0.2.0-beta.7

package/studio/CreateDocumentDialog-BpjBYGfI.js

@@ -0,0 +1,335 @@
+import { $ as e, Bt as t, Dt as n, Et as r, It as i, Nt as a, Pt as o, Q as s, Y as c, at as l, cn as u, dn as d, en as f, et as p, ht as m, mt as h, nt as g, on as _, q as v, st as y, tt as b, wt as x } from "./editor-P2rB7Csp.js";
+import { Ar as S, Di as C, F as ee, I as te, L as ne, Ma as w, O as re, Oi as T, Or as ie, P as E, j as ae, jr as D, ki as O, kr as k, n as A, or as j, r as oe, sr as se, t as ce, ua as M, vr as le, z as ue } from "./SelectMenu-KiXwx4Y_.js";
+//#region virtual:nuxt-ui-templates/ui/collapsible.ts
+var N = { slots: {
+	root: "",
+	content: "data-[state=open]:animate-[collapsible-down_200ms_var(--ease-out)] data-[state=closed]:animate-[collapsible-up_200ms_var(--ease-out)] data-[state=closed]:overflow-hidden"
+} }, de = {
+	__name: "Collapsible",
+	props: {
+		as: {
+			type: null,
+			required: !1
+		},
+		class: {
+			type: null,
+			required: !1
+		},
+		ui: {
+			type: Object,
+			required: !1
+		},
+		defaultOpen: {
+			type: Boolean,
+			required: !1
+		},
+		open: {
+			type: Boolean,
+			required: !1
+		},
+		disabled: {
+			type: Boolean,
+			required: !1
+		},
+		unmountOnHide: {
+			type: Boolean,
+			required: !1,
+			default: !0
+		}
+	},
+	emits: ["update:open"],
+	setup(e, { emit: r }) {
+		let i = e, a = r, c = o(), d = D("collapsible", i), f = M(), h = S(w(d, "as", "defaultOpen", "open", "disabled", "unmountOnHide"), a), g = s(() => k({
+			extend: N,
+			...f.ui?.collapsible || {}
+		})());
+		return (e, r) => (x(), p(_(O), m(_(h), {
+			"data-slot": "root",
+			class: g.value.root({ class: [_(d).ui?.root, _(d).class] })
+		}), {
+			default: t(({ open: r }) => [c.default ? (x(), p(_(C), {
+				key: 0,
+				"as-child": ""
+			}, {
+				default: t(() => [n(e.$slots, "default", { open: r })]),
+				_: 2
+			}, 1024)) : b("", !0), l(_(T), {
+				"data-slot": "content",
+				class: u(g.value.content({ class: _(d).ui?.content }))
+			}, {
+				default: t(() => [n(e.$slots, "content")]),
+				_: 3
+			}, 8, ["class"])]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}, fe = { key: 2 }, pe = { class: "grid grid-flow-col auto-cols-fr overflow-x-auto rounded-md border border-default" }, me = ["aria-pressed", "onClick"], he = { class: "block truncate" }, P = { key: 3 }, F = {
+	key: 4,
+	class: "overflow-hidden rounded-md border border-default bg-elevated/20"
+}, I = {
+	type: "button",
+	class: "group flex w-full min-w-0 items-center gap-3 px-3 py-2.5 text-left transition-[background-color,transform] duration-150 ease-out hover:bg-elevated/50 active:scale-[0.99] motion-reduce:transition-none"
+}, L = { class: "min-w-0 flex-1" }, ge = { class: "block truncate text-xs text-muted" }, _e = { class: "shrink-0 text-xs font-medium text-muted group-hover:text-highlighted" }, ve = { class: "grid gap-4 border-t border-default px-3 py-3 sm:grid-cols-2" }, ye = {
+	key: 5,
+	class: "-mt-2 text-xs text-error"
+}, be = {
+	key: 6,
+	class: "-mt-2 text-xs text-error"
+}, xe = { class: "flex w-full justify-end gap-2" }, R = "__top_level__", z = /* @__PURE__ */ y({
+	__name: "CreateDocumentDialog",
+	props: /*@__PURE__*/ h({
+		catalog: {},
+		context: {}
+	}, {
+		open: { type: Boolean },
+		openModifiers: {}
+	}),
+	emits: /*@__PURE__*/ h(["close"], ["update:open"]),
+	setup(n, { emit: o }) {
+		let m = o, h = a(n, "open"), y = E(), S = y.bootstrap.documents, C = S.types.filter((e) => e.canCreate), w = (S.locales?.locales ?? []).map((e) => ({
+			label: $(e),
+			value: String(e)
+		})), T = f(""), D = f(!1), O = f(""), k = f(""), M = f(!1), N = f(""), z = f(R), B = f(S.locales?.defaultLocale ?? ""), V = f(!1), H = s(() => {
+			let e = C.map((e) => ({
+				collection: e.collection,
+				key: `entry:${e.collection}`,
+				kind: "entry",
+				label: e.label,
+				type: e,
+				urlHint: e.routes.entry.replace(/:[a-z][\w.]*\*?/giu, "…")
+			}));
+			return [...C.filter((e) => !n.catalog.entries.value.some((t) => t.document.collection === e.collection && t.document.locale === (B.value || void 0) && t.document.placement.kind === "home")).flatMap((e) => {
+				let t = A(S, {
+					collection: e.collection,
+					locale: B.value || void 0,
+					placement: { kind: "home" },
+					title: "Home"
+				});
+				return j(t) || n.catalog.entries.value.some((e) => e.document.path === t.success.path) ? [] : [{
+					collection: e.collection,
+					key: `home:${e.collection}`,
+					kind: "home",
+					label: "Home",
+					type: e,
+					urlHint: t.success.path
+				}];
+			}), ...e];
+		}), U = s(() => H.value.find((e) => e.key === N.value)), W = s(() => n.catalog.entries.value.find((e) => e.document.collection === U.value?.collection && e.document.locale === (B.value || void 0) && e.document.placement.kind === "home")), Se = s(() => H.value.length > 1 ? "Choose a page type and add a title." : "Add a title to get started."), Ce = s(() => U.value?.kind === "home" ? "Homepage" : z.value === R || z.value === W.value?.document.id ? "Top level" : n.catalog.byId(z.value)?.document.title ?? "Selected location"), we = s(() => {
+			let e = [Ce.value];
+			return w.length && e.unshift($(B.value)), e.join(" · ");
+		}), G = s(() => {
+			if (U.value?.kind === "home") return { kind: "home" };
+			let e = z.value === R ? W.value?.document.id : z.value;
+			return e ? {
+				kind: "entry",
+				parentDocumentId: e,
+				slug: k.value
+			} : void 0;
+		}), K = s(() => {
+			let e = U.value, t = G.value;
+			if (!e || !t || e.kind === "entry" && !k.value.trim()) return;
+			let r = {
+				collection: e.collection,
+				placement: t,
+				title: O.value || "Untitled"
+			}, i = r.placement.kind === "entry" ? n.catalog.byId(r.placement.parentDocumentId)?.document.path : void 0;
+			return A(S, B.value ? {
+				...r,
+				locale: B.value
+			} : r, i);
+		}), q = s(() => {
+			let e = K.value;
+			return e && se(e) ? e.success : void 0;
+		}), J = s(() => {
+			let e = K.value;
+			return e && j(e) ? e.failure : "";
+		}), Y = s(() => q.value && n.catalog.entries.value.some((e) => e.document.path === q.value?.path)), X = s(() => {
+			let e = U.value;
+			if (!e || e.kind === "home" || !e.type.hierarchy) return [];
+			let t = n.catalog.entries.value.flatMap((t) => t.document.collection !== e.collection || t.document.locale !== (B.value || void 0) || t.document.placement.kind === "home" ? [] : [{
+				description: String(t.document.path),
+				label: t.document.title,
+				value: String(t.document.id)
+			}]);
+			return n.context?.parent && !t.some((e) => e.value === n.context.parent) && t.push({
+				description: n.context.parent,
+				label: "Selected location",
+				value: n.context.parent
+			}), [{
+				description: "Add this page directly below the homepage.",
+				label: "Top level",
+				value: R
+			}, ...t];
+		}), Z = s(() => !!O.value.trim() && !!U.value && !!q.value && !Y.value);
+		i(O, (e) => {
+			M.value || (k.value = oe(e));
+		}), i(N, () => z.value = R, { flush: "sync" }), i(B, () => {
+			z.value = R, U.value || (N.value = Q());
+		}, { flush: "sync" }), i(h, (e) => {
+			e && (T.value = "", O.value = "", k.value = "", M.value = !1, V.value = !1, B.value = n.context?.locale ?? S.locales?.defaultLocale ?? "", N.value = n.context?.collection ? `entry:${n.context.collection}` : Q(), z.value = n.context?.parent === W.value?.document.id ? R : n.context?.parent || R, n.context?.slug && (k.value = n.context.slug, M.value = !0));
+		}, { immediate: !0 });
+		async function Te() {
+			let e = U.value, t = G.value;
+			if (Z.value && e && t && !D.value) {
+				D.value = !0, T.value = "";
+				try {
+					let r = {
+						collection: e.collection,
+						placement: t,
+						title: O.value
+					}, i = await y.gateway.documents.create(B.value ? {
+						...r,
+						locale: B.value
+					} : r);
+					await n.catalog.refresh(!0);
+					let a = n.catalog.byId(i.documentId);
+					if (!a) throw Error("The page was created but could not be opened.");
+					m("close", a.document.id);
+				} catch (e) {
+					T.value = ue(e);
+				} finally {
+					D.value = !1;
+				}
+			}
+		}
+		function Q() {
+			return H.value[0]?.key ?? "";
+		}
+		function $(e) {
+			try {
+				return new Intl.DisplayNames(void 0, { type: "language" }).of(e) ?? e.toLocaleUpperCase();
+			} catch {
+				return e.toLocaleUpperCase();
+			}
+		}
+		return (n, i) => {
+			let a = ne, o = ee, s = te, f = ie, m = re, y = ce, S = de, C = le, E = ae;
+			return x(), p(E, {
+				open: h.value,
+				"onUpdate:open": i[7] ||= (e) => h.value = e,
+				title: "Create page",
+				description: Se.value,
+				ui: { content: "max-w-lg" }
+			}, {
+				body: t(() => [e("form", {
+					id: "create-document-form",
+					class: "space-y-4",
+					onSubmit: v(Te, ["prevent"])
+				}, [
+					T.value ? (x(), p(a, {
+						key: 0,
+						description: T.value,
+						color: "error",
+						variant: "subtle"
+					}, null, 8, ["description"])) : b("", !0),
+					H.value.length ? H.value.length > 1 ? (x(), g("fieldset", fe, [i[8] ||= e("legend", { class: "mb-2 text-sm font-medium text-highlighted" }, "Page type", -1), e("div", pe, [(x(!0), g(c, null, r(H.value, (t) => (x(), g("button", {
+						key: t.key,
+						type: "button",
+						"aria-pressed": t.key === N.value,
+						class: u(["min-w-28 border-l border-default px-3 py-2 text-center text-sm transition-[color,background-color,transform] duration-150 ease-out first:border-l-0 active:scale-[0.98] motion-reduce:transition-none", t.key === N.value ? "bg-muted font-medium text-highlighted" : "bg-default text-muted hover:bg-muted/50 hover:text-highlighted"]),
+						onClick: (e) => N.value = t.key
+					}, [e("span", he, d(t.label), 1)], 10, me))), 128))])])) : b("", !0) : (x(), p(a, {
+						key: 1,
+						title: "Document creation is not configured",
+						description: "A developer needs to make at least one collection creatable in Studio.",
+						color: "warning",
+						variant: "subtle"
+					})),
+					U.value ? (x(), g("div", P, [l(s, {
+						label: "Title",
+						required: ""
+					}, {
+						default: t(() => [l(o, {
+							modelValue: O.value,
+							"onUpdate:modelValue": i[0] ||= (e) => O.value = e,
+							autofocus: "",
+							placeholder: "About us",
+							class: "w-full"
+						}, null, 8, ["modelValue"])]),
+						_: 1
+					})])) : b("", !0),
+					U.value ? (x(), g("div", F, [l(S, {
+						open: V.value,
+						"onUpdate:open": i[5] ||= (e) => V.value = e
+					}, {
+						content: t(() => [e("div", ve, [
+							_(w).length ? (x(), p(s, {
+								key: 0,
+								label: "Language"
+							}, {
+								default: t(() => [l(m, {
+									modelValue: B.value,
+									"onUpdate:modelValue": i[1] ||= (e) => B.value = e,
+									items: _(w),
+									"value-key": "value",
+									class: "w-full"
+								}, null, 8, ["modelValue", "items"])]),
+								_: 1
+							})) : b("", !0),
+							U.value.kind === "entry" && U.value.type.hierarchy ? (x(), p(s, {
+								key: 1,
+								label: "Location",
+								class: u(_(w).length ? "" : "sm:col-span-2")
+							}, {
+								default: t(() => [l(y, {
+									modelValue: z.value,
+									"onUpdate:modelValue": i[2] ||= (e) => z.value = e,
+									"aria-label": "Location",
+									items: X.value,
+									"value-key": "value",
+									"filter-fields": ["label", "description"],
+									"search-input": { placeholder: "Search pages…" },
+									class: "w-full"
+								}, null, 8, ["modelValue", "items"])]),
+								_: 1
+							}, 8, ["class"])) : b("", !0),
+							U.value.kind === "entry" ? (x(), p(s, {
+								key: 2,
+								label: "Page address",
+								description: "The final part of this page's web address.",
+								class: "sm:col-span-2",
+								required: ""
+							}, {
+								default: t(() => [l(o, {
+									modelValue: k.value,
+									"onUpdate:modelValue": [i[3] ||= (e) => k.value = e, i[4] ||= (e) => M.value = !0],
+									placeholder: "about-us",
+									class: "w-full"
+								}, null, 8, ["modelValue"])]),
+								_: 1
+							})) : b("", !0)
+						])]),
+						default: t(() => [e("button", I, [
+							e("span", L, [e("span", ge, d(we.value), 1), e("span", { class: u(["mt-0.5 block truncate font-mono text-xs", Y.value || J.value ? "text-error" : "text-highlighted"]) }, d(q.value?.path || U.value.urlHint), 3)]),
+							e("span", _e, d(V.value ? "Done" : "Edit details"), 1),
+							l(f, {
+								name: "i-lucide-chevron-down",
+								class: u(["size-3.5 shrink-0 text-dimmed transition-transform duration-150 ease-out motion-reduce:transition-none", V.value ? "rotate-180" : ""])
+							}, null, 8, ["class"])
+						])]),
+						_: 1
+					}, 8, ["open"])])) : b("", !0),
+					Y.value ? (x(), g("p", ye, "This page address is already in use.")) : J.value ? (x(), g("p", be, d(J.value), 1)) : b("", !0)
+				], 32)]),
+				footer: t(() => [e("div", xe, [l(C, {
+					color: "neutral",
+					variant: "ghost",
+					label: "Cancel",
+					class: "transition-transform duration-150 ease-out active:scale-[0.97] motion-reduce:transition-none",
+					onClick: i[6] ||= (e) => h.value = !1
+				}), l(C, {
+					type: "submit",
+					form: "create-document-form",
+					color: "neutral",
+					label: "Create page",
+					class: "transition-transform duration-150 ease-out active:scale-[0.97] motion-reduce:transition-none",
+					loading: D.value,
+					disabled: !Z.value
+				}, null, 8, ["loading", "disabled"])])]),
+				_: 1
+			}, 8, ["open", "description"]);
+		};
+	}
+});
+//#endregion
+export { z as default };