@phtngyn/cms 0.2.0-beta.4 → 0.2.0-beta.6

package/src/runtime/preview/preview.css

@@ -1,5 +1,5 @@
 [data-cms-preview-decorated] {
-  cursor: text;
+  cursor: default;
 }
 
 [data-cms-preview-overlay] {
@@ -15,12 +15,38 @@
   box-sizing: border-box;
   position: fixed;
   pointer-events: none !important;
+  transition:
+    background-color 180ms cubic-bezier(0.23, 1, 0.32, 1),
+    border-color 140ms ease,
+    opacity 140ms ease;
 }
 
 [data-cms-selection-outline] {
-  border: 1px solid #fff;
-  outline: 1px solid #171717;
-  border-radius: 3px;
+  border: 2px solid #2563eb;
+  border-radius: 4px;
+  background: rgb(37 99 235 / 6%);
+  box-shadow:
+    0 0 0 1px rgb(255 255 255 / 95%),
+    0 1px 3px rgb(0 0 0 / 18%);
+}
+
+[data-cms-selection-outline][data-cms-match='fallback'] {
+  border-style: dashed;
+  background: transparent;
+}
+
+[data-cms-selection-outline][data-cms-reveal] {
+  background: rgb(37 99 235 / 18%);
+}
+
+[data-cms-preview-overlay][data-cms-pending] [data-cms-selection-outline] {
+  opacity: 0.45;
+}
+
+[data-cms-hover-outline] {
+  border: 1px solid rgb(37 99 235 / 55%);
+  border-radius: 4px;
+  box-shadow: 0 0 0 1px rgb(255 255 255 / 80%);
 }
 
 [data-cms-selection-outline][hidden],
@@ -28,50 +54,38 @@
   display: none;
 }
 
