pagiera 0.2.0-alpha.33

package/dist/internal/app/p/editor/use-canvas-view.js

@@ -0,0 +1,242 @@
+"use client";
+import { useCallback, useEffect, useLayoutEffect, useRef, useState, } from "react";
+export const MIN_ZOOM = 10;
+export const MAX_ZOOM = 400;
+/** Presets the +/- buttons step through. */
+const ZOOM_STEPS = [10, 25, 50, 75, 100, 125, 150, 200, 300, 400];
+const clamp = (value) => Math.min(MAX_ZOOM, Math.max(MIN_ZOOM, Math.round(value)));
+/**
+ * Photoshop-style canvas navigation: Ctrl/⌘ + wheel zooms toward the pointer,
+ * space-drag and middle-drag pan, plain wheel scrolls.
+ *
+ * Zooming has to keep the point under the cursor fixed, which means adjusting
+ * the scroll offset in the same frame the scale changes — hence the anchor
+ * captured before the state update and applied in a layout effect.
+ */
+export function useCanvasView(contentWidth) {
+    const viewportRef = useRef(null);
+    /** The scaled frame; all anchoring maths is relative to this box. */
+    const frameRef = useRef(null);
+    const [zoom, setZoomState] = useState(100);
+    /**
+     * The canvas fits itself to the space available until the author zooms by
+     * hand — otherwise a 1280 frame in a narrower window overflows and pins
+     * itself to the left edge instead of sitting centred.
+     */
+    const autoFitRef = useRef(true);
+    const zoomRef = useRef(zoom);
+    zoomRef.current = zoom;
+    const anchorRef = useRef(null);
+    /**
+     * Brings the frames back into view. The scroll content carries a wide
+     * gutter so the canvas can be panned freely, which means the natural
+     * scroll origin is empty space rather than the page.
+     */
+    const recenter = useCallback(() => {
+        const viewport = viewportRef.current;
+        if (!viewport)
+            return;
+        viewport.scrollLeft = (viewport.scrollWidth - viewport.clientWidth) / 2;
+        const frame = frameRef.current;
+        // Sit just above the frame rather than centring vertically: a tall
+        // page should open at its top, not its middle.
+        viewport.scrollTop = frame
+            ? Math.max(0, frame.getBoundingClientRect().top - viewport.getBoundingClientRect().top + viewport.scrollTop - 48)
+            : (viewport.scrollHeight - viewport.clientHeight) / 2;
+    }, []);
+    const zoomAt = useCallback((next, clientX, clientY) => {
+        const frame = frameRef.current;
+        if (frame) {
+            const rect = frame.getBoundingClientRect();
+            const scale = zoomRef.current / 100;
+            anchorRef.current = {
+                clientX,
+                clientY,
+                // Where the cursor sits in unscaled canvas coordinates.
+                cx: (clientX - rect.left) / scale,
+                cy: (clientY - rect.top) / scale,
+            };
+        }
+        autoFitRef.current = false;
+        setZoomState(clamp(next));
+    }, []);
+    /** Zoom from the centre of the viewport, for buttons and shortcuts. */
+    const zoomTo = useCallback((next) => {
+        const viewport = viewportRef.current;
+        if (!viewport) {
+            autoFitRef.current = false;
+            setZoomState(clamp(next));
+            return;
+        }
+        const rect = viewport.getBoundingClientRect();
+        zoomAt(next, rect.left + rect.width / 2, rect.top + rect.height / 2);
+    }, [zoomAt]);
+    const stepZoom = useCallback((direction) => {
+        const current = zoomRef.current;
+        const next = direction === 1
+            ? ZOOM_STEPS.find((step) => step > current + 0.5)
+            : [...ZOOM_STEPS].reverse().find((step) => step < current - 0.5);
+        zoomTo(next ?? current);
+    }, [zoomTo]);
+    /** Scales the frame down until it fits the viewport, never past 100%. */
+    const fitNow = useCallback((width, padding = 80) => {
+        const viewport = viewportRef.current;
+        if (!viewport || width <= 0)
+            return;
+        const available = viewport.clientWidth - padding;
+        setZoomState(clamp(Math.min(100, (available / width) * 100)));
+    }, []);
+    /** Explicit "fit" also re-arms auto-fitting. */
+    const zoomToFit = useCallback((width = contentWidth, padding = 80) => {
+        autoFitRef.current = true;
+        fitNow(width, padding);
+        // The layout effect below recentres once the new zoom is applied.
+    }, [contentWidth, fitNow]);
+    // Re-fit while auto-fitting is armed: on mount, when the frame width
+    // changes with the breakpoint, and whenever the panels resize the canvas.
+    useEffect(() => {
+        const viewport = viewportRef.current;
+        if (!viewport)
+            return;
+        const refit = () => {
+            if (!autoFitRef.current)
+                return;
+            fitNow(contentWidth);
+            recenter();
+        };
+        refit();
+        const observer = new ResizeObserver(refit);
+        observer.observe(viewport);
+        return () => observer.disconnect();
+    }, [contentWidth, fitNow, recenter]);
+    useLayoutEffect(() => {
+        const anchor = anchorRef.current;
+        anchorRef.current = null;
+        // An auto-fit has no anchor to preserve: put the frames back in view.
+        if (!anchor) {
+            if (autoFitRef.current)
+                recenter();
+            return;
+        }
+        const viewport = viewportRef.current;
+        const frame = frameRef.current;
+        if (!viewport || !frame)
+            return;
+        const rect = frame.getBoundingClientRect();
+        const scale = zoom / 100;
+        // Where the frame's top-left must land for the anchored point to stay
+        // under the cursor.
+        viewport.scrollLeft += rect.left - (anchor.clientX - anchor.cx * scale);
+        viewport.scrollTop += rect.top - (anchor.clientY - anchor.cy * scale);
+    }, [zoom, recenter]);
+    // Ctrl/⌘ + wheel zooms; a bare wheel keeps the container's native scroll.
+    // Trackpad pinch arrives as a wheel event with ctrlKey already set.
+    useEffect(() => {
+        const viewport = viewportRef.current;
+        if (!viewport)
+            return;
+        const onWheel = (event) => {
+            if (!event.ctrlKey && !event.metaKey)
+                return;
+            event.preventDefault();
+            const factor = Math.exp(-event.deltaY / 300);
+            zoomAt(zoomRef.current * factor, event.clientX, event.clientY);
+        };
+        viewport.addEventListener("wheel", onWheel, { passive: false });
+        return () => viewport.removeEventListener("wheel", onWheel);
+    }, [zoomAt]);
+    /* ---------------------------------------------------------------- panning */
+    const [spaceHeld, setSpaceHeld] = useState(false);
+    const spaceHeldRef = useRef(false);
+    spaceHeldRef.current = spaceHeld;
+    const [isPanning, setIsPanning] = useState(false);
+    const panRef = useRef(null);
+    useEffect(() => {
+        const isTyping = (target) => {
+            const node = target;
+            return (!!node &&
+                (node.isContentEditable ||
+                    ["INPUT", "TEXTAREA", "SELECT"].includes(node.tagName)));
+        };
+        const onKeyDown = (event) => {
+            if (event.code !== "Space" || isTyping(event.target))
+                return;
+            // Space would otherwise scroll the page.
+            event.preventDefault();
+            setSpaceHeld(true);
+        };
+        const onKeyUp = (event) => {
+            if (event.code === "Space")
+                setSpaceHeld(false);
+        };
+        // A key-up that happens while the tab is blurred never arrives, which
+        // would leave the canvas stuck in pan mode.
+        const onBlur = () => setSpaceHeld(false);
+        window.addEventListener("keydown", onKeyDown);
+        window.addEventListener("keyup", onKeyUp);
+        window.addEventListener("blur", onBlur);
+        return () => {
+            window.removeEventListener("keydown", onKeyDown);
+            window.removeEventListener("keyup", onKeyUp);
+            window.removeEventListener("blur", onBlur);
+        };
+    }, []);
+    /**
+     * Call from the canvas' mousedown. Returns true when the gesture was taken
+     * over for panning, so the caller skips selection and dragging.
+     */
+    const tryBeginPan = useCallback((event) => {
+        const viewport = viewportRef.current;
+        if (!viewport)
+            return false;
+        const wantsPan = event.button === 1 || (event.button === 0 && spaceHeldRef.current);
+        if (!wantsPan)
+            return false;
+        event.preventDefault();
+        event.stopPropagation();
+        panRef.current = {
+            x: event.clientX,
+            y: event.clientY,
+            left: viewport.scrollLeft,
+            top: viewport.scrollTop,
+        };
+        setIsPanning(true);
+        return true;
+    }, []);
+    useEffect(() => {
+        if (!isPanning)
+            return;
+        const onMove = (event) => {
+            const viewport = viewportRef.current;
+            const start = panRef.current;
+            if (!viewport || !start)
+                return;
+            viewport.scrollLeft = start.left - (event.clientX - start.x);
+            viewport.scrollTop = start.top - (event.clientY - start.y);
+        };
+        const onUp = () => {
+            panRef.current = null;
+            setIsPanning(false);
+        };
+        window.addEventListener("mousemove", onMove);
+        window.addEventListener("mouseup", onUp);
+        return () => {
+            window.removeEventListener("mousemove", onMove);
+            window.removeEventListener("mouseup", onUp);
+        };
+    }, [isPanning]);
+    return {
+        viewportRef,
+        frameRef,
+        zoom,
+        scale: zoom / 100,
+        zoomTo,
+        stepZoom,
+        zoomToFit,
+        spaceHeld,
+        isPanning,
+        tryBeginPan,
+        recenter,
+    };
+}
+//# sourceMappingURL=use-canvas-view.js.map

