Dweav Trace

Tracking since May 14, 2026.

Changelog

• Jun 2, 2026
  description

  Dweav Trace replaces scattered console.log calls with a structured, chronological state timeline right in your browser's side panel. Every call to dweav() captures a full snapshot, computes a structural diff against the previous state, and renders the change — added, removed, changed, or moved — in colour-coded clarity.
  Built under the philosophy of "Build Once, Weave Everywhere," it works with any JavaScript framework or vanilla JS. Native adapter support is available via the companion @altrudevelop/dweav-connect npm package for teams using component-based or state-managed architectures.
  ────────────────────
  CORE TRACING ENGINE
  ────────────────────
  
  Call dweav(state, 'label') from any page, framework, or the DevTools console
  Structural diff engine detects added, removed, changed, and moved values
  Array identity tracking — lateral item moves shown as ⇿ instead of delete/add
  dweav.watch(obj) — zero-instrumentation Proxy-based auto-tracer
  Rate limiting — 50 calls/sec with a single console warning
  
  ────────────────────
  SECURITY & PRIVACY
  ────────────────────
  
  Auto-redaction of JWTs, API keys, emails, and sensitive key names before render
  Anti-XSS text-node rendering — script injection payloads are inert
  Strict CSP: script-src 'self', no eval, no remote scripts
  Isolated world content script — page JS cannot reach extension memory
  100% offline — no analytics, no telemetry, no external servers
  All data stays on your device
  
  ────────────────────
  DEV TOOLS PANEL
  ────────────────────
  
  JWT Decoder — decode any bearer token instantly
  Base64 Encode / Decode
  JSON Format / Minify with copy
  SHA-256 hashing, UUID v4 generator, 64-character secret key generator
  URL Encode / Decode
  CRON → human-readable translator
  CASE converter — camelCase, PascalCase, snake_case, kebab-case, SCREAM_CASE
  Clipboard history — auto-captures everything you copy, with source URL and timestamp
  Smart detectors — Unix timestamps, hex colours, UUIDs annotated inline on trace cards
  
  ────────────────────
  SIGNET VAULT (Pro)
  ────────────────────
  
  Export encrypted session files (.dweav) sealed with AES-GCM + HMAC-SHA256
  Import and verify sessions — tampered files are rejected outright
  Zero-server authentication — a shared file on your team's machines is the key
  Single card export — share one specific trace with a teammate
  
  ────────────────────
  POWER FEATURES
  ────────────────────
  
  Pin any card as a diff reference — subsequent traces diff against that snapshot
  Multi-tab merge view — interleave traces from multiple tabs chronologically
  Search and filter — highlight or show-only matching cards
  Collapse / expand all cards
  Copy payload button on every card
  Relative timestamps on hover
  Day / Night theme with persistent preference
  
  ────────────────────
  FRAMEWORK ADAPTERS
  ────────────────────
  Install @altrudevelop/dweav-connect from npm to connect your existing state layer:
  
  A hook for component-level tracing in React and Next.js apps
  A composable for deep reactive watching in Vue 3 projects
  A store subscriber for Svelte with zero boilerplate
  An injectable service and meta-reducer for Angular and NgRx
  Middleware for Redux and Redux Toolkit dispatch pipelines
  A store wrapper for Zustand with automatic label inference
  A one-line plugin that traces all stores in a Pinia setup
  
  ────────────────────
  FREE vs PRO
  ────────────────────
  Free — full tracing engine, all dev tools, smart detectors, day/night theme
  Pro ($9 one-time) — persistent IndexedDB history, Signet Vault export/import, single card export
  One payment. No subscription. No seat limits. No expiry.
   
   
  PRIVACY POLICY URL
  ──────────────────
  https://altru.dev/extensions/dweav-trace.html

  Dweav Trace replaces scattered console.log calls with a structured, chronological state timeline right in your browser's side panel. Every call to dweav() captures a full snapshot, computes a structural diff against the previous state, and renders the change — added, removed, changed, or moved — in colour-coded clarity.
  Built under the philosophy of "Build Once, Weave Everywhere," it works with any JavaScript framework or vanilla JS. Native adapter support is available via the companion @altrudevelop/dweav-connect npm package for teams using component-based or state-managed architectures.
  
  New in v1.3:
  
  Dweav Trace now includes developer-focused Dweav Trace side panel improvements to help you understand the tool before wiring it into your own app.
  
  This update adds:
  
  - A new Trace Recipes tab with copyable examples
  Trace Recipes now provides copyable examples that help developers place their first trace in common app flows, including plain JavaScript pages, frontend framework projects, API handling, checkout-style debugging, and game or simulation state.
  - A First 5-Minute Setup guide for placing your first trace
  - A What Should I Trace? guide for common state targets
  - Copy All Starter Snippets action
  - Side panel shortcuts for starter snippets and recipes
  - Clearer Pro wording for Redacted Trace Bundles used in bug reports, handoffs, and team review
  
  No analytics, telemetry, external debugging server, new permissions, or new data collection were added.
  
  ────────────────────
  CORE TRACING ENGINE
  ────────────────────
  
  Call dweav(state, 'label') from any page, framework, or the DevTools console
  Structural diff engine detects added, removed, changed, and moved values
  Array identity tracking — lateral item moves shown as ⇿ instead of delete/add
  dweav.watch(obj) — zero-instrumentation Proxy-based auto-tracer
  Rate limiting — 50 calls/sec with a single console warning
  
  ────────────────────
  SECURITY & PRIVACY
  ────────────────────
  
  Auto-redaction of JWTs, API keys, emails, and sensitive key names before render
  Anti-XSS text-node rendering — script injection payloads are inert
  Strict CSP: script-src 'self', no eval, no remote scripts
  Isolated world content script — page JS cannot reach extension memory
  100% offline — no analytics, no telemetry, no external servers
  All data stays on your device
  
  ────────────────────
  DWEAV TRACE SIDE PANEL
  ────────────────────
  
  Dweav Trace also includes a local utility workspace for common developer tasks. You can clean up and minify JSON, inspect JWT payloads, convert Base64 and URL-encoded text, create SHA-256 hashes, generate UUID v4 values, create 64-character secret keys, translate CRON expressions, convert text casing, and keep recent clipboard values available while debugging.
  
  These utilities run locally in the extension and are included to support day-to-day JavaScript debugging workflows.
  
  ────────────────────
  SIGNET VAULT (Pro)
  ────────────────────
  
  Export encrypted session files (.dweav) sealed with AES-GCM + HMAC-SHA256
  Import and verify sessions — tampered files are rejected outright
  Zero-server authentication — a shared file on your team's machines is the key
  Single card export — share one specific trace with a teammate
  
  ────────────────────
  POWER FEATURES
  ────────────────────
  
  Pin any card as a diff reference — subsequent traces diff against that snapshot
  Multi-tab merge view — interleave traces from multiple tabs chronologically
  Search and filter — highlight or show-only matching cards
  Collapse / expand all cards
  Copy payload button on every card
  Relative timestamps on hover
  Day / Night theme with persistent preference
  
  ────────────────────
  FRAMEWORK ADAPTERS
  ────────────────────
  Install @altrudevelop/dweav-connect from npm to connect your existing state layer:
  
  A hook for component-level tracing in React and Next.js apps
  A composable for deep reactive watching in Vue 3 projects
  A store subscriber for Svelte with zero boilerplate
  An injectable service and meta-reducer for Angular and NgRx
  Middleware for Redux and Redux Toolkit dispatch pipelines
  A store wrapper for Zustand with automatic label inference
  A one-line plugin that traces all stores in a Pinia setup
  
  ────────────────────
  FREE vs PRO
  ────────────────────
  Free — full tracing engine, all dev tools, smart detectors, day/night theme
  Pro ($9 one-time) — persistent IndexedDB history, Signet Vault export/import, single card export
  One payment. No subscription. No seat limits. No expiry.
   
   
  PRIVACY POLICY URL
  ──────────────────
  https://altru.dev/extensions/dweav-trace.html

Permissions & access

Permissions

sidePanelstorageclipboardRead

Host access

<all_urls>

Screenshots