gazetta 0.6.0 → 0.7.0

package/dist/dep-sidecars.d.ts

@@ -0,0 +1,127 @@
+/**
+ * Reverse-rooted dependency sidecars — per-edge zero-byte index for
+ * "which items depend on this target?" queries.
+ *
+ * Shape:
+ *   `{root}/.gazetta/{relation-root}/{target}/{encoded-source-item}`
+ *
+ * Where:
+ *   - `{relation-root}` is the directory name for the relationship kind
+ *      (e.g. `asset-refs`, `fragment-deps`)
+ *   - `{target}` is the depended-upon name (asset name, fragment name, …),
+ *      slashes encoded via `encodeRefName`
+ *   - `{encoded-source-item}` is `pages.{name}` or `fragments.{name}`,
+ *      with `/` → `.` and an optional `:locale` suffix for locale variants
+ *
+ * Files are zero bytes. Existence is the index.
+ *
+ * Why per-edge sidecars over an aggregate JSON file:
+ *   - Multi-instance correctness: two admin instances saving different
+ *     items both adding refs to `hero` write to *different paths*. No
+ *     race, no optimistic concurrency, no retry. Granularity solves the
+ *     write-contention problem an aggregate JSON would face.
+ *   - Pattern consistency: matches the existing `.gazetta/` namespace
+ *     for runtime-never-served metadata.
+ *   - Self-sufficient targets: same shape on source AND target so any
+ *     target promoted to source is immediately usable.
+ *
+ * Single responsibility: filename encoding + per-target directory I/O.
+ * Save handlers, publish flow, and reindex CLI compose this with their
+ * own walks.
+ */
+import type { ContentRoot } from './content-root.js';
+/**
+ * Loose manifest shape for `extract` callers. Page/fragment manifests
+ * (with their inline-component descendants) all satisfy this. Avoids
+ * coupling the generic dep-sidecar module to a specific manifest type.
+ */
+export type ManifestLike = {
+    readonly template?: string;
+    readonly content?: Record<string, unknown>;
+    readonly components?: readonly unknown[];
+};
+/**
+ * One kind of reverse dependency: a domain-specific extractor + the
+ * directory under `.gazetta/` where its sidecars live.
+ *
+ * Each shipping relation is a module-level constant (see
+ * `assets/asset-deps.ts`, `fragment-deps.ts`). Add a new relation by
+ * declaring another constant; this module needs no changes.
+ */
+export interface DepRelation {
+    /** Directory name under `.gazetta/`, e.g. `asset-refs`, `fragment-deps`. */
+    readonly rootName: string;
+    /**
+     * Extract the set of target names this manifest depends on. Pure;
+     * implementations must not perform I/O.
+     *
+     * Examples:
+     *   - asset-refs: walks content for `_asset` refs
+     *   - fragment-deps: walks components for `@fragment` refs
+     *   - template-deps (if added): emits the manifest's `template` field
+     */
+    readonly extract: (manifest: ManifestLike) => Set<string>;
+}
+/**
+ * Identity of a depending item. Distinct entries for each locale variant
+ * (per design-media.md → i18n: "Each referencing manifest, including
+ * locale variants, is a separate entry").
+ */
+export interface ItemRef {
+    source: 'page' | 'fragment';
+    /** Bare item name, e.g. `home` or `blog/[slug]`. */
+    name: string;
+    /** Locale code for locale variants; absent for the default-locale manifest. */
+    locale?: string;
+}
+/**
+ * Encode an `ItemRef` into a sidecar filename.
+ *   { source: 'page', name: 'home' } → 'pages.home'
+ *   { source: 'page', name: 'blog/[slug]' } → 'pages.blog.[slug]'
+ *   { source: 'fragment', name: 'header', locale: 'fr' } → 'fragments.header:fr'
+ */
+export declare function itemRefToFilename(ref: ItemRef): string;
+/**
+ * Parse a sidecar filename back to an `ItemRef`. Returns null for any
+ * filename that doesn't match the encoding shape so unrelated files
+ * accidentally placed in the directory don't poison reads.
+ */
+export declare function filenameToItemRef(filename: string): ItemRef | null;
+/** Directory path for one target's sidecars under a relation. */
+export declare function depDir(rel: DepRelation, contentRoot: ContentRoot, targetName: string): string;
+/** Path of one sidecar file inside its target's directory. */
+export declare function depSidecarPath(rel: DepRelation, contentRoot: ContentRoot, targetName: string, item: ItemRef): string;
+/**
+ * Read all `ItemRef`s currently sidecar-indexed for `targetName`.
+ * Returns empty when the directory is missing (no deps, or freshly-
+ * created site).
+ */
+export declare function readDepsFor(rel: DepRelation, contentRoot: ContentRoot, targetName: string): Promise<ItemRef[]>;
+/**
+ * Apply the diff for one item's deps in this relation.
+ *
+ * For each target in `oldTargets ∪ newTargets`:
+ *   - If new and not old → write the sidecar file (creating the target dir)
+ *   - If old and not new → remove the sidecar file
+ *   - If both or neither → no I/O
+ *
+ * Sidecar writes are idempotent (zero-byte files at fixed paths), so
+ * concurrent writes from multiple admin instances converge to the same
+ * final state. The diff is per (item × target): each instance's save
+ * updates only the sidecars for the item it just wrote.
+ */
+export declare function applyDepDiff(rel: DepRelation, contentRoot: ContentRoot, item: ItemRef, oldTargets: ReadonlySet<string>, newTargets: ReadonlySet<string>): Promise<void>;
+/**
+ * Rebuild the deps sidecars for one item by diffing old vs new manifest
+ * via the relation's `extract` function.
+ *
+ * Use cases:
+ *   - Save handler: pass `oldManifest` (loaded for history-recording);
+ *     module re-extracts both old and new dep sets.
+ *   - Reindex CLI: pass `oldManifest = null` to write fresh sidecars
+ *     for every dep the item now references.
+ *   - Delete handler: pass `newManifest = null` to tear down all this
+ *     item's sidecars in this relation.
+ */
+export declare function rebuildItemDeps(rel: DepRelation, contentRoot: ContentRoot, item: ItemRef, oldManifest: ManifestLike | null, newManifest: ManifestLike | null): Promise<void>;
+//# sourceMappingURL=dep-sidecars.d.ts.map

