mates-devtools 0.1.0-beta.1

package/dist/types/Mates-DevTools/src/MatesDevTools.d.ts

@@ -0,0 +1,5 @@
+export declare function highlightElement(el: HTMLElement): void;
+export declare function navigateToComponent(componentId: number): void;
+export declare function renderDevTools(): void;
+export declare function destroyDevTools(): void;
+//# sourceMappingURL=MatesDevTools.d.ts.map

package/dist/types/Mates-DevTools/src/MatesDevTools.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MatesDevTools.d.ts","sourceRoot":"","sources":["../../../../src/MatesDevTools.ts"],"names":[],"mappings":"AA0HA,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,WAAW,GAAG,IAAI,CAmFtD;AA2HD,wBAAgB,mBAAmB,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI,CAyB7D;AA4iBD,wBAAgB,cAAc,IAAI,IAAI,CAwCrC;AAED,wBAAgB,eAAe,IAAI,IAAI,CA2BtC"}

package/dist/types/Mates-DevTools/src/MatesDevToolsComponent.d.ts

@@ -0,0 +1,24 @@
+import { destroyDevTools } from "./MatesDevTools";
+export { destroyDevTools };
+export type DevToolsPosition = "bottom-right" | "bottom-left" | "top-right" | "top-left";
+/**
+ * Bootstrap Mates DevTools.
+ *
+ * Call this **before** `renderX()` so the hooks are installed before any
+ * component mounts.  DevTools renders its own FAB and panel into
+ * `document.body` — it does not need to live inside your component tree.
+ *
+ * ```ts
+ * import { renderMatesDevTools } from "mates-devtools";
+ *
+ * renderMatesDevTools();
+ * renderX(App, document.getElementById("app")!);
+ * ```
+ */
+export declare function renderMatesDevTools(): void;
+/**
+ * Tear down Mates DevTools completely (FAB, panel, subscriptions, hooks).
+ * Safe to call even if DevTools was never started.
+ */
+export declare function destroyMatesDevTools(): void;
+//# sourceMappingURL=MatesDevToolsComponent.d.ts.map

package/dist/types/Mates-DevTools/src/MatesDevToolsComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MatesDevToolsComponent.d.ts","sourceRoot":"","sources":["../../../../src/MatesDevToolsComponent.ts"],"names":[],"mappings":"AAOA,OAAO,EAAkB,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClE,OAAO,EAAE,eAAe,EAAE,CAAC;AAgG3B,MAAM,MAAM,gBAAgB,GACxB,cAAc,GACd,aAAa,GACb,WAAW,GACX,UAAU,CAAC;AAsCf;;;;;;;;;;;;;GAaG;AACH,wBAAgB,mBAAmB,IAAI,IAAI,CAc1C;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,IAAI,IAAI,CAS3C"}

package/dist/types/Mates-DevTools/src/components/AtomsViewer.d.ts

@@ -0,0 +1,2 @@
+export declare function renderAtomsViewer(cleanups: Map<any, Function[]> | undefined): import("lit-html").TemplateResult<1>;
+//# sourceMappingURL=AtomsViewer.d.ts.map

package/dist/types/Mates-DevTools/src/components/AtomsViewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AtomsViewer.d.ts","sourceRoot":"","sources":["../../../../../src/components/AtomsViewer.ts"],"names":[],"mappings":"AAyCA,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,GAAG,CAAC,GAAG,EAAE,QAAQ,EAAE,CAAC,GAAG,SAAS,wCAyB3E"}

package/dist/types/Mates-DevTools/src/components/ComponentInspector.d.ts

