@velastack/cms 0.5.0 → 0.6.0

package/dist/components/cms/cms-social-links.svelte

@@ -0,0 +1,35 @@
+<script lang="ts" module>
+	/** `CmsSocialLinks`: profile links; the template supplies the icons. */
+	export * from '../../core/shapes/social-links.js';
+</script>
+
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import Structured from './cms-structured.svelte';
+	import {
+		cmsSocialLinks,
+		socialLinksView,
+		type CmsSocialLinksValue,
+		type SocialLinkView
+	} from '../../core/shapes/social-links.js';
+
+	type Props = {
+		name: string;
+		scope?: string;
+		/** The full value, or a bare item list. */
+		fallback?: Partial<CmsSocialLinksValue> | Array<Partial<CmsSocialLinksValue['items'][number]>>;
+		value?: unknown;
+		children: Snippet<[SocialLinkView[]]>;
+	};
+	let { name, scope, fallback, value, children }: Props = $props();
+</script>
+
+<Structured
+	schema={cmsSocialLinks}
+	{name}
+	{scope}
+	{fallback}
+	{value}
+	view={socialLinksView}
+	{children}
+/>

package/dist/components/cms/cms-social-links.svelte.d.ts

@@ -0,0 +1,15 @@
+/** `CmsSocialLinks`: profile links; the template supplies the icons. */
+export * from '../../core/shapes/social-links.js';
+import type { Snippet } from 'svelte';
+import { type CmsSocialLinksValue, type SocialLinkView } from '../../core/shapes/social-links.js';
+type Props = {
+    name: string;
+    scope?: string;
+    /** The full value, or a bare item list. */
+    fallback?: Partial<CmsSocialLinksValue> | Array<Partial<CmsSocialLinksValue['items'][number]>>;
+    value?: unknown;
+    children: Snippet<[SocialLinkView[]]>;
+};
+declare const CmsSocialLinks: import("svelte").Component<Props, {}, "">;
+type CmsSocialLinks = ReturnType<typeof CmsSocialLinks>;
+export default CmsSocialLinks;

package/dist/components/cms/cms-stats.svelte

@@ -0,0 +1,31 @@
+<script lang="ts" module>
+	/** `CmsStats` preset: value, label, note. */
+	export type { CmsStatsValue, StatItem } from '../../core/shapes/presets.js';
+	export { cmsStats } from '../../core/shapes/presets.js';
+</script>
+
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import Structured from './cms-structured.svelte';
+	import { cmsStats, type CmsStatsValue, type StatItem } from '../../core/shapes/presets.js';
+
+	type Props = {
+		name: string;
+		scope?: string;
+		/** The full value, or a bare item list. */
+		fallback?: Partial<CmsStatsValue> | Partial<StatItem>[];
+		value?: unknown;
+		children: Snippet<[StatItem[]]>;
+	};
+	let { name, scope, fallback, value, children }: Props = $props();
+</script>
+
+<Structured
+	schema={cmsStats}
+	{name}
+	{scope}
+	{fallback}
+	{value}
+	view={(v: CmsStatsValue) => v.items}
+	{children}
+/>

package/dist/components/cms/cms-stats.svelte.d.ts

@@ -0,0 +1,16 @@
+/** `CmsStats` preset: value, label, note. */
+export type { CmsStatsValue, StatItem } from '../../core/shapes/presets.js';
+export { cmsStats } from '../../core/shapes/presets.js';
+import type { Snippet } from 'svelte';
+import { type CmsStatsValue, type StatItem } from '../../core/shapes/presets.js';
+type Props = {
+    name: string;
+    scope?: string;
+    /** The full value, or a bare item list. */
+    fallback?: Partial<CmsStatsValue> | Partial<StatItem>[];
+    value?: unknown;
+    children: Snippet<[StatItem[]]>;
+};
+declare const CmsStats: import("svelte").Component<Props, {}, "">;
+type CmsStats = ReturnType<typeof CmsStats>;
+export default CmsStats;

