🔜 In Development v1.0 · MV3 🧩 Developer Tool

Dweav Trace

Real-time state tracing for Redux, Zustand, Pinia and more — live in a Chrome side panel.

🔜 Coming to Chrome Web Store Watch on GitHub → Request Early Access →

Compatible with: Chrome, Brave · Part of the Dweav ecosystem

About Dweav Trace

Modern frontend apps are full of invisible state changes — Redux dispatches, Zustand mutations, Pinia commits — that are tedious to trace through DevTools. Dweav Trace intercepts these changes and renders them as live visual cards in the Chrome side panel, giving you a real-time stream of what's happening in your app without switching focus.


Drop-in adapters for every major framework. Zero configuration for basic use. Works silently in production if the extension isn't installed — so you can ship adapter code without worrying about it breaking anything.

Framework Adapters

REDUX
import { createDweavMiddleware }
  from '@altru/dweav-connect/redux';

const store = configureStore({
  middleware: (getDefault) =>
    getDefault().concat(
      createDweavMiddleware()
    )
});
ZUSTAND
import { dweav }
  from '@altru/dweav-connect/zustand';

const useStore = create(
  dweav(
    (set) => ({ count: 0, ... }),
    'My Store'
  )
);
PINIA
import { DweavPiniaPlugin }
  from '@altru/dweav-connect/pinia';

const pinia = createPinia();
// Traces every store automatically
pinia.use(DweavPiniaPlugin);
MANUAL / ANY FRAMEWORK
// Works anywhere — safe no-op
// if extension not installed
window.dweav?.(myState, 'Label');

// Or use the safe wrapper
import { trace }
  from '@altru/dweav-connect';
trace(myState, 'My State');

Features

📡

Real-time state cards

Every state change renders as a live card in the side panel with timestamp, label, and diff.

Redux middleware

One-line integration. Traces every dispatched action and resulting state slice.

🐻

Zustand adapter

Wraps your store creator — traces every set() call automatically.

🍍

Pinia plugin

Single pinia.use() call traces every store in your Vue app.

🔍

State diffing

Changed keys highlighted in green/red. See exactly what changed at a glance.

🌐

SSR-safe

All adapters include typeof window guards. Safe to import in Next.js, Nuxt, SvelteKit.

🔇

Zero production cost

If the extension isn't installed, every trace call is a single typeof check — nothing more.

Time-travel replay PRO

Step backward and forward through your state history frame by frame.

📤

Export trace log PRO

Export your full session trace as JSON for sharing or post-analysis.

Pricing

FREE
$0

Live state cards, all framework adapters, state diffing, manual trace API.

Pro
PRO
$9 one-time

Everything in Free + time-travel replay, export trace log, advanced filters.

Pro license handled by ExtensionPay — secure, one-time, no subscription.

Technical

Manifest V3 Chrome SidePanel API Content Scripts Service Worker ExtensionPay Redux Zustand Pinia Chrome · Brave

🔒 Dweav Trace — Privacy Policy

Dweav Trace is a developer tool. It sees your app's state — but only inside your browser, only while you're using it, and nothing leaves your device.

Short version: Dweav Trace does not collect, transmit, or store any personal data or application state on external servers. All trace data lives in the extension's local storage and is cleared when you close the panel or clear history. The only external connection is the ExtensionPay license check.

01

Data Collection

None. Dweav Trace does not collect, log, or transmit your application state, Redux actions, component data, or any other traced information to any server. All trace data is held in memory and discarded when the session ends.

02

Network Requests

One outbound request is made to ExtensionPay to verify Pro license status. No state data, no browsing history, and no personal information is included in this request — only an anonymous extension ID.

03

Application State

Your application's state values are intercepted locally to render trace cards in the side panel. This data is never sent anywhere. It is held temporarily in the extension's runtime memory and cleared when the panel is closed or history is manually cleared.

04

Permissions

sidePanel — to display the trace panel. scripting — to inject the trace bridge into web pages you enable it on. storage — to save Pro license status and user preferences locally. No access to passwords, form data, or browsing history.

05

Pro License (ExtensionPay)

Pro purchases are handled by ExtensionPay. Altru.dev does not receive or store your payment details. License status is verified via an anonymous API call. See ExtensionPay's privacy policy for their data practices.

06

Data Deletion

Uninstalling Dweav Trace removes all locally stored data immediately. You can also clear trace history at any time from within the extension panel. No data persists after uninstall.

07

Production Safety

When Dweav Trace is not installed, all adapter calls resolve to a single typeof check and return immediately. No errors, no warnings, no performance impact.

08

Contact

Privacy questions? Contact us. We respond personally to every message. Last updated: 2026.

Select Language