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

package/src/{store-CCsjHaZm.js → store-PKKB8xa2.js}

@@ -1,9 +1,9 @@
-import { o as PublicPath, r as DocumentId } from "./scalars-B2lgGUnj.js";
-import { Ct as CollectionName, n as CmsMarkdownDocument } from "./models-ChRxBChy.js";
-import { f as mutableJson, p as mutableJsonObject } from "./Forms-DoB56hfe.js";
-import { n as editorMetadata } from "./metadata-BEZPWh-3.js";
+import { o as PublicPath, r as DocumentId } from "./scalars-CVZqT3L0.js";
+import { it as CollectionName, n as CmsMarkdownDocument } from "./models-VmGmG19-.js";
+import { f as mutableJson, p as mutableJsonObject } from "./Forms-CX-hwmJF.js";
+import { n as editorMetadata } from "./metadata-UzZmjwxM.js";
 import { prepareFormDocument } from "./runtime/forms/document.js";
-import { CMS_PREVIEW_INLINE_HOST_ATTRIBUTE, CMS_PREVIEW_MARKER_TAG, CMS_PREVIEW_NODE_ATTRIBUTE, CMS_PREVIEW_TARGET_ATTRIBUTE, CMS_PREVIEW_WRAPPER_ATTRIBUTE } from "./runtime/preview/protocol.js";
+import { CMS_PREVIEW_EDGE_PROPERTY, CMS_PREVIEW_KIND_PROPERTY, CMS_PREVIEW_MARKER_TAG, CMS_PREVIEW_NODE_PROPERTY } from "./runtime/preview/protocol.js";
 import { toPreviewRenderDocument } from "./runtime/preview/comark-document.js";
 import { Predicate, Result, Schema } from "effect";
 import { shallowRef } from "vue";
@@ -37,16 +37,6 @@ const NATIVE_BLOCK_TAGS = /* @__PURE__ */ new Set([
 	"tr",
 	"ul"
 ]);
