Dweav Trace

Secure, offline-first state tracing and diagnostic utility.

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