package/dist/internal/app/p/editor/use-canvas-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-canvas-view.js","sourceRoot":"","sources":["../../../../../src/internal/app/p/editor/use-canvas-view.ts"],"names":[],"mappings":"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"}

package/dist/internal/app/p/editor/use-editor.d.ts

@@ -0,0 +1,48 @@
+import type { CanvasElement, DataSource, RootStyle } from "@/lib/editor/types";
+export type SaveStatus = "saved" | "dirty" | "saving" | "error" | "conflict";
+/** Everything a page save writes; history and autosave track it as one unit. */
+export type EditorDocument = {
+    elements: CanvasElement[];
+    rootStyle: RootStyle;
+    dataSources: DataSource[];
+};
+export type EditorSaveResult = {
+    status: "saved";
+    version: number;
+} | {
+    status: "conflict";
+    version: number;
+    elements: CanvasElement[];
+    rootStyle: RootStyle;
+    dataSources: DataSource[];
+} | {
+    status: "error";
+    message: string;
+};
+export type EditorDocumentSaver = (pageId: string, document: EditorDocument, expectedVersion: number) => Promise<EditorSaveResult>;
+export declare function useEditorDocument({ pageId, initialDocument, initialVersion, saveDocument, }: {
+    pageId: string;
+    initialDocument: EditorDocument;
+    initialVersion: number;
+    saveDocument: EditorDocumentSaver;
+}): {
+    elements: CanvasElement[];
+    rootStyle: RootStyle;
+    dataSources: DataSource[];
+    setDataSources: (updater: DataSource[] | ((prev: DataSource[]) => DataSource[])) => void;
+    setElements: (updater: CanvasElement[] | ((prev: CanvasElement[]) => CanvasElement[]), options?: {
+        transient?: boolean;
+    }) => void;
+    setRootStyle: (patch: Partial<RootStyle>) => void;
+    beginTransaction: () => void;
+    endTransaction: () => void;
+    undo: () => void;
+    redo: () => void;
+    canUndo: boolean;
+    canRedo: boolean;
+    saveStatus: SaveStatus;
+    saveError: string | null;
+    isDirty: boolean;
+    saveNow: () => void;
+};
+//# sourceMappingURL=use-editor.d.ts.map

