Framework navigation

Runtime devtools reference

Inspect privacy-safe route, cache, module, component, effect, and scheduler state in the browser.

Snapshot and subscription APIs

tsimport {
  inspectTavoRuntime,
  installTavoDevtoolsPanel,
  subscribeTavoRuntime,
} from "@tavojs/core/dev";

console.debug(inspectTavoRuntime());

const stop = subscribeTavoRuntime((snapshot) => {
  console.debug(snapshot.route, snapshot.status);
});
const panel = installTavoDevtoolsPanel();

export function disposeDevtools() {
  stop();
  panel.dispose();
}

API / option	Type	Default	Behavior
`inspectTavoRuntime()`	`TavoDevtoolsSnapshot`	current state	Returns pathname, route, status, params, route runtime inspection, and DOM counts.
`subscribeTavoRuntime(listener, options)`	`unsubscribe function`	immediate: true	Publishes on navigation and route-status changes; pass immediate: false to skip the first callback.
`installTavoDevtoolsPanel(options)`	`TavoDevtoolsPanel`	document.body, closed	Installs a dependency-free browser panel. It throws when no DOM document exists.
`panel.refresh()`	`void`	—	Refreshes the JSON snapshot manually.
`panel.dispose()`	`void`	—	Unsubscribes listeners, removes events, and removes the panel element.

Look up exact public types

Follow linked API names to their canonical TypeScript declarations and package boundaries.