@nbt-dev/devtools 0.0.8 → 0.0.10

package/README.md

@@ -9,6 +9,10 @@ console](https://github.com/nbt-dev). It gives you, against the live daemon:
   detail
 - **Diagram** — an entity-relationship graph with live row counts
 - **Sources** — a dev-mode NBT source editor with diagnostics and apply support
+- **Settings** — General (devtools panel font), Editor (theme, font size, line
+  wrapping, tab size) and Integrations (mirror a cartridge into a Google Sheet).
+  Preferences persist per operator on the console (server-side), with a
+  localStorage fallback for unauthenticated/dev use.
 
 It assumes your app uses NBT auth: the data socket reads the current session
 bearer from `POST /api/auth/session/current` (sent with `credentials:
@@ -41,12 +45,12 @@ export default function App() {
 }
 ```
 
-The panel renders nothing until toggled. Open/close it from anywhere:
+The panel renders nothing until toggled. It owns the built-in shortcuts
+**Ctrl+F12** and **Ctrl/Cmd+Shift+D**. You can also toggle it from anywhere:
 
 ```ts
 import { toggleDevTools } from "@nbt-dev/devtools";
 
-// e.g. bind to Ctrl+F12
 toggleDevTools();
 // or, with no import: window.dispatchEvent(new CustomEvent("devtools-toggle"))
 ```
@@ -69,6 +73,7 @@ with or without Tailwind in the host.
 | --- | --- |
 | `NimbitDevTools` | The panel. Props: `apiBaseUrl?`, `defaultActiveTab?`. |
 | `toggleDevTools()` | Dispatches the `devtools-toggle` window event. |
+| `useDevToolsOpen()` | Reactive open/closed state for your own toolbar button — works outside the panel, no provider needed. |
 | `DevToolsProvider`, `useDevTools` | Lower-level state if you compose `DevTools` yourself. |
 | `DevToolsConfigProvider`, `useDevToolsConfig` | The `apiBaseUrl` config context. |
 | `DevTools` | The bare panel (expects the providers above). |

package/dist/components/devtools/devtools-context.d.ts

@@ -33,6 +33,8 @@ type DevToolsCtx = {
     setView: React.Dispatch<React.SetStateAction<DevToolsView>>;
     graphCarts: Set<string> | null;
     setGraphCarts: React.Dispatch<React.SetStateAction<Set<string> | null>>;
+    revealedCarts: Set<string>;
+    setRevealedCarts: React.Dispatch<React.SetStateAction<Set<string>>>;
     hiddenEntities: Set<string>;
     setHiddenEntities: React.Dispatch<React.SetStateAction<Set<string>>>;
     graphLeftW: number;
@@ -49,6 +51,18 @@ type DevToolsCtx = {
     setSourcesFile: (v: string | null) => void;
     sourcesTreeW: number;
     setSourcesTreeW: React.Dispatch<React.SetStateAction<number>>;
+    settingsCategory: string;
+    setSettingsCategory: (v: string) => void;
+    editorTheme: string;
+    setEditorTheme: (v: string) => void;
+    editorFontSize: number;
+    setEditorFontSize: (v: number) => void;
+    editorLineWrap: boolean;
+    setEditorLineWrap: (v: boolean) => void;
+    editorTabSize: number;
+    setEditorTabSize: (v: number) => void;
+    devtoolsFont: string;
+    setDevtoolsFont: (v: string) => void;
 };
 export declare const DevToolsProvider: React.FC<{
     children: React.ReactNode;

package/dist/components/devtools/fonts.d.ts

@@ -0,0 +1,7 @@
+export type DevtoolsFont = {
+    id: string;
+    label: string;
+    stack: string;
+};
+export declare const DEVTOOLS_FONTS: DevtoolsFont[];
+export declare function fontStack(id: string): string;

package/dist/components/ui/button.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { type VariantProps } from "class-variance-authority";
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "outline" | "secondary" | "ghost" | "destructive" | null | undefined;
+    variant?: "default" | "link" | "outline" | "secondary" | "ghost" | "destructive" | null | undefined;
     size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {

package/dist/index.d.ts

@@ -6,6 +6,7 @@ export type NimbitDevToolsProps = {
 export declare const NimbitDevTools: React.FC<NimbitDevToolsProps>;
 export default NimbitDevTools;
 export declare function toggleDevTools(): void;
+export declare function useDevToolsOpen(): boolean;
 export { DevToolsProvider, useDevTools, } from "./components/devtools/devtools-context";
 export { default as DevTools } from "./components/devtools/dev-tools";
 export type { DevToolsDock, DevToolsTab, DevToolsSize, } from "./components/devtools/devtools-context";