package/dist/internal/app/p/editor/use-editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-editor.d.ts","sourceRoot":"","sources":["../../../../../src/internal/app/p/editor/use-editor.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAK/E,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,CAAC;AAE7E,gFAAgF;AAChF,MAAM,MAAM,cAAc,GAAG;IACzB,QAAQ,EAAE,aAAa,EAAE,CAAC;IAC1B,SAAS,EAAE,SAAS,CAAC;IACrB,WAAW,EAAE,UAAU,EAAE,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,gBAAgB,GACtB;IAAE,MAAM,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,GACpC;IACI,MAAM,EAAE,UAAU,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,aAAa,EAAE,CAAC;IAC1B,SAAS,EAAE,SAAS,CAAC;IACrB,WAAW,EAAE,UAAU,EAAE,CAAC;CAC7B,GACD;IAAE,MAAM,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAAC;AAE3C,MAAM,MAAM,mBAAmB,GAAG,CAC9B,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,cAAc,EACxB,eAAe,EAAE,MAAM,KACtB,OAAO,CAAC,gBAAgB,CAAC,CAAC;AAwF/B,wBAAgB,iBAAiB,CAAC,EAC9B,MAAM,EACN,eAAe,EACf,cAAc,EACd,YAAY,GACf,EAAE;IACC,MAAM,EAAE,MAAM,CAAC;IACf,eAAe,EAAE,cAAc,CAAC;IAChC,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,mBAAmB,CAAC;CACrC;;;;8BAgJiB,UAAU,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,UAAU,EAAE,CAAC;2BArBlD,aAAa,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,aAAa,EAAE,KAAK,aAAa,EAAE,CAAC,YAC7D;QAAE,SAAS,CAAC,EAAE,OAAO,CAAA;KAAE;0BAW7B,OAAO,CAAC,SAAS,CAAC;;;;;;;;;;;EAuCjC"}

