@oh-just-another/react-ui 0.57.0

package/dist/versioning.js

@@ -0,0 +1,206 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useState } from "react";
+import { captureFromEditor, diffScenes, restoreSnapshot, } from "@oh-just-another/versioning";
+import { useDiagramOptional } from "./hooks.js";
+import { MergeDialog } from "./merge-dialog.js";
+/**
+ * Subscribe to a `SnapshotStore` and return reactive lists of branches +
+ * snapshots + the currently-active branch. Pass `null` for hosts that
+ * haven't wired versioning — the hook returns empty arrays.
+ */
+export const useSnapshotStore = (store) => {
+    const [state, setState] = useState(() => store
+        ? {
+            branches: store.branches(),
+            snapshots: store.list(),
+            currentBranchId: store.currentBranchId,
+        }
+        : {
+            branches: [],
+            snapshots: [],
+            currentBranchId: "main",
+        });
+    useEffect(() => {
+        if (!store)
+            return undefined;
+        const sync = () => {
+            setState({
+                branches: store.branches(),
+                snapshots: store.list(),
+                currentBranchId: store.currentBranchId,
+            });
+        };
+        sync();
+        return store.subscribe(sync);
+    }, [store]);
+    return state;
+};
+/**
+ * Side-panel with a tree of branches + snapshots and capture / restore /
+ * branch actions. Branches are flat, snapshots nested inside each branch
+ * (no DAG view).
+ */
+export const VersionPanel = ({ store, author, style, className }) => {
+    const editor = useDiagramOptional();
+    const { branches, currentBranchId } = useSnapshotStore(store);
+    const [mergeRequest, setMergeRequest] = useState(null);
+    const onMerge = useCallback((sourceBranch) => {
+        if (!sourceBranch.head) {
+            if (typeof window !== "undefined") {
+                window.alert("Source branch has no snapshots to merge.");
+            }
+            return;
+        }
+        const target = store.branches().find((b) => b.id === currentBranchId);
+        if (!target?.head) {
+            if (typeof window !== "undefined") {
+                window.alert("Current branch has no snapshots to merge into.");
+            }
+            return;
+        }
+        setMergeRequest({
+            sourceVersionId: sourceBranch.head,
+            targetVersionId: target.head,
+            sourceBranchName: sourceBranch.name,
+        });
+    }, [store, currentBranchId]);
+    const onCapture = useCallback(() => {
+        if (!editor)
+            return;
+        const message = typeof window === "undefined" ? "Snapshot" : (window.prompt("Snapshot message", "") ?? "");
+        captureFromEditor(store, editor, { message: message || "Untitled snapshot", author });
+    }, [editor, store, author]);
+    const onRestore = useCallback((id) => {
+        if (!editor)
+            return;
+        if (typeof window === "undefined" ||
+            window.confirm("Restore this version? Local undo history will be cleared.")) {
+            restoreSnapshot(store, editor, id);
+        }
+    }, [editor, store]);
+    const onBranch = useCallback((id) => {
+        const name = typeof window === "undefined" ? "branch" : window.prompt("New branch name", "feature");
+        if (!name)
+            return;
+        const branch = store.branch({ name, fromVersion: id });
+        store.setCurrentBranch(branch.id);
+    }, [store]);
+    const onDiff = useCallback((id) => {
+        if (!editor)
+            return;
+        const snap = store.get(id);
+        if (!snap)
+            return;
+        const diff = diffScenes(snap.scene, editor.scene);
+        const summary = [
+            `Shapes:      +${diff.elements.added.length} / -${diff.elements.removed.length} / ~${diff.elements.modified.length}`,
+            `Links:       +${diff.links.added.length} / -${diff.links.removed.length} / ~${diff.links.modified.length}`,
+            `Layers:      +${diff.layers.added.length} / -${diff.layers.removed.length} / ~${diff.layers.modified.length}`,
+            `Annotations: +${diff.annotations.added.length} / -${diff.annotations.removed.length} / ~${diff.annotations.modified.length}`,
+        ].join("\n");
+        if (typeof window !== "undefined")
+            window.alert(`Diff (${snap.message} → current):\n\n${summary}`);
+    }, [editor, store]);
+    return (_jsxs("aside", { className: className, style: {
+            flex: "0 0 240px",
+            background: "var(--panel, #161616)",
+            color: "var(--text, #ddd)",
+            borderLeft: "1px solid var(--border, #2a2a2a)",
+            display: "flex",
+            flexDirection: "column",
+            minHeight: 0,
+            ...style,
+        }, children: [_jsxs("header", { style: {
+                    padding: "8px 12px",
+                    display: "flex",
+                    alignItems: "center",
+                    fontSize: 11,
+                    textTransform: "uppercase",
+                    letterSpacing: 0.5,
+                    color: "var(--muted, #888)",
+                    borderBottom: "1px solid var(--border, #2a2a2a)",
+                }, children: ["Versions", _jsx("button", { type: "button", onClick: onCapture, disabled: !editor, title: "Capture current scene", style: {
+                            marginLeft: "auto",
+                            background: "var(--button-bg, #2a2a2a)",
+                            border: "1px solid var(--border, #2a2a2a)",
+                            color: "inherit",
+                            padding: "2px 8px",
+                            borderRadius: 4,
+                            cursor: "pointer",
+                            fontSize: 11,
+                        }, children: "+ capture" })] }), _jsx("div", { style: { flex: 1, overflowY: "auto", fontSize: 12 }, children: branches.map((br) => {
+                    const snapshots = store.listBranch(br.id);
+                    return (_jsxs("div", { children: [_jsxs("button", { type: "button", onClick: () => { store.setCurrentBranch(br.id); }, style: {
+                                    display: "flex",
+                                    width: "100%",
+                                    textAlign: "left",
+                                    padding: "6px 10px",
+                                    border: "none",
+                                    borderBottom: "1px solid var(--divider, #333)",
+                                    borderLeft: br.id === currentBranchId
+                                        ? "3px solid var(--accent, #1a73e8)"
+                                        : "3px solid transparent",
+                                    background: br.id === currentBranchId
+                                        ? "var(--cursor-bg, rgba(26,115,232,0.12))"
+                                        : "transparent",
+                                    color: "inherit",
+                                    cursor: "pointer",
+                                    font: "inherit",
+                                    fontWeight: 600,
+                                }, children: [br.name, _jsx("span", { style: { marginLeft: "auto", color: "var(--muted, #888)", fontWeight: 400 }, children: snapshots.length }), br.id !== currentBranchId && br.head ? (_jsx("span", { role: "button", tabIndex: 0, onClick: (ev) => {
+                                            ev.stopPropagation();
+                                            onMerge(br);
+                                        }, onKeyDown: (ev) => {
+                                            if (ev.key === "Enter" || ev.key === " ") {
+                                                ev.preventDefault();
+                                                onMerge(br);
+                                            }
+                                        }, title: `Merge ${br.name} into current branch`, style: {
+                                            marginLeft: 6,
+                                            background: "var(--button-bg, #2a2a2a)",
+                                            border: "1px solid var(--border, #2a2a2a)",
+                                            borderRadius: 3,
+                                            padding: "0 6px",
+                                            fontSize: 11,
+                                            fontWeight: 400,
+                                            cursor: "pointer",
+                                        }, children: "\u21C4" })) : null] }), snapshots.length === 0 ? (_jsx("div", { style: { padding: "6px 14px", color: "var(--faint, #555)" }, children: "No snapshots" })) : (snapshots
+                                .slice()
+                                .reverse()
+                                .map((snap) => (_jsxs("div", { style: {
+                                    display: "flex",
+                                    gap: 4,
+                                    padding: "4px 14px",
+                                    borderBottom: "1px solid var(--divider, #333)",
+                                }, children: [_jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [_jsx("div", { style: {
+                                                    overflow: "hidden",
+                                                    textOverflow: "ellipsis",
+                                                    whiteSpace: "nowrap",
+                                                }, children: snap.message }), _jsxs("div", { style: { fontSize: 10, color: "var(--muted, #888)" }, children: [snap.author.name, " \u00B7 ", formatTime(snap.timestamp)] })] }), _jsx("button", { type: "button", onClick: () => { onRestore(snap.id); }, style: miniButtonStyle, title: "Restore this version", children: "\u21BB" }), _jsx("button", { type: "button", onClick: () => { onDiff(snap.id); }, style: miniButtonStyle, title: "Diff with current scene", children: "\u0394" }), _jsx("button", { type: "button", onClick: () => { onBranch(snap.id); }, style: miniButtonStyle, title: "Branch from here", children: "\u2387" })] }, snap.id))))] }, br.id));
+                }) }), mergeRequest && editor ? (_jsx(MergeDialog, { store: store, sourceVersionId: mergeRequest.sourceVersionId, targetVersionId: mergeRequest.targetVersionId, onCancel: () => { setMergeRequest(null); }, onApply: (merged) => {
+                    editor.loadScene(merged);
+                    // Record the merged result as a new snapshot on the target
+                    // (current) branch so the merge is part of history.
+                    captureFromEditor(store, editor, {
+                        author,
+                        message: `Merge ${mergeRequest.sourceBranchName} into current`,
+                    });
+                    setMergeRequest(null);
+                } })) : null] }));
+};
+const miniButtonStyle = {
+    background: "var(--button-bg, #2a2a2a)",
+    border: "1px solid var(--border, #2a2a2a)",
+    color: "inherit",
+    padding: "0 6px",
+    borderRadius: 3,
+    cursor: "pointer",
+    fontSize: 11,
+};
+const formatTime = (iso) => {
+    const d = new Date(iso);
+    if (Number.isNaN(d.getTime()))
+        return "";
+    return d.toLocaleTimeString();
+};
+//# sourceMappingURL=versioning.js.map

