@reactra/devtools 0.1.0-alpha.0

package/dist/tabs/timeTravel.js

@@ -0,0 +1,322 @@
+// @reactra/devtools — the Time Travel tab (Devtools spec §7, hybrid).
+//
+// One timeline, two capability levels: PASSIVE history (the panel's own hook
+// ring — every reporting component, view-only) and LIVE re-drive (components
+// with `uses replayable` re-drive the running UI via `applyReplayState`). The
+// timeline source is the passive ring folded into a Replay §3 `SessionBundle`
+// (helpers.passiveBundle); `ReplayPlayer.statesAt` folds it and the
+// `@reactra/replay-devtools/timeline` track/transport primitives navigate it —
+// all shipped, no new compiler emission. createElement (no JSX); browser
+// globals only in handlers/effects.
+import { createElement as h, useEffect, useMemo, useState, useRef } from "react";
+import { applyReplayState, enterReplayMode, exitReplayMode } from "@reactra/behaviours/replayable";
+import { replayStoreState } from "@reactra/store";
+import { ReplayPlayer } from "@reactra/replay";
+import { Timeline, diffKeys, ensureStyles as ensureTimelineStyles, eventStops, formatOffset, playbackDelay, stopIndexAt, } from "@reactra/replay-devtools/timeline";
+import { passiveBundle } from "../helpers.js";
+import { navigate } from "../routerWatcher.js";
+import { listStores } from "../storeWatcher.js";
+import { serializeBindings } from "../serialize.js";
+import { ValueTree } from "../ValueTree.js";
+/** The synthetic component id the panel records route snapshots under (§7). */
+const ROUTE_ID = "Route";
+/**
+ * The id prefix store snapshots fold under (`store:<name>#1`). The colon is
+ * load-bearing: it guarantees a component literally named `store` (id
+ * `store#1`) does not collide with the store branch (architect C5).
+ */
+const STORE_PREFIX = "store:";
+/**
+ * Drive folded `statesAt` entries back into the live app, **route-first** (architect
+ * C2). Pass A re-drives every `Route` navigation — which fires the router's `onEnter`
+ * synchronously → `StoreRegistry.instantiate` for the target route's stores. Pass B
+ * then restores stores (incl. the route stores Pass A just instantiated) + replayable
+ * components. A route store on a middleware-gated / not-yet-loaded route instantiates
+ * asynchronously, so it's still absent in Pass B → `replayStoreState` returns 0 →
+ * `view` (clean degrade, no settle-tick — C1). Pure but for the injected side effects,
+ * so the ordering invariant is unit-testable.
+ */
+export const driveEntriesRouteFirst = (entries, absT, deps) => {
+    const live = [];
+    const view = [];
+    // Pass A — route navigations (instantiate route stores before Pass B restores them).
+    for (const [componentId, state] of entries) {
+        if ((componentId.split("#")[0] ?? componentId) !== ROUTE_ID)
+            continue;
+        const path = state.path;
+        // Navigate only when the URL differs — avoids re-firing route bindings (and
+        // route-store dispose/instantiate) on same-route steps.
+        if (typeof path === "string" && deps.currentLocation() !== path)
+            deps.navigate(path);
+        if (!live.includes(ROUTE_ID))
+            live.push(ROUTE_ID);
+    }
+    // Pass B — stores (incl. just-instantiated route stores) + replayable components.
+    for (const [componentId, state] of entries) {
+        const name = componentId.split("#")[0] ?? componentId;
+        if (name === ROUTE_ID)
+            continue;
+        if (componentId.startsWith(STORE_PREFIX)) {
+            // slice(6) strips `store:` BEFORE the `#` split (C5) so a component literally
+            // named `store` (id `store#1`, no colon) can't reach here.
+            const storeName = componentId.slice(STORE_PREFIX.length).split("#")[0] ?? "";
+            // Re-drive from the RAW snapshot, not the lossy serialized ring value
+            // (reviewer Critical). 0 when no raw / not registered / route store not yet
+            // live (async route) → view, never a ⟲ live lie (devil RISK 5).
+            const raw = deps.rawStoreStateAt(componentId, absT);
+            const n = raw ? deps.replayStoreState(storeName, raw) : 0;
+            const bucket = n > 0 ? live : view;
+            if (!bucket.includes(name))
+                bucket.push(name);
+            continue;
+        }
+        const n = deps.applyReplayState(state, name);
+        const bucket = n > 0 ? live : view;
+        if (!bucket.includes(name))
+            bucket.push(name);
+    }
+    return { live, view };
+};
+/** Time Travel tab — passive history + replayable live re-drive (§7). */
+export const TimeTravelTab = (props) => {
+    const { recorder, hookState, onReplayingChange } = props;
+    ensureTimelineStyles();
+    const [, force] = useState(0);
+    const [offset, setOffset] = useState(0);
+    const [playing, setPlaying] = useState(false);
+    const [speed, setSpeed] = useState(1);
+    const [win, setWin] = useState(null);
+    // A frozen snapshot while scrubbing the past — null = live (pinned to the
+    // present, recorder armed). Freezing stops the ring growing so a re-driven
+    // re-render's own commits don't pollute the history being navigated.
+    const [frozen, setFrozen] = useState(null);
+    const [driven, setDriven] = useState({ live: [], view: [] });
+    // The arm state to restore when travel ends (the user's pre-travel choice).
+    const armRef = useRef({
+        saved: recorder.recording(),
+        touched: false,
+    });
+    const traveling = frozen !== null;
+    // T3.3: notify the parent panel when replay mode transitions so it can
+    // apply the `rdt-panel--replaying` class. On unmount (tab switch) always
+    // report false so the panel clears the class.
+    useEffect(() => {
+        onReplayingChange?.(traveling);
+        return () => onReplayingChange?.(false);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [traveling]);
+    const liveBundle = useMemo(() => passiveBundle(recorder.events()), 
+    // Recomputed on every panel commit (the panel re-renders this child); the
+    // recorder's event count is the real input.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [recorder.events().length, frozen]);
+    const bundle = frozen ?? liveBundle;
+    const player = useMemo(() => (bundle ? new ReplayPlayer(bundle) : null), [bundle]);
+    const stops = useMemo(() => (bundle ? eventStops(bundle) : []), [bundle]);
+    // Live → the playhead is pinned to the present (the latest event); traveling
+    // → it sits where the user scrubbed.
+    const curOffset = traveling ? offset : bundle ? bundle.duration : 0;
+    const stepIndex = stopIndexAt(stops, curOffset);
+    const states = useMemo(() => (player && bundle ? player.statesAt(bundle.startTime + curOffset) : null), [player, bundle, curOffset]);
+    const prevStates = useMemo(() => {
+        if (!player || !bundle || !traveling || stepIndex < 1)
+            return null;
+        return player.statesAt(bundle.startTime + stops[stepIndex - 1]);
+    }, [player, bundle, traveling, stepIndex, stops]);
+    // Drive every store/component/route to its folded state at `atOffset` (route
+    // first — see driveEntriesRouteFirst), and record which NAMES drove live vs view.
+    const driveAt = (b, atOffset) => {
+        const p = new ReplayPlayer(b);
+        const absT = b.startTime + atOffset;
+        setDriven(driveEntriesRouteFirst([...p.statesAt(absT)], absT, {
+            rawStoreStateAt: recorder.rawStoreStateAt,
+            navigate,
+            currentLocation: () => typeof location !== "undefined" ? location.pathname + location.search : undefined,
+            replayStoreState,
+            applyReplayState,
+        }));
+    };
+    // Freeze on the first travel gesture: pause the ring, enter replay mode.
+    const freezeIfLive = () => {
+        if (frozen)
+            return frozen;
+        if (!liveBundle)
+            return null;
+        if (!armRef.current.touched) {
+            armRef.current.saved = recorder.recording();
+            armRef.current.touched = true;
+        }
+        recorder.setRecording(false);
+        enterReplayMode();
+        setFrozen(liveBundle);
+        return liveBundle;
+    };
+    const scrub = (atOffset) => {
+        const b = freezeIfLive();
+        if (!b)
+            return;
+        setOffset(atOffset);
+        driveAt(b, atOffset);
+    };
+    const stepTo = (i) => {
+        const b = frozen ?? liveBundle;
+        if (!b)
+            return;
+        const s = eventStops(b);
+        const t = s[Math.max(0, Math.min(s.length - 1, i))];
+        if (t !== undefined)
+            scrub(t);
+    };
+    const returnToLive = () => {
+        // Re-drive every replayable instance back to the present BEFORE leaving
+        // replay mode. `applyReplayState` mutates the live component destructively
+        // (the whole point of ⟲ live), so without this a component scrubbed into
+        // the past is stranded there — the running UI would show the last-scrubbed
+        // value while the panel says "present". Driving to the latest passive
+        // snapshot reconciles the app with the panel. Non-replayable instances have
+        // no setters and are unaffected. (exitReplayMode only toggles the
+        // recording-suspend flag; it does not restore state — replayable.ts §5.)
+        //
+        // Fix 4: wrap driveAt in try/finally so exitReplayMode() + recording-restore
+        // always run even if driveAt throws (e.g. a misbehaving applyReplayState).
+        // Ordering preserved per disc-v3: drive-to-present BEFORE exitReplayMode.
+        try {
+            if (liveBundle)
+                driveAt(liveBundle, liveBundle.duration);
+        }
+        finally {
+            exitReplayMode();
+            if (armRef.current.touched) {
+                recorder.setRecording(armRef.current.saved);
+                armRef.current.touched = false;
+            }
+        }
+        setFrozen(null);
+        setPlaying(false);
+        setWin(null);
+        setOffset(0);
+        setDriven({ live: [], view: [] });
+    };
+    // Auto-playback walks the frozen stops at recorded pacing / speed.
+    useEffect(() => {
+        if (!playing || !frozen)
+            return;
+        const s = eventStops(frozen);
+        const i = stopIndexAt(s, offset);
+        if (i >= s.length - 1) {
+            setPlaying(false);
+            return;
+        }
+        const cur = s[Math.max(0, i)] ?? 0;
+        const next = s[i + 1];
+        const id = setTimeout(() => scrub(next), playbackDelay(cur, next, speed));
+        return () => clearTimeout(id);
+    });
+    // Travel must not outlive the tab — restore recording + exit replay mode.
+    useEffect(() => () => {
+        exitReplayMode();
+        if (armRef.current.touched)
+            recorder.setRecording(armRef.current.saved);
+    }, [recorder]);
+    const togglePlay = () => {
+        const b = frozen ?? liveBundle;
+        if (!b)
+            return;
+        if (playing) {
+            setPlaying(false);
+            return;
+        }
+        const s = eventStops(b);
+        if (s.length === 0)
+            return;
+        const i = stopIndexAt(s, traveling ? offset : b.duration);
+        if (i >= s.length - 1)
+            scrub(s[0]); // at the end → restart from the first
+        setPlaying(true);
+    };
+    const toggleArm = () => {
+        recorder.setRecording(!recorder.recording());
+        force((n) => n + 1);
+    };
+    // ---- DVT001 / DVT002 empty paths ----------------------------------------
+    if (hookState === "occupied") {
+        return h("div", { className: "rdt-main" }, h("div", { className: "rdt-warn" }, "DVT001: passive history is disabled — __REACTRA_TEST__ is held by another consumer. (replayable components still drive live once history is available.)"));
+    }
+    if (!bundle) {
+        return h("div", { className: "rdt-main" }, h("div", { className: "rdt-hint" }, recorder.recording()
+            ? "DVT002: time travel armed — interact with the app to record history, then scrub back here."
+            : "DVT002: recording paused — press ⏺ to arm, then interact with the app."), h("button", { className: "rdt-btn rdt-mini", onClick: toggleArm, title: "Arm / pause passive recording" }, recorder.recording() ? "⏺ recording" : "⏸ paused"));
+    }
+    // ---- Transport + timeline + cards ---------------------------------------
+    const transport = h("div", { className: "rdt-transport" }, h("button", {
+        className: "rdt-btn rdt-mini",
+        disabled: stops.length === 0 || stepIndex <= 0,
+        onClick: () => stepTo(0),
+        title: "Rewind to the first event",
+    }, "⏮"), h("button", {
+        className: "rdt-btn rdt-mini",
+        disabled: !traveling || stepIndex <= 0,
+        onClick: () => stepTo(stepIndex - 1),
+        title: "Previous event",
+    }, "⏴"), h("button", { className: "rdt-btn rdt-mini", onClick: togglePlay, title: "Play / pause" }, playing ? "⏸" : "▶"), h("button", {
+        className: "rdt-btn rdt-mini",
+        disabled: stepIndex >= stops.length - 1,
+        onClick: () => stepTo(stepIndex + 1),
+        title: "Next event",
+    }, "⏵"), h("select", {
+        className: "rdt-select",
+        value: String(speed),
+        onChange: (e) => setSpeed(Number(e.target.value)),
+        title: "Playback speed",
+    }, h("option", { value: "0.5" }, "0.5×"), h("option", { value: "1" }, "1×"), h("option", { value: "2" }, "2×"), h("option", { value: "4" }, "4×")), traveling
+        ? h("button", {
+            // T3.3: primary accent button — `⏎ live` is the most important
+            // action during replay; the accent class makes it visually primary.
+            className: "rdt-btn rdt-mini rdt-btn--accent",
+            onClick: returnToLive,
+            title: "Exit replay, return to the present, re-arm recording",
+        }, "⏎ live")
+        : h("button", {
+            className: "rdt-btn rdt-mini",
+            onClick: toggleArm,
+            title: "Arm / pause passive recording",
+        }, recorder.recording() ? h("span", { className: "rdt-rec" }, "⏺ rec") : "⏸ paused"), h("span", { className: "rdt-pos" }, `event ${Math.max(0, stepIndex) + 1}/${stops.length} · ${formatOffset(curOffset)}`), traveling && h("span", { className: "rdt-banner" }, "REPLAYING"), recorder.evicted() &&
+        h("span", { className: "rdt-warn", title: "DVT005" }, "history full — oldest evicted"));
+    const timeline = h(Timeline, {
+        bundle,
+        offset: curOffset,
+        window: win,
+        onScrub: scrub,
+        onWindowChange: setWin,
+        onGrab: () => setPlaying(false),
+    });
+    // Teaching chip when nothing re-drove live (DVT003 territory).
+    const teach = traveling && driven.live.length === 0
+        ? h("div", { className: "rdt-hint" }, "DVT003: nothing re-drove the live app here — these cards are read-only history. Stores rewind once instantiated (a route store on a middleware-gated or not-yet-loaded route rewinds only after its route is live); components rewind with `uses replayable`. Plain-React interop and `resource` data are always view-only.")
+        : null;
+    // Kind chip for store cards (§4): mirror the Stores-tab `route+subtree`/kind
+    // text. Looked up by store name (the id with `store:` stripped, `#1` dropped).
+    const storeKinds = new Map(listStores().map((r) => [r.name, r.subtreePath ? "route+subtree" : r.kind]));
+    const cards = states &&
+        h("div", { className: "rdt-states" }, [...states.entries()].map(([componentId, state]) => {
+            // `name` is the live/view bucket key — keeps the `store:` prefix so the
+            // badge match below works. `display` is the user-facing label (prefix
+            // stripped for stores; a store kind chip rendered alongside it).
+            const name = componentId.split("#")[0] ?? componentId;
+            const isStore = componentId.startsWith(STORE_PREFIX);
+            const storeName = isStore ? name.slice(STORE_PREFIX.length) : name;
+            const display = isStore ? storeName : componentId;
+            const prev = prevStates?.get(componentId);
+            const changed = new Set(traveling ? diffKeys(prev, state) : []);
+            return h("div", { key: componentId, className: "rdt-card" }, h("div", { className: "rdt-card-id" }, display, isStore &&
+                h("span", { className: "rdt-badge rdt-badge--kind", "aria-label": "store kind" }, storeKinds.get(storeName) ?? "store"), traveling &&
+                (driven.live.includes(name)
+                    ? h("span", { className: "rdt-badge rdt-badge--live" }, "⟲ live")
+                    : h("span", { className: "rdt-badge rdt-badge--view" }, "view"))), h(ValueTree, {
+                data: serializeBindings(state),
+                changed,
+            }));
+        }));
+    return h("div", { className: "rdt-main" }, transport, timeline, teach, cards);
+};
+//# sourceMappingURL=timeTravel.js.map

package/dist/tabs/timeTravel.js.map

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

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "@reactra/devtools",
+  "version": "0.1.0-alpha.0",
+  "type": "module",
+  "main": "./dist/index.js",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    }
+  },
+  "dependencies": {
+    "@reactra/behaviours": "^0.1.0-alpha.0",
+    "@reactra/replay": "^0.1.0-alpha.0",
+    "@reactra/replay-devtools": "^0.1.0-alpha.0",
+    "@reactra/router": "^0.1.0-alpha.0",
+    "@reactra/store": "^0.1.0-alpha.0"
+  },
+  "peerDependencies": {
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0"
+  },
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public",
+    "tag": "alpha",
+    "provenance": false
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/akhilshastri/reactra.git",
+    "directory": "packages/devtools"
+  },
+  "homepage": "https://reactra-docs.vercel.app",
+  "license": "MIT",
+  "engines": {
+    "node": ">=22.18"
+  },
+  "description": "Reactra devtools — in-page developer panel with time-travel, stores, router, and components tabs."
+}