package/dist/internal/app/p/editor/use-editor.js

@@ -0,0 +1,224 @@
+"use client";
+import { useCallback, useEffect, useReducer, useRef, useState } from "react";
+const HISTORY_LIMIT = 100;
+const AUTOSAVE_DELAY = 900;
+function pushPast(past, entry) {
+    const next = [...past, entry];
+    return next.length > HISTORY_LIMIT
+        ? next.slice(next.length - HISTORY_LIMIT)
+        : next;
+}
+function reducer(state, action) {
+    switch (action.type) {
+        case "set": {
+            const next = typeof action.updater === "function"
+                ? action.updater(state.present)
+                : action.updater;
+            if (next === state.present)
+                return state;
+            // Inside a transaction the intermediate values are not history
+            // entries; `endTx` records the whole gesture as one step.
+            if (action.transient || state.txBase) {
+                return { ...state, present: next, future: [] };
+            }
+            return {
+                past: pushPast(state.past, state.present),
+                present: next,
+                future: [],
+                txBase: null,
+            };
+        }
+        case "beginTx":
+            return state.txBase ? state : { ...state, txBase: state.present };
+        case "endTx": {
+            if (!state.txBase)
+                return state;
+            if (state.txBase === state.present)
+                return { ...state, txBase: null };
+            return {
+                past: pushPast(state.past, state.txBase),
+                present: state.present,
+                future: [],
+                txBase: null,
+            };
+        }
+        case "undo": {
+            const previous = state.past.at(-1);
+            if (!previous)
+                return state;
+            return {
+                past: state.past.slice(0, -1),
+                present: previous,
+                future: [state.present, ...state.future],
+                txBase: null,
+            };
+        }
+        case "redo": {
+            const [next, ...rest] = state.future;
+            if (!next)
+                return state;
+            return {
+                past: pushPast(state.past, state.present),
+                present: next,
+                future: rest,
+                txBase: null,
+            };
+        }
+        case "reset":
+            return { past: [], present: action.document, future: [], txBase: null };
+    }
+}
+export function useEditorDocument({ pageId, initialDocument, initialVersion, saveDocument, }) {
+    const [state, dispatch] = useReducer(reducer, {
+        past: [],
+        present: initialDocument,
+        future: [],
+        txBase: null,
+    });
+    const [saveStatus, setSaveStatus] = useState("saved");
+    const [saveError, setSaveError] = useState(null);
+    const versionRef = useRef(initialVersion);
+    const savedRef = useRef(initialDocument);
+    const pendingRef = useRef(state.present);
+    const inFlightRef = useRef(false);
+    /** Set when an edit lands mid-request, so the save is retried on completion. */
+    const queuedRef = useRef(false);
+    const timerRef = useRef(null);
+    const activePageRef = useRef(pageId);
+    pendingRef.current = state.present;
+    // Swap only the document state when navigation changes the page. Keeping
+    // the Editor component mounted preserves the selected side-panel tabs,
+    // canvas view and chrome state.
+    useEffect(() => {
+        if (activePageRef.current === pageId)
+            return;
+        activePageRef.current = pageId;
+        if (timerRef.current)
+            clearTimeout(timerRef.current);
+        versionRef.current = initialVersion;
+        savedRef.current = initialDocument;
+        pendingRef.current = initialDocument;
+        queuedRef.current = false;
+        inFlightRef.current = false;
+        dispatch({ type: "reset", document: initialDocument });
+        setSaveError(null);
+        setSaveStatus("saved");
+    }, [pageId]);
+    const persist = useCallback(async () => {
+        if (inFlightRef.current) {
+            // Without this the edit would sit unsaved until the next keystroke
+            // happened to schedule another debounce.
+            queuedRef.current = true;
+            return;
+        }
+        const requestPageId = pageId;
+        const snapshot = pendingRef.current;
+        if (snapshot === savedRef.current)
+            return;
+        inFlightRef.current = true;
+        setSaveStatus("saving");
+        try {
+            const result = await saveDocument(pageId, snapshot, versionRef.current);
+            if (activePageRef.current !== requestPageId)
+                return;
+            if (result.status === "saved") {
+                versionRef.current = result.version;
+                savedRef.current = snapshot;
+                setSaveError(null);
+                setSaveStatus(pendingRef.current === snapshot ? "saved" : "dirty");
+            }
+            else if (result.status === "conflict") {
+                // Someone else won the write; adopt their state rather than
+                // silently overwriting it.
+                const adopted = {
+                    elements: result.elements,
+                    rootStyle: result.rootStyle,
+                    dataSources: result.dataSources,
+                };
+                versionRef.current = result.version;
+                savedRef.current = adopted;
+                dispatch({ type: "reset", document: adopted });
+                setSaveError("This page changed elsewhere and was reloaded.");
+                setSaveStatus("conflict");
+            }
+            else {
+                setSaveError(result.message);
+                setSaveStatus("error");
+            }
+        }
+        catch (error) {
+            console.error(error);
+            setSaveError("Could not reach the server.");
+            setSaveStatus("error");
+        }
+        finally {
+            if (activePageRef.current === requestPageId)
+                inFlightRef.current = false;
+        }
+    }, [pageId, saveDocument]);
+    // Debounced autosave; re-runs whenever the document changes.
+    useEffect(() => {
+        if (state.present === savedRef.current)
+            return;
+        setSaveStatus((current) => (current === "saving" ? current : "dirty"));
+        timerRef.current = setTimeout(() => void persist(), AUTOSAVE_DELAY);
+        return () => {
+            if (timerRef.current)
+                clearTimeout(timerRef.current);
+        };
+    }, [state.present, persist]);
+    // Drain an edit that arrived while the previous save was in flight.
+    useEffect(() => {
+        if (saveStatus === "saving" || !queuedRef.current)
+            return;
+        queuedRef.current = false;
+        if (pendingRef.current !== savedRef.current)
+            void persist();
+    }, [saveStatus, persist]);
+    // Guard against closing the tab with work that never reached the server.
+    useEffect(() => {
+        const handler = (event) => {
+            if (pendingRef.current === savedRef.current)
+                return;
+            event.preventDefault();
+        };
+        window.addEventListener("beforeunload", handler);
+        return () => window.removeEventListener("beforeunload", handler);
+    }, []);
+    const setDocument = useCallback((updater, options) => dispatch({ type: "set", updater, transient: options?.transient }), []);
+    const setElements = useCallback((updater, options) => setDocument((doc) => {
+        const elements = typeof updater === "function" ? updater(doc.elements) : updater;
+        return elements === doc.elements ? doc : { ...doc, elements };
+    }, options), [setDocument]);
+    const setRootStyle = useCallback((patch) => setDocument((doc) => ({
+        ...doc,
+        rootStyle: { ...doc.rootStyle, ...patch },
+    })), [setDocument]);
+    const setDataSources = useCallback((updater) => setDocument((doc) => {
+        const dataSources = typeof updater === "function" ? updater(doc.dataSources) : updater;
+        return dataSources === doc.dataSources ? doc : { ...doc, dataSources };
+    }), [setDocument]);
+    return {
+        elements: state.present.elements,
+        rootStyle: state.present.rootStyle,
+        dataSources: state.present.dataSources,
+        setDataSources,
+        setElements,
+        setRootStyle,
+        beginTransaction: useCallback(() => dispatch({ type: "beginTx" }), []),
+        endTransaction: useCallback(() => dispatch({ type: "endTx" }), []),
+        undo: useCallback(() => dispatch({ type: "undo" }), []),
+        redo: useCallback(() => dispatch({ type: "redo" }), []),
+        canUndo: state.past.length > 0,
+        canRedo: state.future.length > 0,
+        saveStatus,
+        saveError,
+        isDirty: state.present !== savedRef.current,
+        saveNow: useCallback(() => {
+            if (timerRef.current)
+                clearTimeout(timerRef.current);
+            void persist();
+        }, [persist]),
+    };
+}
+//# sourceMappingURL=use-editor.js.map

