@manovaspace/devtools

Optional development-only toolbar for editing tokens and previewing theme changes. Do not ship this package in production client bundles.

Install

pnpm add -D @manovaspace/devtools

Requires @manovaspace/tokens and @manovaspace/ui. Also works with npm or yarn.

Usage

import {
  OrbitDevtoolsProvider,
  DevToolsShell,
} from "@manovaspace/devtools";

export function Providers({ children }: { children: React.ReactNode }) {
  return (
    <OrbitDevtoolsProvider config={{ appName: "my-app" }}>
      <DevToolsShell>{children}</DevToolsShell>
    </OrbitDevtoolsProvider>
  );
}

@import "@manovaspace/devtools/styles.css";

For production-safe slot registration (stub in prod builds):

import { DevtoolsSlot } from "@manovaspace/devtools/slot";

Exports

Import	Purpose
`@manovaspace/devtools`	`OrbitDevtoolsProvider`, `DevToolsShell`, save helpers
`@manovaspace/devtools/slot`	`DevtoolsSlot` — prod-safe stub
`@manovaspace/devtools/next`	Theme route handlers for Next.js
`@manovaspace/devtools/styles.css`	Toolbar styles