package/dist/versioning.js.map

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

package/package.json

@@ -0,0 +1,81 @@
+{
+  "name": "@oh-just-another/react-ui",
+  "version": "0.57.0",
+  "description": "React components and hooks over the diagram editor — DiagramCanvas, Toolbar, Palette, PropertyPanel.",
+  "license": "MIT",
+  "author": "Rustam Garifulin <rustam@n69.in>",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/oh-just-another/diagram.git",
+    "directory": "packages/react-ui"
+  },
+  "homepage": "https://github.com/oh-just-another/diagram#readme",
+  "bugs": "https://github.com/oh-just-another/diagram/issues",
+  "keywords": [
+    "diagram",
+    "canvas",
+    "svg",
+    "editor",
+    "graph",
+    "drawing"
+  ],
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./styles.css": "./src/styles.css"
+  },
+  "files": [
+    "dist",
+    "src/styles.css",
+    "README.md",
+    "CHANGELOG.md"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@floating-ui/dom": "^1.6.0",
+    "lucide-react": "^1.16.0",
+    "@oh-just-another/math": "0.57.0",
+    "@oh-just-another/renderer-core": "0.57.0",
+    "@oh-just-another/renderer-canvas": "0.57.0",
+    "@oh-just-another/scene": "0.57.0",
+    "@oh-just-another/history": "0.57.0",
+    "@oh-just-another/tokens": "0.57.0",
+    "@oh-just-another/types": "0.57.0",
+    "@oh-just-another/renderer-svg": "0.57.0",
+    "@oh-just-another/state": "0.57.0",
+    "@oh-just-another/templates": "0.57.0",
+    "@oh-just-another/versioning": "0.57.0"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "devDependencies": {
+    "@testing-library/react": "^16.1.0",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "axe-core": "^4.11.4",
+    "jsdom": "^25.0.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "scripts": {
+    "build": "tsc -b tsconfig.build.json",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "lint": "eslint src tests",
+    "clean": "rm -rf dist *.tsbuildinfo"
+  }
+}