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

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

@@ -1 +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\n    for (const [index, element] of targets.entries()) {\n      const outline = outlines[index]\n\n      if (!outline) continue\n      const rect = element.getBoundingClientRect()\n\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\n      outline.hidden = !visible\n      outline.toggleAttribute('data-cms-selection-label', kind === 'selection' && visible && !labelled)\n\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\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\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\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\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;EAEf,KAAK,MAAM,CAAC,OAAO,YAAY,QAAQ,QAAQ,GAAG;GAChD,MAAM,UAAU,SAAS;GAEzB,IAAI,CAAC,SAAS;GACd,MAAM,OAAO,QAAQ,sBAAsB;GAE3C,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;GAEnB,QAAQ,SAAS,CAAC;GAClB,QAAQ,gBAAgB,4BAA4B,SAAS,eAAe,WAAW,CAAC,QAAQ;GAEhG,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;EAEA,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;GAE1G,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;IAEvG,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;IAGF,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"}
+{"version":3,"file":"overlay.js","names":[],"sources":["../../../../../src/runtime/preview/overlay.ts"],"sourcesContent":["import type { PreviewRegionGeometry } from './regions'\n\ninterface PreviewOverlayPresentation {\n  readonly label?: string\n  readonly match?: 'exact' | 'fallback'\n  readonly reveal?: boolean\n}\n\n/** 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  const targetAttribute = kind === 'selection' ? 'data-cms-selected' : 'data-cms-hovered'\n  host.setAttribute('data-cms-preview-overlay', '')\n  host.setAttribute('aria-hidden', 'true')\n  root.documentElement.append(host)\n  let markedElements = new Set<Element>()\n  let targets: ReadonlyArray<PreviewRegionGeometry> = []\n  let outlines: Array<HTMLElement> = []\n  let frame = 0\n  let isPending = false\n  let revealFrame = 0\n\n  const markTargets = (geometries: ReadonlyArray<PreviewRegionGeometry>): void => {\n    for (const element of markedElements) element.removeAttribute(targetAttribute)\n    markedElements = new Set(geometries.flatMap((geometry) => geometry.element() ?? []))\n\n    for (const element of markedElements) element.setAttribute(targetAttribute, '')\n  }\n\n  const setLabelVisibility = (outline: HTMLElement, visible: boolean, labelled: boolean): boolean => {\n    const showLabel = kind === 'selection' && visible && !labelled\n\n    outline.toggleAttribute('data-cms-selection-label', showLabel)\n\n    return labelled || showLabel\n  }\n\n  const position = (): void => {\n    let labelled = false\n\n    for (const [index, target] of targets.entries()) {\n      const outline = outlines[index]\n\n      if (!outline) continue\n      const element = target.element()\n      const rect = geometryBounds(target)\n\n      const visible =\n        rect !== undefined &&\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\n      if (!visible) {\n        const retainPosition = isPending && outline.hasAttribute('data-cms-positioned')\n\n        outline.hidden = !retainPosition\n        labelled = setLabelVisibility(outline, retainPosition, labelled)\n\n        continue\n      }\n\n      outline.hidden = false\n      outline.setAttribute('data-cms-positioned', '')\n      labelled = setLabelVisibility(outline, true, labelled)\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      const labelWidth = outline.querySelector<HTMLElement>('[data-cms-selection-label-content]')?.offsetWidth ?? 0\n      const labelLeft = Math.max(4 - left, Math.min(0, view.innerWidth - 4 - labelWidth - left))\n\n      outline.style.setProperty('--cms-label-left', `${labelLeft}px`)\n      outline.style.setProperty('--cms-label-top', `${Math.max(4 - rect.top, rect.top >= 30 ? -26 : 4)}px`)\n    }\n\n    frame = targets.length ? view.requestAnimationFrame(position) : 0\n  }\n\n  return {\n    setPending(value: boolean): void {\n      isPending = value\n      host.toggleAttribute('data-cms-pending', value)\n    },\n    show(geometries: ReadonlyArray<PreviewRegionGeometry>, presentation: PreviewOverlayPresentation = {}): void {\n      const targetsChanged =\n        geometries.length !== targets.length || geometries.some((geometry, index) => geometry !== targets[index])\n\n      const labelText =\n        presentation.match === 'fallback'\n          ? `Nearest · ${presentation.label ?? 'selected content'}`\n          : (presentation.label ?? 'Selected')\n\n      if (targetsChanged) {\n        if (frame) view.cancelAnimationFrame(frame)\n        targets = geometries\n        outlines = geometries.map(() => {\n          const outline = root.createElement('div')\n          outline.setAttribute(kind === 'selection' ? 'data-cms-selection-outline' : 'data-cms-hover-outline', '')\n\n          if (kind === 'selection') {\n            const label = root.createElement('span')\n            label.setAttribute('data-cms-selection-label-content', '')\n            outline.append(label)\n          }\n\n          return outline\n        })\n        host.replaceChildren(...outlines)\n        position()\n      }\n\n      markTargets(targets)\n\n      for (const outline of outlines) {\n        const label = outline.querySelector<HTMLElement>('[data-cms-selection-label-content]')\n\n        if (label) label.textContent = labelText\n\n        if (presentation.match) outline.setAttribute('data-cms-match', presentation.match)\n        else outline.removeAttribute('data-cms-match')\n\n        outline.toggleAttribute('data-cms-reveal', presentation.reveal === true)\n      }\n\n      if (!presentation.reveal || !outlines.length) return\n\n      if (revealFrame) view.cancelAnimationFrame(revealFrame)\n      revealFrame = view.requestAnimationFrame(() => {\n        revealFrame = view.requestAnimationFrame(() => {\n          for (const outline of outlines) outline.removeAttribute('data-cms-reveal')\n          revealFrame = 0\n        })\n      })\n    },\n    destroy(): void {\n      if (frame) view.cancelAnimationFrame(frame)\n\n      if (revealFrame) view.cancelAnimationFrame(revealFrame)\n      markTargets([])\n      host.remove()\n    },\n  }\n}\n\nfunction geometryBounds(geometry: PreviewRegionGeometry):\n  | {\n      readonly bottom: number\n      readonly height: number\n      readonly left: number\n      readonly right: number\n      readonly top: number\n      readonly width: number\n    }\n  | undefined {\n  const rectangles = geometry.rects()\n\n  if (!rectangles.length) return undefined\n  const left = Math.min(...rectangles.map((rectangle) => rectangle.left))\n  const top = Math.min(...rectangles.map((rectangle) => rectangle.top))\n  const right = Math.max(...rectangles.map((rectangle) => rectangle.right))\n  const bottom = Math.max(...rectangles.map((rectangle) => rectangle.bottom))\n\n  return { bottom, height: bottom - top, left, right, top, width: right - left }\n}\n"],"mappings":"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"}

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

@@ -1,10 +1,10 @@
-import { o as PublicPath } from "../../scalars-B2lgGUnj.js";
-import { t as openSitePreviewConnection } from "../../connection-D5S9Iph-.js";
-import { n as readPreviewLocation, r as withPreviewLocation } from "../../location-CPX7oj0o.js";
+import { o as PublicPath } from "../../scalars-CVZqT3L0.js";
+import { t as openSitePreviewConnection } from "../../connection-BP80q4d-.js";
+import { n as readPreviewLocation, r as withPreviewLocation } from "../../location-CMNGO3lU.js";
 import { formComponentsKey } from "../delivery/blocks.js";
 import { documentPreviewStoreKey } from "../delivery/preview.js";
 import { mountPreviewController } from "./controller.js";
-import { t as createStudioPreviewStore } from "../../store-CCsjHaZm.js";
+import { t as createStudioPreviewStore } from "../../store-PKKB8xa2.js";
 import { Result, Schema } from "effect";
 import { inject, watch } from "vue";
 import { defineNuxtPlugin, navigateTo, onNuxtReady, useNuxtApp, useState } from "nuxt/app";

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"}