Skip to content

devtools.md

Latest commit

 

History

History
59 lines (44 loc) · 1.23 KB

devtools.md

File metadata and controls

59 lines (44 loc) · 1.23 KB

Devtools

The devtools module provides lightweight runtime inspection utilities for debugging signals, stores, custom elements, and event timelines.

import {
  clearTimeline,
  enableDevtools,
  getDevtoolsState,
  getTimeline,
  inspectComponents,
  inspectSignals,
  inspectStores,
  logTimeline,
} from '@bquery/bquery/devtools';

Enable devtools

enableDevtools(true, { logToConsole: true });

Use isDevtoolsEnabled() to check whether collection is active.

Inspect runtime state

console.log(inspectSignals());
console.log(inspectStores());
console.log(inspectComponents());
console.log(getDevtoolsState());

Timeline events

const entries = getTimeline();
logTimeline(10);
clearTimeline();

Use recordEvent() to push custom events into the timeline when you want your own instrumentation entries.

Signal tracking

import { signal } from '@bquery/bquery/reactive';
import { trackSignal, untrackSignal } from '@bquery/bquery/devtools';

const count = signal(0);
trackSignal(count, 'counter');
untrackSignal(count);

Notes

  • Intended for development and diagnostics, not production analytics.
  • Pairs nicely with @bquery/bquery/testing when you want assertions over reactive behavior.