@@ -0,0 +1,27 @@
+import type { Component } from "mates";
+import type { ComponentGroup } from "../types";
+/**
+ * Group mode — used by the flat list.
+ * Shows all instances of a component group with collapsible details.
+ */
+export interface GroupInspectorProps {
+    selectedGroup: ComponentGroup | null;
+    selectedInstanceId: number | null;
+    onSelectInstance: (componentId: number) => void;
+    onHighlight: (component: Component) => void;
+    selectedComponent?: undefined;
+}
+/**
+ * Single-component mode — used by the tree view.
+ * Shows one component's details directly (no instance picker).
+ */
+export interface SingleInspectorProps {
+    selectedComponent: Component | null;
+    selectedGroup?: undefined;
+    selectedInstanceId?: undefined;
+    onSelectInstance?: undefined;
+    onHighlight?: undefined;
+}
+export type ComponentInspectorProps = GroupInspectorProps | SingleInspectorProps;
+export declare function renderComponentInspector(props: ComponentInspectorProps): import("lit-html").TemplateResult<1>;
+//# sourceMappingURL=ComponentInspector.d.ts.map

package/dist/types/Mates-DevTools/src/components/ComponentInspector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentInspector.d.ts","sourceRoot":"","sources":["../../../../../src/components/ComponentInspector.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAgB/C;;;GAGG;AACH,MAAM,WAAW,mBAAmB;IAClC,aAAa,EAAE,cAAc,GAAG,IAAI,CAAC;IACrC,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,gBAAgB,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,WAAW,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IAC5C,iBAAiB,CAAC,EAAE,SAAS,CAAC;CAC/B;AAED;;;GAGG;AACH,MAAM,WAAW,oBAAoB;IACnC,iBAAiB,EAAE,SAAS,GAAG,IAAI,CAAC;IACpC,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB;AAED,MAAM,MAAM,uBAAuB,GAC/B,mBAAmB,GACnB,oBAAoB,CAAC;AA+QzB,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,uBAAuB,wCA4BtE"}

package/dist/types/Mates-DevTools/src/components/ComponentList.d.ts

@@ -0,0 +1,11 @@
+import type { ComponentGroup } from "../types";
+import type { Component } from "mates";
+export interface ComponentListProps {
+    groups: ComponentGroup[];
+    selectedViewFn: Function | null;
+    onSelectGroup: (viewFn: Function) => void;
+    onHighlight: (component: Component) => void;
+    renderCallback: () => void;
+}
+export declare function renderComponentList({ groups, selectedViewFn, onSelectGroup, onHighlight, renderCallback, }: ComponentListProps): import("lit-html").TemplateResult<1>;
+//# sourceMappingURL=ComponentList.d.ts.map

package/dist/types/Mates-DevTools/src/components/ComponentList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentList.d.ts","sourceRoot":"","sources":["../../../../../src/components/ComponentList.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC/C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAWvC,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,cAAc,EAAE,CAAC;IACzB,cAAc,EAAE,QAAQ,GAAG,IAAI,CAAC;IAChC,aAAa,EAAE,CAAC,MAAM,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC1C,WAAW,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IAC5C,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B;AAqCD,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,cAAc,EACd,aAAa,EACb,WAAW,EACX,cAAc,GACf,EAAE,kBAAkB,wCAiIpB"}

package/dist/types/Mates-DevTools/src/components/ComponentTree.d.ts

@@ -0,0 +1,9 @@
+import type { Component } from "mates";
+export interface ComponentTreeProps {
+    selectedComponentId: number | null;
+    onSelectComponent: (componentId: number) => void;
+    onHighlight: (component: Component) => void;
+    renderCallback: () => void;
+}
+export declare function renderComponentTree({ selectedComponentId, onSelectComponent, onHighlight, renderCallback, }: ComponentTreeProps): import("lit-html").TemplateResult<1>;
+//# sourceMappingURL=ComponentTree.d.ts.map

package/dist/types/Mates-DevTools/src/components/ComponentTree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentTree.d.ts","sourceRoot":"","sources":["../../../../../src/components/ComponentTree.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAiMvC,MAAM,WAAW,kBAAkB;IACjC,mBAAmB,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,iBAAiB,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,WAAW,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IAC5C,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,wBAAgB,mBAAmB,CAAC,EAClC,mBAAmB,EACnB,iBAAiB,EACjB,WAAW,EACX,cAAc,GACf,EAAE,kBAAkB,wCA8BpB"}

package/dist/types/Mates-DevTools/src/components/Header.d.ts

