@xnetjs/react 0.0.2 → 0.1.0

package/dist/chunk-EJ5RW5GI.js

@@ -0,0 +1,93 @@
+import {
+  useNodeStore
+} from "./chunk-IHTMVTTE.js";
+
+// src/hooks/useUndoScope.ts
+import { UndoManager } from "@xnetjs/history";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+function useUndoScope(nodeIds, opts) {
+  const { store } = useNodeStore();
+  const [undoCount, setUndoCount] = useState(0);
+  const [redoCount, setRedoCount] = useState(0);
+  const managerRef = useRef(null);
+  const nodeIdsRef = useRef(nodeIds);
+  nodeIdsRef.current = nodeIds;
+  const normalizedOptions = useMemo(
+    () => opts.options ? {
+      localOnly: opts.options.localOnly,
+      maxStackSize: opts.options.maxStackSize,
+      mergeInterval: opts.options.mergeInterval
+    } : void 0,
+    [opts.options?.localOnly, opts.options?.maxStackSize, opts.options?.mergeInterval]
+  );
+  useEffect(() => {
+    if (!store || !opts.localDID) {
+      managerRef.current = null;
+      setUndoCount(0);
+      setRedoCount(0);
+      return;
+    }
+    const manager = new UndoManager(store, opts.localDID, normalizedOptions);
+    manager.start();
+    managerRef.current = manager;
+    return () => {
+      manager.stop();
+      managerRef.current = null;
+    };
+  }, [store, opts.localDID, normalizedOptions]);
+  const syncCounts = useCallback(() => {
+    const manager = managerRef.current;
+    const scope = nodeIdsRef.current;
+    if (!manager || scope.length === 0) {
+      setUndoCount(0);
+      setRedoCount(0);
+      return;
+    }
+    setUndoCount(scope.reduce((count, nodeId) => count + manager.getUndoCount(nodeId), 0));
+    setRedoCount(scope.reduce((count, nodeId) => count + manager.getRedoCount(nodeId), 0));
+  }, []);
+  useEffect(() => {
+    syncCounts();
+  }, [nodeIds, syncCounts]);
+  useEffect(() => {
+    if (!store) return;
+    const unsubscribe = store.subscribe((event) => {
+      if (nodeIdsRef.current.includes(event.change.payload.nodeId)) {
+        syncCounts();
+      }
+    });
+    return unsubscribe;
+  }, [store, syncCounts]);
+  const undo = useCallback(async () => {
+    if (!managerRef.current) return false;
+    const result = await managerRef.current.undoLatest(nodeIdsRef.current);
+    syncCounts();
+    return result;
+  }, [syncCounts]);
+  const redo = useCallback(async () => {
+    if (!managerRef.current) return false;
+    const result = await managerRef.current.redoLatest(nodeIdsRef.current);
+    syncCounts();
+    return result;
+  }, [syncCounts]);
+  const clear = useCallback(() => {
+    if (!managerRef.current) return;
+    for (const nodeId of nodeIdsRef.current) {
+      managerRef.current.clear(nodeId);
+    }
+    syncCounts();
+  }, [syncCounts]);
+  return {
+    undo,
+    redo,
+    canUndo: undoCount > 0,
+    canRedo: redoCount > 0,
+    undoCount,
+    redoCount,
+    clear
+  };
+}
+
+export {
+  useUndoScope
+};