-const INLINE_TAGS = /* @__PURE__ */ new Set([
-	"a",
-	"br",
-	"code",
-	"del",
-	"em",
-	"img",
-	"strong",
-	"u"
-]);
 function projectPreviewDocument(body, markers) {
 	return Result.try({
 		try: () => projectPreviewDocumentUnsafe(body, markers),
@@ -59,8 +49,8 @@ function projectPreviewDocument(body, markers) {
 function projectPreviewDocumentUnsafe(body, markers) {
 	const fallbacks = {};
 	let identifiedTargets = 0;
-	const cloneNodes = (nodes, componentId) => nodes.map((node) => {
-		if (Predicate.isString(node) || node[0] === null) return mutableJson(node);
+	function cloneNode(node, componentId, slotId) {
+		if (Predicate.isString(node) || node[0] === null) return [mutableJson(node)];
 		const [tag, originalAttributes, ...originalChildren] = node;
 		const isSlot = tag === "template";
 		const isNative = NATIVE_BLOCK_TAGS.has(tag);
@@ -69,44 +59,33 @@ function projectPreviewDocumentUnsafe(body, markers) {
 		const id = metadata?.nodeId;
 		if (id) {
 			identifiedTargets++;
-			if (componentId) fallbacks[id] = componentId;
-			if (!isSlot && !isNative) {
-				attributes[markers.nodeAttribute] = id;
-				attributes[markers.targetAttribute] = "component";
-			}
-		}
-		const children = [...cloneNodes(originalChildren, !isNative && !isSlot && id ? id : componentId)];
-		if (id && metadata?.implicitSlotId && !isNative && !isSlot && hasImplicitDefaultContent(originalChildren)) {
-			const slotId = metadata.implicitSlotId;
-			fallbacks[slotId] = id;
-			const markerChildren = hasInlineImplicitDefaultContent(originalChildren) ? children.splice(0) : [];
-			const markerAttributes = {
-				[markers.nodeAttribute]: slotId,
-				[markers.targetAttribute]: "slot",
-				[markers.wrapperAttribute]: ""
-			};
-			if (markerChildren.length) markerAttributes[markers.inlineHostAttribute] = "";
-			children.unshift([
-				markers.markerTag,
-				markerAttributes,
-				...markerChildren
-			]);
+			const parentId = slotId ?? componentId;
+			if (parentId) fallbacks[id] = parentId;
 		}
-		if (isSlot && id) children.unshift([markers.markerTag, {
-			[markers.nodeAttribute]: id,
-			[markers.targetAttribute]: "slot",
-			[markers.wrapperAttribute]: ""
-		}]);
+		const nextComponentId = !isNative && !isSlot && id ? id : componentId;
+		const implicitSlotId = id && metadata?.implicitSlotId && !isNative && !isSlot && hasImplicitDefaultContent(originalChildren) ? metadata.implicitSlotId : void 0;
+		const children = originalChildren.flatMap((child) => {
+			const childSlotId = explicitSlotId(child) ?? (isSlot ? id : implicitSlotId) ?? slotId;
+			const projected = cloneNode(child, nextComponentId, childSlotId);
+			return implicitSlotId && !isSlot && !isSlotNode(child) ? previewRange(implicitSlotId, "field", projected, markers) : projected;
+		});
+		if (id && implicitSlotId) fallbacks[implicitSlotId] = id;
+		if (isSlot && id && componentId) fallbacks[id] = componentId;
 		const cloned = [
 			tag,
 			attributes,
 			...children
 		];
-		if (id && isNative) return previewWrapper(id, "native", cloned, markers);
-		if (id && !isNative && !isSlot) return previewWrapper(id, "component", cloned, markers);
-		return cloned;
-	});
-	const nodes = cloneNodes(body.nodes);
+		if (isSlot && id && componentId) return [[
+			tag,
+			attributes,
+			...previewRange(id, "field", children, markers)
+		]];
+		if (id && isNative) return previewRange(id, "native", [cloned], markers);
+		if (id && !isSlot) return previewRange(id, "component", [cloned], markers);
+		return [cloned];
+	}
+	const nodes = body.nodes.flatMap((node) => cloneNode(node));
 	if (body.nodes.length && !identifiedTargets) throw new Error("Studio preview requires an identified authoring document.");
 	return {
 		body: CmsMarkdownDocument.make({
@@ -117,23 +96,28 @@ function projectPreviewDocumentUnsafe(body, markers) {
 		fallbacks
 	};
 }
-function previewWrapper(nodeId, kind, child, markers) {
+function previewRange(nodeId, kind, children, markers) {
+	const marker = (edge) => [markers.tag, {
+		[markers.edgeProperty]: edge,
+		[markers.kindProperty]: kind,
+		[markers.nodeProperty]: nodeId
+	}];
 	return [
-		markers.markerTag,
-		{
-			[markers.nodeAttribute]: nodeId,
-			[markers.targetAttribute]: kind,
-			[markers.wrapperAttribute]: ""
-		},
-		child
+		marker("start"),
+		...children,
+		marker("end")
 	];
 }
+function explicitSlotId(node) {
+	if (Predicate.isString(node) || node[0] !== "template") return void 0;
+	return editorMetadata(node[1])?.nodeId;
+}
+function isSlotNode(node) {
+	return !Predicate.isString(node) && node[0] === "template";
+}
 function hasImplicitDefaultContent(nodes) {
 	return !nodes.some((node) => Array.isArray(node) && node[0] === "template" && node[1].name === "default") && nodes.some((node) => Predicate.isString(node) ? Boolean(node) : node[0] !== "template");
 }
-function hasInlineImplicitDefaultContent(nodes) {
-	return nodes.length > 0 && nodes.every((node) => Predicate.isString(node) || Array.isArray(node) && node[0] !== null && INLINE_TAGS.has(node[0]));
-}
 
 //#endregion
 //#region src/runtime/preview/store.ts
@@ -211,11 +195,10 @@ function renderedDocuments(registrations, patches) {
 }
 function createPreviewDocument(body) {
 	const projection = projectPreviewDocument(body, {
-		inlineHostAttribute: CMS_PREVIEW_INLINE_HOST_ATTRIBUTE,
-		markerTag: CMS_PREVIEW_MARKER_TAG,
-		nodeAttribute: CMS_PREVIEW_NODE_ATTRIBUTE,
-		targetAttribute: CMS_PREVIEW_TARGET_ATTRIBUTE,
-		wrapperAttribute: CMS_PREVIEW_WRAPPER_ATTRIBUTE
+		edgeProperty: CMS_PREVIEW_EDGE_PROPERTY,
+		kindProperty: CMS_PREVIEW_KIND_PROPERTY,
+		nodeProperty: CMS_PREVIEW_NODE_PROPERTY,
+		tag: CMS_PREVIEW_MARKER_TAG
 	});
 	if (Result.isFailure(projection)) throw projection.failure;
 	return projection.success;
@@ -223,4 +206,4 @@ function createPreviewDocument(body) {
 
 //#endregion
 export { createStudioPreviewStore as t };
-//# sourceMappingURL=store-CCsjHaZm.js.map
+//# sourceMappingURL=store-PKKB8xa2.js.map

package/src/store-PKKB8xa2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"store-PKKB8xa2.js","names":["CmsMarkdownDocumentSchema"],"sources":["../../../../document/src/PreviewProjection.ts","../../../src/runtime/preview/store.ts"],"sourcesContent":["import type { CmsMarkdownDocument, MarkdownNode } from '@internal/protocol/Documents'\nimport type { EditorNodeId } from '@internal/protocol/Documents'\nimport { CmsMarkdownDocument as CmsMarkdownDocumentSchema } from '@internal/protocol/Documents'\nimport { Predicate, Result, Schema } from 'effect'\nimport { mutableJson, mutableJsonObject } from './internal/comark/document-adapter'\nimport { editorMetadata } from './internal/editor/metadata'\n\nexport interface PreviewProjectionMarkers {\n  readonly edgeProperty: string\n  readonly kindProperty: string\n  readonly nodeProperty: string\n  readonly tag: string\n}\n\nexport interface PreviewProjection {\n  readonly body: CmsMarkdownDocument\n  readonly fallbacks: Readonly<Record<string, string>>\n}\n\nexport class PreviewProjectionInvalid extends Schema.TaggedError<PreviewProjectionInvalid>()(\n  'PreviewProjection.Invalid',\n  {\n    message: Schema.NonEmptyString,\n    cause: Schema.Defect(),\n  },\n) {}\n\nconst NATIVE_BLOCK_TAGS = new Set([\n  'blockquote',\n  'h1',\n  'h2',\n  'h3',\n  'h4',\n  'h5',\n  'h6',\n  'hr',\n  'img',\n  'li',\n  'math',\n  'ol',\n  'p',\n  'pre',\n  'table',\n  'tbody',\n  'td',\n  'th',\n  'thead',\n  'tr',\n  'ul',\n])\n\nexport function projectPreviewDocument(\n  body: CmsMarkdownDocument,\n  markers: PreviewProjectionMarkers,\n): Result.Result<PreviewProjection, PreviewProjectionInvalid> {\n  return Result.try({\n    try: () => projectPreviewDocumentUnsafe(body, markers),\n    catch: (cause) =>\n      new PreviewProjectionInvalid({\n        cause,\n        message: cause instanceof Error && cause.message ? cause.message : 'The preview projection is invalid.',\n      }),\n  })\n}\n\nfunction projectPreviewDocumentUnsafe(body: CmsMarkdownDocument, markers: PreviewProjectionMarkers): PreviewProjection {\n  const fallbacks: Record<string, string> = {}\n  let identifiedTargets = 0\n\n  function cloneNode(\n    node: MarkdownNode,\n    componentId?: EditorNodeId,\n    slotId?: EditorNodeId,\n  ): ReadonlyArray<Schema.Json> {\n    if (Predicate.isString(node) || node[0] === null) return [mutableJson(node)]\n    const [tag, originalAttributes, ...originalChildren] = node\n    const isSlot = tag === 'template'\n    const isNative = NATIVE_BLOCK_TAGS.has(tag)\n    const attributes = mutableJsonObject(originalAttributes)\n    const metadata = editorMetadata(attributes)\n    const id = metadata?.nodeId\n\n    if (id) {\n      identifiedTargets++\n      const parentId = slotId ?? componentId\n\n      if (parentId) fallbacks[id] = parentId\n    }\n\n    const nextComponentId = !isNative && !isSlot && id ? id : componentId\n\n    const implicitSlotId =\n      id && metadata?.implicitSlotId && !isNative && !isSlot && hasImplicitDefaultContent(originalChildren)\n        ? metadata.implicitSlotId\n        : undefined\n\n    const children = originalChildren.flatMap((child) => {\n      const childSlotId = explicitSlotId(child) ?? (isSlot ? id : implicitSlotId) ?? slotId\n      const projected = cloneNode(child, nextComponentId, childSlotId)\n\n      return implicitSlotId && !isSlot && !isSlotNode(child)\n        ? previewRange(implicitSlotId, 'field', projected, markers)\n        : projected\n    })\n\n    if (id && implicitSlotId) fallbacks[implicitSlotId] = id\n\n    if (isSlot && id && componentId) fallbacks[id] = componentId\n\n    const cloned: Schema.Json = [tag, attributes, ...children]\n\n    if (isSlot && id && componentId) return [[tag, attributes, ...previewRange(id, 'field', children, markers)]]\n\n    if (id && isNative) return previewRange(id, 'native', [cloned], markers)\n\n    if (id && !isSlot) return previewRange(id, 'component', [cloned], markers)\n\n    return [cloned]\n  }\n\n  const nodes = body.nodes.flatMap((node) => cloneNode(node))\n\n  if (body.nodes.length && !identifiedTargets)\n    throw new Error('Studio preview requires an identified authoring document.')\n\n  return {\n    body: CmsMarkdownDocumentSchema.make({\n      frontmatter: mutableJsonObject(body.frontmatter),\n      meta: mutableJsonObject(body.meta),\n      nodes,\n    }),\n    fallbacks,\n  }\n}\n\nfunction previewRange(\n  nodeId: EditorNodeId,\n  kind: 'component' | 'field' | 'native',\n  children: ReadonlyArray<Schema.Json>,\n  markers: PreviewProjectionMarkers,\n): ReadonlyArray<Schema.Json> {\n  const marker = (edge: 'end' | 'start'): Schema.Json => [\n    markers.tag,\n    {\n      [markers.edgeProperty]: edge,\n      [markers.kindProperty]: kind,\n      [markers.nodeProperty]: nodeId,\n    },\n  ]\n\n  return [marker('start'), ...children, marker('end')]\n}\n\nfunction explicitSlotId(node: MarkdownNode): EditorNodeId | undefined {\n  if (Predicate.isString(node) || node[0] !== 'template') return undefined\n\n  return editorMetadata(node[1])?.nodeId\n}\n\nfunction isSlotNode(node: MarkdownNode): boolean {\n  return !Predicate.isString(node) && node[0] === 'template'\n}\n\nfunction hasImplicitDefaultContent(nodes: ReadonlyArray<MarkdownNode>): boolean {\n  const hasExplicitDefault = nodes.some(\n    (node) => Array.isArray(node) && node[0] === 'template' && node[1].name === 'default',\n  )\n\n  return (\n    !hasExplicitDefault && nodes.some((node) => (Predicate.isString(node) ? Boolean(node) : node[0] !== 'template'))\n  )\n}\n","import { prepareFormDocument } from '../forms/document'\nimport type { ComponentDefinition } from '@internal/protocol/Configuration'\nimport type { RenderedCompiledDocument, RenderedDocumentManifest } from '@internal/protocol/Preview'\nimport { projectPreviewDocument } from '@internal/document/PreviewProjection'\nimport { CollectionName } from '@internal/protocol/Configuration'\nimport { DocumentId, PublicPath } from '@internal/protocol/Documents'\nimport { Result } from 'effect'\nimport { createComarkContext } from 'comark'\nimport { shallowRef } from 'vue'\nimport type { DeliveryDocument as PreviewCompiledDocument } from '../delivery/types'\nimport type { DocumentPreviewStore, PreviewDocumentRole } from '../delivery/preview'\nimport { toPreviewRenderDocument } from './comark-document'\nimport {\n  CMS_PREVIEW_EDGE_PROPERTY,\n  CMS_PREVIEW_KIND_PROPERTY,\n  CMS_PREVIEW_MARKER_TAG,\n  CMS_PREVIEW_NODE_PROPERTY,\n} from './protocol'\n\nexport { documentPreviewStoreKey, type DocumentPreviewStore, type PreviewDocumentRole } from '../delivery/preview'\n\nexport type { DeliveryDocument as PreviewCompiledDocument } from '../delivery/types'\n\nexport interface StudioPreviewStore extends DocumentPreviewStore {\n  readonly manifest: () => RenderedDocumentManifest\n  readonly patch: (document: PreviewCompiledDocument) => Promise<Readonly<Record<string, string>>>\n  readonly routeChanged: () => void\n  readonly subscribe: (listener: (manifest: RenderedDocumentManifest) => void) => () => void\n}\n\nexport function createStudioPreviewStore(\n  route: () => RenderedDocumentManifest['route'],\n  forms: () => ReadonlyArray<ComponentDefinition> = () => [],\n): StudioPreviewStore {\n  const context = createComarkContext()\n  const patches = shallowRef(new Map<string, PreviewCompiledDocument>())\n\n  const registrations = new Map<\n    symbol,\n    { readonly document: PreviewCompiledDocument; readonly role: PreviewDocumentRole }\n  >()\n\n  const listeners = new Set<(manifest: RenderedDocumentManifest) => void>()\n\n  const manifest = (): RenderedDocumentManifest => ({\n    documents: renderedDocuments(registrations.values(), patches.value),\n    route: route(),\n  })\n\n  const notify = (): void => {\n    const value = manifest()\n\n    for (const listener of listeners) listener(value)\n  }\n\n  return {\n    manifest,\n    // oxlint-disable-next-line effecttsgo/async-function -- The Promise contract turns synchronous projection failures into patch rejections for the preview controller.\n    async patch(document) {\n      const preview = createPreviewDocument(document.body)\n      const patched = prepareFormDocument({ ...document, body: preview.body }, forms(), true)\n      patches.value = new Map(patches.value).set(document.id, patched)\n      const renderBody = toPreviewRenderDocument(patched.body)\n      context.get(document.id, renderBody).set(renderBody)\n      notify()\n\n      return preview.fallbacks\n    },\n    register(document, role) {\n      const registration = Symbol(document.id)\n      registrations.set(registration, { document, role })\n      notify()\n\n      return () => {\n        registrations.delete(registration)\n        notify()\n      }\n    },\n    resolve(document) {\n      return patches.value.get(document.id) ?? document\n    },\n    routeChanged: notify,\n    subscribe(listener) {\n      listeners.add(listener)\n      listener(manifest())\n\n      return () => listeners.delete(listener)\n    },\n  }\n}\n\nfunction renderedDocuments(\n  registrations: Iterable<{ readonly document: PreviewCompiledDocument; readonly role: PreviewDocumentRole }>,\n  patches: ReadonlyMap<string, PreviewCompiledDocument>,\n): ReadonlyArray<RenderedCompiledDocument> {\n  const priority = { embedded: 1, primary: 4, related: 2, summary: 3 } satisfies Record<PreviewDocumentRole, number>\n  const documents = new Map<string, RenderedCompiledDocument>()\n\n  for (const registration of registrations) {\n    const document = patches.get(registration.document.id) ?? registration.document\n    const current = documents.get(document.id)\n\n    if (current && priority[current.role] >= priority[registration.role]) continue\n    documents.set(document.id, {\n      collection: CollectionName.make(document.collection),\n      documentId: DocumentId.make(document.id),\n      path: PublicPath.make(document.path),\n      role: registration.role,\n      title: document.title,\n    })\n  }\n\n  return [...documents.values()].sort(\n    (left, right) => priority[right.role] - priority[left.role] || left.title.localeCompare(right.title),\n  )\n}\n\nfunction createPreviewDocument(body: PreviewCompiledDocument['body']) {\n  const projection = projectPreviewDocument(body, {\n    edgeProperty: CMS_PREVIEW_EDGE_PROPERTY,\n    kindProperty: CMS_PREVIEW_KIND_PROPERTY,\n    nodeProperty: CMS_PREVIEW_NODE_PROPERTY,\n    tag: CMS_PREVIEW_MARKER_TAG,\n  })\n\n  if (Result.isFailure(projection)) throw projection.failure\n\n  return projection.success\n}\n"],"mappings":"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"}

package/src/{types-DutFRtaG.d.ts → types-DZ0IV-Ow.d.ts}

@@ -33,6 +33,11 @@ interface DeliveryDocument {
   readonly draft: boolean;
   readonly engineFingerprint: string;
   readonly id: string;
+  readonly identity: {
+    readonly collection: string;
+    readonly documentId: string;
+    readonly locale?: string;
+  };
   readonly issues: ReadonlyArray<{
     readonly code: string;
     readonly collection?: string;
@@ -41,11 +46,18 @@ interface DeliveryDocument {
     readonly locale?: string;
     readonly message: string;
     readonly severity: 'error' | 'warning';
-    readonly sourcePath?: string;
+    readonly documentId?: string;
   }>;
   readonly key: string;
   readonly locale?: string;
   readonly path: string;
+  readonly placement: {
+    readonly kind: 'home';
+  } | {
+    readonly kind: 'entry';
+    readonly parentDocumentId: string;
+    readonly slug: string;
+  };
   readonly resolvedSeo?: ResolvedSeo;
   readonly seo?: DocumentSeo;
   readonly source: {
@@ -64,7 +76,6 @@ interface DeliveryDocument {
         };
       };
     }>;
-    readonly path: string;
     readonly publishedAt?: DateTime.Utc;
   };
   readonly title: string;
@@ -87,4 +98,4 @@ interface DeliveryDocumentQuery {
 }
 //#endregion
 export { DeliveryJson as a, DeliveryMarkdownNode as c, DeliveryDocumentQuerySort as i, DeliveryDocumentPage as n, DeliveryJsonObject as o, DeliveryDocumentQuery as r, DeliveryMarkdownDocument as s, DeliveryDocument as t };
-//# sourceMappingURL=types-DutFRtaG.d.ts.map
+//# sourceMappingURL=types-DZ0IV-Ow.d.ts.map

package/studio/CreateDocumentDialog-vQ8hDs2C.js

@@ -0,0 +1,253 @@
+import { $ as e, Bt as t, Et as n, It as r, Nt as i, Q as a, Y as ee, at as o, cn as s, dn as c, en as l, et as u, mt as d, nt as f, on as p, q as te, st as m, tt as h, wt as g } from "./editor-P2rB7Csp.js";
+import { D as ne, I as _, M as v, N as y, O as b, P as x, j as S, n as C, or as w, sr as re, t as T, vr as ie } from "./documentPlanning-Bx3W9KkD.js";
+//#region src/documents/CreateDocumentDialog.vue?vue&type=script&setup=true&lang.ts
+var ae = { key: 2 }, oe = { class: "grid grid-flow-col auto-cols-fr overflow-x-auto rounded-md border border-default" }, se = ["title", "onClick"], ce = { class: "block truncate" }, E = {
+	key: 0,
+	class: "mt-2 flex min-w-0 items-center justify-between gap-3 text-xs text-muted"
+}, D = { class: "truncate" }, le = { class: "shrink-0 font-mono text-[11px] text-dimmed" }, ue = {
+	key: 5,
+	class: "flex min-w-0 items-center gap-3 rounded-md border border-default px-3 py-2"
+}, O = {
+	key: 6,
+	class: "-mt-2 text-xs text-error"
+}, k = {
+	key: 7,
+	class: "-mt-2 text-xs text-error"
+}, de = { class: "flex w-full justify-end gap-2" }, A = "__top_level__", j = /* @__PURE__ */ m({
+	__name: "CreateDocumentDialog",
+	props: /*@__PURE__*/ d({
+		catalog: {},
+		context: {}
+	}, {
+		open: { type: Boolean },
+		openModifiers: {}
+	}),
+	emits: /*@__PURE__*/ d(["close"], ["update:open"]),
+	setup(d, { emit: m }) {
+		let j = m, M = i(d, "open"), N = S(), P = N.bootstrap.documents, F = P.types.filter((e) => e.canCreate), I = (P.locales?.locales ?? []).map((e) => ({
+			label: he(e),
+			value: String(e)
+		})), L = l(""), R = l(!1), z = l(""), B = l(""), V = l(!1), H = l(""), U = l(A), W = l(P.locales?.defaultLocale ?? ""), G = a(() => {
+			let e = F.map((e) => ({
+				collection: e.collection,
+				description: e.description,
+				key: `entry:${e.collection}`,
+				kind: "entry",
+				label: e.label,
+				type: e,
+				urlHint: e.routes.entry.replace(/:[a-z][\w.]*\*?/giu, "…")
+			}));
+			return [...F.filter((e) => !d.catalog.entries.value.some((t) => t.document.collection === e.collection && t.document.locale === (W.value || void 0) && t.document.placement.kind === "home")).flatMap((e) => {
+				let t = T(P, {
+					collection: e.collection,
+					locale: W.value || void 0,
+					placement: { kind: "home" },
+					title: "Home"
+				});
+				return w(t) || d.catalog.entries.value.some((e) => e.document.path === t.success.path) ? [] : [{
+					collection: e.collection,
+					description: "The first document visitors see when they open the website.",
+					key: `home:${e.collection}`,
+					kind: "home",
+					label: "Home",
+					type: e,
+					urlHint: t.success.path
+				}];
+			}), ...e];
+		}), K = a(() => G.value.find((e) => e.key === H.value)), fe = a(() => d.catalog.entries.value.find((e) => e.document.collection === K.value?.collection && e.document.locale === (W.value || void 0) && e.document.placement.kind === "home")), q = a(() => {
+			if (K.value?.kind === "home") return { kind: "home" };
+			let e = U.value === A ? fe.value?.document.id : U.value;
+			return e ? {
+				kind: "entry",
+				parentDocumentId: e,
+				slug: B.value
+			} : void 0;
+		}), J = a(() => {
+			let e = K.value, t = q.value;
+			if (!e || !t || e.kind === "entry" && !B.value.trim()) return;
+			let n = {
+				collection: e.collection,
+				placement: t,
+				title: z.value || "Untitled"
+			}, r = n.placement.kind === "entry" ? d.catalog.byId(n.placement.parentDocumentId)?.document.path : void 0;
+			return T(P, W.value ? {
+				...n,
+				locale: W.value
+			} : n, r);
+		}), Y = a(() => {
+			let e = J.value;
+			return e && re(e) ? e.success : void 0;
+		}), X = a(() => {
+			let e = J.value;
+			return e && w(e) ? e.failure : "";
+		}), Z = a(() => Y.value && d.catalog.entries.value.some((e) => e.document.path === Y.value?.path)), pe = a(() => {
+			let e = K.value;
+			if (!e || e.kind === "home" || !e.type.hierarchy) return [];
+			let t = d.catalog.entries.value.flatMap((t) => t.document.collection !== e.collection || t.document.locale !== (W.value || void 0) ? [] : [{
+				label: `${t.document.title} · ${t.document.path}`,
+				value: String(t.document.id)
+			}]);
+			return d.context?.parent && !t.some((e) => e.value === d.context.parent) && t.push({
+				label: d.context.parent,
+				value: d.context.parent
+			}), [{
+				label: "Top level",
+				value: A
+			}, ...t];
+		}), Q = a(() => !!z.value.trim() && !!K.value && !!Y.value && !Z.value);
+		r(z, (e) => {
+			V.value || (B.value = C(e));
+		}), r(H, () => U.value = A, { flush: "sync" }), r(W, () => {
+			U.value = A, K.value || (H.value = $());
+		}, { flush: "sync" }), r(M, (e) => {
+			e && (L.value = "", z.value = "", B.value = "", V.value = !1, W.value = d.context?.locale ?? P.locales?.defaultLocale ?? "", H.value = d.context?.collection ? `entry:${d.context.collection}` : $(), U.value = d.context?.parent || A, d.context?.slug && (B.value = d.context.slug, V.value = !0));
+		}, { immediate: !0 });
+		async function me() {
+			let e = K.value, t = q.value;
+			if (Q.value && e && t && !R.value) {
+				R.value = !0, L.value = "";
+				try {
+					let n = {
+						collection: e.collection,
+						placement: t,
+						title: z.value
+					}, r = await N.gateway.documents.create(W.value ? {
+						...n,
+						locale: W.value
+					} : n);
+					await d.catalog.refresh(!0);
+					let i = d.catalog.byId(r.documentId);
+					if (!i) throw Error("The page was created but could not be opened.");
+					j("close", i.document.id);
+				} catch (e) {
+					L.value = _(e);
+				} finally {
+					R.value = !1;
+				}
+			}
+		}
+		function $() {
+			return G.value[0]?.key ?? "";
+		}
+		function he(e) {
+			try {
+				return new Intl.DisplayNames(void 0, { type: "language" }).of(e) ?? e.toLocaleUpperCase();
+			} catch {
+				return e.toLocaleUpperCase();
+			}
+		}
+		return (r, i) => {
+			let a = x, l = v, d = y, m = ne, _ = ie, S = b;
+			return g(), u(S, {
+				open: M.value,
+				"onUpdate:open": i[6] ||= (e) => M.value = e,
+				title: "New page",
+				description: "Add a document to your website.",
+				ui: { content: "max-w-lg" }
+			}, {
+				body: t(() => [e("form", {
+					id: "create-document-form",
+					class: "space-y-4",
+					onSubmit: te(me, ["prevent"])
+				}, [
+					L.value ? (g(), u(a, {
+						key: 0,
+						description: L.value,
+						color: "error",
+						variant: "subtle"
+					}, null, 8, ["description"])) : h("", !0),
+					G.value.length ? G.value.length > 1 ? (g(), f("fieldset", ae, [
+						i[7] ||= e("legend", { class: "mb-2 text-sm font-medium text-highlighted" }, "Collection", -1),
+						e("div", oe, [(g(!0), f(ee, null, n(G.value, (t) => (g(), f("button", {
+							key: t.key,
+							type: "button",
+							title: t.description,
+							class: s(["min-w-28 border-l border-default px-3 py-2 text-center text-sm transition-colors first:border-l-0", t.key === H.value ? "bg-muted font-medium text-highlighted" : "bg-default text-muted hover:bg-muted/50 hover:text-highlighted"]),
+							onClick: (e) => H.value = t.key
+						}, [e("span", ce, c(t.label), 1)], 10, se))), 128))]),
+						K.value ? (g(), f("div", E, [e("span", D, c(K.value.description), 1), e("code", le, c(K.value.urlHint), 1)])) : h("", !0)
+					])) : h("", !0) : (g(), u(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"
+					})),
+					K.value ? (g(), f("div", {
+						key: 3,
+						class: s(["grid gap-4", p(I).length ? "sm:grid-cols-[minmax(0,2fr)_minmax(9rem,1fr)]" : ""])
+					}, [o(d, {
+						label: "Title",
+						required: ""
+					}, {
+						default: t(() => [o(l, {
+							modelValue: z.value,
+							"onUpdate:modelValue": i[0] ||= (e) => z.value = e,
+							autofocus: "",
+							placeholder: "About us",
+							class: "w-full"
+						}, null, 8, ["modelValue"])]),
+						_: 1
+					}), p(I).length ? (g(), u(d, {
+						key: 0,
+						label: "Language"
+					}, {
+						default: t(() => [o(m, {
+							modelValue: W.value,
+							"onUpdate:modelValue": i[1] ||= (e) => W.value = e,
+							items: p(I),
+							"value-key": "value",
+							class: "w-full"
+						}, null, 8, ["modelValue", "items"])]),
+						_: 1
+					})) : h("", !0)], 2)) : h("", !0),
+					K.value?.kind === "entry" ? (g(), f("div", {
+						key: 4,
+						class: s(["grid gap-4", K.value.type.hierarchy ? "sm:grid-cols-2" : ""])
+					}, [K.value.type.hierarchy ? (g(), u(d, {
+						key: 0,
+						label: "Parent document"
+					}, {
+						default: t(() => [o(m, {
+							modelValue: U.value,
+							"onUpdate:modelValue": i[2] ||= (e) => U.value = e,
+							items: pe.value,
+							"value-key": "value",
+							class: "w-full"
+						}, null, 8, ["modelValue", "items"])]),
+						_: 1
+					})) : h("", !0), o(d, {
+						label: "URL ending",
+						required: ""
+					}, {
+						default: t(() => [o(l, {
+							modelValue: B.value,
+							"onUpdate:modelValue": [i[3] ||= (e) => B.value = e, i[4] ||= (e) => V.value = !0],
+							placeholder: "about-us",
+							class: "w-full"
+						}, null, 8, ["modelValue"])]),
+						_: 1
+					})], 2)) : h("", !0),
+					K.value ? (g(), f("div", ue, [i[8] ||= e("span", { class: "shrink-0 text-xs text-muted" }, "URL", -1), e("p", { class: s(["min-w-0 flex-1 truncate text-right font-mono text-xs", Z.value ? "text-error" : "text-highlighted"]) }, c(Y.value?.path || K.value.urlHint), 3)])) : h("", !0),
+					Z.value ? (g(), f("p", O, "This URL is already in use.")) : X.value ? (g(), f("p", k, c(X.value), 1)) : h("", !0)
+				], 32)]),
+				footer: t(() => [e("div", de, [o(_, {
+					color: "neutral",
+					variant: "ghost",
+					label: "Cancel",
+					onClick: i[5] ||= (e) => M.value = !1
+				}), o(_, {
+					type: "submit",
+					form: "create-document-form",
+					color: "neutral",
+					label: "Create page",
+					loading: R.value,
+					disabled: !Q.value
+				}, null, 8, ["loading", "disabled"])])]),
+				_: 1
+			}, 8, ["open"]);
+		};
+	}
+});
+//#endregion
+export { j as default };