@@ -0,0 +1,10 @@
+export type DevToolsTab = "components" | "logs" | "performance";
+export interface HeaderProps {
+    activeTab: DevToolsTab;
+    onTabChange: (tab: DevToolsTab) => void;
+    onMinimise: () => void;
+    onClose: () => void;
+    unreadLogCount: number;
+}
+export declare function renderHeader({ activeTab, onTabChange, onMinimise, onClose, unreadLogCount, }: HeaderProps): import("lit-html").TemplateResult<1>;
+//# sourceMappingURL=Header.d.ts.map

package/dist/types/Mates-DevTools/src/components/Header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../../src/components/Header.ts"],"names":[],"mappings":"AAKA,MAAM,MAAM,WAAW,GAAG,YAAY,GAAG,MAAM,GAAG,aAAa,CAAC;AAEhE,MAAM,WAAW,WAAW;IAC1B,SAAS,EAAE,WAAW,CAAC;IACvB,WAAW,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,CAAC;IACxC,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,WAAW,EACX,UAAU,EACV,OAAO,EACP,cAAc,GACf,EAAE,WAAW,wCA0Fb"}

package/dist/types/Mates-DevTools/src/components/Highlight.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Renders a version badge that briefly flashes green whenever the version
+ * number changes. Uses a stable element ID to locate the element for animation.
+ */
+export declare function renderHighlight(version: number, key: object, prevVersions: WeakMap<object, number>): import("lit-html").TemplateResult<1>;
+//# sourceMappingURL=Highlight.d.ts.map

package/dist/types/Mates-DevTools/src/components/Highlight.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Highlight.d.ts","sourceRoot":"","sources":["../../../../../src/components/Highlight.ts"],"names":[],"mappings":"AAWA;;;GAGG;AACH,wBAAgB,eAAe,CAC7B,OAAO,EAAE,MAAM,EACf,GAAG,EAAE,MAAM,EACX,YAAY,EAAE,OAAO,CAAC,MAAM,EAAE,MAAM,CAAC,wCA6BtC"}

package/dist/types/Mates-DevTools/src/components/HooksViewer.d.ts

@@ -0,0 +1,7 @@
+import { nothing } from "mates";
+/**
+ * Render a compact summary of all hooks used by a component instance.
+ * Only shows hooks that have count > 0.
+ */
+export declare function renderHooksViewer(instance: any): typeof nothing | import("lit-html").TemplateResult<1>;
+//# sourceMappingURL=HooksViewer.d.ts.map

package/dist/types/Mates-DevTools/src/components/HooksViewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HooksViewer.d.ts","sourceRoot":"","sources":["../../../../../src/components/HooksViewer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,OAAO,EAAE,MAAM,OAAO,CAAC;AA0JtC;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,GAAG,yDAsC9C"}

package/dist/types/Mates-DevTools/src/components/LogsViewer.d.ts

@@ -0,0 +1,6 @@
+export interface LogsViewerProps {
+    onClear: () => void;
+    renderCallback: () => void;
+}
+export declare function renderLogsViewer({ onClear, renderCallback }: LogsViewerProps): import("lit-html").TemplateResult<1>;
+//# sourceMappingURL=LogsViewer.d.ts.map

package/dist/types/Mates-DevTools/src/components/LogsViewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogsViewer.d.ts","sourceRoot":"","sources":["../../../../../src/components/LogsViewer.ts"],"names":[],"mappings":"AA0EA,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,wBAAgB,gBAAgB,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,EAAE,eAAe,wCAkI5E"}

package/dist/types/Mates-DevTools/src/components/PerfViewer.d.ts

@@ -0,0 +1,7 @@
+export interface PerfViewerProps {
+    onClear: () => void;
+    renderCallback: () => void;
+    onNavigateToComponent?: (componentId: number) => void;
+}
+export declare function renderPerfViewer({ onClear, renderCallback, onNavigateToComponent, }: PerfViewerProps): import("lit-html").TemplateResult<1>;
+//# sourceMappingURL=PerfViewer.d.ts.map

package/dist/types/Mates-DevTools/src/components/PerfViewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PerfViewer.d.ts","sourceRoot":"","sources":["../../../../../src/components/PerfViewer.ts"],"names":[],"mappings":"AAuMA,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,qBAAqB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;CACvD;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,cAAc,EACd,qBAAqB,GACtB,EAAE,eAAe,wCAoEjB"}

