@weasel-js/devtools 0.0.0-stage → 1.11.1

package/dist/views/DecisionPath.d.ts

@@ -0,0 +1,7 @@
+/** The path one input took, as a powerline: the input, the binding's owner, the action that fired, and whether it was handled. */
+import type { ReactElement } from 'react';
+import type { DispatchRecord } from '@weasel-js/core/routing';
+export declare function DecisionPath({ record }: {
+    record: DispatchRecord;
+}): ReactElement;
+//# sourceMappingURL=DecisionPath.d.ts.map

package/dist/views/DecisionPath.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DecisionPath.d.ts","sourceRoot":"","sources":["../../src/views/DecisionPath.tsx"],"names":[],"mappings":"AAAA,kIAAkI;AAClI,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAQ9D,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,cAAc,CAAA;CAAE,GAAG,YAAY,CAejF"}

package/dist/views/DispatchView.d.ts

@@ -0,0 +1,11 @@
+/**
+ * The Dispatch tab: the root's trace of resolved inputs and mode switches,
+ * what a press at the pointer would do now, and, behind a toggle, the
+ * `clientToWorld` conversions. Read through cursors, so each read carries only
+ * what is new; polled while open, because the live prediction moves with the
+ * pointer and no notice reports that.
+ */
+import { type ReactElement } from 'react';
+import type { DevtoolsViewProps } from '../tabs';
+export declare function DispatchView({ client, rootId }: DevtoolsViewProps): ReactElement;
+//# sourceMappingURL=DispatchView.d.ts.map

package/dist/views/DispatchView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DispatchView.d.ts","sourceRoot":"","sources":["../../src/views/DispatchView.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,EAAgC,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAMxE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAYjD,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,iBAAiB,GAAG,YAAY,CAkEhF"}

package/dist/views/FrameView.d.ts

@@ -0,0 +1,9 @@
+/**
+ * The Frame tab: what the last paint cost, overall and per render layer. The
+ * canvas measures only while its `fps` overlay is on and announces nothing, so
+ * this polls, and only while the tab is open and the overlay on.
+ */
+import { type ReactElement } from 'react';
+import type { DevtoolsViewProps } from '../tabs';
+export declare function FrameView({ client, rootId }: DevtoolsViewProps): ReactElement;
+//# sourceMappingURL=FrameView.d.ts.map

package/dist/views/FrameView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FrameView.d.ts","sourceRoot":"","sources":["../../src/views/FrameView.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAOpD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAmBjD,wBAAgB,SAAS,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,iBAAiB,GAAG,YAAY,CAgC7E"}

package/dist/views/HistoryTable.d.ts

@@ -0,0 +1,8 @@
+/** History steps as rows, newest first; a row opens to the entries it touched and each entry's ops. */
+import { type ReactElement } from 'react';
+import type { DevtoolsHistoryRecord } from '@weasel-js/core/devtools-protocol';
+export declare function HistoryTable({ steps, now }: {
+    steps: readonly DevtoolsHistoryRecord[];
+    now: number;
+}): ReactElement;
+//# sourceMappingURL=HistoryTable.d.ts.map

package/dist/views/HistoryTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HistoryTable.d.ts","sourceRoot":"","sources":["../../src/views/HistoryTable.tsx"],"names":[],"mappings":"AAAA,uGAAuG;AACvG,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAqC/E,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE;IAAE,KAAK,EAAE,SAAS,qBAAqB,EAAE,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,GAAG,YAAY,CAkCnH"}

package/dist/views/HistoryView.d.ts

@@ -0,0 +1,9 @@
+/**
+ * The History tab: each step the scene's history took, newest first, read
+ * through its cursor whenever a notice reports one; where the history stands;
+ * and, on request, every entry on its stacks.
+ */
+import { type ReactElement } from 'react';
+import type { DevtoolsViewProps } from '../tabs';
+export declare function HistoryView({ client, rootId }: DevtoolsViewProps): ReactElement;
+//# sourceMappingURL=HistoryView.d.ts.map

package/dist/views/HistoryView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HistoryView.d.ts","sourceRoot":"","sources":["../../src/views/HistoryView.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAgC,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAKxE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAQjD,wBAAgB,WAAW,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,iBAAiB,GAAG,YAAY,CAmE/E"}

package/dist/views/NodeDetail.d.ts

@@ -0,0 +1,12 @@
+/** One node as `get-node` describes it, re-read whenever the scene changes. */
+import type { ReactElement } from 'react';
+import type { DevtoolsClient } from '../client';
+export interface NodeDetailProps {
+    client: DevtoolsClient;
+    rootId: string;
+    nodeId: string;
+    /** Show another node: the parent, when its id is pressed. */
+    onPick(nodeId: string): void;
+}
+export declare function NodeDetail({ client, rootId, nodeId, onPick }: NodeDetailProps): ReactElement;
+//# sourceMappingURL=NodeDetail.d.ts.map