package/dist/dep-sidecars.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dep-sidecars.d.ts","sourceRoot":"","sources":["../src/dep-sidecars.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAGpD;;;;GAIG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC1C,QAAQ,CAAC,UAAU,CAAC,EAAE,SAAS,OAAO,EAAE,CAAA;CACzC,CAAA;AAED;;;;;;;GAOG;AACH,MAAM,WAAW,WAAW;IAC1B,4EAA4E;IAC5E,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB;;;;;;;;OAQG;IACH,QAAQ,CAAC,OAAO,EAAE,CAAC,QAAQ,EAAE,YAAY,KAAK,GAAG,CAAC,MAAM,CAAC,CAAA;CAC1D;AAED;;;;GAIG;AACH,MAAM,WAAW,OAAO;IACtB,MAAM,EAAE,MAAM,GAAG,UAAU,CAAA;IAC3B,oDAAoD;IACpD,IAAI,EAAE,MAAM,CAAA;IACZ,+EAA+E;IAC/E,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,OAAO,GAAG,MAAM,CAKtD;AAID;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI,CASlE;AAED,iEAAiE;AACjE,wBAAgB,MAAM,CAAC,GAAG,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,GAAG,MAAM,CAE7F;AAED,8DAA8D;AAC9D,wBAAgB,cAAc,CAAC,GAAG,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,GAAG,MAAM,CAEpH;AAED;;;;GAIG;AACH,wBAAsB,WAAW,CAAC,GAAG,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,EAAE,CAAC,CAiBpH;AAED;;;;;;;;;;;;GAYG;AACH,wBAAsB,YAAY,CAChC,GAAG,EAAE,WAAW,EAChB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,OAAO,EACb,UAAU,EAAE,WAAW,CAAC,MAAM,CAAC,EAC/B,UAAU,EAAE,WAAW,CAAC,MAAM,CAAC,GAC9B,OAAO,CAAC,IAAI,CAAC,CAWf;AAgBD;;;;;;;;;;;GAWG;AACH,wBAAsB,eAAe,CACnC,GAAG,EAAE,WAAW,EAChB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,OAAO,EACb,WAAW,EAAE,YAAY,GAAG,IAAI,EAChC,WAAW,EAAE,YAAY,GAAG,IAAI,GAC/B,OAAO,CAAC,IAAI,CAAC,CAIf"}

package/dist/dep-sidecars.js