package/dist/types/Mates-DevTools/src/components/PropsViewer.d.ts

@@ -0,0 +1,2 @@
+export declare function renderPropsViewer(props: Record<string, any>): import("lit-html").TemplateResult<1>;
+//# sourceMappingURL=PropsViewer.d.ts.map

package/dist/types/Mates-DevTools/src/components/PropsViewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PropsViewer.d.ts","sourceRoot":"","sources":["../../../../../src/components/PropsViewer.ts"],"names":[],"mappings":"AAIA,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,wCAkB3D"}

package/dist/types/Mates-DevTools/src/components/ScopesViewer.d.ts

@@ -0,0 +1,2 @@
+export declare function renderScopesViewer(scopes: Map<any, any> | undefined): import("lit-html").TemplateResult<1>;
+//# sourceMappingURL=ScopesViewer.d.ts.map

package/dist/types/Mates-DevTools/src/components/ScopesViewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScopesViewer.d.ts","sourceRoot":"","sources":["../../../../../src/components/ScopesViewer.ts"],"names":[],"mappings":"AAGA,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,SAAS,wCAgGnE"}

package/dist/types/Mates-DevTools/src/components/TimerLogger.d.ts

@@ -0,0 +1,5 @@
+export declare const TimerLogger: {
+    (): () => import("lit-html").TemplateResult<1>;
+    skipDevToolsRender: boolean;
+};
+//# sourceMappingURL=TimerLogger.d.ts.map

package/dist/types/Mates-DevTools/src/components/TimerLogger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimerLogger.d.ts","sourceRoot":"","sources":["../../../../../src/components/TimerLogger.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW;;;CAevB,CAAC"}

package/dist/types/Mates-DevTools/src/components/UseStateViewer.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Render all useState instances registered on a component.
+ *
+ * Each useState call pushes { state, atom } into host._useStates.
+ * We display each state object as an expandable tree, labelled
+ * "state#1", "state#2", etc.
+ */
+export declare function renderUseStateViewer(useStates: {
+    state: any;
+    atom: any;
+}[] | undefined): import("lit-html").TemplateResult<1>;
+//# sourceMappingURL=UseStateViewer.d.ts.map

package/dist/types/Mates-DevTools/src/components/UseStateViewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UseStateViewer.d.ts","sourceRoot":"","sources":["../../../../../src/components/UseStateViewer.ts"],"names":[],"mappings":"AAGA;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAClC,SAAS,EAAE;IAAE,KAAK,EAAE,GAAG,CAAC;IAAC,IAAI,EAAE,GAAG,CAAA;CAAE,EAAE,GAAG,SAAS,wCAuBnD"}

package/dist/types/Mates-DevTools/src/components/ValueTree.d.ts

@@ -0,0 +1,19 @@
+import { type TemplateResult } from "mates";
+/** Allow the host (MatesDevTools renderUI) to register a re-render callback. */
+export declare function setValueTreeRenderCallback(cb: (() => void) | null): void;
+/**
+ * Render a value as an expandable tree node.
+ *
+ * @param root   - The top-level object (used as a stable key for expansion state)
+ * @param key    - The property name to display (null for root-level)
+ * @param value  - The value to render
+ * @param path   - Dot-separated path string for tracking expansion (default "root")
+ * @param depth  - Current nesting depth for indentation limit (default 0)
+ */
+export declare function renderValueTree(root: object, key: string | null, value: unknown, path?: string, depth?: number): TemplateResult;
+/**
+ * Convenience: render an entire object's entries as a flat list of expandable trees.
+ * Each top-level key becomes a root-level row.
+ */
+export declare function renderValueTreeEntries(root: object, obj: Record<string, any>, basePath?: string): TemplateResult;
+//# sourceMappingURL=ValueTree.d.ts.map

