@anlyx/ui 0.1.0

package/dist/replay/use-replay-lite.js

@@ -0,0 +1,97 @@
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { buildReplaySteps } from "./build-replay-steps.js";
+export function useReplayLite({ mainPath, loop: initialLoop = false, intervalMs = 800 }) {
+    const steps = useMemo(() => buildReplaySteps(mainPath), [mainPath]);
+    const [currentStepIndex, setCurrentStepIndex] = useState(0);
+    const [phase, setPhase] = useState("idle");
+    const [isPlaying, setIsPlaying] = useState(false);
+    const [loop, setLoop] = useState(initialLoop);
+    useEffect(() => {
+        setCurrentStepIndex(0);
+        setPhase("idle");
+        setIsPlaying(false);
+    }, [steps]);
+    const play = useCallback(() => {
+        if (steps.length === 0) {
+            return;
+        }
+        setCurrentStepIndex((current) => phase === "complete" || current >= steps.length ? 0 : current);
+        setPhase((currentPhase) => {
+            if (currentPhase === "complete") {
+                return steps[0].phase;
+            }
+            return steps[currentStepIndex]?.phase ?? steps[0].phase;
+        });
+        setIsPlaying(true);
+    }, [currentStepIndex, phase, steps]);
+    const pause = useCallback(() => {
+        setIsPlaying(false);
+    }, []);
+    const restart = useCallback(() => {
+        setCurrentStepIndex(0);
+        setPhase(steps[0]?.phase ?? "idle");
+        setIsPlaying(false);
+    }, [steps]);
+    const toggleLoop = useCallback(() => {
+        setLoop((current) => !current);
+    }, []);
+    useEffect(() => {
+        if (!isPlaying || steps.length === 0) {
+            return undefined;
+        }
+        const timer = window.setInterval(() => {
+            setCurrentStepIndex((current) => {
+                const next = current + 1;
+                if (next >= steps.length) {
+                    if (loop) {
+                        setPhase(steps[0].phase);
+                        return 0;
+                    }
+                    setIsPlaying(false);
+                    setPhase("complete");
+                    return current;
+                }
+                setPhase(steps[next].phase);
+                return next;
+            });
+        }, intervalMs);
+        return () => {
+            window.clearInterval(timer);
+        };
+    }, [intervalMs, isPlaying, loop, steps]);
+    const currentStep = phase === "idle" || phase === "complete" ? undefined : steps[currentStepIndex];
+    return {
+        state: toReplayState({
+            currentStep,
+            currentStepIndex,
+            isPlaying,
+            phase
+        }),
+        loop,
+        play,
+        pause,
+        restart,
+        toggleLoop
+    };
+}
+function toReplayState(options) {
+    return {
+        phase: options.phase,
+        isPlaying: options.isPlaying,
+        currentStepIndex: options.currentStepIndex,
+        ...(options.currentStep
+            ? {
+                activeNodeId: options.currentStep.nodeId,
+                ...(options.currentStep.fromNodeId && options.currentStep.toNodeId
+                    ? {
+                        activeEdge: {
+                            from: options.currentStep.fromNodeId,
+                            to: options.currentStep.toNodeId
+                        }
+                    }
+                    : {})
+            }
+            : {})
+    };
+}
+//# sourceMappingURL=use-replay-lite.js.map

package/dist/replay/use-replay-lite.js.map

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