@@ -0,0 +1,122 @@
+import { encodeRefName } from './hash.js';
+/**
+ * Encode an `ItemRef` into a sidecar filename.
+ *   { source: 'page', name: 'home' } → 'pages.home'
+ *   { source: 'page', name: 'blog/[slug]' } → 'pages.blog.[slug]'
+ *   { source: 'fragment', name: 'header', locale: 'fr' } → 'fragments.header:fr'
+ */
+export function itemRefToFilename(ref) {
+    const prefix = ref.source === 'page' ? 'pages' : 'fragments';
+    const encodedName = encodeRefName(ref.name);
+    const base = `${prefix}.${encodedName}`;
+    return ref.locale ? `${base}:${ref.locale}` : base;
+}
+const FILENAME_RE = /^(pages|fragments)\.(.+?)(?::([a-z]{2}(?:-[a-z]+)?))?$/;
+/**
+ * Parse a sidecar filename back to an `ItemRef`. Returns null for any
+ * filename that doesn't match the encoding shape so unrelated files
+ * accidentally placed in the directory don't poison reads.
+ */
+export function filenameToItemRef(filename) {
+    const m = FILENAME_RE.exec(filename);
+    if (!m)
+        return null;
+    const source = m[1] === 'pages' ? 'page' : 'fragment';
+    // Decode `.` → `/` to recover the original name. encodeRefName rejects
+    // dots in input, so this is unambiguous: every `.` came from a slash.
+    const name = m[2].replace(/\./g, '/');
+    const locale = m[3];
+    return locale ? { source, name, locale } : { source, name };
+}
+/** Directory path for one target's sidecars under a relation. */
+export function depDir(rel, contentRoot, targetName) {
+    return contentRoot.path('.gazetta', rel.rootName, encodeRefName(targetName));
+}
+/** Path of one sidecar file inside its target's directory. */
+export function depSidecarPath(rel, contentRoot, targetName, item) {
+    return contentRoot.path('.gazetta', rel.rootName, encodeRefName(targetName), itemRefToFilename(item));
+}
+/**
+ * Read all `ItemRef`s currently sidecar-indexed for `targetName`.
+ * Returns empty when the directory is missing (no deps, or freshly-
+ * created site).
+ */
+export async function readDepsFor(rel, contentRoot, targetName) {
+    const dir = depDir(rel, contentRoot, targetName);
+    let entries;
+    try {
+        entries = await contentRoot.storage.readDir(dir);
+    }
+    catch {
+        // Missing directory — treat as no deps. Storage providers vary in
+        // exact error shape, so we accept any read failure here.
+        return [];
+    }
+    const refs = [];
+    for (const entry of entries) {
+        if (entry.isDirectory)
+            continue;
+        const ref = filenameToItemRef(entry.name);
+        if (ref)
+            refs.push(ref);
+    }
+    return refs;
+}
+/**
+ * Apply the diff for one item's deps in this relation.
+ *
+ * For each target in `oldTargets ∪ newTargets`:
+ *   - If new and not old → write the sidecar file (creating the target dir)
+ *   - If old and not new → remove the sidecar file
+ *   - If both or neither → no I/O
+ *
+ * Sidecar writes are idempotent (zero-byte files at fixed paths), so
+ * concurrent writes from multiple admin instances converge to the same
+ * final state. The diff is per (item × target): each instance's save
+ * updates only the sidecars for the item it just wrote.
+ */
+export async function applyDepDiff(rel, contentRoot, item, oldTargets, newTargets) {
+    const added = [];
+    const removed = [];
+    for (const t of newTargets)
+        if (!oldTargets.has(t))
+            added.push(t);
+    for (const t of oldTargets)
+        if (!newTargets.has(t))
+            removed.push(t);
+    // Adds first — order doesn't affect correctness, but adds-before-removes
+    // means a transient observer mid-update sees a superset of refs (safe
+    // for delete-blocking) rather than a subset.
+    await Promise.all(added.map(target => writeSidecar(rel, contentRoot, target, item)));
+    await Promise.all(removed.map(target => removeSidecar(rel, contentRoot, target, item)));
+}
+async function writeSidecar(rel, contentRoot, target, item) {
+    const dir = depDir(rel, contentRoot, target);
+    await contentRoot.storage.mkdir(dir).catch(() => {
+        // Already exists — fine.
+    });
+    await contentRoot.storage.writeFile(depSidecarPath(rel, contentRoot, target, item), '');
+}
+async function removeSidecar(rel, contentRoot, target, item) {
+    await contentRoot.storage.rm(depSidecarPath(rel, contentRoot, target, item)).catch(() => {
+        // Already gone — fine. rm is idempotent for our purposes.
+    });
+}
+/**
+ * Rebuild the deps sidecars for one item by diffing old vs new manifest
+ * via the relation's `extract` function.
+ *
+ * Use cases:
+ *   - Save handler: pass `oldManifest` (loaded for history-recording);
+ *     module re-extracts both old and new dep sets.
+ *   - Reindex CLI: pass `oldManifest = null` to write fresh sidecars
+ *     for every dep the item now references.
+ *   - Delete handler: pass `newManifest = null` to tear down all this
+ *     item's sidecars in this relation.
+ */
+export async function rebuildItemDeps(rel, contentRoot, item, oldManifest, newManifest) {
+    const oldTargets = oldManifest ? rel.extract(oldManifest) : new Set();
+    const newTargets = newManifest ? rel.extract(newManifest) : new Set();
+    await applyDepDiff(rel, contentRoot, item, oldTargets, newTargets);
+}
+//# sourceMappingURL=dep-sidecars.js.map