package/dist/types/Mates-DevTools/src/components/ValueTree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValueTree.d.ts","sourceRoot":"","sources":["../../../../../src/components/ValueTree.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAiB,MAAM,OAAO,CAAC;AAgC3D,gFAAgF;AAChF,wBAAgB,0BAA0B,CAAC,EAAE,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,QAMjE;AAuQD;;;;;;;;GAQG;AACH,wBAAgB,eAAe,CAC7B,IAAI,EAAE,MAAM,EACZ,GAAG,EAAE,MAAM,GAAG,IAAI,EAClB,KAAK,EAAE,OAAO,EACd,IAAI,SAAS,EACb,KAAK,SAAI,GACR,cAAc,CA8FhB;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,MAAM,EACZ,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACxB,QAAQ,SAAS,GAChB,cAAc,CAgBhB"}

package/dist/types/Mates-DevTools/src/index.d.ts

@@ -0,0 +1,23 @@
+export { renderMatesDevTools, destroyMatesDevTools, destroyDevTools, } from "./MatesDevToolsComponent";
+export type { DevToolsPosition } from "./MatesDevToolsComponent";
+export { renderAtomsViewer } from "./components/AtomsViewer";
+export { renderComponentInspector } from "./components/ComponentInspector";
+export { renderComponentList } from "./components/ComponentList";
+export { renderComponentTree } from "./components/ComponentTree";
+export { renderHeader } from "./components/Header";
+export type { DevToolsTab } from "./components/Header";
+export { renderHooksViewer } from "./components/HooksViewer";
+export { renderLogsViewer } from "./components/LogsViewer";
+export { renderPerfViewer } from "./components/PerfViewer";
+export { renderPropsViewer } from "./components/PropsViewer";
+export { renderScopesViewer } from "./components/ScopesViewer";
+export { renderUseStateViewer } from "./components/UseStateViewer";
+export { renderValueTree, renderValueTreeEntries, setValueTreeRenderCallback, } from "./components/ValueTree";
+export { devToolsEvent, getAllComponents, getComponentDepth, getComponentGroups, getComponentName, getComponentsByView, getRenderVersion, notifyRender, registerComponent, unregisterComponent, } from "./registry";
+export { styles } from "./styles";
+export { clearLogs, connectLogStore, disconnectLogStore, getLogs, getLogCount, getUnreadLogCount, isLogStoreConnected, logAtomSet, logAtomUpdate, logCleanupEventTrigger, logComponentMount, logComponentRender, logComponentUnmount, logEventTrigger, markLogsRead, onLogEntry, } from "./logStore";
+export type { LogCategory, LogEntry } from "./logStore";
+export { clearPerfData, connectPerfStore, disconnectPerfStore, getPerfSummaries, getRecentTimings, getSlowestRenders, isPerfStoreConnected, onPerfEntry, recordRender, startRenderTiming, } from "./perfStore";
+export type { ComponentPerfSummary, RenderTiming } from "./perfStore";
+export type { ComponentGroup, ComponentInfo } from "./types";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/Mates-DevTools/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,mBAAmB,EACnB,oBAAoB,EACpB,eAAe,GAChB,MAAM,0BAA0B,CAAC;AAClC,YAAY,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAGjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAC;AAC3E,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,YAAY,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EACL,eAAe,EACf,sBAAsB,EACtB,0BAA0B,GAC3B,MAAM,wBAAwB,CAAC;AAGhC,OAAO,EACL,aAAa,EACb,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,gBAAgB,EAChB,mBAAmB,EACnB,gBAAgB,EAChB,YAAY,EACZ,iBAAiB,EACjB,mBAAmB,GACpB,MAAM,YAAY,CAAC;AAGpB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAGlC,OAAO,EACL,SAAS,EACT,eAAe,EACf,kBAAkB,EAClB,OAAO,EACP,WAAW,EACX,iBAAiB,EACjB,mBAAmB,EACnB,UAAU,EACV,aAAa,EACb,sBAAsB,EACtB,iBAAiB,EACjB,kBAAkB,EAClB,mBAAmB,EACnB,eAAe,EACf,YAAY,EACZ,UAAU,GACX,MAAM,YAAY,CAAC;AACpB,YAAY,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGxD,OAAO,EACL,aAAa,EACb,gBAAgB,EAChB,mBAAmB,EACnB,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EACjB,oBAAoB,EACpB,WAAW,EACX,YAAY,EACZ,iBAAiB,GAClB,MAAM,aAAa,CAAC;AACrB,YAAY,EAAE,oBAAoB,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAGtE,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC"}