-[data-cms-selection-label]::after {
-  content: 'Editing';
+[data-cms-selection-label-content] {
+  all: initial;
+  display: none;
   position: absolute;
   left: var(--cms-label-left, 0px);
   top: var(--cms-label-top, -26px);
+  box-sizing: border-box;
+  max-width: min(240px, calc(100vw - 8px));
+  overflow: hidden;
   padding: 3px 7px;
-  border: 1px solid #fff;
   border-radius: 4px;
-  background: #171717;
+  background: #2563eb;
+  box-shadow: 0 0 0 1px rgb(255 255 255 / 95%);
   color: #fff;
   font:
     500 11px/16px system-ui,
     sans-serif;
+  text-overflow: ellipsis;
   white-space: nowrap;
 }
 
-[data-cms-hover-corner] {
-  all: initial;
-  box-sizing: border-box;
-  position: absolute;
-  width: min(12px, 40%);
-  height: min(12px, 40%);
-  border-top: 2px solid #fff;
-  border-left: 2px solid #fff;
-  pointer-events: none !important;
-  filter: drop-shadow(1px 0 #171717) drop-shadow(-1px 0 #171717) drop-shadow(0 1px #171717) drop-shadow(0 -1px #171717);
+[data-cms-selection-label] > [data-cms-selection-label-content] {
+  display: block;
 }
 
-[data-cms-hover-corner='top-left'] {
-  top: 0;
-  left: 0;
-}
-[data-cms-hover-corner='top-right'] {
-  top: 0;
-  right: 0;
-  transform: rotate(90deg);
-}
-[data-cms-hover-corner='bottom-right'] {
-  bottom: 0;
-  right: 0;
-  transform: rotate(180deg);
-}
-[data-cms-hover-corner='bottom-left'] {
-  bottom: 0;
-  left: 0;
-  transform: rotate(270deg);
+@media (prefers-reduced-motion: reduce) {
+  [data-cms-selection-outline],
+  [data-cms-hover-outline] {
+    transition: opacity 120ms ease;
+  }
+
+  [data-cms-selection-outline][data-cms-reveal] {
+    background: rgb(37 99 235 / 6%);
+  }
 }

package/src/runtime/preview/protocol.d.ts

@@ -1,10 +1,16 @@
 //#region src/runtime/preview/protocol.d.ts
 export declare const CMS_PREVIEW_DECORATED_ATTRIBUTE = "data-cms-preview-decorated";
-export declare const CMS_PREVIEW_INLINE_HOST_ATTRIBUTE = "data-cms-inline-host";
-export declare const CMS_PREVIEW_NODE_ATTRIBUTE = "data-cms-node";
+export declare const CMS_PREVIEW_EDGE_PROPERTY = "edge";
+export declare const CMS_PREVIEW_KIND_PROPERTY = "kind";
 export declare const CMS_PREVIEW_MARKER_TAG = "cms-studio-preview-marker";
-export declare const CMS_PREVIEW_TARGET_ATTRIBUTE = "data-cms-target";
-export declare const CMS_PREVIEW_WRAPPER_ATTRIBUTE = "data-cms-marker";
-export type CmsPreviewTargetKind = 'component' | 'native' | 'slot';
+export declare const CMS_PREVIEW_NODE_PROPERTY = "node";
+export type CmsPreviewTargetKind = 'component' | 'field' | 'native';
+export type CmsPreviewMarkerEdge = 'end' | 'start';
+export declare function previewMarkerComment(nodeId: string, kind: CmsPreviewTargetKind, edge: CmsPreviewMarkerEdge): string;
+export declare function parsePreviewMarkerComment(value: string): {
+  readonly edge: CmsPreviewMarkerEdge;
+  readonly kind: CmsPreviewTargetKind;
+  readonly nodeId: string;
+} | undefined;
 //#endregion
 //# sourceMappingURL=protocol.d.ts.map

package/src/runtime/preview/protocol.js

@@ -1,11 +1,23 @@
 //#region src/runtime/preview/protocol.ts
 const CMS_PREVIEW_DECORATED_ATTRIBUTE = "data-cms-preview-decorated";
-const CMS_PREVIEW_INLINE_HOST_ATTRIBUTE = "data-cms-inline-host";
-const CMS_PREVIEW_NODE_ATTRIBUTE = "data-cms-node";
+const CMS_PREVIEW_EDGE_PROPERTY = "edge";
+const CMS_PREVIEW_KIND_PROPERTY = "kind";
 const CMS_PREVIEW_MARKER_TAG = "cms-studio-preview-marker";
-const CMS_PREVIEW_TARGET_ATTRIBUTE = "data-cms-target";
-const CMS_PREVIEW_WRAPPER_ATTRIBUTE = "data-cms-marker";
+const CMS_PREVIEW_NODE_PROPERTY = "node";
+const CMS_PREVIEW_COMMENT_PREFIX = "cms-preview";
+function previewMarkerComment(nodeId, kind, edge) {
+	return `${CMS_PREVIEW_COMMENT_PREFIX}:${kind}:${edge}:${nodeId}`;
+}
+function parsePreviewMarkerComment(value) {
+	const [prefix, kind, edge, nodeId, extra] = value.split(":");
+	if (prefix !== CMS_PREVIEW_COMMENT_PREFIX || kind !== "component" && kind !== "field" && kind !== "native" || edge !== "end" && edge !== "start" || !nodeId || extra !== void 0) return void 0;
+	return {
+		edge,
+		kind,
+		nodeId
+	};
+}
 
 //#endregion
-export { CMS_PREVIEW_DECORATED_ATTRIBUTE, CMS_PREVIEW_INLINE_HOST_ATTRIBUTE, CMS_PREVIEW_MARKER_TAG, CMS_PREVIEW_NODE_ATTRIBUTE, CMS_PREVIEW_TARGET_ATTRIBUTE, CMS_PREVIEW_WRAPPER_ATTRIBUTE };
+export { CMS_PREVIEW_DECORATED_ATTRIBUTE, CMS_PREVIEW_EDGE_PROPERTY, CMS_PREVIEW_KIND_PROPERTY, CMS_PREVIEW_MARKER_TAG, CMS_PREVIEW_NODE_PROPERTY, parsePreviewMarkerComment, previewMarkerComment };
 //# sourceMappingURL=protocol.js.map

package/src/runtime/preview/protocol.js.map

@@ -1 +1 @@
-{"version":3,"file":"protocol.js","names":[],"sources":["../../../../../src/runtime/preview/protocol.ts"],"sourcesContent":["export const CMS_PREVIEW_DECORATED_ATTRIBUTE = 'data-cms-preview-decorated'\n\nexport const CMS_PREVIEW_INLINE_HOST_ATTRIBUTE = 'data-cms-inline-host'\n\nexport const CMS_PREVIEW_NODE_ATTRIBUTE = 'data-cms-node'\n\nexport const CMS_PREVIEW_MARKER_TAG = 'cms-studio-preview-marker'\n\nexport const CMS_PREVIEW_TARGET_ATTRIBUTE = 'data-cms-target'\n\nexport const CMS_PREVIEW_WRAPPER_ATTRIBUTE = 'data-cms-marker'\n\nexport type CmsPreviewTargetKind = 'component' | 'native' | 'slot'\n"],"mappings":";AAAA,MAAa,kCAAkC;AAE/C,MAAa,oCAAoC;AAEjD,MAAa,6BAA6B;AAE1C,MAAa,yBAAyB;AAEtC,MAAa,+BAA+B;AAE5C,MAAa,gCAAgC"}
+{"version":3,"file":"protocol.js","names":[],"sources":["../../../../../src/runtime/preview/protocol.ts"],"sourcesContent":["export const CMS_PREVIEW_DECORATED_ATTRIBUTE = 'data-cms-preview-decorated'\n\nexport const CMS_PREVIEW_EDGE_PROPERTY = 'edge'\n\nexport const CMS_PREVIEW_KIND_PROPERTY = 'kind'\n\nexport const CMS_PREVIEW_MARKER_TAG = 'cms-studio-preview-marker'\n\nexport const CMS_PREVIEW_NODE_PROPERTY = 'node'\n\nexport type CmsPreviewTargetKind = 'component' | 'field' | 'native'\n\nexport type CmsPreviewMarkerEdge = 'end' | 'start'\n\nconst CMS_PREVIEW_COMMENT_PREFIX = 'cms-preview'\n\nexport function previewMarkerComment(nodeId: string, kind: CmsPreviewTargetKind, edge: CmsPreviewMarkerEdge): string {\n  return `${CMS_PREVIEW_COMMENT_PREFIX}:${kind}:${edge}:${nodeId}`\n}\n\nexport function parsePreviewMarkerComment(value: string):\n  | {\n      readonly edge: CmsPreviewMarkerEdge\n      readonly kind: CmsPreviewTargetKind\n      readonly nodeId: string\n    }\n  | undefined {\n  const [prefix, kind, edge, nodeId, extra] = value.split(':')\n\n  if (\n    prefix !== CMS_PREVIEW_COMMENT_PREFIX ||\n    (kind !== 'component' && kind !== 'field' && kind !== 'native') ||\n    (edge !== 'end' && edge !== 'start') ||\n    !nodeId ||\n    extra !== undefined\n  )\n    return undefined\n\n  return { edge, kind, nodeId }\n}\n"],"mappings":";AAAA,MAAa,kCAAkC;AAE/C,MAAa,4BAA4B;AAEzC,MAAa,4BAA4B;AAEzC,MAAa,yBAAyB;AAEtC,MAAa,4BAA4B;AAMzC,MAAM,6BAA6B;AAEnC,SAAgB,qBAAqB,QAAgB,MAA4B,MAAoC;CACnH,OAAO,GAAG,2BAA2B,GAAG,KAAK,GAAG,KAAK,GAAG;AAC1D;AAEA,SAAgB,0BAA0B,OAM5B;CACZ,MAAM,CAAC,QAAQ,MAAM,MAAM,QAAQ,SAAS,MAAM,MAAM,GAAG;CAE3D,IACE,WAAW,8BACV,SAAS,eAAe,SAAS,WAAW,SAAS,YACrD,SAAS,SAAS,SAAS,WAC5B,CAAC,UACD,UAAU,QAEV,OAAO;CAET,OAAO;EAAE;EAAM;EAAM;CAAO;AAC9B"}

package/src/runtime/preview/regions.js

@@ -0,0 +1,142 @@
+import { CMS_PREVIEW_DECORATED_ATTRIBUTE, parsePreviewMarkerComment } from "./protocol.js";
+
+//#region src/runtime/preview/regions.ts
+const TARGET_PRIORITY = {
+	component: 1,
+	field: 3,
+	native: 2
+};
+const COMMENT_NODE_FILTER = 128;
+const DOCUMENT_NODE = 9;
+/** Owns the DOM representation, hit testing and fallback resolution of semantic authoring regions. */
+function mountPreviewRegions(root, view) {
+	const geometryCache = /* @__PURE__ */ new WeakMap();
+	const collect = (scope = root) => {
+		const targets = /* @__PURE__ */ new Map();
+		const open = [];
+		const scopeNode = scope;
+		const ownerDocument = scopeNode.nodeType === DOCUMENT_NODE ? scopeNode : scope.ownerDocument;
+		if (!ownerDocument) return [];
+		const walker = ownerDocument.createTreeWalker(scopeNode, COMMENT_NODE_FILTER);
+		let current = walker.nextNode();
+		while (current) {
+			const comment = current;
+			const marker = parsePreviewMarkerComment(comment.data);
+			if (marker?.edge === "start") open.push({
+				comment,
+				depth: open.length,
+				kind: marker.kind,
+				nodeId: marker.nodeId
+			});
+			else if (marker?.edge === "end") {
+				const start = open.at(-1);
+				if (start?.kind === marker.kind && start.nodeId === marker.nodeId) {
+					open.pop();
+					const geometry = rangeGeometry(start.comment, comment, start.depth, geometryCache);
+					const key = `${marker.kind}:${marker.nodeId}`;
+					const target = targets.get(key);
+					targets.set(key, {
+						geometries: target ? [...target.geometries, geometry] : [geometry],
+						kind: marker.kind,
+						nodeId: marker.nodeId
+					});
+				} else open.length = 0;
+			}
+			current = walker.nextNode();
+		}
+		return [...targets.values()];
+	};
+	return {
+		clear() {
+			for (const element of root.querySelectorAll(`[${CMS_PREVIEW_DECORATED_ATTRIBUTE}], [data-cms-hovered], [data-cms-selected]`)) {
+				element.removeAttribute(CMS_PREVIEW_DECORATED_ATTRIBUTE);
+				element.removeAttribute("data-cms-hovered");
+				element.removeAttribute("data-cms-selected");
+			}
+		},
+		decorate(scope) {
+			for (const target of collect(scope)) for (const geometry of target.geometries) geometry.element()?.setAttribute(CMS_PREVIEW_DECORATED_ATTRIBUTE, "");
+		},
+		hitTest(x, y, scope) {
+			const candidates = collect(scope).filter((target) => target.geometries.some((geometry) => geometry.rects().some((rect) => x >= rect.left && x <= rect.right && y >= rect.top && y <= rect.bottom)));
+			candidates.sort((left, right) => targetDepth(right) - targetDepth(left) || TARGET_PRIORITY[right.kind] - TARGET_PRIORITY[left.kind] || targetArea(left) - targetArea(right));
+			return candidates[0]?.nodeId;
+		},
+		locate(nodeId, fallbacks, scope) {
+			const visited = /* @__PURE__ */ new Set();
+			const targets = collect(scope);
+			let targetId = nodeId;
+			while (targetId && !visited.has(targetId)) {
+				visited.add(targetId);
+				const geometries = targets.filter((target) => target.nodeId === targetId).flatMap((target) => target.geometries);
+				if (geometries.length) return {
+					geometries,
+					nodeId: targetId
+				};
+				targetId = fallbacks[targetId];
+			}
+			return { geometries: [] };
+		},
+		nearest(geometries) {
+			const viewportCenter = view.innerHeight / 2;
+			return [...geometries].sort((left, right) => viewportDistance(left, viewportCenter, view) - viewportDistance(right, viewportCenter, view))[0]?.element();
+		}
+	};
+}
+function rangeGeometry(start, end, depth, cache) {
+	const cached = cache.get(start);
+	if (cached?.end === end && cached.geometry.depth === depth) return cached.geometry;
+	const geometry = {
+		depth,
+		element: () => rangeElement(start, end),
+		rects: () => rangeRectangles(start, end)
+	};
+	cache.set(start, {
+		end,
+		geometry
+	});
+	return geometry;
+}
+function rangeElement(start, end) {
+	if (!start.isConnected || !end.isConnected || start.parentNode !== end.parentNode) return void 0;
+	let current = start.nextSibling;
+	while (current && current !== end) {
+		if (current.nodeType === current.ELEMENT_NODE) return current;
+		current = current.nextSibling;
+	}
+	return start.parentElement ?? void 0;
+}
+function rangeRectangles(start, end) {
+	if (!start.isConnected || !end.isConnected) return [];
+	const range = start.ownerDocument.createRange();
+	try {
+		range.setStartAfter(start);
+		range.setEndBefore(end);
+		const rectangles = [...range.getClientRects()].filter(isVisibleRectangle);
+		if (rectangles.length) return rectangles;
+	} catch {}
+	const element = rangeElement(start, end);
+	return element ? [...element.getClientRects()].filter(isVisibleRectangle) : [];
+}
+function isVisibleRectangle(rectangle) {
+	return rectangle.width > 0 && rectangle.height > 0;
+}
+function targetDepth(target) {
+	return Math.max(0, ...target.geometries.map((geometry) => geometry.depth));
+}
+function targetArea(target) {
+	return Math.min(Infinity, ...target.geometries.flatMap((geometry) => geometry.rects().map((rect) => rect.width * rect.height)));
+}
+function viewportDistance(geometry, viewportCenter, view) {
+	const rectangles = geometry.rects();
+	const top = Math.min(Infinity, ...rectangles.map((rectangle) => rectangle.top));
+	const bottom = Math.max(-Infinity, ...rectangles.map((rectangle) => rectangle.bottom));
+	if (!Number.isFinite(top) || !Number.isFinite(bottom)) return Infinity;
+	const visible = bottom >= 0 && top <= view.innerHeight;
+	const distance = Math.abs((top + bottom) / 2 - viewportCenter);
+	return visible ? distance : view.innerHeight + distance;
+}
+
+//#endregion
+export { mountPreviewRegions };
+//# sourceMappingURL=regions.js.map

package/src/runtime/preview/regions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"regions.js","names":["element"],"sources":["../../../../../src/runtime/preview/regions.ts"],"sourcesContent":["import type { CmsPreviewTargetKind } from './protocol'\nimport { CMS_PREVIEW_DECORATED_ATTRIBUTE, parsePreviewMarkerComment } from './protocol'\n\nexport interface PreviewRegionGeometry {\n  readonly depth: number\n  readonly element: () => Element | undefined\n  readonly rects: () => ReadonlyArray<DOMRect>\n}\n\ninterface PreviewRegionTarget {\n  readonly geometries: ReadonlyArray<PreviewRegionGeometry>\n  readonly kind: CmsPreviewTargetKind\n  readonly nodeId: string\n}\n\nexport interface LocatedPreviewRegion {\n  readonly geometries: ReadonlyArray<PreviewRegionGeometry>\n  readonly nodeId?: string\n}\n\nexport interface PreviewRegionRegistry {\n  readonly clear: () => void\n  readonly decorate: (scope?: ParentNode) => void\n  readonly hitTest: (x: number, y: number, scope?: ParentNode) => string | undefined\n  readonly locate: (\n    nodeId: string,\n    fallbacks: Readonly<Record<string, string>>,\n    scope?: ParentNode,\n  ) => LocatedPreviewRegion\n  readonly nearest: (geometries: ReadonlyArray<PreviewRegionGeometry>) => Element | undefined\n}\n\nconst TARGET_PRIORITY = { component: 1, field: 3, native: 2 } satisfies Record<CmsPreviewTargetKind, number>\n\nconst COMMENT_NODE_FILTER = 128\n\nconst DOCUMENT_NODE = 9\n\ninterface OpenMarker {\n  readonly comment: Comment\n  readonly depth: number\n  readonly kind: CmsPreviewTargetKind\n  readonly nodeId: string\n}\n\n/** Owns the DOM representation, hit testing and fallback resolution of semantic authoring regions. */\nexport function mountPreviewRegions(root: ParentNode, view: Window): PreviewRegionRegistry {\n  const geometryCache = new WeakMap<Comment, { readonly end: Comment; readonly geometry: PreviewRegionGeometry }>()\n\n  const collect = (scope: ParentNode = root): ReadonlyArray<PreviewRegionTarget> => {\n    const targets = new Map<string, PreviewRegionTarget>()\n    const open: Array<OpenMarker> = []\n    // SAFETY: ParentNode is a DOM mixin implemented only by Document, DocumentFragment, and Element nodes.\n    const scopeNode = scope as Node\n    // SAFETY: A DOM node with the Document node type satisfies the Document interface.\n    const ownerDocument = scopeNode.nodeType === DOCUMENT_NODE ? (scopeNode as Document) : scope.ownerDocument\n\n    if (!ownerDocument) return []\n    const walker = ownerDocument.createTreeWalker(scopeNode, COMMENT_NODE_FILTER)\n    let current = walker.nextNode()\n\n    while (current) {\n      // SAFETY: The TreeWalker is restricted to comment nodes.\n      const comment = current as Comment\n      const marker = parsePreviewMarkerComment(comment.data)\n\n      if (marker?.edge === 'start') {\n        open.push({ comment, depth: open.length, kind: marker.kind, nodeId: marker.nodeId })\n      } else if (marker?.edge === 'end') {\n        const start = open.at(-1)\n\n        if (start?.kind === marker.kind && start.nodeId === marker.nodeId) {\n          open.pop()\n          const geometry = rangeGeometry(start.comment, comment, start.depth, geometryCache)\n          const key = `${marker.kind}:${marker.nodeId}`\n          const target = targets.get(key)\n\n          targets.set(key, {\n            geometries: target ? [...target.geometries, geometry] : [geometry],\n            kind: marker.kind,\n            nodeId: marker.nodeId,\n          })\n        } else open.length = 0\n      }\n\n      current = walker.nextNode()\n    }\n\n    return [...targets.values()]\n  }\n\n  return {\n    clear() {\n      for (const element of root.querySelectorAll(\n        `[${CMS_PREVIEW_DECORATED_ATTRIBUTE}], [data-cms-hovered], [data-cms-selected]`,\n      )) {\n        element.removeAttribute(CMS_PREVIEW_DECORATED_ATTRIBUTE)\n        element.removeAttribute('data-cms-hovered')\n        element.removeAttribute('data-cms-selected')\n      }\n    },\n    decorate(scope) {\n      for (const target of collect(scope)) {\n        for (const geometry of target.geometries) geometry.element()?.setAttribute(CMS_PREVIEW_DECORATED_ATTRIBUTE, '')\n      }\n    },\n    hitTest(x, y, scope) {\n      const candidates = collect(scope).filter((target) =>\n        target.geometries.some((geometry) =>\n          geometry.rects().some((rect) => x >= rect.left && x <= rect.right && y >= rect.top && y <= rect.bottom),\n        ),\n      )\n\n      candidates.sort(\n        (left, right) =>\n          targetDepth(right) - targetDepth(left) ||\n          TARGET_PRIORITY[right.kind] - TARGET_PRIORITY[left.kind] ||\n          targetArea(left) - targetArea(right),\n      )\n\n      return candidates[0]?.nodeId\n    },\n    locate(nodeId, fallbacks, scope) {\n      const visited = new Set<string>()\n      const targets = collect(scope)\n      let targetId: string | undefined = nodeId\n\n      while (targetId && !visited.has(targetId)) {\n        visited.add(targetId)\n\n        const geometries = targets.filter((target) => target.nodeId === targetId).flatMap((target) => target.geometries)\n\n        if (geometries.length) return { geometries, nodeId: targetId }\n        targetId = fallbacks[targetId]\n      }\n\n      return { geometries: [] }\n    },\n    nearest(geometries) {\n      const viewportCenter = view.innerHeight / 2\n\n      return [...geometries]\n        .sort(\n          (left, right) => viewportDistance(left, viewportCenter, view) - viewportDistance(right, viewportCenter, view),\n        )[0]\n        ?.element()\n    },\n  }\n}\n\nfunction rangeGeometry(\n  start: Comment,\n  end: Comment,\n  depth: number,\n  cache: WeakMap<Comment, { readonly end: Comment; readonly geometry: PreviewRegionGeometry }>,\n): PreviewRegionGeometry {\n  const cached = cache.get(start)\n\n  if (cached?.end === end && cached.geometry.depth === depth) return cached.geometry\n\n  const geometry: PreviewRegionGeometry = {\n    depth,\n    element: () => rangeElement(start, end),\n    rects: () => rangeRectangles(start, end),\n  }\n\n  cache.set(start, { end, geometry })\n\n  return geometry\n}\n\nfunction rangeElement(start: Comment, end: Comment): Element | undefined {\n  if (!start.isConnected || !end.isConnected || start.parentNode !== end.parentNode) return undefined\n  let current = start.nextSibling\n\n  while (current && current !== end) {\n    if (current.nodeType === current.ELEMENT_NODE) {\n      // SAFETY: The node type check establishes the Element representation.\n      const element = current as Element\n\n      return element\n    }\n\n    current = current.nextSibling\n  }\n\n  return start.parentElement ?? undefined\n}\n\nfunction rangeRectangles(start: Comment, end: Comment): ReadonlyArray<DOMRect> {\n  if (!start.isConnected || !end.isConnected) return []\n  const range = start.ownerDocument.createRange()\n\n  try {\n    range.setStartAfter(start)\n    range.setEndBefore(end)\n\n    const rectangles = [...range.getClientRects()].filter(isVisibleRectangle)\n\n    if (rectangles.length) return rectangles\n  } catch {}\n\n  const element = rangeElement(start, end)\n\n  return element ? [...element.getClientRects()].filter(isVisibleRectangle) : []\n}\n\nfunction isVisibleRectangle(rectangle: DOMRect): boolean {\n  return rectangle.width > 0 && rectangle.height > 0\n}\n\nfunction targetDepth(target: PreviewRegionTarget): number {\n  return Math.max(0, ...target.geometries.map((geometry) => geometry.depth))\n}\n\nfunction targetArea(target: PreviewRegionTarget): number {\n  return Math.min(\n    Infinity,\n    ...target.geometries.flatMap((geometry) => geometry.rects().map((rect) => rect.width * rect.height)),\n  )\n}\n\nfunction viewportDistance(geometry: PreviewRegionGeometry, viewportCenter: number, view: Window): number {\n  const rectangles = geometry.rects()\n  const top = Math.min(Infinity, ...rectangles.map((rectangle) => rectangle.top))\n  const bottom = Math.max(-Infinity, ...rectangles.map((rectangle) => rectangle.bottom))\n\n  if (!Number.isFinite(top) || !Number.isFinite(bottom)) return Infinity\n  const visible = bottom >= 0 && top <= view.innerHeight\n  const distance = Math.abs((top + bottom) / 2 - viewportCenter)\n\n  return visible ? distance : view.innerHeight + distance\n}\n"],"mappings":"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"}

package/src/runtime/preview/store.js

@@ -1,4 +1,4 @@
 import { documentPreviewStoreKey } from "../delivery/preview.js";
-import { t as createStudioPreviewStore } from "../../store-CCsjHaZm.js";
+import { t as createStudioPreviewStore } from "../../store-PKKB8xa2.js";
 
 export { createStudioPreviewStore, documentPreviewStoreKey };

package/src/runtime/sitemap.js

@@ -1,23 +1,22 @@
-import { q as SitemapEntry } from "../models-ChRxBChy.js";
+import { Y as SitemapEntry } from "../models-VmGmG19-.js";
 import { i as CMS_DELIVERY_SITEMAP_PATH } from "../HttpPaths-c9nLZ9H2.js";
 import { useCmsInstallation } from "./plugin.js";
 import { toNuxtSitemapEntries } from "./sitemap-entries.js";
-import { Effect, Schema } from "effect";
+import { Schema } from "effect";
 import { createError, defineEventHandler, getRequestURL } from "h3";
 
 //#region src/runtime/sitemap.ts
 const SitemapDelivery = Schema.Array(SitemapEntry);
-var sitemap_default = defineEventHandler((event) => Effect.runPromise(Effect.gen(function* () {
-	const installation = yield* Effect.promise(useCmsInstallation);
-	const response = yield* Effect.promise(() => installation.fetch(new Request(new URL(CMS_DELIVERY_SITEMAP_PATH, getRequestURL(event).origin))));
-	if (!response.ok) return yield* Effect.fail(createError({
+var sitemap_default = defineEventHandler(async (event) => {
+	const response = await (await useCmsInstallation()).fetch(new Request(new URL(CMS_DELIVERY_SITEMAP_PATH, getRequestURL(event).origin)));
+	if (!response.ok) throw createError({
 		statusCode: response.status,
 		statusMessage: "CMS sitemap delivery failed"
-	}));
-	const payload = yield* Effect.promise(() => response.json());
-	const entries = yield* Schema.decodeUnknownEffect(SitemapDelivery)(payload);
+	});
+	const payload = await response.json();
+	const entries = await Schema.decodeUnknownPromise(SitemapDelivery)(payload);
 	return toNuxtSitemapEntries(entries);
-})));
+});
 
 //#endregion
 export { sitemap_default as default };

package/src/runtime/sitemap.js.map

@@ -1 +1 @@
-{"version":3,"file":"sitemap.js","names":[],"sources":["../../../../src/runtime/sitemap.ts"],"sourcesContent":["import { CMS_DELIVERY_SITEMAP_PATH } from '@internal/protocol/HttpPaths'\nimport { SitemapEntry } from '@internal/protocol/Seo'\nimport { Effect, Schema } from 'effect'\nimport { createError, defineEventHandler, getRequestURL } from 'h3'\nimport { useCmsInstallation } from './plugin'\nimport { toNuxtSitemapEntries } from './sitemap-entries'\n\nconst SitemapDelivery = Schema.Array(SitemapEntry)\n\nexport default defineEventHandler((event) =>\n  Effect.runPromise(\n    Effect.gen(function* () {\n      const installation = yield* Effect.promise(useCmsInstallation)\n\n      const response = yield* Effect.promise(() =>\n        installation.fetch(new Request(new URL(CMS_DELIVERY_SITEMAP_PATH, getRequestURL(event).origin))),\n      )\n\n      if (!response.ok) {\n        return yield* Effect.fail(\n          createError({\n            statusCode: response.status,\n            statusMessage: 'CMS sitemap delivery failed',\n          }),\n        )\n      }\n\n      const payload = yield* Effect.promise(() => response.json())\n      const entries = yield* Schema.decodeUnknownEffect(SitemapDelivery)(payload)\n\n      return toNuxtSitemapEntries(entries)\n    }),\n  ),\n)\n"],"mappings":";;;;;;;;AAOA,MAAM,kBAAkB,OAAO,MAAM,YAAY;AAEjD,sBAAe,oBAAoB,UACjC,OAAO,WACL,OAAO,IAAI,aAAa;CACtB,MAAM,eAAe,OAAO,OAAO,QAAQ,kBAAkB;CAE7D,MAAM,WAAW,OAAO,OAAO,cAC7B,aAAa,MAAM,IAAI,QAAQ,IAAI,IAAI,2BAA2B,cAAc,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,CACjG;CAEA,IAAI,CAAC,SAAS,IACZ,OAAO,OAAO,OAAO,KACnB,YAAY;EACV,YAAY,SAAS;EACrB,eAAe;CACjB,CAAC,CACH;CAGF,MAAM,UAAU,OAAO,OAAO,cAAc,SAAS,KAAK,CAAC;CAC3D,MAAM,UAAU,OAAO,OAAO,oBAAoB,eAAe,CAAC,CAAC,OAAO;CAE1E,OAAO,qBAAqB,OAAO;AACrC,CAAC,CACH,CACF"}
+{"version":3,"file":"sitemap.js","names":[],"sources":["../../../../src/runtime/sitemap.ts"],"sourcesContent":["import { CMS_DELIVERY_SITEMAP_PATH } from '@internal/protocol/HttpPaths'\nimport { SitemapEntry } from '@internal/protocol/Seo'\nimport { Schema } from 'effect'\nimport { createError, defineEventHandler, getRequestURL } from 'h3'\nimport { useCmsInstallation } from './plugin'\nimport { toNuxtSitemapEntries } from './sitemap-entries'\n\nconst SitemapDelivery = Schema.Array(SitemapEntry)\n\n// oxlint-disable-next-line effecttsgo/async-function -- Nitro owns this Promise-based request lifecycle.\nexport default defineEventHandler(async (event) => {\n  const installation = await useCmsInstallation()\n\n  const response = await installation.fetch(\n    new Request(new URL(CMS_DELIVERY_SITEMAP_PATH, getRequestURL(event).origin)),\n  )\n\n  if (!response.ok) {\n    throw createError({\n      statusCode: response.status,\n      statusMessage: 'CMS sitemap delivery failed',\n    })\n  }\n\n  const payload = await response.json()\n  const entries = await Schema.decodeUnknownPromise(SitemapDelivery)(payload)\n\n  return toNuxtSitemapEntries(entries)\n})\n"],"mappings":";;;;;;;;AAOA,MAAM,kBAAkB,OAAO,MAAM,YAAY;AAGjD,sBAAe,mBAAmB,OAAO,UAAU;CAGjD,MAAM,WAAW,OAAM,MAFI,mBAAmB,EAEX,CAAC,MAClC,IAAI,QAAQ,IAAI,IAAI,2BAA2B,cAAc,KAAK,CAAC,CAAC,MAAM,CAAC,CAC7E;CAEA,IAAI,CAAC,SAAS,IACZ,MAAM,YAAY;EAChB,YAAY,SAAS;EACrB,eAAe;CACjB,CAAC;CAGH,MAAM,UAAU,MAAM,SAAS,KAAK;CACpC,MAAM,UAAU,MAAM,OAAO,qBAAqB,eAAe,CAAC,CAAC,OAAO;CAE1E,OAAO,qBAAqB,OAAO;AACrC,CAAC"}

package/src/{scalars-B2lgGUnj.js → scalars-CVZqT3L0.js}

@@ -6,21 +6,17 @@ const publicPathPattern = /^\/(?!(?:[^/]+\/)*\.\.?(?:\/|$))(?:[^/?#\\]+(?:\/[^/?
 
 //#endregion
 //#region ../protocol/src/internal/documents/scalars.ts
-const relativeDocumentPathPattern = /^(?!(?:[^/]+\/)*\.\.?(?:\/|$))[^/?#\\]+(?:\/[^/?#\\]+)*$/u;
 const slugPattern = /^[\p{Letter}\p{Number}][\p{Letter}\p{Number}_-]*$/u;
-const sourcePathPattern = /^(?!\.)[^/?#\\]+(?:\/(?!\.)[^/?#\\]+)*\.(?:md|mdc)$/u;
 const DocumentGeneration = Schema.String.check(Schema.isPattern(/^(?:0|[1-9]\d*)$/u)).pipe(Schema.brand("DocumentGeneration"));
 const DocumentVersion = Schema.NonEmptyString.pipe(Schema.brand("DocumentVersion"));
 const DocumentHistoryCursor = Schema.NonEmptyString.pipe(Schema.brand("DocumentHistoryCursor"));
 const DocumentId = Schema.String.check(Schema.isUUID()).pipe(Schema.brand("DocumentId"));
 const EditorNodeId = Schema.String.check(Schema.isUUID()).pipe(Schema.brand("EditorNodeId"));
 const PublicPath = Schema.String.check(Schema.isPattern(publicPathPattern)).pipe(Schema.brand("PublicPath"));
-const RelativeDocumentPath = Schema.String.check(Schema.isPattern(relativeDocumentPathPattern)).pipe(Schema.brand("RelativeDocumentPath"));
 const RevisionId = Schema.String.check(Schema.isUUID()).pipe(Schema.brand("RevisionId"));
 const RevisionNumber = nonNegativeInt.pipe(Schema.brand("RevisionNumber"));
 const Slug = Schema.String.check(Schema.isPattern(slugPattern)).pipe(Schema.brand("Slug"));
-const SourcePath = Schema.String.check(Schema.isPattern(sourcePathPattern)).pipe(Schema.brand("SourcePath"));
 
 //#endregion
-export { EditorNodeId as a, RevisionId as c, SourcePath as d, nonNegativeInt as f, DocumentVersion as i, RevisionNumber as l, DocumentHistoryCursor as n, PublicPath as o, publicPathPattern as p, DocumentId as r, RelativeDocumentPath as s, DocumentGeneration as t, Slug as u };
-//# sourceMappingURL=scalars-B2lgGUnj.js.map
+export { EditorNodeId as a, RevisionNumber as c, publicPathPattern as d, DocumentVersion as i, Slug as l, DocumentHistoryCursor as n, PublicPath as o, DocumentId as r, RevisionId as s, DocumentGeneration as t, nonNegativeInt as u };
+//# sourceMappingURL=scalars-CVZqT3L0.js.map

package/src/scalars-CVZqT3L0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scalars-CVZqT3L0.js","names":[],"sources":["../../../../protocol/src/internal/scalars.ts","../../../../protocol/src/internal/documents/scalars.ts"],"sourcesContent":["import { Schema } from 'effect'\n\nexport const nonNegativeInt = Schema.Int.check(Schema.isGreaterThanOrEqualTo(0))\n\nexport const publicPathPattern = /^\\/(?!(?:[^/]+\\/)*\\.\\.?(?:\\/|$))(?:[^/?#\\\\]+(?:\\/[^/?#\\\\]+)*)?$/u\n","import { Schema } from 'effect'\nimport { nonNegativeInt, publicPathPattern } from '../scalars'\n\nconst slugPattern = /^[\\p{Letter}\\p{Number}][\\p{Letter}\\p{Number}_-]*$/u\n\nexport const DocumentGeneration = Schema.String.check(Schema.isPattern(/^(?:0|[1-9]\\d*)$/u)).pipe(\n  Schema.brand('DocumentGeneration'),\n)\n\nexport type DocumentGeneration = typeof DocumentGeneration.Type\n\nexport const DocumentVersion = Schema.NonEmptyString.pipe(Schema.brand('DocumentVersion'))\n\nexport type DocumentVersion = typeof DocumentVersion.Type\n\nexport const DocumentHistoryCursor = Schema.NonEmptyString.pipe(Schema.brand('DocumentHistoryCursor'))\n\nexport type DocumentHistoryCursor = typeof DocumentHistoryCursor.Type\n\nexport const DocumentId = Schema.String.check(Schema.isUUID()).pipe(Schema.brand('DocumentId'))\n\nexport type DocumentId = typeof DocumentId.Type\n\nexport const EditorNodeId = Schema.String.check(Schema.isUUID()).pipe(Schema.brand('EditorNodeId'))\n\nexport type EditorNodeId = typeof EditorNodeId.Type\n\nexport const PublicPath = Schema.String.check(Schema.isPattern(publicPathPattern)).pipe(Schema.brand('PublicPath'))\n\nexport type PublicPath = typeof PublicPath.Type\n\nexport const RevisionId = Schema.String.check(Schema.isUUID()).pipe(Schema.brand('RevisionId'))\n\nexport type RevisionId = typeof RevisionId.Type\n\nexport const RevisionNumber = nonNegativeInt.pipe(Schema.brand('RevisionNumber'))\n\nexport type RevisionNumber = typeof RevisionNumber.Type\n\nexport const Slug = Schema.String.check(Schema.isPattern(slugPattern)).pipe(Schema.brand('Slug'))\n\nexport type Slug = typeof Slug.Type\n"],"mappings":";;;AAEA,MAAa,iBAAiB,OAAO,IAAI,MAAM,OAAO,uBAAuB,CAAC,CAAC;AAE/E,MAAa,oBAAoB;;;;ACDjC,MAAM,cAAc;AAEpB,MAAa,qBAAqB,OAAO,OAAO,MAAM,OAAO,UAAU,mBAAmB,CAAC,CAAC,CAAC,KAC3F,OAAO,MAAM,oBAAoB,CACnC;AAIA,MAAa,kBAAkB,OAAO,eAAe,KAAK,OAAO,MAAM,iBAAiB,CAAC;AAIzF,MAAa,wBAAwB,OAAO,eAAe,KAAK,OAAO,MAAM,uBAAuB,CAAC;AAIrG,MAAa,aAAa,OAAO,OAAO,MAAM,OAAO,OAAO,CAAC,CAAC,CAAC,KAAK,OAAO,MAAM,YAAY,CAAC;AAI9F,MAAa,eAAe,OAAO,OAAO,MAAM,OAAO,OAAO,CAAC,CAAC,CAAC,KAAK,OAAO,MAAM,cAAc,CAAC;AAIlG,MAAa,aAAa,OAAO,OAAO,MAAM,OAAO,UAAU,iBAAiB,CAAC,CAAC,CAAC,KAAK,OAAO,MAAM,YAAY,CAAC;AAIlH,MAAa,aAAa,OAAO,OAAO,MAAM,OAAO,OAAO,CAAC,CAAC,CAAC,KAAK,OAAO,MAAM,YAAY,CAAC;AAI9F,MAAa,iBAAiB,eAAe,KAAK,OAAO,MAAM,gBAAgB,CAAC;AAIhF,MAAa,OAAO,OAAO,OAAO,MAAM,OAAO,UAAU,WAAW,CAAC,CAAC,CAAC,KAAK,OAAO,MAAM,MAAM,CAAC"}

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