package/dist/components/cms/cms-steps.svelte

@@ -0,0 +1,31 @@
+<script lang="ts" module>
+	/** `CmsSteps` preset: title, body, image. */
+	export type { CmsStepsValue, StepItem } from '../../core/shapes/presets.js';
+	export { cmsSteps } from '../../core/shapes/presets.js';
+</script>
+
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import Structured from './cms-structured.svelte';
+	import { cmsSteps, type CmsStepsValue, type StepItem } from '../../core/shapes/presets.js';
+
+	type Props = {
+		name: string;
+		scope?: string;
+		/** The full value, or a bare item list. */
+		fallback?: Partial<CmsStepsValue> | Partial<StepItem>[];
+		value?: unknown;
+		children: Snippet<[StepItem[]]>;
+	};
+	let { name, scope, fallback, value, children }: Props = $props();
+</script>
+
+<Structured
+	schema={cmsSteps}
+	{name}
+	{scope}
+	{fallback}
+	{value}
+	view={(v: CmsStepsValue) => v.items}
+	{children}
+/>

package/dist/components/cms/cms-steps.svelte.d.ts

@@ -0,0 +1,16 @@
+/** `CmsSteps` preset: title, body, image. */
+export type { CmsStepsValue, StepItem } from '../../core/shapes/presets.js';
+export { cmsSteps } from '../../core/shapes/presets.js';
+import type { Snippet } from 'svelte';
+import { type CmsStepsValue, type StepItem } from '../../core/shapes/presets.js';
+type Props = {
+    name: string;
+    scope?: string;
+    /** The full value, or a bare item list. */
+    fallback?: Partial<CmsStepsValue> | Partial<StepItem>[];
+    value?: unknown;
+    children: Snippet<[StepItem[]]>;
+};
+declare const CmsSteps: import("svelte").Component<Props, {}, "">;
+type CmsSteps = ReturnType<typeof CmsSteps>;
+export default CmsSteps;

package/dist/components/cms/cms-store.svelte.js

@@ -27,8 +27,9 @@
  * Locales panel passes an explicit locale to inspect other locales'
  * working-copy state without switching the page.
  */
-import { browser } from '$app/environment';
+import { browser } from '$app/env';
 import { page } from '$app/state';
+import { cmsFetch } from '../../core/cms-fetch.js';
 import { mergeLocaleDocs, mergeLocaleEntries } from './locale-merge.js';
 import { composeKey } from './overlay-sync.js';
 import { get, has, mergeTree, set } from '../../core/path.js';