package/dist/types/Mates-DevTools/src/interceptTimers.d.ts

@@ -0,0 +1,11 @@
+export declare const activeTimersAtom: import("mates").AtomType<number>;
+/**
+ * Run `fn` without tracking any timers it creates or clears.
+ * Use this for DevTools-internal timers so they don't skew the count.
+ */
+export declare function withoutTracking<T>(fn: () => T): T;
+/** Patch `window.setTimeout`, `setInterval`, `clearTimeout`, `clearInterval`. */
+export declare function installTimerInterceptor(): void;
+/** Restore the original timer functions and reset all state. */
+export declare function uninstallTimerInterceptor(): void;
+//# sourceMappingURL=interceptTimers.d.ts.map

package/dist/types/Mates-DevTools/src/interceptTimers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interceptTimers.d.ts","sourceRoot":"","sources":["../../../../src/interceptTimers.ts"],"names":[],"mappings":"AAgBA,eAAO,MAAM,gBAAgB,kCAAU,CAAC;AAexC;;;GAGG;AACH,wBAAgB,eAAe,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,GAAG,CAAC,CAOjD;AAED,iFAAiF;AACjF,wBAAgB,uBAAuB,IAAI,IAAI,CAkH9C;AAED,gEAAgE;AAChE,wBAAgB,yBAAyB,IAAI,IAAI,CAoBhD"}

package/dist/types/Mates-DevTools/src/logStore.d.ts

@@ -0,0 +1,38 @@
+/**
+ * DevTools Log Store
+ *
+ * Circular buffer (100 entries) that captures component lifecycle
+ * and state/event activity.
+ *
+ * - Zero overhead when disconnected (`isConnected` gate).
+ * - No dependency on lit-html or DOM — pure data.
+ */
+export type LogCategory = "mount" | "update" | "cleanup" | "setter" | "action" | "event" | "fetch";
+export interface LogEntry {
+    id: number;
+    ts: number;
+    category: LogCategory;
+    label: string;
+    detail?: string;
+}
+/** Register a listener called on each new entry. Returns unsubscribe fn. */
+export declare function onLogEntry(fn: () => void): () => void;
+export declare function connectLogStore(): void;
+export declare function disconnectLogStore(): void;
+export declare function isLogStoreConnected(): boolean;
+export declare function getLogs(): readonly LogEntry[];
+export declare function getLogCount(): number;
+export declare function getUnreadLogCount(): number;
+export declare function markLogsRead(): void;
+export declare function clearLogs(): void;
+export declare function logComponentMount(name: string): void;
+export declare function logComponentRender(name: string, durationMs: number): void;
+export declare function logComponentUnmount(name: string): void;
+export declare function logAtomSet(name: string, value: unknown): void;
+export declare function logAtomUpdate(name: string): void;
+export declare function logEventTrigger(name: string, data: unknown): void;
+export declare function logFetchRequest(method: string, url: string, payload?: string): void;
+export declare function logFetchResponse(method: string, url: string, status: number, durationMs: number): void;
+export declare function logFetchError(method: string, url: string, error: string, durationMs: number): void;
+export declare function logCleanupEventTrigger(name: string, data: unknown): void;
+//# sourceMappingURL=logStore.d.ts.map

