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

package/src/runtime/delivery/context.js

@@ -1,4 +1,4 @@
-import { n as readPreviewLocation } from "../../location-DtYv2aes.js";
+import { n as readPreviewLocation } from "../../location-BTqdfIzX.js";
 import { useRequestURL, useState } from "nuxt/app";
 
 //#region src/runtime/delivery/context.ts

package/src/runtime/delivery/document-page.js

@@ -2,21 +2,21 @@ import DocumentRenderer_default from "./DocumentRenderer.js";
 import { h } from "vue";
 
 //#region src/runtime/delivery/document-page.ts
-function resolveDocumentPage(request, registerMetadata) {
-	registerMetadata({
-		description: () => request.page()?.description,
-		title: () => request.page()?.title
-	});
-	return request.ready.then(() => {
-		const failure = request.error() ?? (!request.page() ? request.notFound() : void 0);
+function resolveDocumentPage(request) {
+	function render() {
+		const error = request.error();
+		const page = request.page();
+		const failure = error ?? (!page ? request.notFound() : void 0);
 		if (failure) {
-			if (request.renderError) return request.renderError(failure);
+			if (request.renderError) return request.renderError(failure)();
 			throw failure;
 		}
-		return () => {
-			const page = request.page();
-			return page ? h(DocumentRenderer_default, { value: page }) : void 0;
-		};
+		return page ? h(DocumentRenderer_default, { value: page }) : void 0;
+	}
+	return request.ready.then(() => {
+		const failure = request.error() ?? (!request.page() ? request.notFound() : void 0);
+		if (failure && !request.renderError) throw failure;
+		return render;
 	});
 }
 

package/src/runtime/delivery/document-page.js.map

@@ -1 +1 @@
-{"version":3,"file":"document-page.js","names":["DocumentRenderer"],"sources":["../../../../../src/runtime/delivery/document-page.ts"],"sourcesContent":["import type { VNode } from 'vue'\nimport type { DeliveryDocument } from './types'\nimport { h } from 'vue'\nimport DocumentRenderer from './DocumentRenderer'\n\nexport interface DocumentPageMetadata {\n  readonly description: () => string | undefined\n  readonly title: () => string | undefined\n}\n\nexport interface DocumentPageRequest {\n  readonly error: () => Error | undefined\n  readonly notFound: () => Error\n  readonly page: () => DeliveryDocument | null\n  readonly renderError?: ((error: Error) => () => VNode) | undefined\n  readonly ready: Promise<unknown>\n}\n\nexport function resolveDocumentPage(\n  request: DocumentPageRequest,\n  registerMetadata: (metadata: DocumentPageMetadata) => void,\n): Promise<() => VNode | undefined> {\n  registerMetadata({\n    description: () => request.page()?.description,\n    title: () => request.page()?.title,\n  })\n\n  return request.ready.then(() => {\n    const error = request.error()\n    const failure = error ?? (!request.page() ? request.notFound() : undefined)\n    if (failure) {\n      if (request.renderError) return request.renderError(failure)\n      throw failure\n    }\n\n    return () => {\n      const page = request.page()\n      return page ? h(DocumentRenderer, { value: page }) : undefined\n    }\n  })\n}\n"],"mappings":";;;;AAkBA,SAAgB,oBACd,SACA,kBACkC;CAClC,iBAAiB;EACf,mBAAmB,QAAQ,KAAK,CAAC,EAAE;EACnC,aAAa,QAAQ,KAAK,CAAC,EAAE;CAC/B,CAAC;CAED,OAAO,QAAQ,MAAM,WAAW;EAE9B,MAAM,UADQ,QAAQ,MACF,MAAM,CAAC,QAAQ,KAAK,IAAI,QAAQ,SAAS,IAAI;EACjE,IAAI,SAAS;GACX,IAAI,QAAQ,aAAa,OAAO,QAAQ,YAAY,OAAO;GAC3D,MAAM;EACR;EAEA,aAAa;GACX,MAAM,OAAO,QAAQ,KAAK;GAC1B,OAAO,OAAO,EAAEA,0BAAkB,EAAE,OAAO,KAAK,CAAC,IAAI;EACvD;CACF,CAAC;AACH"}
+{"version":3,"file":"document-page.js","names":["DocumentRenderer"],"sources":["../../../../../src/runtime/delivery/document-page.ts"],"sourcesContent":["import type { VNode } from 'vue'\nimport type { DeliveryDocument } from './types'\nimport { h } from 'vue'\nimport DocumentRenderer from './DocumentRenderer'\n\nexport interface DocumentPageRequest {\n  readonly error: () => Error | undefined\n  readonly notFound: () => Error\n  readonly page: () => DeliveryDocument | null\n  readonly renderError?: ((error: Error) => () => VNode) | undefined\n  readonly ready: Promise<unknown>\n}\n\nexport function resolveDocumentPage(request: DocumentPageRequest): Promise<() => VNode | undefined> {\n  function render(): VNode | undefined {\n    const error = request.error()\n    const page = request.page()\n    const failure = error ?? (!page ? request.notFound() : undefined)\n\n    if (failure) {\n      if (request.renderError) return request.renderError(failure)()\n      throw failure\n    }\n\n    return page ? h(DocumentRenderer, { value: page }) : undefined\n  }\n\n  return request.ready.then(() => {\n    // Reject initial delivery failures during setup so Nuxt can set the HTTP status.\n    const failure = request.error() ?? (!request.page() ? request.notFound() : undefined)\n\n    if (failure && !request.renderError) throw failure\n\n    return render\n  })\n}\n"],"mappings":";;;;AAaA,SAAgB,oBAAoB,SAAgE;CAClG,SAAS,SAA4B;EACnC,MAAM,QAAQ,QAAQ,MAAM;EAC5B,MAAM,OAAO,QAAQ,KAAK;EAC1B,MAAM,UAAU,UAAU,CAAC,OAAO,QAAQ,SAAS,IAAI;EAEvD,IAAI,SAAS;GACX,IAAI,QAAQ,aAAa,OAAO,QAAQ,YAAY,OAAO,CAAC,CAAC;GAC7D,MAAM;EACR;EAEA,OAAO,OAAO,EAAEA,0BAAkB,EAAE,OAAO,KAAK,CAAC,IAAI;CACvD;CAEA,OAAO,QAAQ,MAAM,WAAW;EAE9B,MAAM,UAAU,QAAQ,MAAM,MAAM,CAAC,QAAQ,KAAK,IAAI,QAAQ,SAAS,IAAI;EAE3E,IAAI,WAAW,CAAC,QAAQ,aAAa,MAAM;EAE3C,OAAO;CACT,CAAC;AACH"}

package/src/runtime/delivery/document.js

@@ -2,8 +2,9 @@ import { usePreviewDelivery } from "./context.js";
 import { resolveDocumentPage } from "./document-page.js";
 import { previewErrorMessage } from "./error.js";
 import { useDocument } from "./useDocument.js";
-import { createError, defineNuxtComponent, useRoute, useSeoMeta, useState } from "nuxt/app";
+import { useCmsDocumentSeo } from "./useCmsDocumentSeo.js";
 import { h } from "vue";
+import { createError, defineNuxtComponent, useRoute, useState } from "nuxt/app";
 
 //#region src/runtime/delivery/document.ts
 var document_default = defineNuxtComponent({
@@ -13,6 +14,7 @@ var document_default = defineNuxtComponent({
 		const preview = usePreviewDelivery();
 		const previewError = useState("cms:preview-error", () => null);
 		const request = useDocument(() => route.path);
+		useCmsDocumentSeo(() => request.data.value);
 		return resolveDocumentPage({
 			error: () => request.error.value,
 			renderError: preview.value ? (error) => {
@@ -32,7 +34,7 @@ var document_default = defineNuxtComponent({
 				return request.data.value;
 			},
 			ready: request
-		}, useSeoMeta);
+		});
 	}
 });
 

package/src/runtime/delivery/document.js.map

@@ -1 +1 @@
-{"version":3,"file":"document.js","names":[],"sources":["../../../../../src/runtime/delivery/document.ts"],"sourcesContent":["import { createError, defineNuxtComponent, useRoute, useSeoMeta, useState } from 'nuxt/app'\nimport { h } from 'vue'\nimport { usePreviewDelivery } from './context'\nimport { previewErrorMessage } from './error'\nimport { resolveDocumentPage } from './document-page'\nimport { useDocument } from './useDocument'\n\nexport default defineNuxtComponent({\n  name: 'CmsDocumentPage',\n  setup() {\n    const route = useRoute()\n    const preview = usePreviewDelivery()\n    const previewError = useState<string | null>('cms:preview-error', () => null)\n    const request = useDocument(() => route.path)\n    return resolveDocumentPage(\n      {\n        error: () => request.error.value,\n        renderError: preview.value\n          ? (error) => {\n              const status = createError(error).statusCode ?? 500\n              previewError.value = previewErrorMessage(status)\n              return () => h('p', { role: 'alert', class: 'p-6' }, previewError.value ?? '')\n            }\n          : undefined,\n        notFound: () =>\n          createError({\n            statusCode: 404,\n            statusMessage: 'Document not found',\n          }),\n        page: () => {\n          if (request.data.value) previewError.value = null\n          return request.data.value\n        },\n        ready: request,\n      },\n      useSeoMeta,\n    )\n  },\n})\n"],"mappings":";;;;;;;;AAOA,uBAAe,oBAAoB;CACjC,MAAM;CACN,QAAQ;EACN,MAAM,QAAQ,SAAS;EACvB,MAAM,UAAU,mBAAmB;EACnC,MAAM,eAAe,SAAwB,2BAA2B,IAAI;EAC5E,MAAM,UAAU,kBAAkB,MAAM,IAAI;EAC5C,OAAO,oBACL;GACE,aAAa,QAAQ,MAAM;GAC3B,aAAa,QAAQ,SAChB,UAAU;IACT,MAAM,SAAS,YAAY,KAAK,CAAC,CAAC,cAAc;IAChD,aAAa,QAAQ,oBAAoB,MAAM;IAC/C,aAAa,EAAE,KAAK;KAAE,MAAM;KAAS,OAAO;IAAM,GAAG,aAAa,SAAS,EAAE;GAC/E,IACA;GACJ,gBACE,YAAY;IACV,YAAY;IACZ,eAAe;GACjB,CAAC;GACH,YAAY;IACV,IAAI,QAAQ,KAAK,OAAO,aAAa,QAAQ;IAC7C,OAAO,QAAQ,KAAK;GACtB;GACA,OAAO;EACT,GACA,UACF;CACF;AACF,CAAC"}
+{"version":3,"file":"document.js","names":[],"sources":["../../../../../src/runtime/delivery/document.ts"],"sourcesContent":["import { createError, defineNuxtComponent, useRoute, useState } from 'nuxt/app'\nimport { h } from 'vue'\nimport { usePreviewDelivery } from './context'\nimport { previewErrorMessage } from './error'\nimport { resolveDocumentPage } from './document-page'\nimport { useDocument } from './useDocument'\nimport { useCmsDocumentSeo } from './useCmsDocumentSeo'\n\nexport default defineNuxtComponent({\n  name: 'CmsDocumentPage',\n  setup() {\n    const route = useRoute()\n    const preview = usePreviewDelivery()\n    const previewError = useState<string | null>('cms:preview-error', () => null)\n    const request = useDocument(() => route.path)\n\n    useCmsDocumentSeo(() => request.data.value)\n\n    return resolveDocumentPage({\n      error: () => request.error.value,\n      renderError: preview.value\n        ? (error) => {\n            const status = createError(error).statusCode ?? 500\n            previewError.value = previewErrorMessage(status)\n\n            return () => h('p', { role: 'alert', class: 'p-6' }, previewError.value ?? '')\n          }\n        : undefined,\n      notFound: () =>\n        createError({\n          statusCode: 404,\n          statusMessage: 'Document not found',\n        }),\n      page: () => {\n        if (request.data.value) previewError.value = null\n\n        return request.data.value\n      },\n      ready: request,\n    })\n  },\n})\n"],"mappings":";;;;;;;;;AAQA,uBAAe,oBAAoB;CACjC,MAAM;CACN,QAAQ;EACN,MAAM,QAAQ,SAAS;EACvB,MAAM,UAAU,mBAAmB;EACnC,MAAM,eAAe,SAAwB,2BAA2B,IAAI;EAC5E,MAAM,UAAU,kBAAkB,MAAM,IAAI;EAE5C,wBAAwB,QAAQ,KAAK,KAAK;EAE1C,OAAO,oBAAoB;GACzB,aAAa,QAAQ,MAAM;GAC3B,aAAa,QAAQ,SAChB,UAAU;IACT,MAAM,SAAS,YAAY,KAAK,CAAC,CAAC,cAAc;IAChD,aAAa,QAAQ,oBAAoB,MAAM;IAE/C,aAAa,EAAE,KAAK;KAAE,MAAM;KAAS,OAAO;IAAM,GAAG,aAAa,SAAS,EAAE;GAC/E,IACA;GACJ,gBACE,YAAY;IACV,YAAY;IACZ,eAAe;GACjB,CAAC;GACH,YAAY;IACV,IAAI,QAAQ,KAAK,OAAO,aAAa,QAAQ;IAE7C,OAAO,QAAQ,KAAK;GACtB;GACA,OAAO;EACT,CAAC;CACH;AACF,CAAC"}

package/src/runtime/delivery/error.js.map

@@ -1 +1 @@
-{"version":3,"file":"error.js","names":[],"sources":["../../../../../src/runtime/delivery/error.ts"],"sourcesContent":["export function previewErrorMessage(status: number): string {\n  if (status === 401) return 'Your session has expired. Sign in to Studio and reload the preview.'\n  if (status === 403) return 'You do not have permission to preview this page.'\n  if (status === 404) return 'This page could not be found. It may have moved or been deleted.'\n  return 'The preview could not load. Try reloading the page.'\n}\n"],"mappings":";AAAA,SAAgB,oBAAoB,QAAwB;CAC1D,IAAI,WAAW,KAAK,OAAO;CAC3B,IAAI,WAAW,KAAK,OAAO;CAC3B,IAAI,WAAW,KAAK,OAAO;CAC3B,OAAO;AACT"}
+{"version":3,"file":"error.js","names":[],"sources":["../../../../../src/runtime/delivery/error.ts"],"sourcesContent":["export function previewErrorMessage(status: number): string {\n  if (status === 401) return 'Your session has expired. Sign in to Studio and reload the preview.'\n\n  if (status === 403) return 'You do not have permission to preview this page.'\n\n  if (status === 404) return 'This page could not be found. It may have moved or been deleted.'\n\n  return 'The preview could not load. Try reloading the page.'\n}\n"],"mappings":";AAAA,SAAgB,oBAAoB,QAAwB;CAC1D,IAAI,WAAW,KAAK,OAAO;CAE3B,IAAI,WAAW,KAAK,OAAO;CAE3B,IAAI,WAAW,KAAK,OAAO;CAE3B,OAAO;AACT"}

package/src/runtime/delivery/plugin.js

@@ -1,9 +1,35 @@
-import { n as readPreviewLocation, t as previewRedirect } from "../../location-DtYv2aes.js";
+import { n as readPreviewLocation, t as previewRedirect } from "../../location-BTqdfIzX.js";
 import { usePreviewDelivery } from "./context.js";
-import { addRouteMiddleware, defineNuxtPlugin, useRequestURL, useResponseHeader } from "nuxt/app";
+import { installCmsDocumentSeoAdapters } from "./useCmsDocumentSeo.js";
+import { localeFromPath } from "../i18n/translator.js";
+import { computed, watch } from "vue";
+import { addRouteMiddleware, defineNuxtPlugin, useHead, useRequestURL, useResponseHeader, useRoute, useSeoMeta } from "nuxt/app";
+import configuration from "#cms/i18n";
+import { useRobotsRule, useSchemaOrg } from "#imports";
 
 //#region src/runtime/delivery/plugin.ts
 var plugin_default = defineNuxtPlugin(() => {
+	if (configuration.defaultLocale) {
+		const route = useRoute();
+		useHead({ htmlAttrs: { lang: computed(() => localeFromPath(configuration, route.path)) } });
+	}
+	installCmsDocumentSeoAdapters({
+		head: (input) => {
+			useHead(input);
+		},
+		robots: (input) => {
+			const robots = useRobotsRule(input);
+			if (import.meta.server) watch(input, (value) => {
+				robots.value = value;
+			}, { flush: "sync" });
+		},
+		schema: (input) => {
+			useSchemaOrg(input);
+		},
+		seoMeta: (input) => {
+			useSeoMeta(input);
+		}
+	});
 	const url = useRequestURL();
 	const parameters = readPreviewLocation(url);
 	if (!usePreviewDelivery().value || !parameters) return;

package/src/runtime/delivery/plugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.js","names":[],"sources":["../../../../../src/runtime/delivery/plugin.ts"],"sourcesContent":["import { addRouteMiddleware, defineNuxtPlugin, useRequestURL, useResponseHeader } from 'nuxt/app'\nimport { previewRedirect, readPreviewLocation } from '@internal/protocol/Preview'\nimport { usePreviewDelivery } from './context'\n\nexport default defineNuxtPlugin(() => {\n  const url = useRequestURL()\n  const parameters = readPreviewLocation(url)\n  const preview = usePreviewDelivery()\n  if (!preview.value || !parameters) return\n  if (import.meta.server) {\n    useResponseHeader('cache-control').value = 'private, no-store'\n    useResponseHeader('x-frame-options').value = 'SAMEORIGIN'\n  }\n  addRouteMiddleware(\n    'cms-preview',\n    (to) => {\n      return previewRedirect(new URL(to.fullPath, url.origin), parameters)\n    },\n    { global: true },\n  )\n})\n"],"mappings":";;;;;AAIA,qBAAe,uBAAuB;CACpC,MAAM,MAAM,cAAc;CAC1B,MAAM,aAAa,oBAAoB,GAAG;CAE1C,IAAI,CADY,mBACL,CAAC,CAAC,SAAS,CAAC,YAAY;CACnC,IAAI,YAAY,QAAQ;EACtB,kBAAkB,eAAe,CAAC,CAAC,QAAQ;EAC3C,kBAAkB,iBAAiB,CAAC,CAAC,QAAQ;CAC/C;CACA,mBACE,gBACC,OAAO;EACN,OAAO,gBAAgB,IAAI,IAAI,GAAG,UAAU,IAAI,MAAM,GAAG,UAAU;CACrE,GACA,EAAE,QAAQ,KAAK,CACjB;AACF,CAAC"}
+{"version":3,"file":"plugin.js","names":[],"sources":["../../../../../src/runtime/delivery/plugin.ts"],"sourcesContent":["import configuration from '#cms/i18n'\nimport {\n  addRouteMiddleware,\n  defineNuxtPlugin,\n  useHead,\n  useRequestURL,\n  useResponseHeader,\n  useRoute,\n  useSeoMeta,\n} from 'nuxt/app'\nimport { useRobotsRule, useSchemaOrg } from '#imports'\nimport { previewRedirect, readPreviewLocation } from '@internal/protocol/Preview'\nimport { computed, watch } from 'vue'\nimport { usePreviewDelivery } from './context'\nimport { installCmsDocumentSeoAdapters } from './useCmsDocumentSeo'\nimport { localeFromPath } from '../i18n/translator'\n\nexport default defineNuxtPlugin(() => {\n  if (configuration.defaultLocale) {\n    const route = useRoute()\n\n    useHead({ htmlAttrs: { lang: computed(() => localeFromPath(configuration, route.path)) } })\n  }\n\n  installCmsDocumentSeoAdapters({\n    head: (input) => {\n      useHead(input)\n    },\n    robots: (input) => {\n      const robots = useRobotsRule(input)\n\n      if (import.meta.server) {\n        watch(\n          input,\n          (value) => {\n            robots.value = value\n          },\n          { flush: 'sync' },\n        )\n      }\n    },\n    schema: (input) => {\n      useSchemaOrg(input)\n    },\n    seoMeta: (input) => {\n      useSeoMeta(input)\n    },\n  })\n\n  const url = useRequestURL()\n  const parameters = readPreviewLocation(url)\n  const preview = usePreviewDelivery()\n\n  if (!preview.value || !parameters) return\n\n  if (import.meta.server) {\n    useResponseHeader('cache-control').value = 'private, no-store'\n    useResponseHeader('x-frame-options').value = 'SAMEORIGIN'\n  }\n\n  addRouteMiddleware(\n    'cms-preview',\n    (to) => {\n      return previewRedirect(new URL(to.fullPath, url.origin), parameters)\n    },\n    { global: true },\n  )\n})\n"],"mappings":";;;;;;;;;;AAiBA,qBAAe,uBAAuB;CACpC,IAAI,cAAc,eAAe;EAC/B,MAAM,QAAQ,SAAS;EAEvB,QAAQ,EAAE,WAAW,EAAE,MAAM,eAAe,eAAe,eAAe,MAAM,IAAI,CAAC,EAAE,EAAE,CAAC;CAC5F;CAEA,8BAA8B;EAC5B,OAAO,UAAU;GACf,QAAQ,KAAK;EACf;EACA,SAAS,UAAU;GACjB,MAAM,SAAS,cAAc,KAAK;GAElC,IAAI,YAAY,QACd,MACE,QACC,UAAU;IACT,OAAO,QAAQ;GACjB,GACA,EAAE,OAAO,OAAO,CAClB;EAEJ;EACA,SAAS,UAAU;GACjB,aAAa,KAAK;EACpB;EACA,UAAU,UAAU;GAClB,WAAW,KAAK;EAClB;CACF,CAAC;CAED,MAAM,MAAM,cAAc;CAC1B,MAAM,aAAa,oBAAoB,GAAG;CAG1C,IAAI,CAFY,mBAEL,CAAC,CAAC,SAAS,CAAC,YAAY;CAEnC,IAAI,YAAY,QAAQ;EACtB,kBAAkB,eAAe,CAAC,CAAC,QAAQ;EAC3C,kBAAkB,iBAAiB,CAAC,CAAC,QAAQ;CAC/C;CAEA,mBACE,gBACC,OAAO;EACN,OAAO,gBAAgB,IAAI,IAAI,GAAG,UAAU,IAAI,MAAM,GAAG,UAAU;CACrE,GACA,EAAE,QAAQ,KAAK,CACjB;AACF,CAAC"}

package/src/runtime/delivery/types.d.ts

@@ -1,3 +1,5 @@
+import { n as ResolvedSeo, t as DocumentSeo } from "../../Seo-402YumpT.js";
+import { DateTime } from "effect";
 //#region src/runtime/delivery/types.d.ts
 export type DeliveryJson = null | boolean | number | string | ReadonlyArray<DeliveryJson> | DeliveryJsonObject;
 export interface DeliveryJsonObject {
@@ -40,6 +42,8 @@ export interface DeliveryDocument {
   readonly key: string;
   readonly locale?: string;
   readonly path: string;
+  readonly resolvedSeo?: ResolvedSeo;
+  readonly seo?: DocumentSeo;
   readonly source: {
     readonly mappings: ReadonlyArray<{
       readonly nodePath: ReadonlyArray<number>;
@@ -57,6 +61,7 @@ export interface DeliveryDocument {
       };
     }>;
     readonly path: string;
+    readonly publishedAt?: DateTime.Utc;
   };
   readonly title: string;
 }

package/src/runtime/delivery/useCmsDocumentSeo.d.ts

@@ -0,0 +1,59 @@
+import { i as SiteIdentity } from "../../Seo-402YumpT.js";
+import { DeliveryDocument } from "./types.js";
+import { ComputedRef, MaybeRefOrGetter } from "vue";
+//#region src/runtime/delivery/useCmsDocumentSeo.d.ts
+type ReactiveMetadataValue = () => string | undefined;
+export interface CmsSeoMetadata {
+  readonly title: ReactiveMetadataValue;
+  readonly description: ReactiveMetadataValue;
+  readonly ogTitle: ReactiveMetadataValue;
+  readonly ogDescription: ReactiveMetadataValue;
+  readonly ogImage: ReactiveMetadataValue;
+  readonly ogImageAlt: ReactiveMetadataValue;
+  readonly robots: ReactiveMetadataValue;
+}
+interface CmsIdentitySchemaNode {
+  readonly '@type': SiteIdentity['type'];
+  readonly name: string;
+  readonly url?: string;
+  readonly image?: string;
+  readonly logo?: string;
+  readonly telephone?: string;
+  readonly address?: NonNullable<Extract<SiteIdentity, {
+    readonly type: 'LocalBusiness';
+  }>['address']>;
+}
+interface CmsPageSchemaNode {
+  readonly '@type': 'Article' | 'WebPage';
+  readonly name: string;
+  readonly description?: string;
+  readonly image?: string;
+  readonly url?: string;
+  readonly headline?: string;
+  readonly datePublished?: string;
+  readonly dateModified?: string;
+}
+export type CmsSeoSchemaNode = CmsIdentitySchemaNode | CmsPageSchemaNode;
+export interface CmsDocumentSeoAdapters {
+  readonly head: (input: () => {
+    htmlAttrs?: {
+      lang: string;
+    };
+    link: Array<{
+      href: string;
+      rel: 'canonical';
+    }>;
+    titleTemplate: null;
+  }) => void;
+  readonly robots: (input: ComputedRef<{
+    readonly follow: boolean;
+    readonly index: boolean;
+  }>) => void;
+  readonly schema: (input: ComputedRef<ReadonlyArray<CmsSeoSchemaNode>>) => void;
+  readonly seoMeta: (input: CmsSeoMetadata) => void;
+}
+/** Installs Nuxt's composables once before document page setup. */
+export declare function installCmsDocumentSeoAdapters(adapters: CmsDocumentSeoAdapters): void;
+export declare function useCmsDocumentSeo(document: MaybeRefOrGetter<DeliveryDocument | null>): void;
+//#endregion
+//# sourceMappingURL=useCmsDocumentSeo.d.ts.map

package/src/runtime/delivery/useCmsDocumentSeo.js

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

package/src/runtime/delivery/useCmsDocumentSeo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCmsDocumentSeo.js","names":[],"sources":["../../../../../src/runtime/delivery/useCmsDocumentSeo.ts"],"sourcesContent":["import type { ResolvedSeo, SiteIdentity } from '@internal/protocol/Seo'\nimport type { ComputedRef, MaybeRefOrGetter } from 'vue'\nimport type { DeliveryDocument } from './types'\nimport { computed, toValue } from 'vue'\n\ntype ReactiveMetadataValue = () => string | undefined\n\nexport interface CmsSeoMetadata {\n  readonly title: ReactiveMetadataValue\n  readonly description: ReactiveMetadataValue\n  readonly ogTitle: ReactiveMetadataValue\n  readonly ogDescription: ReactiveMetadataValue\n  readonly ogImage: ReactiveMetadataValue\n  readonly ogImageAlt: ReactiveMetadataValue\n  readonly robots: ReactiveMetadataValue\n}\n\ninterface CmsIdentitySchemaNode {\n  readonly '@type': SiteIdentity['type']\n  readonly name: string\n  readonly url?: string\n  readonly image?: string\n  readonly logo?: string\n  readonly telephone?: string\n  readonly address?: NonNullable<Extract<SiteIdentity, { readonly type: 'LocalBusiness' }>['address']>\n}\n\ninterface CmsPageSchemaNode {\n  readonly '@type': 'Article' | 'WebPage'\n  readonly name: string\n  readonly description?: string\n  readonly image?: string\n  readonly url?: string\n  readonly headline?: string\n  readonly datePublished?: string\n  readonly dateModified?: string\n}\n\nexport type CmsSeoSchemaNode = CmsIdentitySchemaNode | CmsPageSchemaNode\n\ntype EffectiveSeo = Omit<ResolvedSeo, 'canonicalUrl'> & {\n  readonly canonicalUrl?: ResolvedSeo['canonicalUrl']\n}\n\nexport interface CmsDocumentSeoAdapters {\n  readonly head: (\n    input: () => {\n      htmlAttrs?: { lang: string }\n      link: Array<{ href: string; rel: 'canonical' }>\n      titleTemplate: null\n    },\n  ) => void\n  readonly robots: (input: ComputedRef<{ readonly follow: boolean; readonly index: boolean }>) => void\n  readonly schema: (input: ComputedRef<ReadonlyArray<CmsSeoSchemaNode>>) => void\n  readonly seoMeta: (input: CmsSeoMetadata) => void\n}\n\nlet installedAdapters: CmsDocumentSeoAdapters | undefined\n\n/** Installs Nuxt's composables once before document page setup. */\nexport function installCmsDocumentSeoAdapters(adapters: CmsDocumentSeoAdapters): void {\n  installedAdapters = adapters\n}\n\nexport function useCmsDocumentSeo(document: MaybeRefOrGetter<DeliveryDocument | null>): void {\n  const adapters = installedCmsDocumentSeoAdapters()\n  const current = computed(() => toValue(document))\n  const seo = computed(() => resolvedSeo(current.value))\n\n  adapters.seoMeta({\n    title: () => seo.value?.title,\n    description: () => seo.value?.description,\n    ogTitle: () => seo.value?.socialTitle,\n    ogDescription: () => seo.value?.socialDescription,\n    ogImage: () => seo.value?.socialImage?.url,\n    ogImageAlt: () => seo.value?.socialImage?.alt,\n    robots: () =>\n      seo.value ? `${seo.value.index ? 'index' : 'noindex'}, ${seo.value.follow ? 'follow' : 'nofollow'}` : undefined,\n  })\n\n  adapters.head(() => ({\n    ...(current.value?.locale ? { htmlAttrs: { lang: current.value.locale } } : undefined),\n    link: seo.value?.canonicalUrl ? [{ href: seo.value.canonicalUrl, rel: 'canonical' }] : [],\n    titleTemplate: null,\n  }))\n  adapters.robots(\n    computed(() => ({\n      follow: seo.value?.follow ?? true,\n      index: seo.value?.index ?? true,\n    })),\n  )\n  adapters.schema(computed(() => (seo.value ? schemaNodes(seo.value) : [])))\n}\n\nfunction installedCmsDocumentSeoAdapters(): CmsDocumentSeoAdapters {\n  if (!installedAdapters) throw new Error('The CMS document SEO adapter has not been installed.')\n\n  return installedAdapters\n}\n\nfunction resolvedSeo(document: DeliveryDocument | null): EffectiveSeo | undefined {\n  if (!document) return undefined\n\n  if (document.resolvedSeo) return document.resolvedSeo\n\n  return {\n    description: document.description,\n    follow: true,\n    index: true,\n    socialDescription: document.description,\n    socialTitle: document.title,\n    structuredData: { type: 'WebPage' },\n    title: document.title,\n  }\n}\n\nfunction schemaNodes(seo: EffectiveSeo): ReadonlyArray<CmsSeoSchemaNode> {\n  const identity = seo.identity ? [identityNode(seo.identity)] : []\n\n  if (!seo.structuredData) return identity\n\n  const common = {\n    name: seo.title,\n    ...(seo.description ? { description: seo.description } : undefined),\n    ...(seo.socialImage ? { image: seo.socialImage.url } : undefined),\n    ...(seo.canonicalUrl ? { url: seo.canonicalUrl } : undefined),\n  }\n\n  if (seo.structuredData.type === 'Article') {\n    return [\n      ...identity,\n      {\n        '@type': 'Article',\n        ...common,\n        headline: seo.structuredData.headline ?? seo.title,\n        ...(seo.structuredData.datePublished ? { datePublished: seo.structuredData.datePublished } : undefined),\n        ...(seo.structuredData.dateModified ? { dateModified: seo.structuredData.dateModified } : undefined),\n      },\n    ]\n  }\n\n  return [...identity, { '@type': 'WebPage', ...common }]\n}\n\nfunction identityNode(identity: SiteIdentity): CmsIdentitySchemaNode {\n  const common = {\n    '@type': identity.type,\n    name: identity.name,\n    ...(identity.url ? { url: identity.url } : undefined),\n  }\n\n  switch (identity.type) {\n    case 'Person':\n      return { ...common, ...(identity.image ? { image: identity.image.url } : undefined) }\n    case 'Organization':\n      return { ...common, ...(identity.logo ? { logo: identity.logo.url } : undefined) }\n    case 'LocalBusiness':\n      return {\n        ...common,\n        ...(identity.address ? { address: identity.address } : undefined),\n        ...(identity.image ? { image: identity.image.url } : undefined),\n        ...(identity.logo ? { logo: identity.logo.url } : undefined),\n        ...(identity.telephone ? { telephone: identity.telephone } : undefined),\n      }\n  }\n}\n"],"mappings":"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"}

package/src/runtime/delivery/useDocument.js

@@ -1,7 +1,7 @@
-import { o as CMS_PREVIEW_READ_PATH, r as CMS_DELIVERY_READ_PATH } from "../../HttpPaths-BbS21Jy8.js";
+import { c as CMS_PREVIEW_READ_PATH, r as CMS_DELIVERY_READ_PATH } from "../../HttpPaths-c9nLZ9H2.js";
 import { usePreviewDelivery } from "./context.js";
-import { useFetch } from "nuxt/app";
 import { computed, toValue } from "vue";
+import { useFetch } from "nuxt/app";
 
 //#region src/runtime/delivery/useDocument.ts
 function useDocument(path) {

package/src/runtime/delivery/useDocument.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDocument.js","names":[],"sources":["../../../../../src/runtime/delivery/useDocument.ts"],"sourcesContent":["import { useFetch } from 'nuxt/app'\nimport { usePreviewDelivery } from './context'\nimport type { MaybeRefOrGetter } from 'vue'\nimport { computed, toValue } from 'vue'\nimport { CMS_DELIVERY_READ_PATH, CMS_PREVIEW_READ_PATH } from '@internal/protocol/HttpPaths'\nimport type { DeliveryDocument } from './types'\n\nexport function useDocument(path: MaybeRefOrGetter<string>) {\n  const preview = usePreviewDelivery()\n  const endpoint = computed(() => (preview.value ? CMS_PREVIEW_READ_PATH : CMS_DELIVERY_READ_PATH))\n  const body = computed(() => ({ kind: 'path' as const, path: toValue(path) }))\n  return useFetch<DeliveryDocument | null>(endpoint, {\n    body,\n    default: () => null,\n    method: 'POST',\n  })\n}\n"],"mappings":";;;;;;AAOA,SAAgB,YAAY,MAAgC;CAC1D,MAAM,UAAU,mBAAmB;CACnC,MAAM,WAAW,eAAgB,QAAQ,QAAQ,wBAAwB,sBAAuB;CAChG,MAAM,OAAO,gBAAgB;EAAE,MAAM;EAAiB,MAAM,QAAQ,IAAI;CAAE,EAAE;CAC5E,OAAO,SAAkC,UAAU;EACjD;EACA,eAAe;EACf,QAAQ;CACV,CAAC;AACH"}
+{"version":3,"file":"useDocument.js","names":[],"sources":["../../../../../src/runtime/delivery/useDocument.ts"],"sourcesContent":["import { useFetch } from 'nuxt/app'\nimport { usePreviewDelivery } from './context'\nimport type { MaybeRefOrGetter } from 'vue'\nimport { computed, toValue } from 'vue'\nimport { CMS_DELIVERY_READ_PATH, CMS_PREVIEW_READ_PATH } from '@internal/protocol/HttpPaths'\nimport type { DeliveryDocument } from './types'\n\nexport function useDocument(path: MaybeRefOrGetter<string>) {\n  const preview = usePreviewDelivery()\n  const endpoint = computed(() => (preview.value ? CMS_PREVIEW_READ_PATH : CMS_DELIVERY_READ_PATH))\n  const body = computed(() => ({ kind: 'path' as const, path: toValue(path) }))\n\n  return useFetch<DeliveryDocument | null>(endpoint, {\n    body,\n    default: () => null,\n    method: 'POST',\n  })\n}\n"],"mappings":";;;;;;AAOA,SAAgB,YAAY,MAAgC;CAC1D,MAAM,UAAU,mBAAmB;CACnC,MAAM,WAAW,eAAgB,QAAQ,QAAQ,wBAAwB,sBAAuB;CAChG,MAAM,OAAO,gBAAgB;EAAE,MAAM;EAAiB,MAAM,QAAQ,IAAI;CAAE,EAAE;CAE5E,OAAO,SAAkC,UAAU;EACjD;EACA,eAAe;EACf,QAAQ;CACV,CAAC;AACH"}

package/src/runtime/delivery/useDocumentQuery.js

@@ -1,7 +1,7 @@
-import { a as CMS_PREVIEW_QUERY_PATH, n as CMS_DELIVERY_QUERY_PATH } from "../../HttpPaths-BbS21Jy8.js";
+import { n as CMS_DELIVERY_QUERY_PATH, s as CMS_PREVIEW_QUERY_PATH } from "../../HttpPaths-c9nLZ9H2.js";
 import { usePreviewDelivery } from "./context.js";
-import { useFetch } from "nuxt/app";
 import { computed, toValue } from "vue";
+import { useFetch } from "nuxt/app";
 
 //#region src/runtime/delivery/useDocumentQuery.ts
 function useDocumentQuery(query) {

package/src/runtime/delivery/useDocumentQuery.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDocumentQuery.js","names":[],"sources":["../../../../../src/runtime/delivery/useDocumentQuery.ts"],"sourcesContent":["import { useFetch } from 'nuxt/app'\nimport { usePreviewDelivery } from './context'\nimport type { MaybeRefOrGetter } from 'vue'\nimport { computed, toValue } from 'vue'\nimport { CMS_DELIVERY_QUERY_PATH, CMS_PREVIEW_QUERY_PATH } from '@internal/protocol/HttpPaths'\nimport type { DeliveryDocumentPage, DeliveryDocumentQuery } from './types'\n\nexport type { DeliveryDocumentQuery, DeliveryDocumentQuerySort } from './types'\n\nexport function useDocumentQuery(query: MaybeRefOrGetter<DeliveryDocumentQuery>) {\n  const preview = usePreviewDelivery()\n  const endpoint = computed(() => (preview.value ? CMS_PREVIEW_QUERY_PATH : CMS_DELIVERY_QUERY_PATH))\n  const body = computed(() => {\n    const value = toValue(query)\n    return {\n      ...value,\n      sort: value.sort === undefined ? undefined : Array.isArray(value.sort) ? value.sort : [value.sort],\n    }\n  })\n  return useFetch<DeliveryDocumentPage>(endpoint, {\n    body,\n    default: () => ({ items: [], total: 0 }),\n    method: 'POST',\n  })\n}\n"],"mappings":";;;;;;AASA,SAAgB,iBAAiB,OAAgD;CAC/E,MAAM,UAAU,mBAAmB;CACnC,MAAM,WAAW,eAAgB,QAAQ,QAAQ,yBAAyB,uBAAwB;CAClG,MAAM,OAAO,eAAe;EAC1B,MAAM,QAAQ,QAAQ,KAAK;EAC3B,OAAO;GACL,GAAG;GACH,MAAM,MAAM,SAAS,SAAY,SAAY,MAAM,QAAQ,MAAM,IAAI,IAAI,MAAM,OAAO,CAAC,MAAM,IAAI;EACnG;CACF,CAAC;CACD,OAAO,SAA+B,UAAU;EAC9C;EACA,gBAAgB;GAAE,OAAO,CAAC;GAAG,OAAO;EAAE;EACtC,QAAQ;CACV,CAAC;AACH"}
+{"version":3,"file":"useDocumentQuery.js","names":[],"sources":["../../../../../src/runtime/delivery/useDocumentQuery.ts"],"sourcesContent":["import { useFetch } from 'nuxt/app'\nimport { usePreviewDelivery } from './context'\nimport type { MaybeRefOrGetter } from 'vue'\nimport { computed, toValue } from 'vue'\nimport { CMS_DELIVERY_QUERY_PATH, CMS_PREVIEW_QUERY_PATH } from '@internal/protocol/HttpPaths'\nimport type { DeliveryDocumentPage, DeliveryDocumentQuery } from './types'\n\nexport type { DeliveryDocumentQuery, DeliveryDocumentQuerySort } from './types'\n\nexport function useDocumentQuery(query: MaybeRefOrGetter<DeliveryDocumentQuery>) {\n  const preview = usePreviewDelivery()\n  const endpoint = computed(() => (preview.value ? CMS_PREVIEW_QUERY_PATH : CMS_DELIVERY_QUERY_PATH))\n\n  const body = computed(() => {\n    const value = toValue(query)\n\n    return {\n      ...value,\n      sort: value.sort === undefined ? undefined : Array.isArray(value.sort) ? value.sort : [value.sort],\n    }\n  })\n\n  return useFetch<DeliveryDocumentPage>(endpoint, {\n    body,\n    default: () => ({ items: [], total: 0 }),\n    method: 'POST',\n  })\n}\n"],"mappings":";;;;;;AASA,SAAgB,iBAAiB,OAAgD;CAC/E,MAAM,UAAU,mBAAmB;CACnC,MAAM,WAAW,eAAgB,QAAQ,QAAQ,yBAAyB,uBAAwB;CAElG,MAAM,OAAO,eAAe;EAC1B,MAAM,QAAQ,QAAQ,KAAK;EAE3B,OAAO;GACL,GAAG;GACH,MAAM,MAAM,SAAS,SAAY,SAAY,MAAM,QAAQ,MAAM,IAAI,IAAI,MAAM,OAAO,CAAC,MAAM,IAAI;EACnG;CACF,CAAC;CAED,OAAO,SAA+B,UAAU;EAC9C;EACA,gBAAgB;GAAE,OAAO,CAAC;GAAG,OAAO;EAAE;EACtC,QAAQ;CACV,CAAC;AACH"}

package/src/runtime/forms/document.js

@@ -0,0 +1,38 @@
+import { r as DocumentId } from "../../scalars-B2lgGUnj.js";
+import { t as documentForms } from "../../Forms-Dj6NuW66.js";
+import { Predicate, Result, Schema } from "effect";
+
+//#region src/runtime/forms/document.ts
+/** Both ordinary rendering and Comark's live preview cache receive the same derived form props. */
+function prepareFormDocument(value, components, preview) {
+	if (!components.some((component) => component.authoring.form)) return value;
+	const definitions = documentForms({
+		id: DocumentId.make(value.id),
+		body: value.body
+	}, components, preview || value.draft);
+	const visit = (nodes, parent) => nodes.map((node, index) => {
+		if (Predicate.isString(node) || node[0] === null) return node;
+		const [tag, attributes, ...children] = node;
+		const path = [...parent, index];
+		const form = definitions.find((candidate) => JSON.stringify(candidate.nodePath) === JSON.stringify(path));
+		return [
+			tag,
+			{
+				...attributes,
+				...form ? { cmsForm: Result.getOrThrow(Schema.decodeUnknownResult(Schema.JsonObject)(form)) } : void 0
+			},
+			...visit(children, path)
+		];
+	});
+	return {
+		...value,
+		body: {
+			...value.body,
+			nodes: visit(value.body.nodes, [])
+		}
+	};
+}
+
+//#endregion
+export { prepareFormDocument };
+//# sourceMappingURL=document.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"document.js","names":[],"sources":["../../../../../src/runtime/forms/document.ts"],"sourcesContent":["import type { ComponentDefinition } from '@internal/protocol/Configuration'\nimport type { DeliveryDocument, DeliveryMarkdownNode } from '../delivery/types'\nimport { DocumentId } from '@internal/protocol/Documents'\nimport { documentForms } from '@internal/document/Forms'\nimport { Result, Predicate, Schema } from 'effect'\n\n/** Both ordinary rendering and Comark's live preview cache receive the same derived form props. */\nexport function prepareFormDocument(\n  value: DeliveryDocument,\n  components: ReadonlyArray<ComponentDefinition>,\n  preview: boolean,\n): DeliveryDocument {\n  if (!components.some((component) => component.authoring.form)) return value\n\n  const definitions = documentForms(\n    { id: DocumentId.make(value.id), body: value.body },\n    components,\n    preview || value.draft,\n  )\n\n  const visit = (nodes: ReadonlyArray<DeliveryMarkdownNode>, parent: number[]): ReadonlyArray<DeliveryMarkdownNode> =>\n    nodes.map((node, index) => {\n      if (Predicate.isString(node) || node[0] === null) return node\n      const [tag, attributes, ...children] = node\n      const path = [...parent, index]\n      const form = definitions.find((candidate) => JSON.stringify(candidate.nodePath) === JSON.stringify(path))\n\n      return [\n        tag,\n        {\n          ...attributes,\n          ...(form ? { cmsForm: Result.getOrThrow(Schema.decodeUnknownResult(Schema.JsonObject)(form)) } : undefined),\n        },\n        ...visit(children, path),\n      ]\n    })\n\n  return { ...value, body: { ...value.body, nodes: visit(value.body.nodes, []) } }\n}\n"],"mappings":";;;;;;AAOA,SAAgB,oBACd,OACA,YACA,SACkB;CAClB,IAAI,CAAC,WAAW,MAAM,cAAc,UAAU,UAAU,IAAI,GAAG,OAAO;CAEtE,MAAM,cAAc,cAClB;EAAE,IAAI,WAAW,KAAK,MAAM,EAAE;EAAG,MAAM,MAAM;CAAK,GAClD,YACA,WAAW,MAAM,KACnB;CAEA,MAAM,SAAS,OAA4C,WACzD,MAAM,KAAK,MAAM,UAAU;EACzB,IAAI,UAAU,SAAS,IAAI,KAAK,KAAK,OAAO,MAAM,OAAO;EACzD,MAAM,CAAC,KAAK,YAAY,GAAG,YAAY;EACvC,MAAM,OAAO,CAAC,GAAG,QAAQ,KAAK;EAC9B,MAAM,OAAO,YAAY,MAAM,cAAc,KAAK,UAAU,UAAU,QAAQ,MAAM,KAAK,UAAU,IAAI,CAAC;EAExG,OAAO;GACL;GACA;IACE,GAAG;IACH,GAAI,OAAO,EAAE,SAAS,OAAO,WAAW,OAAO,oBAAoB,OAAO,UAAU,CAAC,CAAC,IAAI,CAAC,EAAE,IAAI;GACnG;GACA,GAAG,MAAM,UAAU,IAAI;EACzB;CACF,CAAC;CAEH,OAAO;EAAE,GAAG;EAAO,MAAM;GAAE,GAAG,MAAM;GAAM,OAAO,MAAM,MAAM,KAAK,OAAO,CAAC,CAAC;EAAE;CAAE;AACjF"}

package/src/runtime/forms/useCmsForm.js

@@ -0,0 +1,190 @@
+import { i as FormResult } from "../../Forms-CfcI3tPU.js";
+import { i as validateFormValues } from "../../Forms-Dj6NuW66.js";
+import { a as CMS_FORM_SUBMIT_PATH } from "../../HttpPaths-c9nLZ9H2.js";
+import { Result, Schema } from "effect";
+import { computed, getCurrentInstance, getCurrentScope, onScopeDispose, readonly, ref, shallowRef, toValue, useId, watch } from "vue";
+
+//#region src/runtime/forms/useCmsForm.ts
+/** Headless, per-instance form state. Definition changes preserve answers for unchanged field types. */
+function useCmsForm(input, options = {}) {
+	const fieldIdPrefix = getCurrentInstance() ? useId() : "cms-form";
+	const definition = computed(() => toValue(input));
+	const steps = computed(() => definition.value.steps);
+	const fields = computed(() => steps.value.flatMap((step) => step.fields));
+	const values = ref({});
+	const errors = shallowRef({});
+	const stepIndex = ref(0);
+	const currentStep = computed(() => steps.value[stepIndex.value]);
+	const isFirstStep = computed(() => stepIndex.value === 0);
+	const isLastStep = computed(() => stepIndex.value === steps.value.length - 1);
+	const isSubmitting = ref(false);
+	const isSuccess = ref(false);
+	const isPreview = computed(() => definition.value.preview);
+	const error = shallowRef();
+	let controller;
+	let generation = 0;
+	let previousFields = /* @__PURE__ */ new Map();
+	const stop = watch(definition, (next, before) => {
+		generation++;
+		controller?.abort();
+		isSubmitting.value = false;
+		const sameForm = before?.documentId === next.documentId && JSON.stringify(before.nodePath) === JSON.stringify(next.nodePath) && before.name === next.name;
+		values.value = Object.fromEntries(next.steps.flatMap((step) => step.fields).map((field) => [field.id, sameForm && previousFields.get(field.id) === field.type ? values.value[field.id] ?? null : field.type === "checkbox" ? false : field.type === "number" ? null : ""]));
+		previousFields = new Map(next.steps.flatMap((step) => step.fields).map((field) => [field.id, field.type]));
+		stepIndex.value = Math.max(0, next.steps.findIndex((step) => step.id === before?.steps[stepIndex.value]?.id));
+		errors.value = {};
+		error.value = void 0;
+		isSuccess.value = false;
+	}, {
+		immediate: true,
+		deep: true,
+		flush: "sync"
+	});
+	function validate() {
+		errors.value = validateFormValues(fields.value, values.value);
+		return Object.keys(errors.value).length === 0;
+	}
+	function fieldState(field) {
+		const id = `${fieldIdPrefix}-${encodeURIComponent(field.id)}`;
+		return {
+			field,
+			get value() {
+				return values.value[field.id] ?? emptyFormValue(field);
+			},
+			get error() {
+				return errors.value[field.id];
+			},
+			helpId: `${id}-help`,
+			errorId: `${id}-error`,
+			get inputAttrs() {
+				const error = errors.value[field.id];
+				const invalid = error ? "true" : void 0;
+				const describedBy = [field.help ? `${id}-help` : void 0, error ? `${id}-error` : void 0].filter((part) => part !== void 0).join(" ");
+				return {
+					id,
+					name: field.id,
+					required: field.required === true,
+					"aria-invalid": invalid,
+					"aria-describedby": describedBy || void 0
+				};
+			},
+			setValue: (value) => {
+				values.value[field.id] = normalizeFormValue(field, value);
+			}
+		};
+	}
+	function next() {
+		if (isSubmitting.value || isLastStep.value) return false;
+		const stepFields = currentStep.value?.fields ?? [];
+		const issues = validateFormValues(stepFields, values.value);
+		errors.value = {
+			...Object.fromEntries(Object.entries(errors.value).filter(([id]) => !stepFields.some((field) => field.id === id))),
+			...issues
+		};
+		if (Object.keys(issues).length) return false;
+		stepIndex.value++;
+		return true;
+	}
+	function previous() {
+		if (!isSubmitting.value && !isFirstStep.value) stepIndex.value--;
+	}
+	function reset() {
+		generation++;
+		controller?.abort();
+		isSubmitting.value = false;
+		values.value = Object.fromEntries(fields.value.map((field) => [field.id, emptyFormValue(field)]));
+		errors.value = {};
+		error.value = void 0;
+		isSuccess.value = false;
+		stepIndex.value = 0;
+	}
+	async function submit() {
+		if (isSubmitting.value || isSuccess.value) return false;
+		error.value = void 0;
+		if (!validate()) {
+			stepIndex.value = Math.max(0, steps.value.findIndex((step) => step.fields.some((field) => errors.value[field.id])));
+			return false;
+		}
+		if (isPreview.value) {
+			isSuccess.value = true;
+			return true;
+		}
+		const currentGeneration = ++generation;
+		controller = new AbortController();
+		isSubmitting.value = true;
+		try {
+			const { documentId, nodePath, revision } = definition.value;
+			const result = await (options.submit ?? send)({
+				documentId,
+				nodePath,
+				revision,
+				values: { ...values.value }
+			}, controller.signal);
+			if (generation !== currentGeneration) return false;
+			errors.value = { ...result.errors };
+			isSuccess.value = result.status === "accepted";
+			if (result.status === "invalid") stepIndex.value = Math.max(0, steps.value.findIndex((step) => step.fields.some((field) => errors.value[field.id])));
+			if (result.status !== "accepted" && result.status !== "invalid") error.value = result.status === "stale" ? "This form has changed. Reload the page before submitting." : "Submission failed. Please try again.";
+			return isSuccess.value;
+		} catch {
+			if (generation === currentGeneration) error.value = "Submission failed. Please try again.";
+			return false;
+		} finally {
+			if (generation === currentGeneration) isSubmitting.value = false;
+		}
+	}
+	if (getCurrentScope()) onScopeDispose(() => {
+		generation++;
+		controller?.abort();
+		stop();
+	});
+	return {
+		fields,
+		steps,
+		values,
+		errors: readonly(errors),
+		currentStep,
+		stepIndex: readonly(stepIndex),
+		isFirstStep,
+		isLastStep,
+		isSubmitting: readonly(isSubmitting),
+		isSuccess: readonly(isSuccess),
+		isPreview,
+		error: readonly(error),
+		fieldState,
+		next,
+		previous,
+		validate,
+		submit,
+		reset
+	};
+}
+function normalizeFormValue(field, input) {
+	if (field.type === "checkbox") return input === true;
+	if (field.type === "number") {
+		if (input === "" || input == null) return null;
+		const value = Schema.is(Schema.Finite)(input) || Schema.is(Schema.String)(input) ? Number(input) : NaN;
+		if (Number.isFinite(value)) return value;
+		return Schema.is(Schema.String)(input) ? input : null;
+	}
+	return Schema.is(Schema.String)(input) ? input : "";
+}
+function emptyFormValue(field) {
+	if (field.type === "checkbox") return false;
+	if (field.type === "number") return null;
+	return "";
+}
+async function send(submission, signal) {
+	const response = await fetch(CMS_FORM_SUBMIT_PATH, {
+		method: "POST",
+		headers: { "content-type": "application/json" },
+		body: JSON.stringify(submission),
+		signal
+	});
+	if (!response.ok) throw new Error("Submission failed.");
+	return Result.getOrThrow(Schema.decodeUnknownResult(FormResult)(await response.json()));
+}
+
+//#endregion
+export { useCmsForm };
+//# sourceMappingURL=useCmsForm.js.map