@phtngyn/cms 0.2.0-beta.7 → 0.3.0

package/src/runtime/delivery/useCmsDocumentSeo.js

@@ -1,114 +1,2 @@
-import { computed, toValue } from "vue";
-
-//#region src/runtime/delivery/useCmsDocumentSeo.ts
-let installedAdapters;
-/** Installs Nuxt's composables once before document page setup. */
-function installCmsDocumentSeoAdapters(adapters) {
-	installedAdapters = adapters;
-}
-function useCmsDocumentSeo(document) {
-	const adapters = installedCmsDocumentSeoAdapters();
-	const current = computed(() => toValue(document));
-	const seo = computed(() => resolvedSeo(current.value));
-	adapters.seoMeta({
-		title: () => seo.value?.title,
-		description: () => seo.value?.description,
-		ogTitle: () => seo.value?.socialTitle,
-		ogDescription: () => seo.value?.socialDescription || (current.value?.draft ? seo.value?.title : void 0),
-		ogImage: () => seo.value?.socialImage?.url,
-		ogImageAlt: () => seo.value?.socialImage?.alt,
-		ogLocale: () => current.value?.locale,
-		ogUrl: () => seo.value?.canonicalUrl,
-		robots: () => seo.value && !current.value?.draft ? `${seo.value.index ? "index" : "noindex"}, ${seo.value.follow ? "follow" : "nofollow"}` : "noindex, nofollow"
-	});
-	adapters.locale(computed(() => current.value?.locale));
-	adapters.head(() => ({
-		...current.value?.locale ? { htmlAttrs: { lang: current.value.locale } } : void 0,
-		link: links(current.value, seo.value?.canonicalUrl),
-		titleTemplate: null
-	}));
-	adapters.robots(computed(() => ({
-		follow: current.value?.draft ? false : seo.value?.follow ?? false,
-		index: current.value?.draft ? false : seo.value?.index ?? false
-	})));
-	adapters.schema(computed(() => seo.value ? schemaNodes(seo.value, current.value?.locale) : []));
-}
-function links(document, canonicalUrl) {
-	const canonical = canonicalUrl ? [{
-		href: canonicalUrl,
-		rel: "canonical"
-	}] : [];
-	if (!canonicalUrl || !document?.alternatives) return canonical;
-	return [...canonical, ...document.alternatives.map((alternative) => ({
-		href: new URL(alternative.path, canonicalUrl).href,
-		hreflang: alternative.locale,
-		rel: "alternate"
-	}))];
-}
-function installedCmsDocumentSeoAdapters() {
-	if (!installedAdapters) throw new Error("The CMS document SEO adapter has not been installed.");
-	return installedAdapters;
-}
-function resolvedSeo(document) {
-	if (!document) return void 0;
-	if (document.resolvedSeo) return document.resolvedSeo;
-	return {
-		description: document.description,
-		follow: true,
-		index: true,
-		socialDescription: document.description,
-		socialTitle: document.title,
-		structuredData: { type: "WebPage" },
-		title: document.title
-	};
-}
-function schemaNodes(seo, locale) {
-	const identity = seo.identity ? [identityNode(seo.identity)] : [];
-	if (!seo.structuredData) return identity;
-	const common = {
-		name: seo.title,
-		...seo.description ? { description: seo.description } : void 0,
-		...seo.socialImage ? { image: seo.socialImage.url } : void 0,
-		...seo.canonicalUrl ? { url: seo.canonicalUrl } : void 0,
-		...locale ? { inLanguage: locale } : void 0
-	};
-	if (seo.structuredData.type === "Article") return [...identity, {
-		"@type": "Article",
-		...common,
-		headline: seo.structuredData.headline ?? seo.title,
-		...seo.structuredData.datePublished ? { datePublished: seo.structuredData.datePublished } : void 0,
-		...seo.structuredData.dateModified ? { dateModified: seo.structuredData.dateModified } : void 0
-	}];
-	return [...identity, {
-		"@type": "WebPage",
-		...common
-	}];
-}
-function identityNode(identity) {
-	const common = {
-		"@type": identity.type,
-		name: identity.name,
-		...identity.url ? { url: identity.url } : void 0
-	};
-	switch (identity.type) {
-		case "Person": return {
-			...common,
-			...identity.image ? { image: identity.image.url } : void 0
-		};
-		case "Organization": return {
-			...common,
-			...identity.logo ? { logo: identity.logo.url } : void 0
-		};
-		case "LocalBusiness": return {
-			...common,
-			...identity.address ? { address: identity.address } : void 0,
-			...identity.image ? { image: identity.image.url } : void 0,
-			...identity.logo ? { logo: identity.logo.url } : void 0,
-			...identity.telephone ? { telephone: identity.telephone } : void 0
-		};
-	}
-}
-
-//#endregion
-export { installCmsDocumentSeoAdapters, useCmsDocumentSeo };
-//# sourceMappingURL=useCmsDocumentSeo.js.map
+import { r as useCmsDocumentSeo } from "../../nuxtDelivery-BYX_Cddb.js";
+export { useCmsDocumentSeo };

