DevTools

@themvora/devtools

InspectorDebugging4 exports

Runtime inspector, plugin and panel for debugging theme changes.

Verified with Themvora 2.0.0·Updated 2026-09-17

Prerequisites

Package Manager

npm, pnpm, yarn, or bun

Dependencies

@themvora/core (peer dependency)

Use Case

Themvora development and CI/CD

Installation

View on npm ↗Source ↗

Install the integration — @themvora/core is pulled in automatically as a dependency.

bash

pnpm add @themvora/devtools

Quick Start

Complete copy-paste usage for this package.

plugin.ts

TS / JS

import { createThemeRuntime } from "@themvora/core";
import { createDevToolsPlugin } from "@themvora/devtools";

const runtime = createThemeRuntime({
  plugins: [createDevToolsPlugin()],
});

API Reference

Curated highlights below. The complete generated reference — every signature, parameter and type — is at /api-reference/devtools.

API

Export	Description
`createDevToolsPlugin(options)`	Themvora plugin exposing an inspector.
`createDevToolsInspector(options)`	Records theme-change entries, lifecycle performance events and state snapshots.
`createDevToolsPanel()`	UI panel.
`window.__THEMVORA_DEVTOOLS__`	Exposed inspectors for extension debugging.