@reactra/replay-devtools 0.1.0-alpha.0

package/dist/timeline.js.map

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

package/dist/tokens.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Inject the `--rdt-*` token block once per document.
+ *
+ * @param target - The document to inject into. Defaults to `document` when
+ *   called in a browser; no-ops in Node.
+ */
+export declare const ensureTokens: (target?: Document) => void;
+/** Test hook: resets the injection guard so tests can re-inject. */
+export declare const __resetTokensForTest: () => void;
+//# sourceMappingURL=tokens.d.ts.map

package/dist/tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../src/tokens.ts"],"names":[],"mappings":"AAWA;;;;;GAKG;AACH,eAAO,MAAM,YAAY,GAAI,SAAS,QAAQ,KAAG,IAUhD,CAAA;AAED,oEAAoE;AACpE,eAAO,MAAM,oBAAoB,QAAO,IAEvC,CAAA"}

package/dist/tokens.js

@@ -0,0 +1,317 @@
+// @reactra/replay-devtools/tokens — shared `--rdt-*` CSS custom property
+// definitions. Both `@reactra/devtools` and `@reactra/replay-devtools` inject
+// this block so the theme palette stays in sync (C7 — owner: this spec
+// subpath; reactra-runtime-spec.md §3 /tokens row).
+//
+// `ensureTokens(target?)` follows the same single-injection WeakSet pattern
+// as `ensureStyles` — safe to call multiple times per document.
+// Per-document injection guard. Reassigned by the test-reset hook.
+let tokenInjected = new WeakSet();
+/**
+ * Inject the `--rdt-*` token block once per document.
+ *
+ * @param target - The document to inject into. Defaults to `document` when
+ *   called in a browser; no-ops in Node.
+ */
+export const ensureTokens = (target) => {
+    // `document` access is inside the function body — never at module top level
+    // (C5/C6 Node-portability rule; CLAUDE.md §6).
+    const doc = target ?? (typeof document === "undefined" ? undefined : document);
+    if (!doc || tokenInjected.has(doc))
+        return;
+    tokenInjected.add(doc);
+    const tag = doc.createElement("style");
+    tag.setAttribute("data-reactra-tokens", "");
+    tag.textContent = TOKEN_CSS;
+    doc.head.appendChild(tag);
+};
+/** Test hook: resets the injection guard so tests can re-inject. */
+export const __resetTokensForTest = () => {
+    tokenInjected = new WeakSet();
+};
+// follow-up: Arch N1 — the dark-palette values are written three times (default
+// .rdt-root block, [data-rdt-theme="dark"] override, and @media light-override's
+// inverse). A CSS-variable indirection layer or a codegen step would DRY this.
+// ---- CSS custom properties (tokens) ----------------------------------------
+//
+// Dark theme values are declared on `.rdt-root` (the panel root class shared
+// by both panels). Light-theme overrides live in @media (prefers-color-scheme:
+// light). Explicit [data-rdt-theme] overrides carry higher specificity so they
+// win regardless of OS preference. "system" sets no override and defers to the
+// @media block.
+//
+// Token reference:
+//   --rdt-bg-deep      deepest background (inputs, code areas)
+//   --rdt-bg-base      base panel background
+//   --rdt-bg-raised    slightly raised surface (header, cards, active items)
+//   --rdt-bg-hover     hover overlay
+//   --rdt-border       default border
+//   --rdt-border-med   medium border (panel top edge)
+//   --rdt-border-focus focus / accent border
+//   --rdt-btn-bg       button background
+//   --rdt-btn-border   button border
+//   --rdt-btn-accent-{bg,border,fg}   primary button (Finish & inspect)
+//   --rdt-btn-danger-{bg,border,fg}   danger button (Delete session)
+//   --rdt-btn-compare-{bg,border,fg}  compare-pick button (rail ⟷)
+//   --rdt-text         primary text
+//   --rdt-text-dim     secondary / muted text
+//   --rdt-text-faint   hint text
+//   --rdt-text-bright  maximum contrast text
+//   --rdt-accent       primary accent (purple)
+//   --rdt-accent-soft  soft accent (link / code identifiers)
+//   --rdt-ok           green (live / finalized)
+//   --rdt-ok-bg        green badge background
+//   --rdt-warn-fg      warning text
+//   --rdt-warn-bg      warning background
+//   --rdt-err          error text
+//   --rdt-changed      changed-value highlight
+//   --rdt-stale-fg     stale badge text
+//   --rdt-stale-bg     stale badge background
+//   --rdt-kind-fg      kind badge text
+//   --rdt-kind-bg      kind badge background
+//   --rdt-idle-fg      idle badge text
+//   --rdt-idle-bg      idle badge background
+//   --rdt-view-fg      view-only badge text
+//   --rdt-view-bg      view-only badge background
+//   --rdt-banner-fg    REPLAYING banner text
+//   --rdt-banner-bg    REPLAYING banner background
+//   --rdt-rec          recording dot / rec indicator
+//   --rdt-path         route-path text
+//   --rdt-ev-*         event-type glyph/tick colors (action, keyframe, delta,
+//                      resource, mount, unmount, gap) — theme-aware so they stay
+//                      visible on both the dark and light track/table backgrounds
+//   --rdt-focus-ring   keyboard focus ring
+//   --rdt-font         monospace font stack
+//   --rdt-sz-xs        10px
+//   --rdt-sz-sm        11px
+//   --rdt-sz-base      12px
+const TOKEN_CSS = `
+/* ---- Token definitions (dark theme default) ---- */
+.rdt-root {
+  --rdt-bg-deep: #0f1116;
+  --rdt-bg-base: #15171c;
+  --rdt-bg-raised: #1c1f26;
+  --rdt-bg-hover: #1c1f26;
+  --rdt-border: #2a2f3a;
+  --rdt-border-med: #343a46;
+  --rdt-border-focus: #7c5cff;
+  --rdt-btn-bg: #242935;
+  --rdt-btn-border: #39404e;
+  --rdt-btn-accent-bg: #2a4361;
+  --rdt-btn-accent-border: #3c6da6;
+  --rdt-btn-accent-fg: #cfe3ff;
+  --rdt-btn-danger-bg: #4a2530;
+  --rdt-btn-danger-border: #7a3a4a;
+  --rdt-btn-danger-fg: #ffd7d7;
+  --rdt-btn-compare-bg: #2a3a4a;
+  --rdt-btn-compare-border: #3a5a7a;
+  --rdt-btn-compare-fg: #cfe3ff;
+  --rdt-text: #d7dce4;
+  --rdt-text-dim: #8a93a6;
+  --rdt-text-faint: #6b7383;
+  --rdt-text-bright: #fff;
+  --rdt-accent: #7c5cff;
+  --rdt-accent-soft: #b9a6ff;
+  --rdt-ok: #a6e3a1;
+  --rdt-ok-bg: #2d3a28;
+  --rdt-warn-fg: #ffd479;
+  --rdt-warn-bg: #4a3a20;
+  --rdt-err: #ff8a8a;
+  --rdt-changed: #ffd479;
+  --rdt-stale-fg: #d0a070;
+  --rdt-stale-bg: #3a2a20;
+  --rdt-kind-fg: #9ecbff;
+  --rdt-kind-bg: #20304a;
+  --rdt-idle-fg: #6b7383;
+  --rdt-idle-bg: #2a2f3a;
+  --rdt-view-fg: #8a93a6;
+  --rdt-view-bg: #2a2f3a;
+  --rdt-banner-fg: #ff9db0;
+  --rdt-banner-bg: #4a2030;
+  --rdt-rec: #ff7a7a;
+  --rdt-path: #9ecbff;
+  --rdt-ev-action: #4da3ff;
+  --rdt-ev-keyframe: #b9a6ff;
+  --rdt-ev-delta: #7fd1b9;
+  --rdt-ev-resource: #e0b341;
+  --rdt-ev-mount: #6fcf6f;
+  --rdt-ev-unmount: #9a9a9a;
+  --rdt-ev-gap: #e35d5d;
+  --rdt-focus-ring: #7c5cff;
+  --rdt-font: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+  --rdt-sz-xs: 10px;
+  --rdt-sz-sm: 11px;
+  --rdt-sz-base: 12px;
+}
+
+/* ---- Light / system theme overrides ---- */
+@media (prefers-color-scheme: light) {
+  .rdt-root {
+    --rdt-bg-deep: #f4f5f7;
+    --rdt-bg-base: #ffffff;
+    --rdt-bg-raised: #f0f1f4;
+    --rdt-bg-hover: #e8eaf0;
+    --rdt-border: #d0d4de;
+    --rdt-border-med: #b8bece;
+    --rdt-border-focus: #5b48cc;
+    --rdt-btn-bg: #e8eaf0;
+    --rdt-btn-border: #c4cad8;
+    --rdt-btn-accent-bg: #d9e7f7;
+    --rdt-btn-accent-border: #9cc2e8;
+    --rdt-btn-accent-fg: #14538a;
+    --rdt-btn-danger-bg: #fbe0e0;
+    --rdt-btn-danger-border: #e8a0a0;
+    --rdt-btn-danger-fg: #b81d1d;
+    --rdt-btn-compare-bg: #dde8f0;
+    --rdt-btn-compare-border: #a8c4dc;
+    --rdt-btn-compare-fg: #14538a;
+    --rdt-text: #1e2230;
+    --rdt-text-dim: #4a5264;
+    --rdt-text-faint: #5f6878;
+    --rdt-text-bright: #000;
+    --rdt-accent: #5b48cc;
+    --rdt-accent-soft: #5b48cc;
+    --rdt-ok: #2d7a42;
+    --rdt-ok-bg: #d4f0dc;
+    --rdt-warn-fg: #8a5a00;
+    --rdt-warn-bg: #fff3cd;
+    --rdt-err: #cc2222;
+    --rdt-changed: #b86e00;
+    --rdt-stale-fg: #7a5030;
+    --rdt-stale-bg: #fde8d0;
+    --rdt-kind-fg: #1a5fa8;
+    --rdt-kind-bg: #deeeff;
+    --rdt-idle-fg: #6b7383;
+    --rdt-idle-bg: #e8eaf0;
+    --rdt-view-fg: #4a5264;
+    --rdt-view-bg: #e8eaf0;
+    --rdt-banner-fg: #8a0030;
+    --rdt-banner-bg: #ffd0de;
+    --rdt-rec: #cc2222;
+    --rdt-path: #1a5fa8;
+    --rdt-ev-action: #1668c0;
+    --rdt-ev-keyframe: #5b48cc;
+    --rdt-ev-delta: #1d7a5e;
+    --rdt-ev-resource: #8a6000;
+    --rdt-ev-mount: #1f8a1f;
+    --rdt-ev-unmount: #5a606e;
+    --rdt-ev-gap: #c42020;
+    --rdt-focus-ring: #5b48cc;
+  }
+}
+
+/* ---- Explicit theme override (data-rdt-theme attribute) ----
+   Higher specificity than the bare @media block above, so "dark" wins even on
+   a light OS and "light" wins even on a dark OS. "system" sets NO attribute —
+   it falls through to the @media default by design. Consequence: if a panel
+   with "system" is nested inside an ancestor .rdt-root that carries an explicit
+   data-rdt-theme, CSS custom-property inheritance will propagate that ancestor's
+   palette. Both panels set data-rdt-theme on their own root element, so they
+   are self-contained; the "no orphan .rdt-root ancestor" invariant must hold for
+   consumers who render the panel inside their own .rdt-root wrapper. */
+.rdt-root[data-rdt-theme="light"] {
+  --rdt-bg-deep: #f4f5f7;
+  --rdt-bg-base: #ffffff;
+  --rdt-bg-raised: #f0f1f4;
+  --rdt-bg-hover: #e8eaf0;
+  --rdt-border: #d0d4de;
+  --rdt-border-med: #b8bece;
+  --rdt-border-focus: #5b48cc;
+  --rdt-btn-bg: #e8eaf0;
+  --rdt-btn-border: #c4cad8;
+  --rdt-btn-accent-bg: #d9e7f7;
+  --rdt-btn-accent-border: #9cc2e8;
+  --rdt-btn-accent-fg: #14538a;
+  --rdt-btn-danger-bg: #fbe0e0;
+  --rdt-btn-danger-border: #e8a0a0;
+  --rdt-btn-danger-fg: #b81d1d;
+  --rdt-btn-compare-bg: #dde8f0;
+  --rdt-btn-compare-border: #a8c4dc;
+  --rdt-btn-compare-fg: #14538a;
+  --rdt-text: #1e2230;
+  --rdt-text-dim: #4a5264;
+  --rdt-text-faint: #5f6878;
+  --rdt-text-bright: #000;
+  --rdt-accent: #5b48cc;
+  --rdt-accent-soft: #5b48cc;
+  --rdt-ok: #2d7a42;
+  --rdt-ok-bg: #d4f0dc;
+  --rdt-warn-fg: #8a5a00;
+  --rdt-warn-bg: #fff3cd;
+  --rdt-err: #cc2222;
+  --rdt-changed: #b86e00;
+  --rdt-stale-fg: #7a5030;
+  --rdt-stale-bg: #fde8d0;
+  --rdt-kind-fg: #1a5fa8;
+  --rdt-kind-bg: #deeeff;
+  --rdt-idle-fg: #6b7383;
+  --rdt-idle-bg: #e8eaf0;
+  --rdt-view-fg: #4a5264;
+  --rdt-view-bg: #e8eaf0;
+  --rdt-banner-fg: #8a0030;
+  --rdt-banner-bg: #ffd0de;
+  --rdt-rec: #cc2222;
+  --rdt-path: #1a5fa8;
+  --rdt-ev-action: #1668c0;
+  --rdt-ev-keyframe: #5b48cc;
+  --rdt-ev-delta: #1d7a5e;
+  --rdt-ev-resource: #8a6000;
+  --rdt-ev-mount: #1f8a1f;
+  --rdt-ev-unmount: #5a606e;
+  --rdt-ev-gap: #c42020;
+  --rdt-focus-ring: #5b48cc;
+}
+.rdt-root[data-rdt-theme="dark"] {
+  --rdt-bg-deep: #0f1116;
+  --rdt-bg-base: #15171c;
+  --rdt-bg-raised: #1c1f26;
+  --rdt-bg-hover: #1c1f26;
+  --rdt-border: #2a2f3a;
+  --rdt-border-med: #343a46;
+  --rdt-border-focus: #7c5cff;
+  --rdt-btn-bg: #242935;
+  --rdt-btn-border: #39404e;
+  --rdt-btn-accent-bg: #2a4361;
+  --rdt-btn-accent-border: #3c6da6;
+  --rdt-btn-accent-fg: #cfe3ff;
+  --rdt-btn-danger-bg: #4a2530;
+  --rdt-btn-danger-border: #7a3a4a;
+  --rdt-btn-danger-fg: #ffd7d7;
+  --rdt-btn-compare-bg: #2a3a4a;
+  --rdt-btn-compare-border: #3a5a7a;
+  --rdt-btn-compare-fg: #cfe3ff;
+  --rdt-text: #d7dce4;
+  --rdt-text-dim: #8a93a6;
+  --rdt-text-faint: #6b7383;
+  --rdt-text-bright: #fff;
+  --rdt-accent: #7c5cff;
+  --rdt-accent-soft: #b9a6ff;
+  --rdt-ok: #a6e3a1;
+  --rdt-ok-bg: #2d3a28;
+  --rdt-warn-fg: #ffd479;
+  --rdt-warn-bg: #4a3a20;
+  --rdt-err: #ff8a8a;
+  --rdt-changed: #ffd479;
+  --rdt-stale-fg: #d0a070;
+  --rdt-stale-bg: #3a2a20;
+  --rdt-kind-fg: #9ecbff;
+  --rdt-kind-bg: #20304a;
+  --rdt-idle-fg: #6b7383;
+  --rdt-idle-bg: #2a2f3a;
+  --rdt-view-fg: #8a93a6;
+  --rdt-view-bg: #2a2f3a;
+  --rdt-banner-fg: #ff9db0;
+  --rdt-banner-bg: #4a2030;
+  --rdt-rec: #ff7a7a;
+  --rdt-path: #9ecbff;
+  --rdt-ev-action: #4da3ff;
+  --rdt-ev-keyframe: #b9a6ff;
+  --rdt-ev-delta: #7fd1b9;
+  --rdt-ev-resource: #e0b341;
+  --rdt-ev-mount: #6fcf6f;
+  --rdt-ev-unmount: #9a9a9a;
+  --rdt-ev-gap: #e35d5d;
+  --rdt-focus-ring: #7c5cff;
+}
+`;
+//# sourceMappingURL=tokens.js.map

