@oh-just-another/react-ui 0.57.0

package/dist/merge-dialog.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { mergeBranchHeads, resolveConflict, } from "@oh-just-another/versioning";
+import { Modal } from "./modal.js";
+export const MergeDialog = ({ store, sourceVersionId, targetVersionId, onApply, onCancel, style, }) => {
+    const report = useMemo(() => mergeBranchHeads(store, sourceVersionId, targetVersionId), [store, sourceVersionId, targetVersionId]);
+    const [picks, setPicks] = useState(new Map());
+    const pickFor = (c) => picks.get(conflictKey(c)) ?? defaultPick(c);
+    const setPick = (c, pick) => {
+        const next = new Map(picks);
+        next.set(conflictKey(c), pick);
+        setPicks(next);
+    };
+    const onApplyClick = () => {
+        let merged = report.mergedScene;
+        for (const c of report.conflicts) {
+            const pick = pickFor(c);
+            if (pick === "both")
+                continue; // host handles duplication
+            merged = resolveConflict(merged, c, pick);
+        }
+        onApply(merged);
+    };
+    return (_jsxs(Modal, { open: true, onClose: onCancel, title: "Merge branches", style: {
+            width: 480,
+            maxHeight: "80vh",
+            display: "flex",
+            flexDirection: "column",
+            ...style,
+        }, children: [_jsxs("header", { style: { padding: 12, borderBottom: "1px solid var(--border, #2a2a2a)" }, children: [_jsx("h2", { style: { margin: 0, fontSize: 14 }, children: "Merge branches" }), _jsxs("p", { style: { margin: "4px 0 0", fontSize: 11, opacity: 0.7 }, children: ["Auto-applied ", report.applied.length, " change", report.applied.length === 1 ? "" : "s", ".", " ", report.conflicts.length, " conflict", report.conflicts.length === 1 ? "" : "s", " need resolution."] })] }), _jsx("div", { style: { flex: 1, overflowY: "auto", padding: 12 }, children: report.conflicts.length === 0 ? (_jsx("p", { style: { margin: 0, opacity: 0.7 }, children: "No conflicts \u2014 ready to apply." })) : (report.conflicts.map((c) => (_jsx(ConflictRow, { conflict: c, pick: pickFor(c), onPick: (p) => { setPick(c, p); } }, conflictKey(c))))) }), _jsxs("footer", { style: {
+                    display: "flex",
+                    gap: 8,
+                    justifyContent: "flex-end",
+                    padding: 12,
+                    borderTop: "1px solid var(--border, #2a2a2a)",
+                }, children: [_jsx("button", { type: "button", onClick: onCancel, children: "Cancel" }), _jsx("button", { type: "button", onClick: onApplyClick, children: "Apply" })] })] }));
+};
+const ConflictRow = ({ conflict, pick, onPick, }) => (_jsxs("div", { style: {
+        marginBottom: 12,
+        padding: 8,
+        border: "1px solid var(--border, #2a2a2a)",
+        borderRadius: 4,
+    }, children: [_jsxs("div", { style: { fontSize: 11, opacity: 0.7, marginBottom: 4 }, children: [conflict.kind, " \u2022 ", String(conflict.id)] }), _jsx("div", { style: { display: "flex", gap: 8 }, children: ["source", "target", "both"].map((side) => (_jsxs("label", { style: { display: "flex", alignItems: "center", gap: 4, fontSize: 12 }, children: [_jsx("input", { type: "radio", checked: pick === side, onChange: () => { onPick(side); }, name: `pick-${String(conflict.id)}` }), side] }, side))) })] }));
+const conflictKey = (c) => `${c.kind}:${String(c.id)}`;
+const defaultPick = (c) => c.source !== null ? "source" : c.target !== null ? "target" : "source";
+//# sourceMappingURL=merge-dialog.js.map

package/dist/merge-dialog.js.map

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

package/dist/modal.d.ts

@@ -0,0 +1,19 @@
+import { type CSSProperties, type ReactNode } from "react";
+/**
+ * Base modal / dialog primitive. Renders a backdrop plus a
+ * focus-trapped centered box; closes on Esc and click-outside (the
+ * latter optional via `dismissOnBackdrop=false`).
+ */
+export interface ModalProps {
+    readonly open: boolean;
+    readonly onClose: () => void;
+    /** Accessible label for the dialog. Defaults to "Dialog". */
+    readonly title?: string;
+    readonly children: ReactNode;
+    /** Click on the backdrop dismisses the modal. Default `true`. */
+    readonly dismissOnBackdrop?: boolean;
+    readonly className?: string;
+    readonly style?: CSSProperties;
+}
+export declare const Modal: ({ open, onClose, title, children, dismissOnBackdrop, className, style, }: ModalProps) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=modal.d.ts.map

