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

package/src/runtime/forms/useCmsForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCmsForm.js","names":[],"sources":["../../../../../src/runtime/forms/useCmsForm.ts"],"sourcesContent":["import type { MaybeRefOrGetter, Ref, ComputedRef } from 'vue'\nimport type { FormDefinition, FormField, FormStep, FormSubmission, FormValues } from '@internal/protocol/Forms'\nimport { FormResult } from '@internal/protocol/Forms'\nimport { validateFormValues } from '@internal/document/Forms'\nimport { Result, Schema } from 'effect'\nimport {\n  computed,\n  getCurrentInstance,\n  getCurrentScope,\n  onScopeDispose,\n  readonly,\n  ref,\n  shallowRef,\n  toValue,\n  useId,\n  watch,\n} from 'vue'\nimport { CMS_FORM_SUBMIT_PATH } from '@internal/protocol/HttpPaths'\n\nexport interface UseCmsFormOptions {\n  /** Replace the HTTP transport, retaining validation and submission state. */\n  readonly submit?: (submission: FormSubmission, signal: AbortSignal) => Promise<FormResult>\n}\n\nexport interface CmsFormFieldState {\n  readonly field: FormField\n  readonly value: FormValues[string]\n  readonly error: string | undefined\n  readonly helpId: string\n  readonly errorId: string\n  readonly inputAttrs: {\n    readonly id: string\n    readonly name: string\n    readonly required: boolean\n    readonly 'aria-invalid': 'true' | undefined\n    readonly 'aria-describedby': string | undefined\n  }\n  readonly setValue: (value: FormValues[string] | undefined) => void\n}\n\nexport interface UseCmsFormReturn {\n  readonly fields: ComputedRef<ReadonlyArray<FormField>>\n  readonly steps: ComputedRef<ReadonlyArray<FormStep>>\n  readonly values: Ref<Record<string, FormValues[string]>>\n  readonly errors: Readonly<Ref<Readonly<Record<string, string>>>>\n  readonly currentStep: ComputedRef<FormStep | undefined>\n  readonly stepIndex: Readonly<Ref<number>>\n  readonly isFirstStep: ComputedRef<boolean>\n  readonly isLastStep: ComputedRef<boolean>\n  readonly isSubmitting: Readonly<Ref<boolean>>\n  readonly isSuccess: Readonly<Ref<boolean>>\n  readonly isPreview: ComputedRef<boolean>\n  readonly error: Readonly<Ref<string | undefined>>\n  readonly fieldState: (field: FormField) => CmsFormFieldState\n  readonly next: () => boolean\n  readonly previous: () => void\n  readonly validate: () => boolean\n  readonly submit: () => Promise<boolean>\n  readonly reset: () => void\n}\n\n/** Headless, per-instance form state. Definition changes preserve answers for unchanged field types. */\nexport function useCmsForm(input: MaybeRefOrGetter<FormDefinition>, options: UseCmsFormOptions = {}): UseCmsFormReturn {\n  const fieldIdPrefix = getCurrentInstance() ? useId() : 'cms-form'\n  const definition = computed(() => toValue(input))\n  const steps = computed(() => definition.value.steps)\n  const fields = computed(() => steps.value.flatMap((step) => step.fields))\n  const values = ref<Record<string, FormValues[string]>>({})\n  const errors = shallowRef<Record<string, string>>({})\n  const stepIndex = ref(0)\n  const currentStep = computed(() => steps.value[stepIndex.value])\n  const isFirstStep = computed(() => stepIndex.value === 0)\n  const isLastStep = computed(() => stepIndex.value === steps.value.length - 1)\n  const isSubmitting = ref(false)\n  const isSuccess = ref(false)\n  const isPreview = computed(() => definition.value.preview)\n  const error = shallowRef<string>()\n  let controller: AbortController | undefined\n  let generation = 0\n  let previousFields = new Map<string, string>()\n\n  const stop = watch(\n    definition,\n    (next, before) => {\n      generation++\n      controller?.abort()\n      isSubmitting.value = false\n\n      const sameForm =\n        before?.documentId === next.documentId &&\n        JSON.stringify(before.nodePath) === JSON.stringify(next.nodePath) &&\n        before.name === next.name\n\n      values.value = Object.fromEntries(\n        next.steps\n          .flatMap((step) => step.fields)\n          .map((field) => [\n            field.id,\n            sameForm && previousFields.get(field.id) === field.type\n              ? (values.value[field.id] ?? null)\n              : field.type === 'checkbox'\n                ? false\n                : field.type === 'number'\n                  ? null\n                  : '',\n          ]),\n      )\n      previousFields = new Map(next.steps.flatMap((step) => step.fields).map((field) => [field.id, field.type]))\n      stepIndex.value = Math.max(\n        0,\n        next.steps.findIndex((step) => step.id === before?.steps[stepIndex.value]?.id),\n      )\n      errors.value = {}\n      error.value = undefined\n      isSuccess.value = false\n    },\n    { immediate: true, deep: true, flush: 'sync' },\n  )\n\n  function validate(): boolean {\n    errors.value = validateFormValues(fields.value, values.value)\n\n    return Object.keys(errors.value).length === 0\n  }\n\n  function fieldState(field: FormField): CmsFormFieldState {\n    const id = `${fieldIdPrefix}-${encodeURIComponent(field.id)}`\n\n    return {\n      field,\n      get value() {\n        return values.value[field.id] ?? emptyFormValue(field)\n      },\n      get error() {\n        return errors.value[field.id]\n      },\n      helpId: `${id}-help`,\n      errorId: `${id}-error`,\n      get inputAttrs() {\n        const error = errors.value[field.id]\n        const invalid: 'true' | undefined = error ? 'true' : undefined\n\n        const describedBy = [field.help ? `${id}-help` : undefined, error ? `${id}-error` : undefined]\n          .filter((part) => part !== undefined)\n          .join(' ')\n\n        return {\n          id,\n          name: field.id,\n          required: field.required === true,\n          'aria-invalid': invalid,\n          'aria-describedby': describedBy || undefined,\n        }\n      },\n      setValue: (value) => {\n        values.value[field.id] = normalizeFormValue(field, value)\n      },\n    }\n  }\n\n  function next(): boolean {\n    if (isSubmitting.value || isLastStep.value) return false\n    const stepFields = currentStep.value?.fields ?? []\n    const issues = validateFormValues(stepFields, values.value)\n    errors.value = {\n      ...Object.fromEntries(\n        Object.entries(errors.value).filter(([id]) => !stepFields.some((field) => field.id === id)),\n      ),\n      ...issues,\n    }\n\n    if (Object.keys(issues).length) return false\n    stepIndex.value++\n\n    return true\n  }\n\n  function previous(): void {\n    if (!isSubmitting.value && !isFirstStep.value) stepIndex.value--\n  }\n\n  function reset(): void {\n    generation++\n    controller?.abort()\n    isSubmitting.value = false\n    values.value = Object.fromEntries(fields.value.map((field) => [field.id, emptyFormValue(field)]))\n    errors.value = {}\n    error.value = undefined\n    isSuccess.value = false\n    stepIndex.value = 0\n  }\n\n  async function submit(): Promise<boolean> {\n    if (isSubmitting.value || isSuccess.value) return false\n    error.value = undefined\n\n    if (!validate()) {\n      stepIndex.value = Math.max(\n        0,\n        steps.value.findIndex((step) => step.fields.some((field) => errors.value[field.id])),\n      )\n\n      return false\n    }\n\n    if (isPreview.value) {\n      isSuccess.value = true\n\n      return true\n    }\n\n    const currentGeneration = ++generation\n    controller = new AbortController()\n    isSubmitting.value = true\n\n    try {\n      const { documentId, nodePath, revision } = definition.value\n\n      const result = await (options.submit ?? send)(\n        { documentId, nodePath, revision, values: { ...values.value } },\n        controller.signal,\n      )\n\n      if (generation !== currentGeneration) return false\n      errors.value = { ...result.errors }\n      isSuccess.value = result.status === 'accepted'\n\n      if (result.status === 'invalid')\n        stepIndex.value = Math.max(\n          0,\n          steps.value.findIndex((step) => step.fields.some((field) => errors.value[field.id])),\n        )\n\n      if (result.status !== 'accepted' && result.status !== 'invalid')\n        error.value =\n          result.status === 'stale'\n            ? 'This form has changed. Reload the page before submitting.'\n            : 'Submission failed. Please try again.'\n\n      return isSuccess.value\n    } catch {\n      if (generation === currentGeneration) error.value = 'Submission failed. Please try again.'\n\n      return false\n    } finally {\n      if (generation === currentGeneration) isSubmitting.value = false\n    }\n  }\n\n  if (getCurrentScope())\n    onScopeDispose(() => {\n      generation++\n      controller?.abort()\n      stop()\n    })\n\n  return {\n    fields,\n    steps,\n    values,\n    errors: readonly(errors),\n    currentStep,\n    stepIndex: readonly(stepIndex),\n    isFirstStep,\n    isLastStep,\n    isSubmitting: readonly(isSubmitting),\n    isSuccess: readonly(isSuccess),\n    isPreview,\n    error: readonly(error),\n    fieldState,\n    next,\n    previous,\n    validate,\n    submit,\n    reset,\n  }\n}\n\nfunction normalizeFormValue(field: FormField, input: FormValues[string] | undefined): FormValues[string] {\n  if (field.type === 'checkbox') return input === true\n\n  if (field.type === 'number') {\n    if (input === '' || input == null) return null\n    const value = Schema.is(Schema.Finite)(input) || Schema.is(Schema.String)(input) ? Number(input) : Number.NaN\n\n    if (Number.isFinite(value)) return value\n\n    return Schema.is(Schema.String)(input) ? input : null\n  }\n\n  return Schema.is(Schema.String)(input) ? input : ''\n}\n\nfunction emptyFormValue(field: FormField): FormValues[string] {\n  if (field.type === 'checkbox') return false\n\n  if (field.type === 'number') return null\n\n  return ''\n}\n\nasync function send(submission: FormSubmission, signal: AbortSignal): Promise<FormResult> {\n  const response = await fetch(CMS_FORM_SUBMIT_PATH, {\n    method: 'POST',\n    headers: { 'content-type': 'application/json' },\n    body: JSON.stringify(submission),\n    signal,\n  })\n\n  if (!response.ok) throw new Error('Submission failed.')\n\n  return Result.getOrThrow(Schema.decodeUnknownResult(FormResult)(await response.json()))\n}\n"],"mappings":"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"}