package/dist/types/Mates-DevTools/src/logStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"logStore.d.ts","sourceRoot":"","sources":["../../../../src/logStore.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,MAAM,MAAM,WAAW,GACnB,OAAO,GACP,QAAQ,GACR,SAAS,GACT,QAAQ,GACR,QAAQ,GACR,OAAO,GACP,OAAO,CAAC;AAEZ,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,WAAW,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAMD,4EAA4E;AAC5E,wBAAgB,UAAU,CAAC,EAAE,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI,CAUrD;AAMD,wBAAgB,eAAe,IAAI,IAAI,CAEtC;AACD,wBAAgB,kBAAkB,IAAI,IAAI,CAEzC;AACD,wBAAgB,mBAAmB,IAAI,OAAO,CAE7C;AAqDD,wBAAgB,OAAO,IAAI,SAAS,QAAQ,EAAE,CAE7C;AACD,wBAAgB,WAAW,IAAI,MAAM,CAEpC;AACD,wBAAgB,iBAAiB,IAAI,MAAM,CAE1C;AACD,wBAAgB,YAAY,IAAI,IAAI,CAMnC;AACD,wBAAgB,SAAS,IAAI,IAAI,CAQhC;AAID,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAOpD;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,IAAI,CAOzE;AAED,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAOtD;AAED,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,CAO7D;AAED,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAOhD;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,GAAG,IAAI,CAOjE;AAgBD,wBAAgB,eAAe,CAC7B,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,MAAM,EACX,OAAO,CAAC,EAAE,MAAM,GACf,IAAI,CAQN;AAED,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,MAAM,EACX,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,MAAM,GACjB,IAAI,CAWN;AAED,wBAAgB,aAAa,CAC3B,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,MAAM,EACb,UAAU,EAAE,MAAM,GACjB,IAAI,CAcN;AAED,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,GAAG,IAAI,CAWxE"}

package/dist/types/Mates-DevTools/src/perfStore.d.ts

@@ -0,0 +1,36 @@
+/**
+ * DevTools Performance Store
+ *
+ * Tracks per-component render durations. Zero overhead when disconnected.
+ * Fixed-size history per component (100 entries). Pure data, no DOM deps.
+ */
+export interface RenderTiming {
+    id: number;
+    ts: number;
+    durationMs: number;
+    componentName: string;
+    instanceId: number;
+}
+export interface ComponentPerfSummary {
+    name: string;
+    renderCount: number;
+    avgMs: number;
+    maxMs: number;
+    minMs: number;
+    lastMs: number;
+    totalMs: number;
+    timings: RenderTiming[];
+}
+export declare function connectPerfStore(): void;
+export declare function disconnectPerfStore(): void;
+export declare function isPerfStoreConnected(): boolean;
+/** Register a listener called on each new entry. Returns unsubscribe fn. */
+export declare function onPerfEntry(fn: () => void): () => void;
+export declare function recordRender(componentName: string, instanceId: number, durationMs: number): void;
+export declare function startRenderTiming(componentName: string, instanceId: number): () => void;
+export declare function getPerfSummaries(): ComponentPerfSummary[];
+export declare function getRecentTimings(limit?: number): RenderTiming[];
+export declare function getSlowestRenders(limit?: number): RenderTiming[];
+export declare function clearPerfData(): void;
+export declare const timersCount: import("mates").AtomType<number>;
+//# sourceMappingURL=perfStore.d.ts.map

package/dist/types/Mates-DevTools/src/perfStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"perfStore.d.ts","sourceRoot":"","sources":["../../../../src/perfStore.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,YAAY,EAAE,CAAC;CACzB;AAMD,wBAAgB,gBAAgB,IAAI,IAAI,CAMvC;AACD,wBAAgB,mBAAmB,IAAI,IAAI,CAM1C;AACD,wBAAgB,oBAAoB,IAAI,OAAO,CAE9C;AAYD,4EAA4E;AAC5E,wBAAgB,WAAW,CAAC,EAAE,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI,CActD;AAID,wBAAgB,YAAY,CAC1B,aAAa,EAAE,MAAM,EACrB,UAAU,EAAE,MAAM,EAClB,UAAU,EAAE,MAAM,GACjB,IAAI,CA4BN;AAED,wBAAgB,iBAAiB,CAC/B,aAAa,EAAE,MAAM,EACrB,UAAU,EAAE,MAAM,GACjB,MAAM,IAAI,CAUZ;AAMD,wBAAgB,gBAAgB,IAAI,oBAAoB,EAAE,CAmCzD;AAgBD,wBAAgB,gBAAgB,CAAC,KAAK,SAAK,GAAG,YAAY,EAAE,CAS3D;AAED,wBAAgB,iBAAiB,CAAC,KAAK,SAAK,GAAG,YAAY,EAAE,CAS5D;AAED,wBAAgB,aAAa,IAAI,IAAI,CAOpC;AAED,eAAO,MAAM,WAAW,kCAAU,CAAC"}