package/dist/modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../src/modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,aAAa,EAClB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf;;;;GAIG;AAEH,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC;IAC7B,6DAA6D;IAC7D,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC;IAC7B,iEAAiE;IACjE,QAAQ,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IACrC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,aAAa,CAAC;CAChC;AAED,eAAO,MAAM,KAAK,GAAI,0EAQnB,UAAU,mDAqGZ,CAAC"}

package/dist/modal.js

@@ -0,0 +1,87 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef, } from "react";
+export const Modal = ({ open, onClose, title = "Dialog", children, dismissOnBackdrop = true, className, style, }) => {
+    const dialogRef = useRef(null);
+    const previouslyFocusedRef = useRef(null);
+    // Esc + restore focus on close.
+    useEffect(() => {
+        if (!open)
+            return undefined;
+        previouslyFocusedRef.current = document.activeElement;
+        const onKey = (ev) => {
+            if (ev.key === "Escape") {
+                ev.preventDefault();
+                onClose();
+            }
+        };
+        window.addEventListener("keydown", onKey);
+        // Focus the first focusable inside the dialog (or the box itself).
+        const ref = dialogRef.current;
+        if (ref) {
+            const focusable = ref.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
+            (focusable ?? ref).focus();
+        }
+        return () => {
+            window.removeEventListener("keydown", onKey);
+            previouslyFocusedRef.current?.focus();
+        };
+    }, [open, onClose]);
+    // Tab cycle stays inside dialog.
+    useEffect(() => {
+        if (!open)
+            return undefined;
+        const onKey = (ev) => {
+            if (ev.key !== "Tab")
+                return;
+            const ref = dialogRef.current;
+            if (!ref)
+                return;
+            const focusables = ref.querySelectorAll('button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])');
+            if (focusables.length === 0)
+                return;
+            const first = focusables[0];
+            const last = focusables[focusables.length - 1];
+            if (first === undefined || last === undefined)
+                return;
+            const active = document.activeElement;
+            if (ev.shiftKey && active === first) {
+                ev.preventDefault();
+                last.focus();
+            }
+            else if (!ev.shiftKey && active === last) {
+                ev.preventDefault();
+                first.focus();
+            }
+        };
+        window.addEventListener("keydown", onKey, true);
+        return () => { window.removeEventListener("keydown", onKey, true); };
+    }, [open]);
+    if (!open)
+        return null;
+    const overlay = {
+        position: "fixed",
+        inset: 0,
+        background: "rgba(0, 0, 0, 0.55)",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        zIndex: 1000,
+    };
+    const box = {
+        background: "var(--panel, #1a1a1a)",
+        color: "var(--text, #ddd)",
+        border: "1px solid var(--border, #2a2a2a)",
+        borderRadius: 8,
+        boxShadow: "0 8px 32px rgba(0, 0, 0, 0.45)",
+        maxWidth: "calc(100vw - 64px)",
+        maxHeight: "calc(100vh - 64px)",
+        overflow: "auto",
+        outline: "none",
+        ...style,
+    };
+    return (_jsx("div", { role: "dialog", "aria-modal": "true", "aria-label": title, style: overlay, onClick: (ev) => {
+            if (dismissOnBackdrop && ev.target === ev.currentTarget)
+                onClose();
+        }, children: _jsx("div", { ref: dialogRef, tabIndex: -1, className: className, style: box, onClick: (ev) => { ev.stopPropagation(); }, children: children }) }));
+};
+//# sourceMappingURL=modal.js.map

package/dist/modal.js.map

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

package/dist/palette.d.ts

