@phtngyn/cms 0.1.0-beta.0 → 0.1.0-beta.1

package/src/runtime/preview/controller.js

@@ -1,5 +1,6 @@
-import { V as EditorNodeId, W as RevisionNumber, z as DocumentId } from "../../models-Citx8jBi.js";
-import { a as PreviewIntentId, m as RequestId } from "../../models-DS5ClMsH.js";
+import { St as RevisionNumber, gt as DocumentId, pt as RequestId, vt as EditorNodeId } from "../../models-BkMgeaOL.js";
+import { r as PreviewIntentId } from "../../models-C3witQBK.js";
+import { mountPreviewOverlay } from "./overlay.js";
 import { clearPreviewTargets, decoratePreviewTargets, findPreviewNodeId, nearestPreviewElement, resolvePreviewTarget } from "./targets.js";
 import { Crypto, Effect, PlatformError, Schema } from "effect";
 
@@ -20,6 +21,8 @@ const browserCrypto = Crypto.make({
 const randomUuid = () => Effect.runSync(browserCrypto.randomUUIDv4.pipe(Effect.orDie));
 function mountPreviewController(options) {
 	const { bridge, root, store, view } = options;
+	const selection = mountPreviewOverlay(root, view);
+	const hover = mountPreviewOverlay(root, view, "hover");
 	let active = false;
 	let desiredFocus;
 	let fallbacks = {};
@@ -61,10 +64,14 @@ function mountPreviewController(options) {
 	const applyFocus = (reveal = false) => {
 		clearElements(selectedElements, "data-cms-selected");
 		selectedElements = [];
-		if (!active || mode !== "edit") return;
+		if (!active || mode !== "edit") {
+			selection.set([]);
+			return;
+		}
 		const intent = desiredFocus;
 		const nodeId = intent?.nodeId;
 		if (!intent || !nodeId) {
+			selection.set([]);
 			sendApplied("exact");
 			return;
 		}
@@ -72,6 +79,7 @@ function mountPreviewController(options) {
 		decoratePreviewTargets(scope);
 		const target = resolvePreviewTarget(scope, nodeId, fallbacks);
 		selectedElements = target.elements;
+		selection.set(selectedElements);
 		for (const element of selectedElements) element.setAttribute("data-cms-selected", "");
 		const result = !target.resolvedNodeId ? "missing" : target.resolvedNodeId === nodeId ? "exact" : "fallback";
 		if (reveal && result !== "missing" && revealedIntentId !== intent.id) {
@@ -83,12 +91,19 @@ function mountPreviewController(options) {
 	const hoverElements = (target) => {
 		clearElements(hoveredElements, "data-cms-hovered");
 		hoveredElements = [];
-		if (!active || mode !== "edit" || !target) return;
+		if (!active || mode !== "edit" || !target) {
+			hover.set([]);
+			return;
+		}
 		const scope = target.closest("[data-cms-document]") ?? root;
 		const nodeId = findPreviewNodeId(scope, target);
-		if (!nodeId) return;
+		if (!nodeId) {
+			hover.set([]);
+			return;
+		}
 		hoveredElements = resolvePreviewTarget(scope, nodeId, fallbacks).elements;
 		for (const element of hoveredElements) element.setAttribute("data-cms-hovered", "");
+		hover.set(hoveredElements);
 	};
 	const settleRender = (sequence) => {
 		view.requestAnimationFrame(() => view.requestAnimationFrame(() => {
@@ -116,6 +131,7 @@ function mountPreviewController(options) {
 				hoverElements();
 				clearElements(selectedElements, "data-cms-selected");
 				selectedElements = [];
+				selection.set([]);
 			} else {
 				decoratePreviewTargets(root);
 				applyFocus();
@@ -152,7 +168,8 @@ function mountPreviewController(options) {
 			const destination = new URL(link.href, view.location.href);
 			if (destination.origin !== view.location.origin) return;
 			event.preventDefault();
-			options.navigate(destination.pathname);
+			event.stopPropagation();
+			options.navigate(`${destination.pathname}${destination.search}${destination.hash}`);
 			return;
 		}
 		const scope = target?.closest("[data-cms-document]");
@@ -202,7 +219,8 @@ function mountPreviewController(options) {
 		if (!(event.relatedTarget instanceof Element)) hoverElements();
 	};
 	let mutationQueued = false;
-	const observer = new MutationObserver(() => {
+	const observer = new MutationObserver((records) => {
+		if (records.every((record) => record.target instanceof Element && record.target.closest("[data-cms-preview-overlay]"))) return;
 		if (mutationQueued) return;
 		mutationQueued = true;
 		queueMicrotask(() => {
@@ -224,6 +242,8 @@ function mountPreviewController(options) {
 		stopBridge();
 		stopManifest();
 		observer.disconnect();
+		selection.destroy();
+		hover.destroy();
 		root.removeEventListener("click", handleClick, true);
 		root.removeEventListener("pointerover", handlePointerOver, true);
 		root.removeEventListener("pointerout", handlePointerOut, true);
@@ -233,10 +253,9 @@ function mountPreviewController(options) {
 function revealElement(element, view) {
 	if (!element) return;
 	const rect = element.getBoundingClientRect();
-	const margin = Math.min(80, view.innerHeight / 5);
-	if (rect.top >= margin && rect.bottom <= view.innerHeight - margin) return;
+	if (rect.bottom > 0 && rect.top < view.innerHeight && rect.right > 0 && rect.left < view.innerWidth) return;
 	element.scrollIntoView({
-		behavior: view.matchMedia("(prefers-reduced-motion: reduce)").matches ? "auto" : "smooth",
+		behavior: "instant",
 		block: "center",
 		inline: "nearest"
 	});

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

@@ -1 +1 @@
-{"version":3,"file":"controller.js","names":[],"sources":["../../../../../src/runtime/preview/controller.ts"],"sourcesContent":["import type { DocumentPreviewFocusIntent, PreviewSiteBridge, StudioPreviewPayload } from '@internal/protocol/Preview'\nimport type { StudioPreviewStore } from './store'\nimport { DocumentId, EditorNodeId, RevisionNumber } from '@internal/protocol/Documents'\nimport { RequestId } from '@internal/protocol/Identity'\nimport { PreviewIntentId } from '@internal/protocol/Preview'\nimport { Crypto, Effect, PlatformError, Schema } from 'effect'\nimport {\n  clearPreviewTargets,\n  decoratePreviewTargets,\n  findPreviewNodeId,\n  nearestPreviewElement,\n  resolvePreviewTarget,\n} from './targets'\n\nconst browserCrypto = Crypto.make({\n  digest: (algorithm, data) =>\n    Effect.tryPromise({\n      catch: (cause) =>\n        PlatformError.systemError({\n          _tag: 'Unknown',\n          cause,\n          description: 'Could not compute digest',\n          method: 'digest',\n          module: 'Crypto',\n        }),\n      try: () =>\n        globalThis.crypto.subtle.digest(algorithm, Uint8Array.from(data)).then((digest) => new Uint8Array(digest)),\n    }),\n  randomBytes: (size) => globalThis.crypto.getRandomValues(new Uint8Array(size)),\n})\n\nconst randomUuid = (): string => Effect.runSync(browserCrypto.randomUUIDv4.pipe(Effect.orDie))\n\nexport function mountPreviewController(options: {\n  readonly bridge: PreviewSiteBridge\n  readonly navigate: (path: string) => Promise<void> | void\n  readonly root: Document\n  readonly store: StudioPreviewStore\n  readonly view: Window\n}): () => void {\n  type PreviewFallbacks = Extract<StudioPreviewPayload, { readonly type: 'studio:patch' }>['fallbacks']\n  const { bridge, root, store, view } = options\n  let active = false\n  let desiredFocus: DocumentPreviewFocusIntent | undefined\n  let fallbacks: PreviewFallbacks = {}\n  let hoveredElements: ReadonlyArray<Element> = []\n  let mode: 'browse' | 'edit' = 'edit'\n  let renderSequence = 0\n  let revision = RevisionNumber.make(0)\n  let selectedElements: ReadonlyArray<Element> = []\n  let lastApplied = ''\n  let revealedIntentId = ''\n\n  const sendManifest = (): void => {\n    bridge.send({ manifest: store.manifest(), revision, type: 'preview:manifest' })\n  }\n  const stopManifest = store.subscribe(sendManifest)\n  const clearElements = (elements: ReadonlyArray<Element>, attribute: string): void => {\n    for (const element of elements) element.removeAttribute(attribute)\n  }\n  const sendApplied = (result: 'exact' | 'fallback' | 'missing'): void => {\n    if (!desiredFocus) return\n    const signature = `${desiredFocus.id}:${result}`\n    if (signature === lastApplied) return\n    lastApplied = signature\n    const applied = {\n      intentId: desiredFocus.id,\n      result,\n      revision,\n      type: 'preview:applied',\n    } as const\n    bridge.send(desiredFocus.nodeId ? { ...applied, nodeId: desiredFocus.nodeId } : applied)\n  }\n  const documentRoot = (documentId: string): ParentNode =>\n    [...root.querySelectorAll('[data-cms-document]')].find(\n      (element) => element.getAttribute('data-cms-document') === documentId,\n    ) ?? root\n  const applyFocus = (reveal = false): void => {\n    clearElements(selectedElements, 'data-cms-selected')\n    selectedElements = []\n    if (!active || mode !== 'edit') return\n    const intent = desiredFocus\n    const nodeId = intent?.nodeId\n    if (!intent || !nodeId) {\n      sendApplied('exact')\n      return\n    }\n    const scope = documentRoot(intent.documentId)\n    decoratePreviewTargets(scope)\n    const target = resolvePreviewTarget(scope, nodeId, fallbacks)\n    selectedElements = target.elements\n    for (const element of selectedElements) element.setAttribute('data-cms-selected', '')\n    const result = !target.resolvedNodeId ? 'missing' : target.resolvedNodeId === nodeId ? 'exact' : 'fallback'\n    if (reveal && result !== 'missing' && revealedIntentId !== intent.id) {\n      revealedIntentId = intent.id\n      revealElement(nearestPreviewElement(selectedElements), view)\n    }\n    sendApplied(result)\n  }\n  const hoverElements = (target?: Element): void => {\n    clearElements(hoveredElements, 'data-cms-hovered')\n    hoveredElements = []\n    if (!active || mode !== 'edit' || !target) return\n    const scope = target.closest('[data-cms-document]') ?? root\n    const nodeId = findPreviewNodeId(scope, target)\n    if (!nodeId) return\n    hoveredElements = resolvePreviewTarget(scope, nodeId, fallbacks).elements\n    for (const element of hoveredElements) element.setAttribute('data-cms-hovered', '')\n  }\n  const settleRender = (sequence: number): void => {\n    view.requestAnimationFrame(() =>\n      view.requestAnimationFrame(() => {\n        if (sequence !== renderSequence) return\n        active = true\n        decoratePreviewTargets(root)\n        bridge.send({ revision, type: 'preview:rendered' })\n        applyFocus(desiredFocus?.reveal)\n      }),\n    )\n  }\n\n  const stopBridge = bridge.subscribe((message) => {\n    if (message.type === 'studio:connect') {\n      active = true\n      clearPreviewTargets(root)\n      decoratePreviewTargets(root)\n      sendManifest()\n      return\n    }\n    if (message.type === 'studio:mode') {\n      mode = message.mode\n      if (mode === 'browse') {\n        hoverElements()\n        clearElements(selectedElements, 'data-cms-selected')\n        selectedElements = []\n      } else {\n        decoratePreviewTargets(root)\n        applyFocus()\n      }\n      return\n    }\n    if (message.type === 'studio:navigate') {\n      void options.navigate(message.path)\n      return\n    }\n    if (message.type === 'studio:focus') {\n      if (message.focus.revision !== revision) return\n      desiredFocus = message.focus\n      applyFocus(desiredFocus.reveal)\n      return\n    }\n    if (message.type !== 'studio:patch' || message.revision < revision) return\n    revision = message.revision\n    active = false\n    desiredFocus = message.focus\n    lastApplied = ''\n    const sequence = ++renderSequence\n    void store.patch(message.document).then((localFallbacks) => {\n      fallbacks = Object.assign({}, message.fallbacks, localFallbacks)\n      settleRender(sequence)\n    })\n  })\n\n  const handleClick = (event: MouseEvent) => {\n    if (!active) return\n    const target = event.target instanceof Element ? event.target : null\n    if (mode === 'browse') {\n      const link = target?.closest('a[href]')\n      if (\n        !(link instanceof HTMLAnchorElement) ||\n        link.target ||\n        link.hasAttribute('download') ||\n        event.metaKey ||\n        event.ctrlKey ||\n        event.shiftKey ||\n        event.altKey\n      )\n        return\n      const destination = new URL(link.href, view.location.href)\n      if (destination.origin !== view.location.origin) return\n      event.preventDefault()\n      void options.navigate(destination.pathname)\n      return\n    }\n    const scope = target?.closest('[data-cms-document]')\n    const documentIdValue = scope?.getAttribute('data-cms-document')\n    if (!target || !scope || !Schema.is(DocumentId)(documentIdValue)) return\n    event.preventDefault()\n    event.stopPropagation()\n    const nodeIdValue = findPreviewNodeId(scope, target)\n    const nodeId = Schema.is(EditorNodeId)(nodeIdValue) ? nodeIdValue : undefined\n    const field = target.closest('[data-cms-field]')?.getAttribute('data-cms-field') || undefined\n    const activationFocus = {\n      documentId: documentIdValue,\n      id: PreviewIntentId.make(randomUuid()),\n      origin: 'preview',\n      reveal: false,\n      revision,\n    } as const\n    desiredFocus = nodeId ? { ...activationFocus, nodeId } : activationFocus\n    lastApplied = ''\n    const activation = {\n      documentId: desiredFocus.documentId,\n      requestId: RequestId.make(randomUuid()),\n      revision,\n      type: 'preview:activate',\n    } as const\n    if (field && nodeId) bridge.send({ ...activation, field, nodeId })\n    else if (field) bridge.send({ ...activation, field })\n    else if (nodeId) bridge.send({ ...activation, nodeId })\n    else bridge.send(activation)\n    applyFocus()\n  }\n  const handlePointerOver = (event: PointerEvent) =>\n    hoverElements(event.target instanceof Element ? event.target : undefined)\n  const handlePointerOut = (event: PointerEvent) => {\n    if (!(event.relatedTarget instanceof Element)) hoverElements()\n  }\n  let mutationQueued = false\n  const observer = new MutationObserver(() => {\n    if (mutationQueued) return\n    mutationQueued = true\n    queueMicrotask(() => {\n      mutationQueued = false\n      if (!active) return\n      hoverElements()\n      decoratePreviewTargets(root)\n      if (desiredFocus) applyFocus(false)\n    })\n  })\n\n  root.addEventListener('click', handleClick, true)\n  root.addEventListener('pointerover', handlePointerOver, true)\n  root.addEventListener('pointerout', handlePointerOut, true)\n  observer.observe(root.documentElement, { childList: true, subtree: true })\n\n  return () => {\n    stopBridge()\n    stopManifest()\n    observer.disconnect()\n    root.removeEventListener('click', handleClick, true)\n    root.removeEventListener('pointerover', handlePointerOver, true)\n    root.removeEventListener('pointerout', handlePointerOut, true)\n    clearPreviewTargets(root)\n  }\n}\n\nfunction revealElement(element: Element | undefined, view: Window): void {\n  if (!element) return\n  const rect = element.getBoundingClientRect()\n  const margin = Math.min(80, view.innerHeight / 5)\n  if (rect.top >= margin && rect.bottom <= view.innerHeight - margin) return\n  element.scrollIntoView({\n    behavior: view.matchMedia('(prefers-reduced-motion: reduce)').matches ? 'auto' : 'smooth',\n    block: 'center',\n    inline: 'nearest',\n  })\n}\n"],"mappings":"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"}
+{"version":3,"file":"controller.js","names":[],"sources":["../../../../../src/runtime/preview/controller.ts"],"sourcesContent":["import type { DocumentPreviewFocusIntent, PreviewSiteBridge, StudioPreviewPayload } from '@internal/protocol/Preview'\nimport type { StudioPreviewStore } from './store'\nimport { DocumentId, EditorNodeId, RevisionNumber } from '@internal/protocol/Documents'\nimport { RequestId } from '@internal/protocol/Identity'\nimport { PreviewIntentId } from '@internal/protocol/Preview'\nimport { Crypto, Effect, PlatformError, Schema } from 'effect'\nimport { mountPreviewOverlay } from './overlay'\nimport {\n  clearPreviewTargets,\n  decoratePreviewTargets,\n  findPreviewNodeId,\n  nearestPreviewElement,\n  resolvePreviewTarget,\n} from './targets'\n\nconst browserCrypto = Crypto.make({\n  digest: (algorithm, data) =>\n    Effect.tryPromise({\n      catch: (cause) =>\n        PlatformError.systemError({\n          _tag: 'Unknown',\n          cause,\n          description: 'Could not compute digest',\n          method: 'digest',\n          module: 'Crypto',\n        }),\n      try: () =>\n        globalThis.crypto.subtle.digest(algorithm, Uint8Array.from(data)).then((digest) => new Uint8Array(digest)),\n    }),\n  randomBytes: (size) => globalThis.crypto.getRandomValues(new Uint8Array(size)),\n})\n\nconst randomUuid = (): string => Effect.runSync(browserCrypto.randomUUIDv4.pipe(Effect.orDie))\n\nexport function mountPreviewController(options: {\n  readonly bridge: PreviewSiteBridge\n  readonly navigate: (path: string) => Promise<void> | void\n  readonly root: Document\n  readonly store: StudioPreviewStore\n  readonly view: Window\n}): () => void {\n  type PreviewFallbacks = Extract<StudioPreviewPayload, { readonly type: 'studio:patch' }>['fallbacks']\n  const { bridge, root, store, view } = options\n  const selection = mountPreviewOverlay(root, view)\n  const hover = mountPreviewOverlay(root, view, 'hover')\n  let active = false\n  let desiredFocus: DocumentPreviewFocusIntent | undefined\n  let fallbacks: PreviewFallbacks = {}\n  let hoveredElements: ReadonlyArray<Element> = []\n  let mode: 'browse' | 'edit' = 'edit'\n  let renderSequence = 0\n  let revision = RevisionNumber.make(0)\n  let selectedElements: ReadonlyArray<Element> = []\n  let lastApplied = ''\n  let revealedIntentId = ''\n\n  const sendManifest = (): void => {\n    bridge.send({ manifest: store.manifest(), revision, type: 'preview:manifest' })\n  }\n  const stopManifest = store.subscribe(sendManifest)\n  const clearElements = (elements: ReadonlyArray<Element>, attribute: string): void => {\n    for (const element of elements) element.removeAttribute(attribute)\n  }\n  const sendApplied = (result: 'exact' | 'fallback' | 'missing'): void => {\n    if (!desiredFocus) return\n    const signature = `${desiredFocus.id}:${result}`\n    if (signature === lastApplied) return\n    lastApplied = signature\n    const applied = {\n      intentId: desiredFocus.id,\n      result,\n      revision,\n      type: 'preview:applied',\n    } as const\n    bridge.send(desiredFocus.nodeId ? { ...applied, nodeId: desiredFocus.nodeId } : applied)\n  }\n  const documentRoot = (documentId: string): ParentNode =>\n    [...root.querySelectorAll('[data-cms-document]')].find(\n      (element) => element.getAttribute('data-cms-document') === documentId,\n    ) ?? root\n  const applyFocus = (reveal = false): void => {\n    clearElements(selectedElements, 'data-cms-selected')\n    selectedElements = []\n    if (!active || mode !== 'edit') {\n      selection.set([])\n      return\n    }\n    const intent = desiredFocus\n    const nodeId = intent?.nodeId\n    if (!intent || !nodeId) {\n      selection.set([])\n      sendApplied('exact')\n      return\n    }\n    const scope = documentRoot(intent.documentId)\n    decoratePreviewTargets(scope)\n    const target = resolvePreviewTarget(scope, nodeId, fallbacks)\n    selectedElements = target.elements\n    selection.set(selectedElements)\n    for (const element of selectedElements) element.setAttribute('data-cms-selected', '')\n    const result = !target.resolvedNodeId ? 'missing' : target.resolvedNodeId === nodeId ? 'exact' : 'fallback'\n    if (reveal && result !== 'missing' && revealedIntentId !== intent.id) {\n      revealedIntentId = intent.id\n      revealElement(nearestPreviewElement(selectedElements), view)\n    }\n    sendApplied(result)\n  }\n  const hoverElements = (target?: Element): void => {\n    clearElements(hoveredElements, 'data-cms-hovered')\n    hoveredElements = []\n    if (!active || mode !== 'edit' || !target) {\n      hover.set([])\n      return\n    }\n    const scope = target.closest('[data-cms-document]') ?? root\n    const nodeId = findPreviewNodeId(scope, target)\n    if (!nodeId) {\n      hover.set([])\n      return\n    }\n    hoveredElements = resolvePreviewTarget(scope, nodeId, fallbacks).elements\n    for (const element of hoveredElements) element.setAttribute('data-cms-hovered', '')\n    hover.set(hoveredElements)\n  }\n  const settleRender = (sequence: number): void => {\n    view.requestAnimationFrame(() =>\n      view.requestAnimationFrame(() => {\n        if (sequence !== renderSequence) return\n        active = true\n        decoratePreviewTargets(root)\n        bridge.send({ revision, type: 'preview:rendered' })\n        applyFocus(desiredFocus?.reveal)\n      }),\n    )\n  }\n\n  const stopBridge = bridge.subscribe((message) => {\n    if (message.type === 'studio:connect') {\n      active = true\n      clearPreviewTargets(root)\n      decoratePreviewTargets(root)\n      sendManifest()\n      return\n    }\n    if (message.type === 'studio:mode') {\n      mode = message.mode\n      if (mode === 'browse') {\n        hoverElements()\n        clearElements(selectedElements, 'data-cms-selected')\n        selectedElements = []\n        selection.set([])\n      } else {\n        decoratePreviewTargets(root)\n        applyFocus()\n      }\n      return\n    }\n    if (message.type === 'studio:navigate') {\n      void options.navigate(message.path)\n      return\n    }\n    if (message.type === 'studio:focus') {\n      if (message.focus.revision !== revision) return\n      desiredFocus = message.focus\n      applyFocus(desiredFocus.reveal)\n      return\n    }\n    if (message.type !== 'studio:patch' || message.revision < revision) return\n    revision = message.revision\n    active = false\n    desiredFocus = message.focus\n    lastApplied = ''\n    const sequence = ++renderSequence\n    void store.patch(message.document).then((localFallbacks) => {\n      fallbacks = Object.assign({}, message.fallbacks, localFallbacks)\n      settleRender(sequence)\n    })\n  })\n\n  const handleClick = (event: MouseEvent) => {\n    if (!active) return\n    const target = event.target instanceof Element ? event.target : null\n    if (mode === 'browse') {\n      const link = target?.closest('a[href]')\n      if (\n        !(link instanceof HTMLAnchorElement) ||\n        link.target ||\n        link.hasAttribute('download') ||\n        event.metaKey ||\n        event.ctrlKey ||\n        event.shiftKey ||\n        event.altKey\n      )\n        return\n      const destination = new URL(link.href, view.location.href)\n      if (destination.origin !== view.location.origin) return\n      event.preventDefault()\n      event.stopPropagation()\n      void options.navigate(`${destination.pathname}${destination.search}${destination.hash}`)\n      return\n    }\n    const scope = target?.closest('[data-cms-document]')\n    const documentIdValue = scope?.getAttribute('data-cms-document')\n    if (!target || !scope || !Schema.is(DocumentId)(documentIdValue)) return\n    event.preventDefault()\n    event.stopPropagation()\n    const nodeIdValue = findPreviewNodeId(scope, target)\n    const nodeId = Schema.is(EditorNodeId)(nodeIdValue) ? nodeIdValue : undefined\n    const field = target.closest('[data-cms-field]')?.getAttribute('data-cms-field') || undefined\n    const activationFocus = {\n      documentId: documentIdValue,\n      id: PreviewIntentId.make(randomUuid()),\n      origin: 'preview',\n      reveal: false,\n      revision,\n    } as const\n    desiredFocus = nodeId ? { ...activationFocus, nodeId } : activationFocus\n    lastApplied = ''\n    const activation = {\n      documentId: desiredFocus.documentId,\n      requestId: RequestId.make(randomUuid()),\n      revision,\n      type: 'preview:activate',\n    } as const\n    if (field && nodeId) bridge.send({ ...activation, field, nodeId })\n    else if (field) bridge.send({ ...activation, field })\n    else if (nodeId) bridge.send({ ...activation, nodeId })\n    else bridge.send(activation)\n    applyFocus()\n  }\n  const handlePointerOver = (event: PointerEvent) =>\n    hoverElements(event.target instanceof Element ? event.target : undefined)\n  const handlePointerOut = (event: PointerEvent) => {\n    if (!(event.relatedTarget instanceof Element)) hoverElements()\n  }\n  let mutationQueued = false\n  const observer = new MutationObserver((records) => {\n    if (\n      records.every((record) => record.target instanceof Element && record.target.closest('[data-cms-preview-overlay]'))\n    )\n      return\n    if (mutationQueued) return\n    mutationQueued = true\n    queueMicrotask(() => {\n      mutationQueued = false\n      if (!active) return\n      hoverElements()\n      decoratePreviewTargets(root)\n      if (desiredFocus) applyFocus(false)\n    })\n  })\n\n  root.addEventListener('click', handleClick, true)\n  root.addEventListener('pointerover', handlePointerOver, true)\n  root.addEventListener('pointerout', handlePointerOut, true)\n  observer.observe(root.documentElement, { childList: true, subtree: true })\n\n  return () => {\n    stopBridge()\n    stopManifest()\n    observer.disconnect()\n    selection.destroy()\n    hover.destroy()\n    root.removeEventListener('click', handleClick, true)\n    root.removeEventListener('pointerover', handlePointerOver, true)\n    root.removeEventListener('pointerout', handlePointerOut, true)\n    clearPreviewTargets(root)\n  }\n}\n\nfunction revealElement(element: Element | undefined, view: Window): void {\n  if (!element) return\n  const rect = element.getBoundingClientRect()\n  if (rect.bottom > 0 && rect.top < view.innerHeight && rect.right > 0 && rect.left < view.innerWidth) return\n  element.scrollIntoView({\n    behavior: 'instant',\n    block: 'center',\n    inline: 'nearest',\n  })\n}\n"],"mappings":";;;;;;;AAeA,MAAM,gBAAgB,OAAO,KAAK;CAChC,SAAS,WAAW,SAClB,OAAO,WAAW;EAChB,QAAQ,UACN,cAAc,YAAY;GACxB,MAAM;GACN;GACA,aAAa;GACb,QAAQ;GACR,QAAQ;EACV,CAAC;EACH,WACE,WAAW,OAAO,OAAO,OAAO,WAAW,WAAW,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,WAAW,IAAI,WAAW,MAAM,CAAC;CAC7G,CAAC;CACH,cAAc,SAAS,WAAW,OAAO,gBAAgB,IAAI,WAAW,IAAI,CAAC;AAC/E,CAAC;AAED,MAAM,mBAA2B,OAAO,QAAQ,cAAc,aAAa,KAAK,OAAO,KAAK,CAAC;AAE7F,SAAgB,uBAAuB,SAMxB;CAEb,MAAM,EAAE,QAAQ,MAAM,OAAO,SAAS;CACtC,MAAM,YAAY,oBAAoB,MAAM,IAAI;CAChD,MAAM,QAAQ,oBAAoB,MAAM,MAAM,OAAO;CACrD,IAAI,SAAS;CACb,IAAI;CACJ,IAAI,YAA8B,CAAC;CACnC,IAAI,kBAA0C,CAAC;CAC/C,IAAI,OAA0B;CAC9B,IAAI,iBAAiB;CACrB,IAAI,WAAW,eAAe,KAAK,CAAC;CACpC,IAAI,mBAA2C,CAAC;CAChD,IAAI,cAAc;CAClB,IAAI,mBAAmB;CAEvB,MAAM,qBAA2B;EAC/B,OAAO,KAAK;GAAE,UAAU,MAAM,SAAS;GAAG;GAAU,MAAM;EAAmB,CAAC;CAChF;CACA,MAAM,eAAe,MAAM,UAAU,YAAY;CACjD,MAAM,iBAAiB,UAAkC,cAA4B;EACnF,KAAK,MAAM,WAAW,UAAU,QAAQ,gBAAgB,SAAS;CACnE;CACA,MAAM,eAAe,WAAmD;EACtE,IAAI,CAAC,cAAc;EACnB,MAAM,YAAY,GAAG,aAAa,GAAG,GAAG;EACxC,IAAI,cAAc,aAAa;EAC/B,cAAc;EACd,MAAM,UAAU;GACd,UAAU,aAAa;GACvB;GACA;GACA,MAAM;EACR;EACA,OAAO,KAAK,aAAa,SAAS;GAAE,GAAG;GAAS,QAAQ,aAAa;EAAO,IAAI,OAAO;CACzF;CACA,MAAM,gBAAgB,eACpB,CAAC,GAAG,KAAK,iBAAiB,qBAAqB,CAAC,CAAC,CAAC,MAC/C,YAAY,QAAQ,aAAa,mBAAmB,MAAM,UAC7D,KAAK;CACP,MAAM,cAAc,SAAS,UAAgB;EAC3C,cAAc,kBAAkB,mBAAmB;EACnD,mBAAmB,CAAC;EACpB,IAAI,CAAC,UAAU,SAAS,QAAQ;GAC9B,UAAU,IAAI,CAAC,CAAC;GAChB;EACF;EACA,MAAM,SAAS;EACf,MAAM,SAAS,QAAQ;EACvB,IAAI,CAAC,UAAU,CAAC,QAAQ;GACtB,UAAU,IAAI,CAAC,CAAC;GAChB,YAAY,OAAO;GACnB;EACF;EACA,MAAM,QAAQ,aAAa,OAAO,UAAU;EAC5C,uBAAuB,KAAK;EAC5B,MAAM,SAAS,qBAAqB,OAAO,QAAQ,SAAS;EAC5D,mBAAmB,OAAO;EAC1B,UAAU,IAAI,gBAAgB;EAC9B,KAAK,MAAM,WAAW,kBAAkB,QAAQ,aAAa,qBAAqB,EAAE;EACpF,MAAM,SAAS,CAAC,OAAO,iBAAiB,YAAY,OAAO,mBAAmB,SAAS,UAAU;EACjG,IAAI,UAAU,WAAW,aAAa,qBAAqB,OAAO,IAAI;GACpE,mBAAmB,OAAO;GAC1B,cAAc,sBAAsB,gBAAgB,GAAG,IAAI;EAC7D;EACA,YAAY,MAAM;CACpB;CACA,MAAM,iBAAiB,WAA2B;EAChD,cAAc,iBAAiB,kBAAkB;EACjD,kBAAkB,CAAC;EACnB,IAAI,CAAC,UAAU,SAAS,UAAU,CAAC,QAAQ;GACzC,MAAM,IAAI,CAAC,CAAC;GACZ;EACF;EACA,MAAM,QAAQ,OAAO,QAAQ,qBAAqB,KAAK;EACvD,MAAM,SAAS,kBAAkB,OAAO,MAAM;EAC9C,IAAI,CAAC,QAAQ;GACX,MAAM,IAAI,CAAC,CAAC;GACZ;EACF;EACA,kBAAkB,qBAAqB,OAAO,QAAQ,SAAS,CAAC,CAAC;EACjE,KAAK,MAAM,WAAW,iBAAiB,QAAQ,aAAa,oBAAoB,EAAE;EAClF,MAAM,IAAI,eAAe;CAC3B;CACA,MAAM,gBAAgB,aAA2B;EAC/C,KAAK,4BACH,KAAK,4BAA4B;GAC/B,IAAI,aAAa,gBAAgB;GACjC,SAAS;GACT,uBAAuB,IAAI;GAC3B,OAAO,KAAK;IAAE;IAAU,MAAM;GAAmB,CAAC;GAClD,WAAW,cAAc,MAAM;EACjC,CAAC,CACH;CACF;CAEA,MAAM,aAAa,OAAO,WAAW,YAAY;EAC/C,IAAI,QAAQ,SAAS,kBAAkB;GACrC,SAAS;GACT,oBAAoB,IAAI;GACxB,uBAAuB,IAAI;GAC3B,aAAa;GACb;EACF;EACA,IAAI,QAAQ,SAAS,eAAe;GAClC,OAAO,QAAQ;GACf,IAAI,SAAS,UAAU;IACrB,cAAc;IACd,cAAc,kBAAkB,mBAAmB;IACnD,mBAAmB,CAAC;IACpB,UAAU,IAAI,CAAC,CAAC;GAClB,OAAO;IACL,uBAAuB,IAAI;IAC3B,WAAW;GACb;GACA;EACF;EACA,IAAI,QAAQ,SAAS,mBAAmB;GACtC,AAAK,QAAQ,SAAS,QAAQ,IAAI;GAClC;EACF;EACA,IAAI,QAAQ,SAAS,gBAAgB;GACnC,IAAI,QAAQ,MAAM,aAAa,UAAU;GACzC,eAAe,QAAQ;GACvB,WAAW,aAAa,MAAM;GAC9B;EACF;EACA,IAAI,QAAQ,SAAS,kBAAkB,QAAQ,WAAW,UAAU;EACpE,WAAW,QAAQ;EACnB,SAAS;EACT,eAAe,QAAQ;EACvB,cAAc;EACd,MAAM,WAAW,EAAE;EACnB,AAAK,MAAM,MAAM,QAAQ,QAAQ,CAAC,CAAC,MAAM,mBAAmB;GAC1D,YAAY,OAAO,OAAO,CAAC,GAAG,QAAQ,WAAW,cAAc;GAC/D,aAAa,QAAQ;EACvB,CAAC;CACH,CAAC;CAED,MAAM,eAAe,UAAsB;EACzC,IAAI,CAAC,QAAQ;EACb,MAAM,SAAS,MAAM,kBAAkB,UAAU,MAAM,SAAS;EAChE,IAAI,SAAS,UAAU;GACrB,MAAM,OAAO,QAAQ,QAAQ,SAAS;GACtC,IACE,EAAE,gBAAgB,sBAClB,KAAK,UACL,KAAK,aAAa,UAAU,KAC5B,MAAM,WACN,MAAM,WACN,MAAM,YACN,MAAM,QAEN;GACF,MAAM,cAAc,IAAI,IAAI,KAAK,MAAM,KAAK,SAAS,IAAI;GACzD,IAAI,YAAY,WAAW,KAAK,SAAS,QAAQ;GACjD,MAAM,eAAe;GACrB,MAAM,gBAAgB;GACtB,AAAK,QAAQ,SAAS,GAAG,YAAY,WAAW,YAAY,SAAS,YAAY,MAAM;GACvF;EACF;EACA,MAAM,QAAQ,QAAQ,QAAQ,qBAAqB;EACnD,MAAM,kBAAkB,OAAO,aAAa,mBAAmB;EAC/D,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,OAAO,GAAG,UAAU,CAAC,CAAC,eAAe,GAAG;EAClE,MAAM,eAAe;EACrB,MAAM,gBAAgB;EACtB,MAAM,cAAc,kBAAkB,OAAO,MAAM;EACnD,MAAM,SAAS,OAAO,GAAG,YAAY,CAAC,CAAC,WAAW,IAAI,cAAc;EACpE,MAAM,QAAQ,OAAO,QAAQ,kBAAkB,CAAC,EAAE,aAAa,gBAAgB,KAAK;EACpF,MAAM,kBAAkB;GACtB,YAAY;GACZ,IAAI,gBAAgB,KAAK,WAAW,CAAC;GACrC,QAAQ;GACR,QAAQ;GACR;EACF;EACA,eAAe,SAAS;GAAE,GAAG;GAAiB;EAAO,IAAI;EACzD,cAAc;EACd,MAAM,aAAa;GACjB,YAAY,aAAa;GACzB,WAAW,UAAU,KAAK,WAAW,CAAC;GACtC;GACA,MAAM;EACR;EACA,IAAI,SAAS,QAAQ,OAAO,KAAK;GAAE,GAAG;GAAY;GAAO;EAAO,CAAC;OAC5D,IAAI,OAAO,OAAO,KAAK;GAAE,GAAG;GAAY;EAAM,CAAC;OAC/C,IAAI,QAAQ,OAAO,KAAK;GAAE,GAAG;GAAY;EAAO,CAAC;OACjD,OAAO,KAAK,UAAU;EAC3B,WAAW;CACb;CACA,MAAM,qBAAqB,UACzB,cAAc,MAAM,kBAAkB,UAAU,MAAM,SAAS,MAAS;CAC1E,MAAM,oBAAoB,UAAwB;EAChD,IAAI,EAAE,MAAM,yBAAyB,UAAU,cAAc;CAC/D;CACA,IAAI,iBAAiB;CACrB,MAAM,WAAW,IAAI,kBAAkB,YAAY;EACjD,IACE,QAAQ,OAAO,WAAW,OAAO,kBAAkB,WAAW,OAAO,OAAO,QAAQ,4BAA4B,CAAC,GAEjH;EACF,IAAI,gBAAgB;EACpB,iBAAiB;EACjB,qBAAqB;GACnB,iBAAiB;GACjB,IAAI,CAAC,QAAQ;GACb,cAAc;GACd,uBAAuB,IAAI;GAC3B,IAAI,cAAc,WAAW,KAAK;EACpC,CAAC;CACH,CAAC;CAED,KAAK,iBAAiB,SAAS,aAAa,IAAI;CAChD,KAAK,iBAAiB,eAAe,mBAAmB,IAAI;CAC5D,KAAK,iBAAiB,cAAc,kBAAkB,IAAI;CAC1D,SAAS,QAAQ,KAAK,iBAAiB;EAAE,WAAW;EAAM,SAAS;CAAK,CAAC;CAEzE,aAAa;EACX,WAAW;EACX,aAAa;EACb,SAAS,WAAW;EACpB,UAAU,QAAQ;EAClB,MAAM,QAAQ;EACd,KAAK,oBAAoB,SAAS,aAAa,IAAI;EACnD,KAAK,oBAAoB,eAAe,mBAAmB,IAAI;EAC/D,KAAK,oBAAoB,cAAc,kBAAkB,IAAI;EAC7D,oBAAoB,IAAI;CAC1B;AACF;AAEA,SAAS,cAAc,SAA8B,MAAoB;CACvE,IAAI,CAAC,SAAS;CACd,MAAM,OAAO,QAAQ,sBAAsB;CAC3C,IAAI,KAAK,SAAS,KAAK,KAAK,MAAM,KAAK,eAAe,KAAK,QAAQ,KAAK,KAAK,OAAO,KAAK,YAAY;CACrG,QAAQ,eAAe;EACrB,UAAU;EACV,OAAO;EACP,QAAQ;CACV,CAAC;AACH"}

package/src/runtime/preview/overlay.js

@@ -0,0 +1,65 @@
+//#region src/runtime/preview/overlay.ts
+/** Preview-only chrome stays separate from the website's layout and element styles. */
+function mountPreviewOverlay(root, view, kind = "selection") {
+	const host = root.createElement("div");
+	host.setAttribute("data-cms-preview-overlay", "");
+	host.setAttribute("aria-hidden", "true");
+	root.documentElement.append(host);
+	let targets = [];
+	let outlines = [];
+	let frame = 0;
+	const position = () => {
+		let labelled = false;
+		for (const [index, element] of targets.entries()) {
+			const outline = outlines[index];
+			if (!outline) continue;
+			const rect = element.getBoundingClientRect();
+			const visible = element.isConnected && (kind !== "hover" || !element.hasAttribute("data-cms-selected")) && rect.width > 0 && rect.height > 0 && rect.bottom > 0 && rect.top < view.innerHeight && rect.right > 0 && rect.left < view.innerWidth;
+			outline.hidden = !visible;
+			outline.toggleAttribute("data-cms-selection-label", kind === "selection" && visible && !labelled);
+			if (!visible) continue;
+			labelled = true;
+			const left = Math.max(2, rect.left - 3);
+			const right = Math.min(view.innerWidth - 2, rect.right + 3);
+			outline.style.left = `${left}px`;
+			outline.style.top = `${rect.top - 3}px`;
+			outline.style.width = `${Math.max(0, right - left)}px`;
+			outline.style.height = `${rect.height + 6}px`;
+			outline.style.setProperty("--cms-label-left", `${Math.max(0, Math.min(view.innerWidth - 76, left) - left)}px`);
+			outline.style.setProperty("--cms-label-top", `${Math.max(4 - rect.top, rect.top >= 30 ? -26 : 4)}px`);
+		}
+		frame = targets.length ? view.requestAnimationFrame(position) : 0;
+	};
+	return {
+		set(elements) {
+			if (elements.length === targets.length && elements.every((element, index) => element === targets[index])) return;
+			if (frame) view.cancelAnimationFrame(frame);
+			targets = elements;
+			outlines = elements.map(() => {
+				const outline = root.createElement("div");
+				outline.setAttribute(kind === "selection" ? "data-cms-selection-outline" : "data-cms-hover-outline", "");
+				if (kind === "hover") for (const corner of [
+					"top-left",
+					"top-right",
+					"bottom-right",
+					"bottom-left"
+				]) {
+					const mark = root.createElement("span");
+					mark.setAttribute("data-cms-hover-corner", corner);
+					outline.append(mark);
+				}
+				return outline;
+			});
+			host.replaceChildren(...outlines);
+			position();
+		},
+		destroy() {
+			if (frame) view.cancelAnimationFrame(frame);
+			host.remove();
+		}
+	};
+}
+
+//#endregion
+export { mountPreviewOverlay };
+//# sourceMappingURL=overlay.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.js","names":[],"sources":["../../../../../src/runtime/preview/overlay.ts"],"sourcesContent":["/** Preview-only chrome stays separate from the website's layout and element styles. */\nexport function mountPreviewOverlay(root: Document, view: Window, kind: 'selection' | 'hover' = 'selection') {\n  const host = root.createElement('div')\n  host.setAttribute('data-cms-preview-overlay', '')\n  host.setAttribute('aria-hidden', 'true')\n  root.documentElement.append(host)\n  let targets: ReadonlyArray<Element> = []\n  let outlines: Array<HTMLElement> = []\n  let frame = 0\n\n  const position = (): void => {\n    let labelled = false\n    for (const [index, element] of targets.entries()) {\n      const outline = outlines[index]\n      if (!outline) continue\n      const rect = element.getBoundingClientRect()\n      const visible =\n        element.isConnected &&\n        (kind !== 'hover' || !element.hasAttribute('data-cms-selected')) &&\n        rect.width > 0 &&\n        rect.height > 0 &&\n        rect.bottom > 0 &&\n        rect.top < view.innerHeight &&\n        rect.right > 0 &&\n        rect.left < view.innerWidth\n      outline.hidden = !visible\n      outline.toggleAttribute('data-cms-selection-label', kind === 'selection' && visible && !labelled)\n      if (!visible) continue\n      labelled = true\n      const left = Math.max(2, rect.left - 3)\n      const right = Math.min(view.innerWidth - 2, rect.right + 3)\n      outline.style.left = `${left}px`\n      outline.style.top = `${rect.top - 3}px`\n      outline.style.width = `${Math.max(0, right - left)}px`\n      outline.style.height = `${rect.height + 6}px`\n      outline.style.setProperty('--cms-label-left', `${Math.max(0, Math.min(view.innerWidth - 76, left) - left)}px`)\n      outline.style.setProperty('--cms-label-top', `${Math.max(4 - rect.top, rect.top >= 30 ? -26 : 4)}px`)\n    }\n    frame = targets.length ? view.requestAnimationFrame(position) : 0\n  }\n\n  return {\n    set(elements: ReadonlyArray<Element>): void {\n      if (elements.length === targets.length && elements.every((element, index) => element === targets[index])) return\n      if (frame) view.cancelAnimationFrame(frame)\n      targets = elements\n      outlines = elements.map(() => {\n        const outline = root.createElement('div')\n        outline.setAttribute(kind === 'selection' ? 'data-cms-selection-outline' : 'data-cms-hover-outline', '')\n        if (kind === 'hover') {\n          for (const corner of ['top-left', 'top-right', 'bottom-right', 'bottom-left']) {\n            const mark = root.createElement('span')\n            mark.setAttribute('data-cms-hover-corner', corner)\n            outline.append(mark)\n          }\n        }\n        return outline\n      })\n      host.replaceChildren(...outlines)\n      position()\n    },\n    destroy(): void {\n      if (frame) view.cancelAnimationFrame(frame)\n      host.remove()\n    },\n  }\n}\n"],"mappings":";;AACA,SAAgB,oBAAoB,MAAgB,MAAc,OAA8B,aAAa;CAC3G,MAAM,OAAO,KAAK,cAAc,KAAK;CACrC,KAAK,aAAa,4BAA4B,EAAE;CAChD,KAAK,aAAa,eAAe,MAAM;CACvC,KAAK,gBAAgB,OAAO,IAAI;CAChC,IAAI,UAAkC,CAAC;CACvC,IAAI,WAA+B,CAAC;CACpC,IAAI,QAAQ;CAEZ,MAAM,iBAAuB;EAC3B,IAAI,WAAW;EACf,KAAK,MAAM,CAAC,OAAO,YAAY,QAAQ,QAAQ,GAAG;GAChD,MAAM,UAAU,SAAS;GACzB,IAAI,CAAC,SAAS;GACd,MAAM,OAAO,QAAQ,sBAAsB;GAC3C,MAAM,UACJ,QAAQ,gBACP,SAAS,WAAW,CAAC,QAAQ,aAAa,mBAAmB,MAC9D,KAAK,QAAQ,KACb,KAAK,SAAS,KACd,KAAK,SAAS,KACd,KAAK,MAAM,KAAK,eAChB,KAAK,QAAQ,KACb,KAAK,OAAO,KAAK;GACnB,QAAQ,SAAS,CAAC;GAClB,QAAQ,gBAAgB,4BAA4B,SAAS,eAAe,WAAW,CAAC,QAAQ;GAChG,IAAI,CAAC,SAAS;GACd,WAAW;GACX,MAAM,OAAO,KAAK,IAAI,GAAG,KAAK,OAAO,CAAC;GACtC,MAAM,QAAQ,KAAK,IAAI,KAAK,aAAa,GAAG,KAAK,QAAQ,CAAC;GAC1D,QAAQ,MAAM,OAAO,GAAG,KAAK;GAC7B,QAAQ,MAAM,MAAM,GAAG,KAAK,MAAM,EAAE;GACpC,QAAQ,MAAM,QAAQ,GAAG,KAAK,IAAI,GAAG,QAAQ,IAAI,EAAE;GACnD,QAAQ,MAAM,SAAS,GAAG,KAAK,SAAS,EAAE;GAC1C,QAAQ,MAAM,YAAY,oBAAoB,GAAG,KAAK,IAAI,GAAG,KAAK,IAAI,KAAK,aAAa,IAAI,IAAI,IAAI,IAAI,EAAE,GAAG;GAC7G,QAAQ,MAAM,YAAY,mBAAmB,GAAG,KAAK,IAAI,IAAI,KAAK,KAAK,KAAK,OAAO,KAAK,MAAM,CAAC,EAAE,GAAG;EACtG;EACA,QAAQ,QAAQ,SAAS,KAAK,sBAAsB,QAAQ,IAAI;CAClE;CAEA,OAAO;EACL,IAAI,UAAwC;GAC1C,IAAI,SAAS,WAAW,QAAQ,UAAU,SAAS,OAAO,SAAS,UAAU,YAAY,QAAQ,MAAM,GAAG;GAC1G,IAAI,OAAO,KAAK,qBAAqB,KAAK;GAC1C,UAAU;GACV,WAAW,SAAS,UAAU;IAC5B,MAAM,UAAU,KAAK,cAAc,KAAK;IACxC,QAAQ,aAAa,SAAS,cAAc,+BAA+B,0BAA0B,EAAE;IACvG,IAAI,SAAS,SACX,KAAK,MAAM,UAAU;KAAC;KAAY;KAAa;KAAgB;IAAa,GAAG;KAC7E,MAAM,OAAO,KAAK,cAAc,MAAM;KACtC,KAAK,aAAa,yBAAyB,MAAM;KACjD,QAAQ,OAAO,IAAI;IACrB;IAEF,OAAO;GACT,CAAC;GACD,KAAK,gBAAgB,GAAG,QAAQ;GAChC,SAAS;EACX;EACA,UAAgB;GACd,IAAI,OAAO,KAAK,qBAAqB,KAAK;GAC1C,KAAK,OAAO;EACd;CACF;AACF"}

package/src/runtime/preview/plugin.client.js

@@ -1,38 +1,15 @@
-import { H as PublicPath } from "../../models-Citx8jBi.js";
-import { s as PreviewOrigin, u as PreviewSessionId } from "../../models-DS5ClMsH.js";
-import { t as openSitePreviewConnection } from "../../connection-ZGtL54qY.js";
-import { documentPreviewStoreKey } from "../delivery/preview.js";
+import { yt as PublicPath } from "../../models-BkMgeaOL.js";
+import { t as openSitePreviewConnection } from "../../connection-CBTY-TzB.js";
+import { n as readPreviewLocation, r as withPreviewLocation } from "../../location-DtYv2aes.js";
 import { mountPreviewController } from "./controller.js";
-import { t as createStudioPreviewStore } from "../../store-Nl4uxEXx.js";
-import { Option, Schema } from "effect";
-import { defineNuxtPlugin, navigateTo, useNuxtApp } from "nuxt/app";
-
-//#region ../protocol/src/internal/preview/location.ts
-const ENABLED_PARAMETER = "_cms_preview";
-const EDITOR_ORIGIN_PARAMETER = "_cms_preview_editor_origin";
-const SESSION_PARAMETER = "_cms_preview_session";
-const PreviewLocationParameters = Schema.Struct({
-	editorOrigin: PreviewOrigin,
-	sessionId: PreviewSessionId
-});
-function readPreviewLocation(url) {
-	if (!url.searchParams.has(ENABLED_PARAMETER)) return void 0;
-	return Schema.decodeUnknownOption(PreviewLocationParameters)({
-		editorOrigin: url.searchParams.get(EDITOR_ORIGIN_PARAMETER),
-		sessionId: url.searchParams.get(SESSION_PARAMETER)
-	}).pipe(Option.getOrUndefined);
-}
-function withPreviewLocation(url, parameters) {
-	const next = new URL(url);
-	next.searchParams.set(ENABLED_PARAMETER, "1");
-	next.searchParams.set(EDITOR_ORIGIN_PARAMETER, parameters.editorOrigin);
-	next.searchParams.set(SESSION_PARAMETER, parameters.sessionId);
-	return next;
-}
+import { t as createStudioPreviewStore } from "../../store-CfFFx9Ua.js";
+import { documentPreviewStoreKey } from "../delivery/preview.js";
+import { Schema } from "effect";
+import { defineNuxtPlugin, navigateTo, onNuxtReady, useNuxtApp, useState } from "nuxt/app";
+import { watch } from "vue";
 
-//#endregion
 //#region src/runtime/preview/plugin.client.ts
-var plugin_client_default = defineNuxtPlugin(async () => {
+var plugin_client_default = defineNuxtPlugin(() => {
 	const parameters = readPreviewLocation(new URL(window.location.href));
 	if (!parameters) return;
 	const route = () => Schema.decodeSync(PublicPath)(window.location.pathname);
@@ -40,12 +17,21 @@ var plugin_client_default = defineNuxtPlugin(async () => {
 	const nuxtApp = useNuxtApp();
 	nuxtApp.vueApp.provide(documentPreviewStoreKey, store);
 	nuxtApp.hooks.hook("page:finish", store.routeChanged);
+	const error = useState("cms:preview-error", () => null);
 	const mount = async () => {
 		const connection = await openSitePreviewConnection({
 			editorOrigin: parameters.editorOrigin,
 			route: route(),
 			sessionId: parameters.sessionId
 		});
+		const sendError = () => connection.send({
+			type: "preview:error",
+			message: error.value
+		});
+		const stopError = watch(error, sendError, { immediate: true });
+		const stopConnect = connection.subscribe((message) => {
+			if (message.type === "studio:connect") sendError();
+		});
 		const unmount = mountPreviewController({
 			bridge: connection,
 			navigate: async (path) => {
@@ -57,12 +43,13 @@ var plugin_client_default = defineNuxtPlugin(async () => {
 			view: window
 		});
 		window.addEventListener("pagehide", () => {
+			stopError();
+			stopConnect();
 			unmount();
 			connection.close();
 		}, { once: true });
 	};
-	if (nuxtApp.isHydrating) nuxtApp.hooks.hookOnce("app:suspense:resolve", mount);
-	else await mount();
+	onNuxtReady(mount);
 });
 
 //#endregion

package/src/runtime/preview/plugin.client.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.client.js","names":["PreviewOriginSchema","PreviewSessionIdSchema"],"sources":["../../../../../../protocol/src/internal/preview/location.ts","../../../../../src/runtime/preview/plugin.client.ts"],"sourcesContent":["import { Option, Schema } from 'effect'\nimport { PreviewOrigin as PreviewOriginSchema, PreviewSessionId as PreviewSessionIdSchema } from './models'\n\nconst ENABLED_PARAMETER = '_cms_preview'\nconst EDITOR_ORIGIN_PARAMETER = '_cms_preview_editor_origin'\nconst SESSION_PARAMETER = '_cms_preview_session'\n\nconst PreviewLocationParameters = Schema.Struct({\n  editorOrigin: PreviewOriginSchema,\n  sessionId: PreviewSessionIdSchema,\n})\n\nexport interface PreviewLocationParameters extends Schema.Schema.Type<typeof PreviewLocationParameters> {}\n\nexport function readPreviewLocation(url: URL): PreviewLocationParameters | undefined {\n  if (!url.searchParams.has(ENABLED_PARAMETER)) return undefined\n  return Schema.decodeUnknownOption(PreviewLocationParameters)({\n    editorOrigin: url.searchParams.get(EDITOR_ORIGIN_PARAMETER),\n    sessionId: url.searchParams.get(SESSION_PARAMETER),\n  }).pipe(Option.getOrUndefined)\n}\n\nexport function withPreviewLocation(url: URL, parameters: PreviewLocationParameters): URL {\n  const next = new URL(url)\n  next.searchParams.set(ENABLED_PARAMETER, '1')\n  next.searchParams.set(EDITOR_ORIGIN_PARAMETER, parameters.editorOrigin)\n  next.searchParams.set(SESSION_PARAMETER, parameters.sessionId)\n  return next\n}\n\nexport function withoutPreviewLocation(url: URL): URL {\n  const next = new URL(url)\n  next.searchParams.delete(ENABLED_PARAMETER)\n  next.searchParams.delete(EDITOR_ORIGIN_PARAMETER)\n  next.searchParams.delete(SESSION_PARAMETER)\n  return next\n}\n","import { defineNuxtPlugin, navigateTo, useNuxtApp } from 'nuxt/app'\nimport { PublicPath } from '@internal/protocol/Documents'\nimport { readPreviewLocation, withPreviewLocation } from '@internal/protocol/Preview'\nimport { Schema } from 'effect'\nimport { openSitePreviewConnection } from './connection'\nimport { mountPreviewController } from './controller'\nimport { createStudioPreviewStore, documentPreviewStoreKey } from './store'\n\nexport default defineNuxtPlugin(async () => {\n  const parameters = readPreviewLocation(new URL(window.location.href))\n  if (!parameters) return\n  const route = () => Schema.decodeSync(PublicPath)(window.location.pathname)\n  const store = createStudioPreviewStore(route)\n  const nuxtApp = useNuxtApp()\n  nuxtApp.vueApp.provide(documentPreviewStoreKey, store)\n  nuxtApp.hooks.hook('page:finish', store.routeChanged)\n\n  const mount = async () => {\n    const connection = await openSitePreviewConnection({\n      editorOrigin: parameters.editorOrigin,\n      route: route(),\n      sessionId: parameters.sessionId,\n    })\n    const unmount = mountPreviewController({\n      bridge: connection,\n      navigate: async (path) => {\n        const target = withPreviewLocation(new URL(path, window.location.origin), parameters)\n        await navigateTo(`${target.pathname}${target.search}${target.hash}`)\n      },\n      root: document,\n      store,\n      view: window,\n    })\n    window.addEventListener(\n      'pagehide',\n      () => {\n        unmount()\n        void connection.close()\n      },\n      { once: true },\n    )\n  }\n\n  if (nuxtApp.isHydrating) nuxtApp.hooks.hookOnce('app:suspense:resolve', mount)\n  else await mount()\n})\n"],"mappings":";;;;;;;;;;AAGA,MAAM,oBAAoB;AAC1B,MAAM,0BAA0B;AAChC,MAAM,oBAAoB;AAE1B,MAAM,4BAA4B,OAAO,OAAO;CAC9C,cAAcA;CACd,WAAWC;AACb,CAAC;AAID,SAAgB,oBAAoB,KAAiD;CACnF,IAAI,CAAC,IAAI,aAAa,IAAI,iBAAiB,GAAG,OAAO;CACrD,OAAO,OAAO,oBAAoB,yBAAyB,CAAC,CAAC;EAC3D,cAAc,IAAI,aAAa,IAAI,uBAAuB;EAC1D,WAAW,IAAI,aAAa,IAAI,iBAAiB;CACnD,CAAC,CAAC,CAAC,KAAK,OAAO,cAAc;AAC/B;AAEA,SAAgB,oBAAoB,KAAU,YAA4C;CACxF,MAAM,OAAO,IAAI,IAAI,GAAG;CACxB,KAAK,aAAa,IAAI,mBAAmB,GAAG;CAC5C,KAAK,aAAa,IAAI,yBAAyB,WAAW,YAAY;CACtE,KAAK,aAAa,IAAI,mBAAmB,WAAW,SAAS;CAC7D,OAAO;AACT;;;;ACpBA,4BAAe,iBAAiB,YAAY;CAC1C,MAAM,aAAa,oBAAoB,IAAI,IAAI,OAAO,SAAS,IAAI,CAAC;CACpE,IAAI,CAAC,YAAY;CACjB,MAAM,cAAc,OAAO,WAAW,UAAU,CAAC,CAAC,OAAO,SAAS,QAAQ;CAC1E,MAAM,QAAQ,yBAAyB,KAAK;CAC5C,MAAM,UAAU,WAAW;CAC3B,QAAQ,OAAO,QAAQ,yBAAyB,KAAK;CACrD,QAAQ,MAAM,KAAK,eAAe,MAAM,YAAY;CAEpD,MAAM,QAAQ,YAAY;EACxB,MAAM,aAAa,MAAM,0BAA0B;GACjD,cAAc,WAAW;GACzB,OAAO,MAAM;GACb,WAAW,WAAW;EACxB,CAAC;EACD,MAAM,UAAU,uBAAuB;GACrC,QAAQ;GACR,UAAU,OAAO,SAAS;IACxB,MAAM,SAAS,oBAAoB,IAAI,IAAI,MAAM,OAAO,SAAS,MAAM,GAAG,UAAU;IACpF,MAAM,WAAW,GAAG,OAAO,WAAW,OAAO,SAAS,OAAO,MAAM;GACrE;GACA,MAAM;GACN;GACA,MAAM;EACR,CAAC;EACD,OAAO,iBACL,kBACM;GACJ,QAAQ;GACR,AAAK,WAAW,MAAM;EACxB,GACA,EAAE,MAAM,KAAK,CACf;CACF;CAEA,IAAI,QAAQ,aAAa,QAAQ,MAAM,SAAS,wBAAwB,KAAK;MACxE,MAAM,MAAM;AACnB,CAAC"}
+{"version":3,"file":"plugin.client.js","names":[],"sources":["../../../../../src/runtime/preview/plugin.client.ts"],"sourcesContent":["import { defineNuxtPlugin, navigateTo, onNuxtReady, useNuxtApp, useState } from 'nuxt/app'\nimport { watch } from 'vue'\nimport { PublicPath } from '@internal/protocol/Documents'\nimport { readPreviewLocation, withPreviewLocation } from '@internal/protocol/Preview'\nimport { Schema } from 'effect'\nimport { openSitePreviewConnection } from './connection'\nimport { mountPreviewController } from './controller'\nimport { createStudioPreviewStore, documentPreviewStoreKey } from './store'\n\nexport default defineNuxtPlugin(() => {\n  const parameters = readPreviewLocation(new URL(window.location.href))\n  if (!parameters) return\n  const route = () => Schema.decodeSync(PublicPath)(window.location.pathname)\n  const store = createStudioPreviewStore(route)\n  const nuxtApp = useNuxtApp()\n  nuxtApp.vueApp.provide(documentPreviewStoreKey, store)\n  nuxtApp.hooks.hook('page:finish', store.routeChanged)\n\n  const error = useState<string | null>('cms:preview-error', () => null)\n  const mount = async () => {\n    const connection = await openSitePreviewConnection({\n      editorOrigin: parameters.editorOrigin,\n      route: route(),\n      sessionId: parameters.sessionId,\n    })\n    const sendError = () => connection.send({ type: 'preview:error', message: error.value })\n    const stopError = watch(error, sendError, { immediate: true })\n    const stopConnect = connection.subscribe((message) => {\n      if (message.type === 'studio:connect') sendError()\n    })\n    const unmount = mountPreviewController({\n      bridge: connection,\n      navigate: async (path) => {\n        const target = withPreviewLocation(new URL(path, window.location.origin), parameters)\n        await navigateTo(`${target.pathname}${target.search}${target.hash}`)\n      },\n      root: document,\n      store,\n      view: window,\n    })\n    window.addEventListener(\n      'pagehide',\n      () => {\n        stopError()\n        stopConnect()\n        unmount()\n        void connection.close()\n      },\n      { once: true },\n    )\n  }\n\n  onNuxtReady(mount)\n})\n"],"mappings":";;;;;;;;;;;AASA,4BAAe,uBAAuB;CACpC,MAAM,aAAa,oBAAoB,IAAI,IAAI,OAAO,SAAS,IAAI,CAAC;CACpE,IAAI,CAAC,YAAY;CACjB,MAAM,cAAc,OAAO,WAAW,UAAU,CAAC,CAAC,OAAO,SAAS,QAAQ;CAC1E,MAAM,QAAQ,yBAAyB,KAAK;CAC5C,MAAM,UAAU,WAAW;CAC3B,QAAQ,OAAO,QAAQ,yBAAyB,KAAK;CACrD,QAAQ,MAAM,KAAK,eAAe,MAAM,YAAY;CAEpD,MAAM,QAAQ,SAAwB,2BAA2B,IAAI;CACrE,MAAM,QAAQ,YAAY;EACxB,MAAM,aAAa,MAAM,0BAA0B;GACjD,cAAc,WAAW;GACzB,OAAO,MAAM;GACb,WAAW,WAAW;EACxB,CAAC;EACD,MAAM,kBAAkB,WAAW,KAAK;GAAE,MAAM;GAAiB,SAAS,MAAM;EAAM,CAAC;EACvF,MAAM,YAAY,MAAM,OAAO,WAAW,EAAE,WAAW,KAAK,CAAC;EAC7D,MAAM,cAAc,WAAW,WAAW,YAAY;GACpD,IAAI,QAAQ,SAAS,kBAAkB,UAAU;EACnD,CAAC;EACD,MAAM,UAAU,uBAAuB;GACrC,QAAQ;GACR,UAAU,OAAO,SAAS;IACxB,MAAM,SAAS,oBAAoB,IAAI,IAAI,MAAM,OAAO,SAAS,MAAM,GAAG,UAAU;IACpF,MAAM,WAAW,GAAG,OAAO,WAAW,OAAO,SAAS,OAAO,MAAM;GACrE;GACA,MAAM;GACN;GACA,MAAM;EACR,CAAC;EACD,OAAO,iBACL,kBACM;GACJ,UAAU;GACV,YAAY;GACZ,QAAQ;GACR,AAAK,WAAW,MAAM;EACxB,GACA,EAAE,MAAM,KAAK,CACf;CACF;CAEA,YAAY,KAAK;AACnB,CAAC"}

package/src/runtime/preview/preview.css

@@ -1,9 +1,77 @@
 [data-cms-preview-decorated] {
   cursor: text;
-  outline-offset: 3px;
 }
 
-[data-cms-preview-decorated][data-cms-hovered],
-[data-cms-preview-decorated][data-cms-selected] {
-  outline: 2px solid var(--cms-preview-accent, #3b82f6);
+[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;
+}
+
+[data-cms-selection-outline] {
+  border: 1px solid #fff;
+  outline: 1px solid #171717;
+  border-radius: 3px;
+}
+
+[data-cms-selection-outline][hidden],
+[data-cms-hover-outline][hidden] {
+  display: none;
+}
+
+[data-cms-selection-label]::after {
+  content: 'Editing';
+  position: absolute;
+  left: var(--cms-label-left, 0px);
+  top: var(--cms-label-top, -26px);
+  padding: 3px 7px;
+  border: 1px solid #fff;
+  border-radius: 4px;
+  background: #171717;
+  color: #fff;
+  font:
+    500 11px/16px system-ui,
+    sans-serif;
+  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-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);
 }

package/src/runtime/preview/store.js

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

package/src/runtime/studio-app.js

@@ -1,9 +1,13 @@
 import { defineEventHandler, setResponseHeader } from "h3";
 
 //#region src/runtime/studio-app.ts
-function createStudioAppHandler(shell) {
+function createStudioAppHandler(entryUrl, hmrUrl) {
+	const escape = (value) => value.replaceAll("&", "&amp;").replaceAll("\"", "&quot;").replaceAll("<", "&lt;");
+	const script = (url) => `<script type="module" src="${escape(url)}"><\/script>`;
+	const shell = `<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>CMS Studio</title></head><body><div id="cms-studio"></div>${hmrUrl ? script(hmrUrl) : ""}${script(entryUrl)}</body></html>`;
 	return defineEventHandler((event) => {
 		setResponseHeader(event, "content-type", "text/html; charset=utf-8");
+		setResponseHeader(event, "cache-control", "no-store");
 		return shell;
 	});
 }

package/src/runtime/studio-app.js.map

@@ -1 +1 @@
-{"version":3,"file":"studio-app.js","names":[],"sources":["../../../../src/runtime/studio-app.ts"],"sourcesContent":["import { defineEventHandler, setResponseHeader } from 'h3'\n\nexport function createStudioAppHandler(shell: string) {\n  return defineEventHandler((event) => {\n    setResponseHeader(event, 'content-type', 'text/html; charset=utf-8')\n    return shell\n  })\n}\n"],"mappings":";;;AAEA,SAAgB,uBAAuB,OAAe;CACpD,OAAO,oBAAoB,UAAU;EACnC,kBAAkB,OAAO,gBAAgB,0BAA0B;EACnE,OAAO;CACT,CAAC;AACH"}
+{"version":3,"file":"studio-app.js","names":[],"sources":["../../../../src/runtime/studio-app.ts"],"sourcesContent":["import { defineEventHandler, setResponseHeader } from 'h3'\n\nexport function createStudioAppHandler(entryUrl: string, hmrUrl?: string) {\n  const escape = (value: string) => value.replaceAll('&', '&amp;').replaceAll('\"', '&quot;').replaceAll('<', '&lt;')\n  const script = (url: string) => `<script type=\"module\" src=\"${escape(url)}\"></script>`\n  const shell = `<!doctype html><html lang=\"en\"><head><meta charset=\"utf-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1\"><title>CMS Studio</title></head><body><div id=\"cms-studio\"></div>${hmrUrl ? script(hmrUrl) : ''}${script(entryUrl)}</body></html>`\n  return defineEventHandler((event) => {\n    setResponseHeader(event, 'content-type', 'text/html; charset=utf-8')\n    setResponseHeader(event, 'cache-control', 'no-store')\n    return shell\n  })\n}\n"],"mappings":";;;AAEA,SAAgB,uBAAuB,UAAkB,QAAiB;CACxE,MAAM,UAAU,UAAkB,MAAM,WAAW,KAAK,OAAO,CAAC,CAAC,WAAW,MAAK,QAAQ,CAAC,CAAC,WAAW,KAAK,MAAM;CACjH,MAAM,UAAU,QAAgB,8BAA8B,OAAO,GAAG,EAAE;CAC1E,MAAM,QAAQ,mMAAmM,SAAS,OAAO,MAAM,IAAI,KAAK,OAAO,QAAQ,EAAE;CACjQ,OAAO,oBAAoB,UAAU;EACnC,kBAAkB,OAAO,gBAAgB,0BAA0B;EACnE,kBAAkB,OAAO,iBAAiB,UAAU;EACpD,OAAO;CACT,CAAC;AACH"}

package/src/runtime/studio-entry.js

@@ -0,0 +1,36 @@
+import { mountStudio } from "#cms/studio";
+import catalog from "#cms/authoring";
+import stylesheet from "#cms/studio-styles";
+
+//#region src/runtime/studio-entry.ts
+const root = document.getElementById("cms-studio");
+if (!root) throw new Error("CMS Studio root is missing.");
+let currentCatalog = catalog;
+let studio;
+const link = document.createElement("link");
+link.rel = "stylesheet";
+link.href = stylesheet;
+link.onload = () => {
+	studio = mountStudio(root, currentCatalog);
+};
+link.onerror = () => {
+	root.textContent = "CMS Studio styles could not load. Reload this page to retry.";
+};
+document.head.append(link);
+if (import.meta.hot) {
+	import.meta.hot.accept("#cms/authoring", (module) => {
+		if (!module) return;
+		currentCatalog = module.default;
+		studio?.updateAuthoring(currentCatalog);
+	});
+	import.meta.hot.dispose(() => {
+		link.onload = null;
+		link.onerror = null;
+		studio?.unmount();
+		link.remove();
+	});
+}
+
+//#endregion
+export {  };
+//# sourceMappingURL=studio-entry.js.map

package/src/runtime/studio-entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"studio-entry.js","names":[],"sources":["../../../../src/runtime/studio-entry.ts"],"sourcesContent":["import { mountStudio } from '#cms/studio'\nimport catalog from '#cms/authoring'\nimport stylesheet from '#cms/studio-styles'\n\nconst root = document.getElementById('cms-studio')\nif (!root) throw new Error('CMS Studio root is missing.')\nlet currentCatalog = catalog\nlet studio: ReturnType<typeof mountStudio> | undefined\nconst link = document.createElement('link')\nlink.rel = 'stylesheet'\nlink.href = stylesheet\nlink.onload = () => {\n  studio = mountStudio(root, currentCatalog)\n}\nlink.onerror = () => {\n  root.textContent = 'CMS Studio styles could not load. Reload this page to retry.'\n}\ndocument.head.append(link)\nif (import.meta.hot) {\n  import.meta.hot.accept('#cms/authoring', (module) => {\n    if (!module) return\n    currentCatalog = module.default\n    studio?.updateAuthoring(currentCatalog)\n  })\n  import.meta.hot.dispose(() => {\n    link.onload = null\n    link.onerror = null\n    studio?.unmount()\n    link.remove()\n  })\n}\n"],"mappings":";;;;;AAIA,MAAM,OAAO,SAAS,eAAe,YAAY;AACjD,IAAI,CAAC,MAAM,MAAM,IAAI,MAAM,6BAA6B;AACxD,IAAI,iBAAiB;AACrB,IAAI;AACJ,MAAM,OAAO,SAAS,cAAc,MAAM;AAC1C,KAAK,MAAM;AACX,KAAK,OAAO;AACZ,KAAK,eAAe;CAClB,SAAS,YAAY,MAAM,cAAc;AAC3C;AACA,KAAK,gBAAgB;CACnB,KAAK,cAAc;AACrB;AACA,SAAS,KAAK,OAAO,IAAI;AACzB,IAAI,YAAY,KAAK;CACnB,YAAY,IAAI,OAAO,mBAAmB,WAAW;EACnD,IAAI,CAAC,QAAQ;EACb,iBAAiB,OAAO;EACxB,QAAQ,gBAAgB,cAAc;CACxC,CAAC;CACD,YAAY,IAAI,cAAc;EAC5B,KAAK,SAAS;EACd,KAAK,UAAU;EACf,QAAQ,QAAQ;EAChB,KAAK,OAAO;CACd,CAAC;AACH"}

package/src/runtime/studio-navigation.js

@@ -0,0 +1,11 @@
+import { l as STUDIO_APP_PATH, u as STUDIO_BASE_PATH } from "../HttpPaths-BbS21Jy8.js";
+import { defineNuxtRouteMiddleware, navigateTo } from "nuxt/app";
+
+//#region src/runtime/studio-navigation.ts
+var studio_navigation_default = defineNuxtRouteMiddleware((to) => {
+	if (to.path === "/_cms" || to.path === STUDIO_APP_PATH || to.path.startsWith(`${STUDIO_APP_PATH}/`)) return navigateTo(to.fullPath, { external: true });
+});
+
+//#endregion
+export { studio_navigation_default as default };
+//# sourceMappingURL=studio-navigation.js.map

package/src/runtime/studio-navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"studio-navigation.js","names":[],"sources":["../../../../src/runtime/studio-navigation.ts"],"sourcesContent":["import { defineNuxtRouteMiddleware, navigateTo } from 'nuxt/app'\nimport { STUDIO_APP_PATH, STUDIO_BASE_PATH } from '@internal/protocol/HttpPaths'\n\nexport default defineNuxtRouteMiddleware((to) => {\n  if (to.path === STUDIO_BASE_PATH || to.path === STUDIO_APP_PATH || to.path.startsWith(`${STUDIO_APP_PATH}/`)) {\n    return navigateTo(to.fullPath, { external: true })\n  }\n})\n"],"mappings":";;;;AAGA,gCAAe,2BAA2B,OAAO;CAC/C,IAAI,GAAG,oBAA6B,GAAG,SAAS,mBAAmB,GAAG,KAAK,WAAW,GAAG,gBAAgB,EAAE,GACzG,OAAO,WAAW,GAAG,UAAU,EAAE,UAAU,KAAK,CAAC;AAErD,CAAC"}

package/src/{store-Nl4uxEXx.js → store-CfFFx9Ua.js}

@@ -1,5 +1,5 @@
-import { H as PublicPath, P as CollectionName, n as CmsMarkdownDocument, z as DocumentId } from "./models-Citx8jBi.js";
-import { l as mutableJson, n as editorMetadata, u as mutableJsonObject } from "./metadata-Czvi3E4K.js";
+import { gt as DocumentId, n as CmsMarkdownDocument, ut as CollectionName, yt as PublicPath } from "./models-BkMgeaOL.js";
+import { l as mutableJson, n as editorMetadata, u as mutableJsonObject } from "./metadata-DE1Mc2td.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 { toPreviewRenderDocument } from "./runtime/preview/comark-document.js";
 import { Predicate, Result, Schema } from "effect";
@@ -218,4 +218,4 @@ function createPreviewDocument(body) {
 
 //#endregion
 export { createStudioPreviewStore as t };
-//# sourceMappingURL=store-Nl4uxEXx.js.map
+//# sourceMappingURL=store-CfFFx9Ua.js.map