@batterai/editor-shell 0.1.0

package/dist/components/image-editor/MediaBrowser.d.ts

@@ -0,0 +1,22 @@
+import type { CmsContent, MediaAsset } from "../../types";
+import type { ImageStage, ImageUsageDraft } from "./types";
+export declare function MediaBrowser({ content, items, loading, maxCount, minCount, multi, nextCursor, onStage, selectedUsageCount, stage, upload, uploadAlt, uploading, usage, load, setUploadAlt, setUploadFile, }: {
+    content: CmsContent;
+    items: readonly MediaAsset[];
+    loading: boolean;
+    maxCount: number;
+    minCount: number;
+    multi: boolean;
+    nextCursor: string | undefined;
+    onStage: (next: ImageStage | ((current: ImageStage) => ImageStage)) => void;
+    selectedUsageCount: number;
+    stage: ImageStage;
+    upload: () => Promise<void>;
+    uploadAlt: string;
+    uploading: boolean;
+    usage: ImageUsageDraft;
+    load: (cursor?: string) => Promise<void>;
+    setUploadAlt: (value: string) => void;
+    setUploadFile: (value: File | null) => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=MediaBrowser.d.ts.map

package/dist/components/image-editor/MediaBrowser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaBrowser.d.ts","sourceRoot":"","sources":["../../../src/components/image-editor/MediaBrowser.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE1D,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAS3D,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,UAAU,EACV,OAAO,EACP,kBAAkB,EAClB,KAAK,EACL,MAAM,EACN,SAAS,EACT,SAAS,EACT,KAAK,EACL,IAAI,EACJ,YAAY,EACZ,aAAa,GACd,EAAE;IACD,OAAO,EAAE,UAAU,CAAC;IACpB,KAAK,EAAE,SAAS,UAAU,EAAE,CAAC;IAC7B,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,OAAO,CAAC;IACf,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,OAAO,EAAE,CAAC,IAAI,EAAE,UAAU,GAAG,CAAC,CAAC,OAAO,EAAE,UAAU,KAAK,UAAU,CAAC,KAAK,IAAI,CAAC;IAC5E,kBAAkB,EAAE,MAAM,CAAC;IAC3B,KAAK,EAAE,UAAU,CAAC;IAClB,MAAM,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,eAAe,CAAC;IACvB,IAAI,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACzC,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,aAAa,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;CAC7C,+BAqHA"}

package/dist/components/image-editor/MediaBrowser.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { ImageIcon, Upload } from "lucide-react";
+import { ALLOWED_MIME_TYPES } from "./types.js";
+import { addUsage, moveUsage, removeUsage, setActiveUsageIndex, updatePrimaryUsage, } from "./stage.js";
+export function MediaBrowser({ content, items, loading, maxCount, minCount, multi, nextCursor, onStage, selectedUsageCount, stage, upload, uploadAlt, uploading, usage, load, setUploadAlt, setUploadFile, }) {
+    return (_jsxs(_Fragment, { children: [multi ? (_jsxs("div", { className: "image-editor-usage-list", "aria-label": "Selected images", children: [stage.usages.map((candidate, index) => {
+                        const asset = content.media.find((item) => item.id === candidate.asset);
+                        return (_jsxs("div", { className: index === stage.activeIndex ? "is-active" : "", draggable: true, onDragStart: (event) => event.dataTransfer.setData("text/plain", String(index)), onDragOver: (event) => event.preventDefault(), onDrop: (event) => {
+                                event.preventDefault();
+                                const from = Number(event.dataTransfer.getData("text/plain"));
+                                if (Number.isInteger(from))
+                                    onStage((current) => moveUsage(current, from, index));
+                            }, children: [_jsxs("button", { type: "button", className: "image-editor-usage-thumb", "aria-pressed": index === stage.activeIndex, onClick: () => onStage((current) => setActiveUsageIndex(current, index)), children: [asset ? _jsx("img", { src: asset.url, alt: asset.alt }) : _jsx(ImageIcon, { size: 16 }), _jsx("span", { children: asset?.title ?? `Image ${index + 1}` })] }), _jsxs("div", { className: "image-editor-usage-actions", children: [_jsx("button", { type: "button", "aria-label": "Move up", disabled: index === 0, onClick: () => onStage((current) => moveUsage(current, index, index - 1)), children: "\u2191" }), _jsx("button", { type: "button", "aria-label": "Move down", disabled: index === stage.usages.length - 1, onClick: () => onStage((current) => moveUsage(current, index, index + 1)), children: "\u2193" }), _jsx("button", { type: "button", "aria-label": "Remove", disabled: stage.usages.length <= minCount, onClick: () => onStage((current) => removeUsage(current, index, minCount)), children: "\u00D7" })] })] }, `${candidate.asset || "slot"}-${index}`));
+                    }), _jsx("button", { type: "button", className: "image-editor-secondary", disabled: stage.usages.length >= maxCount, onClick: () => onStage((current) => addUsage(current, maxCount)), children: "Add image" }), selectedUsageCount >= maxCount ? (_jsxs("small", { role: "note", children: ["Maximum ", maxCount, " images."] })) : null] })) : null, _jsx("div", { className: "image-editor-grid", children: items.map((asset) => (_jsxs("button", { type: "button", className: usage.asset === asset.id ? "is-selected" : "", "aria-pressed": usage.asset === asset.id, "data-image-editor-option": asset.id, onClick: () => onStage((current) => updatePrimaryUsage(current, { asset: asset.id })), children: [_jsx("img", { src: asset.url, alt: asset.alt }), _jsx("span", { children: asset.title })] }, asset.id))) }), loading ? _jsx("p", { className: "be-media-picker__loading", children: "Loading..." }) : null, nextCursor ? (_jsx("button", { type: "button", className: "image-editor-secondary", disabled: loading, onClick: () => void load(nextCursor), children: "More media" })) : null, _jsxs("div", { className: "image-editor-upload", children: [_jsxs("label", { children: ["Alt text for upload", _jsx("input", { type: "text", value: uploadAlt, "data-image-editor-upload-alt": "", disabled: uploading, onChange: (event) => setUploadAlt(event.target.value) })] }), _jsx("input", { type: "file", accept: ALLOWED_MIME_TYPES.join(","), "data-image-editor-upload-input": "", disabled: uploading, onChange: (event) => setUploadFile(event.target.files?.[0] ?? null) }), _jsxs("button", { type: "button", disabled: uploading, "data-image-editor-upload-button": "", onClick: () => void upload(), children: [_jsx(Upload, { size: 14 }), "Upload"] })] })] }));
+}
+//# sourceMappingURL=MediaBrowser.js.map

package/dist/components/image-editor/MediaBrowser.js.map

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

package/dist/components/image-editor/UsageSettingsForm.d.ts

@@ -0,0 +1,10 @@
+import type { CmsContent } from "../../types";
+import type { ImageStage, ImageUsageDraft } from "./types";
+export declare function UsageSettingsForm({ content, heightInvalid, onStage, usage, widthInvalid, }: {
+    content: CmsContent;
+    heightInvalid: boolean;
+    onStage: (next: ImageStage | ((current: ImageStage) => ImageStage)) => void;
+    usage: ImageUsageDraft;
+    widthInvalid: boolean;
+}): import("react").JSX.Element;
+//# sourceMappingURL=UsageSettingsForm.d.ts.map

package/dist/components/image-editor/UsageSettingsForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UsageSettingsForm.d.ts","sourceRoot":"","sources":["../../../src/components/image-editor/UsageSettingsForm.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAG3D,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,aAAa,EACb,OAAO,EACP,KAAK,EACL,YAAY,GACb,EAAE;IACD,OAAO,EAAE,UAAU,CAAC;IACpB,aAAa,EAAE,OAAO,CAAC;IACvB,OAAO,EAAE,CAAC,IAAI,EAAE,UAAU,GAAG,CAAC,CAAC,OAAO,EAAE,UAAU,KAAK,UAAU,CAAC,KAAK,IAAI,CAAC;IAC5E,KAAK,EAAE,eAAe,CAAC;IACvB,YAAY,EAAE,OAAO,CAAC;CACvB,+BAyRA"}

package/dist/components/image-editor/UsageSettingsForm.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { ExternalLink, Link2 } from "lucide-react";
+import { FOCAL_PRESETS } from "./types.js";
+import { primaryUsage, updatePrimaryUsage } from "./stage.js";
+export function UsageSettingsForm({ content, heightInvalid, onStage, usage, widthInvalid, }) {
+    return (_jsxs(_Fragment, { children: [_jsxs("label", { children: ["Override alt text", _jsx("input", { type: "text", value: usage.altOverride, onChange: (event) => onStage((current) => updatePrimaryUsage(current, { altOverride: event.target.value })) })] }), _jsxs("label", { children: ["Override title", _jsx("input", { type: "text", value: usage.titleOverride, onChange: (event) => onStage((current) => updatePrimaryUsage(current, { titleOverride: event.target.value })) })] }), _jsxs("label", { children: ["Caption", _jsx("textarea", { rows: 3, value: usage.caption, onChange: (event) => onStage((current) => updatePrimaryUsage(current, { caption: event.target.value })) })] }), _jsxs("div", { className: "image-editor-advanced", children: [_jsx("h3", { children: "Presentation" }), _jsxs("div", { className: "image-editor-range-pair", children: [_jsxs("label", { children: ["Focus X", _jsx("input", { type: "range", min: "0", max: "1", step: "0.01", value: usage.focalOverride?.x ?? 0.5, onChange: (event) => onStage((current) => updatePrimaryUsage(current, {
+                                            focalOverride: {
+                                                x: Number(event.target.value),
+                                                y: primaryUsage(current).focalOverride?.y ?? 0.5,
+                                            },
+                                        })) }), _jsxs("output", { children: [Math.round((usage.focalOverride?.x ?? 0.5) * 100), "%"] })] }), _jsxs("label", { children: ["Focus Y", _jsx("input", { type: "range", min: "0", max: "1", step: "0.01", value: usage.focalOverride?.y ?? 0.5, onChange: (event) => onStage((current) => updatePrimaryUsage(current, {
+                                            focalOverride: {
+                                                x: primaryUsage(current).focalOverride?.x ?? 0.5,
+                                                y: Number(event.target.value),
+                                            },
+                                        })) }), _jsxs("output", { children: [Math.round((usage.focalOverride?.y ?? 0.5) * 100), "%"] })] }), usage.focalOverride ? (_jsx("button", { type: "button", className: "image-editor-secondary", onClick: () => onStage((current) => updatePrimaryUsage(current, { focalOverride: undefined })), children: "Reset focus" })) : null] }), _jsx("div", { className: "image-editor-focal-presets", role: "group", "aria-label": "Focus presets", children: FOCAL_PRESETS.map((preset) => (_jsx("button", { type: "button", onClick: () => onStage((current) => updatePrimaryUsage(current, { focalOverride: preset.value })), children: preset.label }, preset.label))) }), _jsxs("label", { children: ["Aspect ratio", _jsxs("select", { value: usage.aspectMode, onChange: (event) => onStage((current) => updatePrimaryUsage(current, {
+                                    aspectMode: event.target.value,
+                                })), children: [_jsx("option", { value: "none", children: "None" }), _jsx("option", { value: "16:9", children: "16:9" }), _jsx("option", { value: "1:1", children: "1:1" }), _jsx("option", { value: "4:3", children: "4:3" }), _jsx("option", { value: "3:2", children: "3:2" }), _jsx("option", { value: "custom", children: "Custom" })] })] }), usage.aspectMode === "custom" ? (_jsxs("div", { className: "image-editor-inline-fields", children: [_jsxs("label", { children: ["Width ratio", _jsx("input", { type: "number", min: "1", step: "1", value: usage.customAspectW, onChange: (event) => onStage((current) => updatePrimaryUsage(current, { customAspectW: event.target.value })) })] }), _jsxs("label", { children: ["Height ratio", _jsx("input", { type: "number", min: "1", step: "1", value: usage.customAspectH, onChange: (event) => onStage((current) => updatePrimaryUsage(current, { customAspectH: event.target.value })) })] })] })) : null, _jsxs("div", { className: "image-editor-inline-fields", children: [_jsxs("label", { children: ["Width", _jsx("input", { type: "text", placeholder: "50%", value: usage.sizing.width, "aria-invalid": widthInvalid || undefined, onChange: (event) => onStage((current) => updatePrimaryUsage(current, {
+                                            sizing: { ...primaryUsage(current).sizing, width: event.target.value },
+                                        })) }), widthInvalid ? _jsx("small", { role: "alert", children: "Invalid CSS length" }) : null] }), _jsxs("label", { children: ["Height", _jsx("input", { type: "text", placeholder: "240px", value: usage.sizing.height, "aria-invalid": heightInvalid || undefined, onChange: (event) => onStage((current) => updatePrimaryUsage(current, {
+                                            sizing: { ...primaryUsage(current).sizing, height: event.target.value },
+                                        })) }), heightInvalid ? _jsx("small", { role: "alert", children: "Invalid CSS length" }) : null] })] }), _jsxs("label", { children: ["Fit", _jsxs("select", { value: usage.sizing.objectFit, onChange: (event) => onStage((current) => updatePrimaryUsage(current, {
+                                    sizing: {
+                                        ...primaryUsage(current).sizing,
+                                        objectFit: event.target.value,
+                                    },
+                                })), children: [_jsx("option", { value: "", children: "Automatic" }), _jsx("option", { value: "cover", children: "Cover" }), _jsx("option", { value: "contain", children: "Contain" }), _jsx("option", { value: "fill", children: "Fill" })] })] }), _jsxs("label", { children: ["Opacity", _jsx("input", { type: "range", min: "0", max: "100", step: "1", value: Math.round((usage.opacity ?? 1) * 100), onChange: (event) => onStage((current) => updatePrimaryUsage(current, { opacity: Number(event.target.value) / 100 })) }), _jsxs("output", { children: [Math.round((usage.opacity ?? 1) * 100), "%"] })] })] }), _jsxs("div", { className: "image-editor-link", children: [_jsx("span", { children: "Link" }), _jsxs("div", { className: "image-editor-link__modes", role: "group", "aria-label": "Link type", children: [_jsx("button", { type: "button", className: usage.link.kind === "none" ? "is-selected" : "", onClick: () => onStage((current) => updatePrimaryUsage(current, { link: { kind: "none" } })), children: "None" }), _jsxs("button", { type: "button", className: usage.link.kind === "page" ? "is-selected" : "", onClick: () => onStage((current) => updatePrimaryUsage(current, { link: { kind: "page", pageId: content.routes[0]?.id ?? "" } })), children: [_jsx(Link2, { size: 13 }), "Page"] }), _jsxs("button", { type: "button", className: usage.link.kind === "external" ? "is-selected" : "", onClick: () => onStage((current) => updatePrimaryUsage(current, { link: { kind: "external", href: "" } })), children: [_jsx(ExternalLink, { size: 13 }), "External"] })] }), usage.link.kind === "page" ? (_jsx("select", { "aria-label": "Link page", value: usage.link.pageId, onChange: (event) => onStage((current) => updatePrimaryUsage(current, { link: { kind: "page", pageId: event.target.value } })), children: content.routes.map((route) => (_jsxs("option", { value: route.id, children: [route.label, " (", route.path, ")"] }, route.id))) })) : null, usage.link.kind === "external" ? (_jsx("input", { type: "url", "aria-label": "External link", placeholder: "example.test", value: usage.link.href, onChange: (event) => onStage((current) => updatePrimaryUsage(current, { link: { kind: "external", href: event.target.value } })) })) : null] })] }));
+}
+//# sourceMappingURL=UsageSettingsForm.js.map

package/dist/components/image-editor/UsageSettingsForm.js.map

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

package/dist/components/image-editor/preview-style.d.ts

@@ -0,0 +1,7 @@
+import type { CSSProperties } from "react";
+import type { ImageUsageDraft } from "./types";
+export declare function previewImageFrameStyle(draft: ImageUsageDraft): CSSProperties;
+export declare function previewImageStyleForUsage(draft: ImageUsageDraft): CSSProperties;
+export declare function previewCssLength(value: string): string | undefined;
+export declare function aspectRatioCss(draft: ImageUsageDraft): string | undefined;
+//# sourceMappingURL=preview-style.d.ts.map

package/dist/components/image-editor/preview-style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview-style.d.ts","sourceRoot":"","sources":["../../../src/components/image-editor/preview-style.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAG/C,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,eAAe,GAAG,aAAa,CAS5E;AAED,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,eAAe,GAAG,aAAa,CAkB/E;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAGlE;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,eAAe,GAAG,MAAM,GAAG,SAAS,CAKzE"}

package/dist/components/image-editor/preview-style.js

@@ -0,0 +1,47 @@
+import { isCssLength } from "@batterai/contract";
+import { imageAspectFromDraft } from "./usage-conversion.js";
+export function previewImageFrameStyle(draft) {
+    const style = {};
+    const aspectRatio = aspectRatioCss(draft);
+    const width = previewCssLength(draft.sizing.width);
+    const height = previewCssLength(draft.sizing.height);
+    if (aspectRatio)
+        style.aspectRatio = aspectRatio;
+    if (width)
+        style.width = width;
+    if (height)
+        style.height = height;
+    return style;
+}
+export function previewImageStyleForUsage(draft) {
+    const style = {};
+    const aspectRatio = aspectRatioCss(draft);
+    const objectFit = draft.sizing.objectFit || undefined;
+    if (draft.focalOverride) {
+        style.objectPosition = `${Math.round(draft.focalOverride.x * 100)}% ${Math.round(draft.focalOverride.y * 100)}%`;
+    }
+    if (aspectRatio) {
+        style.width = "100%";
+        style.height = "100%";
+        style.objectFit = objectFit ?? "cover";
+    }
+    else if (objectFit) {
+        style.objectFit = objectFit;
+    }
+    if (draft.opacity !== undefined)
+        style.opacity = draft.opacity;
+    return style;
+}
+export function previewCssLength(value) {
+    const trimmed = value.trim();
+    return trimmed && isCssLength(trimmed) ? trimmed : undefined;
+}
+export function aspectRatioCss(draft) {
+    const aspect = imageAspectFromDraft(draft);
+    if (!aspect)
+        return undefined;
+    if ("preset" in aspect)
+        return aspect.preset.replace(":", " / ");
+    return `${aspect.custom.w} / ${aspect.custom.h}`;
+}
+//# sourceMappingURL=preview-style.js.map

package/dist/components/image-editor/preview-style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview-style.js","sourceRoot":"","sources":["../../../src/components/image-editor/preview-style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAGjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAE1D,MAAM,UAAU,sBAAsB,CAAC,KAAsB;IAC3D,MAAM,KAAK,GAAkB,EAAE,CAAC;IAChC,MAAM,WAAW,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;IAC1C,MAAM,KAAK,GAAG,gBAAgB,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACnD,MAAM,MAAM,GAAG,gBAAgB,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IACrD,IAAI,WAAW;QAAE,KAAK,CAAC,WAAW,GAAG,WAAW,CAAC;IACjD,IAAI,KAAK;QAAE,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC;IAC/B,IAAI,MAAM;QAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;IAClC,OAAO,KAAK,CAAC;AACf,CAAC;AAED,MAAM,UAAU,yBAAyB,CAAC,KAAsB;IAC9D,MAAM,KAAK,GAAkB,EAAE,CAAC;IAChC,MAAM,WAAW,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;IAC1C,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,SAAS,IAAI,SAAS,CAAC;IACtD,IAAI,KAAK,CAAC,aAAa,EAAE,CAAC;QACxB,KAAK,CAAC,cAAc,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,GAAG,GAAG,CAAC,KAAK,IAAI,CAAC,KAAK,CAC9E,KAAK,CAAC,aAAa,CAAC,CAAC,GAAG,GAAG,CAC5B,GAAG,CAAC;IACP,CAAC;IACD,IAAI,WAAW,EAAE,CAAC;QAChB,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC;QACrB,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;QACtB,KAAK,CAAC,SAAS,GAAG,SAAS,IAAI,OAAO,CAAC;IACzC,CAAC;SAAM,IAAI,SAAS,EAAE,CAAC;QACrB,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IAC9B,CAAC;IACD,IAAI,KAAK,CAAC,OAAO,KAAK,SAAS;QAAE,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;IAC/D,OAAO,KAAK,CAAC;AACf,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,KAAa;IAC5C,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC;IAC7B,OAAO,OAAO,IAAI,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC;AAC/D,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,KAAsB;IACnD,MAAM,MAAM,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAC3C,IAAI,CAAC,MAAM;QAAE,OAAO,SAAS,CAAC;IAC9B,IAAI,QAAQ,IAAI,MAAM;QAAE,OAAO,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;IACjE,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,MAAM,MAAM,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC;AACnD,CAAC"}

package/dist/components/image-editor/stage.d.ts

@@ -0,0 +1,14 @@
+import type { BlockNode } from "@batterai/bind-core";
+import type { BlockField } from "../../types";
+import type { ImageStage, ImageUsageDraft } from "./types";
+export declare function stageFromBlock(block: BlockNode, fieldName: string, value: unknown): ImageStage;
+export declare function patchFromStage(fieldName: string, stage: ImageStage, block: BlockNode): Record<string, unknown>;
+export declare function primaryUsage(stage: ImageStage): ImageUsageDraft;
+export declare function updatePrimaryUsage(stage: ImageStage, patch: Partial<ImageUsageDraft>): ImageStage;
+export declare function setActiveUsageIndex(stage: ImageStage, index: number): ImageStage;
+export declare function addUsage(stage: ImageStage, maxCount: number): ImageStage;
+export declare function removeUsage(stage: ImageStage, index: number, minCount: number): ImageStage;
+export declare function moveUsage(stage: ImageStage, from: number, to: number): ImageStage;
+export declare function minCountForField(field: BlockField): number;
+export declare function maxCountForField(field: BlockField): number;
+//# sourceMappingURL=stage.d.ts.map

package/dist/components/image-editor/stage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stage.d.ts","sourceRoot":"","sources":["../../../src/components/image-editor/stage.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAErD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAsB3D,wBAAgB,cAAc,CAAC,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,GAAG,UAAU,CAU9F;AAED,wBAAgB,cAAc,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAsB9G;AAqCD,wBAAgB,YAAY,CAAC,KAAK,EAAE,UAAU,GAAG,eAAe,CAE/D;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,OAAO,CAAC,eAAe,CAAC,GAAG,UAAU,CAKjG;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,GAAG,UAAU,CAEhF;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,GAAG,UAAU,CAGxE;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,UAAU,CAI1F;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,GAAG,UAAU,CAOjF;AAOD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,UAAU,UAEjD;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,UAAU,UAEjD"}

package/dist/components/image-editor/stage.js

@@ -0,0 +1,116 @@
+import { mediaAssetId } from "@batterai/contract";
+import { hasProp, readProp } from "../../model/bind-map.js";
+import { aspectDraftFromImageAspect, asString, compactUsage, draftFromImageUsage, draftSizingFromValue, emptyUsageDraft, imageLinkFromStage, imageSizingFromValue, imageUsageFromDraft, imageUsagesFromValue, isFocalPoint, isImageAspect, isImageLink, optionalOpacity, optionalText, serializeImageLink, serializeImageUsage, usageArrayProp, } from "./usage-conversion.js";
+export function stageFromBlock(block, fieldName, value) {
+    const usageArray = imageUsagesFromValue(readProp(block, usageArrayProp(fieldName)));
+    const usage = legacyImageUsageFromBlock(block, fieldName, value);
+    const usages = usageArray.length
+        ? usageArray.map(draftFromImageUsage)
+        : [usage ? draftFromImageUsage(usage) : legacyPresentationDraft(block)];
+    return {
+        usages,
+        activeIndex: 0,
+    };
+}
+export function patchFromStage(fieldName, stage, block) {
+    const draft = primaryUsage(stage);
+    const usage = imageUsageFromDraft(draft);
+    const usages = stage.usages.map(imageUsageFromDraft).filter((candidate) => Boolean(candidate));
+    const patch = {
+        altOverride: optionalText(draft.altOverride),
+        aspect: usage?.aspect,
+        focalOverride: usage?.focalOverride,
+        imageLink: usage?.link ? serializeImageLink(usage.link) : undefined,
+        opacity: usage?.opacity,
+        sizing: usage?.sizing,
+        titleOverride: optionalText(draft.titleOverride),
+        [usageArrayProp(fieldName)]: usages.length > 1 ? usages.map(serializeImageUsage) : undefined,
+    };
+    const firstUsage = usages[0];
+    if (firstUsage && (typeof readProp(block, fieldName) === "string" || firstUsage.asset)) {
+        patch[fieldName] = firstUsage.asset;
+    }
+    if (hasProp(block, "caption") || draft.caption.trim()) {
+        patch.caption = draft.caption;
+    }
+    return patch;
+}
+function legacyImageUsageFromBlock(block, fieldName, value) {
+    if (typeof value !== "string" || !value)
+        return null;
+    const link = readProp(block, "imageLink");
+    const focalOverride = readProp(block, "focalOverride");
+    const aspect = readProp(block, "aspect");
+    return compactUsage({
+        asset: mediaAssetId(value),
+        altOverride: optionalText(asString(readProp(block, "altOverride"))),
+        titleOverride: optionalText(asString(readProp(block, "titleOverride"))),
+        caption: optionalText(asString(readProp(block, "caption"))),
+        link: isImageLink(link) ? imageLinkFromStage(link) : undefined,
+        focalOverride: isFocalPoint(focalOverride) ? focalOverride : undefined,
+        aspect: isImageAspect(aspect) ? aspect : undefined,
+        sizing: imageSizingFromValue(readProp(block, "sizing")),
+        opacity: optionalOpacity(readProp(block, "opacity")),
+    });
+}
+function legacyPresentationDraft(block) {
+    const link = readProp(block, "imageLink");
+    const focalOverride = readProp(block, "focalOverride");
+    const aspect = readProp(block, "aspect");
+    return {
+        ...emptyUsageDraft(),
+        altOverride: asString(readProp(block, "altOverride")),
+        titleOverride: asString(readProp(block, "titleOverride")),
+        caption: asString(readProp(block, "caption")),
+        link: isImageLink(link) ? link : { kind: "none" },
+        focalOverride: isFocalPoint(focalOverride) ? focalOverride : undefined,
+        ...aspectDraftFromImageAspect(isImageAspect(aspect) ? aspect : undefined),
+        sizing: draftSizingFromValue(readProp(block, "sizing")),
+        opacity: optionalOpacity(readProp(block, "opacity")),
+    };
+}
+export function primaryUsage(stage) {
+    return stage.usages[stage.activeIndex] ?? stage.usages[0] ?? emptyUsageDraft();
+}
+export function updatePrimaryUsage(stage, patch) {
+    const activeIndex = normalizeActiveIndex(stage.activeIndex, stage.usages.length);
+    const usages = stage.usages.length ? [...stage.usages] : [emptyUsageDraft()];
+    usages[activeIndex] = { ...primaryUsage(stage), ...patch };
+    return { usages, activeIndex };
+}
+export function setActiveUsageIndex(stage, index) {
+    return { ...stage, activeIndex: normalizeActiveIndex(index, stage.usages.length) };
+}
+export function addUsage(stage, maxCount) {
+    if (stage.usages.length >= maxCount)
+        return stage;
+    return { usages: [...stage.usages, emptyUsageDraft()], activeIndex: stage.usages.length };
+}
+export function removeUsage(stage, index, minCount) {
+    if (stage.usages.length <= minCount)
+        return stage;
+    const usages = stage.usages.filter((_, candidateIndex) => candidateIndex !== index);
+    return { usages, activeIndex: normalizeActiveIndex(Math.min(index, usages.length - 1), usages.length) };
+}
+export function moveUsage(stage, from, to) {
+    if (from === to || from < 0 || to < 0 || from >= stage.usages.length || to >= stage.usages.length)
+        return stage;
+    const usages = [...stage.usages];
+    const [moved] = usages.splice(from, 1);
+    if (!moved)
+        return stage;
+    usages.splice(to, 0, moved);
+    return { usages, activeIndex: to };
+}
+function normalizeActiveIndex(index, length) {
+    if (length <= 0)
+        return 0;
+    return Math.max(0, Math.min(index, length - 1));
+}
+export function minCountForField(field) {
+    return Math.max(0, Math.trunc(field.min ?? 0));
+}
+export function maxCountForField(field) {
+    return Math.max(1, Math.trunc(field.max ?? 1));
+}
+//# sourceMappingURL=stage.js.map

package/dist/components/image-editor/stage.js.map

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

package/dist/components/image-editor/types.d.ts

@@ -0,0 +1,38 @@
+import type { FocalPoint } from "@batterai/contract";
+export declare const MAX_EDITOR_UPLOAD_BYTES: number;
+export declare const ALLOWED_MIME_TYPES: readonly ["image/png", "image/jpeg", "image/webp"];
+export declare const FOCAL_PRESETS: ReadonlyArray<{
+    label: string;
+    value: FocalPoint;
+}>;
+export type LinkStage = {
+    kind: "none";
+} | {
+    kind: "external";
+    href: string;
+} | {
+    kind: "page";
+    pageId: string;
+};
+export type ImageUsageDraft = {
+    asset: string;
+    altOverride: string;
+    titleOverride: string;
+    caption: string;
+    link: LinkStage;
+    focalOverride?: FocalPoint;
+    aspectMode: "none" | "16:9" | "1:1" | "4:3" | "3:2" | "custom";
+    customAspectW: string;
+    customAspectH: string;
+    sizing: {
+        width: string;
+        height: string;
+        objectFit: "" | "cover" | "contain" | "fill";
+    };
+    opacity?: number;
+};
+export type ImageStage = {
+    usages: ImageUsageDraft[];
+    activeIndex: number;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/image-editor/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/image-editor/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,eAAO,MAAM,uBAAuB,QAAkB,CAAC;AACvD,eAAO,MAAM,kBAAkB,oDAAqD,CAAC;AACrF,eAAO,MAAM,aAAa,EAAE,aAAa,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,UAAU,CAAA;CAAE,CAM7E,CAAC;AAEF,MAAM,MAAM,SAAS,GACjB;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,GAChB;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GAClC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC;AAErC,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,SAAS,CAAC;IAChB,aAAa,CAAC,EAAE,UAAU,CAAC;IAC3B,UAAU,EAAE,MAAM,GAAG,MAAM,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,CAAC;IAC/D,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE;QACN,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,SAAS,EAAE,EAAE,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;KAC9C,CAAC;IACF,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB,MAAM,EAAE,eAAe,EAAE,CAAC;IAC1B,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC"}

package/dist/components/image-editor/types.js

@@ -0,0 +1,10 @@
+export const MAX_EDITOR_UPLOAD_BYTES = 2 * 1024 * 1024;
+export const ALLOWED_MIME_TYPES = ["image/png", "image/jpeg", "image/webp"];
+export const FOCAL_PRESETS = [
+    { label: "Center", value: { x: 0.5, y: 0.5 } },
+    { label: "Top", value: { x: 0.5, y: 0.15 } },
+    { label: "Bottom", value: { x: 0.5, y: 0.85 } },
+    { label: "Left", value: { x: 0.15, y: 0.5 } },
+    { label: "Right", value: { x: 0.85, y: 0.5 } },
+];
+//# sourceMappingURL=types.js.map

package/dist/components/image-editor/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/image-editor/types.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,GAAG,IAAI,GAAG,IAAI,CAAC;AACvD,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,WAAW,EAAE,YAAY,EAAE,YAAY,CAAU,CAAC;AACrF,MAAM,CAAC,MAAM,aAAa,GAAwD;IAChF,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE;IAC9C,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE;IAC5C,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE;IAC/C,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE;IAC7C,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE;CAC/C,CAAC"}

package/dist/components/image-editor/usage-conversion.d.ts

@@ -0,0 +1,35 @@
+import { type CssLength, type FocalPoint, type ImageAspect, type ImageLink, type ImageUsage } from "@batterai/contract";
+import type { CmsContent } from "../../types";
+import type { ImageUsageDraft, LinkStage } from "./types";
+export declare function usageArrayProp(fieldName: string): string;
+export declare function imageUsagesFromValue(value: unknown): ImageUsage[];
+export declare function imageUsageFromValue(value: unknown): ImageUsage | null;
+export declare function serializeImageUsage(usage: ImageUsage): Record<string, unknown>;
+export declare function compactUsage(usage: ImageUsage): ImageUsage;
+export declare function draftFromImageUsage(usage: ImageUsage): ImageUsageDraft;
+export declare function emptyUsageDraft(): ImageUsageDraft;
+export declare function imageUsageFromDraft(draft: ImageUsageDraft): ImageUsage | null;
+export declare function validateUsageDraft(draft: ImageUsageDraft): string | null;
+export declare function aspectDraftFromImageAspect(aspect: ImageAspect | undefined): Pick<ImageUsageDraft, "aspectMode" | "customAspectW" | "customAspectH">;
+export declare function imageAspectFromDraft(draft: ImageUsageDraft): ImageAspect | undefined;
+export declare function imageSizingFromDraft(draft: ImageUsageDraft): ImageUsage["sizing"] | undefined;
+export declare function optionalCssLength(value: string): CssLength | undefined;
+export declare function draftSizingFromValue(value: unknown): ImageUsageDraft["sizing"];
+export declare function imageSizingFromValue(value: unknown): ImageUsage["sizing"] | undefined;
+export declare function isObjectFit(value: unknown): value is NonNullable<ImageUsage["sizing"]>["objectFit"];
+export declare function optionalOpacity(value: unknown): number | undefined;
+export declare function isFocalPoint(value: unknown): value is FocalPoint;
+export declare function isImageAspect(value: unknown): value is ImageAspect;
+export declare function asString(value: unknown): string;
+export declare function optionalText(value: string): string | undefined;
+export declare function isImageLink(value: unknown): value is LinkStage;
+export declare function imageLinkFromStage(link: LinkStage): ImageLink | undefined;
+export declare function linkStageFromImageLink(link: ImageUsage["link"]): LinkStage;
+export declare function serializeImageLink(link: ImageLink): Exclude<LinkStage, {
+    kind: "none";
+}>;
+export declare function hrefForStage(link: LinkStage, content: CmsContent): string;
+export declare function safeExternalHref(value: string): boolean;
+export declare function errorMessage(error: unknown): string;
+export declare function clamp01(value: number): number;
+//# sourceMappingURL=usage-conversion.d.ts.map

package/dist/components/image-editor/usage-conversion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usage-conversion.d.ts","sourceRoot":"","sources":["../../../src/components/image-editor/usage-conversion.ts"],"names":[],"mappings":"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"}