package/dist/internal/app/p/editor/use-editor.js.map

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

package/dist/internal/app/p/editor/variables-panel.d.ts

@@ -0,0 +1,8 @@
+import type { CanvasElement, RootStyle } from "@/lib/editor/types";
+export declare function VariablesPanel({ rootStyle, selectedElement, setRootStyle, setElements }: {
+    rootStyle: RootStyle;
+    selectedElement?: CanvasElement;
+    setRootStyle: (patch: Partial<RootStyle>) => void;
+    setElements: (updater: (elements: CanvasElement[]) => CanvasElement[]) => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=variables-panel.d.ts.map

package/dist/internal/app/p/editor/variables-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variables-panel.d.ts","sourceRoot":"","sources":["../../../../../src/internal/app/p/editor/variables-panel.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,aAAa,EAAgC,SAAS,EAAY,MAAM,oBAAoB,CAAC;AAW3G,wBAAgB,cAAc,CAAC,EAAE,SAAS,EAAE,eAAe,EAAE,YAAY,EAAE,WAAW,EAAE,EAAE;IAAE,SAAS,EAAE,SAAS,CAAC;IAAC,eAAe,CAAC,EAAE,aAAa,CAAC;IAAC,YAAY,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC;IAAC,WAAW,EAAE,CAAC,OAAO,EAAE,CAAC,QAAQ,EAAE,aAAa,EAAE,KAAK,aAAa,EAAE,KAAK,IAAI,CAAA;CAAE,+BAsCrR"}

package/dist/internal/app/p/editor/variables-panel.js

@@ -0,0 +1,52 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IconPalette, IconPlus, IconTrash } from "@tabler/icons-react";
+import { useState } from "react";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
+import { newId } from "@/lib/editor/tree";
+const COLOR_PROPERTIES = [
+    { label: "Background", value: "bg" }, { label: "Text colour", value: "color" },
+    { label: "Border colour", value: "borderC" },
+];
+const NUMBER_PROPERTIES = [
+    { label: "Gap", value: "gap" }, { label: "Radius", value: "radius" },
+    { label: "Font size", value: "fontSize" }, { label: "Padding top", value: "padT" },
+];
+export function VariablesPanel({ rootStyle, selectedElement, setRootStyle, setElements }) {
+    const variables = rootStyle.variables ?? [];
+    const [property, setProperty] = useState("bg");
+    const updateVariable = (id, patch) => {
+        const next = variables.map((variable) => variable.id === id ? { ...variable, ...patch } : variable);
+        const changed = next.find((variable) => variable.id === id);
+        setRootStyle({ variables: next });
+        if (!changed)
+            return;
+        setElements((elements) => elements.map((element) => {
+            const keys = Object.entries(element.styleBindings ?? {}).filter(([, variableId]) => variableId === id).map(([key]) => key);
+            if (!keys.length)
+                return element;
+            const base = { ...element.base };
+            const mutableBase = base;
+            for (const key of keys)
+                mutableBase[key] = changed.value;
+            return { ...element, base };
+        }));
+    };
+    const add = (type) => setRootStyle({ variables: [...variables, { id: newId(), name: type === "color" ? "Brand colour" : "Spacing", type, value: type === "color" ? "#8b7bff" : 16 }] });
+    const bind = (variable) => {
+        if (!selectedElement)
+            return;
+        const allowed = variable.type === "color" ? COLOR_PROPERTIES : NUMBER_PROPERTIES;
+        const key = allowed.some((item) => item.value === property) ? property : allowed[0].value;
+        setProperty(key);
+        setElements((elements) => elements.map((element) => {
+            if (element.id !== selectedElement.id)
+                return element;
+            const base = { ...element.base };
+            base[key] = variable.value;
+            return { ...element, base, styleBindings: { ...element.styleBindings, [key]: variable.id } };
+        }));
+    };
+    return _jsxs("div", { className: "flex flex-col", children: [_jsx("div", { className: "border-b border-ed-border p-3", children: _jsxs("div", { className: "rounded-xl border border-ed-border bg-ed-subtle p-3", children: [_jsx(IconPalette, { size: 16, className: "mb-2 text-ed-accent" }), _jsx("p", { className: "text-[11px] font-semibold text-ed-text", children: "Design variables" }), _jsx("p", { className: "mt-1 text-[9px] leading-relaxed text-ed-muted", children: "Bind shared colours and numbers. Editing a variable updates every bound layer." })] }) }), _jsxs("div", { className: "flex gap-1.5 border-b border-ed-border p-3", children: [_jsxs("button", { type: "button", onClick: () => add("color"), className: "flex flex-1 items-center justify-center gap-1 rounded-lg bg-ed-field px-2 py-2 text-[10px] text-ed-muted hover:bg-ed-field-hover hover:text-ed-text", children: [_jsx(IconPlus, { size: 11 }), " Colour"] }), _jsxs("button", { type: "button", onClick: () => add("number"), className: "flex flex-1 items-center justify-center gap-1 rounded-lg bg-ed-field px-2 py-2 text-[10px] text-ed-muted hover:bg-ed-field-hover hover:text-ed-text", children: [_jsx(IconPlus, { size: 11 }), " Number"] })] }), variables.length === 0 ? _jsx("p", { className: "p-5 text-center text-[10px] text-ed-faint", children: "No variables yet." }) : _jsx("div", { className: "space-y-2 p-3", children: variables.map((variable) => { const options = variable.type === "color" ? COLOR_PROPERTIES : NUMBER_PROPERTIES; return _jsxs("div", { className: "rounded-xl border border-ed-border bg-ed-subtle p-2.5", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("input", { value: variable.name, onChange: (event) => updateVariable(variable.id, { name: event.target.value }), className: "min-w-0 flex-1 bg-transparent text-[10px] font-medium text-ed-text outline-none" }), variable.type === "color" ? _jsx("input", { type: "color", value: String(variable.value), onChange: (event) => updateVariable(variable.id, { value: event.target.value }), className: "size-6 cursor-pointer rounded border-0 bg-transparent" }) : _jsx("input", { type: "number", value: Number(variable.value), onChange: (event) => updateVariable(variable.id, { value: Number(event.target.value) }), className: "w-14 rounded-md bg-ed-field px-1.5 py-1 text-right text-[10px] text-ed-text outline-none" }), _jsx("button", { type: "button", onClick: () => setRootStyle({ variables: variables.filter((item) => item.id !== variable.id) }), className: "text-ed-faint hover:text-red-400", children: _jsx(IconTrash, { size: 12 }) })] }), selectedElement && _jsxs("div", { className: "mt-2 flex gap-1.5", children: [_jsxs(Select, { value: options.some((item) => item.value === property) ? property : options[0].value, onValueChange: (value) => setProperty(value), children: [_jsx(SelectTrigger, { className: "h-7 min-w-0 flex-1", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: options.map((item) => _jsx(SelectItem, { value: item.value, children: item.label }, item.value)) })] }), _jsx("button", { type: "button", onClick: () => bind(variable), className: "rounded-lg bg-ed-accent px-2 text-[9px] font-medium text-white", children: "Bind" })] })] }, variable.id); }) })] });
+}
+//# sourceMappingURL=variables-panel.js.map

package/dist/internal/app/p/editor/variables-panel.js.map

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

package/dist/internal/components/ui/select.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+import { Select as SelectPrimitive } from "radix-ui";
+declare const Select: React.FC<SelectPrimitive.SelectProps>;
+declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
+declare function SelectTrigger({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Trigger>): React.JSX.Element;
+declare function SelectContent({ className, children, position, ...props }: React.ComponentProps<typeof SelectPrimitive.Content>): React.JSX.Element;
+declare function SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>): React.JSX.Element;
+declare function SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>): React.JSX.Element;
+declare function SelectSeparator({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>): React.JSX.Element;
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue };
+//# sourceMappingURL=select.d.ts.map