package/src/runtime/delivery/useCmsLocale.js

@@ -0,0 +1,10 @@
+import { t as decodeLocaleConfiguration } from "../../localeConfiguration-BPbkLi7-.js";
+import { t as createLocaleContext } from "../../localeContext-DhF3SPvM.js";
+import { useRouter, useRuntimeConfig } from "nuxt/app";
+//#region src/runtime/delivery/useCmsLocale.ts
+/** URL locale and site-path helpers; UI message catalogs belong to the Nuxt site. */
+function useCmsLocale() {
+	return createLocaleContext(useRouter().currentRoute, decodeLocaleConfiguration(useRuntimeConfig().public.cmsLocales));
+}
+//#endregion
+export { useCmsLocale };

package/src/runtime/plugin.js

@@ -1,40 +1,2 @@
-import { resolveCmsInstallation } from "../internal/configuration.js";
-import { t as installCms } from "../installation-DYNQQBD3.js";
-import { diagnosticFromCause, renderDiagnostic } from "../internal/diagnostics.js";
-import { Effect } from "effect";
-import { defineNitroPlugin, useNitroApp, useRuntimeConfig } from "nitropack/runtime";
-
-//#region src/runtime/plugin.ts
-function createInstallationPlugin(authored, authoring) {
-	return defineNitroPlugin((nitro) => {
-		if (nitro.cmsInstallation) throw new Error("The CMS installation is already registered with Nitro.");
-		let configuration;
-		try {
-			configuration = resolveCmsInstallation(authored, useRuntimeConfig().cms, authoring);
-		} catch (cause) {
-			throw new Error(renderDiagnostic(diagnosticFromCause("startup.configuration", cause), false), { cause });
-		}
-		const installation = Effect.runPromise(installCms(configuration)).catch((cause) => {
-			throw new Error(renderDiagnostic(diagnosticFromCause("startup.installation", cause), false), { cause });
-		});
-		nitro.cmsInstallation = installation;
-		installation.catch((cause) => {
-			nitro.captureError(cause instanceof Error ? cause : new Error(String(cause)), {
-				fatal: true,
-				tags: ["cms"]
-			});
-		});
-		nitro.hooks.hook("close", () => installation.then((current) => current.close(), () => void 0).finally(() => {
-			if (nitro.cmsInstallation === installation) nitro.cmsInstallation = void 0;
-		}));
-	});
-}
-function useCmsInstallation() {
-	const installation = useNitroApp().cmsInstallation;
-	if (!installation) throw new Error("The CMS installation has not been registered with Nitro.");
-	return installation;
-}
-
-//#endregion
-export { createInstallationPlugin, useCmsInstallation };
-//# sourceMappingURL=plugin.js.map
+import { n as fetchCmsRequest, t as createCmsPlugin } from "../plugin-DTYuDaQu.js";
+export { createCmsPlugin, fetchCmsRequest };

package/src/runtime/preview.css

