@solid-devtools/debugger - npm Package Compare versions

Comparing version 0.26.0 to 0.27.0

dist/chunk-E2CCR3M4.js

+// packages/debugger/src/inspector/types.ts
+var INFINITY = "Infinity";
+var NEGATIVE_INFINITY = "NegativeInfinity";
+var NAN = "NaN";
+var UNDEFINED = "undefined";
+var ValueType = /* @__PURE__ */ ((ValueType2) => {
+  ValueType2["Number"] = "number";
+  ValueType2["Boolean"] = "boolean";
+  ValueType2["String"] = "string";
+  ValueType2["Null"] = "null";
+  ValueType2["Symbol"] = "symbol";
+  ValueType2["Array"] = "array";
+  ValueType2["Object"] = "object";
+  ValueType2["Function"] = "function";
+  ValueType2["Getter"] = "getter";
+  ValueType2["Element"] = "element";
+  ValueType2["Instance"] = "instance";
+  ValueType2["Store"] = "store";
+  ValueType2["Unknown"] = "unknown";
+  return ValueType2;
+})(ValueType || {});
+var PropGetterState = /* @__PURE__ */ ((PropGetterState2) => {
+  PropGetterState2["Live"] = "live";
+  PropGetterState2["Stale"] = "stale";
+  return PropGetterState2;
+})(PropGetterState || {});
+var GLOBAL_GET_VALUE = "$SdtGetValue";
+
+// packages/debugger/src/locator/locator.ts
+import { isWindows } from "@solid-primitives/platform";
+
+// packages/debugger/src/main/types.ts
+var DevtoolsMainView = /* @__PURE__ */ ((DevtoolsMainView2) => {
+  DevtoolsMainView2["Structure"] = "structure";
+  return DevtoolsMainView2;
+})(DevtoolsMainView || {});
+var DEFAULT_MAIN_VIEW = "structure" /* Structure */;
+var DebuggerModule = /* @__PURE__ */ ((DebuggerModule2) => {
+  DebuggerModule2["Locator"] = "locator";
+  DebuggerModule2["Structure"] = "structure";
+  DebuggerModule2["Dgraph"] = "dgraph";
+  return DebuggerModule2;
+})(DebuggerModule || {});
+var TreeWalkerMode = /* @__PURE__ */ ((TreeWalkerMode2) => {
+  TreeWalkerMode2["Owners"] = "owners";
+  TreeWalkerMode2["Components"] = "components";
+  TreeWalkerMode2["DOM"] = "dom";
+  return TreeWalkerMode2;
+})(TreeWalkerMode || {});
+var DEFAULT_WALKER_MODE = "components" /* Components */;
+var NodeType = /* @__PURE__ */ ((NodeType2) => {
+  NodeType2["Root"] = "ROOT";
+  NodeType2["Component"] = "COMPONENT";
+  NodeType2["Element"] = "ELEMENT";
+  NodeType2["Effect"] = "EFFECT";
+  NodeType2["Render"] = "RENDER";
+  NodeType2["Memo"] = "MEMO";
+  NodeType2["Computation"] = "COMPUTATION";
+  NodeType2["Refresh"] = "REFRESH";
+  NodeType2["Context"] = "CONTEXT";
+  NodeType2["CatchError"] = "CATCH_ERROR";
+  NodeType2["Signal"] = "SIGNAL";
+  NodeType2["Store"] = "STORE";
+  NodeType2["CustomValue"] = "CUSTOM_VALUE";
+  return NodeType2;
+})(NodeType || {});
+var NODE_TYPE_NAMES = {
+  ["ROOT" /* Root */]: "Root",
+  ["COMPONENT" /* Component */]: "Component",
+  ["ELEMENT" /* Element */]: "Element",
+  ["EFFECT" /* Effect */]: "Effect",
+  ["RENDER" /* Render */]: "Render Effect",
+  ["MEMO" /* Memo */]: "Memo",
+  ["COMPUTATION" /* Computation */]: "Computation",
+  ["REFRESH" /* Refresh */]: "Refresh",
+  ["CONTEXT" /* Context */]: "Context",
+  ["CATCH_ERROR" /* CatchError */]: "CatchError",
+  ["SIGNAL" /* Signal */]: "Signal",
+  ["STORE" /* Store */]: "Store",
+  ["CUSTOM_VALUE" /* CustomValue */]: "Custom Value"
+};
+var ValueItemType = /* @__PURE__ */ ((ValueItemType2) => {
+  ValueItemType2["Signal"] = "signal";
+  ValueItemType2["Prop"] = "prop";
+  ValueItemType2["Value"] = "value";
+  return ValueItemType2;
+})(ValueItemType || {});
+var UNKNOWN = "unknown";
+var OWNER_LOCATION_PROP = "sdtLocation";
+var INSPECTED_STATE_NULL = {
+  ownerId: null,
+  signalId: null,
+  treeWalkerOwnerId: null
+};
+var dom_element_interface = {
+  isElement: (obj) => obj instanceof Element,
+  getElementAt: (e) => e.target,
+  getName: (el) => el.localName,
+  getChildren: (el) => el.children,
+  getParent: (el) => el.parentElement,
+  getRect: (el) => el.getBoundingClientRect(),
+  getLocation: (el) => {
+    let attr = getLocationAttr(el);
+    return attr && parseLocationString(attr) || null;
+  }
+};
+var getValueItemId = (type, id) => {
+  if (type === "value" /* Value */) return "value" /* Value */;
+  return `${type}:${id}`;
+};
+
+// packages/debugger/src/locator/locator.ts
+var WINDOW_PROJECTPATH_PROPERTY = "$sdt_projectPath";
+var LOCATION_ATTRIBUTE_NAME = "data-source-loc";
+var LOC_ATTR_REGEX_WIN = /^((?:\\?[^\s][^/\\:\"\?\*<>\|]+)+):([0-9]+):([0-9]+)$/;
+var LOC_ATTR_REGEX_UNIX = /^((?:(?:\.\/|\.\.\/|\/)?(?:\.?\w+\/)*)(?:\.?\w+\.?\w+)):([0-9]+):([0-9]+)$/;
+var LOC_ATTR_REGEX = isWindows ? LOC_ATTR_REGEX_WIN : LOC_ATTR_REGEX_UNIX;
+function getLocationAttr(element) {
+  let attr = element.getAttribute(LOCATION_ATTRIBUTE_NAME);
+  if (!attr || !LOC_ATTR_REGEX.test(attr)) return null;
+  return attr;
+}
+var targetIDEMap = {
+  vscode: ({ projectPath, file, line, column }) => `vscode://file/${projectPath}/${file}:${line}:${column}`,
+  "vscode-insiders": ({ projectPath, file: filePath, line, column }) => `vscode-insiders://file/${projectPath}/${filePath}:${line}:${column}`,
+  atom: ({ projectPath, file: filePath, line, column }) => `atom://core/open/file?filename=${projectPath}/${filePath}&line=${line}&column=${column}`,
+  webstorm: ({ projectPath, file: filePath, line, column }) => `webstorm://open?file=${projectPath}/${filePath}&line=${line}&column=${column}`
+};
+function getTargetURL(target, data) {
+  if (typeof target === "function") return target(data);
+  return targetIDEMap[target](data);
+}
+var getProjectPath = () => window[WINDOW_PROJECTPATH_PROPERTY];
+function getSourceCodeData(location) {
+  let projectPath = getProjectPath();
+  if (projectPath == null) return;
+  return { ...location, projectPath };
+}
+function parseLocationString(location) {
+  let [file, line, column] = location.split(":");
+  if (file && line && column && typeof file === "string" && !isNaN(line = +line) && !isNaN(column = +column)) {
+    return { file, line, column };
+  }
+}
+function openSourceCode(target, data) {
+  const url = getTargetURL(target, data);
+  if (typeof url === "string") window.open(url, "_blank");
+}
+
+export {
+  WINDOW_PROJECTPATH_PROPERTY,
+  LOCATION_ATTRIBUTE_NAME,
+  LOC_ATTR_REGEX,
+  getLocationAttr,
+  getProjectPath,
+  getSourceCodeData,
+  parseLocationString,
+  openSourceCode,
+  DevtoolsMainView,
+  DEFAULT_MAIN_VIEW,
+  DebuggerModule,
+  TreeWalkerMode,
+  DEFAULT_WALKER_MODE,
+  NodeType,
+  NODE_TYPE_NAMES,
+  ValueItemType,
+  UNKNOWN,
+  OWNER_LOCATION_PROP,
+  INSPECTED_STATE_NULL,
+  dom_element_interface,
+  getValueItemId,
+  INFINITY,
+  NEGATIVE_INFINITY,
+  NAN,
+  UNDEFINED,
+  ValueType,
+  PropGetterState,
+  GLOBAL_GET_VALUE
+};

dist/dependency/collect.test.d.ts

+import '../setup.ts';
+//# sourceMappingURL=collect.test.d.ts.map

dist/dependency/collect.test.d.ts.map

+{"version":3,"file":"collect.test.d.ts","sourceRoot":"","sources":["../../src/dependency/collect.test.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA"}

dist/inspector/inspector.test.d.ts

+import '../setup.ts';
+//# sourceMappingURL=inspector.test.d.ts.map

dist/inspector/inspector.test.d.ts.map

+{"version":3,"file":"inspector.test.d.ts","sourceRoot":"","sources":["../../src/inspector/inspector.test.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA"}

dist/inspector/serialize.test.d.ts

+import '../setup.ts';
+//# sourceMappingURL=serialize.test.d.ts.map

dist/inspector/serialize.test.d.ts.map

+{"version":3,"file":"serialize.test.d.ts","sourceRoot":"","sources":["../../src/inspector/serialize.test.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA"}

dist/inspector/store.test.d.ts

+import '../setup.ts';
+//# sourceMappingURL=store.test.d.ts.map

dist/inspector/store.test.d.ts.map

+{"version":3,"file":"store.test.d.ts","sourceRoot":"","sources":["../../src/inspector/store.test.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA"}

dist/locator/index.test.d.ts

+export {};
+//# sourceMappingURL=index.test.d.ts.map

dist/locator/index.test.d.ts.map

+{"version":3,"file":"index.test.d.ts","sourceRoot":"","sources":["../../src/locator/index.test.ts"],"names":[],"mappings":""}

dist/locator/locator.d.ts

+import type { KbdKey } from '@solid-primitives/keyboard';
+import type { ToDyscriminatedUnion } from '@solid-devtools/shared/utils';
+import { type NodeID, type SourceLocation } from '../main/types.ts';
+export type LocatorOptions = {
+    /** Choose in which IDE the component source code should be revealed. */
+    targetIDE?: false | TargetIDE | TargetURLFunction;
+    /**
+     * Holding which key should enable the locator overlay?
+     * @default 'Alt'
+     */
+    key?: false | KbdKey;
+};
+export type HighlightElementPayload = ToDyscriminatedUnion<{
+    node: {
+        id: NodeID;
+    };
+    element: {
+        id: NodeID;
+    };
+}> | null;
+export declare const WINDOW_PROJECTPATH_PROPERTY = "$sdt_projectPath";
+export declare const LOCATION_ATTRIBUTE_NAME = "data-source-loc";
+export type LocationAttr = `${string}:${number}:${number}`;
+export type TargetIDE = 'vscode' | 'webstorm' | 'atom' | 'vscode-insiders';
+export type SourceCodeData = SourceLocation & {
+    projectPath: string;
+};
+export type TargetURLFunction = (data: SourceCodeData) => string | void;
+export declare const LOC_ATTR_REGEX: RegExp;
+export declare function getLocationAttr(element: Element): LocationAttr | null;
+export declare const getProjectPath: () => string | undefined;
+export declare function getSourceCodeData(location: SourceLocation): SourceCodeData | undefined;
+/**
+ * Validates and parses a location string to a {@link SourceLocation} object
+ */
+export declare function parseLocationString(location: string): SourceLocation | undefined;
+export declare function openSourceCode(target: TargetIDE | TargetURLFunction, data: SourceCodeData): void;
+//# sourceMappingURL=locator.d.ts.map

dist/locator/locator.d.ts.map

+{"version":3,"file":"locator.d.ts","sourceRoot":"","sources":["../../src/locator/locator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,4BAA4B,CAAA;AAEtD,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,8BAA8B,CAAA;AACtE,OAAO,EAAC,KAAK,MAAM,EAAE,KAAK,cAAc,EAAC,MAAM,kBAAkB,CAAA;AAEjE,MAAM,MAAM,cAAc,GAAG;IACzB,wEAAwE;IACxE,SAAS,CAAC,EAAE,KAAK,GAAG,SAAS,GAAG,iBAAiB,CAAA;IACjD;;;OAGG;IACH,GAAG,CAAC,EAAE,KAAK,GAAG,MAAM,CAAA;CACvB,CAAA;AAED,MAAM,MAAM,uBAAuB,GAAG,oBAAoB,CAAC;IACvD,IAAI,EAAE;QAAC,EAAE,EAAE,MAAM,CAAA;KAAC,CAAA;IAClB,OAAO,EAAE;QAAC,EAAE,EAAE,MAAM,CAAA;KAAC,CAAA;CACxB,CAAC,GAAG,IAAI,CAAA;AAGT,eAAO,MAAM,2BAA2B,qBAAqB,CAAA;AAC7D,eAAO,MAAM,uBAAuB,oBAAoB,CAAA;AAExD,MAAM,MAAM,YAAY,GAAG,GAAG,MAAM,IAAI,MAAM,IAAI,MAAM,EAAE,CAAA;AAE1D,MAAM,MAAM,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,GAAG,iBAAiB,CAAA;AAE1E,MAAM,MAAM,cAAc,GAAG,cAAc,GAAG;IAC1C,WAAW,EAAE,MAAM,CAAA;CACtB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG,CAAC,IAAI,EAAE,cAAc,KAAK,MAAM,GAAG,IAAI,CAAA;AAMvE,eAAO,MAAM,cAAc,QAAuD,CAAA;AAElF,wBAAgB,eAAe,CAAC,OAAO,EAAE,OAAO,GAAG,YAAY,GAAG,IAAI,CAIrE;AAkBD,eAAO,MAAM,cAAc,QAAO,MAAM,GAAG,SAAyD,CAAA;AAEpG,wBAAgB,iBAAiB,CAC7B,QAAQ,EAAE,cAAc,GACzB,cAAc,GAAG,SAAS,CAM5B;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,MAAM,GAAG,cAAc,GAAG,SAAS,CAUhF;AAED,wBAAgB,cAAc,CAAC,MAAM,EAAE,SAAS,GAAG,iBAAiB,EAAE,IAAI,EAAE,cAAc,GAAG,IAAI,CAGhG"}

dist/main/update.test.d.ts

+import '../setup.ts';
+//# sourceMappingURL=update.test.d.ts.map

dist/main/update.test.d.ts.map

+{"version":3,"file":"update.test.d.ts","sourceRoot":"","sources":["../../src/main/update.test.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA"}

dist/main/utils.test.d.ts

+import '../setup.ts';
+//# sourceMappingURL=utils.test.d.ts.map

dist/main/utils.test.d.ts.map

+{"version":3,"file":"utils.test.d.ts","sourceRoot":"","sources":["../../src/main/utils.test.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA"}

dist/structure/walker.test.d.ts

+import '../setup.ts';
+//# sourceMappingURL=walker.test.d.ts.map

dist/structure/walker.test.d.ts.map

+{"version":3,"file":"walker.test.d.ts","sourceRoot":"","sources":["../../src/structure/walker.test.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA"}

dist/dependency/index.d.ts

 import * as s from 'solid-js';
-import { DevtoolsMainView } from '../main/constants.ts';
-import { type InspectedState, type NodeID, type OutputEmit } from '../main/types.ts';
+import { DevtoolsMainView, type InspectedState, type NodeID, type OutputEmit } from '../main/types.ts';
 import { type SerializedDGraph } from './collect.ts';
@@ -5,0 +4,0 @@ export { type SerializedDGraph } from './collect.ts';

dist/dependency/index.d.ts.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/dependency/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,CAAC,MAAM,UAAU,CAAA;AAI7B,OAAO,EAAC,gBAAgB,EAAW,MAAM,sBAAsB,CAAA;AAE/D,OAAO,EAAC,KAAK,cAAc,EAAE,KAAK,MAAM,EAAE,KAAK,UAAU,EAAa,MAAM,kBAAkB,CAAA;AAE9F,OAAO,EAAoB,KAAK,gBAAgB,EAAyB,MAAM,cAAc,CAAA;AAE7F,OAAO,EAAC,KAAK,gBAAgB,EAAC,MAAM,cAAc,CAAA;AAElD,MAAM,MAAM,YAAY,GAAG,gBAAgB,CAAC,KAAK,GAAG,IAAI,CAAA;AAExD,wBAAgB,qBAAqB,CAAC,KAAK,EAAE;IACzC,OAAO,EAAS,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;IACnC,cAAc,EAAE,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAA;IAC1C,YAAY,EAAI,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,IAAI,EAAY,UAAU,CAAA;CAC7B;oBA2DuB,gBAAgB;EAIvC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/dependency/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,CAAC,MAAM,UAAU,CAAA;AAK7B,OAAO,EAAC,gBAAgB,EAAY,KAAK,cAAc,EAAE,KAAK,MAAM,EAAE,KAAK,UAAU,EAAa,MAAM,kBAAkB,CAAA;AAE1H,OAAO,EAAoB,KAAK,gBAAgB,EAAyB,MAAM,cAAc,CAAA;AAE7F,OAAO,EAAC,KAAK,gBAAgB,EAAC,MAAM,cAAc,CAAA;AAElD,MAAM,MAAM,YAAY,GAAG,gBAAgB,CAAC,KAAK,GAAG,IAAI,CAAA;AAExD,wBAAgB,qBAAqB,CAAC,KAAK,EAAE;IACzC,OAAO,EAAS,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;IACnC,cAAc,EAAE,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAA;IAC1C,YAAY,EAAI,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,IAAI,EAAY,UAAU,CAAA;CAC7B;oBA8DuB,gBAAgB;EAIvC"}

dist/index.js

@@ -7,14 +7,17 @@ import {
   INSPECTED_STATE_NULL,
-  LOCATION_ATTRIBUTE_NAME,
   NAN,
   NEGATIVE_INFINITY,
   UNDEFINED,
-  WINDOW_PROJECTPATH_PROPERTY
-} from "./chunk-R4OAKKPG.js";
+  UNKNOWN,
+  getProjectPath,
+  getSourceCodeData,
+  openSourceCode,
+  parseLocationString
+} from "./chunk-E2CCR3M4.js";
 
 // packages/debugger/src/main/index.ts
-import * as s4 from "solid-js";
+import * as s5 from "solid-js";
 import { createStaticStore } from "@solid-primitives/static-store";
 import { defer as defer3 } from "@solid-primitives/utils";
-import { msg as msg4, mutate_remove } from "@solid-devtools/shared/utils";
+import { assert, msg as msg4, mutate_remove } from "@solid-devtools/shared/utils";
 
@@ -27,6 +30,2 @@ // packages/debugger/src/dependency/index.ts
 
-// packages/debugger/src/main/get-id.ts
-var LastId = 0;
-var getNewSdtId = () => `#${(LastId++).toString(36)}`;
-
 // packages/debugger/src/main/id.ts
@@ -45,2 +44,4 @@ var WeakIdMap = /* @__PURE__ */ new WeakMap();
 });
+var LastId = 0;
+var getNewSdtId = () => `#${(LastId++).toString(36)}`;
 function getSdtId(obj, objType) {
@@ -74,2 +75,16 @@ let id = WeakIdMap.get(obj);
 // packages/debugger/src/main/utils.ts
+function* unwrap_each(arr) {
+  if (arr != null) {
+    yield* arr.values();
+  }
+}
+function unwrap_append(arr, item) {
+  if (item != null) {
+    arr.push(item);
+  }
+}
+function* owner_each_child(o) {
+  yield* unwrap_each(o.owned);
+  yield* unwrap_each(o.sdtSubRoots);
+}
 var isSolidOwner = (o) => "owned" in o;
@@ -116,2 +131,8 @@ var isSolidComputation = (o) => !!o.fn;
 };
+function getNode(o) {
+  return {
+    kind: getNodeType(o),
+    data: o
+  };
+}
 var getNodeName = (o) => {
@@ -158,17 +179,2 @@ let name;
 }
-function resolveElements(value) {
-  if (typeof value === "function" && !value.length && value.name === "bound readSignal") {
-    return resolveElements(value());
-  }
-  if (Array.isArray(value)) {
-    const results = [];
-    for (const item of value) {
-      const result = resolveElements(item);
-      if (result)
-        Array.isArray(result) ? results.push.apply(results, result) : results.push(result);
-    }
-    return results.length ? results : null;
-  }
-  return value instanceof HTMLElement ? [value] : null;
-}
 function lookupOwner(owner, predicate) {
@@ -369,7 +375,11 @@ do {
     const state = props.inspectedState();
+    let node_raw = null;
     if (state.signalId) {
-      return getObjectById(state.signalId, "SIGNAL" /* Signal */);
+      node_raw = getObjectById(state.signalId, "SIGNAL" /* Signal */);
     } else if (state.ownerId) {
-      return getObjectById(state.ownerId, "OWNER" /* Owner */);
+      node_raw = getObjectById(state.ownerId, "OWNER" /* Owner */);
     }
+    if (node_raw != null) {
+      return getNode(node_raw);
+    }
     return null;
@@ -379,5 +389,4 @@ });
     clearListeners?.();
-    const node = inspectedNode();
-    const type = node && getNodeType(node);
-    if (!props.enabled() || !type || type === "ROOT" /* Root */ || type === "COMPONENT" /* Component */ || type === "CONTEXT" /* Context */) {
+    let node = inspectedNode();
+    if (!props.enabled() || !node || node.kind === "ROOT" /* Root */ || node.kind === "COMPONENT" /* Component */ || node.kind === "CONTEXT" /* Context */) {
       clearListeners = null;
@@ -387,3 +396,3 @@ props.emit(msg("DgraphUpdate", null));
     }
-    const dgraph = collectDependencyGraph(node, {
+    const dgraph = collectDependencyGraph(node.data, {
       onNodeUpdate
@@ -408,3 +417,3 @@ });
 // packages/debugger/src/inspector/index.ts
-import * as s3 from "solid-js";
+import * as s4 from "solid-js";
 import { scheduleIdle as scheduleIdle2, throttle as throttle2 } from "@solid-primitives/scheduled";
@@ -543,3 +552,3 @@ import { msg as msg3, warn as warn3 } from "@solid-devtools/shared/utils";
 // packages/debugger/src/locator/index.ts
-import * as s2 from "solid-js";
+import * as s3 from "solid-js";
 import { defer as defer2 } from "@solid-primitives/utils";
@@ -549,107 +558,299 @@ import { makeEventListener } from "@solid-primitives/event-listener";
 import { scheduleIdle } from "@solid-primitives/scheduled";
-import { makeHoverElementListener } from "@solid-devtools/shared/primitives";
 import { msg as msg2, warn as warn2 } from "@solid-devtools/shared/utils";
 
-// packages/debugger/src/main/component-registry.ts
+// packages/debugger/src/structure/walker.ts
+import { untrackedCallback } from "@solid-devtools/shared/primitives";
+var makeComponentRegistry = (eli) => {
+  return {
+    eli,
+    components: /* @__PURE__ */ new Map(),
+    element_nodes: /* @__PURE__ */ new Map()
+  };
+};
+var clearComponentRegistry = (r) => {
+  for (let component of r.components.values()) component.cleanup();
+  r.components.clear();
+  r.element_nodes.clear();
+};
+var cleanupComponent = (r, nodeID) => {
+  let component = r.components.get(nodeID);
+  if (component != null) {
+    component.cleanup();
+    r.components.delete(nodeID);
+    for (let element of component.element_nodes) {
+      r.element_nodes.delete(element);
+    }
+  }
+};
 var $CLEANUP = Symbol("component-registry-cleanup");
-var ComponentMap = /* @__PURE__ */ new Map();
-var ElementNodeMap = /* @__PURE__ */ new Map();
-function cleanupComponent(nodeID) {
-  const component = ComponentMap.get(nodeID);
+var registerComponent = (r, owner, id, name, elements) => {
+  if (elements == null) {
+    cleanupComponent(r, id);
+    return;
+  }
+  let set = new Set(elements);
+  let existing = r.components.get(id);
+  if (existing != null) {
+    existing.elements = set;
+    return;
+  }
+  let cleanup = onOwnerCleanup(owner, () => cleanupComponent(r, id), false, $CLEANUP);
+  r.components.set(id, {
+    id,
+    owner,
+    name,
+    elements: set,
+    element_nodes: /* @__PURE__ */ new Set(),
+    cleanup
+  });
+};
+var registerElement = (r, componentId, elementId, element) => {
+  let component = r.components.get(componentId);
   if (!component) return;
-  component.cleanup();
-  ComponentMap.delete(nodeID);
-  for (const element of component.elementNodes) ElementNodeMap.delete(element);
-}
-function registerComponent(data) {
-  if ("elementId" in data) {
-    const { componentId, elementId, element } = data;
-    const component = ComponentMap.get(componentId);
-    if (!component) return;
-    component.elementNodes.add(elementId);
-    ElementNodeMap.set(elementId, { el: element, component });
-  } else {
-    const { owner, id, name, elements: elementsList } = data;
-    if (!elementsList) return cleanupComponent(id);
-    const set = new Set(elementsList);
-    const existing = ComponentMap.get(id);
-    if (existing) {
-      existing.elements = set;
-      return;
+  component.element_nodes.add(elementId);
+  r.element_nodes.set(elementId, { el: element, component });
+};
+var getComponent = (r, id) => {
+  let component = r.components.get(id);
+  if (component) return {
+    name: component.name,
+    elements: [...component.elements].map((el) => el),
+    id
+  };
+  let elData = r.element_nodes.get(id);
+  return elData ? { name: elData.component.name, id: elData.component.id, elements: [elData.el] } : null;
+};
+var findComponent = (r, el) => {
+  let including = /* @__PURE__ */ new Map();
+  for (let curr = el; curr != null && including.size === 0; ) {
+    for (let comp of r.components.values()) {
+      for (let comp_el of comp.elements) {
+        if (comp_el === curr) {
+          including.set(comp.owner, comp);
+        }
+      }
     }
-    const cleanup = onOwnerCleanup(owner, () => cleanupComponent(id), false, $CLEANUP);
-    ComponentMap.set(id, {
-      id,
-      owner,
-      name,
-      elements: set,
-      cleanup,
-      elementNodes: /* @__PURE__ */ new Set()
-    });
+    curr = r.eli.getParent(curr);
   }
+  if (including.size > 1) {
+    for (let owner of including.keys()) {
+      if (including.has(owner)) {
+        for (let curr = owner.owner; curr != null; ) {
+          if (including.delete(curr)) break;
+          curr = curr.owner;
+        }
+      }
+    }
+  }
+  return including.values().next().value ?? null;
+};
+var ElementsMap = /* @__PURE__ */ new Map();
+var $WALKER = Symbol("tree-walker");
+function observeComputation(comp, owner_to_update, config) {
+  let was_leaf = !comp.owned || comp.owned.length === 0;
+  let { rootId, onUpdate: onComputationUpdate, mode } = config;
+  const handler = () => {
+    let is_leaf = !comp.owned || comp.owned.length === 0;
+    let changed_structure = was_leaf !== is_leaf || !is_leaf || mode === "dom" /* DOM */;
+    was_leaf = is_leaf;
+    onComputationUpdate(rootId, owner_to_update, changed_structure);
+  };
+  observeComputationUpdate(comp, handler, $WALKER);
 }
-function clearComponentRegistry() {
-  for (const component of ComponentMap.values()) component.cleanup();
-  ComponentMap.clear();
-  ElementNodeMap.clear();
+function resolveElements(value, eli, list = []) {
+  pushResolvedElements(list, value, eli);
+  return list;
 }
-function getComponent(id) {
-  const component = ComponentMap.get(id);
-  if (component) return { name: component.name, elements: [...component.elements], id };
-  const elData = ElementNodeMap.get(id);
-  return elData ? { name: elData.component.name, id: elData.component.id, elements: [elData.el] } : null;
+function pushResolvedElements(list, value, eli) {
+  if (value != null) {
+    switch (typeof value) {
+      case "function":
+        if (value.length === 0 && value.name === "bound readSignal") {
+          pushResolvedElements(list, value(), eli);
+        }
+        break;
+      case "object":
+        if (Array.isArray(value)) {
+          for (let item of value) {
+            pushResolvedElements(list, item, eli);
+          }
+        } else if (eli.isElement(value)) {
+          list.push(value);
+        }
+        break;
+    }
+  }
 }
-function findComponent(el) {
-  const including = /* @__PURE__ */ new Map();
-  let currEl = el;
-  while (currEl) {
-    for (const component of ComponentMap.values()) {
-      if (component.elements.has(currEl)) including.set(component.owner, component);
+var MappedOwnerNode;
+var AddedToParentElements = false;
+function mapElements(els, parent_children, eli, out = []) {
+  els: for (let el of els) {
+    if (!eli.isElement(el)) continue;
+    if (parent_children) {
+      let to_check = [parent_children];
+      let index = 0;
+      let el_nodes = to_check[index++];
+      while (el_nodes) {
+        for (let i = 0; i < el_nodes.length; i++) {
+          let el_node = el_nodes[i];
+          let el_node_data = ElementsMap.get(el_node);
+          if (el_node_data && el_node_data.el === el) {
+            if (AddedToParentElements) {
+              el_nodes.splice(i, 1);
+            } else {
+              el_nodes[i] = MappedOwnerNode;
+              AddedToParentElements = true;
+            }
+            out.push(el_node);
+            el_node_data.component = MappedOwnerNode;
+            continue els;
+          }
+          if (el_node.children.length) to_check.push(el_node.children);
+        }
+        el_nodes = to_check[index++];
+      }
     }
-    currEl = including.size === 0 ? currEl.parentElement : null;
+    let el_json = {
+      id: getSdtId(el, "ELEMENT" /* Element */),
+      type: "ELEMENT" /* Element */,
+      name: eli.getName(el) ?? UNKNOWN,
+      children: []
+    };
+    out.push(el_json);
+    ElementsMap.set(el_json, { el, component: MappedOwnerNode });
+    mapElements(eli.getChildren(el), parent_children, eli, el_json.children);
   }
-  if (including.size > 1) {
-    for (const owner of including.keys()) {
-      if (!including.has(owner)) continue;
-      let currOwner = owner.owner;
-      while (currOwner) {
-        const deleted = including.delete(currOwner);
-        if (deleted) break;
-        currOwner = currOwner.owner;
+  return out;
+}
+function mapChildren(owner, owner_map, config, children = []) {
+  for (let child of owner_each_child(owner)) {
+    if (config.mode === "owners" /* Owners */ || markOwnerType(child) === "COMPONENT" /* Component */) {
+      unwrap_append(children, mapOwner(child, owner_map, config));
+    } else {
+      if (isSolidComputation(child)) {
+        observeComputation(child, owner, config);
       }
+      mapChildren(child, owner_map, config, children);
     }
   }
-  if (including.size === 0) return null;
-  const value = including.values().next().value;
-  if (value && value.name) {
-    return { name: value.name, id: value.id };
+  return children;
+}
+function mapOwner(owner, parent, config) {
+  let id = getSdtId(owner, "OWNER" /* Owner */);
+  let type = markOwnerType(owner);
+  let name = getNodeName(owner);
+  let mapped = { id, type, name, children: [] };
+  let resolved_els;
+  if (type === "COMPONENT" /* Component */) {
+    let first_owned;
+    if (name === "provider" && owner.owned && owner.owned.length === 1 && markOwnerType(first_owned = owner.owned[0]) === "CONTEXT" /* Context */) {
+      return mapOwner(first_owned, parent, config);
+    }
+    resolved_els = resolveElements(owner.value, config.eli);
+    registerComponent(config.registry, owner, id, name, resolved_els);
+    let refresh = getComponentRefreshNode(owner);
+    if (refresh) {
+      mapped.hmr = true;
+      owner = refresh;
+    }
+  } else if (isSolidComputation(owner)) {
+    observeComputation(owner, owner, config);
+    if (type != "CONTEXT" /* Context */ && (!owner.sources || owner.sources.length === 0)) {
+      mapped.frozen = true;
+    }
   }
-  return null;
+  AddedToParentElements = false;
+  MappedOwnerNode = mapped;
+  if (config.mode === "dom" /* DOM */) {
+    resolved_els ??= resolveElements(owner.value, config.eli);
+    mapElements(resolved_els, parent?.children, config.eli, mapped.children);
+  }
+  let addedToParent = AddedToParentElements;
+  mapChildren(owner, mapped, config, mapped.children);
+  return addedToParent ? void 0 : mapped;
 }
+var walkSolidTree = /* @__PURE__ */ untrackedCallback(function(owner, config) {
+  const r = mapOwner(owner, null, config);
+  if (config.mode === "dom" /* DOM */) {
+    for (let [elNode, { el, component }] of ElementsMap) {
+      registerElement(config.registry, component.id, elNode.id, el);
+    }
+    ElementsMap.clear();
+  }
+  return r;
+});
 
 // packages/debugger/src/locator/element-overlay.tsx
 import { template as _$template } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
 import { className as _$className } from "solid-js/web";
 import { effect as _$effect } from "solid-js/web";
 import { insert as _$insert } from "solid-js/web";
-import { createComponent as _$createComponent } from "solid-js/web";
-import { memo as _$memo } from "solid-js/web";
-import { createElementBounds } from "@solid-primitives/bounds";
-import { createElementCursor } from "@solid-primitives/cursor";
+import * as s2 from "solid-js";
+import * as sweb from "solid-js/web";
 import { createRootPool } from "@solid-primitives/rootless";
-import { createMemo as createMemo2, getOwner, runWithOwner, Show } from "solid-js";
-import { Portal } from "solid-js/web";
-var _tmpl$ = /* @__PURE__ */ _$template(`<div data-darkreader-ignore>`);
-var _tmpl$2 = /* @__PURE__ */ _$template(`<style>`);
-var _tmpl$3 = /* @__PURE__ */ _$template(`<div><div class=name-animated-container><div class=name-background></div><div class=name-text>: <span></span></div><div class=name-invisible>: `);
-var _tmpl$4 = /* @__PURE__ */ _$template(`<div class=element-overlay><div class=border>`);
-function createElementsOverlay(selected) {
-  const useElementOverlay = createRootPool((component, active) => _$createComponent(ElementOverlay, {
-    get component() {
-      return _$memo(() => !!active())() ? component() : null;
-    }
-  }));
-  const owner = getOwner();
+var _tmpl$ = /* @__PURE__ */ _$template(`<style>`);
+var _tmpl$2 = /* @__PURE__ */ _$template(`<div><div class=name-animated-container><div class=name-background></div><div class=name-text>: <span></span></div><div class=name-invisible>: `);
+var _tmpl$3 = /* @__PURE__ */ _$template(`<div class=element-overlay><div class=border>`);
+var _tmpl$4 = /* @__PURE__ */ _$template(`<div data-darkreader-ignore>`);
+function createElementsOverlay(selected, eli) {
+  const useElementOverlay = createRootPool((componentRaw, active) => {
+    const component = () => active() ? componentRaw() : null;
+    const name = () => component()?.name;
+    const rect = s2.createMemo((prev) => {
+      let comp = component();
+      if (comp === null) return prev;
+      let rect2 = eli.getRect(comp.element);
+      if (rect2 === null) return prev;
+      return rect2;
+    }, {
+      x: 0,
+      y: 0,
+      width: 0,
+      height: 0
+    });
+    const transform = () => `translate(${Math.round(rect().x)}px, ${Math.round(rect().y)}px)`;
+    const placeOnTop = () => rect().y > window.innerHeight / 2;
+    const tag = () => {
+      let comp = component();
+      if (comp === null) return UNKNOWN;
+      return eli.getName(comp.element) ?? UNKNOWN;
+    };
+    return [(() => {
+      var _el$ = _tmpl$();
+      _$insert(_el$, styles);
+      return _el$;
+    })(), (() => {
+      var _el$2 = _tmpl$3(), _el$3 = _el$2.firstChild;
+      _$insert(_el$2, _$createComponent(s2.Show, {
+        get when() {
+          return name();
+        },
+        get children() {
+          var _el$4 = _tmpl$2(), _el$5 = _el$4.firstChild, _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling, _el$8 = _el$7.firstChild, _el$9 = _el$8.nextSibling, _el$10 = _el$7.nextSibling, _el$11 = _el$10.firstChild;
+          _$insert(_el$7, name, _el$8);
+          _$insert(_el$9, tag);
+          _$insert(_el$10, name, _el$11);
+          _$insert(_el$10, tag, null);
+          _$effect(() => _$className(_el$4, `name-container ${placeOnTop() ? "top" : "bottom"}`));
+          return _el$4;
+        }
+      }), null);
+      _$effect((_p$) => {
+        var _v$ = transform(), _v$2 = rect().width + "px", _v$3 = rect().height + "px";
+        _v$ !== _p$.e && ((_p$.e = _v$) != null ? _el$2.style.setProperty("transform", _v$) : _el$2.style.removeProperty("transform"));
+        _v$2 !== _p$.t && ((_p$.t = _v$2) != null ? _el$2.style.setProperty("width", _v$2) : _el$2.style.removeProperty("width"));
+        _v$3 !== _p$.a && ((_p$.a = _v$3) != null ? _el$2.style.setProperty("height", _v$3) : _el$2.style.removeProperty("height"));
+        return _p$;
+      }, {
+        e: void 0,
+        t: void 0,
+        a: void 0
+      });
+      return _el$2;
+    })()];
+  });
+  const owner = s2.getOwner();
   setTimeout(() => {
-    runWithOwner(owner, () => _$createComponent(Portal, {
+    s2.runWithOwner(owner, () => _$createComponent(sweb.Portal, {
       useShadow: true,
@@ -660,5 +861,5 @@ get mount() {
       get children() {
-        var _el$ = _tmpl$();
-        _$insert(_el$, () => selected().map(useElementOverlay));
-        return _el$;
+        var _el$12 = _tmpl$4();
+        _$insert(_el$12, () => selected().map(useElementOverlay));
+        return _el$12;
       }
@@ -668,48 +869,2 @@ }));
 }
-var ElementOverlay = (props) => {
-  const element = () => props.component?.element;
-  createElementCursor(element, "pointer");
-  const tag = () => element()?.localName;
-  const name = () => props.component?.name;
-  const bounds = createElementBounds(element);
-  const left = createMemo2((prev) => bounds.left === null ? prev : bounds.left, 0);
-  const top = createMemo2((prev) => bounds.top === null ? prev : bounds.top, 0);
-  const width = createMemo2((prev) => bounds.width === null ? prev : bounds.width, 0);
-  const height = createMemo2((prev) => bounds.height === null ? prev : bounds.height, 0);
-  const transform = createMemo2(() => `translate(${Math.round(left())}px, ${Math.round(top())}px)`);
-  const placeOnTop = createMemo2(() => top() > window.innerHeight / 2);
-  return [(() => {
-    var _el$2 = _tmpl$2();
-    _$insert(_el$2, styles);
-    return _el$2;
-  })(), (() => {
-    var _el$3 = _tmpl$4(), _el$4 = _el$3.firstChild;
-    _$insert(_el$3, _$createComponent(Show, {
-      get when() {
-        return name();
-      },
-      get children() {
-        var _el$5 = _tmpl$3(), _el$6 = _el$5.firstChild, _el$7 = _el$6.firstChild, _el$8 = _el$7.nextSibling, _el$9 = _el$8.firstChild, _el$10 = _el$9.nextSibling, _el$11 = _el$8.nextSibling, _el$12 = _el$11.firstChild;
-        _$insert(_el$8, name, _el$9);
-        _$insert(_el$10, tag);
-        _$insert(_el$11, name, _el$12);
-        _$insert(_el$11, tag, null);
-        _$effect(() => _$className(_el$5, `name-container ${placeOnTop() ? "top" : "bottom"}`));
-        return _el$5;
-      }
-    }), null);
-    _$effect((_p$) => {
-      var _v$ = transform(), _v$2 = width() + "px", _v$3 = height() + "px";
-      _v$ !== _p$.e && ((_p$.e = _v$) != null ? _el$3.style.setProperty("transform", _v$) : _el$3.style.removeProperty("transform"));
-      _v$2 !== _p$.t && ((_p$.t = _v$2) != null ? _el$3.style.setProperty("width", _v$2) : _el$3.style.removeProperty("width"));
-      _v$3 !== _p$.a && ((_p$.a = _v$3) != null ? _el$3.style.setProperty("height", _v$3) : _el$3.style.removeProperty("height"));
-      return _p$;
-    }, {
-      e: void 0,
-      t: void 0,
-      a: void 0
-    });
-    return _el$3;
-  })()];
-};
 var styles = (
@@ -783,87 +938,89 @@ /*css*/
 
-// packages/debugger/src/locator/find-components.ts
-import { isWindows } from "@solid-primitives/platform";
-var LOC_ATTR_REGEX_WIN = /^((?:\\?[^\s][^/\\:\"\?\*<>\|]+)+):([0-9]+):([0-9]+)$/;
-var LOC_ATTR_REGEX_UNIX = /^((?:(?:\.\/|\.\.\/|\/)?(?:\.?\w+\/)*)(?:\.?\w+\.?\w+)):([0-9]+):([0-9]+)$/;
-var LOC_ATTR_REGEX = isWindows ? LOC_ATTR_REGEX_WIN : LOC_ATTR_REGEX_UNIX;
-function getLocationAttr(element) {
-  const attr = element.getAttribute(LOCATION_ATTRIBUTE_NAME);
-  if (!attr || !LOC_ATTR_REGEX.test(attr)) return;
-  return attr;
+// packages/debugger/src/locator/index.ts
+function makeHoverElementListener(eli, onHover) {
+  let last = null;
+  makeEventListener(window, "mouseover", (e) => {
+    let el = eli.getElementAt(e);
+    if (el !== last) {
+      onHover(last = el);
+    }
+  });
+  makeEventListener(document, "mouseleave", () => {
+    if (null !== last) {
+      onHover(last = null);
+    }
+  });
 }
-var targetIDEMap = {
-  vscode: ({ projectPath, file, line, column }) => `vscode://file/${projectPath}/${file}:${line}:${column}`,
-  "vscode-insiders": ({ projectPath, file: filePath, line, column }) => `vscode-insiders://file/${projectPath}/${filePath}:${line}:${column}`,
-  atom: ({ projectPath, file: filePath, line, column }) => `atom://core/open/file?filename=${projectPath}/${filePath}&line=${line}&column=${column}`,
-  webstorm: ({ projectPath, file: filePath, line, column }) => `webstorm://open?file=${projectPath}/${filePath}&line=${line}&column=${column}`
-};
-function getTargetURL(target, data) {
-  if (typeof target === "function") return target(data);
-  return targetIDEMap[target](data);
-}
-var getProjectPath = () => window[WINDOW_PROJECTPATH_PROPERTY];
-function getSourceCodeData(location, element) {
-  const projectPath = getProjectPath();
-  if (!projectPath) return;
-  const parsed = parseLocationString(location);
-  if (!parsed) return;
-  return { ...parsed, projectPath, element };
-}
-function parseLocationString(location) {
-  let [file, line, column] = location.split(":");
-  if (file && line && column && typeof file === "string" && !isNaN(line = +line) && !isNaN(column = +column)) {
-    return { file, line, column };
+function createLocator(props) {
+  const [enabledByPressingSignal, setEnabledByPressingSignal] = s3.createSignal(() => false);
+  props.setLocatorEnabledSignal(s3.createMemo(() => enabledByPressingSignal()()));
+  const [hoverTarget, setHoverTarget] = s3.createSignal(null);
+  const [devtoolsTarget, setDevtoolsTarget] = s3.createSignal(null);
+  const [highlightedComponents, setHighlightedComponents] = s3.createSignal([]);
+  function getLocatorComponentFromElement(el) {
+    let comp = findComponent(props.component_registry, el);
+    return comp && {
+      location: props.component_registry.eli.getLocation(el),
+      element: el,
+      id: comp.id,
+      name: comp.name
+    };
   }
-}
-function openSourceCode(target, data) {
-  const url = getTargetURL(target, data);
-  if (typeof url === "string") window.open(url, "_blank");
-}
-
-// packages/debugger/src/locator/index.ts
-function createLocator(props) {
-  const [enabledByPressingSignal, setEnabledByPressingSignal] = s2.createSignal(() => false);
-  props.setLocatorEnabledSignal(s2.createMemo(() => enabledByPressingSignal()()));
-  const [hoverTarget, setHoverTarget] = s2.createSignal(null);
-  const [devtoolsTarget, setDevtoolsTarget] = s2.createSignal(null);
-  const [highlightedComponents, setHighlightedComponents] = s2.createSignal([]);
-  const calcHighlightedComponents = (target) => {
-    if (!target) return [];
-    if ("type" in target && target.type === "element") {
-      const element = getObjectById(target.id, "ELEMENT" /* Element */);
-      if (!(element instanceof HTMLElement)) return [];
-      target = element;
+  const target = s3.createMemo(() => {
+    let hover = hoverTarget();
+    return hover != null ? {
+      type: "hover",
+      element: hover
+    } : devtoolsTarget();
+  }, void 0, {
+    equals: (a, b) => {
+      if (a === b) return true;
+      if (a == null && b == null) return true;
+      if (a == null || b == null) return false;
+      if (a.type !== b.type) return false;
+      switch (a.type) {
+        case "hover":
+          return a.element === b.element;
+        case "node":
+          return a.id === b.id;
+        case "element":
+          return a.id === b.id;
+      }
     }
-    if (target instanceof HTMLElement) {
-      const comp2 = findComponent(target);
-      if (!comp2) return [];
-      return [
-        {
-          location: getLocationAttr(target),
-          element: target,
-          id: comp2.id,
-          name: comp2.name
+  });
+  s3.createEffect(defer2(target, scheduleIdle((target2) => {
+    let locator_components = [];
+    if (target2 != null) {
+      switch (target2.type) {
+        case "hover": {
+          unwrap_append(locator_components, getLocatorComponentFromElement(target2.element));
+          break;
         }
-      ];
+        case "element": {
+          let element = getObjectById(target2.id, "ELEMENT" /* Element */);
+          if (element != null) {
+            unwrap_append(locator_components, getLocatorComponentFromElement(element));
+          }
+          break;
+        }
+        case "node": {
+          let comp = getComponent(props.component_registry, target2.id);
+          if (comp != null) {
+            for (let el of comp.elements) {
+              locator_components.push({
+                element: el,
+                id: comp.id,
+                name: comp.name
+              });
+            }
+          }
+        }
+      }
     }
-    const comp = getComponent(target.id);
-    if (!comp) return [];
-    return comp.elements.map((element) => ({
-      element,
-      id: comp.id,
-      name: comp.name
-    }));
-  };
-  s2.createEffect(
-    defer2(
-      () => hoverTarget() ?? devtoolsTarget(),
-      scheduleIdle(
-        (target) => setHighlightedComponents(() => calcHighlightedComponents(target))
-      )
-    )
-  );
-  createElementsOverlay(highlightedComponents);
-  s2.createEffect((prev) => {
-    const target = hoverTarget();
-    const comp = target && findComponent(target);
+    setHighlightedComponents(locator_components);
+  })));
+  createElementsOverlay(highlightedComponents, props.component_registry.eli);
+  s3.createEffect((prev) => {
+    const target2 = hoverTarget();
+    const comp = target2 && findComponent(props.component_registry, target2);
     if (prev) {
@@ -878,34 +1035,32 @@ props.emit(msg2("HoveredComponent", { nodeId: prev, state: false }));
   });
-  let targetIDE;
-  s2.createEffect(() => {
+  let target_ide;
+  s3.createEffect(() => {
     if (!props.locatorEnabled()) return;
-    makeHoverElementListener((el) => setHoverTarget(el));
-    s2.onCleanup(() => setHoverTarget(null));
-    makeEventListener(
-      window,
-      "click",
-      (e) => {
-        const { target } = e;
-        if (!(target instanceof HTMLElement)) return;
-        const highlighted = highlightedComponents();
-        const comp = highlighted.find(({ element }) => target.contains(element)) ?? highlighted[0];
-        if (!comp) return;
-        const sourceCodeData = comp.location && getSourceCodeData(comp.location, comp.element);
-        props.onComponentClick(comp.id, () => {
-          if (!targetIDE || !sourceCodeData) return;
-          e.preventDefault();
-          e.stopPropagation();
-          openSourceCode(targetIDE, sourceCodeData);
-        });
-      },
-      true
-    );
+    makeHoverElementListener(props.component_registry.eli, (el) => setHoverTarget(() => el));
+    s3.onCleanup(() => setHoverTarget(null));
+    makeEventListener(window, "click", (e) => {
+      let el = props.component_registry.eli.getElementAt(e);
+      if (el == null) {
+        return;
+      }
+      let comp = getLocatorComponentFromElement(el);
+      if (comp == null) {
+        return;
+      }
+      let source_code_data = comp.location ? getSourceCodeData(comp.location) : null;
+      props.onComponentClick(comp.id, () => {
+        if (target_ide == null || source_code_data == null) return;
+        e.preventDefault();
+        e.stopPropagation();
+        openSourceCode(target_ide, source_code_data);
+      });
+    }, true);
   });
   let locatorUsed = false;
-  const owner = s2.getOwner();
+  const owner = s3.getOwner();
   function useLocator(options) {
-    s2.runWithOwner(owner, () => {
+    s3.runWithOwner(owner, () => {
       if (locatorUsed) return warn2("useLocator can be called only once.");
       locatorUsed = true;
-      if (options.targetIDE) targetIDE = options.targetIDE;
+      if (options.targetIDE) target_ide = options.targetIDE;
       if (options.key !== false) {
@@ -923,13 +1078,12 @@ const isHoldingKey = createKeyHold(options.key ?? "Alt", { preventDefault: true });
     useLocator,
-    setDevtoolsHighlightTarget(target) {
-      setDevtoolsTarget(target);
+    setDevtoolsHighlightTarget(target2) {
+      setDevtoolsTarget(target2);
     },
-    openElementSourceCode(location, element) {
-      if (!targetIDE) return warn2("Please set `targetIDE` it in useLocator options.");
+    openElementSourceCode(location) {
+      if (!target_ide) return warn2("Please set `targetIDE` it in useLocator options.");
       const projectPath = getProjectPath();
       if (!projectPath) return warn2("projectPath is not set.");
-      openSourceCode(targetIDE, {
+      openSourceCode(target_ide, {
         ...location,
-        projectPath,
-        element
+        projectPath
       });
@@ -970,3 +1124,3 @@ }
 };
-function encode(value) {
+function encode(value, eli) {
   const ignoreNextStore = IgnoreNextSeen;
@@ -986,9 +1140,8 @@ if (ignoreNextStore) IgnoreNextSeen = false;
   ignoreNextStore || Seen.set(value, index);
-  if (value instanceof Element) {
+  if (eli.isElement(value)) {
     ;
     encoded[0] = "element" /* Element */;
-    encoded[1] = `${getSdtId(
-      value,
-      "ELEMENT" /* Element */
-    )}:${value.localName}`;
+    let id = getSdtId(value, "ELEMENT" /* Element */);
+    let name = eli.getName(value);
+    encoded[1] = `${id}:${name}`;
   } else if (!ignoreNextStore && isStoreNode(value)) {
@@ -1002,3 +1155,3 @@ const node = setup_default.store.unwrap(value);
     encoded[0] = "store" /* Store */;
-    encoded[1] = `${id}:${encode(node)}`;
+    encoded[1] = `${id}:${encode(node, eli)}`;
     InStore = wasInStore;
@@ -1008,3 +1161,13 @@ } else if (Array.isArray(value)) {
     encoded[0] = "array" /* Array */;
-    encoded[1] = Deep ? value.map(encode) : value.length;
+    if (Deep) {
+      let data = Array(value.length);
+      for (let i = 0; i < value.length; i++) {
+        data[i] = encode(value[i], eli);
+      }
+      ;
+      encoded[1] = data;
+    } else {
+      ;
+      encoded[1] = value.length;
+    }
   } else {
@@ -1020,3 +1183,3 @@ const name = Object.prototype.toString.call(value).slice(8, -1);
         )) {
-          data[key] = descriptor.get ? -1 : encode(descriptor.value);
+          data[key] = descriptor.get ? -1 : encode(descriptor.value, eli);
         }
@@ -1035,3 +1198,3 @@ } else {
 }
-function encodeValue(value, deep, handleStore, inStore = false) {
+function encodeValue(value, deep, eli, handleStore, inStore = false) {
   Deep = deep;
@@ -1042,3 +1205,3 @@ List = [];
   HandleStore = handleStore;
-  encode(value);
+  encode(value, eli);
   const result = List;
@@ -1164,18 +1327,18 @@ Deep = List = Seen = HandleStore = InStore = void 0;
 var $INSPECTOR = Symbol("inspector");
-function mapSourceValue(node, handler) {
-  let type = getNodeType(node);
-  let { value } = node;
+function mapSourceValue(node_raw, handler, eli) {
+  let node = getNode(node_raw);
+  let { value } = node_raw;
   let id;
-  switch (type) {
+  switch (node.kind) {
     case "MEMO" /* Memo */:
-      id = getSdtId(node, "OWNER" /* Owner */);
+      id = getSdtId(node.data, "OWNER" /* Owner */);
       break;
     case "SIGNAL" /* Signal */:
-      id = getSdtId(node, "SIGNAL" /* Signal */);
+      id = getSdtId(node.data, "SIGNAL" /* Signal */);
       break;
     case "STORE" /* Store */:
-      id = getSdtId(node, "STORE" /* Store */);
+      id = getSdtId(node.data, "STORE" /* Store */);
       break;
     case "CUSTOM_VALUE" /* CustomValue */:
-      id = getSdtId(node, "CUSTOM_VALUE" /* CustomValue */);
+      id = getSdtId(node.data, "CUSTOM_VALUE" /* CustomValue */);
       break;
@@ -1185,14 +1348,14 @@ default:
   }
-  ValueMap.add(`${"signal" /* Signal */}:${id}`, () => node.value);
-  if (type === "MEMO" /* Memo */ || type === "SIGNAL" /* Signal */) {
-    observeValueUpdate(node, (v) => handler(id, v), $INSPECTOR);
+  ValueMap.add(`${"signal" /* Signal */}:${id}`, () => node_raw.value);
+  if (node.kind === "MEMO" /* Memo */ || node.kind === "SIGNAL" /* Signal */) {
+    observeValueUpdate(node.data, (v) => handler(id, v), $INSPECTOR);
   }
   return {
-    type,
-    name: getNodeName(node),
+    type: node.kind,
+    name: getNodeName(node.data),
     id,
-    value: encodeValue(value, false)
+    value: encodeValue(value, false, eli)
   };
 }
-function mapProps(props) {
+function mapProps(props, eli) {
   const isProxy = !!props[setup_default.solid.$PROXY];
@@ -1220,3 +1383,3 @@ const record = {};
           getter: isStale ? "stale" /* Stale */ : "live" /* Live */,
-          value: lastValue !== $NOT_SET ? encodeValue(getValue(), false) : null
+          value: lastValue !== $NOT_SET ? encodeValue(getValue(), false, eli) : null
         };
@@ -1226,3 +1389,3 @@ } else {
           getter: false,
-          value: encodeValue(desc.value, false)
+          value: encodeValue(desc.value, false, eli)
         };
@@ -1237,3 +1400,3 @@ if (Array.isArray(desc.value) || misc.is_plain_object(desc.value))
 function collectOwnerDetails(owner, config) {
-  const { onValueUpdate } = config;
+  const { onValueUpdate, eli } = config;
   ValueMap = new ValueNodeMap();
@@ -1266,3 +1429,3 @@ OnValueUpdate = onValueUpdate;
       ;
-      ({ checkProxyProps, props: details.props } = mapProps(owner.props));
+      ({ checkProxyProps, props: details.props } = mapProps(owner.props, eli));
       let location;
@@ -1275,11 +1438,11 @@ if ((location = owner.sdtLocation) && typeof location === "string" && (location = parseLocationString(location)) || (location = owner.component.location) && typeof location === "string" && (location = parseLocationString(location))) {
     }
-    details.value = encodeValue(getValue(), false);
+    details.value = encodeValue(getValue(), false, eli);
   }
   const onSignalUpdate = (signalId) => onValueUpdate(`${"signal" /* Signal */}:${signalId}`);
   if (sourceMap) for (let signal of sourceMap) {
-    let mapped = mapSourceValue(signal, onSignalUpdate);
+    let mapped = mapSourceValue(signal, onSignalUpdate, eli);
     if (mapped) details.signals.push(mapped);
   }
   if (owned) for (let node of owned) {
-    let mapped = mapSourceValue(node, onSignalUpdate);
+    let mapped = mapSourceValue(node, onSignalUpdate, eli);
     if (mapped) details.signals.push(mapped);
@@ -1291,3 +1454,3 @@ }
       if (signal == null) continue;
-      let mapped = mapSourceValue(signal, onSignalUpdate);
+      let mapped = mapSourceValue(signal, onSignalUpdate, eli);
       if (mapped == null) continue;
@@ -1393,2 +1556,3 @@ details.signals.push(mapped);
           selected,
+          setup_default.eli,
           selected && ((storeNode) => node.addStoreObserver(observeStoreNode(storeNode)))
@@ -1407,3 +1571,3 @@ );
             storeProperty,
-            typeof data === "object" ? encodeValue(data.value, true, void 0, true) : data ?? null
+            typeof data === "object" ? encodeValue(data.value, true, setup_default.eli, void 0, true) : data ?? null
           ]
@@ -1472,3 +1636,4 @@ ]);
         onPropStateChange: pushPropState,
-        observedPropsMap: propsMap
+        observedPropsMap: propsMap,
+        eli: setup_default.eli
       });
@@ -1486,8 +1651,8 @@ props.emit(msg3("InspectedNodeDetails", result.details));
   }
-  const inspectedOwnerId = s3.createMemo(
+  const inspectedOwnerId = s4.createMemo(
     () => props.enabled() ? props.inspectedState().ownerId : null
   );
-  s3.createEffect(() => {
+  s4.createEffect(() => {
     let id = inspectedOwnerId();
-    s3.untrack(() => inspectOwnerId(id));
+    s4.untrack(() => inspectOwnerId(id));
   });
@@ -1501,5 +1666,5 @@ function onUnownedRootChange() {
   setup_default.unowned.onSignalRemoved = onUnownedRootChange;
-  s3.createEffect(() => {
+  s4.createEffect(() => {
     if (!props.enabled()) return;
-    s3.onCleanup(addSolidUpdateListener(() => checkProxyProps && triggerPropsCheck()));
+    s4.onCleanup(addSolidUpdateListener(() => checkProxyProps && triggerPropsCheck()));
   });
@@ -1522,150 +1687,2 @@ return {
 import { throttle as throttle3 } from "@solid-primitives/scheduled";
-
-// packages/debugger/src/structure/walker.ts
-import { untrackedCallback } from "@solid-devtools/shared/primitives";
-import { asArray } from "@solid-devtools/shared/utils";
-var Mode;
-var RootId;
-var OnComputationUpdate;
-var RegisterComponent;
-var ElementsMap = /* @__PURE__ */ new Map();
-var $WALKER = Symbol("tree-walker");
-function observeComputation(comp, owner_to_update) {
-  let was_leaf = !comp.owned || comp.owned.length === 0;
-  let root_id = RootId;
-  let on_computation_update = OnComputationUpdate;
-  let mode = Mode;
-  const handler = () => {
-    let is_leaf = !comp.owned || comp.owned.length === 0;
-    let changed_structure = was_leaf !== is_leaf || !is_leaf || mode === "dom" /* DOM */;
-    was_leaf = is_leaf;
-    on_computation_update(root_id, owner_to_update, changed_structure);
-  };
-  observeComputationUpdate(comp, handler, $WALKER);
-}
-function mapChildren(owner, mappedOwner) {
-  const children = [];
-  const rawChildren = owner.owned ? owner.owned.slice() : [];
-  if (owner.sdtSubRoots) rawChildren.push.apply(rawChildren, owner.sdtSubRoots);
-  if (Mode === "owners" /* Owners */) {
-    for (const child of rawChildren) {
-      const mappedChild = mapOwner(child, mappedOwner);
-      if (mappedChild) children.push(mappedChild);
-    }
-  } else {
-    for (const child of rawChildren) {
-      const type = markOwnerType(child);
-      if (type === "COMPONENT" /* Component */) {
-        const mappedChild = mapOwner(child, mappedOwner);
-        if (mappedChild) children.push(mappedChild);
-      } else {
-        if (isSolidComputation(child)) observeComputation(child, owner);
-        children.push.apply(children, mapChildren(child, mappedOwner));
-      }
-    }
-  }
-  return children;
-}
-var MappedOwnerNode;
-var AddedToParentElements = false;
-function mapElements(els, parentChildren) {
-  const r = [];
-  els: for (const el of els) {
-    if (!(el instanceof HTMLElement)) continue;
-    if (parentChildren) {
-      const toCheck = [parentChildren];
-      let index = 0;
-      let elNodes = toCheck[index++];
-      while (elNodes) {
-        for (let i = 0; i < elNodes.length; i++) {
-          const elNode = elNodes[i];
-          const elNodeData = ElementsMap.get(elNode);
-          if (elNodeData && elNodeData.el === el) {
-            if (AddedToParentElements) {
-              elNodes.splice(i, 1);
-            } else {
-              elNodes[i] = MappedOwnerNode;
-              AddedToParentElements = true;
-            }
-            r.push(elNode);
-            elNodeData.component = MappedOwnerNode;
-            continue els;
-          }
-          if (elNode.children.length) toCheck.push(elNode.children);
-        }
-        elNodes = toCheck[index++];
-      }
-    }
-    const mappedEl = {
-      id: getSdtId(el, "ELEMENT" /* Element */),
-      type: "ELEMENT" /* Element */,
-      name: el.localName,
-      children: []
-    };
-    r.push(mappedEl);
-    ElementsMap.set(mappedEl, { el, component: MappedOwnerNode });
-    if (el.children.length) mappedEl.children = mapElements(el.children, parentChildren);
-  }
-  return r;
-}
-function mapOwner(owner, parent) {
-  const id = getSdtId(owner, "OWNER" /* Owner */);
-  const type = markOwnerType(owner);
-  const name = getNodeName(owner);
-  const mapped = { id, type, name };
-  let resolvedElements;
-  if (type === "COMPONENT" /* Component */) {
-    let first_owned;
-    if (name === "provider" && owner.owned && owner.owned.length === 1 && markOwnerType(first_owned = owner.owned[0]) === "CONTEXT" /* Context */) {
-      return mapOwner(first_owned, parent);
-    }
-    RegisterComponent({
-      owner,
-      id,
-      name,
-      elements: resolvedElements = resolveElements(owner.value)
-    });
-    const refresh = getComponentRefreshNode(owner);
-    if (refresh) {
-      mapped.hmr = true;
-      owner = refresh;
-    }
-  } else if (isSolidComputation(owner)) {
-    observeComputation(owner, owner);
-    if (type != "CONTEXT" /* Context */ && (!owner.sources || owner.sources.length === 0)) {
-      mapped.frozen = true;
-    }
-  }
-  const children = [];
-  mapped.children = children;
-  AddedToParentElements = false;
-  MappedOwnerNode = mapped;
-  if (Mode === "dom" /* DOM */ && (resolvedElements = resolvedElements === void 0 ? resolveElements(owner.value) : resolvedElements)) {
-    children.push.apply(children, mapElements(asArray(resolvedElements), parent?.children));
-  }
-  const addedToParent = AddedToParentElements;
-  children.push.apply(children, mapChildren(owner, mapped));
-  return addedToParent ? void 0 : mapped;
-}
-var walkSolidTree = /* @__PURE__ */ untrackedCallback(function(owner, config) {
-  Mode = config.mode;
-  RootId = config.rootId;
-  OnComputationUpdate = config.onComputationUpdate;
-  RegisterComponent = config.registerComponent;
-  const r = mapOwner(owner, null);
-  if (Mode === "dom" /* DOM */) {
-    for (const [elNode, { el, component }] of ElementsMap) {
-      RegisterComponent({
-        element: el,
-        componentId: component.id,
-        elementId: elNode.id
-      });
-    }
-    ElementsMap.clear();
-  }
-  Mode = RootId = OnComputationUpdate = RegisterComponent = void 0;
-  return r;
-});
-
-// packages/debugger/src/structure/index.ts
 function getClosestIncludedOwner(owner, mode) {
@@ -1720,12 +1737,13 @@ let closest = null;
       for (let owner of owners) {
-        let rootId = getRootId(owner);
+        let root_id = getRootId(owner);
         let tree = walkSolidTree(owner, {
-          rootId,
+          rootId: root_id,
           mode: treeWalkerMode,
-          onComputationUpdate,
-          registerComponent
+          onUpdate: onComputationUpdate,
+          eli: props.component_registry.eli,
+          registry: props.component_registry
         });
-        let map = updated[rootId];
-        if (map) map[tree.id] = tree;
-        else updated[rootId] = { [tree.id]: tree };
+        let map = updated[root_id];
+        if (map != null) map[tree.id] = tree;
+        else updated[root_id] = { [tree.id]: tree };
       }
@@ -1764,3 +1782,3 @@ props.onStructureUpdate({ partial, updated, removed: [...removedRoots] });
     updateAllRoots();
-    clearComponentRegistry();
+    clearComponentRegistry(props.component_registry);
   }
@@ -1785,2 +1803,3 @@ return {
 function createDebugger() {
+  assert(globalThis.SolidDevtools$$, "solid-devtools is not setup");
   initRoots();
@@ -1801,12 +1820,12 @@ const _output_listeners = [];
   });
-  const debuggerEnabled = s4.createMemo(
+  const debuggerEnabled = s5.createMemo(
     () => modules.debugger || modules.locatorKeyPressSignal()
   );
-  const dgraphEnabled = s4.createMemo(
+  const dgraphEnabled = s5.createMemo(
     () => modules.dgraph && debuggerEnabled()
   );
-  const locatorEnabled = s4.createMemo(
+  const locatorEnabled = s5.createMemo(
     () => (modules.locatorKeyPressSignal() || modules.locator) && debuggerEnabled()
   );
-  s4.createEffect(defer3(debuggerEnabled, (enabled) => {
+  s5.createEffect(defer3(debuggerEnabled, (enabled) => {
     emitOutput(msg4("DebuggerEnabled", enabled));
@@ -1827,7 +1846,7 @@ }));
   }
-  const [inspectedState, setInspectedState] = s4.createSignal(
+  const [inspectedState, setInspectedState] = s5.createSignal(
     INSPECTED_STATE_NULL,
     { equals: false }
   );
-  s4.createEffect(() => {
+  s5.createEffect(() => {
     emitOutput(msg4("InspectedState", inspectedState()));
@@ -1850,3 +1869,3 @@ });
   }
-  s4.createComputed(defer3(debuggerEnabled, (enabled) => {
+  s5.createComputed(defer3(debuggerEnabled, (enabled) => {
     if (!enabled) setInspectedState(INSPECTED_STATE_NULL);
@@ -1866,2 +1885,3 @@ }));
   }
+  let component_registry = makeComponentRegistry(setup_default.eli);
   const structure = createStructure({
@@ -1876,3 +1896,4 @@ onStructureUpdate(updates) {
     onNodeUpdate: pushNodeUpdate,
-    enabled: debuggerEnabled
+    enabled: debuggerEnabled,
+    component_registry
   });
@@ -1903,9 +1924,10 @@ const inspector = createInspector({
     },
-    emit: emitOutput
+    emit: emitOutput,
+    component_registry
   });
   function openInspectedNodeLocation() {
     const details = inspector.getLastDetails();
-    details?.location && locator.openElementSourceCode(details.location, details.name);
+    details?.location && locator.openElementSourceCode(details.location);
   }
-  s4.createEffect(defer3(modules.locatorKeyPressSignal, (state) => {
+  s5.createEffect(defer3(modules.locatorKeyPressSignal, (state) => {
     emitOutput(msg4("LocatorModeChange", state));
@@ -1916,3 +1938,3 @@ }));
       case "ResetState": {
-        s4.batch(() => {
+        s5.batch(() => {
           setInspectedState(INSPECTED_STATE_NULL);
@@ -1919,0 +1941,0 @@ currentView = DEFAULT_MAIN_VIEW;

dist/inspector/index.d.ts.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/inspector/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,CAAC,MAAM,UAAU,CAAA;AAK7B,OAAO,EAAC,KAAK,cAAc,EAAE,KAAK,MAAM,EAAe,KAAK,UAAU,EAAc,KAAK,WAAW,EAAC,MAAM,kBAAkB,CAAA;AAS7H,cAAc,YAAY,CAAA;AAE1B,MAAM,MAAM,wBAAwB,GAAG;IAAC,EAAE,EAAE,WAAW,CAAC;IAAC,QAAQ,EAAE,OAAO,CAAA;CAAC,CAAA;AAE3E;;GAEG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE;IACnC,cAAc,EAAM,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAA;IAC9C,OAAO,EAAa,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;IACvC,kBAAkB,EAAE,YAAY,CAAA;IAChC,IAAI,EAAgB,UAAU,CAAA;CACjC;;sCAwLuC,wBAAwB,GAAG,IAAI;8BAMrC,WAAW,GAAG,IAAI;EAKnD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/inspector/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,CAAC,MAAM,UAAU,CAAA;AAK7B,OAAO,EAAC,KAAK,cAAc,EAAE,KAAK,MAAM,EAAe,KAAK,UAAU,EAAc,KAAK,WAAW,EAAC,MAAM,kBAAkB,CAAA;AAS7H,cAAc,YAAY,CAAA;AAE1B,MAAM,MAAM,wBAAwB,GAAG;IAAC,EAAE,EAAE,WAAW,CAAC;IAAC,QAAQ,EAAE,OAAO,CAAA;CAAC,CAAA;AAE3E;;GAEG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE;IACnC,cAAc,EAAM,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAA;IAC9C,OAAO,EAAa,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;IACvC,kBAAkB,EAAE,YAAY,CAAA;IAChC,IAAI,EAAgB,UAAU,CAAA;CACjC;;sCA0LuC,wBAAwB,GAAG,IAAI;8BAMrC,WAAW,GAAG,IAAI;EAKnD"}

dist/inspector/inspector.d.ts

@@ -1,2 +0,2 @@
-import type { Mapped, Solid, ValueItemID } from '../main/types.ts';
+import { type ElementInterface, type Mapped, type Solid, type ValueItemID } from '../main/types.ts';
 import { type InspectorUpdateMap, PropGetterState } from './types.ts';
@@ -50,8 +50,9 @@ export declare class ValueNode {
 export declare function clearOwnerObservers(owner: Solid.Owner, observedPropsMap: ObservedPropsMap): void;
-export type CollectDetailsConfig = {
+export type CollectDetailsConfig<TEl extends object> = {
     onPropStateChange: Inspector.OnPropStateChange;
     onValueUpdate: Inspector.OnValueUpdate;
     observedPropsMap: ObservedPropsMap;
+    eli: ElementInterface<TEl>;
 };
-export declare function collectOwnerDetails(owner: Solid.Owner, config: CollectDetailsConfig): {
+export declare function collectOwnerDetails<TEl extends object>(owner: Solid.Owner, config: CollectDetailsConfig<TEl>): {
     details: Mapped.OwnerDetails;
@@ -58,0 +59,0 @@ valueMap: ValueNodeMap;

dist/inspector/inspector.d.ts.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"inspector.d.ts","sourceRoot":"","sources":["../../src/inspector/inspector.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAC,MAAM,EAAU,KAAK,EAAE,WAAW,EAAC,MAAM,kBAAkB,CAAA;AAIxE,OAAO,EAAC,KAAK,kBAAkB,EAAE,eAAe,EAAC,MAAM,YAAY,CAAA;AAEnE,qBAAa,SAAS;IAGC,QAAQ,EAAE,CAAC,MAAM,OAAO,CAAC,GAAG,SAAS;IAFxD,OAAO,CAAC,aAAa,CAAqB;IAC1C,OAAO,CAAC,QAAQ,CAAQ;gBACL,QAAQ,EAAE,CAAC,MAAM,OAAO,CAAC,GAAG,SAAS;IACxD,gBAAgB,CAAC,KAAK,EAAE,YAAY;IAGpC,OAAO,CAAC,WAAW;IAInB,KAAK;IAIL,UAAU;IAGV,WAAW,CAAC,QAAQ,EAAE,OAAO;CAIhC;AAED,qBAAa,YAAY;IACrB,OAAO,CAAC,MAAM,CAAuC;IACrD,GAAG,CAAC,EAAE,EAAE,WAAW,GAAG,SAAS,GAAG,SAAS;IAG3C,GAAG,CAAC,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,MAAM,OAAO,CAAC,GAAG,SAAS;IAG1D,KAAK;CAGR;AAED,yBAAiB,SAAS,CAAC;IACvB,oFAAoF;IACpF,KAAY,iBAAiB,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,eAAe,KAAK,IAAI,CAAA;IAC7E,KAAY,aAAa,GAAG,CAAC,EAAE,EAAE,WAAW,KAAK,IAAI,CAAA;CACxD;AAED,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,aAAa,CAAC,CAAA;AAE/E,QAAA,MAAM,QAAQ,eAAoB,CAAA;AAElC;;;GAGG;AACH,qBAAa,aAAa;IACV,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC;gBAA/B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC;IAEpD,OAAO,CAAC,iBAAiB,CAAC,CAAyC;IACnE,OAAO,CAAC,aAAa,CAAC,CAAqC;IAC3D,OAAO,CAAC,eAAe,CAAkE;IAEzF,OAAO,CACH,iBAAiB,EAAE,SAAS,CAAC,iBAAiB,EAC9C,aAAa,EAAE,SAAS,CAAC,aAAa;IAK1C,SAAS;IAKT,WAAW,CACP,GAAG,EAAE,MAAM,EACX,EAAE,EAAE,WAAW,EACf,GAAG,EAAE,MAAM,OAAO,GACnB;QAAC,QAAQ,EAAE,MAAM,OAAO,GAAG,OAAO,QAAQ,CAAC;QAAC,OAAO,EAAE,OAAO,CAAA;KAAC;CA+BnE;AAED,QAAA,MAAM,oBAAoB,YACb,SAAS,MAAM,EAAE,WACjB,SAAS,MAAM,EAAE,KAC3B,kBAAkB,CAAC,UAAU,CAAC,GAAG,IAanC,CAAA;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,GAAG,IAAI,CAehG;AAgGD,MAAM,MAAM,oBAAoB,GAAG;IAC/B,iBAAiB,EAAE,SAAS,CAAC,iBAAiB,CAAA;IAC9C,aAAa,EAAM,SAAS,CAAC,aAAa,CAAA;IAC1C,gBAAgB,EAAG,gBAAgB,CAAA;CACtC,CAAA;AAED,wBAAgB,mBAAmB,CAC/B,KAAK,EAAG,KAAK,CAAC,KAAK,EACnB,MAAM,EAAE,oBAAoB;;;4BAxDA,UAAU,CAAC,OAAO,oBAAoB,CAAC;EAuKtE"}
+{"version":3,"file":"inspector.d.ts","sourceRoot":"","sources":["../../src/inspector/inspector.ts"],"names":[],"mappings":"AAKA,OAAO,EAAC,KAAK,gBAAgB,EAAE,KAAK,MAAM,EAAe,KAAK,KAAK,EAAuB,KAAK,WAAW,EAA0B,MAAM,kBAAkB,CAAA;AAI5J,OAAO,EAAC,KAAK,kBAAkB,EAAE,eAAe,EAAC,MAAM,YAAY,CAAA;AAEnE,qBAAa,SAAS;IAGC,QAAQ,EAAE,CAAC,MAAM,OAAO,CAAC,GAAG,SAAS;IAFxD,OAAO,CAAC,aAAa,CAAqB;IAC1C,OAAO,CAAC,QAAQ,CAAQ;gBACL,QAAQ,EAAE,CAAC,MAAM,OAAO,CAAC,GAAG,SAAS;IACxD,gBAAgB,CAAC,KAAK,EAAE,YAAY;IAGpC,OAAO,CAAC,WAAW;IAInB,KAAK;IAIL,UAAU;IAGV,WAAW,CAAC,QAAQ,EAAE,OAAO;CAIhC;AAED,qBAAa,YAAY;IACrB,OAAO,CAAC,MAAM,CAAuC;IACrD,GAAG,CAAC,EAAE,EAAE,WAAW,GAAG,SAAS,GAAG,SAAS;IAG3C,GAAG,CAAC,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,MAAM,OAAO,CAAC,GAAG,SAAS;IAG1D,KAAK;CAGR;AAED,yBAAiB,SAAS,CAAC;IACvB,oFAAoF;IACpF,KAAY,iBAAiB,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,eAAe,KAAK,IAAI,CAAA;IAC7E,KAAY,aAAa,GAAG,CAAC,EAAE,EAAE,WAAW,KAAK,IAAI,CAAA;CACxD;AAED,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,aAAa,CAAC,CAAA;AAE/E,QAAA,MAAM,QAAQ,eAAoB,CAAA;AAElC;;;GAGG;AACH,qBAAa,aAAa;IACV,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC;gBAA/B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC;IAEpD,OAAO,CAAC,iBAAiB,CAAC,CAAyC;IACnE,OAAO,CAAC,aAAa,CAAC,CAAqC;IAC3D,OAAO,CAAC,eAAe,CAAkE;IAEzF,OAAO,CACH,iBAAiB,EAAE,SAAS,CAAC,iBAAiB,EAC9C,aAAa,EAAE,SAAS,CAAC,aAAa;IAK1C,SAAS;IAKT,WAAW,CACP,GAAG,EAAE,MAAM,EACX,EAAE,EAAE,WAAW,EACf,GAAG,EAAE,MAAM,OAAO,GACnB;QAAC,QAAQ,EAAE,MAAM,OAAO,GAAG,OAAO,QAAQ,CAAC;QAAC,OAAO,EAAE,OAAO,CAAA;KAAC;CA+BnE;AAED,QAAA,MAAM,oBAAoB,GACtB,SAAS,SAAS,MAAM,EAAE,EAC1B,SAAS,SAAS,MAAM,EAAE,KAC3B,kBAAkB,CAAC,UAAU,CAAC,GAAG,IAanC,CAAA;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,GAAG,IAAI,CAehG;AAsGD,MAAM,MAAM,oBAAoB,CAAC,GAAG,SAAS,MAAM,IAAI;IACnD,iBAAiB,EAAE,SAAS,CAAC,iBAAiB,CAAA;IAC9C,aAAa,EAAM,SAAS,CAAC,aAAa,CAAA;IAC1C,gBAAgB,EAAG,gBAAgB,CAAA;IACnC,GAAG,EAAgB,gBAAgB,CAAC,GAAG,CAAC,CAAC;CAC5C,CAAA;AAED,wBAAgB,mBAAmB,CAAC,GAAG,SAAS,MAAM,EAClD,KAAK,EAAG,KAAK,CAAC,KAAK,EACnB,MAAM,EAAE,oBAAoB,CAAC,GAAG,CAAC;;;4BAzDL,UAAU,CAAC,OAAO,oBAAoB,CAAC;EAwKtE"}

dist/inspector/serialize.d.ts

 import { type FalsyValue } from '@solid-primitives/utils';
-import { type EncodedValue, type NodeID, type Solid } from '../types.ts';
-declare let HandleStore: ((node: Solid.StoreNode, nodeId: NodeID) => void) | FalsyValue;
+import { type ElementInterface, type EncodedValue, type NodeID, type Solid } from '../types.ts';
+export type HandleStoreCallback = (node: Solid.StoreNode, nodeId: NodeID) => void;
+export type HandleStore = HandleStoreCallback | FalsyValue;
 /**
@@ -12,4 +13,3 @@ * Encodes any value to a JSON-serializable object.
  */
-export declare function encodeValue(value: unknown, deep: boolean, handleStore?: typeof HandleStore, inStore?: boolean): EncodedValue[];
-export {};
+export declare function encodeValue<TEl extends object>(value: unknown, deep: boolean, eli: ElementInterface<TEl>, handleStore?: HandleStore, inStore?: boolean): EncodedValue[];
 //# sourceMappingURL=serialize.d.ts.map

dist/inspector/serialize.d.ts.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"serialize.d.ts","sourceRoot":"","sources":["../../src/inspector/serialize.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,UAAU,EAAC,MAAM,yBAAyB,CAAA;AAIvD,OAAO,EACH,KAAK,YAAY,EAIjB,KAAK,MAAM,EACX,KAAK,KAAK,EAGb,MAAM,aAAa,CAAA;AAOpB,QAAA,IAAI,WAAW,EAAE,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,UAAU,CAAA;AA6F/E;;;;;;;GAOG;AACH,wBAAgB,WAAW,CACvB,KAAK,EAAE,OAAO,EACd,IAAI,EAAE,OAAO,EACb,WAAW,CAAC,EAAE,OAAO,WAAW,EAChC,OAAO,UAAQ,GAChB,YAAY,EAAE,CAahB"}
+{"version":3,"file":"serialize.d.ts","sourceRoot":"","sources":["../../src/inspector/serialize.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,UAAU,EAAC,MAAM,yBAAyB,CAAA;AAIvD,OAAO,EACH,KAAK,gBAAgB,EACrB,KAAK,YAAY,EAIjB,KAAK,MAAM,EACX,KAAK,KAAK,EAGb,MAAM,aAAa,CAAA;AAEpB,MAAM,MAAM,mBAAmB,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;AACjF,MAAM,MAAM,WAAW,GAAG,mBAAmB,GAAG,UAAU,CAAA;AAgH1D;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,GAAG,SAAS,MAAM,EAC1C,KAAK,EAAS,OAAO,EACrB,IAAI,EAAU,OAAO,EACrB,GAAG,EAAW,gBAAgB,CAAC,GAAG,CAAC,EACnC,WAAW,CAAC,EAAE,WAAW,EACzB,OAAO,GAAO,OAAe,GAC9B,YAAY,EAAE,CAahB"}

dist/locator/element-overlay.d.ts

@@ -1,4 +0,5 @@
-import { type Accessor } from 'solid-js';
-import { type LocatorComponent } from './find-components.ts';
-export declare function createElementsOverlay(selected: Accessor<LocatorComponent[]>): void;
+import * as s from 'solid-js';
+import type { LocatorComponent } from './index.ts';
+import { type ElementInterface } from '../types.ts';
+export declare function createElementsOverlay<TEl extends object>(selected: s.Accessor<LocatorComponent<TEl>[]>, eli: ElementInterface<TEl>): void;
 //# sourceMappingURL=element-overlay.d.ts.map

dist/locator/element-overlay.d.ts.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"element-overlay.d.ts","sourceRoot":"","sources":["../../src/locator/element-overlay.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,KAAK,QAAQ,EAA2D,MAAM,UAAU,CAAA;AAEhG,OAAO,EAAC,KAAK,gBAAgB,EAAC,MAAM,sBAAsB,CAAA;AAE1D,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,QAAQ,CAAC,gBAAgB,EAAE,CAAC,QAc3E"}
+{"version":3,"file":"element-overlay.d.ts","sourceRoot":"","sources":["../../src/locator/element-overlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,CAAC,MAAM,UAAU,CAAA;AAG7B,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,YAAY,CAAA;AAChD,OAAO,EAAU,KAAK,gBAAgB,EAAY,MAAM,aAAa,CAAA;AAErE,wBAAgB,qBAAqB,CAAC,GAAG,SAAS,MAAM,EACpD,QAAQ,EAAE,CAAC,CAAC,QAAQ,CAAC,gBAAgB,CAAC,GAAG,CAAC,EAAE,CAAC,EAC7C,GAAG,EAAO,gBAAgB,CAAC,GAAG,CAAC,QAqElC"}

dist/locator/index.d.ts

 import * as s from 'solid-js';
-import { type NodeID, type OutputEmit } from '../main/types.ts';
-import { type SourceCodeData, type SourceLocation } from './find-components.ts';
-import { type HighlightElementPayload, type LocatorOptions } from './types.ts';
-export { parseLocationString } from './find-components.ts';
-export * from './types.ts';
-export declare function createLocator(props: {
+import * as walker from '../structure/walker.ts';
+import { type NodeID, type OutputEmit, type SourceLocation } from '../main/types.ts';
+import * as locator from './locator.ts';
+export * from './locator.ts';
+export type LocatorComponent<TEl extends object> = {
+    id: NodeID;
+    name: string | undefined;
+    element: TEl;
+    location?: SourceLocation | null;
+};
+export declare function createLocator<TEl extends object>(props: {
     locatorEnabled: s.Accessor<boolean>;
@@ -12,7 +17,8 @@ setLocatorEnabledSignal(signal: s.Accessor<boolean>): void;
     emit: OutputEmit;
+    component_registry: walker.ComponentRegistry<TEl>;
 }): {
-    useLocator: (options: LocatorOptions) => void;
-    setDevtoolsHighlightTarget(target: HighlightElementPayload): void;
-    openElementSourceCode(location: SourceLocation, element: SourceCodeData["element"]): undefined;
+    useLocator: (options: locator.LocatorOptions) => void;
+    setDevtoolsHighlightTarget(target: locator.HighlightElementPayload): void;
+    openElementSourceCode(location: SourceLocation): undefined;
 };
 //# sourceMappingURL=index.d.ts.map

dist/locator/index.d.ts.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/locator/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,CAAC,MAAM,UAAU,CAAA;AAU7B,OAAO,EAAC,KAAK,MAAM,EAAE,KAAK,UAAU,EAAC,MAAM,kBAAkB,CAAA;AAE7D,OAAO,EAEH,KAAK,cAAc,EACnB,KAAK,cAAc,EAOtB,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EAAC,KAAK,uBAAuB,EAAE,KAAK,cAAc,EAAC,MAAM,YAAY,CAAA;AAE5E,OAAO,EAAC,mBAAmB,EAAC,MAAM,sBAAsB,CAAA;AAExD,cAAc,YAAY,CAAA;AAE1B,wBAAgB,aAAa,CAAC,KAAK,EAAE;IACjC,cAAc,EAAE,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;IACnC,uBAAuB,CAAC,MAAM,EAAE,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,GAAG,IAAI,CAAA;IAC1D,gBAAgB,CAAC,WAAW,EAAE,MAAM,EAAE,IAAI,EAAE,YAAY,GAAG,IAAI,CAAA;IAC/D,IAAI,EAAE,UAAU,CAAA;CACnB;0BAkHgC,cAAc,KAAG,IAAI;uCAoBX,uBAAuB;oCAG1B,cAAc,WAAW,cAAc,CAAC,SAAS,CAAC;EAWzF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/locator/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,CAAC,MAAM,UAAU,CAAA;AAM7B,OAAO,KAAK,MAAM,MAAM,wBAAwB,CAAA;AAGhD,OAAO,EAAwB,KAAK,MAAM,EAAE,KAAK,UAAU,EAAE,KAAK,cAAc,EAAC,MAAM,kBAAkB,CAAA;AAEzG,OAAO,KAAK,OAAO,MAAM,cAAc,CAAA;AAGvC,cAAc,cAAc,CAAA;AAE5B,MAAM,MAAM,gBAAgB,CAAC,GAAG,SAAS,MAAM,IAAI;IAC/C,EAAE,EAAS,MAAM,CAAA;IACjB,IAAI,EAAO,MAAM,GAAG,SAAS,CAAA;IAC7B,OAAO,EAAI,GAAG,CAAA;IACd,QAAQ,CAAC,EAAE,cAAc,GAAG,IAAI,CAAA;CACnC,CAAA;AAoBD,wBAAgB,aAAa,CAAC,GAAG,SAAS,MAAM,EAAE,KAAK,EAAE;IACrD,cAAc,EAAE,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IACpC,uBAAuB,CAAC,MAAM,EAAE,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC;IAC3D,gBAAgB,CAAC,WAAW,EAAE,MAAM,EAAE,IAAI,EAAE,YAAY,GAAG,IAAI,CAAC;IAChE,IAAI,EAAE,UAAU,CAAC;IACjB,kBAAkB,EAAE,MAAM,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC;CACrD;0BA8IgC,OAAO,CAAC,cAAc,KAAG,IAAI;uCAoBnB,OAAO,CAAC,uBAAuB;oCAGlC,cAAc;EAUrD"}

dist/main/id.d.ts

@@ -12,3 +12,3 @@ import { type NodeID, type Solid } from './types.ts';
     [ObjectType.Owner]: Solid.Owner;
-    [ObjectType.Element]: Element;
+    [ObjectType.Element]: object;
     [ObjectType.Signal]: Solid.Signal;
@@ -19,2 +19,3 @@ [ObjectType.Store]: Solid.Store;
 };
+export declare const getNewSdtId: () => NodeID;
 export declare function getSdtId<T extends ObjectType>(obj: ValueMap[T], objType: T): NodeID;
@@ -21,0 +22,0 @@ export declare function getObjectById<T extends ObjectType>(id: NodeID, objType: T): ValueMap[T] | null;

dist/main/id.d.ts.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"id.d.ts","sourceRoot":"","sources":["../../src/main/id.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,KAAK,MAAM,EAAE,KAAK,KAAK,EAAC,MAAM,YAAY,CAAA;AAElD,0BAAkB,UAAU;IACxB,KAAK,UAAgB;IACrB,OAAO,YAAgB;IACvB,MAAM,WAAgB;IACtB,KAAK,UAAgB;IACrB,SAAS,eAAiB;IAC1B,WAAW,iBAAiB;CAC/B;AAED,KAAK,QAAQ,GAAG;IACZ,CAAC,UAAU,CAAC,KAAK,CAAC,EAAQ,KAAK,CAAC,KAAK,CAAA;IACrC,CAAC,UAAU,CAAC,OAAO,CAAC,EAAM,OAAO,CAAA;IACjC,CAAC,UAAU,CAAC,MAAM,CAAC,EAAO,KAAK,CAAC,MAAM,CAAA;IACtC,CAAC,UAAU,CAAC,KAAK,CAAC,EAAQ,KAAK,CAAC,KAAK,CAAA;IACrC,CAAC,UAAU,CAAC,SAAS,CAAC,EAAI,KAAK,CAAC,SAAS,CAAA;IACzC,CAAC,UAAU,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,cAAc,CAAA;CACjD,CAAA;AAmBD,wBAAgB,QAAQ,CAAC,CAAC,SAAS,UAAU,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,GAAG,MAAM,CASnF;AAED,wBAAgB,aAAa,CAAC,CAAC,SAAS,UAAU,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,GAAG,IAAI,CAG9F;AAED,uBAAuB;AACvB,wBAAgB,SAAS,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAGvD"}
+{"version":3,"file":"id.d.ts","sourceRoot":"","sources":["../../src/main/id.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,MAAM,EAAE,KAAK,KAAK,EAAC,MAAM,YAAY,CAAA;AAElD,0BAAkB,UAAU;IACxB,KAAK,UAAgB;IACrB,OAAO,YAAgB;IACvB,MAAM,WAAgB;IACtB,KAAK,UAAgB;IACrB,SAAS,eAAiB;IAC1B,WAAW,iBAAiB;CAC/B;AAED,KAAK,QAAQ,GAAG;IACZ,CAAC,UAAU,CAAC,KAAK,CAAC,EAAQ,KAAK,CAAC,KAAK,CAAA;IACrC,CAAC,UAAU,CAAC,OAAO,CAAC,EAAM,MAAM,CAAA;IAChC,CAAC,UAAU,CAAC,MAAM,CAAC,EAAO,KAAK,CAAC,MAAM,CAAA;IACtC,CAAC,UAAU,CAAC,KAAK,CAAC,EAAQ,KAAK,CAAC,KAAK,CAAA;IACrC,CAAC,UAAU,CAAC,SAAS,CAAC,EAAI,KAAK,CAAC,SAAS,CAAA;IACzC,CAAC,UAAU,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,cAAc,CAAA;CACjD,CAAA;AAoBD,eAAO,MAAM,WAAW,QAAO,MAAuC,CAAA;AAEtE,wBAAgB,QAAQ,CAAC,CAAC,SAAS,UAAU,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,GAAG,MAAM,CASnF;AAED,wBAAgB,aAAa,CAAC,CAAC,SAAS,UAAU,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,GAAG,IAAI,CAG9F;AAED,uBAAuB;AACvB,wBAAgB,SAAS,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAGvD"}

dist/main/index.d.ts

 import * as s from 'solid-js';
 import { type InputMessage, type OutputListener } from './types.ts';
-/**
- * Used for connecting debugger to devtools
- */
-export declare function useDebugger(): {
+declare function createDebugger(): {
     versions: {
-        get_client(): string | null;
-        get_solid(): string | null;
-        get_expected_solid(): string | null;
+        client: string | null;
+        solid: string | null;
+        expected_solid: string | null;
+        get_client: () => string | null;
+        get_solid: () => string | null;
+        get_expected_solid: () => string | null;
     };
@@ -15,5 +15,11 @@ enabled: s.Accessor<boolean>;
     emit: (e: InputMessage) => void;
-    setLocatorOptions: (options: import("../locator/types.ts").LocatorOptions) => void;
+    setLocatorOptions: (options: import("../locator/locator.ts").LocatorOptions) => void;
     toggleEnabled(enabled: boolean): void;
 };
+export type Debugger = ReturnType<typeof createDebugger>;
+/**
+ * Used for connecting debugger to devtools
+ */
+export declare function useDebugger(): Debugger;
+export {};
 //# sourceMappingURL=index.d.ts.map

dist/main/index.d.ts.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/main/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,CAAC,MAAM,UAAU,CAAA;AAY7B,OAAO,EAGH,KAAK,YAAY,EAGjB,KAAK,cAAc,EAEtB,MAAM,YAAY,CAAA;AAmPnB;;GAEG;AACH,wBAAgB,WAAW;;;;;;;uBA9OG,cAAc,KAAG,CAAC,MAAM,IAAI,CAAC;cAiLjC,YAAY;;2BAkDP,OAAO;EAcrC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/main/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,CAAC,MAAM,UAAU,CAAA;AAY7B,OAAO,EAKH,KAAK,YAAY,EAEjB,KAAK,cAAc,EAEtB,MAAM,YAAY,CAAA;AAEnB,iBAAS,cAAc;;;;;;;;;;uBAOO,cAAc,KAAG,CAAC,MAAM,IAAI,CAAC;cAqLjC,YAAY;;2BAkDP,OAAO;EAIrC;AAED,MAAM,MAAM,QAAQ,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;AAGxD;;GAEG;AACH,wBAAgB,WAAW,IAAI,QAAQ,CAGtC"}

dist/main/roots.d.ts.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"roots.d.ts","sourceRoot":"","sources":["../../src/main/roots.ts"],"names":[],"mappings":"AAIA,OAAO,EAAC,KAAK,MAAM,EAAE,KAAK,KAAK,EAAC,MAAM,YAAY,CAAA;AAGlD;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,IAOhC,CAAA;AAKD,eAAO,MAAM,eAAe,QAAO,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAqB,CAAA;AAE3E,QAAA,IAAI,kBAAkB,EAAE,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAA;AAClF,4EAA4E;AAC5E,wBAAgB,qBAAqB,CAAC,EAAE,EAAE,OAAO,kBAAkB,QAElE;AACD,QAAA,IAAI,aAAa,EAAE,CAAC,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAA;AACzD,yCAAyC;AACzC,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,OAAO,aAAa,QAExD;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,GAAG,IAAI,CAIrD;AAoCD;;;;;;;;;;;GAWG;AACH,wBAAgB,cAAc,CAAC,KAAK,kCAAyB,GAAG,IAAI,CA0DnE;AAED,wBAAgB,SAAS,SAgBxB;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,IAAI,GAAG,IAAI,CAQhE;AAED;;;;;GAKG;AACH,wBAAgB,sBAAsB,CAClC,KAAK,EAAE,KAAK,CAAC,KAAK,GACnB;IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC;IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAA;CAAC,GAAG;IAAC,KAAK,EAAE,IAAI,CAAC;IAAC,IAAI,EAAE,IAAI,CAAA;CAAC,CAapE"}
+{"version":3,"file":"roots.d.ts","sourceRoot":"","sources":["../../src/main/roots.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,KAAK,MAAM,EAAE,KAAK,KAAK,EAAW,MAAM,YAAY,CAAA;AAG5D;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,IAOhC,CAAA;AAKD,eAAO,MAAM,eAAe,QAAO,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAqB,CAAA;AAE3E,QAAA,IAAI,kBAAkB,EAAE,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAA;AAClF,4EAA4E;AAC5E,wBAAgB,qBAAqB,CAAC,EAAE,EAAE,OAAO,kBAAkB,QAElE;AACD,QAAA,IAAI,aAAa,EAAE,CAAC,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAA;AACzD,yCAAyC;AACzC,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,OAAO,aAAa,QAExD;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,GAAG,IAAI,CAIrD;AAoCD;;;;;;;;;;;GAWG;AACH,wBAAgB,cAAc,CAAC,KAAK,kCAAyB,GAAG,IAAI,CA0DnE;AAED,wBAAgB,SAAS,SAgBxB;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,IAAI,GAAG,IAAI,CAQhE;AAED;;;;;GAKG;AACH,wBAAgB,sBAAsB,CAClC,KAAK,EAAE,KAAK,CAAC,KAAK,GACnB;IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC;IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAA;CAAC,GAAG;IAAC,KAAK,EAAE,IAAI,CAAC;IAAC,IAAI,EAAE,IAAI,CAAA;CAAC,CAapE"}

dist/main/types.d.ts

 import type { Union } from '@solid-devtools/shared/utils';
 import type { EncodedValue, InspectorUpdate, PropGetterState, ToggleInspectedValueData } from '../inspector/types.ts';
-import type { HighlightElementPayload, SourceLocation } from '../locator/types.ts';
+import * as locator from '../locator/locator.ts';
 import type { StructureUpdates, DGraphUpdate } from '../types.ts';
-import { DebuggerModule, DevtoolsMainView, NodeType, OWNER_LOCATION_PROP, TreeWalkerMode, ValueItemType } from './constants.ts';
+/**
+ * Main modules and views of the devtools. Used for "routing".
+ */
+export declare enum DevtoolsMainView {
+    Structure = "structure"
+}
+export declare const DEFAULT_MAIN_VIEW = DevtoolsMainView.Structure;
+export declare enum DebuggerModule {
+    Locator = "locator",
+    Structure = "structure",
+    Dgraph = "dgraph"
+}
+export declare enum TreeWalkerMode {
+    Owners = "owners",
+    Components = "components",
+    DOM = "dom"
+}
+export declare const DEFAULT_WALKER_MODE = TreeWalkerMode.Components;
+export declare enum NodeType {
+    Root = "ROOT",
+    Component = "COMPONENT",
+    Element = "ELEMENT",
+    Effect = "EFFECT",
+    Render = "RENDER",
+    Memo = "MEMO",
+    Computation = "COMPUTATION",
+    Refresh = "REFRESH",
+    Context = "CONTEXT",
+    CatchError = "CATCH_ERROR",
+    Signal = "SIGNAL",
+    Store = "STORE",
+    CustomValue = "CUSTOM_VALUE"
+}
+export declare const NODE_TYPE_NAMES: Readonly<Record<NodeType, string>>;
+export type NodeData = {
+    [NodeType.Root]: Solid.Root;
+    [NodeType.Component]: Solid.Component;
+    [NodeType.Element]: Element;
+    [NodeType.Effect]: Solid.Computation;
+    [NodeType.Render]: Solid.Computation;
+    [NodeType.Memo]: Solid.Memo;
+    [NodeType.Computation]: Solid.Computation;
+    [NodeType.Refresh]: Solid.Memo;
+    [NodeType.Context]: Solid.Computation;
+    [NodeType.CatchError]: Solid.Computation;
+    [NodeType.Signal]: Solid.Signal;
+    [NodeType.Store]: Solid.Store;
+    [NodeType.CustomValue]: Solid.SourceMapValue;
+};
+export type Node = Union<NodeData>;
+export declare enum ValueItemType {
+    Signal = "signal",
+    Prop = "prop",
+    Value = "value"
+}
+export declare const UNKNOWN = "unknown";
+export declare const OWNER_LOCATION_PROP = "sdtLocation";
 export type InspectedState = {
@@ -37,3 +93,3 @@ readonly ownerId: NodeID | null;
     ConsoleInspectValue: ValueItemID;
-    HighlightElementChange: HighlightElementPayload;
+    HighlightElementChange: locator.HighlightElementPayload;
     OpenLocation: void;
@@ -52,2 +108,30 @@ TreeViewModeChange: TreeWalkerMode;
 export type OutputEmit = (e: OutputMessage) => void;
+export type SourceLocation = {
+    file: string;
+    line: number;
+    column: number;
+};
+export type Rect = {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};
+/**
+ * When using a custom solid renderer, you should provide a custom element interface.
+ * By default the debugger assumes that rendered elements are DOM elements.
+ */
+export type ElementInterface<T extends object> = {
+    isElement: (obj: object | T) => obj is T;
+    getElementAt: (e: MouseEvent) => T | null;
+    getName: (el: T) => string | null;
+    getChildren: (el: T) => Iterable<T>;
+    getParent: (el: T) => T | null;
+    getLocation: (el: T) => SourceLocation | null;
+    getRect: (el: T) => Rect | null;
+};
+/**
+ * Implementation of {@link ElementInterface} for {@link Element}
+ */
+export declare const dom_element_interface: ElementInterface<Element>;
 export type NodeID = `#${string}`;
@@ -54,0 +138,0 @@ export type ValueItemID = `${ValueItemType.Signal}:${NodeID}` | `${ValueItemType.Prop}:${string}` | ValueItemType.Value;

dist/main/types.d.ts.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/main/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/main/types.ts"],"names":[],"mappings":"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"}

dist/main/utils.d.ts

@@ -1,3 +0,7 @@
-import { NodeType } from './constants.ts';
-import { type Solid } from './types.ts';
+import { type Node, type Solid, NodeType } from './types.ts';
+export declare function unwrap_each<T>(arr: readonly T[] | null | undefined): ArrayIterator<T>;
+export declare function append_array<T>(arr: T[], items: readonly T[]): void;
+export declare function unwrap_append<T>(arr: T[], item: T | null | undefined): void;
+export declare function unwrap_append_array<T>(arr: T[], items: readonly T[] | null | undefined): void;
+export declare function owner_each_child(o: Solid.Owner): ArrayIterator<Solid.Owner>;
 export declare const isSolidOwner: (o: Solid.SourceMapValue | Solid.Owner | Solid.Store | Solid.Signal) => o is Solid.Owner;
@@ -13,2 +17,3 @@ export declare const isSolidComputation: (o: Solid.Owner) => o is Solid.Computation;
 export declare const getOwnerType: (o: Solid.Owner) => NodeType;
+export declare function getNode(o: Solid.SourceMapValue | Solid.Signal | Solid.Owner | Solid.Store): Node;
 export declare const getNodeName: (o: {
@@ -15,0 +20,0 @@ component?: ((..._: any) => any) & {

dist/main/utils.d.ts.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/main/utils.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/main/utils.ts"],"names":[],"mappings":"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"}

dist/setup.d.ts

 import * as s from 'solid-js';
 import * as store from 'solid-js/store';
-import type { LocatorOptions } from './locator/types.ts';
-import type { Solid } from './main/types.ts';
+import * as debug from './types.ts';
 /** @deprecated use `setLocatorOptions` */
-export declare function useLocator(options: LocatorOptions): void;
-export declare function setLocatorOptions(options: LocatorOptions): void;
+export declare function useLocator(options: debug.LocatorOptions): void;
+export declare function setLocatorOptions(options: debug.LocatorOptions): void;
+export declare function setElementInterface(eli: debug.ElementInterface<any>): void;
 export declare function setClientVersion(version: string): void;
@@ -24,13 +24,18 @@ export declare function setSolidVersion(version: string, expected: string): void;
     };
-    get_created_owners(): Solid.Owner[];
-    get_locator_options(): LocatorOptions | null;
+    eli: debug.ElementInterface<any>;
+    locator_options: debug.LocatorOptions | null;
+    get_created_owners: () => debug.Solid.Owner[];
+    get_locator_options: () => debug.LocatorOptions | null;
     versions: {
-        get_client(): string | null;
-        get_solid(): string | null;
-        get_expected_solid(): string | null;
+        client: string | null;
+        solid: string | null;
+        expected_solid: string | null;
+        get_client: () => string | null;
+        get_solid: () => string | null;
+        get_expected_solid: () => string | null;
     };
     unowned: {
-        signals: WeakRef<Solid.Signal>[];
-        onSignalAdded: ((ref: WeakRef<Solid.Signal>, idx: number) => void) | null;
-        onSignalRemoved: ((ref: WeakRef<Solid.Signal>, idx: number) => void) | null;
+        signals: WeakRef<debug.Solid.Signal>[];
+        onSignalAdded: ((ref: WeakRef<debug.Solid.Signal>, idx: number) => void) | null;
+        onSignalRemoved: ((ref: WeakRef<debug.Solid.Signal>, idx: number) => void) | null;
     };
@@ -37,0 +42,0 @@ };

dist/setup.d.ts.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"setup.d.ts","sourceRoot":"","sources":["../src/setup.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,CAAC,MAAU,UAAU,CAAA;AACjC,OAAO,KAAK,KAAK,MAAM,gBAAgB,CAAA;AAEvC,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,oBAAoB,CAAA;AACtD,OAAO,KAAK,EAAC,KAAK,EAAC,MAAM,iBAAiB,CAAA;AAI1C,0CAA0C;AAC1C,wBAAgB,UAAU,CAAC,OAAO,EAAE,cAAc,QAEjD;AACD,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,cAAc,QAExD;AAMD,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,MAAM,QAE/C;AAED,wBAAgB,eAAe,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,QAGhE;AAED,MAAM,MAAM,QAAQ,GAAG;IACnB,KAAK,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,GAAG;QAC/B,QAAQ,EAAM,OAAO,CAAC,CAAC,QAAQ,CAAA;QAC/B,WAAW,EAAG,OAAO,CAAC,CAAC,WAAW,CAAA;QAClC,OAAO,EAAO,OAAO,CAAC,CAAC,OAAO,CAAA;QAC9B,MAAM,EAAQ,OAAO,CAAC,CAAC,MAAM,CAAA;QAC7B,MAAM,EAAQ,OAAO,CAAC,CAAC,MAAM,CAAA;QAC7B,QAAQ,EAAM,OAAO,CAAC,CAAC,QAAQ,CAAA;QAC/B,YAAY,EAAE,OAAO,CAAC,CAAC,YAAY,CAAA;KACtC,CAAA;IACD,KAAK,EAAE,WAAW,CAAC,OAAO,KAAK,CAAC,GAAG,CAAC,GAAG;QACnC,MAAM,EAAQ,OAAO,KAAK,CAAC,MAAM,CAAA;QACjC,IAAI,EAAU,OAAO,KAAK,CAAC,IAAI,CAAA;KAClC,CAAA;IAED,kBAAkB,IAAK,KAAK,CAAC,KAAK,EAAE,CAAA;IACpC,mBAAmB,IAAI,cAAc,GAAG,IAAI,CAAA;IAC5C,QAAQ,EAAE;QACN,UAAU,IAAY,MAAM,GAAG,IAAI,CAAA;QACnC,SAAS,IAAa,MAAM,GAAG,IAAI,CAAA;QACnC,kBAAkB,IAAI,MAAM,GAAG,IAAI,CAAA;KACtC,CAAA;IACD,OAAO,EAAE;QACL,OAAO,EAAU,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAA;QACxC,aAAa,EAAI,CAAC,CAAC,GAAG,EAAE,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,IAAI,CAAA;QAC3E,eAAe,EAAE,CAAC,CAAC,GAAG,EAAE,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,IAAI,CAAA;KAC9E,CAAA;CACJ,CAAA;AAED,OAAO,CAAC,MAAM,CAAC;IACX,iEAAiE;IACjE,IAAI,eAAe,EAAE,SAAS,GAAG,QAAQ,CAAA;CAC5C"}
+{"version":3,"file":"setup.d.ts","sourceRoot":"","sources":["../src/setup.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,CAAC,MAAU,UAAU,CAAA;AACjC,OAAO,KAAK,KAAK,MAAM,gBAAgB,CAAA;AAEvC,OAAO,KAAK,KAAK,MAAM,YAAY,CAAA;AAEnC,0CAA0C;AAC1C,wBAAgB,UAAU,CAAC,OAAO,EAAE,KAAK,CAAC,cAAc,QAEvD;AACD,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,KAAK,CAAC,cAAc,QAG9D;AAED,wBAAgB,mBAAmB,CAAC,GAAG,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,QAGnE;AAED,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,MAAM,QAG/C;AAED,wBAAgB,eAAe,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,QAIhE;AAED,MAAM,MAAM,QAAQ,GAAG;IACnB,KAAK,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,GAAG;QAC/B,QAAQ,EAAM,OAAO,CAAC,CAAC,QAAQ,CAAA;QAC/B,WAAW,EAAG,OAAO,CAAC,CAAC,WAAW,CAAA;QAClC,OAAO,EAAO,OAAO,CAAC,CAAC,OAAO,CAAA;QAC9B,MAAM,EAAQ,OAAO,CAAC,CAAC,MAAM,CAAA;QAC7B,MAAM,EAAQ,OAAO,CAAC,CAAC,MAAM,CAAA;QAC7B,QAAQ,EAAM,OAAO,CAAC,CAAC,QAAQ,CAAA;QAC/B,YAAY,EAAE,OAAO,CAAC,CAAC,YAAY,CAAA;KACtC,CAAA;IACD,KAAK,EAAE,WAAW,CAAC,OAAO,KAAK,CAAC,GAAG,CAAC,GAAG;QACnC,MAAM,EAAQ,OAAO,KAAK,CAAC,MAAM,CAAA;QACjC,IAAI,EAAU,OAAO,KAAK,CAAC,IAAI,CAAA;KAClC,CAAA;IAED,GAAG,EAAe,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAA;IAC7C,eAAe,EAAG,KAAK,CAAC,cAAc,GAAG,IAAI,CAAA;IAC7C,kBAAkB,EAAG,MAAM,KAAK,CAAC,KAAK,CAAC,KAAK,EAAE,CAAA;IAC9C,mBAAmB,EAAE,MAAM,KAAK,CAAC,cAAc,GAAG,IAAI,CAAA;IACtD,QAAQ,EAAE;QACN,MAAM,EAAc,MAAM,GAAG,IAAI,CAAA;QACjC,KAAK,EAAe,MAAM,GAAG,IAAI,CAAA;QACjC,cAAc,EAAM,MAAM,GAAG,IAAI,CAAA;QACjC,UAAU,EAAU,MAAM,MAAM,GAAG,IAAI,CAAA;QACvC,SAAS,EAAW,MAAM,MAAM,GAAG,IAAI,CAAA;QACvC,kBAAkB,EAAE,MAAM,MAAM,GAAG,IAAI,CAAA;KAC1C,CAAA;IACD,OAAO,EAAE;QACL,OAAO,EAAU,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAA;QAC9C,aAAa,EAAI,CAAC,CAAC,GAAG,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,IAAI,CAAA;QACjF,eAAe,EAAE,CAAC,CAAC,GAAG,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,IAAI,CAAA;KACpF,CAAA;CACJ,CAAA;AAED,OAAO,CAAC,MAAM,CAAC;IACX,iEAAiE;IACjE,IAAI,eAAe,EAAE,SAAS,GAAG,QAAQ,CAAA;CAC5C"}

dist/setup.js

 // packages/debugger/src/setup.ts
 import * as s from "solid-js";
 import * as store from "solid-js/store";
-import { error } from "@solid-devtools/shared/utils";
-var PassedLocatorOptions = null;
+import { assert, error } from "@solid-devtools/shared/utils";
+
+// packages/debugger/src/locator/locator.ts
+import { isWindows } from "@solid-primitives/platform";
+
+// packages/debugger/src/main/types.ts
+var dom_element_interface = {
+  isElement: (obj) => obj instanceof Element,
+  getElementAt: (e) => e.target,
+  getName: (el) => el.localName,
+  getChildren: (el) => el.children,
+  getParent: (el) => el.parentElement,
+  getRect: (el) => el.getBoundingClientRect(),
+  getLocation: (el) => {
+    let attr = getLocationAttr(el);
+    return attr && parseLocationString(attr) || null;
+  }
+};
+
+// packages/debugger/src/locator/locator.ts
+var LOCATION_ATTRIBUTE_NAME = "data-source-loc";
+var LOC_ATTR_REGEX_WIN = /^((?:\\?[^\s][^/\\:\"\?\*<>\|]+)+):([0-9]+):([0-9]+)$/;
+var LOC_ATTR_REGEX_UNIX = /^((?:(?:\.\/|\.\.\/|\/)?(?:\.?\w+\/)*)(?:\.?\w+\.?\w+)):([0-9]+):([0-9]+)$/;
+var LOC_ATTR_REGEX = isWindows ? LOC_ATTR_REGEX_WIN : LOC_ATTR_REGEX_UNIX;
+function getLocationAttr(element) {
+  let attr = element.getAttribute(LOCATION_ATTRIBUTE_NAME);
+  if (!attr || !LOC_ATTR_REGEX.test(attr)) return null;
+  return attr;
+}
+function parseLocationString(location) {
+  let [file, line, column] = location.split(":");
+  if (file && line && column && typeof file === "string" && !isNaN(line = +line) && !isNaN(column = +column)) {
+    return { file, line, column };
+  }
+}
+
+// packages/debugger/src/setup.ts
 function useLocator(options) {
-  PassedLocatorOptions = options;
+  setLocatorOptions(options);
 }
 function setLocatorOptions(options) {
-  PassedLocatorOptions = options;
+  assert(globalThis.SolidDevtools$$, "solid-devtools is not setup");
+  globalThis.SolidDevtools$$.locator_options = options;
 }
-var ClientVersion = null;
-var SolidVersion = null;
-var ExpectedSolidVersion = null;
+function setElementInterface(eli) {
+  assert(globalThis.SolidDevtools$$, "solid-devtools is not setup");
+  globalThis.SolidDevtools$$.eli = eli;
+}
 function setClientVersion(version) {
-  ClientVersion = version;
+  assert(globalThis.SolidDevtools$$, "solid-devtools is not setup");
+  globalThis.SolidDevtools$$.versions.client = version;
 }
 function setSolidVersion(version, expected) {
-  SolidVersion = version;
-  ExpectedSolidVersion = expected;
+  assert(globalThis.SolidDevtools$$, "solid-devtools is not setup");
+  globalThis.SolidDevtools$$.versions.solid = version;
+  globalThis.SolidDevtools$$.versions.expected_solid = expected;
 }
@@ -50,14 +89,19 @@ if (globalThis.SolidDevtools$$) {
     },
+    eli: dom_element_interface,
+    locator_options: null,
     get_locator_options() {
-      return PassedLocatorOptions;
+      return this.locator_options;
     },
     versions: {
+      client: null,
+      solid: null,
+      expected_solid: null,
       get_client() {
-        return ClientVersion;
+        return this.client;
       },
       get_solid() {
-        return SolidVersion;
+        return this.solid;
       },
       get_expected_solid() {
-        return ExpectedSolidVersion;
+        return this.expected_solid;
       }
@@ -91,2 +135,3 @@ },
   setClientVersion,
+  setElementInterface,
   setLocatorOptions,
@@ -93,0 +138,0 @@ setSolidVersion,

dist/structure/index.d.ts

@@ -1,3 +0,3 @@
-import { DevtoolsMainView, TreeWalkerMode } from '../main/constants.ts';
-import { type Mapped, type NodeID, type Solid } from '../main/types.ts';
+import { type Mapped, type NodeID, type Solid, DevtoolsMainView, TreeWalkerMode } from '../main/types.ts';
+import * as walker from './walker.ts';
 export type StructureUpdates = {
@@ -11,6 +11,7 @@ /** Partial means that the updates are based on the previous structure state */
 };
-export declare function createStructure(props: {
+export declare function createStructure<TEl extends object>(props: {
     onStructureUpdate: (updates: StructureUpdates) => void;
     onNodeUpdate: (nodeId: NodeID) => void;
     enabled: () => boolean;
+    component_registry: walker.ComponentRegistry<TEl>;
 }): {
@@ -17,0 +18,0 @@ updateAllRoots: () => void;

dist/structure/index.d.ts.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/structure/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAsB,gBAAgB,EAAY,cAAc,EAAC,MAAM,sBAAsB,CAAA;AAGpG,OAAO,EAAC,KAAK,MAAM,EAAE,KAAK,MAAM,EAAE,KAAK,KAAK,EAAC,MAAM,kBAAkB,CAAA;AAIrE,MAAM,MAAM,gBAAgB,GAAG;IAC3B,+EAA+E;IAC/E,OAAO,EAAE,OAAO,CAAA;IAChB,oBAAoB;IACpB,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,8DAA8D;IAC9D,OAAO,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;CAC1E,CAAA;AA8BD,wBAAgB,eAAe,CAAC,KAAK,EAAE;IACnC,iBAAiB,EAAE,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI,CAAA;IACtD,YAAY,EAAO,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C,OAAO,EAAY,MAAM,OAAO,CAAA;CACnC;0BAmF8B,IAAI;+BAKC,IAAI;8BAKH,cAAc,KAAG,IAAI;;mCAWnB,KAAK,CAAC,KAAK;uBAGvB,gBAAgB;EAO1C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/structure/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,KAAK,MAAM,EAAE,KAAK,MAAM,EAAE,KAAK,KAAK,EAAuB,gBAAgB,EAAY,cAAc,EAAC,MAAM,kBAAkB,CAAA;AAEtI,OAAO,KAAK,MAAM,MAAM,aAAa,CAAA;AAErC,MAAM,MAAM,gBAAgB,GAAG;IAC3B,+EAA+E;IAC/E,OAAO,EAAE,OAAO,CAAA;IAChB,oBAAoB;IACpB,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,8DAA8D;IAC9D,OAAO,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;CAC1E,CAAA;AA8BD,wBAAgB,eAAe,CAAC,GAAG,SAAS,MAAM,EAAE,KAAK,EAAE;IACvD,iBAAiB,EAAE,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI,CAAA;IACtD,YAAY,EAAO,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C,OAAO,EAAY,MAAM,OAAO,CAAA;IAChC,kBAAkB,EAAE,MAAM,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC;CACrD;0BAoF8B,IAAI;+BAKC,IAAI;8BAKH,cAAc,KAAG,IAAI;;mCAWnB,KAAK,CAAC,KAAK;uBAGvB,gBAAgB;EAO1C"}

dist/structure/walker.d.ts

@@ -1,11 +0,52 @@
-import type { ComponentRegisterHandler } from '../main/component-registry.ts';
-import { TreeWalkerMode } from '../main/constants.ts';
-import { type Mapped, type NodeID, type Solid } from '../main/types.ts';
+import { type ElementInterface, type Mapped, type NodeID, type Solid, TreeWalkerMode } from '../main/types.ts';
+export type ComponentData<TEl extends object> = {
+    id: NodeID;
+    owner: Solid.Component;
+    name: string | undefined;
+    elements: Set<TEl>;
+    element_nodes: Set<NodeID>;
+    cleanup: () => void;
+};
+export type ComponentRegistry<TEl extends object> = {
+    eli: ElementInterface<TEl>;
+    /** Map of component nodes */
+    components: Map<NodeID, ComponentData<TEl>>;
+    /** Map of element nodes to component nodes */
+    element_nodes: Map<NodeID, {
+        el: TEl;
+        component: ComponentData<TEl>;
+    }>;
+};
+export declare const makeComponentRegistry: <TEl extends object>(eli: ElementInterface<TEl>) => ComponentRegistry<TEl>;
+export declare const clearComponentRegistry: <TEl extends object>(r: ComponentRegistry<TEl>) => void;
+export declare const cleanupComponent: <TEl extends object>(r: ComponentRegistry<TEl>, nodeID: NodeID) => void;
+export declare const registerComponent: <TEl extends object>(r: ComponentRegistry<TEl>, owner: Solid.Component, id: NodeID, name: string | undefined, elements: TEl[] | null) => void;
+export declare const registerElement: <TEl extends object>(r: ComponentRegistry<TEl>, componentId: NodeID, elementId: NodeID, element: TEl) => void;
+export declare const getComponent: <TEl extends object>(r: ComponentRegistry<TEl>, id: NodeID) => {
+    name: string | undefined;
+    id: NodeID;
+    elements: TEl[];
+} | null;
+/**
+ * Searches for an HTML element with the given id in the component with the given id.
+ *
+ * It is assumed that the element is a child of the component.
+ *
+ * Used only in the DOM walker mode.
+ */
+export declare const getComponentElement: <TEl extends object>(r: ComponentRegistry<TEl>, elementId: NodeID) => {
+    name: string | undefined;
+    id: NodeID;
+    element: TEl;
+} | undefined;
+export declare const findComponent: <TEl extends object>(r: ComponentRegistry<TEl>, el: TEl) => ComponentData<TEl> | null;
 export type ComputationUpdateHandler = (rootId: NodeID, owner: Solid.Owner, changedStructure: boolean) => void;
-export declare const walkSolidTree: (owner: Solid.Owner | Solid.Root, config: {
+export type TreeWalkerConfig<TEl extends object> = {
     mode: TreeWalkerMode;
     rootId: NodeID;
-    onComputationUpdate: ComputationUpdateHandler;
-    registerComponent: ComponentRegisterHandler;
-}) => Mapped.Owner;
+    onUpdate: ComputationUpdateHandler;
+    registry: ComponentRegistry<TEl>;
+    eli: ElementInterface<TEl>;
+};
+export declare const walkSolidTree: <TEl extends object>(owner: Solid.Owner | Solid.Root, config: TreeWalkerConfig<TEl>) => Mapped.Owner;
 //# sourceMappingURL=walker.d.ts.map

dist/structure/walker.d.ts.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"walker.d.ts","sourceRoot":"","sources":["../../src/structure/walker.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,wBAAwB,EAAC,MAAM,+BAA+B,CAAA;AAC3E,OAAO,EAAW,cAAc,EAAC,MAAM,sBAAsB,CAAA;AAG7D,OAAO,EAAC,KAAK,MAAM,EAAE,KAAK,MAAM,EAAE,KAAK,KAAK,EAAC,MAAM,kBAAkB,CAAA;AASrE,MAAM,MAAM,wBAAwB,GAAG,CACnC,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,gBAAgB,EAAE,OAAO,KACxB,IAAI,CAAA;AA8MT,eAAO,MAAM,aAAa,UACf,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,IAAI,UACvB;IACJ,IAAI,EAAE,cAAc,CAAA;IACpB,MAAM,EAAE,MAAM,CAAA;IACd,mBAAmB,EAAE,wBAAwB,CAAA;IAC7C,iBAAiB,EAAE,wBAAwB,CAAA;CAC9C,KACF,MAAM,CAAC,KA0BR,CAAA"}
+{"version":3,"file":"walker.d.ts","sourceRoot":"","sources":["../../src/structure/walker.ts"],"names":[],"mappings":"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"}

dist/types.d.ts

 export type { DGraphUpdate, SerializedDGraph } from './dependency/index.ts';
 export * from './inspector/types.ts';
-export * from './locator/types.ts';
-export * from './main/constants.ts';
+export * from './locator/locator.ts';
 export * from './main/types.ts';
 export type { StructureUpdates } from './structure/index.ts';
 //# sourceMappingURL=types.d.ts.map

dist/types.d.ts.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,YAAY,EAAC,YAAY,EAAE,gBAAgB,EAAC,MAAM,uBAAuB,CAAA;AACzE,cAAc,sBAAsB,CAAA;AACpC,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA;AACnC,cAAc,iBAAiB,CAAA;AAC/B,YAAY,EAAC,gBAAgB,EAAC,MAAM,sBAAsB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,YAAY,EAAC,YAAY,EAAE,gBAAgB,EAAC,MAAM,uBAAuB,CAAA;AACzE,cAAc,sBAAsB,CAAA;AACpC,cAAc,sBAAsB,CAAA;AACpC,cAAc,iBAAiB,CAAA;AAC/B,YAAY,EAAC,gBAAgB,EAAC,MAAM,sBAAsB,CAAA"}

dist/types.js

@@ -10,2 +10,3 @@ import {
   LOCATION_ATTRIBUTE_NAME,
+  LOC_ATTR_REGEX,
   NAN,
@@ -23,4 +24,10 @@ NEGATIVE_INFINITY,
   WINDOW_PROJECTPATH_PROPERTY,
-  getValueItemId
-} from "./chunk-R4OAKKPG.js";
+  dom_element_interface,
+  getLocationAttr,
+  getProjectPath,
+  getSourceCodeData,
+  getValueItemId,
+  openSourceCode,
+  parseLocationString
+} from "./chunk-E2CCR3M4.js";
 export {
@@ -35,2 +42,3 @@ DEFAULT_MAIN_VIEW,
   LOCATION_ATTRIBUTE_NAME,
+  LOC_ATTR_REGEX,
   NAN,
@@ -48,3 +56,9 @@ NEGATIVE_INFINITY,
   WINDOW_PROJECTPATH_PROPERTY,
-  getValueItemId
+  dom_element_interface,
+  getLocationAttr,
+  getProjectPath,
+  getSourceCodeData,
+  getValueItemId,
+  openSourceCode,
+  parseLocationString
 };

package.json

 {
   "name": "@solid-devtools/debugger",
-  "version": "0.26.0",
+  "version": "0.27.0",
   "description": "Debugger of the Solid's reactivity graph — a cornerstone of all solid-devtools.",
@@ -53,12 +53,11 @@ "license": "MIT",
     "@nothing-but/utils": "~0.17.0",
-    "@solid-primitives/bounds": "^0.0.122",
-    "@solid-primitives/cursor": "^0.0.115",
-    "@solid-primitives/event-listener": "^2.3.3",
-    "@solid-primitives/keyboard": "^1.2.8",
-    "@solid-primitives/platform": "^0.1.2",
-    "@solid-primitives/rootless": "^1.4.5",
-    "@solid-primitives/scheduled": "^1.4.4",
-    "@solid-primitives/static-store": "^0.0.8",
-    "@solid-primitives/utils": "^6.2.3",
-    "@solid-devtools/shared": "^0.19.0"
+    "@solid-primitives/bounds": "^0.1.0",
+    "@solid-primitives/event-listener": "^2.4.0",
+    "@solid-primitives/keyboard": "^1.3.0",
+    "@solid-primitives/platform": "^0.2.0",
+    "@solid-primitives/rootless": "^1.5.0",
+    "@solid-primitives/scheduled": "^1.5.0",
+    "@solid-primitives/static-store": "^0.1.0",
+    "@solid-primitives/utils": "^6.3.0",
+    "@solid-devtools/shared": "^0.19.1"
   },
@@ -65,0 +64,0 @@ "peerDependencies": {

README.md

@@ -30,3 +30,3 @@ <a href="https://github.com/thetarnav/solid-devtools/tree/main/packages/debugger#readme" target="_blank">
 
-### Module overview
+## Module overview
 
@@ -52,3 +52,3 @@ The debugger is split into four submodules:
 
-import { useDebugger } from '@solid-devtools/debugger/bundled' // or from '@solid-devtools/debugger'
+import {useDebugger} from '@solid-devtools/debugger/bundled' // or from '@solid-devtools/debugger'
 
@@ -58,3 +58,3 @@ const debug = useDebugger()
 
-### Using component locator
+## Using component locator
 
@@ -66,3 +66,3 @@ _Debugger feature inspired by [LocatorJS](https://www.locatorjs.com)_
 ```ts
-import { useDebugger } from '@solid-devtools/debugger' // or 'solid-devtools/setup'
+import {useDebugger} from '@solid-devtools/debugger' // or 'solid-devtools/setup'
 
@@ -75,3 +75,3 @@ const debug = useDebugger()
 
-#### Locator Options
+### Locator Options
 
@@ -82,3 +82,3 @@ Not passing any options will enable the locator with <kbd>Alt</kbd> as the trigger key and no `targetIDE` selected.
 
-##### `targetIDE`
+#### `targetIDE`
 
@@ -120,3 +120,3 @@ Choose in which IDE the component source code should be revealed.
 
-##### `key`
+#### `key`
 
@@ -133,3 +133,3 @@ Holding which key should enable the locator overlay? It's `"Alt"` by default — <kbd>Alt</kbd> on Windows, and <kbd>Option</kbd> or <kbd>⌥</kbd> on macOS.
 
-#### Using the Locator on the page
+### Using the Locator on the page
 
@@ -142,4 +142,31 @@ To activate the Locator module — you have to hold down the <kbd>Alt</kbd>/<kbd>Option</kbd> key and move your mouse around the page to highlight components and their different HTML Elements.
 
+## Supporting custom renderers
+
+By default the debugger assumes you are using `"solid-js/web"` as jsx renderer and that the rendered elements are `HTMLElement`s.
+
+If you are using a custom renderer—such as Three.js, Pixi.js, or Lightning.js—you need to provide the debugger with an `ElementInterface` implementation.
+
+```ts
+import * as debug from '@solid-devtools/debugger/types'
+import {setElementInterface} from '@solid-devtools/debugger/setup' // or 'solid-devtools/setup'
+
+/** ElementInterface implementation for DOM Element */
+let element_interface: debug.ElementInterface<Element> = {
+    isElement:    obj => obj instanceof Element,
+    getElementAt: e => e.target as Element | null,
+    getName:      el => el.localName,
+    getChildren:  el => el.children,
+    getParent:    el => el.parentElement,
+    getRect:      el => el.getBoundingClientRect(),
+    getLocation:  el => {
+        let attr = debug.getLocationAttr(el)
+        return attr && debug.parseLocationString(attr) || null
+    },
+}
+
+setElementInterface(element_interface)
+```
+
 ## Changelog
 
 See [CHANGELOG.md](./CHANGELOG.md).

dist/chunk-R4OAKKPG.js

-// packages/debugger/src/inspector/types.ts
-var INFINITY = "Infinity";
-var NEGATIVE_INFINITY = "NegativeInfinity";
-var NAN = "NaN";
-var UNDEFINED = "undefined";
-var ValueType = /* @__PURE__ */ ((ValueType2) => {
-  ValueType2["Number"] = "number";
-  ValueType2["Boolean"] = "boolean";
-  ValueType2["String"] = "string";
-  ValueType2["Null"] = "null";
-  ValueType2["Symbol"] = "symbol";
-  ValueType2["Array"] = "array";
-  ValueType2["Object"] = "object";
-  ValueType2["Function"] = "function";
-  ValueType2["Getter"] = "getter";
-  ValueType2["Element"] = "element";
-  ValueType2["Instance"] = "instance";
-  ValueType2["Store"] = "store";
-  ValueType2["Unknown"] = "unknown";
-  return ValueType2;
-})(ValueType || {});
-var PropGetterState = /* @__PURE__ */ ((PropGetterState2) => {
-  PropGetterState2["Live"] = "live";
-  PropGetterState2["Stale"] = "stale";
-  return PropGetterState2;
-})(PropGetterState || {});
-var GLOBAL_GET_VALUE = "$SdtGetValue";
-
-// packages/debugger/src/locator/types.ts
-var WINDOW_PROJECTPATH_PROPERTY = "$sdt_projectPath";
-var LOCATION_ATTRIBUTE_NAME = "data-source-loc";
-
-// packages/debugger/src/main/constants.ts
-var DevtoolsMainView = /* @__PURE__ */ ((DevtoolsMainView3) => {
-  DevtoolsMainView3["Structure"] = "structure";
-  return DevtoolsMainView3;
-})(DevtoolsMainView || {});
-var DEFAULT_MAIN_VIEW = "structure" /* Structure */;
-var DebuggerModule = /* @__PURE__ */ ((DebuggerModule3) => {
-  DebuggerModule3["Locator"] = "locator";
-  DebuggerModule3["Structure"] = "structure";
-  DebuggerModule3["Dgraph"] = "dgraph";
-  return DebuggerModule3;
-})(DebuggerModule || {});
-var TreeWalkerMode = /* @__PURE__ */ ((TreeWalkerMode3) => {
-  TreeWalkerMode3["Owners"] = "owners";
-  TreeWalkerMode3["Components"] = "components";
-  TreeWalkerMode3["DOM"] = "dom";
-  return TreeWalkerMode3;
-})(TreeWalkerMode || {});
-var DEFAULT_WALKER_MODE = "components" /* Components */;
-var NodeType = /* @__PURE__ */ ((NodeType3) => {
-  NodeType3["Root"] = "ROOT";
-  NodeType3["Component"] = "COMPONENT";
-  NodeType3["Element"] = "ELEMENT";
-  NodeType3["Effect"] = "EFFECT";
-  NodeType3["Render"] = "RENDER";
-  NodeType3["Memo"] = "MEMO";
-  NodeType3["Computation"] = "COMPUTATION";
-  NodeType3["Refresh"] = "REFRESH";
-  NodeType3["Context"] = "CONTEXT";
-  NodeType3["CatchError"] = "CATCH_ERROR";
-  NodeType3["Signal"] = "SIGNAL";
-  NodeType3["Store"] = "STORE";
-  NodeType3["CustomValue"] = "CUSTOM_VALUE";
-  return NodeType3;
-})(NodeType || {});
-var NODE_TYPE_NAMES = {
-  ["ROOT" /* Root */]: "Root",
-  ["COMPONENT" /* Component */]: "Component",
-  ["ELEMENT" /* Element */]: "Element",
-  ["EFFECT" /* Effect */]: "Effect",
-  ["RENDER" /* Render */]: "Render Effect",
-  ["MEMO" /* Memo */]: "Memo",
-  ["COMPUTATION" /* Computation */]: "Computation",
-  ["REFRESH" /* Refresh */]: "Refresh",
-  ["CONTEXT" /* Context */]: "Context",
-  ["CATCH_ERROR" /* CatchError */]: "CatchError",
-  ["SIGNAL" /* Signal */]: "Signal",
-  ["STORE" /* Store */]: "Store",
-  ["CUSTOM_VALUE" /* CustomValue */]: "Custom Value"
-};
-var ValueItemType = /* @__PURE__ */ ((ValueItemType2) => {
-  ValueItemType2["Signal"] = "signal";
-  ValueItemType2["Prop"] = "prop";
-  ValueItemType2["Value"] = "value";
-  return ValueItemType2;
-})(ValueItemType || {});
-var UNKNOWN = "unknown";
-var OWNER_LOCATION_PROP = "sdtLocation";
-
-// packages/debugger/src/main/types.ts
-var INSPECTED_STATE_NULL = {
-  ownerId: null,
-  signalId: null,
-  treeWalkerOwnerId: null
-};
-var getValueItemId = (type, id) => {
-  if (type === "value" /* Value */) return "value" /* Value */;
-  return `${type}:${id}`;
-};
-
-export {
-  DevtoolsMainView,
-  DEFAULT_MAIN_VIEW,
-  DebuggerModule,
-  TreeWalkerMode,
-  DEFAULT_WALKER_MODE,
-  NodeType,
-  NODE_TYPE_NAMES,
-  ValueItemType,
-  UNKNOWN,
-  OWNER_LOCATION_PROP,
-  INFINITY,
-  NEGATIVE_INFINITY,
-  NAN,
-  UNDEFINED,
-  ValueType,
-  PropGetterState,
-  GLOBAL_GET_VALUE,
-  WINDOW_PROJECTPATH_PROPERTY,
-  LOCATION_ATTRIBUTE_NAME,
-  INSPECTED_STATE_NULL,
-  getValueItemId
-};

dist/dependency/test/collect.test.d.ts

-import '../../setup.ts';
-//# sourceMappingURL=collect.test.d.ts.map

dist/dependency/test/collect.test.d.ts.map

-{"version":3,"file":"collect.test.d.ts","sourceRoot":"","sources":["../../../src/dependency/test/collect.test.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,CAAA"}

dist/inspector/test/index.test.d.ts

-import '../../setup.ts';
-//# sourceMappingURL=index.test.d.ts.map

dist/inspector/test/index.test.d.ts.map

-{"version":3,"file":"index.test.d.ts","sourceRoot":"","sources":["../../../src/inspector/test/index.test.tsx"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,CAAA"}

dist/inspector/test/serialize.test.d.ts

-import '../../setup.ts';
-//# sourceMappingURL=serialize.test.d.ts.map

dist/inspector/test/serialize.test.d.ts.map

-{"version":3,"file":"serialize.test.d.ts","sourceRoot":"","sources":["../../../src/inspector/test/serialize.test.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,CAAA"}

dist/inspector/test/store.test.d.ts

-import '../../setup.ts';
-//# sourceMappingURL=store.test.d.ts.map

dist/inspector/test/store.test.d.ts.map

-{"version":3,"file":"store.test.d.ts","sourceRoot":"","sources":["../../../src/inspector/test/store.test.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,CAAA"}

dist/locator/find-components.d.ts

-import { type NodeID } from '../types.ts';
-export type LocationAttr = `${string}:${number}:${number}`;
-export type LocatorComponent = {
-    id: NodeID;
-    name: string | undefined;
-    element: HTMLElement;
-    location?: LocationAttr | undefined;
-};
-export type TargetIDE = 'vscode' | 'webstorm' | 'atom' | 'vscode-insiders';
-export type SourceLocation = {
-    file: string;
-    line: number;
-    column: number;
-};
-export type SourceCodeData = SourceLocation & {
-    projectPath: string;
-    element: HTMLElement | string | undefined;
-};
-export type TargetURLFunction = (data: SourceCodeData) => string | void;
-export declare const LOC_ATTR_REGEX: RegExp;
-export declare function getLocationAttr(element: Element): LocationAttr | undefined;
-export declare const getProjectPath: () => string | undefined;
-export declare function getSourceCodeData(location: LocationAttr, element: SourceCodeData['element']): SourceCodeData | undefined;
-/**
- * Validates and parses a location string to a {@link SourceLocation} object
- */
-export declare function parseLocationString(location: string): SourceLocation | undefined;
-export declare function openSourceCode(target: TargetIDE | TargetURLFunction, data: SourceCodeData): void;
-//# sourceMappingURL=find-components.d.ts.map

dist/locator/find-components.d.ts.map

-{"version":3,"file":"find-components.d.ts","sourceRoot":"","sources":["../../src/locator/find-components.ts"],"names":[],"mappings":"AACA,OAAO,EAA0B,KAAK,MAAM,EAA8B,MAAM,aAAa,CAAA;AAE7F,MAAM,MAAM,YAAY,GAAG,GAAG,MAAM,IAAI,MAAM,IAAI,MAAM,EAAE,CAAA;AAE1D,MAAM,MAAM,gBAAgB,GAAG;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,GAAG,SAAS,CAAA;IACxB,OAAO,EAAE,WAAW,CAAA;IACpB,QAAQ,CAAC,EAAE,YAAY,GAAG,SAAS,CAAA;CACtC,CAAA;AAED,MAAM,MAAM,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,GAAG,iBAAiB,CAAA;AAE1E,MAAM,MAAM,cAAc,GAAG;IACzB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG,cAAc,GAAG;IAC1C,WAAW,EAAE,MAAM,CAAA;IACnB,OAAO,EAAE,WAAW,GAAG,MAAM,GAAG,SAAS,CAAA;CAC5C,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG,CAAC,IAAI,EAAE,cAAc,KAAK,MAAM,GAAG,IAAI,CAAA;AAMvE,eAAO,MAAM,cAAc,QAAuD,CAAA;AAElF,wBAAgB,eAAe,CAAC,OAAO,EAAE,OAAO,GAAG,YAAY,GAAG,SAAS,CAI1E;AAkBD,eAAO,MAAM,cAAc,QAAO,MAAM,GAAG,SAAyD,CAAA;AAEpG,wBAAgB,iBAAiB,CAC7B,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,cAAc,CAAC,SAAS,CAAC,GACnC,cAAc,GAAG,SAAS,CAM5B;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,MAAM,GAAG,cAAc,GAAG,SAAS,CAUhF;AAED,wBAAgB,cAAc,CAAC,MAAM,EAAE,SAAS,GAAG,iBAAiB,EAAE,IAAI,EAAE,cAAc,GAAG,IAAI,CAGhG"}

dist/locator/test/index.test.d.ts

-export {};
-//# sourceMappingURL=index.test.d.ts.map

dist/locator/test/index.test.d.ts.map

-{"version":3,"file":"index.test.d.ts","sourceRoot":"","sources":["../../../src/locator/test/index.test.ts"],"names":[],"mappings":""}

dist/locator/types.d.ts

-import type { ToDyscriminatedUnion } from '@solid-devtools/shared/utils';
-import type { KbdKey } from '@solid-primitives/keyboard';
-import type { NodeID } from '../main/types.ts';
-import type { TargetIDE, TargetURLFunction } from './find-components.ts';
-export type { LocationAttr, LocatorComponent, SourceLocation, TargetIDE, TargetURLFunction, } from './find-components.ts';
-export type LocatorOptions = {
-    /** Choose in which IDE the component source code should be revealed. */
-    targetIDE?: false | TargetIDE | TargetURLFunction;
-    /**
-     * Holding which key should enable the locator overlay?
-     * @default 'Alt'
-     */
-    key?: false | KbdKey;
-};
-export type HighlightElementPayload = ToDyscriminatedUnion<{
-    node: {
-        id: NodeID;
-    };
-    element: {
-        id: NodeID;
-    };
-}> | null;
-export declare const WINDOW_PROJECTPATH_PROPERTY = "$sdt_projectPath";
-export declare const LOCATION_ATTRIBUTE_NAME = "data-source-loc";
-//# sourceMappingURL=types.d.ts.map

dist/locator/types.d.ts.map

-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/locator/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,8BAA8B,CAAA;AACtE,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,4BAA4B,CAAA;AACtD,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,kBAAkB,CAAA;AAC5C,OAAO,KAAK,EAAC,SAAS,EAAE,iBAAiB,EAAC,MAAM,sBAAsB,CAAA;AAEtE,YAAY,EACR,YAAY,EACZ,gBAAgB,EAChB,cAAc,EACd,SAAS,EACT,iBAAiB,GACpB,MAAM,sBAAsB,CAAA;AAE7B,MAAM,MAAM,cAAc,GAAG;IACzB,wEAAwE;IACxE,SAAS,CAAC,EAAE,KAAK,GAAG,SAAS,GAAG,iBAAiB,CAAA;IACjD;;;OAGG;IACH,GAAG,CAAC,EAAE,KAAK,GAAG,MAAM,CAAA;CACvB,CAAA;AAED,MAAM,MAAM,uBAAuB,GAAG,oBAAoB,CAAC;IACvD,IAAI,EAAE;QAAC,EAAE,EAAE,MAAM,CAAA;KAAC,CAAA;IAClB,OAAO,EAAE;QAAC,EAAE,EAAE,MAAM,CAAA;KAAC,CAAA;CACxB,CAAC,GAAG,IAAI,CAAA;AAGT,eAAO,MAAM,2BAA2B,qBAAqB,CAAA;AAC7D,eAAO,MAAM,uBAAuB,oBAAoB,CAAA"}

dist/main/component-registry.d.ts

-import { type NodeID, type Solid } from './types.ts';
-export type ComponentRegisterHandler = typeof registerComponent;
-export declare function registerComponent(data: {
-    owner: Solid.Component;
-    id: NodeID;
-    name: string | undefined;
-    elements: HTMLElement[] | null;
-} | {
-    componentId: NodeID;
-    elementId: NodeID;
-    element: HTMLElement;
-}): void;
-export declare function clearComponentRegistry(): void;
-export declare function getComponent(id: NodeID): {
-    name: string | undefined;
-    id: NodeID;
-    elements: HTMLElement[];
-} | null;
-/**
- * Searches for an HTML element with the given id in the component with the given id.
- *
- * It is assumed that the element is a child of the component.
- *
- * Used only in the DOM walker mode.
- */
-export declare function getComponentElement(elementId: NodeID): {
-    name: string | undefined;
-    id: NodeID;
-    element: HTMLElement;
-} | undefined;
-export declare function findComponent(el: HTMLElement): {
-    name: string;
-    id: NodeID;
-} | null;
-//# sourceMappingURL=component-registry.d.ts.map

dist/main/component-registry.d.ts.map

-{"version":3,"file":"component-registry.d.ts","sourceRoot":"","sources":["../../src/main/component-registry.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,MAAM,EAAE,KAAK,KAAK,EAAC,MAAM,YAAY,CAAA;AA4BlD,MAAM,MAAM,wBAAwB,GAAG,OAAO,iBAAiB,CAAA;AAG/D,wBAAgB,iBAAiB,CAC7B,IAAI,EACE;IACI,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,GAAG,SAAS,CAAA;IACxB,QAAQ,EAAE,WAAW,EAAE,GAAG,IAAI,CAAA;CACjC,GACD;IACI,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,WAAW,CAAA;CACvB,GACR,IAAI,CAkCN;AAED,wBAAgB,sBAAsB,SAIrC;AAED,wBAAgB,YAAY,CACxB,EAAE,EAAE,MAAM,GACX;IAAC,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,WAAW,EAAE,CAAA;CAAC,GAAG,IAAI,CAWxE;AAED;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CAC/B,SAAS,EAAE,MAAM,GAClB;IAAC,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,WAAW,CAAA;CAAC,GAAG,SAAS,CAG1E;AAGD,wBAAgB,aAAa,CAAC,EAAE,EAAE,WAAW,GAAG;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAC,GAAG,IAAI,CA8BhF"}

dist/main/constants.d.ts

-/**
- * Main modules and views of the devtools. Used for "routing".
- */
-export declare enum DevtoolsMainView {
-    Structure = "structure"
-}
-export declare const DEFAULT_MAIN_VIEW = DevtoolsMainView.Structure;
-export declare enum DebuggerModule {
-    Locator = "locator",
-    Structure = "structure",
-    Dgraph = "dgraph"
-}
-export declare enum TreeWalkerMode {
-    Owners = "owners",
-    Components = "components",
-    DOM = "dom"
-}
-export declare const DEFAULT_WALKER_MODE = TreeWalkerMode.Components;
-export declare enum NodeType {
-    Root = "ROOT",
-    Component = "COMPONENT",
-    Element = "ELEMENT",
-    Effect = "EFFECT",
-    Render = "RENDER",
-    Memo = "MEMO",
-    Computation = "COMPUTATION",
-    Refresh = "REFRESH",
-    Context = "CONTEXT",
-    CatchError = "CATCH_ERROR",
-    Signal = "SIGNAL",
-    Store = "STORE",
-    CustomValue = "CUSTOM_VALUE"
-}
-export declare const NODE_TYPE_NAMES: Readonly<Record<NodeType, string>>;
-export declare enum ValueItemType {
-    Signal = "signal",
-    Prop = "prop",
-    Value = "value"
-}
-export declare const UNKNOWN = "unknown";
-export declare const OWNER_LOCATION_PROP = "sdtLocation";
-//# sourceMappingURL=constants.d.ts.map

dist/main/constants.d.ts.map

-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/main/constants.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,oBAAY,gBAAgB;IACxB,SAAS,cAAc;CAC1B;AACD,eAAO,MAAM,iBAAiB,6BAA6B,CAAA;AAE3D,oBAAY,cAAc;IACtB,OAAO,YAAY;IACnB,SAAS,cAAc;IACvB,MAAM,WAAW;CACpB;AAED,oBAAY,cAAc;IACtB,MAAM,WAAW;IACjB,UAAU,eAAe;IACzB,GAAG,QAAQ;CACd;AACD,eAAO,MAAM,mBAAmB,4BAA4B,CAAA;AAE5D,oBAAY,QAAQ;IAChB,IAAI,SAAgB;IACpB,SAAS,cAAgB;IACzB,OAAO,YAAgB;IACvB,MAAM,WAAgB;IACtB,MAAM,WAAgB;IACtB,IAAI,SAAgB;IACpB,WAAW,gBAAgB;IAC3B,OAAO,YAAgB;IACvB,OAAO,YAAgB;IACvB,UAAU,gBAAiB;IAC3B,MAAM,WAAgB;IACtB,KAAK,UAAgB;IACrB,WAAW,iBAAiB;CAC/B;AAED,eAAO,MAAM,eAAe,EAAE,QAAQ,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,CAc9D,CAAA;AAED,oBAAY,aAAa;IACrB,MAAM,WAAW;IACjB,IAAI,SAAW;IACf,KAAK,UAAW;CACnB;AAED,eAAO,MAAM,OAAO,YAAY,CAAA;AAEhC,eAAO,MAAM,mBAAmB,gBAAgB,CAAA"}

dist/main/get-id.d.ts

-import { type NodeID } from '../types.ts';
-export declare const getNewSdtId: () => NodeID;
-//# sourceMappingURL=get-id.d.ts.map

dist/main/get-id.d.ts.map

-{"version":3,"file":"get-id.d.ts","sourceRoot":"","sources":["../../src/main/get-id.ts"],"names":[],"mappings":"AAIA,OAAO,EAAC,KAAK,MAAM,EAAC,MAAM,aAAa,CAAA;AAGvC,eAAO,MAAM,WAAW,QAAO,MAAuC,CAAA"}

dist/main/test/update.test.d.ts

-import '../../setup.ts';
-//# sourceMappingURL=update.test.d.ts.map

dist/main/test/update.test.d.ts.map

-{"version":3,"file":"update.test.d.ts","sourceRoot":"","sources":["../../../src/main/test/update.test.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,CAAA"}

dist/main/test/utils.test.d.ts

-import '../../setup.ts';
-//# sourceMappingURL=utils.test.d.ts.map

dist/main/test/utils.test.d.ts.map

-{"version":3,"file":"utils.test.d.ts","sourceRoot":"","sources":["../../../src/main/test/utils.test.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,CAAA"}

dist/structure/test/walker.test.d.ts

-import '../../setup.ts';
-//# sourceMappingURL=walker.test.d.ts.map

dist/structure/test/walker.test.d.ts.map

-{"version":3,"file":"walker.test.d.ts","sourceRoot":"","sources":["../../../src/structure/test/walker.test.tsx"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,CAAA"}

New alerts

URL strings

Supply chain risk

Package contains fragments of external URLs or IP addresses, which the package may be accessing at runtime.

Fixed alerts

URL strings

Supply chain risk

Package contains fragments of external URLs or IP addresses, which the package may be accessing at runtime.

Improved metrics

Total package byte prevSize

253672

1.89%

Dependency count

11

-8.33%

Lines of code

6384

0.88%

Number of lines in readme file

164

19.71%

Worsened metrics

Number of package files

68

-10.53%

Dependency changes

• + Added

  @solid-primitives/bounds@0.1.6
  (transitive)

• + Added

  @solid-primitives/platform@0.2.1
  (transitive)

• - Removed

  @solid-primitives/cursor@^0.0.115

• - Removed

  @solid-primitives/bounds@0.0.122
  (transitive)

• - Removed

  @solid-primitives/cursor@0.0.115
  (transitive)

• - Removed

  @solid-primitives/platform@0.1.2
  (transitive)

• - Removed

  @solid-primitives/static-store@0.0.8
  (transitive)

• Updated

  @solid-devtools/shared@^0.19.1

• Updated

  @solid-primitives/bounds@^0.1.0

• Updated

  @solid-primitives/event-listener@^2.4.0

• Updated

  @solid-primitives/keyboard@^1.3.0

• Updated

  @solid-primitives/platform@^0.2.0

• Updated

  @solid-primitives/rootless@^1.5.0

• Updated

  @solid-primitives/scheduled@^1.5.0

• Updated

  @solid-primitives/static-store@^0.1.0

• Updated

  @solid-primitives/utils@^6.3.0