package/dist/views/NodeDetail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NodeDetail.d.ts","sourceRoot":"","sources":["../../src/views/NodeDetail.tsx"],"names":[],"mappings":"AAAA,+EAA+E;AAC/E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAI1C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAKhD,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,cAAc,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,6DAA6D;IAC7D,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B;AAID,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,eAAe,GAAG,YAAY,CAsC5F"}

package/dist/views/RegistryEntryDetail.d.ts

@@ -0,0 +1,12 @@
+/** One registry entry in full: a tool, an action, or a dep. */
+import type { ReactElement } from 'react';
+import type { DevtoolsRegistry } from '@weasel-js/core/devtools-protocol';
+export interface RegistryPick {
+    category: 'tools' | 'actions' | 'deps';
+    id: string;
+}
+export declare function RegistryEntryDetail({ registry, pick }: {
+    registry: DevtoolsRegistry;
+    pick: RegistryPick;
+}): ReactElement;
+//# sourceMappingURL=RegistryEntryDetail.d.ts.map

package/dist/views/RegistryEntryDetail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RegistryEntryDetail.d.ts","sourceRoot":"","sources":["../../src/views/RegistryEntryDetail.tsx"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,OAAO,KAAK,EAAE,YAAY,EAAa,MAAM,OAAO,CAAC;AACrD,OAAO,KAAK,EAAyC,gBAAgB,EAAqB,MAAM,mCAAmC,CAAC;AAOpI,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IACvC,EAAE,EAAE,MAAM,CAAC;CACZ;AAsED,wBAAgB,mBAAmB,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE;IAAE,QAAQ,EAAE,gBAAgB,CAAC;IAAC,IAAI,EAAE,YAAY,CAAA;CAAE,GAAG,YAAY,CAaxH"}

package/dist/views/RegistryView.d.ts

@@ -0,0 +1,10 @@
+/**
+ * The Registry tab: what the canvas has registered, filtered by name, beside
+ * the entry picked. Re-read when the registry changes, and on selection and
+ * scene changes too, since an action's `enabled` and `active` move with them
+ * and no notice reports that.
+ */
+import { type ReactElement } from 'react';
+import type { DevtoolsViewProps } from '../tabs';
+export declare function RegistryView({ client, rootId }: DevtoolsViewProps): ReactElement;
+//# sourceMappingURL=RegistryView.d.ts.map

package/dist/views/RegistryView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RegistryView.d.ts","sourceRoot":"","sources":["../../src/views/RegistryView.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAKpD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AA2CjD,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,iBAAiB,GAAG,YAAY,CAqChF"}

package/dist/views/SceneView.d.ts

@@ -0,0 +1,5 @@
+/** The Scene tab: a root's node tree beside the node picked in it. */
+import { type ReactElement } from 'react';
+import type { DevtoolsViewProps } from '../tabs';
+export declare function SceneView({ client, rootId }: DevtoolsViewProps): ReactElement;
+//# sourceMappingURL=SceneView.d.ts.map

package/dist/views/SceneView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SceneView.d.ts","sourceRoot":"","sources":["../../src/views/SceneView.tsx"],"names":[],"mappings":"AAAA,sEAAsE;AACtE,OAAO,EAAuC,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAG/E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAiCjD,wBAAgB,SAAS,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,iBAAiB,GAAG,YAAY,CAoC7E"}

package/dist/views/StateView.d.ts

@@ -0,0 +1,5 @@
+/** The State tab: selection, view, the active tool and the overlay flags, with the two the panel may steer. */
+import type { ReactElement } from 'react';
+import type { DevtoolsViewProps } from '../tabs';
+export declare function StateView({ client, rootId }: DevtoolsViewProps): ReactElement;
+//# sourceMappingURL=StateView.d.ts.map

package/dist/views/StateView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StateView.d.ts","sourceRoot":"","sources":["../../src/views/StateView.tsx"],"names":[],"mappings":"AAAA,+GAA+G;AAC/G,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAM1C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAOjD,wBAAgB,SAAS,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,iBAAiB,GAAG,YAAY,CAgE7E"}

package/dist/views/TraceTable.d.ts

@@ -0,0 +1,17 @@
+/** The trace as rows, newest first under the live prediction; a dispatch row opens to the path it took and every stage behind it. */
+import { type ReactElement, type ReactNode } from 'react';
+import type { DispatchRecord, TraceLogEntry } from '@weasel-js/core/routing';
+export interface TraceTableProps {
+    entries: readonly TraceLogEntry[];
+    /** A press at the pointer, predicted, pinned above the log. */
+    live: DispatchRecord | null;
+    /** The clock each row's age is measured against. */
+    now: number;
+    /** Inputs an action handled, with mode switches. */
+    showHandled: boolean;
+    showUnhandled: boolean;
+    /** Shown in place of rows when the filters leave none. */
+    empty: ReactNode;
+}
+export declare function TraceTable({ entries, live, now, showHandled, showUnhandled, empty }: TraceTableProps): ReactElement;
+//# sourceMappingURL=TraceTable.d.ts.map