@@ -0,0 +1,85 @@
+[data-cms-preview-overlay] {
+  pointer-events: none !important;
+  position: fixed;
+  inset: 0;
+  z-index: 2147483647;
+}
+
+[data-cms-selection-outline],
+[data-cms-hover-outline] {
+  all: initial;
+  box-sizing: border-box;
+  position: fixed;
+  pointer-events: none !important;
+  border-radius: 6px;
+}
+
+[data-cms-selection-outline] {
+  border: 1px solid rgb(99 102 241 / 55%);
+  box-shadow: 0 0 0 1px rgb(255 255 255 / 65%);
+}
+
+[data-cms-selection-outline]::before {
+  --cms-corner: linear-gradient(#6366f1, #6366f1);
+  content: '';
+  position: absolute;
+  inset: -1px;
+  border-radius: inherit;
+  background:
+    var(--cms-corner) left top / 10px 2px,
+    var(--cms-corner) left top / 2px 10px,
+    var(--cms-corner) right top / 10px 2px,
+    var(--cms-corner) right top / 2px 10px,
+    var(--cms-corner) left bottom / 10px 2px,
+    var(--cms-corner) left bottom / 2px 10px,
+    var(--cms-corner) right bottom / 10px 2px,
+    var(--cms-corner) right bottom / 2px 10px;
+  background-repeat: no-repeat;
+}
+
+[data-cms-selection-outline][data-cms-fallback] {
+  border-style: dashed;
+}
+
+[data-cms-hover-outline] {
+  border: 1px dashed #71717a;
+  box-shadow: 0 0 0 1px rgb(255 255 255 / 65%);
+}
+
+[data-cms-selection-outline][hidden],
+[data-cms-hover-outline][hidden] {
+  display: none;
+}
+
+[data-cms-selection-label] {
+  all: initial;
+  position: absolute;
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  max-width: min(240px, calc(100vw - 8px));
+  overflow: hidden;
+  height: 24px;
+  padding: 0 9px;
+  border: 1px solid rgb(0 0 0 / 10%);
+  border-radius: 999px;
+  background: #fff;
+  box-shadow:
+    0 2px 6px rgb(0 0 0 / 12%),
+    0 0 0 1px rgb(255 255 255 / 65%);
+  color: #27272a;
+  font:
+    500 11px/16px system-ui,
+    sans-serif;
+  white-space: nowrap;
+}
+
+[data-cms-selection-label]::before {
+  content: '';
+  flex: 0 0 12px;
+  height: 12px;
+  background: #52525b;
+  mask: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="m16 3 5 5M3 21l4-1L21 6a2.8 2.8 0 0 0-4-4L3 16z"/%3E%3C/svg%3E')
+    center / contain no-repeat;
+}

package/src/runtime/preview.js

@@ -0,0 +1,277 @@
+import { _ as savedRevisionPreviewSelection, f as revisionPreviewRequested, l as revisionPreviewNavigationLocation, p as revisionPreviewToken } from "../RevisionPreview-IVwbJ9Wy.js";
+import { i as StudioPreviewModeMessage, r as StudioFocusMessage } from "../PreviewFocus-C_EelZO5.js";
+import { a as blockRenderingKey, i as blockRenderingCatalog, n as previewSourceAt, r as revealPreviewElement, t as previewMatchForSource } from "../previewRegions-CXjk5cbP.js";
+import { t as previewContextKey } from "../previewContext-dt3ZUh-w.js";
+import { n as createPreviewSources } from "../previewSource-fb-q3ESM.js";
+import { n as localeConfigurationKey } from "../locales-6OD4XGIZ.js";
+import { i as previewRouteLocation, n as previewDocumentId, r as previewDocumentQueryKey, t as decodeLocaleConfiguration } from "../localeConfiguration-BPbkLi7-.js";
+import { Schema } from "effect";
+import { computed, nextTick, shallowRef, watch } from "vue";
+import { defineNuxtPlugin, onNuxtReady, useHead, useResponseHeader, useRoute, useRouter, useRuntimeConfig, useState } from "nuxt/app";
+import { useEventListener } from "@vueuse/core";
+//#region src/internal/previewLinks.ts
+/** Select mode consumes link activation even outside authored content. */
+function preventPreviewLinkNavigation(event) {
+	if (!(event.target instanceof Element) || !event.target.closest("a[href]")) return;
+	event.preventDefault();
+	event.stopPropagation();
+}
+//#endregion
+//#region src/internal/previewOverlay.ts
+const outlineOutset = 3;
+const viewportInset = 4;
+const labelHeight = 24;
+const labelGap = 8;
+/** Preview chrome lives above the site so selecting content never changes its layout. */
+function mountPreviewOverlay(root, view) {
+	const host = root.createElement("div");
+	host.setAttribute("data-cms-preview-overlay", "");
+	host.setAttribute("aria-hidden", "true");
+	const selection = root.createElement("div");
+	selection.setAttribute("data-cms-selection-outline", "");
+	selection.hidden = true;
+	const label = root.createElement("span");
+	label.setAttribute("data-cms-selection-label", "");
+	selection.append(label);
+	const hover = root.createElement("div");
+	hover.setAttribute("data-cms-hover-outline", "");
+	hover.hidden = true;
+	host.append(selection, hover);
+	root.documentElement.append(host);
+	let selected = null;
+	let hovered = null;
+	let frame = 0;
+	function position(outline, target) {
+		const rect = target?.isConnected ? target.getBoundingClientRect() : null;
+		if (!rect || rect.width <= 0 || rect.height <= 0 || rect.bottom <= 0 || rect.top >= view.innerHeight || rect.right <= 0 || rect.left >= view.innerWidth) {
+			outline.hidden = true;
+			return;
+		}
+		outline.hidden = false;
+		const left = Math.max(2, rect.left - outlineOutset);
+		const right = Math.min(view.innerWidth - 2, rect.right + outlineOutset);
+		outline.style.left = `${left}px`;
+		const top = rect.top - outlineOutset;
+		outline.style.top = `${top}px`;
+		outline.style.width = `${Math.max(0, right - left)}px`;
+		outline.style.height = `${rect.height + 6}px`;
+		if (outline !== selection) return;
+		const labelWidth = label.offsetWidth;
+		label.style.left = `${Math.max(viewportInset - left, Math.min(0, view.innerWidth - viewportInset - labelWidth - left))}px`;
+		const labelTop = rect.top >= 36 ? rect.top - labelHeight - labelGap : Math.max(viewportInset, top + labelGap);
+		label.style.top = `${labelTop - top}px`;
+	}
+	function positionAll() {
+		position(selection, selected);
+		position(hover, hovered === selected ? null : hovered);
+	}
+	function tick() {
+		frame = 0;
+		positionAll();
+		if (selected || hovered) frame = view.requestAnimationFrame(tick);
+	}
+	function update() {
+		positionAll();
+		if (!frame && (selected || hovered)) frame = view.requestAnimationFrame(tick);
+	}
+	return {
+		select(target, text = "Content", fallback = false) {
+			selected = target;
+			label.textContent = fallback ? `Approximate · ${text}` : text;
+			selection.toggleAttribute("data-cms-fallback", fallback);
+			update();
+		},
+		hover(target) {
+			hovered = target;
+			update();
+		},
+		clear() {
+			selected = null;
+			hovered = null;
+			update();
+		},
+		destroy() {
+			if (frame) view.cancelAnimationFrame(frame);
+			host.remove();
+		}
+	};
+}
+//#endregion
+//#region src/runtime/revisionPreview.ts
+/** Saved previews browse the normal website, independently in each request and browser tab. */
+function setupRevisionPreview() {
+	const router = useRouter();
+	const token = computed(() => revisionPreviewToken(router.currentRoute.value));
+	const selection = computed(() => savedRevisionPreviewSelection(router.currentRoute.value));
+	const requested = computed(() => revisionPreviewRequested(router.currentRoute.value));
+	const scope = useState("cms-revision-scope", () => crypto.randomUUID());
+	watch(() => [
+		token.value,
+		selection.value?.documentId,
+		selection.value?.revisionId
+	], () => {
+		scope.value = crypto.randomUUID();
+	}, { flush: "sync" });
+	useHead(() => requested.value ? { meta: [{
+		name: "robots",
+		content: "noindex, nofollow"
+	}, {
+		name: "referrer",
+		content: "no-referrer"
+	}] } : {});
+	router.beforeEach((to, from) => {
+		const destination = revisionPreviewNavigationLocation(to.fullPath, from);
+		if (!destination || revisionPreviewRequested(to) || to.path === "/_cms" || to.path.startsWith("/_cms/")) return;
+		return destination;
+	});
+	if (import.meta.client) useEventListener(document, ["click", "auxclick"], (event) => {
+		const current = router.currentRoute.value;
+		const link = event.target instanceof Element ? event.target.closest("a[href]") : null;
+		if (!revisionPreviewRequested(current) || !(link instanceof HTMLAnchorElement) || link.hasAttribute("download") || link.getAttribute("href")?.startsWith("#")) return;
+		const destination = new URL(link.href);
+		if (destination.origin !== location.origin || destination.pathname === "/_cms" || destination.pathname.startsWith("/_cms/")) return;
+		const preview = revisionPreviewNavigationLocation(`${destination.pathname}${destination.search}${destination.hash}`, current);
+		if (preview) link.href = preview;
+	}, { capture: true });
+}
+//#endregion
+//#region src/runtime/preview.ts
+/** Keep preview delivery, focus, and privacy attached to the site's own route. */
+function createCmsPreviewPlugin(collections, blocks) {
+	const rendering = blockRenderingCatalog(blocks);
+	return defineNuxtPlugin((nuxtApp) => {
+		nuxtApp.vueApp.provide(blockRenderingKey, rendering);
+		nuxtApp.vueApp.provide(localeConfigurationKey, decodeLocaleConfiguration(useRuntimeConfig().public.cmsLocales));
+		setupRevisionPreview();
+		const route = useRoute();
+		const documentId = computed(() => revisionPreviewRequested(route) ? null : previewDocumentId(route.query[previewDocumentQueryKey]));
+		const mode = shallowRef(route.query.mode === "browse" ? "browse" : "edit");
+		const active = computed(() => documentId.value !== null);
+		const interactive = computed(() => active.value && mode.value === "edit");
+		const mapped = interactive;
+		nuxtApp.vueApp.provide(previewContextKey, {
+			documentId,
+			interactive,
+			mapped,
+			sources: createPreviewSources(collections, blocks)
+		});
+		useHead(() => active.value ? { meta: [{
+			name: "robots",
+			content: "noindex, nofollow"
+		}] } : {});
+		if (import.meta.server && active.value) {
+			useResponseHeader("cache-control").value = "private, no-store";
+			useResponseHeader("x-frame-options").value = "SAMEORIGIN";
+		}
+		if (import.meta.client) {
+			let overlay = documentId.value ? mountPreviewOverlay(document, window) : null;
+			let pointerFrame = 0;
+			let pointerTarget = null;
+			watch(documentId, (id) => {
+				overlay?.clear();
+				if (id) overlay ??= mountPreviewOverlay(document, window);
+				else {
+					overlay?.destroy();
+					overlay = null;
+				}
+			});
+			watch(() => route.query.mode, (value) => {
+				mode.value = value === "browse" ? "browse" : "edit";
+			});
+			watch(interactive, (value) => {
+				if (!value) overlay?.clear();
+			});
+			useEventListener(window, "message", async (event) => {
+				const id = documentId.value;
+				if (!id || event.origin !== window.location.origin || event.source !== window.parent) return;
+				if (Schema.is(StudioPreviewModeMessage)(event.data) && event.data.documentId === id) {
+					mode.value = event.data.mode;
+					return;
+				}
+				if (!mapped.value || !Schema.is(StudioFocusMessage)(event.data) || event.data.documentId !== id) return;
+				const target = event.data.target;
+				await nextTick();
+				if (!mapped.value || documentId.value !== id) return;
+				const match = previewMatchForSource(document, event.data.documentId, target);
+				overlay?.select(match?.element ?? null, previewSelectionLabel(target), match?.exact === false);
+				if (match && event.data.reveal) revealPreviewElement(match.element, window);
+			});
+			useEventListener(document, "pointermove", (event) => {
+				pointerTarget = event.target instanceof Element ? event.target : null;
+				if (pointerFrame) return;
+				pointerFrame = window.requestAnimationFrame(() => {
+					pointerFrame = 0;
+					const id = documentId.value;
+					const target = pointerTarget;
+					if (!interactive.value || !id || !target) {
+						overlay?.hover(null);
+						return;
+					}
+					const source = previewSourceAt(document, target, id);
+					const match = source ? previewMatchForSource(document, source.documentId, source.target) : null;
+					overlay?.hover(match?.element ?? null);
+				});
+			}, { capture: true });
+			useEventListener(document, "pointerout", (event) => {
+				if (!(event.relatedTarget instanceof Element)) {
+					pointerTarget = null;
+					overlay?.hover(null);
+				}
+			});
+			useEventListener(window, "pagehide", () => {
+				if (pointerFrame) window.cancelAnimationFrame(pointerFrame);
+				overlay?.destroy();
+				overlay = null;
+			});
+			useEventListener(document, ["click", "auxclick"], (event) => {
+				const id = documentId.value;
+				if (!id || !(event.target instanceof Element)) return;
+				if (!interactive.value) {
+					if (event.type !== "click") return;
+					const link = event.target.closest("a[href]");
+					if (!(link instanceof HTMLAnchorElement) || link.target || link.hasAttribute("download") || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) return;
+					const destination = new URL(link.href, window.location.href);
+					if (destination.origin !== window.location.origin || destination.pathname === "/_cms" || destination.pathname.startsWith("/_cms/")) return;
+					if (destination.pathname === window.location.pathname && destination.search === window.location.search && destination.hash) return;
+					event.preventDefault();
+					event.stopPropagation();
+					window.location.assign(previewRouteLocation(`${destination.pathname}${destination.search}${destination.hash}`, id, 0, true));
+					return;
+				}
+				preventPreviewLinkNavigation(event);
+				if (event.type !== "click" || event.button !== 0) return;
+				const source = previewSourceAt(document, event.target, id);
+				if (!source) return;
+				event.preventDefault();
+				event.stopPropagation();
+				const match = previewMatchForSource(document, source.documentId, source.target);
+				overlay?.select(match?.element ?? null, previewSelectionLabel(source.target), source.approximate || match?.exact === false);
+				window.parent.postMessage({
+					type: "cms-preview:activate",
+					...source
+				}, window.location.origin);
+			}, { capture: true });
+			const announceReady = () => {
+				const id = documentId.value;
+				if (!id) return;
+				window.parent.postMessage({
+					type: "cms-preview:ready",
+					documentId: id
+				}, window.location.origin);
+				window.parent.postMessage({
+					type: "cms-preview:navigate",
+					path: route.path
+				}, window.location.origin);
+			};
+			onNuxtReady(announceReady);
+			nuxtApp.hook("page:finish", announceReady);
+		}
+	});
+}
+function previewSelectionLabel(target) {
+	if (target.kind === "title") return "Title";
+	if (target.kind === "field" || target.kind === "blockField") return "Field";
+	return "Content";
+}
+//#endregion
+export { createCmsPreviewPlugin };

package/src/runtime/previewSource.js

@@ -0,0 +1,82 @@
+import { a as encodePreviewSource, n as PreviewSource } from "../PreviewFocus-C_EelZO5.js";
+import { t as previewContextKey } from "../previewContext-dt3ZUh-w.js";
+import { t as combinePreviewSources } from "../previewSource-fb-q3ESM.js";
+import { Schema } from "effect";
+import { Fragment, cloneVNode, createCommentVNode, defineComponent, getCurrentInstance, h, inject } from "vue";
+//#region src/runtime/previewSource.ts
+const componentSourcesKey = Symbol("cms-component-sources");
+const ComponentSources = Schema.Record(Schema.String, Schema.NullOr(PreviewSource));
+/** Fragment markers survive site components which intentionally discard inherited attributes. */
+const CmsPreviewRegion = defineComponent({
+	name: "CmsPreviewRegion",
+	inheritAttrs: false,
+	props: {
+		source: {
+			type: Object,
+			default: null
+		},
+		properties: {
+			type: Object,
+			default: () => ({})
+		}
+	},
+	setup(props, { slots }) {
+		const preview = inject(previewContextKey, null);
+		return () => {
+			const children = slots.default?.() ?? [];
+			const source = preview?.mapped.value ? props.source : null;
+			const rendered = preview?.mapped.value ? children.map((child) => {
+				const node = cloneVNode(child);
+				node.props = Object.assign({}, node.props, { [componentSourcesKey]: props.properties });
+				node.key = `${String(node.key ?? "")}:cms:${JSON.stringify(props.properties)}`;
+				return node;
+			}) : children;
+			if (!source) return rendered;
+			const encoded = encodePreviewSource(source);
+			return h(Fragment, null, [
+				createCommentVNode(`cms-source:${encoded}:start`),
+				...rendered,
+				createCommentVNode(`cms-source:${encoded}:end`)
+			]);
+		};
+	}
+});
+/** Called only by generated site-template bindings, with provenance from delivery and block metadata. */
+function useCmsPreviewSource() {
+	const preview = inject(previewContextKey, null);
+	const instance = getCurrentInstance();
+	function property(value, name) {
+		return preview?.mapped.value ? preview.sources?.property(value, name) ?? null : null;
+	}
+	function prop(name) {
+		if (!preview?.mapped.value) return null;
+		let component = instance;
+		while (component) {
+			const properties = Object.getOwnPropertyDescriptor(component.vnode?.props ?? {}, componentSourcesKey)?.value;
+			if (Schema.is(ComponentSources)(properties)) return properties[name] ?? null;
+			const parent = component.parent;
+			if (!parent || !Object.hasOwn(parent.type, "__asyncLoader")) break;
+			component = parent;
+		}
+		return null;
+	}
+	function object(value) {
+		return preview?.mapped.value ? preview.sources?.object(value) ?? null : null;
+	}
+	function combine(sources) {
+		return preview?.mapped.value ? combinePreviewSources(sources) : null;
+	}
+	function encode(sources) {
+		const source = combine(sources);
+		return source ? encodePreviewSource(source) : void 0;
+	}
+	return {
+		property,
+		prop,
+		object,
+		combine,
+		encode
+	};
+}
+//#endregion
+export { CmsPreviewRegion, useCmsPreviewSource };

package/src/runtime/revisionPrivacy.js

@@ -0,0 +1,13 @@
+import "../RevisionPreview-IVwbJ9Wy.js";
+import { defineEventHandler } from "nuxt/server";
+//#region src/runtime/revisionPrivacy.ts
+/** Apply privacy before SSR or a redirect, including malformed-link and rendering failures. */
+var revisionPrivacy_default = defineEventHandler((event) => {
+	const url = new URL(event.req.url);
+	if (url.pathname !== "/_cms/revision-preview" && !url.pathname.startsWith(`/_cms/revision-preview/`) && !url.pathname.startsWith("/_cms/api/revision-preview/") && !url.searchParams.has("__cms_revision") && !url.searchParams.has("__cms_saved_document") && !url.searchParams.has("__cms_saved_revision")) return;
+	event.res.headers.set("cache-control", "private, no-store");
+	event.res.headers.set("referrer-policy", "no-referrer");
+	event.res.headers.set("x-robots-tag", "noindex, nofollow");
+});
+//#endregion
+export { revisionPrivacy_default as default };

package/src/runtime/studio.js

@@ -0,0 +1,10 @@
+import { defineEventHandler } from "nuxt/server";
+//#region src/runtime/studio.ts
+const shell = `<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>Studio</title><link rel="stylesheet" href="/_cms/assets/host.css"></head><body><div id="cms-studio"></div><script type="module" src="/_cms/assets/host.js"><\/script></body></html>`;
+var studio_default = defineEventHandler((event) => {
+	event.res.headers.set("content-type", "text/html; charset=utf-8");
+	event.res.headers.set("cache-control", "no-store");
+	return shell;
+});
+//#endregion
+export { studio_default as default };

package/src/runtime/studioIcons.js

@@ -0,0 +1,36 @@
+import { defineEventHandler } from "nuxt/server";
+import lucide from "@iconify-json/lucide/icons.json" with { type: "json" };
+//#region src/internal/studioIcons.ts
+const availableIcons = lucide.icons;
+const availableAliases = lucide.aliases;
+/** Preserve aliases and their parents so Iconify applies the original geometry. */
+function studioIcons(names) {
+	const icons = {};
+	const aliases = {};
+	function include(name) {
+		if (Object.hasOwn(icons, name) || Object.hasOwn(aliases, name)) return;
+		if (Object.hasOwn(availableIcons, name)) icons[name] = availableIcons[name];
+		else if (Object.hasOwn(availableAliases, name)) {
+			const alias = availableAliases[name];
+			aliases[name] = alias;
+			include(alias.parent);
+		}
+	}
+	for (const name of names) include(name);
+	return {
+		prefix: lucide.prefix,
+		width: lucide.width,
+		height: lucide.height,
+		icons,
+		aliases
+	};
+}
+//#endregion
+//#region src/runtime/studioIcons.ts
+var studioIcons_default = defineEventHandler((event) => {
+	const names = new URL(event.req.url).searchParams.get("names")?.split(",") ?? [];
+	event.res.headers.set("cache-control", "public, max-age=3600");
+	return studioIcons(names);
+});
+//#endregion
+export { studioIcons_default as default };