package/src/runtime/i18n/translator.js

@@ -0,0 +1,51 @@
+//#region src/runtime/i18n/translator.ts
+function localeFromPath(configuration, path) {
+	return prefixedLocale(configuration, path) ?? configuration.defaultLocale;
+}
+/** Prefixes a site path according to the configured locale URL policy. */
+function localePath(configuration, path, locale) {
+	const { pathname, suffix } = splitSitePath(path);
+	if (!pathname.startsWith("/") || pathname.startsWith("//")) throw new Error("A locale path must start with one slash.");
+	if (!configuration.defaultLocale) return path;
+	if (!Object.hasOwn(configuration.locales, locale)) throw new Error(`Unknown locale "${locale}".`);
+	return `${`${locale === configuration.defaultLocale && !configuration.prefixDefaultLocale ? "" : `/${locale}`}${pathname === "/" ? "" : pathname}` || "/"}${suffix}`;
+}
+/** Switches the locale prefix of a site path while preserving its query and fragment. */
+function switchLocalePath(configuration, path, locale) {
+	const { pathname, suffix } = splitSitePath(path);
+	const current = prefixedLocale(configuration, pathname);
+	let unprefixed = pathname;
+	if (current !== void 0) {
+		const prefix = `/${current}`;
+		unprefixed = pathname === prefix ? "/" : pathname.slice(prefix.length);
+	}
+	return `${localePath(configuration, unprefixed, locale)}${suffix}`;
+}
+function prefixedLocale(configuration, path) {
+	const segment = path.split("/")[1] ?? "";
+	return Object.hasOwn(configuration.locales, segment) && (segment !== configuration.defaultLocale || configuration.prefixDefaultLocale) ? segment : void 0;
+}
+function splitSitePath(path) {
+	const suffixIndex = path.search(/[?#]/u);
+	return {
+		pathname: suffixIndex === -1 ? path : path.slice(0, suffixIndex),
+		suffix: suffixIndex === -1 ? "" : path.slice(suffixIndex)
+	};
+}
+function translate(configuration, locale, key, parameters = {}, missing) {
+	function lookup(code) {
+		const messages = Object.hasOwn(configuration.locales, code) ? configuration.locales[code]?.messages : void 0;
+		return messages && Object.hasOwn(messages, key) ? messages[key] : void 0;
+	}
+	let message = lookup(locale);
+	if (message === void 0) {
+		missing?.(key, locale);
+		message = configuration.fallbackLocale === null ? void 0 : lookup(configuration.fallbackLocale);
+	}
+	if (message === void 0) return key;
+	return message.replace(/\{([\w]+)\}/gu, (placeholder, name) => Object.hasOwn(parameters, name) ? String(parameters[name]) : placeholder);
+}
+
+//#endregion
+export { localeFromPath, localePath, switchLocalePath, translate };
+//# sourceMappingURL=translator.js.map

package/src/runtime/i18n/translator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"translator.js","names":[],"sources":["../../../../../src/runtime/i18n/translator.ts"],"sourcesContent":["import type { CompiledCmsI18n } from '../../internal/i18n'\n\nexport function localeFromPath(configuration: CompiledCmsI18n, path: string): string {\n  return prefixedLocale(configuration, path) ?? configuration.defaultLocale\n}\n\n/** Prefixes a site path according to the configured locale URL policy. */\nexport function localePath(configuration: CompiledCmsI18n, path: string, locale: string): string {\n  const { pathname, suffix } = splitSitePath(path)\n\n  if (!pathname.startsWith('/') || pathname.startsWith('//'))\n    throw new Error('A locale path must start with one slash.')\n\n  if (!configuration.defaultLocale) return path\n\n  if (!Object.hasOwn(configuration.locales, locale)) throw new Error(`Unknown locale \"${locale}\".`)\n\n  const prefix = locale === configuration.defaultLocale && !configuration.prefixDefaultLocale ? '' : `/${locale}`\n  const localized = `${prefix}${pathname === '/' ? '' : pathname}` || '/'\n\n  return `${localized}${suffix}`\n}\n\n/** Switches the locale prefix of a site path while preserving its query and fragment. */\nexport function switchLocalePath(configuration: CompiledCmsI18n, path: string, locale: string): string {\n  const { pathname, suffix } = splitSitePath(path)\n  const current = prefixedLocale(configuration, pathname)\n  let unprefixed = pathname\n\n  if (current !== undefined) {\n    const prefix = `/${current}`\n\n    unprefixed = pathname === prefix ? '/' : pathname.slice(prefix.length)\n  }\n\n  return `${localePath(configuration, unprefixed, locale)}${suffix}`\n}\n\nfunction prefixedLocale(configuration: CompiledCmsI18n, path: string): string | undefined {\n  const segment = path.split('/')[1] ?? ''\n\n  return Object.hasOwn(configuration.locales, segment) &&\n    (segment !== configuration.defaultLocale || configuration.prefixDefaultLocale)\n    ? segment\n    : undefined\n}\n\nfunction splitSitePath(path: string) {\n  const suffixIndex = path.search(/[?#]/u)\n\n  return {\n    pathname: suffixIndex === -1 ? path : path.slice(0, suffixIndex),\n    suffix: suffixIndex === -1 ? '' : path.slice(suffixIndex),\n  }\n}\n\nexport function translate(\n  configuration: CompiledCmsI18n,\n  locale: string,\n  key: string,\n  parameters: Readonly<Record<string, string | number>> = {},\n  missing?: (key: string, locale: string) => void,\n): string {\n  function lookup(code: string): string | undefined {\n    const messages = Object.hasOwn(configuration.locales, code) ? configuration.locales[code]?.messages : undefined\n\n    return messages && Object.hasOwn(messages, key) ? messages[key] : undefined\n  }\n\n  let message = lookup(locale)\n\n  if (message === undefined) {\n    missing?.(key, locale)\n    message = configuration.fallbackLocale === null ? undefined : lookup(configuration.fallbackLocale)\n  }\n\n  if (message === undefined) return key\n\n  return message.replace(/\\{([\\w]+)\\}/gu, (placeholder: string, name: string) =>\n    Object.hasOwn(parameters, name) ? String(parameters[name]) : placeholder,\n  )\n}\n"],"mappings":";AAEA,SAAgB,eAAe,eAAgC,MAAsB;CACnF,OAAO,eAAe,eAAe,IAAI,KAAK,cAAc;AAC9D;;AAGA,SAAgB,WAAW,eAAgC,MAAc,QAAwB;CAC/F,MAAM,EAAE,UAAU,WAAW,cAAc,IAAI;CAE/C,IAAI,CAAC,SAAS,WAAW,GAAG,KAAK,SAAS,WAAW,IAAI,GACvD,MAAM,IAAI,MAAM,0CAA0C;CAE5D,IAAI,CAAC,cAAc,eAAe,OAAO;CAEzC,IAAI,CAAC,OAAO,OAAO,cAAc,SAAS,MAAM,GAAG,MAAM,IAAI,MAAM,mBAAmB,OAAO,GAAG;CAKhG,OAAO,GAFW,GADH,WAAW,cAAc,iBAAiB,CAAC,cAAc,sBAAsB,KAAK,IAAI,WACzE,aAAa,MAAM,KAAK,cAAc,MAE9C;AACxB;;AAGA,SAAgB,iBAAiB,eAAgC,MAAc,QAAwB;CACrG,MAAM,EAAE,UAAU,WAAW,cAAc,IAAI;CAC/C,MAAM,UAAU,eAAe,eAAe,QAAQ;CACtD,IAAI,aAAa;CAEjB,IAAI,YAAY,QAAW;EACzB,MAAM,SAAS,IAAI;EAEnB,aAAa,aAAa,SAAS,MAAM,SAAS,MAAM,OAAO,MAAM;CACvE;CAEA,OAAO,GAAG,WAAW,eAAe,YAAY,MAAM,IAAI;AAC5D;AAEA,SAAS,eAAe,eAAgC,MAAkC;CACxF,MAAM,UAAU,KAAK,MAAM,GAAG,CAAC,CAAC,MAAM;CAEtC,OAAO,OAAO,OAAO,cAAc,SAAS,OAAO,MAChD,YAAY,cAAc,iBAAiB,cAAc,uBACxD,UACA;AACN;AAEA,SAAS,cAAc,MAAc;CACnC,MAAM,cAAc,KAAK,OAAO,OAAO;CAEvC,OAAO;EACL,UAAU,gBAAgB,KAAK,OAAO,KAAK,MAAM,GAAG,WAAW;EAC/D,QAAQ,gBAAgB,KAAK,KAAK,KAAK,MAAM,WAAW;CAC1D;AACF;AAEA,SAAgB,UACd,eACA,QACA,KACA,aAAwD,CAAC,GACzD,SACQ;CACR,SAAS,OAAO,MAAkC;EAChD,MAAM,WAAW,OAAO,OAAO,cAAc,SAAS,IAAI,IAAI,cAAc,QAAQ,KAAK,EAAE,WAAW;EAEtG,OAAO,YAAY,OAAO,OAAO,UAAU,GAAG,IAAI,SAAS,OAAO;CACpE;CAEA,IAAI,UAAU,OAAO,MAAM;CAE3B,IAAI,YAAY,QAAW;EACzB,UAAU,KAAK,MAAM;EACrB,UAAU,cAAc,mBAAmB,OAAO,SAAY,OAAO,cAAc,cAAc;CACnG;CAEA,IAAI,YAAY,QAAW,OAAO;CAElC,OAAO,QAAQ,QAAQ,kBAAkB,aAAqB,SAC5D,OAAO,OAAO,YAAY,IAAI,IAAI,OAAO,WAAW,KAAK,IAAI,WAC/D;AACF"}

package/src/runtime/i18n/useCmsI18n.d.ts

@@ -0,0 +1,11 @@
+import { CmsMessageKey } from "../../I18n.js";
+//#region src/runtime/i18n/useCmsI18n.d.ts
+/** URL-owned locale is reactive and isolated to the current Nuxt application/request. */
+export declare function useCmsI18n(): {
+  locale: import("vue").ComputedRef<string>;
+  localePath: (path: string, code?: string) => string;
+  switchLocalePath: (code: string, destination?: string) => string;
+  t: (key: CmsMessageKey, parameters?: Readonly<Record<string, string | number>>) => string;
+};
+//#endregion
+//# sourceMappingURL=useCmsI18n.d.ts.map

package/src/runtime/i18n/useCmsI18n.js

@@ -0,0 +1,37 @@
+import { localeFromPath, localePath, switchLocalePath, translate } from "./translator.js";
+import { computed } from "vue";
+import { useRoute } from "nuxt/app";
+import configuration from "#cms/i18n";
+
+//#region src/runtime/i18n/useCmsI18n.ts
+/** URL-owned locale is reactive and isolated to the current Nuxt application/request. */
+function useCmsI18n() {
+	const route = useRoute();
+	const locale = computed(() => localeFromPath(configuration, route.path));
+	const warned = /* @__PURE__ */ new Set();
+	function missing(key, code) {
+		const id = `${code}:${key}`;
+		if (!import.meta.dev || warned.has(id)) return;
+		warned.add(id);
+		console.warn(`[cms i18n] Missing message "${key}" for locale "${code}".`);
+	}
+	function t(key, parameters) {
+		return translate(configuration, locale.value, key, parameters, missing);
+	}
+	function localePath$1(path, code = locale.value) {
+		return localePath(configuration, path, code);
+	}
+	function switchLocalePath$1(code, destination) {
+		return destination === void 0 ? switchLocalePath(configuration, route.fullPath, code) : localePath(configuration, destination, code);
+	}
+	return {
+		locale,
+		localePath: localePath$1,
+		switchLocalePath: switchLocalePath$1,
+		t
+	};
+}
+
+//#endregion
+export { useCmsI18n };
+//# sourceMappingURL=useCmsI18n.js.map

package/src/runtime/i18n/useCmsI18n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCmsI18n.js","names":["localePath","resolveLocalePath","switchLocalePath","resolveSwitchLocalePath"],"sources":["../../../../../src/runtime/i18n/useCmsI18n.ts"],"sourcesContent":["import configuration from '#cms/i18n'\nimport { useRoute } from 'nuxt/app'\nimport { computed } from 'vue'\nimport type { CmsMessageKey } from '../../I18n'\nimport {\n  localeFromPath,\n  localePath as resolveLocalePath,\n  switchLocalePath as resolveSwitchLocalePath,\n  translate,\n} from './translator'\n\n/** URL-owned locale is reactive and isolated to the current Nuxt application/request. */\nexport function useCmsI18n() {\n  const route = useRoute()\n  const locale = computed(() => localeFromPath(configuration, route.path))\n  const warned = new Set<string>()\n\n  function missing(key: string, code: string): void {\n    const id = `${code}:${key}`\n\n    if (!import.meta.dev || warned.has(id)) return\n    warned.add(id)\n    // Browser diagnostics should not add an Effect runtime to the website translation bundle.\n    // oxlint-disable-next-line effecttsgo/global-console\n    console.warn(`[cms i18n] Missing message \"${key}\" for locale \"${code}\".`)\n  }\n\n  function t(key: CmsMessageKey, parameters?: Readonly<Record<string, string | number>>): string {\n    return translate(configuration, locale.value, key, parameters, missing)\n  }\n\n  function localePath(path: string, code = locale.value): string {\n    return resolveLocalePath(configuration, path, code)\n  }\n\n  function switchLocalePath(code: string, destination?: string): string {\n    return destination === undefined\n      ? resolveSwitchLocalePath(configuration, route.fullPath, code)\n      : resolveLocalePath(configuration, destination, code)\n  }\n\n  return { locale, localePath, switchLocalePath, t }\n}\n"],"mappings":";;;;;;;AAYA,SAAgB,aAAa;CAC3B,MAAM,QAAQ,SAAS;CACvB,MAAM,SAAS,eAAe,eAAe,eAAe,MAAM,IAAI,CAAC;CACvE,MAAM,yBAAS,IAAI,IAAY;CAE/B,SAAS,QAAQ,KAAa,MAAoB;EAChD,MAAM,KAAK,GAAG,KAAK,GAAG;EAEtB,IAAI,CAAC,YAAY,OAAO,OAAO,IAAI,EAAE,GAAG;EACxC,OAAO,IAAI,EAAE;EAGb,QAAQ,KAAK,+BAA+B,IAAI,gBAAgB,KAAK,GAAG;CAC1E;CAEA,SAAS,EAAE,KAAoB,YAAgE;EAC7F,OAAO,UAAU,eAAe,OAAO,OAAO,KAAK,YAAY,OAAO;CACxE;CAEA,SAASA,aAAW,MAAc,OAAO,OAAO,OAAe;EAC7D,OAAOC,WAAkB,eAAe,MAAM,IAAI;CACpD;CAEA,SAASC,mBAAiB,MAAc,aAA8B;EACpE,OAAO,gBAAgB,SACnBC,iBAAwB,eAAe,MAAM,UAAU,IAAI,IAC3DF,WAAkB,eAAe,aAAa,IAAI;CACxD;CAEA,OAAO;EAAE;EAAQ;EAAY;EAAkB;CAAE;AACnD"}

package/src/runtime/installation.js

@@ -1,3 +1,3 @@
-import { n as toS3MediaObjectStoreOptions, t as installCms } from "../installation-DeuBiFRE.js";
+import { n as toS3MediaObjectStoreOptions, t as installCms } from "../installation-CNfIriVm.js";
 
 export { installCms, toS3MediaObjectStoreOptions };

package/src/runtime/plugin.js

@@ -1,13 +1,13 @@
 import { resolveCmsInstallation } from "../internal/configuration.js";
-import { t as installCms } from "../installation-DeuBiFRE.js";
+import { t as installCms } from "../installation-CNfIriVm.js";
 import { Effect } from "effect";
 import { defineNitroPlugin, useNitroApp } from "nitropack/runtime";
 
 //#region src/runtime/plugin.ts
-function createInstallationPlugin(authored, authoring, initialSources) {
+function createInstallationPlugin(authored, authoring) {
 	return defineNitroPlugin((nitro) => {
 		if (nitro.cmsInstallation) throw new Error("The CMS installation is already registered with Nitro.");
-		const configuration = resolveCmsInstallation(authored, authoring, initialSources);
+		const configuration = resolveCmsInstallation(authored, authoring);
 		const installation = Effect.runPromise(installCms(configuration));
 		nitro.cmsInstallation = installation;
 		installation.catch((cause) => {

package/src/runtime/plugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.js","names":[],"sources":["../../../../src/runtime/plugin.ts"],"sourcesContent":["import type { CmsInstallation } from '@internal/platform-node/Installation'\nimport type { DocumentImportSource } from '@internal/protocol/Documents'\nimport type { AuthoringCatalog } from '@internal/protocol/Configuration'\nimport type { CmsConfiguration } from '../Configuration'\nimport { Effect } from 'effect'\nimport { defineNitroPlugin, useNitroApp } from 'nitropack/runtime'\nimport { resolveCmsInstallation } from '../internal/configuration'\nimport { installCms } from './installation'\n\ndeclare module 'nitropack/types' {\n  interface NitroApp {\n    cmsInstallation?: Promise<CmsInstallation>\n  }\n}\n\nexport function createInstallationPlugin(\n  authored: CmsConfiguration,\n  authoring: AuthoringCatalog,\n  initialSources: ReadonlyArray<DocumentImportSource>,\n) {\n  return defineNitroPlugin((nitro) => {\n    if (nitro.cmsInstallation) throw new Error('The CMS installation is already registered with Nitro.')\n    const configuration = resolveCmsInstallation(authored, authoring, initialSources)\n    const installation = Effect.runPromise(installCms(configuration))\n    nitro.cmsInstallation = installation\n\n    void installation.catch((cause: unknown) => {\n      nitro.captureError(cause instanceof Error ? cause : new Error(String(cause)), {\n        fatal: true,\n        tags: ['cms'],\n      })\n    })\n    nitro.hooks.hook('close', () =>\n      installation\n        .then(\n          (current) => current.close(),\n          () => undefined,\n        )\n        .finally(() => {\n          if (nitro.cmsInstallation === installation) nitro.cmsInstallation = undefined\n        }),\n    )\n  })\n}\n\nexport function useCmsInstallation(): Promise<CmsInstallation> {\n  const installation = useNitroApp().cmsInstallation\n  if (!installation) throw new Error('The CMS installation has not been registered with Nitro.')\n  return installation\n}\n"],"mappings":";;;;;;AAeA,SAAgB,yBACd,UACA,WACA,gBACA;CACA,OAAO,mBAAmB,UAAU;EAClC,IAAI,MAAM,iBAAiB,MAAM,IAAI,MAAM,wDAAwD;EACnG,MAAM,gBAAgB,uBAAuB,UAAU,WAAW,cAAc;EAChF,MAAM,eAAe,OAAO,WAAW,WAAW,aAAa,CAAC;EAChE,MAAM,kBAAkB;EAExB,AAAK,aAAa,OAAO,UAAmB;GAC1C,MAAM,aAAa,iBAAiB,QAAQ,QAAQ,IAAI,MAAM,OAAO,KAAK,CAAC,GAAG;IAC5E,OAAO;IACP,MAAM,CAAC,KAAK;GACd,CAAC;EACH,CAAC;EACD,MAAM,MAAM,KAAK,eACf,aACG,MACE,YAAY,QAAQ,MAAM,SACrB,MACR,CAAC,CACA,cAAc;GACb,IAAI,MAAM,oBAAoB,cAAc,MAAM,kBAAkB;EACtE,CAAC,CACL;CACF,CAAC;AACH;AAEA,SAAgB,qBAA+C;CAC7D,MAAM,eAAe,YAAY,CAAC,CAAC;CACnC,IAAI,CAAC,cAAc,MAAM,IAAI,MAAM,0DAA0D;CAC7F,OAAO;AACT"}
+{"version":3,"file":"plugin.js","names":[],"sources":["../../../../src/runtime/plugin.ts"],"sourcesContent":["import type { CmsInstallation } from '@internal/platform-node/Installation'\nimport type { AuthoringCatalog } from '@internal/protocol/Configuration'\nimport type { CmsConfiguration } from '../Configuration'\nimport { Effect } from 'effect'\nimport { defineNitroPlugin, useNitroApp } from 'nitropack/runtime'\nimport { resolveCmsInstallation } from '../internal/configuration'\nimport { installCms } from './installation'\n\ndeclare module 'nitropack/types' {\n  interface NitroApp {\n    cmsInstallation?: Promise<CmsInstallation>\n  }\n}\n\nexport function createInstallationPlugin(authored: CmsConfiguration, authoring: AuthoringCatalog) {\n  return defineNitroPlugin((nitro) => {\n    if (nitro.cmsInstallation) throw new Error('The CMS installation is already registered with Nitro.')\n    const configuration = resolveCmsInstallation(authored, authoring)\n    const installation = Effect.runPromise(installCms(configuration))\n    nitro.cmsInstallation = installation\n\n    void installation.catch((cause: unknown) => {\n      nitro.captureError(cause instanceof Error ? cause : new Error(String(cause)), {\n        fatal: true,\n        tags: ['cms'],\n      })\n    })\n    nitro.hooks.hook('close', () =>\n      installation\n        .then(\n          (current) => current.close(),\n          () => undefined,\n        )\n        .finally(() => {\n          if (nitro.cmsInstallation === installation) nitro.cmsInstallation = undefined\n        }),\n    )\n  })\n}\n\nexport function useCmsInstallation(): Promise<CmsInstallation> {\n  const installation = useNitroApp().cmsInstallation\n\n  if (!installation) throw new Error('The CMS installation has not been registered with Nitro.')\n\n  return installation\n}\n"],"mappings":";;;;;;AAcA,SAAgB,yBAAyB,UAA4B,WAA6B;CAChG,OAAO,mBAAmB,UAAU;EAClC,IAAI,MAAM,iBAAiB,MAAM,IAAI,MAAM,wDAAwD;EACnG,MAAM,gBAAgB,uBAAuB,UAAU,SAAS;EAChE,MAAM,eAAe,OAAO,WAAW,WAAW,aAAa,CAAC;EAChE,MAAM,kBAAkB;EAExB,AAAK,aAAa,OAAO,UAAmB;GAC1C,MAAM,aAAa,iBAAiB,QAAQ,QAAQ,IAAI,MAAM,OAAO,KAAK,CAAC,GAAG;IAC5E,OAAO;IACP,MAAM,CAAC,KAAK;GACd,CAAC;EACH,CAAC;EACD,MAAM,MAAM,KAAK,eACf,aACG,MACE,YAAY,QAAQ,MAAM,SACrB,MACR,CAAC,CACA,cAAc;GACb,IAAI,MAAM,oBAAoB,cAAc,MAAM,kBAAkB;EACtE,CAAC,CACL;CACF,CAAC;AACH;AAEA,SAAgB,qBAA+C;CAC7D,MAAM,eAAe,YAAY,CAAC,CAAC;CAEnC,IAAI,CAAC,cAAc,MAAM,IAAI,MAAM,0DAA0D;CAE7F,OAAO;AACT"}

package/src/runtime/preview/comark-document.js

@@ -2,7 +2,6 @@ import { Predicate, Schema } from "effect";
 
 //#region src/runtime/preview/comark-document.ts
 const isJsonObject = Schema.is(Schema.JsonObject);
-/** Adapts the immutable wire model to the mutable tree owned by the Nuxt Comark renderer. */
 function toPreviewRenderDocument(document) {
 	return {
 		frontmatter: mutableJsonObject(document.frontmatter),

package/src/runtime/preview/comark-document.js.map

@@ -1 +1 @@
-{"version":3,"file":"comark-document.js","names":[],"sources":["../../../../../src/runtime/preview/comark-document.ts"],"sourcesContent":["import type { CmsMarkdownDocument, MarkdownNode } from '@internal/protocol/Documents'\nimport type { MarkdownDocument, Node } from 'comark'\nimport { Predicate, Schema } from 'effect'\n\nconst isJsonObject = Schema.is(Schema.JsonObject)\n\n/** Adapts the immutable wire model to the mutable tree owned by the Nuxt Comark renderer. */\nexport function toPreviewRenderDocument(document: CmsMarkdownDocument): MarkdownDocument {\n  return {\n    frontmatter: mutableJsonObject(document.frontmatter),\n    meta: mutableJsonObject(document.meta),\n    nodes: document.nodes.map(toRenderNode),\n  }\n}\n\nfunction toRenderNode(node: MarkdownNode): Node {\n  if (Predicate.isString(node)) return node\n  if (node[0] === null) return [null, mutableJsonObject(node[1]), node[2]]\n  const [tag, attributes, ...children] = node\n  return [tag, mutableJsonObject(attributes), ...children.map(toRenderNode)]\n}\n\nfunction mutableJsonObject(value: Schema.JsonObject): Record<string, Schema.Json> {\n  return Object.fromEntries(Object.entries(value).map(([key, child]) => [key, mutableJson(child)]))\n}\n\nfunction mutableJson(value: Schema.Json): Schema.Json {\n  if (Array.isArray(value)) return value.map(mutableJson)\n  if (isJsonObject(value)) return mutableJsonObject(value)\n  return value\n}\n"],"mappings":";;;AAIA,MAAM,eAAe,OAAO,GAAG,OAAO,UAAU;;AAGhD,SAAgB,wBAAwB,UAAiD;CACvF,OAAO;EACL,aAAa,kBAAkB,SAAS,WAAW;EACnD,MAAM,kBAAkB,SAAS,IAAI;EACrC,OAAO,SAAS,MAAM,IAAI,YAAY;CACxC;AACF;AAEA,SAAS,aAAa,MAA0B;CAC9C,IAAI,UAAU,SAAS,IAAI,GAAG,OAAO;CACrC,IAAI,KAAK,OAAO,MAAM,OAAO;EAAC;EAAM,kBAAkB,KAAK,EAAE;EAAG,KAAK;CAAE;CACvE,MAAM,CAAC,KAAK,YAAY,GAAG,YAAY;CACvC,OAAO;EAAC;EAAK,kBAAkB,UAAU;EAAG,GAAG,SAAS,IAAI,YAAY;CAAC;AAC3E;AAEA,SAAS,kBAAkB,OAAuD;CAChF,OAAO,OAAO,YAAY,OAAO,QAAQ,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,WAAW,CAAC,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC;AAClG;AAEA,SAAS,YAAY,OAAiC;CACpD,IAAI,MAAM,QAAQ,KAAK,GAAG,OAAO,MAAM,IAAI,WAAW;CACtD,IAAI,aAAa,KAAK,GAAG,OAAO,kBAAkB,KAAK;CACvD,OAAO;AACT"}
+{"version":3,"file":"comark-document.js","names":[],"sources":["../../../../../src/runtime/preview/comark-document.ts"],"sourcesContent":["import type { CmsMarkdownDocument, MarkdownNode } from '@internal/protocol/Documents'\nimport type { MarkdownDocument, Node } from 'comark'\nimport { Predicate, Schema } from 'effect'\n\nconst isJsonObject = Schema.is(Schema.JsonObject)\n\nexport function toPreviewRenderDocument(document: CmsMarkdownDocument): MarkdownDocument {\n  return {\n    frontmatter: mutableJsonObject(document.frontmatter),\n    meta: mutableJsonObject(document.meta),\n    nodes: document.nodes.map(toRenderNode),\n  }\n}\n\nfunction toRenderNode(node: MarkdownNode): Node {\n  if (Predicate.isString(node)) return node\n\n  if (node[0] === null) return [null, mutableJsonObject(node[1]), node[2]]\n  const [tag, attributes, ...children] = node\n\n  return [tag, mutableJsonObject(attributes), ...children.map(toRenderNode)]\n}\n\nfunction mutableJsonObject(value: Schema.JsonObject): Record<string, Schema.Json> {\n  return Object.fromEntries(Object.entries(value).map(([key, child]) => [key, mutableJson(child)]))\n}\n\nfunction mutableJson(value: Schema.Json): Schema.Json {\n  if (Array.isArray(value)) return value.map(mutableJson)\n\n  if (isJsonObject(value)) return mutableJsonObject(value)\n\n  return value\n}\n"],"mappings":";;;AAIA,MAAM,eAAe,OAAO,GAAG,OAAO,UAAU;AAEhD,SAAgB,wBAAwB,UAAiD;CACvF,OAAO;EACL,aAAa,kBAAkB,SAAS,WAAW;EACnD,MAAM,kBAAkB,SAAS,IAAI;EACrC,OAAO,SAAS,MAAM,IAAI,YAAY;CACxC;AACF;AAEA,SAAS,aAAa,MAA0B;CAC9C,IAAI,UAAU,SAAS,IAAI,GAAG,OAAO;CAErC,IAAI,KAAK,OAAO,MAAM,OAAO;EAAC;EAAM,kBAAkB,KAAK,EAAE;EAAG,KAAK;CAAE;CACvE,MAAM,CAAC,KAAK,YAAY,GAAG,YAAY;CAEvC,OAAO;EAAC;EAAK,kBAAkB,UAAU;EAAG,GAAG,SAAS,IAAI,YAAY;CAAC;AAC3E;AAEA,SAAS,kBAAkB,OAAuD;CAChF,OAAO,OAAO,YAAY,OAAO,QAAQ,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,WAAW,CAAC,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC;AAClG;AAEA,SAAS,YAAY,OAAiC;CACpD,IAAI,MAAM,QAAQ,KAAK,GAAG,OAAO,MAAM,IAAI,WAAW;CAEtD,IAAI,aAAa,KAAK,GAAG,OAAO,kBAAkB,KAAK;CAEvD,OAAO;AACT"}

package/src/runtime/preview/connection.js

@@ -1,3 +1,3 @@
-import { t as openSitePreviewConnection } from "../../connection-CBTY-TzB.js";
+import { t as openSitePreviewConnection } from "../../connection-CBAy2qGy.js";
 
 export { openSitePreviewConnection };

package/src/runtime/preview/controller.js

@@ -1,5 +1,6 @@
-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 { a as EditorNodeId, l as RevisionNumber, r as DocumentId } from "../../scalars-B2lgGUnj.js";
+import { Et as RequestId } from "../../models-Bah5B3bT.js";
+import { r as PreviewIntentId } from "../../models-B4IoTmp7.js";
 import { mountPreviewOverlay } from "./overlay.js";
 import { clearPreviewTargets, decoratePreviewTargets, findPreviewNodeId, nearestPreviewElement, resolvePreviewTarget } from "./targets.js";
 import { Crypto, Effect, PlatformError, Schema } from "effect";
@@ -8,7 +9,7 @@ import { Crypto, Effect, PlatformError, Schema } from "effect";
 const browserCrypto = Crypto.make({
 	digest: (algorithm, data) => Effect.tryPromise({
 		catch: (cause) => PlatformError.systemError({
-			_tag: "Unknown",
+			_tag: unknownSystemErrorTag,
 			cause,
 			description: "Could not compute digest",
 			method: "digest",
@@ -18,6 +19,7 @@ const browserCrypto = Crypto.make({
 	}),
 	randomBytes: (size) => globalThis.crypto.getRandomValues(new Uint8Array(size))
 });
+const unknownSystemErrorTag = "Unknown";
 const randomUuid = () => Effect.runSync(browserCrypto.randomUUIDv4.pipe(Effect.orDie));
 function mountPreviewController(options) {
 	const { bridge, root, store, view } = options;
@@ -155,8 +157,13 @@ function mountPreviewController(options) {
 		lastApplied = "";
 		const sequence = ++renderSequence;
 		store.patch(message.document).then((localFallbacks) => {
+			if (sequence !== renderSequence) return;
+			options.onPatchError(null);
 			fallbacks = Object.assign({}, message.fallbacks, localFallbacks);
 			settleRender(sequence);
+		}, () => {
+			if (sequence !== renderSequence) return;
+			options.onPatchError("Preview could not apply this update.");
 		});
 	});
 	const handleClick = (event) => {

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 { 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"}
+{"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: unknownSystemErrorTag,\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 unknownSystemErrorTag: PlatformError.SystemErrorTag = 'Unknown'\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 onPatchError: (message: string | null) => 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\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\n  const stopManifest = store.subscribe(sendManifest)\n\n  const clearElements = (elements: ReadonlyArray<Element>, attribute: string): void => {\n    for (const element of elements) element.removeAttribute(attribute)\n  }\n\n  const sendApplied = (result: 'exact' | 'fallback' | 'missing'): void => {\n    if (!desiredFocus) return\n    const signature = `${desiredFocus.id}:${result}`\n\n    if (signature === lastApplied) return\n    lastApplied = signature\n\n    const applied = {\n      intentId: desiredFocus.id,\n      result,\n      revision,\n      type: 'preview:applied',\n    } as const\n\n    bridge.send(desiredFocus.nodeId ? { ...applied, nodeId: desiredFocus.nodeId } : applied)\n  }\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\n  const applyFocus = (reveal = false): void => {\n    clearElements(selectedElements, 'data-cms-selected')\n    selectedElements = []\n\n    if (!active || mode !== 'edit') {\n      selection.set([])\n\n      return\n    }\n\n    const intent = desiredFocus\n    const nodeId = intent?.nodeId\n\n    if (!intent || !nodeId) {\n      selection.set([])\n      sendApplied('exact')\n\n      return\n    }\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\n    for (const element of selectedElements) element.setAttribute('data-cms-selected', '')\n    const result = !target.resolvedNodeId ? 'missing' : target.resolvedNodeId === nodeId ? 'exact' : 'fallback'\n\n    if (reveal && result !== 'missing' && revealedIntentId !== intent.id) {\n      revealedIntentId = intent.id\n      revealElement(nearestPreviewElement(selectedElements), view)\n    }\n\n    sendApplied(result)\n  }\n\n  const hoverElements = (target?: Element): void => {\n    clearElements(hoveredElements, 'data-cms-hovered')\n    hoveredElements = []\n\n    if (!active || mode !== 'edit' || !target) {\n      hover.set([])\n\n      return\n    }\n\n    const scope = target.closest('[data-cms-document]') ?? root\n    const nodeId = findPreviewNodeId(scope, target)\n\n    if (!nodeId) {\n      hover.set([])\n\n      return\n    }\n\n    hoveredElements = resolvePreviewTarget(scope, nodeId, fallbacks).elements\n\n    for (const element of hoveredElements) element.setAttribute('data-cms-hovered', '')\n    hover.set(hoveredElements)\n  }\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\n      return\n    }\n\n    if (message.type === 'studio:mode') {\n      mode = message.mode\n\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\n      return\n    }\n\n    if (message.type === 'studio:navigate') {\n      void options.navigate(message.path)\n\n      return\n    }\n\n    if (message.type === 'studio:focus') {\n      if (message.focus.revision !== revision) return\n      desiredFocus = message.focus\n      applyFocus(desiredFocus.reveal)\n\n      return\n    }\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(\n      (localFallbacks) => {\n        if (sequence !== renderSequence) return\n        options.onPatchError(null)\n        fallbacks = Object.assign({}, message.fallbacks, localFallbacks)\n        settleRender(sequence)\n      },\n      () => {\n        if (sequence !== renderSequence) return\n        options.onPatchError('Preview could not apply this update.')\n      },\n    )\n  })\n\n  const handleClick = (event: MouseEvent) => {\n    if (!active) return\n    const target = event.target instanceof Element ? event.target : null\n\n    if (mode === 'browse') {\n      const link = target?.closest('a[href]')\n\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\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\n      return\n    }\n\n    const scope = target?.closest('[data-cms-document]')\n    const documentIdValue = scope?.getAttribute('data-cms-document')\n\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\n    const activationFocus = {\n      documentId: documentIdValue,\n      id: PreviewIntentId.make(randomUuid()),\n      origin: 'preview',\n      reveal: false,\n      revision,\n    } as const\n\n    desiredFocus = nodeId ? { ...activationFocus, nodeId } : activationFocus\n    lastApplied = ''\n\n    const activation = {\n      documentId: desiredFocus.documentId,\n      requestId: RequestId.make(randomUuid()),\n      revision,\n      type: 'preview:activate',\n    } as const\n\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\n  const handlePointerOver = (event: PointerEvent) =>\n    hoverElements(event.target instanceof Element ? event.target : undefined)\n\n  const handlePointerOut = (event: PointerEvent) => {\n    if (!(event.relatedTarget instanceof Element)) hoverElements()\n  }\n\n  let mutationQueued = false\n\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\n    if (mutationQueued) return\n    mutationQueued = true\n    queueMicrotask(() => {\n      mutationQueued = false\n\n      if (!active) return\n      hoverElements()\n      decoratePreviewTargets(root)\n\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\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,wBAAsD;AAE5D,MAAM,mBAA2B,OAAO,QAAQ,cAAc,aAAa,KAAK,OAAO,KAAK,CAAC;AAE7F,SAAgB,uBAAuB,SAOxB;CAGb,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;CAEA,MAAM,eAAe,MAAM,UAAU,YAAY;CAEjD,MAAM,iBAAiB,UAAkC,cAA4B;EACnF,KAAK,MAAM,WAAW,UAAU,QAAQ,gBAAgB,SAAS;CACnE;CAEA,MAAM,eAAe,WAAmD;EACtE,IAAI,CAAC,cAAc;EACnB,MAAM,YAAY,GAAG,aAAa,GAAG,GAAG;EAExC,IAAI,cAAc,aAAa;EAC/B,cAAc;EAEd,MAAM,UAAU;GACd,UAAU,aAAa;GACvB;GACA;GACA,MAAM;EACR;EAEA,OAAO,KAAK,aAAa,SAAS;GAAE,GAAG;GAAS,QAAQ,aAAa;EAAO,IAAI,OAAO;CACzF;CAEA,MAAM,gBAAgB,eACpB,CAAC,GAAG,KAAK,iBAAiB,qBAAqB,CAAC,CAAC,CAAC,MAC/C,YAAY,QAAQ,aAAa,mBAAmB,MAAM,UAC7D,KAAK;CAEP,MAAM,cAAc,SAAS,UAAgB;EAC3C,cAAc,kBAAkB,mBAAmB;EACnD,mBAAmB,CAAC;EAEpB,IAAI,CAAC,UAAU,SAAS,QAAQ;GAC9B,UAAU,IAAI,CAAC,CAAC;GAEhB;EACF;EAEA,MAAM,SAAS;EACf,MAAM,SAAS,QAAQ;EAEvB,IAAI,CAAC,UAAU,CAAC,QAAQ;GACtB,UAAU,IAAI,CAAC,CAAC;GAChB,YAAY,OAAO;GAEnB;EACF;EAEA,MAAM,QAAQ,aAAa,OAAO,UAAU;EAC5C,uBAAuB,KAAK;EAC5B,MAAM,SAAS,qBAAqB,OAAO,QAAQ,SAAS;EAC5D,mBAAmB,OAAO;EAC1B,UAAU,IAAI,gBAAgB;EAE9B,KAAK,MAAM,WAAW,kBAAkB,QAAQ,aAAa,qBAAqB,EAAE;EACpF,MAAM,SAAS,CAAC,OAAO,iBAAiB,YAAY,OAAO,mBAAmB,SAAS,UAAU;EAEjG,IAAI,UAAU,WAAW,aAAa,qBAAqB,OAAO,IAAI;GACpE,mBAAmB,OAAO;GAC1B,cAAc,sBAAsB,gBAAgB,GAAG,IAAI;EAC7D;EAEA,YAAY,MAAM;CACpB;CAEA,MAAM,iBAAiB,WAA2B;EAChD,cAAc,iBAAiB,kBAAkB;EACjD,kBAAkB,CAAC;EAEnB,IAAI,CAAC,UAAU,SAAS,UAAU,CAAC,QAAQ;GACzC,MAAM,IAAI,CAAC,CAAC;GAEZ;EACF;EAEA,MAAM,QAAQ,OAAO,QAAQ,qBAAqB,KAAK;EACvD,MAAM,SAAS,kBAAkB,OAAO,MAAM;EAE9C,IAAI,CAAC,QAAQ;GACX,MAAM,IAAI,CAAC,CAAC;GAEZ;EACF;EAEA,kBAAkB,qBAAqB,OAAO,QAAQ,SAAS,CAAC,CAAC;EAEjE,KAAK,MAAM,WAAW,iBAAiB,QAAQ,aAAa,oBAAoB,EAAE;EAClF,MAAM,IAAI,eAAe;CAC3B;CAEA,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;GAEb;EACF;EAEA,IAAI,QAAQ,SAAS,eAAe;GAClC,OAAO,QAAQ;GAEf,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;GAEA;EACF;EAEA,IAAI,QAAQ,SAAS,mBAAmB;GACtC,AAAK,QAAQ,SAAS,QAAQ,IAAI;GAElC;EACF;EAEA,IAAI,QAAQ,SAAS,gBAAgB;GACnC,IAAI,QAAQ,MAAM,aAAa,UAAU;GACzC,eAAe,QAAQ;GACvB,WAAW,aAAa,MAAM;GAE9B;EACF;EAEA,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,MAChC,mBAAmB;GAClB,IAAI,aAAa,gBAAgB;GACjC,QAAQ,aAAa,IAAI;GACzB,YAAY,OAAO,OAAO,CAAC,GAAG,QAAQ,WAAW,cAAc;GAC/D,aAAa,QAAQ;EACvB,SACM;GACJ,IAAI,aAAa,gBAAgB;GACjC,QAAQ,aAAa,sCAAsC;EAC7D,CACF;CACF,CAAC;CAED,MAAM,eAAe,UAAsB;EACzC,IAAI,CAAC,QAAQ;EACb,MAAM,SAAS,MAAM,kBAAkB,UAAU,MAAM,SAAS;EAEhE,IAAI,SAAS,UAAU;GACrB,MAAM,OAAO,QAAQ,QAAQ,SAAS;GAEtC,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;GAEzD,IAAI,YAAY,WAAW,KAAK,SAAS,QAAQ;GACjD,MAAM,eAAe;GACrB,MAAM,gBAAgB;GACtB,AAAK,QAAQ,SAAS,GAAG,YAAY,WAAW,YAAY,SAAS,YAAY,MAAM;GAEvF;EACF;EAEA,MAAM,QAAQ,QAAQ,QAAQ,qBAAqB;EACnD,MAAM,kBAAkB,OAAO,aAAa,mBAAmB;EAE/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;EAEpF,MAAM,kBAAkB;GACtB,YAAY;GACZ,IAAI,gBAAgB,KAAK,WAAW,CAAC;GACrC,QAAQ;GACR,QAAQ;GACR;EACF;EAEA,eAAe,SAAS;GAAE,GAAG;GAAiB;EAAO,IAAI;EACzD,cAAc;EAEd,MAAM,aAAa;GACjB,YAAY,aAAa;GACzB,WAAW,UAAU,KAAK,WAAW,CAAC;GACtC;GACA,MAAM;EACR;EAEA,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;CAEA,MAAM,qBAAqB,UACzB,cAAc,MAAM,kBAAkB,UAAU,MAAM,SAAS,MAAS;CAE1E,MAAM,oBAAoB,UAAwB;EAChD,IAAI,EAAE,MAAM,yBAAyB,UAAU,cAAc;CAC/D;CAEA,IAAI,iBAAiB;CAErB,MAAM,WAAW,IAAI,kBAAkB,YAAY;EACjD,IACE,QAAQ,OAAO,WAAW,OAAO,kBAAkB,WAAW,OAAO,OAAO,QAAQ,4BAA4B,CAAC,GAEjH;EAEF,IAAI,gBAAgB;EACpB,iBAAiB;EACjB,qBAAqB;GACnB,iBAAiB;GAEjB,IAAI,CAAC,QAAQ;GACb,cAAc;GACd,uBAAuB,IAAI;GAE3B,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;CAE3C,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.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    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"}
+{"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"}

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

@@ -1,55 +1,66 @@
-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-CfFFx9Ua.js";
+import { o as PublicPath } from "../../scalars-B2lgGUnj.js";
+import { t as openSitePreviewConnection } from "../../connection-CBAy2qGy.js";
+import { n as readPreviewLocation, r as withPreviewLocation } from "../../location-BTqdfIzX.js";
+import { formComponentsKey } from "../delivery/blocks.js";
 import { documentPreviewStoreKey } from "../delivery/preview.js";
-import { Schema } from "effect";
+import { mountPreviewController } from "./controller.js";
+import { t as createStudioPreviewStore } from "../../store-b2CSXgMt.js";
+import { Result, Schema } from "effect";
+import { inject, watch } from "vue";
 import { defineNuxtPlugin, navigateTo, onNuxtReady, useNuxtApp, useState } from "nuxt/app";
-import { watch } from "vue";
 
 //#region src/runtime/preview/plugin.client.ts
-var plugin_client_default = defineNuxtPlugin(() => {
-	const parameters = readPreviewLocation(new URL(window.location.href));
-	if (!parameters) return;
-	const route = () => Schema.decodeSync(PublicPath)(window.location.pathname);
-	const store = createStudioPreviewStore(route);
-	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) => {
-				const target = withPreviewLocation(new URL(path, window.location.origin), parameters);
-				await navigateTo(`${target.pathname}${target.search}${target.hash}`);
-			},
-			root: document,
-			store,
-			view: window
-		});
-		window.addEventListener("pagehide", () => {
-			stopError();
-			stopConnect();
-			unmount();
-			connection.close();
-		}, { once: true });
-	};
-	onNuxtReady(mount);
+var plugin_client_default = defineNuxtPlugin({
+	name: "cms-preview",
+	dependsOn: ["cms-blocks"],
+	setup: () => {
+		const parameters = readPreviewLocation(new URL(window.location.href));
+		if (!parameters) return;
+		const route = () => Result.getOrThrow(Schema.decodeResult(PublicPath)(window.location.pathname));
+		const forms = inject(formComponentsKey);
+		const store = createStudioPreviewStore(route, () => forms?.value ?? []);
+		const nuxtApp = useNuxtApp();
+		nuxtApp.vueApp.provide(documentPreviewStoreKey, store);
+		nuxtApp.hooks.hook("page:finish", store.routeChanged);
+		const error = useState("cms:preview-error", () => null);
+		let patchError = 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 ?? patchError
+			});
+			const stopError = watch(error, sendError, { immediate: true });
+			const stopConnect = connection.subscribe((message) => {
+				if (message.type === "studio:connect") sendError();
+			});
+			const unmount = mountPreviewController({
+				bridge: connection,
+				onPatchError: (message) => {
+					patchError = message;
+					sendError();
+				},
+				navigate: async (path) => {
+					const target = withPreviewLocation(new URL(path, window.location.origin), parameters);
+					await navigateTo(`${target.pathname}${target.search}${target.hash}`);
+				},
+				root: document,
+				store,
+				view: window
+			});
+			window.addEventListener("pagehide", () => {
+				stopError();
+				stopConnect();
+				unmount();
+				connection.close();
+			}, { once: true });
+		};
+		onNuxtReady(mount);
+	}
 });
 
 //#endregion

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"plugin.client.js","names":[],"sources":["../../../../../src/runtime/preview/plugin.client.ts"],"sourcesContent":["import { formComponentsKey } from '../delivery/blocks'\nimport { defineNuxtPlugin, navigateTo, onNuxtReady, useNuxtApp, useState } from 'nuxt/app'\nimport { inject, watch } from 'vue'\nimport { PublicPath } from '@internal/protocol/Documents'\nimport { readPreviewLocation, withPreviewLocation } from '@internal/protocol/Preview'\nimport { Result, Schema } from 'effect'\nimport { openSitePreviewConnection } from './connection'\nimport { mountPreviewController } from './controller'\nimport { createStudioPreviewStore, documentPreviewStoreKey } from './store'\n\nexport default defineNuxtPlugin({\n  name: 'cms-preview',\n  dependsOn: ['cms-blocks'],\n  setup: () => {\n    const parameters = readPreviewLocation(new URL(window.location.href))\n\n    if (!parameters) return\n    const route = () => Result.getOrThrow(Schema.decodeResult(PublicPath)(window.location.pathname))\n    const forms = inject(formComponentsKey)\n    const store = createStudioPreviewStore(route, () => forms?.value ?? [])\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    let patchError: string | null = null\n\n    const mount = async () => {\n      const connection = await openSitePreviewConnection({\n        editorOrigin: parameters.editorOrigin,\n        route: route(),\n        sessionId: parameters.sessionId,\n      })\n\n      const sendError = () => connection.send({ type: 'preview:error', message: error.value ?? patchError })\n      const stopError = watch(error, sendError, { immediate: true })\n\n      const stopConnect = connection.subscribe((message) => {\n        if (message.type === 'studio:connect') sendError()\n      })\n\n      const unmount = mountPreviewController({\n        bridge: connection,\n        onPatchError: (message) => {\n          patchError = message\n          sendError()\n        },\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\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})\n"],"mappings":";;;;;;;;;;;;AAUA,4BAAe,iBAAiB;CAC9B,MAAM;CACN,WAAW,CAAC,YAAY;CACxB,aAAa;EACX,MAAM,aAAa,oBAAoB,IAAI,IAAI,OAAO,SAAS,IAAI,CAAC;EAEpE,IAAI,CAAC,YAAY;EACjB,MAAM,cAAc,OAAO,WAAW,OAAO,aAAa,UAAU,CAAC,CAAC,OAAO,SAAS,QAAQ,CAAC;EAC/F,MAAM,QAAQ,OAAO,iBAAiB;EACtC,MAAM,QAAQ,yBAAyB,aAAa,OAAO,SAAS,CAAC,CAAC;EACtE,MAAM,UAAU,WAAW;EAC3B,QAAQ,OAAO,QAAQ,yBAAyB,KAAK;EACrD,QAAQ,MAAM,KAAK,eAAe,MAAM,YAAY;EAEpD,MAAM,QAAQ,SAAwB,2BAA2B,IAAI;EACrE,IAAI,aAA4B;EAEhC,MAAM,QAAQ,YAAY;GACxB,MAAM,aAAa,MAAM,0BAA0B;IACjD,cAAc,WAAW;IACzB,OAAO,MAAM;IACb,WAAW,WAAW;GACxB,CAAC;GAED,MAAM,kBAAkB,WAAW,KAAK;IAAE,MAAM;IAAiB,SAAS,MAAM,SAAS;GAAW,CAAC;GACrG,MAAM,YAAY,MAAM,OAAO,WAAW,EAAE,WAAW,KAAK,CAAC;GAE7D,MAAM,cAAc,WAAW,WAAW,YAAY;IACpD,IAAI,QAAQ,SAAS,kBAAkB,UAAU;GACnD,CAAC;GAED,MAAM,UAAU,uBAAuB;IACrC,QAAQ;IACR,eAAe,YAAY;KACzB,aAAa;KACb,UAAU;IACZ;IACA,UAAU,OAAO,SAAS;KACxB,MAAM,SAAS,oBAAoB,IAAI,IAAI,MAAM,OAAO,SAAS,MAAM,GAAG,UAAU;KACpF,MAAM,WAAW,GAAG,OAAO,WAAW,OAAO,SAAS,OAAO,MAAM;IACrE;IACA,MAAM;IACN;IACA,MAAM;GACR,CAAC;GAED,OAAO,iBACL,kBACM;IACJ,UAAU;IACV,YAAY;IACZ,QAAQ;IACR,AAAK,WAAW,MAAM;GACxB,GACA,EAAE,MAAM,KAAK,CACf;EACF;EAEA,YAAY,KAAK;CACnB;AACF,CAAC"}

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'\nexport const CMS_PREVIEW_INLINE_HOST_ATTRIBUTE = 'data-cms-inline-host'\nexport const CMS_PREVIEW_NODE_ATTRIBUTE = 'data-cms-node'\nexport const CMS_PREVIEW_MARKER_TAG = 'cms-studio-preview-marker'\nexport const CMS_PREVIEW_TARGET_ATTRIBUTE = 'data-cms-target'\nexport const CMS_PREVIEW_WRAPPER_ATTRIBUTE = 'data-cms-marker'\n\nexport type CmsPreviewTargetKind = 'component' | 'native' | 'slot'\n"],"mappings":";AAAA,MAAa,kCAAkC;AAC/C,MAAa,oCAAoC;AACjD,MAAa,6BAA6B;AAC1C,MAAa,yBAAyB;AACtC,MAAa,+BAA+B;AAC5C,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_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"}

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-b2CSXgMt.js";
 
 export { createStudioPreviewStore, documentPreviewStoreKey };

package/src/runtime/preview/targets.js

@@ -6,7 +6,6 @@ const TARGET_PRIORITY = {
 	native: 3,
 	slot: 2
 };
-/** Picks the deepest authorable target represented by the clicked rendered element. */
 function findPreviewNodeId(root, clicked) {
 	const candidates = collectPreviewTargets(root).filter((target) => target.elements.some((element) => element === clicked || element.contains(clicked)));
 	candidates.sort((left, right) => Number(right.kind === "native") - Number(left.kind === "native") || targetDepth(right) - targetDepth(left) || TARGET_PRIORITY[right.kind] - TARGET_PRIORITY[left.kind] || targetArea(left) - targetArea(right));

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

@@ -1 +1 @@
-{"version":3,"file":"targets.js","names":[],"sources":["../../../../../src/runtime/preview/targets.ts"],"sourcesContent":["import type { CmsPreviewTargetKind } from './protocol'\nimport {\n  CMS_PREVIEW_DECORATED_ATTRIBUTE,\n  CMS_PREVIEW_INLINE_HOST_ATTRIBUTE,\n  CMS_PREVIEW_NODE_ATTRIBUTE,\n  CMS_PREVIEW_TARGET_ATTRIBUTE,\n  CMS_PREVIEW_WRAPPER_ATTRIBUTE,\n} from './protocol'\n\ninterface PreviewTarget {\n  readonly elements: ReadonlyArray<Element>\n  readonly id: string\n  readonly kind: CmsPreviewTargetKind\n}\n\nexport interface ResolvedPreviewTarget {\n  readonly elements: ReadonlyArray<Element>\n  readonly resolvedNodeId?: string\n}\n\nconst TARGET_PRIORITY = { component: 1, native: 3, slot: 2 } satisfies Record<CmsPreviewTargetKind, number>\n\n/** Picks the deepest authorable target represented by the clicked rendered element. */\nexport function findPreviewNodeId(root: ParentNode, clicked: Element): string | undefined {\n  const candidates = collectPreviewTargets(root).filter((target) =>\n    target.elements.some((element) => element === clicked || element.contains(clicked)),\n  )\n  candidates.sort(\n    (left, right) =>\n      Number(right.kind === 'native') - Number(left.kind === 'native') ||\n      targetDepth(right) - targetDepth(left) ||\n      TARGET_PRIORITY[right.kind] - TARGET_PRIORITY[left.kind] ||\n      targetArea(left) - targetArea(right),\n  )\n  return candidates[0]?.id\n}\n\nexport function resolvePreviewTarget(\n  root: ParentNode,\n  nodeId: string,\n  fallbacks: Readonly<Record<string, string>>,\n): ResolvedPreviewTarget {\n  const visited = new Set<string>()\n  const targets = collectPreviewTargets(root)\n  let targetId: string | undefined = nodeId\n  while (targetId && !visited.has(targetId)) {\n    visited.add(targetId)\n    const elements = [\n      ...new Set(targets.filter((target) => target.id === targetId).flatMap((target) => target.elements)),\n    ]\n    if (elements.length) return { elements, resolvedNodeId: targetId }\n    targetId = fallbacks[targetId]\n  }\n  return { elements: [] }\n}\n\nexport function decoratePreviewTargets(root: ParentNode): void {\n  for (const target of collectPreviewTargets(root)) {\n    for (const element of target.elements) element.setAttribute(CMS_PREVIEW_DECORATED_ATTRIBUTE, '')\n  }\n}\n\nexport function clearPreviewTargets(root: ParentNode): void {\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\nexport function nearestPreviewElement(elements: ReadonlyArray<Element>): Element | undefined {\n  const viewportCenter = window.innerHeight / 2\n  return [...elements].sort(\n    (left, right) => viewportDistance(left, viewportCenter) - viewportDistance(right, viewportCenter),\n  )[0]\n}\n\nfunction collectPreviewTargets(root: ParentNode): ReadonlyArray<PreviewTarget> {\n  return [...root.querySelectorAll(`[${CMS_PREVIEW_NODE_ATTRIBUTE}]`)].flatMap((marker) => {\n    const id = marker.getAttribute(CMS_PREVIEW_NODE_ATTRIBUTE)\n    const kind = previewTargetKind(marker.getAttribute(CMS_PREVIEW_TARGET_ATTRIBUTE))\n    return id && kind ? [{ elements: resolveMarkerElements(marker, kind), id, kind }] : []\n  })\n}\n\nfunction resolveMarkerElements(marker: Element, kind: CmsPreviewTargetKind): ReadonlyArray<Element> {\n  const isWrapper = marker.hasAttribute(CMS_PREVIEW_WRAPPER_ATTRIBUTE)\n  if (marker.hasAttribute(CMS_PREVIEW_INLINE_HOST_ATTRIBUTE) && isConcreteElement(marker)) return [marker]\n  if (!isWrapper && isConcreteElement(marker)) return [marker]\n  const children = [...marker.children].filter(isConcreteElement)\n  if (isWrapper && children.length) return children\n  if (isWrapper && (kind === 'native' || kind === 'slot')) {\n    const parent = marker.parentElement\n    return parent && isConcreteElement(parent) ? [parent] : []\n  }\n  return children\n}\n\nfunction isConcreteElement(element: Element): boolean {\n  const view = element.ownerDocument.defaultView\n  if (!view || view.getComputedStyle(element).display === 'contents') return false\n  return [...element.getClientRects()].some((rect) => rect.width > 0 && rect.height > 0)\n}\n\nfunction previewTargetKind(value: string | null): CmsPreviewTargetKind | undefined {\n  return value === 'component' || value === 'native' || value === 'slot' ? value : undefined\n}\n\nfunction targetDepth(target: PreviewTarget): number {\n  return Math.max(0, ...target.elements.map(elementDepth))\n}\n\nfunction elementDepth(element: Element): number {\n  let depth = 0\n  let current = element.parentElement\n  while (current) {\n    depth++\n    current = current.parentElement\n  }\n  return depth\n}\n\nfunction targetArea(target: PreviewTarget): number {\n  return Math.min(\n    Infinity,\n    ...target.elements.map((element) => {\n      const rect = element.getBoundingClientRect()\n      return rect.width * rect.height\n    }),\n  )\n}\n\nfunction viewportDistance(element: Element, viewportCenter: number): number {\n  const rect = element.getBoundingClientRect()\n  const visible = rect.bottom >= 0 && rect.top <= window.innerHeight\n  const distance = Math.abs((rect.top + rect.bottom) / 2 - viewportCenter)\n  return visible ? distance : window.innerHeight + distance\n}\n"],"mappings":"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"}
+{"version":3,"file":"targets.js","names":[],"sources":["../../../../../src/runtime/preview/targets.ts"],"sourcesContent":["import type { CmsPreviewTargetKind } from './protocol'\nimport {\n  CMS_PREVIEW_DECORATED_ATTRIBUTE,\n  CMS_PREVIEW_INLINE_HOST_ATTRIBUTE,\n  CMS_PREVIEW_NODE_ATTRIBUTE,\n  CMS_PREVIEW_TARGET_ATTRIBUTE,\n  CMS_PREVIEW_WRAPPER_ATTRIBUTE,\n} from './protocol'\n\ninterface PreviewTarget {\n  readonly elements: ReadonlyArray<Element>\n  readonly id: string\n  readonly kind: CmsPreviewTargetKind\n}\n\nexport interface ResolvedPreviewTarget {\n  readonly elements: ReadonlyArray<Element>\n  readonly resolvedNodeId?: string\n}\n\nconst TARGET_PRIORITY = { component: 1, native: 3, slot: 2 } satisfies Record<CmsPreviewTargetKind, number>\n\nexport function findPreviewNodeId(root: ParentNode, clicked: Element): string | undefined {\n  const candidates = collectPreviewTargets(root).filter((target) =>\n    target.elements.some((element) => element === clicked || element.contains(clicked)),\n  )\n\n  candidates.sort(\n    (left, right) =>\n      Number(right.kind === 'native') - Number(left.kind === 'native') ||\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]?.id\n}\n\nexport function resolvePreviewTarget(\n  root: ParentNode,\n  nodeId: string,\n  fallbacks: Readonly<Record<string, string>>,\n): ResolvedPreviewTarget {\n  const visited = new Set<string>()\n  const targets = collectPreviewTargets(root)\n  let targetId: string | undefined = nodeId\n\n  while (targetId && !visited.has(targetId)) {\n    visited.add(targetId)\n\n    const elements = [\n      ...new Set(targets.filter((target) => target.id === targetId).flatMap((target) => target.elements)),\n    ]\n\n    if (elements.length) return { elements, resolvedNodeId: targetId }\n    targetId = fallbacks[targetId]\n  }\n\n  return { elements: [] }\n}\n\nexport function decoratePreviewTargets(root: ParentNode): void {\n  for (const target of collectPreviewTargets(root)) {\n    for (const element of target.elements) element.setAttribute(CMS_PREVIEW_DECORATED_ATTRIBUTE, '')\n  }\n}\n\nexport function clearPreviewTargets(root: ParentNode): void {\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\nexport function nearestPreviewElement(elements: ReadonlyArray<Element>): Element | undefined {\n  const viewportCenter = window.innerHeight / 2\n\n  return [...elements].sort(\n    (left, right) => viewportDistance(left, viewportCenter) - viewportDistance(right, viewportCenter),\n  )[0]\n}\n\nfunction collectPreviewTargets(root: ParentNode): ReadonlyArray<PreviewTarget> {\n  return [...root.querySelectorAll(`[${CMS_PREVIEW_NODE_ATTRIBUTE}]`)].flatMap((marker) => {\n    const id = marker.getAttribute(CMS_PREVIEW_NODE_ATTRIBUTE)\n    const kind = previewTargetKind(marker.getAttribute(CMS_PREVIEW_TARGET_ATTRIBUTE))\n\n    return id && kind ? [{ elements: resolveMarkerElements(marker, kind), id, kind }] : []\n  })\n}\n\nfunction resolveMarkerElements(marker: Element, kind: CmsPreviewTargetKind): ReadonlyArray<Element> {\n  const isWrapper = marker.hasAttribute(CMS_PREVIEW_WRAPPER_ATTRIBUTE)\n\n  if (marker.hasAttribute(CMS_PREVIEW_INLINE_HOST_ATTRIBUTE) && isConcreteElement(marker)) return [marker]\n\n  if (!isWrapper && isConcreteElement(marker)) return [marker]\n  const children = [...marker.children].filter(isConcreteElement)\n\n  if (isWrapper && children.length) return children\n\n  if (isWrapper && (kind === 'native' || kind === 'slot')) {\n    const parent = marker.parentElement\n\n    return parent && isConcreteElement(parent) ? [parent] : []\n  }\n\n  return children\n}\n\nfunction isConcreteElement(element: Element): boolean {\n  const view = element.ownerDocument.defaultView\n\n  if (!view || view.getComputedStyle(element).display === 'contents') return false\n\n  return [...element.getClientRects()].some((rect) => rect.width > 0 && rect.height > 0)\n}\n\nfunction previewTargetKind(value: string | null): CmsPreviewTargetKind | undefined {\n  return value === 'component' || value === 'native' || value === 'slot' ? value : undefined\n}\n\nfunction targetDepth(target: PreviewTarget): number {\n  return Math.max(0, ...target.elements.map(elementDepth))\n}\n\nfunction elementDepth(element: Element): number {\n  let depth = 0\n  let current = element.parentElement\n\n  while (current) {\n    depth++\n    current = current.parentElement\n  }\n\n  return depth\n}\n\nfunction targetArea(target: PreviewTarget): number {\n  return Math.min(\n    Infinity,\n    ...target.elements.map((element) => {\n      const rect = element.getBoundingClientRect()\n\n      return rect.width * rect.height\n    }),\n  )\n}\n\nfunction viewportDistance(element: Element, viewportCenter: number): number {\n  const rect = element.getBoundingClientRect()\n  const visible = rect.bottom >= 0 && rect.top <= window.innerHeight\n  const distance = Math.abs((rect.top + rect.bottom) / 2 - viewportCenter)\n\n  return visible ? distance : window.innerHeight + distance\n}\n"],"mappings":"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"}