package/dist/views/TraceTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TraceTable.d.ts","sourceRoot":"","sources":["../../src/views/TraceTable.tsx"],"names":[],"mappings":"AAAA,qIAAqI;AACrI,OAAO,EAAY,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACpE,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAU7E,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,SAAS,aAAa,EAAE,CAAC;IAClC,+DAA+D;IAC/D,IAAI,EAAE,cAAc,GAAG,IAAI,CAAC;IAC5B,oDAAoD;IACpD,GAAG,EAAE,MAAM,CAAC;IACZ,oDAAoD;IACpD,WAAW,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,OAAO,CAAC;IACvB,0DAA0D;IAC1D,KAAK,EAAE,SAAS,CAAC;CAClB;AA4BD,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,WAAW,EAAE,aAAa,EAAE,KAAK,EAAE,EAAE,eAAe,GAAG,YAAY,CAiDnH"}

package/dist/views/ValueView.d.ts

@@ -0,0 +1,11 @@
+/** A serialized value as a reader expects to see it: tagged maps, sets and typed arrays named, functions and cycles marked. */
+import { type ReactElement } from 'react';
+import type { SerializedValue } from '@weasel-js/core/devtools-protocol';
+export interface ValueViewProps {
+    value: SerializedValue;
+    /** Names the value for a screen reader. */
+    label: string;
+}
+/** `value` as nested rows, its containers folding; the top level lists its entries directly. */
+export declare function ValueView({ value, label }: ValueViewProps): ReactElement;
+//# sourceMappingURL=ValueView.d.ts.map

package/dist/views/ValueView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValueView.d.ts","sourceRoot":"","sources":["../../src/views/ValueView.tsx"],"names":[],"mappings":"AAAA,+HAA+H;AAC/H,OAAO,EAAY,KAAK,YAAY,EAAkB,MAAM,OAAO,CAAC;AACpE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAyEzE,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,eAAe,CAAC;IACvB,2CAA2C;IAC3C,KAAK,EAAE,MAAM,CAAC;CACf;AAED,gGAAgG;AAChG,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,cAAc,GAAG,YAAY,CASxE"}

package/dist/views/formatAge.d.ts

@@ -0,0 +1,3 @@
+/** How long ago something happened, in the shortest unit that reads well: `840ms`, `12.3s`, `4m07s`. */
+export declare function formatAge(ms: number): string;
+//# sourceMappingURL=formatAge.d.ts.map

package/dist/views/formatAge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatAge.d.ts","sourceRoot":"","sources":["../../src/views/formatAge.ts"],"names":[],"mappings":"AAAA,wGAAwG;AACxG,wBAAgB,SAAS,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,CAM5C"}

package/dist/views/useSceneTree.d.ts

@@ -0,0 +1,12 @@
+import type { DevtoolsNodeSummary } from '@weasel-js/core/devtools-protocol';
+import type { DevtoolsClient } from '../client';
+export interface SceneTree {
+    /** Each loaded level, by parent id; the top level under `''`. */
+    levels: ReadonlyMap<string, readonly DevtoolsNodeSummary[]>;
+    expanded: ReadonlySet<string>;
+    setExpanded(ids: Set<string>): void;
+    /** Why the top level could not be read, such as a scene not mounted yet. */
+    error: string | null;
+}
+export declare function useSceneTree(client: DevtoolsClient, rootId: string): SceneTree;
+//# sourceMappingURL=useSceneTree.d.ts.map

package/dist/views/useSceneTree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSceneTree.d.ts","sourceRoot":"","sources":["../../src/views/useSceneTree.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AAE7E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAKhD,MAAM,WAAW,SAAS;IACxB,iEAAiE;IACjE,MAAM,EAAE,WAAW,CAAC,MAAM,EAAE,SAAS,mBAAmB,EAAE,CAAC,CAAC;IAC5D,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC9B,WAAW,CAAC,GAAG,EAAE,GAAG,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC;IACpC,4EAA4E;IAC5E,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB;AAED,wBAAgB,YAAY,CAAC,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,GAAG,SAAS,CA8C9E"}

package/package.json

@@ -1,6 +1,55 @@
 {
   "name": "@weasel-js/devtools",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "1.11.1",
+  "description": "A devtools panel for weasel canvases: each canvas's scene tree, state, dispatch trace and frame stats, read and steered over the devtools hook's protocol.",
+  "license": "MIT",
+  "type": "module",
+  "sideEffects": [
+    "*.css"
+  ],
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./style.css": "./dist/style.css",
+    "./package.json": "./package.json"
+  },
+  "author": "orochi235",
+  "homepage": "https://orochi235.github.io/weasel/",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/orochi235/weasel.git",
+    "directory": "packages/devtools"
+  },
+  "bugs": {
+    "url": "https://github.com/orochi235/weasel/issues"
+  },
+  "engines": {
+    "node": ">=22"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "build": "vite build && tsc -p tsconfig.build.json"
+  },
+  "dependencies": {
+    "@weasel-js/react": "1.11.1",
+    "@weasel-js/ui": "1.11.1"
+  },
+  "peerDependencies": {
+    "@weasel-js/core": "1.11.1",
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
+  }
+}