@@ -0,0 +1,73 @@
+import { type CSSProperties, type DragEvent } from "react";
+import { type Category, type Template, type TemplateRegistry } from "@oh-just-another/templates";
+/**
+ * Draggable shape palette. Defaults to the global `defaultRegistry`; pass a
+ * custom one if your host needs isolated registries (e.g. plugin sandbox).
+ *
+ * Templates are grouped into collapsible sections by `Category` — no tab
+ * switching, so the user sees everything at once and scrolls vertically.
+ * Each section header doubles as a collapse toggle.
+ *
+ * Drop semantics: an HTML5 drag is started with a `templateId` payload; the
+ * canvas (or any other drop-target) reads it and calls
+ * `editor.addElement(template.factory(...))`. Most hosts wire that in
+ * `<DiagramCanvas>` itself.
+ */
+export interface PaletteProps {
+    readonly registry?: TemplateRegistry;
+    /** Order of category sections; only those present in the registry render. */
+    readonly categories?: readonly Category[];
+    /** Categories that start collapsed. Defaults to none. */
+    readonly collapsedByDefault?: readonly Category[];
+    /**
+     * Live search query — when set, the palette flattens (no category
+     * sections) and shows every template whose `name` / `category` /
+     * `tags` matches. Owned by the host so the input lives in the
+     * panel header above the palette body.
+     */
+    readonly searchQuery?: string;
+    /**
+     * Item layout: `"grid"` (default) packs 2-up square tiles; `"list"`
+     * is a compact single-column list of icon + name rows. Grouping by
+     * category is identical in both.
+     */
+    readonly layout?: "grid" | "list";
+    readonly style?: CSSProperties;
+    readonly className?: string;
+}
+export declare const Palette: ({ registry, categories, collapsedByDefault, searchQuery, layout, style, className, }: PaletteProps) => import("react/jsx-runtime").JSX.Element;
+/** Currently-dragged palette template, or `null` when nothing is in flight. */
+export declare const getActivePaletteDrag: () => Template | null;
+/** Subscribe to active-drag changes. Returns unsubscribe. */
+export declare const subscribePaletteDrag: (fn: () => void) => (() => void);
+/** Hook variant of `subscribePaletteDrag` — returns the current drag template. */
+export declare const usePaletteDrag: () => Template | null;
+/**
+ * Drag-to-place handlers for a canvas element. Wires the full preview
+ * UX: as soon as the cursor enters the canvas with a palette drag in
+ * flight, the template's default shape appears centred under the
+ * cursor; dragover updates the position; drop commits as a single
+ * history entry; dragleave / Escape cancels (no history).
+ *
+ * Returns props that should spread onto the canvas wrapper element:
+ *
+ * ```tsx
+ * const placement = usePalettePlacement();
+ * <section {...placement}>...</section>
+ * ```
+ */
+export declare const usePalettePlacement: () => {
+    onDragEnter: (ev: DragEvent<HTMLElement>) => void;
+    onDragOver: (ev: DragEvent<HTMLElement>) => void;
+    onDragLeave: (ev: DragEvent<HTMLElement>) => void;
+    onDrop: (ev: DragEvent<HTMLElement>) => void;
+};
+/**
+ * Convenience wrapper to drop a palette item onto a host element. Hosts that
+ * are not using `<DiagramCanvas>` can wire this themselves; the bundled
+ * canvas component installs an equivalent handler automatically.
+ *
+ * Drops only — no live preview (use `usePalettePlacement` for that).
+ */
+export declare const usePaletteDropHandler: () => (ev: DragEvent<HTMLElement>) => void;
+//# sourceMappingURL=palette.d.ts.map

package/dist/palette.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"palette.d.ts","sourceRoot":"","sources":["../src/palette.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAwC,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIjG,OAAO,EAGL,KAAK,QAAQ,EACb,KAAK,QAAQ,EACb,KAAK,gBAAgB,EACtB,MAAM,4BAA4B,CAAC;AAKpC;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IACrC,6EAA6E;IAC7E,QAAQ,CAAC,UAAU,CAAC,EAAE,SAAS,QAAQ,EAAE,CAAC;IAC1C,yDAAyD;IACzD,QAAQ,CAAC,kBAAkB,CAAC,EAAE,SAAS,QAAQ,EAAE,CAAC;IAClD;;;;;OAKG;IACH,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B;;;;OAIG;IACH,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAClC,QAAQ,CAAC,KAAK,CAAC,EAAE,aAAa,CAAC;IAC/B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAID,eAAO,MAAM,OAAO,GAAI,sFAQrB,YAAY,4CAqEd,CAAC;AAwDF,+EAA+E;AAC/E,eAAO,MAAM,oBAAoB,QAAO,QAAQ,GAAG,IAAkB,CAAC;AAEtE,6DAA6D;AAC7D,eAAO,MAAM,oBAAoB,GAAI,IAAI,MAAM,IAAI,KAAG,CAAC,MAAM,IAAI,CAKhE,CAAC;AAEF,kFAAkF;AAClF,eAAO,MAAM,cAAc,QAAO,QAAQ,GAAG,IAU5C,CAAC;AA4FF;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,mBAAmB;sBAgEV,SAAS,CAAC,WAAW,CAAC,KAAG,IAAI;qBAa9B,SAAS,CAAC,WAAW,CAAC,KAAG,IAAI;sBAe5B,SAAS,CAAC,WAAW,CAAC,KAAG,IAAI;iBASlC,SAAS,CAAC,WAAW,CAAC,KAAG,IAAI;CAiC7C,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,qBAAqB,SAExB,IAAI,SAAS,CAAC,WAAW,CAAC,SAyBnC,CAAC"}