@@ -543,12 +544,14 @@ class CmsStore {
         if (!res.ok)
             throw new Error(`List failed (${res.status})`);
         const data = (await res.json());
-        return { ...data, items: data.items.map((i) => resolveMediaItem(i, endpoint)) };
+        return {
+            ...data,
+            items: data.items.map((i) => resolveMediaItem(i, endpoint))
+        };
     }
     async deleteMedia(endpoint, id) {
-        const res = await fetch(`${endpoint}/media/${id}`, {
-            method: 'DELETE',
-            credentials: 'include'
+        const res = await cmsFetch(`${endpoint}/media/${id}`, {
+            method: 'DELETE'
         });
         if (!res.ok)
             throw new Error(`Delete failed (${res.status})`);

package/dist/components/cms/cms-structured-editable.svelte

@@ -0,0 +1,29 @@
+<script lang="ts" generics="T extends Record<string, unknown>">
+	/**
+	 * The generic editable sibling of a structured component: the popover
+	 * over the shape's declared fields. Loaded lazily, only in edit mode.
+	 */
+	import type { Snippet } from 'svelte';
+	import type { FormShape } from '../../core/shapes/form.js';
+	import type { Tree } from '../../core/path.js';
+	import type { CmsField } from './use-cms-field.svelte.js';
+	import StructuredEditorPopover from '../admin-bar/structured-editor-popover.svelte';
+	import FieldsForm from '../admin-bar/fields-form.svelte';
+
+	type Props = {
+		field: CmsField<T>;
+		schema: FormShape<T>;
+		preview: Snippet;
+	};
+	let { field, schema, preview }: Props = $props();
+</script>
+
+<StructuredEditorPopover {field} {schema} label={schema.label} {preview}>
+	{#snippet editor(draft: T, update: (next: T) => void)}
+		<FieldsForm
+			fields={schema.fields}
+			value={draft as Tree}
+			onChange={(next) => update(next as T)}
+		/>
+	{/snippet}
+</StructuredEditorPopover>

package/dist/components/cms/{cms-repeater-editable.svelte.d.ts → cms-structured-editable.svelte.d.ts}

@@ -1,11 +1,15 @@
+/**
+     * The generic editable sibling of a structured component: the popover
+     * over the shape's declared fields. Loaded lazily, only in edit mode.
+     */
 import type { Snippet } from 'svelte';
-import { type CmsScopeRef } from './cms-store.svelte.js';
+import type { FormShape } from '../../core/shapes/form.js';
+import type { CmsField } from './use-cms-field.svelte.js';
 declare function $$render<T extends Record<string, unknown>>(): {
     props: {
-        scope: CmsScopeRef;
-        name: string;
-        items: T[];
-        children: Snippet<[T, number]>;
+        field: CmsField<T>;
+        schema: FormShape<T>;
+        preview: Snippet;
     };
     exports: {};
     bindings: "";
@@ -26,6 +30,6 @@ interface $$IsomorphicComponent {
     <T extends Record<string, unknown>>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {}): ReturnType<__sveltets_Render<T>['exports']>;
     z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
 }
-declare const CmsRepeaterEditable: $$IsomorphicComponent;
-type CmsRepeaterEditable<T extends Record<string, unknown>> = InstanceType<typeof CmsRepeaterEditable<T>>;
-export default CmsRepeaterEditable;
+declare const CmsStructuredEditable: $$IsomorphicComponent;
+type CmsStructuredEditable<T extends Record<string, unknown>> = InstanceType<typeof CmsStructuredEditable<T>>;
+export default CmsStructuredEditable;

package/dist/components/cms/cms-structured.svelte

@@ -0,0 +1,50 @@
+<script lang="ts" generics="T extends Record<string, unknown>, V">
+	/**
+	 * The one display component behind every structured editor component.
+	 * It reads the value through the shape, derives the template's view of
+	 * it and renders `children(view)`; in edit mode it swaps in the lazily
+	 * loaded editable sibling (the generic form, or a bespoke one).
+	 */
+	import type { Component, Snippet } from 'svelte';
+	import type { FormShape } from '../../core/shapes/form.js';
+	import { useCmsField, type CmsField } from './use-cms-field.svelte.js';
+
+	type EditableProps = { field: CmsField<T>; schema: FormShape<T>; preview: Snippet };
+	type Props = {
+		schema: FormShape<T>;
+		name: string;
+		scope?: string;
+		fallback?: unknown;
+		value?: unknown;
+		view: (value: T) => V;
+		children: Snippet<[V]>;
+		/** Loader for a bespoke editable sibling; defaults to the generic form. */
+		editable?: () => Promise<{ default: Component<EditableProps> }>;
+	};
+	let { schema, name, scope, fallback, value, view, children, editable }: Props = $props();
+
+	const field = useCmsField(
+		() => ({ name, scope, value }),
+		(raw) => schema.read(raw, fallback as T | undefined)
+	);
+	const current = $derived(view(field.current));
+	const load = $derived(
+		editable ??
+			(() =>
+				import('./cms-structured-editable.svelte') as unknown as Promise<{
+					default: Component<EditableProps>;
+				}>)
+	);
+</script>
+
+{#snippet preview()}
+	{@render children(current)}
+{/snippet}
+
+{#if field.editable}
+	{#await load() then { default: Editable }}
+		<Editable {field} {schema} {preview} />
+	{/await}
+{:else}
+	{@render children(current)}
+{/if}

package/dist/components/cms/cms-structured.svelte.d.ts

@@ -0,0 +1,49 @@
+/**
+     * The one display component behind every structured editor component.
+     * It reads the value through the shape, derives the template's view of
+     * it and renders `children(view)`; in edit mode it swaps in the lazily
+     * loaded editable sibling (the generic form, or a bespoke one).
+     */
+import type { Component, Snippet } from 'svelte';
+import type { FormShape } from '../../core/shapes/form.js';
+import { type CmsField } from './use-cms-field.svelte.js';
+declare function $$render<T extends Record<string, unknown>, V>(): {
+    props: {
+        schema: FormShape<T>;
+        name: string;
+        scope?: string;
+        fallback?: unknown;
+        value?: unknown;
+        view: (value: T) => V;
+        children: Snippet<[V]>;
+        /** Loader for a bespoke editable sibling; defaults to the generic form. */
+        editable?: () => Promise<{
+            default: Component<{
+                field: CmsField<T>;
+                schema: FormShape<T>;
+                preview: Snippet;
+            }>;
+        }>;
+    };
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<T extends Record<string, unknown>, V> {
+    props(): ReturnType<typeof $$render<T, V>>['props'];
+    events(): ReturnType<typeof $$render<T, V>>['events'];
+    slots(): ReturnType<typeof $$render<T, V>>['slots'];
+    bindings(): "";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <T extends Record<string, unknown>, V>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T, V>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T, V>['props']>, ReturnType<__sveltets_Render<T, V>['events']>, ReturnType<__sveltets_Render<T, V>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<T, V>['bindings']>;
+    } & ReturnType<__sveltets_Render<T, V>['exports']>;
+    <T extends Record<string, unknown>, V>(internal: unknown, props: ReturnType<__sveltets_Render<T, V>['props']> & {}): ReturnType<__sveltets_Render<T, V>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any, any>['bindings']>;
+}
+declare const CmsStructured: $$IsomorphicComponent;
+type CmsStructured<T extends Record<string, unknown>, V> = InstanceType<typeof CmsStructured<T, V>>;
+export default CmsStructured;

package/dist/components/cms/cms-team.svelte

@@ -0,0 +1,22 @@
+<script lang="ts" module>
+	/** `CmsTeam`: people with a portrait, role and bio. */
+	export * from '../../core/shapes/team.js';
+</script>
+
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import Structured from './cms-structured.svelte';
+	import { cmsTeam, teamView, type CmsTeamValue, type TeamMember } from '../../core/shapes/team.js';
+
+	type Props = {
+		name: string;
+		scope?: string;
+		/** The full value, or a bare item list. */
+		fallback?: Partial<CmsTeamValue> | Array<Partial<CmsTeamValue['items'][number]>>;
+		value?: unknown;
+		children: Snippet<[TeamMember[]]>;
+	};
+	let { name, scope, fallback, value, children }: Props = $props();
+</script>
+
+<Structured schema={cmsTeam} {name} {scope} {fallback} {value} view={teamView} {children} />

package/dist/components/cms/cms-team.svelte.d.ts

@@ -0,0 +1,15 @@
+/** `CmsTeam`: people with a portrait, role and bio. */
+export * from '../../core/shapes/team.js';
+import type { Snippet } from 'svelte';
+import { type CmsTeamValue, type TeamMember } from '../../core/shapes/team.js';
+type Props = {
+    name: string;
+    scope?: string;
+    /** The full value, or a bare item list. */
+    fallback?: Partial<CmsTeamValue> | Array<Partial<CmsTeamValue['items'][number]>>;
+    value?: unknown;
+    children: Snippet<[TeamMember[]]>;
+};
+declare const CmsTeam: import("svelte").Component<Props, {}, "">;
+type CmsTeam = ReturnType<typeof CmsTeam>;
+export default CmsTeam;

package/dist/components/cms/cms-testimonials.svelte

@@ -0,0 +1,36 @@
+<script lang="ts" module>
+	/** `CmsTestimonials`: quotes with author, rating and source. */
+	export * from '../../core/shapes/testimonials.js';
+</script>
+
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import Structured from './cms-structured.svelte';
+	import {
+		cmsTestimonials,
+		testimonialsView,
+		type CmsTestimonialsValue,
+		type Testimonial
+	} from '../../core/shapes/testimonials.js';
+
+	type Props = {
+		name: string;
+		scope?: string;
+		/** The full value, or a bare item list. */
+		fallback?:
+			Partial<CmsTestimonialsValue> | Array<Partial<CmsTestimonialsValue['items'][number]>>;
+		value?: unknown;
+		children: Snippet<[Testimonial[]]>;
+	};
+	let { name, scope, fallback, value, children }: Props = $props();
+</script>
+
+<Structured
+	schema={cmsTestimonials}
+	{name}
+	{scope}
+	{fallback}
+	{value}
+	view={testimonialsView}
+	{children}
+/>

package/dist/components/cms/cms-testimonials.svelte.d.ts

@@ -0,0 +1,15 @@
+/** `CmsTestimonials`: quotes with author, rating and source. */
+export * from '../../core/shapes/testimonials.js';
+import type { Snippet } from 'svelte';
+import { type CmsTestimonialsValue, type Testimonial } from '../../core/shapes/testimonials.js';
+type Props = {
+    name: string;
+    scope?: string;
+    /** The full value, or a bare item list. */
+    fallback?: Partial<CmsTestimonialsValue> | Array<Partial<CmsTestimonialsValue['items'][number]>>;
+    value?: unknown;
+    children: Snippet<[Testimonial[]]>;
+};
+declare const CmsTestimonials: import("svelte").Component<Props, {}, "">;
+type CmsTestimonials = ReturnType<typeof CmsTestimonials>;
+export default CmsTestimonials;

package/dist/components/cms/cms-timeline.svelte

@@ -0,0 +1,35 @@
+<script lang="ts" module>
+	/** `CmsTimeline` preset: date, title, body, image. */
+	export type { CmsTimelineValue, TimelineItem } from '../../core/shapes/presets.js';
+	export { cmsTimeline } from '../../core/shapes/presets.js';
+</script>
+
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import Structured from './cms-structured.svelte';
+	import {
+		cmsTimeline,
+		type CmsTimelineValue,
+		type TimelineItem
+	} from '../../core/shapes/presets.js';
+
+	type Props = {
+		name: string;
+		scope?: string;
+		/** The full value, or a bare item list. */
+		fallback?: Partial<CmsTimelineValue> | Partial<TimelineItem>[];
+		value?: unknown;
+		children: Snippet<[TimelineItem[]]>;
+	};
+	let { name, scope, fallback, value, children }: Props = $props();
+</script>
+
+<Structured
+	schema={cmsTimeline}
+	{name}
+	{scope}
+	{fallback}
+	{value}
+	view={(v: CmsTimelineValue) => v.items}
+	{children}
+/>

package/dist/components/cms/cms-timeline.svelte.d.ts

@@ -0,0 +1,16 @@
+/** `CmsTimeline` preset: date, title, body, image. */
+export type { CmsTimelineValue, TimelineItem } from '../../core/shapes/presets.js';
+export { cmsTimeline } from '../../core/shapes/presets.js';
+import type { Snippet } from 'svelte';
+import { type CmsTimelineValue, type TimelineItem } from '../../core/shapes/presets.js';
+type Props = {
+    name: string;
+    scope?: string;
+    /** The full value, or a bare item list. */
+    fallback?: Partial<CmsTimelineValue> | Partial<TimelineItem>[];
+    value?: unknown;
+    children: Snippet<[TimelineItem[]]>;
+};
+declare const CmsTimeline: import("svelte").Component<Props, {}, "">;
+type CmsTimeline = ReturnType<typeof CmsTimeline>;
+export default CmsTimeline;

package/dist/components/cms/index.d.ts

@@ -7,7 +7,21 @@ export { default as CmsNumber } from './cms-number.svelte';
 export { default as CmsDateTime } from './cms-date-time.svelte';
 export { default as CmsLink } from './cms-link.svelte';
 export type { CmsLinkValue, CmsLinkRenderProps } from './cms-link.svelte';
-export { default as CmsRepeater } from './cms-repeater.svelte';
+export { default as CmsNav } from './cms-nav.svelte';
+export { default as CmsHours } from './cms-hours.svelte';
+export { default as CmsContact } from './cms-contact.svelte';
+export { default as CmsSocialLinks } from './cms-social-links.svelte';
+export { default as CmsCollection } from './cms-collection.svelte';
+export { default as CmsTeam } from './cms-team.svelte';
+export { default as CmsTestimonials } from './cms-testimonials.svelte';
+export { default as CmsPricing } from './cms-pricing.svelte';
+export { default as CmsFaq } from './cms-faq.svelte';
+export { default as CmsStats } from './cms-stats.svelte';
+export { default as CmsSteps } from './cms-steps.svelte';
+export { default as CmsTimeline } from './cms-timeline.svelte';
+export { default as CmsGallery } from './cms-gallery.svelte';
+export { default as CmsLogos } from './cms-logos.svelte';
+export { default as CmsSchedule } from './cms-schedule.svelte';
 export { default as CmsEntries } from './cms-entries.svelte';
 export { CMS_SCOPE, getCmsScope, getCmsValue } from './scope.js';
 export type { CmsScope, CmsPayload, CmsEntry } from './scope.js';

package/dist/components/cms/index.js

@@ -6,6 +6,20 @@ export { default as CmsBoolean } from './cms-boolean.svelte';
 export { default as CmsNumber } from './cms-number.svelte';
 export { default as CmsDateTime } from './cms-date-time.svelte';
 export { default as CmsLink } from './cms-link.svelte';
-export { default as CmsRepeater } from './cms-repeater.svelte';
+export { default as CmsNav } from './cms-nav.svelte';
+export { default as CmsHours } from './cms-hours.svelte';
+export { default as CmsContact } from './cms-contact.svelte';
+export { default as CmsSocialLinks } from './cms-social-links.svelte';
+export { default as CmsCollection } from './cms-collection.svelte';
+export { default as CmsTeam } from './cms-team.svelte';
+export { default as CmsTestimonials } from './cms-testimonials.svelte';
+export { default as CmsPricing } from './cms-pricing.svelte';
+export { default as CmsFaq } from './cms-faq.svelte';
+export { default as CmsStats } from './cms-stats.svelte';
+export { default as CmsSteps } from './cms-steps.svelte';
+export { default as CmsTimeline } from './cms-timeline.svelte';
+export { default as CmsGallery } from './cms-gallery.svelte';
+export { default as CmsLogos } from './cms-logos.svelte';
+export { default as CmsSchedule } from './cms-schedule.svelte';
 export { default as CmsEntries } from './cms-entries.svelte';
 export { CMS_SCOPE, getCmsScope, getCmsValue } from './scope.js';

package/dist/core/cms-fetch.d.ts

@@ -0,0 +1,16 @@
+/**
+ * `fetch` for the CMS endpoint's mutating routes, with the editor's session
+ * cookie (`credentials: 'include'`) unless the caller overrides it.
+ *
+ * SvelteKit 3 treats a cross-origin `POST`/`PUT`/`PATCH`/`DELETE` that has no
+ * `content-type` like a form submission, and rejects it with a 403 unless the
+ * site's origin is in the backend's `csrf.trustedOrigins`. The admin bar talks
+ * to a cross-origin endpoint whenever the CMS is hosted (velastack.dev), so a
+ * bodiless mutation gets `content-type: application/json`. That turns it into a
+ * CORS-preflighted request, which the backend's `cors` option already answers.
+ *
+ * A caller-set `content-type` is kept, and so is the browser's own for a
+ * `FormData`, `Blob` or `URLSearchParams` body: multipart uploads keep their
+ * boundary.
+ */
+export declare const cmsFetch: (input: string | URL, init?: RequestInit) => Promise<Response>;

package/dist/core/cms-fetch.js

@@ -0,0 +1,24 @@
+/**
+ * `fetch` for the CMS endpoint's mutating routes, with the editor's session
+ * cookie (`credentials: 'include'`) unless the caller overrides it.
+ *
+ * SvelteKit 3 treats a cross-origin `POST`/`PUT`/`PATCH`/`DELETE` that has no
+ * `content-type` like a form submission, and rejects it with a 403 unless the
+ * site's origin is in the backend's `csrf.trustedOrigins`. The admin bar talks
+ * to a cross-origin endpoint whenever the CMS is hosted (velastack.dev), so a
+ * bodiless mutation gets `content-type: application/json`. That turns it into a
+ * CORS-preflighted request, which the backend's `cors` option already answers.
+ *
+ * A caller-set `content-type` is kept, and so is the browser's own for a
+ * `FormData`, `Blob` or `URLSearchParams` body: multipart uploads keep their
+ * boundary.
+ */
+export const cmsFetch = (input, init = {}) => {
+    const method = (init.method ?? 'GET').toUpperCase();
+    const headers = new Headers(init.headers);
+    const bodyHasOwnType = init.body != null && typeof init.body !== 'string';
+    if (method !== 'GET' && method !== 'HEAD' && !headers.has('content-type') && !bodyHasOwnType) {
+        headers.set('content-type', 'application/json');
+    }
+    return fetch(input, { credentials: 'include', ...init, headers });
+};

package/dist/core/shapes/collection.d.ts

@@ -0,0 +1,60 @@
+/**
+ * `CmsCollection`: services, rooms, programmes, tours, projects, case
+ * studies. One fixed core plus a `details` key-value list for kind-specific
+ * facts. Lists only: an item's `link` covers "read more".
+ */
+import type { Tree } from '../path.js';
+import { type ListValue } from './form.js';
+import { type CmsImageValue } from './image.js';
+import { type CmsLinkValue } from './link.js';
+export type CollectionDetail = {
+    id: string;
+    label: string;
+    value: string;
+};
+export type CollectionPrice = {
+    amount: number | null;
+    /** ISO 4217, e.g. `EUR`. */
+    currency: string;
+    /** `night`, `person`, `hour`… shown after the amount. */
+    period: string;
+    /** `from`, shown before the amount. */
+    prefix: string;
+};
+export type CollectionItem = {
+    id: string;
+    title: string;
+    summary: string;
+    body: string;
+    image: CmsImageValue | null;
+    gallery: CmsImageValue[];
+    price: CollectionPrice;
+    duration: string;
+    link: CmsLinkValue | null;
+    tags: string[];
+    features: string[];
+    featured: boolean;
+    hidden: boolean;
+    details: CollectionDetail[];
+};
+export type CmsCollectionValue = ListValue<CollectionItem>;
+export type CollectionItemView = CollectionItem & {
+    href: string | null;
+};
+export declare const cmsCollection: import("./form.js").FormShape<CmsCollectionValue>;
+export type CollectionSlice = {
+    /** At most this many items. */
+    limit?: number;
+    /** Only featured items. */
+    featured?: boolean;
+    /** Only items carrying this tag. */
+    tag?: string;
+};
+/** Visible items (not hidden, with a title), optionally sliced. */
+export declare const collectionView: (value: CmsCollectionValue, slice?: CollectionSlice) => CollectionItemView[];
+/** Every tag in use, in first-seen order. */
+export declare const collectionTags: (value: CmsCollectionValue) => string[];
+/** `from €120 / night`, or empty when there is no amount. */
+export declare const formatCollectionPrice: (price: CollectionPrice, locale: string) => string;
+/** A schema.org `ItemList` of the visible items. */
+export declare const toItemList: (value: CmsCollectionValue, baseUrl?: string) => Tree;