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. ──────────────────── 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