@phtngyn/cms 0.2.0-beta.8 → 0.3.0

package/studio/chunks/HelpPage-C-vrFcT_.js

@@ -0,0 +1,552 @@
+import { t as e } from "./Button-BT3ztSPx.js";
+import { _o as t, st as n } from "./Search-BEgCe9Aj.js";
+import { _ as r, g as i } from "./useApi-CUWMwLLw-B3Q3g2nf.js";
+import { $r as a, A as o, B as s, Ci as c, Cr as l, Ct as u, E as d, G as f, In as p, K as m, M as h, N as g, Nn as _, Or as v, Pn as y, V as b, fa as x, gn as S, ii as C, k as w, ln as T, lt as E, mn as D, mt as O, o as k, p as A, pi as j, ui as M, vi as N } from "./runtime-core.esm-bundler-DKFA9Rep.js";
+import { C as P, S as F, _ as I, b as L, c as ee, d as te, f as ne, i as R, l as re, n as z, o as ie, r as B, s as ae, t as oe, u as se, v as ce, w as le, x as ue, y as de } from "./content-DUGl3N4d.js";
+import { t as fe } from "./Alert-D0D24z_a.js";
+import { n as V } from "./useStudioNavigation-CLwtSYpb.js";
+import { t as pe } from "./StudioPage-ngEIDr5d.js";
+//#region src/help/useHelpArticle.ts
+function me(e, t) {
+	let n = M(), r = M(!1), i = M(!1), o = M(0), s = 0, c = !1;
+	return l([
+		() => N(e),
+		() => N(t),
+		o
+	], async ([e, t]) => {
+		let a = ++s;
+		if (n.value = void 0, i.value = !1, r.value = !!e, e) try {
+			let r = await B(e, t).load();
+			!c && s === a && (n.value = r.default);
+		} catch {
+			!c && s === a && (i.value = !0);
+		} finally {
+			!c && s === a && (r.value = !1);
+		}
+	}, { immediate: !0 }), a(() => {
+		c = !0, s++;
+	}), {
+		article: n,
+		loading: r,
+		failed: i,
+		retry: () => {
+			o.value++;
+		}
+	};
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@comark+vue@0.7.0_vue@3.6.0-rc.10_typescript-native-bridge@6.0.3-bridge.18.tsgo.7.0.2_/node_modules/@comark/vue/dist/utils/caret.js
+var H = " ", U = "background-color: currentColor; display: inline-block; margin-left: 0.25rem; margin-right: 0.25rem; animation: pulse 0.75s cubic-bezier(0.4,0,0.6,1) infinite;";
+function he(e) {
+	if (e === !0) return [
+		"span",
+		{
+			key: "stream-caret",
+			style: U
+		},
+		H
+	];
+	if (typeof e == "object") {
+		let t = e?.class || "";
+		return [
+			"span",
+			{
+				key: "stream-caret",
+				style: U,
+				...t ? { class: t } : {}
+			},
+			H
+		];
+	}
+	return null;
+}
+function W(e, t) {
+	for (let n = e.length - 1; n >= 2; n--) {
+		let r = e[n];
+		if (typeof r == "string" && e[1]?.key !== "stream-caret") return e.push(t), !0;
+		if (Array.isArray(r) && W(r, t)) return !0;
+	}
+	return !1;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/comark@0.7.0/node_modules/comark/dist/internal/props-validation.js
+var ge = [
+	"javascript:",
+	"data:text/html",
+	"vbscript:",
+	"data:text/javascript",
+	"data:text/vbscript",
+	"data:text/css",
+	"data:text/plain",
+	"data:text/xml"
+], _e = {
+	amp: "&",
+	lt: "<",
+	gt: ">",
+	quot: "\"",
+	apos: "'",
+	colon: ":",
+	sol: "/",
+	bsol: "\\",
+	Tab: "	",
+	NewLine: "\n"
+};
+function ve(e) {
+	let t = e;
+	for (let e = 0; e < 10; e++) {
+		let e = t.replace(/&#x([0-9a-f]+);?/gi, (e, t) => {
+			let n = Number.parseInt(t, 16);
+			return n <= 1114111 ? String.fromCodePoint(n) : e;
+		}).replace(/&#(\d+);?/g, (e, t) => {
+			let n = Number.parseInt(t, 10);
+			return n <= 1114111 ? String.fromCodePoint(n) : e;
+		}).replace(/&([a-z]+);?/gi, (e, t) => _e[t] ?? e);
+		if (e === t) break;
+		t = e;
+	}
+	return t;
+}
+function ye(e) {
+	let t = e;
+	try {
+		t = decodeURIComponent(e);
+	} catch {}
+	let n = ve(t), r;
+	try {
+		r = new URL(n);
+	} catch {
+		return !1;
+	}
+	return ge.some((e) => r.href.toLowerCase().startsWith(e));
+}
+//#endregion
+//#region ../../node_modules/.pnpm/comark@0.7.0/node_modules/comark/dist/internal/stringify/attributes.js
+var be = /* @__PURE__ */ new Set([
+	"innerhtml",
+	"dangerouslysetinnerhtml",
+	"textcontent"
+]);
+function xe(e, t, n = {}) {
+	let r = {};
+	for (let i in e) {
+		if (i === "$") continue;
+		let a = e[i], o = i.charCodeAt(0) === 58, s = o ? i.slice(1) : i;
+		if (be.has(s.toLowerCase())) continue;
+		let c, l = i;
+		if (n.parseJson && o) {
+			if (typeof a == "string") try {
+				c = JSON.parse(a);
+			} catch {
+				c = G(t, a);
+			}
+			else c = a;
+			l = s;
+		} else if (o && typeof a == "string") {
+			let e = G(t, a);
+			e === void 0 ? c = a : (c = e, l = s);
+		} else c = a;
+		let u = s.toLowerCase();
+		(!o || u !== "href" && u !== "src" && u !== "xlink:href" || typeof c != "string" || !ye(c)) && (r[l] = c);
+	}
+	return r;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/comark@0.7.0/node_modules/comark/dist/utils/index.js
+function Se(e) {
+	return e ? Ce(e).map((e) => e ? e[0].toUpperCase() + e.slice(1) : "").join("") : "";
+}
+function Ce(e) {
+	let t = [];
+	if (!e) return t;
+	let n = "", r, i;
+	for (let a = 0; a < e.length; a++) {
+		let o = e[a], s = o === "-" || o === "_" || o === "/" || o === ".";
+		if (s === !0) {
+			t.push(n), n = "", r = void 0;
+			continue;
+		}
+		let c = o.charCodeAt(0), l = c >= 48 && c <= 57 ? void 0 : c >= 65 && c <= 90;
+		if (i === !1) {
+			if (r === !1 && l === !0) {
+				t.push(n), n = o, r = l;
+				continue;
+			}
+			if (r === !0 && l === !1 && n.length > 1) {
+				let e = n[n.length - 1];
+				t.push(n.slice(0, n.length - 1)), n = e + o, r = l;
+				continue;
+			}
+		}
+		n += o, r = l, i = s;
+	}
+	return t.push(n), t;
+}
+function G(e, t) {
+	let n = t.split("."), r = e;
+	for (let e of n) if (r && typeof r == "object" && e in r) r = r[e];
+	else return;
+	return r;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@comark+vue@0.7.0_vue@3.6.0-rc.10_typescript-native-bridge@6.0.3-bridge.18.tsgo.7.0.2_/node_modules/@comark/vue/dist/components/MarkdownDocument.js
+var K = /* @__PURE__ */ new Map();
+function we(e) {
+	return !!e && typeof e.then == "function";
+}
+function Te(e) {
+	return e && typeof e == "object" && "default" in e ? e.default : e;
+}
+function q(e) {
+	return Array.isArray(e) && e.length >= 1 ? e[0] : null;
+}
+function J(e) {
+	return Array.isArray(e) && e.length >= 2 && e[1] || {};
+}
+function Y(e) {
+	return Array.isArray(e) && e.length > 2 ? e.slice(2) : [];
+}
+function X(e, t, n) {
+	let r = E()?.appContext?.components, i = Se(e), a = `Prose${i}`, o = t[a] || t[i] || t[e] || r?.[a] || r?.[i];
+	if (!o && n) {
+		let t = e;
+		if (!K.has(t)) {
+			let r = n(e);
+			we(r) ? K.set(t, f(() => r)) : r && K.set(t, Te(r));
+		}
+		o = K.get(t);
+	}
+	return o;
+}
+function Z(e, t = {}, n, r, i, a = {
+	frontmatter: {},
+	meta: {},
+	data: {},
+	props: {}
+}) {
+	if (typeof e == "string") return e;
+	if (Array.isArray(e)) {
+		let o = q(e);
+		if (!o) return null;
+		let s = J(e), c = Y(e), l;
+		i?.[0] !== "pre" && (s.as && (l = X(s.as, t, r)), l ||= X(o, t, r));
+		let u = l || o, d = xe(s, a, { parseJson: !0 }), f = {};
+		for (let e in d) e === "className" ? f.class = d[e] : f[e] = d[e];
+		if ((u?.props?.__node || u?.__asyncResolved?.props?.__node) && (f.__node = e), n !== void 0 && (f.key = n), e.length === 2) return O(u, f);
+		let p = Object.keys(d).length > 0 ? {
+			...a,
+			props: f
+		} : a, m = {}, h = [];
+		for (let n = 0; n < c.length; n++) {
+			let i = c[n];
+			if (i == null) continue;
+			let a = q(i), o = J(i);
+			if (a === "template" && o) {
+				let n;
+				if (o.name) n = o.name;
+				else for (let e in o) if (e.startsWith("v-slot:")) {
+					n = e.substring(7);
+					break;
+				}
+				if (n) {
+					let a = Y(i);
+					m[n] = () => a.map((n, i) => Z(n, t, i, r, e, p)).filter((e) => e !== null);
+					continue;
+				}
+			}
+			let s = Z(i, t, n, r, e, p);
+			s !== null && h.push(s);
+		}
+		return l ? (h.length > 0 && (m.default = () => h), O(u, f, m)) : O(u, f, h);
+	}
+	return null;
+}
+var Ee = m({
+	name: "MarkdownDocument",
+	props: {
+		value: {
+			type: Object,
+			default: void 0
+		},
+		components: {
+			type: Object,
+			default: () => ({})
+		},
+		componentsManifest: {
+			type: Function,
+			default: void 0
+		},
+		streaming: {
+			type: Boolean,
+			default: !1
+		},
+		caret: {
+			type: [Boolean, Object],
+			default: !1
+		},
+		data: {
+			type: Object,
+			default: () => ({})
+		},
+		documentKey: {
+			type: String,
+			default: void 0
+		}
+	},
+	async setup(e) {
+		let t = d(() => e.value ?? {
+			nodes: [],
+			frontmatter: {},
+			meta: {}
+		}), n = C(/* @__PURE__ */ new Set()), r = M(null), i = t.value.meta?.key || e.documentKey;
+		if (i && globalThis.comarkContext) {
+			let e = globalThis.comarkContext.get(i, j(t.value)).listen((e) => {
+				r.value = e;
+			});
+			D(() => e(!0));
+		}
+		T((e, t, r) => {
+			let i = t?.$?.type?.name || t?.type?.name || "unknown";
+			return n.value.add(i), !1;
+		});
+		let a = u("comark", {
+			components: {},
+			componentManifest: () => null
+		}), o = d(() => ({
+			...a?.components,
+			...e.components
+		})), s = (t) => {
+			let n = e.componentsManifest?.(t);
+			return n ||= a?.componentManifest(t), n || null;
+		}, c = d(() => he(e.caret || !1));
+		return () => {
+			let n = j(r.value ?? t.value), i = [...n.nodes || []];
+			e.streaming && c.value && i.length > 0 && (W(i[i.length - 1], c.value) || i.push(c.value));
+			let a = {
+				frontmatter: n.frontmatter || n.data || {},
+				meta: n.meta || {},
+				data: e.data || {},
+				props: {}
+			}, l = i.map((e, t) => Z(e, o.value, t, s, void 0, a)).filter((e) => e !== null);
+			return O("div", { class: "comark-content" }, l);
+		};
+	}
+}), De = /* @__PURE__ */ m({
+	__name: "HelpLink",
+	props: { href: {} },
+	setup(e) {
+		let t = e, n = r();
+		function i(e) {
+			e.button || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey || !t.href?.startsWith("/_cms/app/help/") || (e.preventDefault(), n.push(t.href));
+		}
+		return (t, n) => (S(), o(le, {
+			href: e.href,
+			onClick: i
+		}, {
+			default: v(() => [y(t.$slots, "default")]),
+			_: 3
+		}, 8, ["href"]));
+	}
+}), Q = /* @__PURE__ */ m({
+	__name: "HelpCallout",
+	props: { warning: { type: Boolean } },
+	setup(e) {
+		return (t, n) => (S(), o(F, {
+			color: e.warning ? "warning" : "neutral",
+			icon: e.warning ? "i-lucide-triangle-alert" : "i-lucide-info"
+		}, {
+			default: v(() => [y(t.$slots, "default")]),
+			_: 3
+		}, 8, ["color", "icon"]));
+	}
+}), Oe = /* @__PURE__ */ m({
+	__name: "HelpWarning",
+	setup(e) {
+		return (e, t) => (S(), o(Q, { warning: "" }, {
+			default: v(() => [y(e.$slots, "default")]),
+			_: 3
+		}));
+	}
+}), ke = { class: "my-6" }, Ae = ["src", "alt"], je = {
+	key: 0,
+	class: "mt-2 text-sm text-muted"
+}, Me = /* @__PURE__ */ m({
+	__name: "HelpScreenshot",
+	props: {
+		src: {},
+		alt: {},
+		caption: {}
+	},
+	setup(e) {
+		return (t, n) => (S(), g("figure", ke, [w("img", {
+			src: e.src,
+			alt: e.alt,
+			loading: "lazy",
+			class: "h-auto w-full rounded-lg border border-default"
+		}, null, 8, Ae), e.caption ? (S(), g("figcaption", je, x(e.caption), 1)) : h("", !0)]));
+	}
+}), Ne = /* @__PURE__ */ m({
+	__name: "HelpDocument",
+	props: { document: {} },
+	setup(e) {
+		let t = {
+			p: re,
+			h2: L,
+			h3: de,
+			h4: ce,
+			ul: ae,
+			ol: se,
+			li: te,
+			img: ne,
+			table: ee,
+			blockquote: P,
+			hr: I,
+			code: ue,
+			a: De,
+			note: Q,
+			warning: Oe,
+			screenshot: Me
+		};
+		return (n, r) => (S(), o(A, null, {
+			default: v(() => [b(c(Ee), {
+				value: e.document,
+				components: t
+			}, null, 8, ["value"])]),
+			_: 1
+		}));
+	}
+}), Pe = { class: "w-full max-w-5xl space-y-8" }, Fe = ["aria-label"], Ie = {
+	key: 0,
+	role: "status",
+	class: "text-sm text-muted"
+}, Le = { class: "flex flex-wrap items-start gap-10" }, Re = ["lang", "dir"], ze = ["aria-label"], Be = { class: "font-medium" }, Ve = { class: "space-y-2" }, $ = [
+	"href",
+	"lang",
+	"dir"
+], He = { class: "text-base font-semibold" }, Ue = { class: "divide-y divide-default rounded-lg border border-default" }, We = { class: "block font-medium" }, Ge = { class: "block text-sm leading-6 text-muted" }, Ke = {
+	key: 0,
+	class: "text-sm text-muted"
+}, qe = ["datetime"], Je = { class: "text-lg font-semibold" }, Ye = { class: "text-sm leading-6 text-muted" }, Xe = /* @__PURE__ */ m({
+	__name: "HelpPage",
+	setup(a) {
+		let { t: u, locale: f, date: m } = n(), y = i();
+		r();
+		let C = V(), T = ie(), E = d(() => y.name === "help-updates"), D = d(() => R.find((e) => e.kind === (E.value ? "updates" : "guides") && e.id === y.params.articleId)), O = me(D, f), A = O.article, j = d(() => D.value ? B(D.value, f.value).locale : void 0), M = d(() => D.value ? B(D.value, f.value).title : y.params.articleId ? u("help.missing.title") : u(E.value ? "help.updates" : "help.guides")), N = d(() => D.value ? B(D.value, f.value).summary : y.params.articleId ? u("help.missing.description") : u(E.value ? "help.updates.description" : "help.guides.description")), P = d(() => oe.map((e) => ({
+			group: e,
+			entries: R.filter((t) => t.kind === "guides" && t.group === e)
+		}))), F = d(() => R.filter((e) => e.kind === "updates")), I = d(() => A.value?.document.meta.toc?.links ?? []), L = {
+			"getting-started": "help.group.getting-started",
+			content: "help.group.content",
+			publishing: "help.group.publishing"
+		};
+		return l(E, (e) => {
+			e && T?.markRead();
+		}, { immediate: !0 }), l([A, () => y.hash], () => {
+			A.value && y.hash && requestAnimationFrame(() => document.getElementById(decodeURIComponent(y.hash.slice(1)))?.scrollIntoView());
+		}, { flush: "post" }), (n, r) => {
+			let i = e, a = fe, l = p("RouterLink");
+			return S(), o(pe, {
+				title: M.value,
+				description: N.value,
+				"heading-locale": j.value
+			}, {
+				actions: v(() => [b(i, {
+					label: c(u)("help.return"),
+					icon: "i-lucide-arrow-left",
+					variant: "ghost",
+					onClick: r[0] ||= (e) => c(C).returnFromHelp()
+				}, null, 8, ["label"])]),
+				default: v(() => [w("div", Pe, [w("nav", {
+					"aria-label": c(u)("help.title"),
+					class: "flex flex-wrap items-center gap-2"
+				}, [b(i, {
+					label: c(u)("help.guides"),
+					to: c(z)("guides"),
+					active: !E.value,
+					"active-variant": "soft",
+					variant: "ghost"
+				}, null, 8, [
+					"label",
+					"to",
+					"active"
+				]), b(i, {
+					label: c(u)("help.updates"),
+					to: c(z)("updates"),
+					active: E.value,
+					"active-variant": "soft",
+					variant: "ghost"
+				}, null, 8, [
+					"label",
+					"to",
+					"active"
+				])], 8, Fe), c(O).loading.value ? (S(), g("div", Ie, x(c(u)("help.loading")), 1)) : c(O).failed.value ? (S(), o(a, {
+					key: 1,
+					description: c(u)("help.loadFailed"),
+					color: "error",
+					variant: "subtle",
+					actions: [{
+						label: c(u)("help.retry"),
+						onClick: c(O).retry
+					}]
+				}, null, 8, ["description", "actions"])) : c(A) ? (S(), g(k, { key: 2 }, [c(A).locale === "en" && c(f).split("-")[0] !== "en" ? (S(), o(a, {
+					key: 0,
+					description: c(u)("help.fallback"),
+					color: "neutral",
+					variant: "subtle"
+				}, null, 8, ["description"])) : h("", !0), w("div", Le, [w("article", {
+					class: "min-w-0 basis-0 grow-999 [min-inline-size:min(100%,30rem)] max-w-[70ch]",
+					lang: c(A).locale,
+					dir: c(t)(c(A).locale)
+				}, [(S(), o(Ne, {
+					key: `${D.value?.id}:${c(A).locale}`,
+					document: c(A).document
+				}, null, 8, ["document"]))], 8, Re), I.value.length > 1 ? (S(), g("nav", {
+					key: 0,
+					"aria-label": c(u)("help.contents"),
+					class: "basis-44 grow space-y-3 text-sm"
+				}, [w("h2", Be, x(c(u)("help.contents")), 1), w("ul", Ve, [(S(!0), g(k, null, _(I.value, (e) => (S(), g("li", { key: e.id }, [w("a", {
+					href: `#${e.id}`,
+					lang: c(A).locale,
+					dir: c(t)(c(A).locale),
+					class: "text-muted hover:text-highlighted"
+				}, x(e.text), 9, $)]))), 128))])], 8, ze)) : h("", !0)])], 64)) : !c(y).params.articleId && !E.value ? (S(!0), g(k, { key: 3 }, _(P.value, (e) => (S(), g("section", {
+					key: e.group,
+					class: "space-y-3"
+				}, [w("h2", He, x(c(u)(L[e.group])), 1), w("ul", Ue, [(S(!0), g(k, null, _(e.entries, (e) => (S(), g("li", { key: e.id }, [b(l, {
+					to: c(z)("guides", e.id),
+					class: "block space-y-1 px-4 py-4 hover:bg-elevated focus-visible:outline-2 focus-visible:outline-primary active:bg-elevated"
+				}, {
+					default: v(() => [w("span", We, x(c(B)(e, c(f)).title), 1), w("span", Ge, x(c(B)(e, c(f)).summary), 1)]),
+					_: 2
+				}, 1032, ["to"])]))), 128))])]))), 128)) : !c(y).params.articleId && E.value ? (S(), g(k, { key: 4 }, [F.value.length ? h("", !0) : (S(), g("p", Ke, x(c(u)("help.emptyUpdates")), 1)), (S(!0), g(k, null, _(F.value, (e) => (S(), g("section", {
+					key: e.id,
+					class: "space-y-2 border-b border-default pb-6"
+				}, [
+					w("time", {
+						datetime: e.date,
+						class: "text-xs text-muted"
+					}, x(c(m)(`${e.date}T12:00:00Z`, {
+						dateStyle: "long",
+						timeZone: "UTC"
+					})), 9, qe),
+					w("h2", Je, [b(l, { to: c(z)("updates", e.id) }, {
+						default: v(() => [s(x(c(B)(e, c(f)).title), 1)]),
+						_: 2
+					}, 1032, ["to"])]),
+					w("p", Ye, x(c(B)(e, c(f)).summary), 1)
+				]))), 128))], 64)) : (S(), o(i, {
+					key: 5,
+					label: c(u)("help.back"),
+					to: c(z)("guides"),
+					variant: "soft"
+				}, null, 8, ["label", "to"]))])]),
+				_: 1
+			}, 8, [
+				"title",
+				"description",
+				"heading-locale"
+			]);
+		};
+	}
+});
+//#endregion
+export { Xe as default };