package/dist/palette.js

@@ -0,0 +1,330 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { ChevronDown, ChevronRight } from "lucide-react";
+import { DEFAULT_LAYER_ID, orderForTop } from "@oh-just-another/scene";
+import { elementId } from "@oh-just-another/types";
+import { defaultRegistry, matchesTemplateSearch, } from "@oh-just-another/templates";
+import { walkDataTransfer } from "@oh-just-another/state";
+import { useDiagramOptional } from "./hooks.js";
+import { PALETTE_ITEM_SIZE } from "./constants.js";
+const DEFAULT_CATEGORIES = ["basic", "layout", "flowchart", "custom", "rich"];
+export const Palette = ({ registry = defaultRegistry, categories = DEFAULT_CATEGORIES, collapsedByDefault = [], searchQuery, layout = "grid", style, className, }) => {
+    const itemsClass = layout === "list" ? "du-palette-list" : "du-palette-grid";
+    const present = useMemo(() => new Set(registry.categories()), [registry]);
+    const visibleCategories = useMemo(() => categories.filter((c) => present.has(c)), [categories, present]);
+    const sections = useMemo(() => visibleCategories.map((cat) => ({ category: cat, items: registry.byCategory(cat) })), [registry, visibleCategories]);
+    const [collapsed, setCollapsed] = useState(() => new Set(collapsedByDefault));
+    const toggle = (cat) => {
+        setCollapsed((prev) => {
+            const next = new Set(prev);
+            if (next.has(cat))
+                next.delete(cat);
+            else
+                next.add(cat);
+            return next;
+        });
+    };
+    // Flat-search mode: when a query is active, dissolve category
+    // sections and show every match in one grid. Empty query → normal
+    // sectioned view.
+    const trimmedQuery = searchQuery?.trim() ?? "";
+    const flatMatches = useMemo(() => {
+        if (!trimmedQuery)
+            return [];
+        const out = [];
+        for (const { items } of sections) {
+            for (const t of items) {
+                if (matchesTemplateSearch(t, trimmedQuery))
+                    out.push(t);
+            }
+        }
+        return out;
+    }, [sections, trimmedQuery]);
+    return (_jsx("aside", { className: `du-palette ${className ?? ""}`.trim(), style: style, children: _jsx("div", { className: "du-palette-body", children: trimmedQuery ? (flatMatches.length === 0 ? (_jsxs("div", { className: "du-palette-empty", children: ["No templates match \u201C", trimmedQuery, "\u201D"] })) : (_jsx("div", { className: itemsClass, children: flatMatches.map((template) => (_jsx(PaletteItem, { template: template }, template.id))) }))) : (sections.map(({ category, items }) => (_jsx(CategorySection, { category: category, items: items, itemsClass: itemsClass, collapsed: collapsed.has(category), onToggle: () => {
+                    toggle(category);
+                } }, category)))) }) }));
+};
+const CategorySection = ({ category, items, itemsClass, collapsed, onToggle, }) => {
+    if (items.length === 0)
+        return null;
+    return (_jsxs("section", { className: "du-palette-section", children: [_jsxs("button", { type: "button", onClick: onToggle, "aria-expanded": !collapsed, className: "du-palette-category", children: [_jsx("span", { children: category }), _jsx("span", { className: "du-palette-category-caret", "aria-hidden": true, children: collapsed ? (_jsx(ChevronRight, { size: 12, strokeWidth: 1.75 })) : (_jsx(ChevronDown, { size: 12, strokeWidth: 1.75 })) })] }), collapsed ? null : (_jsx("div", { className: itemsClass, children: items.map((template) => (_jsx(PaletteItem, { template: template }, template.id))) }))] }));
+};
+// Module-level state — the canvas needs to know which template is
+// being dragged so it can spin up a live placement preview. HTML5 DnD
+// hides dataTransfer.getData() during dragover (security), so we use a
+// pub/sub for the active drag instead.
+let activeDrag = null;
+const dragListeners = new Set();
+const setActiveDrag = (tmpl) => {
+    if (activeDrag === tmpl)
+        return;
+    activeDrag = tmpl;
+    for (const fn of dragListeners)
+        fn();
+};
+/** Currently-dragged palette template, or `null` when nothing is in flight. */
+export const getActivePaletteDrag = () => activeDrag;
+/** Subscribe to active-drag changes. Returns unsubscribe. */
+export const subscribePaletteDrag = (fn) => {
+    dragListeners.add(fn);
+    return () => {
+        dragListeners.delete(fn);
+    };
+};
+/** Hook variant of `subscribePaletteDrag` — returns the current drag template. */
+export const usePaletteDrag = () => {
+    const [tmpl, setTmpl] = useState(activeDrag);
+    useEffect(() => subscribePaletteDrag(() => {
+        setTmpl(activeDrag);
+    }), []);
+    return tmpl;
+};
+// Fake drag image so the browser doesn't paint its default ghost of
+// the palette item — the actual shape rendered on canvas via
+// `beginPlacement` is the only thing the user should see following
+// the cursor.
+//
+// An in-DOM div with a single near-transparent pixel of content
+// (background-color: rgba(0,0,0,0.01)) and a real width/height is
+// accepted by browsers as a valid drag image while rendering
+// effectively nothing.
+let emptyDragImage = null;
+const getEmptyDragImage = () => {
+    if (typeof document === "undefined")
+        return null;
+    if (emptyDragImage && document.body.contains(emptyDragImage))
+        return emptyDragImage;
+    const div = document.createElement("div");
+    div.setAttribute("aria-hidden", "true");
+    // Off-screen position keeps it out of layout. 1×1 size and a barely-
+    // visible background satisfy the browser's "non-trivial drag image"
+    // check without showing anything to the user.
+    div.style.cssText =
+        "position:fixed;top:-1000px;left:-1000px;width:1px;height:1px;background:rgba(0,0,0,0.01)";
+    document.body.appendChild(div);
+    emptyDragImage = div;
+    return div;
+};
+const PaletteItem = ({ template }) => {
+    const editor = useDiagramOptional();
+    const onDragStart = (ev) => {
+        ev.dataTransfer.setData("application/x-template-id", template.id);
+        ev.dataTransfer.effectAllowed = "copy";
+        // Hide the browser's default ghost. The canvas renders the real
+        // shape via beginPlacement.
+        const ghost = getEmptyDragImage();
+        if (ghost)
+            ev.dataTransfer.setDragImage(ghost, 0, 0);
+        setActiveDrag(template);
+    };
+    const onDragEnd = () => {
+        setActiveDrag(null);
+    };
+    // Tap-to-place: HTML5 drag-and-drop doesn't fire on touch. On
+    // coarse-pointer devices a tap drops the template's default shape at
+    // the viewport centre (one undo step), then selects it for the user
+    // to move. Desktop keeps drag-to-position — the click is a no-op there.
+    const onClick = () => {
+        if (!editor)
+            return;
+        if (typeof window !== "undefined" && !window.matchMedia("(pointer: coarse)").matches)
+            return;
+        const host = editor.hostElement;
+        const rect = host.getBoundingClientRect();
+        const center = editor.screenToWorld({ x: rect.width / 2, y: rect.height / 2 });
+        const id = elementId(`shape-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 6)}`);
+        const shape = template.factory({
+            id,
+            layerId: DEFAULT_LAYER_ID,
+            position: center,
+            order: orderForTop([...editor.scene.elements.values()]
+                .filter((s) => s.layerId === DEFAULT_LAYER_ID)
+                .map((s) => s.order)),
+        });
+        const placement = editor.beginPlacement(shape);
+        placement.update(center);
+        placement.commit();
+    };
+    return (_jsxs("div", { role: "button", draggable: true, title: template.name, onDragStart: onDragStart, onDragEnd: onDragEnd, onClick: onClick, className: "du-palette-item", children: [_jsx("span", { className: "du-palette-item-icon", style: { width: PALETTE_ITEM_SIZE, height: PALETTE_ITEM_SIZE }, 
+                // Icons are trusted SVG markup defined in the registry by template
+                // authors — same source of truth as the canvas renderer uses.
+                dangerouslySetInnerHTML: { __html: template.icon } }), _jsx("span", { className: "du-palette-item-label", children: template.name })] }));
+};
+/**
+ * Drag-to-place handlers for a canvas element. Wires the full preview
+ * UX: as soon as the cursor enters the canvas with a palette drag in
+ * flight, the template's default shape appears centred under the
+ * cursor; dragover updates the position; drop commits as a single
+ * history entry; dragleave / Escape cancels (no history).
+ *
+ * Returns props that should spread onto the canvas wrapper element:
+ *
+ * ```tsx
+ * const placement = usePalettePlacement();
+ * <section {...placement}>...</section>
+ * ```
+ */
+export const usePalettePlacement = () => {
+    const editor = useDiagramOptional();
+    const placementRef = useRef(null);
+    // Escape cancels — only listens when a placement is active.
+    useEffect(() => {
+        const onKey = (ev) => {
+            if (ev.key !== "Escape" || !placementRef.current)
+                return;
+            placementRef.current.cancel();
+            placementRef.current = null;
+        };
+        window.addEventListener("keydown", onKey);
+        return () => {
+            window.removeEventListener("keydown", onKey);
+        };
+    }, []);
+    // If the drag ends outside any canvas — clean up.
+    useEffect(() => subscribePaletteDrag(() => {
+        if (activeDrag === null && placementRef.current) {
+            placementRef.current.cancel();
+            placementRef.current = null;
+        }
+    }), []);
+    const ensurePlacement = (ev) => {
+        if (placementRef.current || !editor || !activeDrag)
+            return false;
+        const template = activeDrag;
+        const rect = ev.currentTarget.getBoundingClientRect();
+        const screenPoint = { x: ev.clientX - rect.left, y: ev.clientY - rect.top };
+        const worldPoint = editor.screenToWorld(screenPoint);
+        const id = elementId(`shape-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 6)}`);
+        const shape = template.factory({
+            id,
+            layerId: DEFAULT_LAYER_ID,
+            position: worldPoint, // temporary; placement.update will recenter
+            order: orderForTop([...editor.scene.elements.values()]
+                .filter((s) => s.layerId === DEFAULT_LAYER_ID)
+                .map((s) => s.order)),
+        });
+        placementRef.current = editor.beginPlacement(shape);
+        placementRef.current.update(worldPoint);
+        return true;
+    };
+    const cursorWorld = (ev) => {
+        if (!editor)
+            return null;
+        const rect = ev.currentTarget.getBoundingClientRect();
+        return editor.screenToWorld({ x: ev.clientX - rect.left, y: ev.clientY - rect.top });
+    };
+    return {
+        onDragEnter: (ev) => {
+            const types = ev.dataTransfer.types;
+            const isTemplate = types.includes("application/x-template-id");
+            const isFile = types.includes("Files");
+            // Accept both palette template drags and OS file drops. Without
+            // preventDefault'ing for file drops the browser falls back to its
+            // default behaviour (open the file in the current tab, losing the scene).
+            if (!isTemplate && !isFile)
+                return;
+            ev.preventDefault();
+            // Drag-preview overlay only applies to template drags — files
+            // get inserted at drop time, not previewed.
+            if (isTemplate)
+                ensurePlacement(ev);
+        },
+        onDragOver: (ev) => {
+            const types = ev.dataTransfer.types;
+            const isTemplate = types.includes("application/x-template-id");
+            const isFile = types.includes("Files");
+            if (!isTemplate && !isFile)
+                return;
+            ev.preventDefault();
+            ev.dataTransfer.dropEffect = "copy";
+            if (isTemplate) {
+                if (!placementRef.current) {
+                    ensurePlacement(ev);
+                }
+                const world = cursorWorld(ev);
+                if (world && placementRef.current)
+                    placementRef.current.update(world);
+            }
+        },
+        onDragLeave: (ev) => {
+            // dragleave fires for every child element too — only act when the
+            // pointer truly left the current target.
+            if (ev.currentTarget.contains(ev.relatedTarget))
+                return;
+            if (placementRef.current) {
+                placementRef.current.cancel();
+                placementRef.current = null;
+            }
+        },
+        onDrop: (ev) => {
+            ev.preventDefault();
+            // Palette-template drop has priority — that's the active drag
+            // started by `<Palette>` items.
+            if (placementRef.current) {
+                const world = cursorWorld(ev);
+                if (world)
+                    placementRef.current.update(world);
+                placementRef.current.commit();
+                placementRef.current = null;
+                return;
+            }
+            // Otherwise treat it as a file drop from the OS / browser.
+            const dt = ev.dataTransfer;
+            // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition -- DOM DataTransfer is typed non-null but is null outside drag contexts
+            if (!dt)
+                return;
+            const world = cursorWorld(ev);
+            const target = world ?? { x: 0, y: 0 };
+            if (!editor)
+                return;
+            // Walk recursively — descends folders via `webkitGetAsEntry`
+            // when available, falls back to the flat `files` list otherwise.
+            // Each yielded leaf file is dispatched independently; one bad
+            // sub-folder doesn't stop the rest.
+            void (async () => {
+                for await (const file of walkDataTransfer(dt, {
+                    onError: (path, err) => {
+                        console.warn(`[file-drop] failed at ${path}:`, err);
+                    },
+                })) {
+                    void editor.dispatchFileDrop(file, target);
+                }
+            })();
+        },
+    };
+};
+/**
+ * Convenience wrapper to drop a palette item onto a host element. Hosts that
+ * are not using `<DiagramCanvas>` can wire this themselves; the bundled
+ * canvas component installs an equivalent handler automatically.
+ *
+ * Drops only — no live preview (use `usePalettePlacement` for that).
+ */
+export const usePaletteDropHandler = () => {
+    const editor = useDiagramOptional();
+    return (ev) => {
+        ev.preventDefault();
+        if (!editor)
+            return; // surface not mounted yet
+        const templateId = ev.dataTransfer.getData("application/x-template-id");
+        if (!templateId)
+            return;
+        const template = defaultRegistry.get(templateId);
+        if (!template)
+            return;
+        const rect = ev.currentTarget.getBoundingClientRect();
+        const screenPoint = { x: ev.clientX - rect.left, y: ev.clientY - rect.top };
+        const worldPoint = editor.screenToWorld(screenPoint);
+        const id = elementId(`shape-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 6)}`);
+        const shape = template.factory({
+            id,
+            layerId: DEFAULT_LAYER_ID,
+            position: worldPoint,
+            order: orderForTop([...editor.scene.elements.values()]
+                .filter((s) => s.layerId === DEFAULT_LAYER_ID)
+                .map((s) => s.order)),
+        });
+        editor.addElement(shape);
+    };
+};
+//# sourceMappingURL=palette.js.map