package/dist/dep-sidecars.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dep-sidecars.js","sourceRoot":"","sources":["../src/dep-sidecars.ts"],"names":[],"mappings":"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"}

package/dist/editor/AssetEmbeddedWidget.d.ts

@@ -0,0 +1,3 @@
+import type { WidgetProps } from '@rjsf/utils';
+export declare function AssetEmbeddedWidget(props: WidgetProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AssetEmbeddedWidget.d.ts.map

package/dist/editor/AssetEmbeddedWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetEmbeddedWidget.d.ts","sourceRoot":"","sources":["../../src/editor/AssetEmbeddedWidget.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAqC9C,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,WAAW,2CAuFrD"}

package/dist/editor/AssetEmbeddedWidget.js

@@ -0,0 +1,146 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * React rjsf widget for an embedded-asset schema field.
+ *
+ * Renders the current selection (thumbnail + name) or an empty state, with
+ * a "Change" button that calls a picker callback injected via the form
+ * context. The callback's body is the admin's `openAssetPicker` (which
+ * uses Pinia internally) — this widget depends on the abstraction, not
+ * the implementation.
+ *
+ * Dependency Inversion:
+ * - Widget depends on `formContext.onPickAsset`, a Promise-returning fn
+ * - The gazetta editor package knows nothing about how the picker is
+ *   actually implemented (Vue, React, fullscreen, modal — anything goes)
+ * - Admin wires its own implementation when it calls `createEditorMount`
+ * - Cross-workspace import boundary is respected (no `apps/admin` imports
+ *   from the `packages/gazetta` package)
+ *
+ * Asset summary fetch:
+ * - On mount (and whenever `_asset` changes) the widget fetches the
+ *   single-asset summary to render a thumbnail. Missing assets fall back
+ *   to the empty state — graceful degradation matches the design doc's
+ *   resolver principle.
+ */
+import React from 'react';
+function buildThumbnailUrl(summary) {
+    const ext = extFromMime(summary.mime);
+    if (!ext)
+        return null;
+    return `/assets/${summary.name}-${summary.hash}.${ext}`;
+}
+function extFromMime(mime) {
+    switch (mime) {
+        case 'image/jpeg':
+            return 'jpg';
+        case 'image/png':
+            return 'png';
+        default:
+            return null;
+    }
+}
+export function AssetEmbeddedWidget(props) {
+    const value = (props.value ?? {});
+    const assetName = value._asset ?? null;
+    const [summary, setSummary] = React.useState(null);
+    const [loadError, setLoadError] = React.useState(null);
+    // Fetch the current selection's summary for thumbnail + alt. Refetches
+    // when the selected name changes (e.g., after picker confirms).
+    React.useEffect(() => {
+        if (!assetName) {
+            setSummary(null);
+            setLoadError(null);
+            return;
+        }
+        let cancelled = false;
+        // The widget mounts inside the admin's origin; relative URLs resolve
+        // against the current page (admin SPA served under `/admin/` in prod,
+        // `/` in dev-monorepo). The `/admin/api/...` prefix is added by the
+        // admin's build — at runtime we fetch relative to the document.
+        const base = resolveAdminBase();
+        fetch(`${base}/api/assets/${encodeURIComponent(assetName)}`, {
+            headers: { 'Content-Type': 'application/json' },
+        })
+            .then(async (res) => {
+            if (cancelled)
+                return;
+            if (!res.ok) {
+                setSummary(null);
+                setLoadError(`Asset "${assetName}" could not be loaded`);
+                return;
+            }
+            const data = (await res.json());
+            setSummary(data);
+            setLoadError(null);
+        })
+            .catch(err => {
+            if (!cancelled) {
+                setLoadError(err.message);
+                setSummary(null);
+            }
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [assetName]);
+    const accept = readAccept(props.schema);
+    const thumbnail = summary ? buildThumbnailUrl(summary) : null;
+    async function onPick() {
+        const onPickAsset = props.formContext?.onPickAsset;
+        if (!onPickAsset) {
+            // Admin didn't wire a picker implementation — nothing we can do.
+            // eslint-disable-next-line no-console
+            console.warn('[asset-widget] No onPickAsset callback provided in formContext');
+            return;
+        }
+        const picked = await onPickAsset({
+            accept,
+            currentAssetName: assetName ?? null,
+        });
+        if (!picked)
+            return;
+        // Preserve per-reference overrides when the author re-picks.
+        props.onChange({ ...value, _asset: picked._asset });
+    }
+    return (_jsxs("div", { className: "gz-asset-widget", children: [_jsx("div", { className: "gz-asset-widget-preview", children: thumbnail ? (_jsx("img", { src: thumbnail, alt: summary?.alt ?? '' })) : loadError ? (_jsx("div", { className: "gz-asset-widget-error", children: loadError })) : assetName ? (_jsx("div", { className: "gz-asset-widget-empty", children: "Loading\u2026" })) : (_jsx("div", { className: "gz-asset-widget-empty", children: "No asset selected" })) }), _jsxs("div", { className: "gz-asset-widget-body", children: [_jsx("div", { className: "gz-asset-widget-name", children: assetName ?? '—' }), _jsx("button", { type: "button", className: "gz-asset-widget-pick", "data-testid": "asset-widget-pick", onClick: onPick, children: assetName ? 'Change' : 'Pick' })] })] }));
+}
+/**
+ * Resolve the admin API base URL from the current document. In the
+ * monorepo dev setup the admin is served at `/admin/`; in site-project
+ * dev it's at `/admin/` too; the admin SPA's document is always mounted
+ * under the admin path, so we strip everything after `/admin/` and use
+ * that as the base for `/api/...` calls.
+ *
+ * Keeps the widget free of Vite's `import.meta.env` (which would tie
+ * this package to a Vite build and break its Node-only tsc).
+ */
+function resolveAdminBase() {
+    if (typeof document === 'undefined')
+        return '';
+    const href = document.baseURI;
+    try {
+        const url = new URL(href);
+        // Strip trailing slash; the widget prepends its own `/api/...`.
+        return url.pathname.replace(/\/$/, '');
+    }
+    catch {
+        return '';
+    }
+}
+/**
+ * Read the `accept` filter from the JSON Schema's assetOptions metadata.
+ * Zod's `.meta({ assetOptions })` emits the options as a sibling key on
+ * the field's schema via `z.toJSONSchema()`.
+ */
+function readAccept(schema) {
+    if (!schema || typeof schema !== 'object')
+        return undefined;
+    const opts = schema.assetOptions;
+    if (!opts || typeof opts !== 'object')
+        return undefined;
+    const accept = opts.accept;
+    if (Array.isArray(accept) && accept.every(v => typeof v === 'string'))
+        return accept;
+    return undefined;
+}
+//# sourceMappingURL=AssetEmbeddedWidget.js.map

package/dist/editor/AssetEmbeddedWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetEmbeddedWidget.js","sourceRoot":"","sources":["../../src/editor/AssetEmbeddedWidget.tsx"],"names":[],"mappings":"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"}

package/dist/editor/mount.d.ts

@@ -8,11 +8,22 @@ export interface DefaultEditorFormProps {
     /** Current theme — forwarded to custom field widgets */
     theme?: 'dark' | 'light';
     onChange: (content: Record<string, unknown>) => void;
+    /**
+     * Asset picker callback — invoked by embedded-asset field widgets.
+     * Supplied by the admin; the editor package only depends on the
+     * abstract Promise-returning shape.
+     */
+    onPickAsset?: (options: {
+        accept?: string[];
+        currentAssetName?: string | null;
+    }) => Promise<{
+        _asset: string;
+    } | null>;
 }
 /**
  * The default @rjsf form editor as a React component.
  * Custom editors can embed this: `<DefaultEditorForm schema={schema} content={content} onChange={onChange} />`
  */
-export declare function DefaultEditorForm({ schema: jsonSchema, content, onChange, fieldsBaseUrl, theme, }: DefaultEditorFormProps): import("react/jsx-runtime").JSX.Element;
+export declare function DefaultEditorForm({ schema: jsonSchema, content, onChange, fieldsBaseUrl, theme, onPickAsset, }: DefaultEditorFormProps): import("react/jsx-runtime").JSX.Element;
 export declare function createEditorMount(jsonSchema: object): EditorMount;
 //# sourceMappingURL=mount.d.ts.map

package/dist/editor/mount.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mount.d.ts","sourceRoot":"","sources":["../../src/editor/mount.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAq+B9C,gDAAgD;AAChD,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC/B,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAChC,qGAAqG;IACrG,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACxB,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAA;CACrD;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EAAE,UAAU,EAClB,OAAO,EACP,QAAQ,EACR,aAAa,EACb,KAAK,GACN,EAAE,sBAAsB,2CAoGxB;AAMD,wBAAgB,iBAAiB,CAAC,UAAU,EAAE,MAAM,GAAG,WAAW,CA2BjE"}
+{"version":3,"file":"mount.d.ts","sourceRoot":"","sources":["../../src/editor/mount.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AA8gC9C,gDAAgD;AAChD,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC/B,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAChC,qGAAqG;IACrG,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACxB,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAA;IACpD;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;QAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,KAAK,OAAO,CAAC;QAAE,MAAM,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC,CAAA;CACvH;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EAAE,UAAU,EAClB,OAAO,EACP,QAAQ,EACR,aAAa,EACb,KAAK,EACL,WAAW,GACZ,EAAE,sBAAsB,2CAoGxB;AAMD,wBAAgB,iBAAiB,CAAC,UAAU,EAAE,MAAM,GAAG,WAAW,CA4BjE"}

package/dist/editor/mount.js

@@ -3,6 +3,7 @@ import React from 'react';
 import { createRoot } from 'react-dom/client';
 import Form from '@rjsf/core';
 import validator from '@rjsf/validator-ajv8';
+import { AssetEmbeddedWidget } from './AssetEmbeddedWidget.js';
 import { DragDropContext, Droppable, Draggable } from '@hello-pangea/dnd';
 import { useEditor, EditorContent } from '@tiptap/react';
 import { BubbleMenu } from '@tiptap/react/menus';
@@ -120,6 +121,27 @@ const STYLES = `
   padding: 2rem; text-align: center; color: var(--color-muted); font-size: 0.75rem;
 }
 
+/* ---- Asset widget (embeddedAsset schema fields) ---- */
+.gz-editor .gz-asset-widget {
+  display: grid; grid-template-columns: 120px 1fr; gap: 0.75rem; align-items: start;
+  padding: 0.5rem; border: 1px solid var(--color-border); border-radius: 6px; background: var(--color-input-bg);
+}
+.gz-editor .gz-asset-widget-preview {
+  aspect-ratio: 1 / 1; border-radius: 4px; overflow: hidden;
+  background: color-mix(in srgb, var(--color-muted) 10%, transparent);
+  display: flex; align-items: center; justify-content: center;
+}
+.gz-editor .gz-asset-widget-preview img { width: 100%; height: 100%; object-fit: cover; }
+.gz-editor .gz-asset-widget-empty { color: var(--color-muted); font-size: 0.6875rem; text-align: center; padding: 0.5rem; }
+.gz-editor .gz-asset-widget-error { color: var(--color-danger-fg, #c04040); font-size: 0.6875rem; text-align: center; padding: 0.5rem; }
+.gz-editor .gz-asset-widget-body { display: flex; flex-direction: column; justify-content: space-between; gap: 0.5rem; min-height: 100%; }
+.gz-editor .gz-asset-widget-name { font-family: ui-monospace, monospace; font-size: 0.8125rem; word-break: break-word; }
+.gz-editor .gz-asset-widget-pick {
+  align-self: flex-start; padding: 0.375rem 0.75rem; font-size: 0.8125rem;
+  background: var(--color-primary); color: white; border: none; border-radius: 4px; cursor: pointer;
+}
+.gz-editor .gz-asset-widget-pick:hover { opacity: 0.9; }
+
 /* ---- Slug ---- */
 .gz-editor .gz-slug-widget input {
   font-family: 'JetBrains Mono', 'Fira Code', monospace; font-size: 0.8125rem; letter-spacing: 0.02em;
@@ -309,7 +331,15 @@ function buildUiSchema(jsonSchema) {
         const format = prop.format;
         const type = prop.type;
         const customField = prop.field;
-        // Custom field — highest priority
+        const assetOptions = prop.assetOptions;
+        // Asset fields — detected by the `assetOptions` metadata that
+        // `embeddedAsset()` attaches via Zod `.meta()`. Rendered with the
+        // asset widget (invokes the picker via formContext.onPickAsset).
+        if (assetOptions) {
+            ui[name] = { 'ui:widget': 'embedded-asset' };
+            continue;
+        }
+        // Custom field — highest priority after asset fields
         if (customField) {
             ui[name] = { 'ui:widget': `custom-field:${customField}` };
             continue;
@@ -630,6 +660,7 @@ const builtinWidgets = {
     slug: SlugWidget,
     code: CodeWidget,
     json: JsonWidget,
+    'embedded-asset': AssetEmbeddedWidget,
 };
 /** Build widgets object including any custom field widgets referenced in the schema */
 function buildWidgets(jsonSchema) {
@@ -656,7 +687,7 @@ const customTemplates = {
  * The default @rjsf form editor as a React component.
  * Custom editors can embed this: `<DefaultEditorForm schema={schema} content={content} onChange={onChange} />`
  */
-export function DefaultEditorForm({ schema: jsonSchema, content, onChange, fieldsBaseUrl, theme, }) {
+export function DefaultEditorForm({ schema: jsonSchema, content, onChange, fieldsBaseUrl, theme, onPickAsset, }) {
     const uiSchema = React.useMemo(() => buildUiSchema(jsonSchema), [jsonSchema]);
     const widgets = React.useMemo(() => buildWidgets(jsonSchema), [jsonSchema]);
     const [formData, setFormData] = React.useState(content);
@@ -725,7 +756,7 @@ export function DefaultEditorForm({ schema: jsonSchema, content, onChange, field
             return updated;
         });
     }, [onChange]);
-    const formContext = React.useMemo(() => ({ reorderArray, fieldsBaseUrl, theme }), [reorderArray, fieldsBaseUrl, theme]);
+    const formContext = React.useMemo(() => ({ reorderArray, fieldsBaseUrl, theme, onPickAsset }), [reorderArray, fieldsBaseUrl, theme, onPickAsset]);
     return (_jsxs(_Fragment, { children: [_jsx("style", { children: STYLES }), _jsx("div", { className: "gz-editor", children: _jsx(Form, { schema: jsonSchema, uiSchema: uiSchema, formData: formData, onChange: handleChange, validator: validator, widgets: widgets, templates: customTemplates, formContext: formContext, liveValidate: false, omitExtraData: true, noHtml5Validate: true, autoComplete: "off" }) })] }));
 }
 // ---------------------------------------------------------------------------
@@ -733,13 +764,13 @@ export function DefaultEditorForm({ schema: jsonSchema, content, onChange, field
 // ---------------------------------------------------------------------------
 export function createEditorMount(jsonSchema) {
     return {
-        mount(el, { content, schema, theme, onChange, fieldsBaseUrl }) {
+        mount(el, { content, schema, theme, onChange, fieldsBaseUrl, onPickAsset }) {
             const existing = roots.get(el);
             if (existing)
                 existing.unmount();
             const root = createRoot(el);
             roots.set(el, root);
-            root.render(_jsx(DefaultEditorForm, { schema: schema ?? jsonSchema, content: content, theme: theme, fieldsBaseUrl: fieldsBaseUrl, onChange: onChange }));
+            root.render(_jsx(DefaultEditorForm, { schema: schema ?? jsonSchema, content: content, theme: theme, fieldsBaseUrl: fieldsBaseUrl, onPickAsset: onPickAsset, onChange: onChange }));
         },
         unmount(el) {
             const root = roots.get(el);