package/dist/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.js","sourceRoot":"","sources":["../src/tokens.ts"],"names":[],"mappings":"AAAA,yEAAyE;AACzE,8EAA8E;AAC9E,uEAAuE;AACvE,oDAAoD;AACpD,EAAE;AACF,4EAA4E;AAC5E,gEAAgE;AAEhE,mEAAmE;AACnE,IAAI,aAAa,GAAG,IAAI,OAAO,EAAY,CAAA;AAE3C;;;;;GAKG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,MAAiB,EAAQ,EAAE;IACtD,4EAA4E;IAC5E,+CAA+C;IAC/C,MAAM,GAAG,GAAG,MAAM,IAAI,CAAC,OAAO,QAAQ,KAAK,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAA;IAC9E,IAAI,CAAC,GAAG,IAAI,aAAa,CAAC,GAAG,CAAC,GAAG,CAAC;QAAE,OAAM;IAC1C,aAAa,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;IACtB,MAAM,GAAG,GAAG,GAAG,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;IACtC,GAAG,CAAC,YAAY,CAAC,qBAAqB,EAAE,EAAE,CAAC,CAAA;IAC3C,GAAG,CAAC,WAAW,GAAG,SAAS,CAAA;IAC3B,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAA;AAC3B,CAAC,CAAA;AAED,oEAAoE;AACpE,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAS,EAAE;IAC7C,aAAa,GAAG,IAAI,OAAO,EAAY,CAAA;AACzC,CAAC,CAAA;AAED,gFAAgF;AAChF,iFAAiF;AACjF,+EAA+E;AAE/E,+EAA+E;AAC/E,EAAE;AACF,6EAA6E;AAC7E,+EAA+E;AAC/E,+EAA+E;AAC/E,+EAA+E;AAC/E,gBAAgB;AAChB,EAAE;AACF,mBAAmB;AACnB,+DAA+D;AAC/D,6CAA6C;AAC7C,6EAA6E;AAC7E,qCAAqC;AACrC,sCAAsC;AACtC,sDAAsD;AACtD,6CAA6C;AAC7C,yCAAyC;AACzC,qCAAqC;AACrC,wEAAwE;AACxE,qEAAqE;AACrE,mEAAmE;AACnE,oCAAoC;AACpC,8CAA8C;AAC9C,iCAAiC;AACjC,6CAA6C;AAC7C,+CAA+C;AAC/C,6DAA6D;AAC7D,gDAAgD;AAChD,8CAA8C;AAC9C,oCAAoC;AACpC,0CAA0C;AAC1C,kCAAkC;AAClC,+CAA+C;AAC/C,wCAAwC;AACxC,8CAA8C;AAC9C,uCAAuC;AACvC,6CAA6C;AAC7C,uCAAuC;AACvC,6CAA6C;AAC7C,4CAA4C;AAC5C,kDAAkD;AAClD,6CAA6C;AAC7C,mDAAmD;AACnD,qDAAqD;AACrD,uCAAuC;AACvC,8EAA8E;AAC9E,iFAAiF;AACjF,kFAAkF;AAClF,2CAA2C;AAC3C,4CAA4C;AAC5C,4BAA4B;AAC5B,4BAA4B;AAC5B,4BAA4B;AAE5B,MAAM,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoOjB,CAAA"}

package/package.json

@@ -0,0 +1,53 @@
+{
+  "name": "@reactra/replay-devtools",
+  "version": "0.1.0-alpha.0",
+  "type": "module",
+  "main": "./dist/index.js",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./timeline": {
+      "types": "./dist/timeline.d.ts",
+      "default": "./dist/timeline.js"
+    },
+    "./chrome": {
+      "types": "./dist/chrome.d.ts",
+      "default": "./dist/chrome.js"
+    },
+    "./tokens": {
+      "types": "./dist/tokens.d.ts",
+      "default": "./dist/tokens.js"
+    }
+  },
+  "dependencies": {
+    "@reactra/behaviours": "^0.1.0-alpha.0",
+    "@reactra/replay": "^0.1.0-alpha.0",
+    "@reactra/router": "^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/replay-devtools"
+  },
+  "homepage": "https://reactra-docs.vercel.app",
+  "license": "MIT",
+  "engines": {
+    "node": ">=22.18"
+  },
+  "description": "Reactra replay devtools — the in-page session-recorder panel and timeline."
+}