package/dist/palette.js.map

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

package/dist/popover.d.ts

@@ -0,0 +1,33 @@
+import { type Placement } from "@floating-ui/dom";
+import { type ReactElement, type ReactNode } from "react";
+/**
+ * Floating popover primitive. Wraps a trigger element and renders its
+ * children into a portal whose position is computed via
+ * `@floating-ui/dom` (offset + flip + shift). Closed by default;
+ * clicking the trigger toggles; clicking outside or pressing Esc
+ * closes.
+ *
+ * Used inside `<SelectionFloatingPanel>` for sub-controls that don't
+ * fit inline (color picker, corner radius slider, opacity slider).
+ * Uses the DOM-only `@floating-ui/dom` API plus a small outside-click
+ * hook rather than `@floating-ui/react`.
+ */
+export interface PopoverProps {
+    /** Element that opens the popover when clicked. Must accept a ref. */
+    readonly trigger: ReactElement;
+    /** Content rendered inside the popover. */
+    readonly children: ReactNode;
+    /** Preferred placement; flip middleware will try fallbacks. Default `"bottom-start"`. */
+    readonly placement?: Placement;
+    /** Distance in px between trigger and popover. Default `6`. */
+    readonly offset?: number;
+    /** Optional className for the floating panel chrome. */
+    readonly className?: string;
+    /** Controlled-open state. If omitted, popover manages its own state. */
+    readonly open?: boolean;
+    readonly onOpenChange?: (open: boolean) => void;
+    /** ARIA label for the popover region. */
+    readonly ariaLabel?: string;
+}
+export declare const Popover: ({ trigger, children, placement, offset: gap, className, open: openProp, onOpenChange, ariaLabel, }: PopoverProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=popover.d.ts.map