package/dist/types/Mates-DevTools/src/registry.d.ts

@@ -0,0 +1,68 @@
+/**
+ * DevTools Registry
+ *
+ * Tracks all mounted components for DevTools inspection.
+ * Uses a Set for iteration + WeakMap for viewFn → components lookup.
+ */
+import { type EventType, type Component } from "mates";
+import type { ComponentGroup } from "./types";
+/**
+ * Event triggered whenever a component mounts or unmounts.
+ * DevTools subscribes to this to refresh its view.
+ */
+export declare const devToolsEvent: EventType<{
+    type: "mount" | "unmount" | "render";
+    component: Component;
+}>;
+/**
+ * Register a component when it mounts.
+ * Called from Component._mountComponent()
+ */
+export declare function registerComponent(component: Component, viewFn: Function): void;
+/**
+ * Unregister a component when it unmounts.
+ * Called from Component.disconnectedCallback()
+ */
+export declare function unregisterComponent(component: Component, viewFn: Function | null): void;
+/**
+ * Notify DevTools that a component re-rendered.
+ * Called from Component._xviewRender()
+ */
+export declare function notifyRender(component: Component): void;
+/**
+ * Get the current render version for a component.
+ * Returns 0 if the component is not tracked.
+ */
+export declare function getRenderVersion(component: Component): number;
+/**
+ * Get the DOM nesting depth of a component.
+ */
+export declare function getComponentDepth(component: Component): number;
+/**
+ * Get the nearest parent component (x-x ancestor), or null if root.
+ */
+export declare function getParentComponent(component: Component): Component | null;
+/**
+ * Get all currently mounted components.
+ */
+export declare function getAllComponents(): Component[];
+/**
+ * Get all components using a specific view function.
+ */
+export declare function getComponentsByView(viewFn: Function): Component[];
+/**
+ * Get component display name.
+ */
+export declare function getComponentName(component: Component): string;
+/**
+ * Get the view function reference for a component.
+ */
+export declare function getViewFn(component: Component): Function | null;
+/**
+ * Group all currently mounted (non-devtools) components by their view function
+ * reference.  Components that share the same view function are placed into the
+ * same group.  Each group carries the shared `viewFn`, a display `name`, and
+ * the list of live `instances`.
+ */
+export declare function getComponentGroups(): ComponentGroup[];
+//# sourceMappingURL=registry.d.ts.map

package/dist/types/Mates-DevTools/src/registry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../../../../src/registry.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,KAAK,SAAS,EAAS,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAe9C;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,SAAS,CAAC;IACpC,IAAI,EAAE,OAAO,GAAG,SAAS,GAAG,QAAQ,CAAC;IACrC,SAAS,EAAE,SAAS,CAAC;CACtB,CAAqB,CAAC;AAIvB;;;GAGG;AACH,wBAAgB,iBAAiB,CAC/B,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,QAAQ,GACf,IAAI,CAqBN;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CACjC,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,QAAQ,GAAG,IAAI,GACtB,IAAI,CAmBN;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,SAAS,EAAE,SAAS,GAAG,IAAI,CAUvD;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,SAAS,GAAG,MAAM,CAO7D;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,SAAS,EAAE,SAAS,GAAG,MAAM,CAO9D;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,SAAS,GAAG,SAAS,GAAG,IAAI,CAOzE;AAID;;GAEG;AACH,wBAAgB,gBAAgB,IAAI,SAAS,EAAE,CAU9C;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,QAAQ,GAAG,SAAS,EAAE,CAQjE;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,SAAS,GAAG,MAAM,CAQ7D;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,SAAS,EAAE,SAAS,GAAG,QAAQ,GAAG,IAAI,CAO/D;AAED;;;;;GAKG;AACH,wBAAgB,kBAAkB,IAAI,cAAc,EAAE,CA4CrD"}