@solid-devtools/debugger - npm Package Compare versions

Comparing version 0.24.5 to 0.25.0

dist/chunk-PZ4NZVSR.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__ */ ((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__ */ ((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"] = "catchError";
+  NodeType3["Signal"] = "signal";
+  NodeType3["Store"] = "store";
+  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",
+  ["catchError" /* CatchError */]: "CatchError",
+  ["signal" /* Signal */]: "Signal",
+  ["store" /* Store */]: "Store"
+};
+var ValueItemType = /* @__PURE__ */ ((ValueItemType2) => {
+  ValueItemType2["Signal"] = "signal";
+  ValueItemType2["Prop"] = "prop";
+  ValueItemType2["Value"] = "value";
+  return ValueItemType2;
+})(ValueItemType || {});
+var UNKNOWN = "unknown";
+
+// packages/debugger/src/main/types.ts
+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,
+  INFINITY,
+  NEGATIVE_INFINITY,
+  NAN,
+  UNDEFINED,
+  ValueType,
+  PropGetterState,
+  GLOBAL_GET_VALUE,
+  WINDOW_PROJECTPATH_PROPERTY,
+  LOCATION_ATTRIBUTE_NAME,
+  getValueItemId
+};

dist/dependency/index.d.ts

@@ -1,16 +0,16 @@
-import { type EmitterEmit, type Listen } from '@solid-primitives/event-bus';
-import { type Accessor } from 'solid-js';
-import type { Debugger } from '../main/index.ts';
+import * as s from 'solid-js';
 import { DevtoolsMainView } from '../main/constants.ts';
 import { type NodeID } from '../main/types.ts';
 import { type SerializedDGraph } from './collect.ts';
+import { type OutputEmit, type InspectedState } from '../main/index.ts';
 export { type SerializedDGraph } from './collect.ts';
 export type DGraphUpdate = SerializedDGraph.Graph | null;
 export declare function createDependencyGraph(props: {
-    emit: EmitterEmit<Debugger.OutputChannels>;
-    enabled: Accessor<boolean>;
-    inspectedState: Accessor<Debugger.InspectedState>;
-    listenToViewChange: Listen<DevtoolsMainView>;
+    enabled: s.Accessor<boolean>;
+    inspectedState: s.Accessor<InspectedState>;
     onNodeUpdate: (nodeId: NodeID) => void;
-}): void;
+    emit: OutputEmit;
+}): {
+    onViewChange(_: DevtoolsMainView): void;
+};
 //# sourceMappingURL=index.d.ts.map

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,EAAC,KAAK,WAAW,EAAE,KAAK,MAAM,EAAC,MAAM,6BAA6B,CAAA;AAGzE,OAAO,EAAC,KAAK,QAAQ,EAA2B,MAAM,UAAU,CAAA;AAChE,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAC,gBAAgB,EAAW,MAAM,sBAAsB,CAAA;AAE/D,OAAO,EAAC,KAAK,MAAM,EAAa,MAAM,kBAAkB,CAAA;AAExD,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,IAAI,EAAE,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAA;IAC1C,OAAO,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAA;IAC1B,cAAc,EAAE,QAAQ,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAA;IACjD,kBAAkB,EAAE,MAAM,CAAC,gBAAgB,CAAC,CAAA;IAC5C,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;CACzC,QA4DA"}
+{"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,MAAM,EAAa,MAAM,kBAAkB,CAAA;AAExD,OAAO,EAAoB,KAAK,gBAAgB,EAAyB,MAAM,cAAc,CAAA;AAC7F,OAAO,EAAC,KAAK,UAAU,EAAE,KAAK,cAAc,EAAC,MAAM,kBAAkB,CAAA;AAErE,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"}

dist/index.d.ts

@@ -1,2 +0,2 @@
-export { useDebugger, useLocator } from './main/index.ts';
+export { useDebugger } from './main/index.ts';
 export { addSolidUpdateListener, interceptComputationRerun, makeValueUpdateListener, observeValueUpdate, removeValueUpdateObserver, } from './main/observe.ts';
@@ -3,0 +3,0 @@ export { attachDebugger, unobserveAllRoots } from './main/roots.ts';

dist/index.d.ts.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAE,UAAU,EAAC,MAAM,iBAAiB,CAAA;AACvD,OAAO,EACH,sBAAsB,EACtB,yBAAyB,EACzB,uBAAuB,EACvB,kBAAkB,EAClB,yBAAyB,GAC5B,MAAM,mBAAmB,CAAA;AAC1B,OAAO,EAAC,cAAc,EAAE,iBAAiB,EAAC,MAAM,iBAAiB,CAAA;AACjE,OAAO,EACH,WAAW,EACX,WAAW,EACX,YAAY,EACZ,kBAAkB,EAClB,WAAW,EACX,YAAY,EACZ,WAAW,EACX,aAAa,EACb,YAAY,EACZ,WAAW,EACX,cAAc,EACd,eAAe,GAClB,MAAM,iBAAiB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,iBAAiB,CAAA;AAC3C,OAAO,EACH,sBAAsB,EACtB,yBAAyB,EACzB,uBAAuB,EACvB,kBAAkB,EAClB,yBAAyB,GAC5B,MAAM,mBAAmB,CAAA;AAC1B,OAAO,EAAC,cAAc,EAAE,iBAAiB,EAAC,MAAM,iBAAiB,CAAA;AACjE,OAAO,EACH,WAAW,EACX,WAAW,EACX,YAAY,EACZ,kBAAkB,EAClB,WAAW,EACX,YAAY,EACZ,WAAW,EACX,aAAa,EACb,YAAY,EACZ,WAAW,EACX,cAAc,EACd,eAAe,GAClB,MAAM,iBAAiB,CAAA"}

dist/index.js

 import {
   DEFAULT_MAIN_VIEW,
   DEFAULT_WALKER_MODE,
+  GLOBAL_GET_VALUE,
   INFINITY,
@@ -10,16 +11,15 @@ LOCATION_ATTRIBUTE_NAME,
   WINDOW_PROJECTPATH_PROPERTY
-} from "./chunk-GZ63F2ZF.js";
+} from "./chunk-PZ4NZVSR.js";
 
 // packages/debugger/src/main/index.ts
-import { createEventBus, createGlobalEmitter } from "@solid-primitives/event-bus";
 import { createStaticStore } from "@solid-primitives/static-store";
 import { defer as defer3 } from "@solid-primitives/utils";
-import * as s from "solid-js";
-import "@solid-devtools/shared/utils";
+import * as s3 from "solid-js";
+import { msg as msg4, mutate_remove } from "@solid-devtools/shared/utils";
 
 // packages/debugger/src/dependency/index.ts
-import "@solid-primitives/event-bus";
+import * as s from "solid-js";
 import { throttle } from "@solid-primitives/scheduled";
 import { defer } from "@solid-primitives/utils";
-import { createEffect, createMemo } from "solid-js";
+import { msg } from "@solid-devtools/shared/utils";
 
@@ -558,3 +558,3 @@ // packages/debugger/src/main/get-id.ts
   };
-  const inspectedNode = createMemo(() => {
+  const inspectedNode = s.createMemo(() => {
     const state = props.inspectedState();
@@ -574,3 +574,3 @@ if (state.signalId) {
       clearListeners = null;
-      props.emit("DgraphUpdate", null);
+      props.emit(msg("DgraphUpdate", null));
       return;
@@ -582,6 +582,6 @@ }
     clearListeners = dgraph.clearListeners;
-    props.emit("DgraphUpdate", dgraph.graph);
+    props.emit(msg("DgraphUpdate", dgraph.graph));
   }
   const triggerInspect = throttle(inspectDGraph, 200);
-  createEffect(
+  s.createEffect(
     defer([props.enabled, inspectedNode], () => {
@@ -591,10 +591,11 @@ queueMicrotask(inspectDGraph);
   );
-  props.listenToViewChange(() => {
-    inspectDGraph();
-  });
+  return {
+    onViewChange(_) {
+      inspectDGraph();
+    }
+  };
 }
 
 // packages/debugger/src/inspector/index.ts
-import { warn as warn3 } from "@solid-devtools/shared/utils";
-import "@solid-primitives/event-bus";
+import { msg as msg3, warn as warn3 } from "@solid-devtools/shared/utils";
 import { scheduleIdle as scheduleIdle2, throttle as throttle2 } from "@solid-primitives/scheduled";
@@ -608,17 +609,9 @@ import { createEffect as createEffect3, onCleanup as onCleanup3 } from "solid-js";
 // packages/debugger/src/locator/index.ts
-import { makeHoverElementListener } from "@solid-devtools/shared/primitives";
-import { warn as warn2 } from "@solid-devtools/shared/utils";
-import "@solid-primitives/event-bus";
+import * as s2 from "solid-js";
+import { defer as defer2 } from "@solid-primitives/utils";
 import { makeEventListener } from "@solid-primitives/event-listener";
 import { createKeyHold } from "@solid-primitives/keyboard";
 import { scheduleIdle } from "@solid-primitives/scheduled";
-import { defer as defer2 } from "@solid-primitives/utils";
-import {
-  createEffect as createEffect2,
-  createMemo as createMemo3,
-  createSignal,
-  getOwner as getOwner2,
-  onCleanup as onCleanup2,
-  runWithOwner as runWithOwner2
-} from "solid-js";
+import { makeHoverElementListener } from "@solid-devtools/shared/primitives";
+import { msg as msg2, warn as warn2 } from "@solid-devtools/shared/utils";
 
@@ -817,7 +810,7 @@ // packages/debugger/src/locator/element-overlay.tsx
 function createLocator(props) {
-  const [enabledByPressingSignal, setEnabledByPressingSignal] = createSignal(() => false);
-  props.setLocatorEnabledSignal(createMemo3(() => enabledByPressingSignal()()));
-  const [hoverTarget, setHoverTarget] = createSignal(null);
-  const [devtoolsTarget, setDevtoolsTarget] = createSignal(null);
-  const [highlightedComponents, setHighlightedComponents] = createSignal([]);
+  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) => {
@@ -850,3 +843,3 @@ if (!target) return [];
   };
-  createEffect2(
+  s2.createEffect(
     defer2(
@@ -860,9 +853,11 @@ () => hoverTarget() ?? devtoolsTarget(),
   createElementsOverlay(highlightedComponents);
-  createEffect2((prev) => {
+  s2.createEffect((prev) => {
     const target = hoverTarget();
     const comp = target && findComponent(target);
-    if (prev) props.emit("HoveredComponent", { nodeId: prev, state: false });
+    if (prev) {
+      props.emit(msg2("HoveredComponent", { nodeId: prev, state: false }));
+    }
     if (comp) {
       const { id } = comp;
-      props.emit("HoveredComponent", { nodeId: id, state: true });
+      props.emit(msg2("HoveredComponent", { nodeId: id, state: true }));
       return id;
@@ -872,6 +867,6 @@ }
   let targetIDE;
-  createEffect2(() => {
+  s2.createEffect(() => {
     if (!props.locatorEnabled()) return;
     makeHoverElementListener((el) => setHoverTarget(el));
-    onCleanup2(() => setHoverTarget(null));
+    s2.onCleanup(() => setHoverTarget(null));
     makeEventListener(
@@ -898,5 +893,5 @@ window,
   let locatorUsed = false;
-  const owner = getOwner2();
-  function useLocator2(options) {
-    runWithOwner2(owner, () => {
+  const owner = s2.getOwner();
+  function useLocator(options) {
+    s2.runWithOwner(owner, () => {
       if (locatorUsed) return warn2("useLocator can be called only once.");
@@ -913,6 +908,6 @@ locatorUsed = true;
   if (locator_options) {
-    useLocator2(locator_options);
+    useLocator(locator_options);
   }
   return {
-    useLocator: useLocator2,
+    useLocator,
     setDevtoolsHighlightTarget(target) {
@@ -1341,2 +1336,6 @@ setDevtoolsTarget(target);
   let checkProxyProps;
+  function getValue(id) {
+    return valueMap.get(id)?.getValue?.();
+  }
+  window[GLOBAL_GET_VALUE] = getValue;
   const { pushPropState, pushValueUpdate, pushInspectToggle, triggerPropsCheck, clearUpdates } = (() => {
@@ -1382,3 +1381,5 @@ const valueUpdates = /* @__PURE__ */ new Map();
       }
-      batchedUpdates.length && props.emit("InspectorUpdate", batchedUpdates);
+      if (batchedUpdates.length) {
+        props.emit(msg3("InspectorUpdate", batchedUpdates));
+      }
     });
@@ -1437,3 +1438,3 @@ const flushPropsCheck = throttle2(flush, 200);
         });
-        props.emit("InspectedNodeDetails", result.details);
+        props.emit(msg3("InspectedNodeDetails", result.details));
         valueMap = result.valueMap;
@@ -1461,2 +1462,5 @@ lastDetails = result.details;
       pushInspectToggle(id, selected);
+    },
+    consoleLogValue(value_id) {
+      console.log(getValue(value_id));
     }
@@ -1467,3 +1471,2 @@ };
 // packages/debugger/src/structure/index.ts
-import "@solid-primitives/event-bus";
 import { throttle as throttle3 } from "@solid-primitives/scheduled";
@@ -1694,7 +1697,2 @@
   });
-  props.listenToViewChange((view) => {
-    if (view === "structure" /* Structure */) {
-      updateAllRoots();
-    }
-  });
   function updateAllRoots() {
@@ -1720,2 +1718,7 @@ shouldUpdateAllRoots = true;
       return getClosestIncludedOwner(owner, treeWalkerMode);
+    },
+    onViewChange(view) {
+      if (view === "structure" /* Structure */) {
+        updateAllRoots();
+      }
     }
@@ -1726,174 +1729,189 @@ };
 // packages/debugger/src/main/index.ts
-var hub = {
-  output: createGlobalEmitter(),
-  input: createGlobalEmitter()
-};
-var [modules, toggleModules] = createStaticStore({
-  debugger: false,
-  locator: false,
-  dgraph: false,
-  locatorKeyPressSignal: () => false
-});
-var debuggerEnabled = s.createMemo(() => modules.debugger || modules.locatorKeyPressSignal());
-var dgraphEnabled = s.createMemo(() => modules.dgraph && debuggerEnabled());
-var locatorEnabled = s.createMemo(
-  () => (modules.locatorKeyPressSignal() || modules.locator) && debuggerEnabled()
-);
-s.createEffect(
-  defer3(debuggerEnabled, (enabled) => {
-    hub.output.emit("DebuggerEnabled", enabled);
-  })
-);
-var currentView = DEFAULT_MAIN_VIEW;
-var viewChange = createEventBus();
-function setView(view) {
-  s.batch(() => {
-    viewChange.emit(currentView = view);
+function createDebugger() {
+  const _output_listeners = [];
+  function listen(listener) {
+    _output_listeners.push(listener);
+    return () => mutate_remove(_output_listeners, listener);
+  }
+  function emitOutput(e) {
+    for (let fn of _output_listeners) fn(e);
+  }
+  const [modules, toggleModules] = createStaticStore({
+    debugger: false,
+    locator: false,
+    dgraph: false,
+    locatorKeyPressSignal: () => false
   });
-}
-function toggleModule(data) {
-  switch (data.module) {
-    case "structure" /* Structure */:
-      break;
-    case "dgraph" /* Dgraph */:
-      toggleModules("dgraph", data.enabled);
-      break;
-    case "locator" /* Locator */:
-      toggleModules("locator", data.enabled);
-      break;
+  const debuggerEnabled = s3.createMemo(
+    () => modules.debugger || modules.locatorKeyPressSignal()
+  );
+  const dgraphEnabled = s3.createMemo(
+    () => modules.dgraph && debuggerEnabled()
+  );
+  const locatorEnabled = s3.createMemo(
+    () => (modules.locatorKeyPressSignal() || modules.locator) && debuggerEnabled()
+  );
+  s3.createEffect(defer3(debuggerEnabled, (enabled) => {
+    emitOutput(msg4("DebuggerEnabled", enabled));
+  }));
+  let currentView = DEFAULT_MAIN_VIEW;
+  function toggleModule(data) {
+    switch (data.module) {
+      case "structure" /* Structure */:
+        break;
+      case "dgraph" /* Dgraph */:
+        toggleModules("dgraph", data.enabled);
+        break;
+      case "locator" /* Locator */:
+        toggleModules("locator", data.enabled);
+        break;
+    }
   }
-}
-var INITIAL_INSPECTED_STATE = {
-  ownerId: null,
-  signalId: null,
-  treeWalkerOwnerId: null
-};
-var [inspectedState, setInspectedState] = s.createSignal(INITIAL_INSPECTED_STATE, { equals: false });
-var inspectedOwnerId = s.createMemo(() => inspectedState().ownerId);
-s.createEffect(() => hub.output.emit("InspectedState", inspectedState()));
-function getTreeWalkerOwnerId(ownerId) {
-  const owner = ownerId && getObjectById(ownerId, "owner" /* Owner */);
-  const treeWalkerOwner = owner && structure.getClosestIncludedOwner(owner);
-  return treeWalkerOwner ? getSdtId(treeWalkerOwner, "owner" /* Owner */) : null;
-}
-function updateInspectedNode() {
-  setInspectedState((p) => ({
-    ...p,
-    treeWalkerOwnerId: getTreeWalkerOwnerId(p.treeWalkerOwnerId)
-  }));
-}
-function resetInspectedNode() {
-  setInspectedState(INITIAL_INSPECTED_STATE);
-}
-function setInspectedNode(data) {
-  let { ownerId, signalId } = data ?? { ownerId: null, signalId: null };
-  if (ownerId && !getObjectById(ownerId, "owner" /* Owner */)) ownerId = null;
-  if (signalId && !getObjectById(signalId, "signal" /* Signal */)) signalId = null;
-  setInspectedState({
-    ownerId,
-    signalId,
-    treeWalkerOwnerId: getTreeWalkerOwnerId(ownerId)
+  const INITIAL_INSPECTED_STATE = {
+    ownerId: null,
+    signalId: null,
+    treeWalkerOwnerId: null
+  };
+  const [inspectedState, setInspectedState] = s3.createSignal(INITIAL_INSPECTED_STATE, { equals: false });
+  const inspectedOwnerId = s3.createMemo(() => inspectedState().ownerId);
+  s3.createEffect(() => {
+    emitOutput(msg4("InspectedState", inspectedState()));
   });
-}
-s.createComputed(
-  defer3(debuggerEnabled, (enabled) => {
-    if (!enabled) resetInspectedNode();
-  })
-);
-var node_updates_ids = [];
-var node_updates_timeout = 0;
-function pushNodeUpdate(id) {
-  node_updates_ids.push(id);
-  if (node_updates_timeout === 0) {
-    node_updates_timeout = window.setTimeout(() => {
-      hub.output.emit("NodeUpdates", node_updates_ids);
-      node_updates_ids = [];
-      node_updates_timeout = 0;
+  function getTreeWalkerOwnerId(ownerId) {
+    const owner = ownerId && getObjectById(ownerId, "owner" /* Owner */);
+    const treeWalkerOwner = owner && structure.getClosestIncludedOwner(owner);
+    return treeWalkerOwner ? getSdtId(treeWalkerOwner, "owner" /* Owner */) : null;
+  }
+  function updateInspectedNode() {
+    setInspectedState((p) => ({
+      ...p,
+      treeWalkerOwnerId: getTreeWalkerOwnerId(p.treeWalkerOwnerId)
+    }));
+  }
+  function resetInspectedNode() {
+    setInspectedState(INITIAL_INSPECTED_STATE);
+  }
+  function setInspectedNode(data) {
+    let { ownerId, signalId } = data ?? { ownerId: null, signalId: null };
+    if (ownerId && !getObjectById(ownerId, "owner" /* Owner */)) ownerId = null;
+    if (signalId && !getObjectById(signalId, "signal" /* Signal */)) signalId = null;
+    setInspectedState({
+      ownerId,
+      signalId,
+      treeWalkerOwnerId: getTreeWalkerOwnerId(ownerId)
     });
   }
-}
-var structure = createStructure({
-  onStructureUpdate(updates) {
-    hub.output.emit("StructureUpdates", updates);
-    updateInspectedNode();
-  },
-  onNodeUpdate: pushNodeUpdate,
-  enabled: debuggerEnabled,
-  listenToViewChange: viewChange.listen
-});
-var inspector = createInspector({
-  emit: hub.output.emit,
-  enabled: debuggerEnabled,
-  inspectedOwnerId,
-  resetInspectedNode
-});
-createDependencyGraph({
-  emit: hub.output.emit,
-  enabled: dgraphEnabled,
-  listenToViewChange: viewChange.listen,
-  onNodeUpdate: pushNodeUpdate,
-  inspectedState
-});
-var locator = createLocator({
-  emit: hub.output.emit,
-  locatorEnabled,
-  setLocatorEnabledSignal: (signal) => toggleModules("locatorKeyPressSignal", () => signal),
-  onComponentClick(componentId, next) {
-    modules.debugger ? hub.output.emit("InspectedComponent", componentId) : next();
-  }
-});
-function openInspectedNodeLocation() {
-  const details = inspector.getLastDetails();
-  details?.location && locator.openElementSourceCode(details.location, details.name);
-}
-s.createEffect(
-  defer3(modules.locatorKeyPressSignal, (state) => hub.output.emit("LocatorModeChange", state))
-);
-hub.input.listen((e) => {
-  switch (e.name) {
-    case "ResetState": {
-      s.batch(() => {
-        resetInspectedNode();
-        currentView = DEFAULT_MAIN_VIEW;
-        structure.resetTreeWalkerMode();
-        locator.setDevtoolsHighlightTarget(null);
+  s3.createComputed(
+    defer3(debuggerEnabled, (enabled) => {
+      if (!enabled) resetInspectedNode();
+    })
+  );
+  let node_updates_ids = [];
+  let node_updates_timeout = 0;
+  function pushNodeUpdate(id) {
+    node_updates_ids.push(id);
+    if (node_updates_timeout === 0) {
+      node_updates_timeout = window.setTimeout(() => {
+        emitOutput(msg4("NodeUpdates", node_updates_ids));
+        node_updates_ids = [];
+        node_updates_timeout = 0;
       });
-      break;
     }
-    case "HighlightElementChange":
-      locator.setDevtoolsHighlightTarget(e.details);
-      break;
-    case "InspectNode":
-      setInspectedNode(e.details);
-      break;
-    case "InspectValue":
-      inspector.toggleValueNode(e.details);
-      break;
-    case "OpenLocation":
-      openInspectedNodeLocation();
-      break;
-    case "TreeViewModeChange":
-      structure.setTreeWalkerMode(e.details);
-      break;
-    case "ViewChange":
-      setView(e.details);
-      break;
-    case "ToggleModule":
-      toggleModule(e.details);
-      break;
   }
-});
-function useDebugger() {
-  return {
-    meta: {
-      versions: setup_default.versions
+  const structure = createStructure({
+    onStructureUpdate(updates) {
+      emitOutput(msg4("StructureUpdates", updates));
+      updateInspectedNode();
     },
+    onNodeUpdate: pushNodeUpdate,
+    enabled: debuggerEnabled
+  });
+  const inspector = createInspector({
     enabled: debuggerEnabled,
-    toggleEnabled: (enabled) => void toggleModules("debugger", enabled),
-    on: hub.output.on,
-    listen: hub.output.listen,
-    emit: hub.input.emit
+    inspectedOwnerId,
+    resetInspectedNode,
+    emit: emitOutput
+  });
+  const dgraph = createDependencyGraph({
+    enabled: dgraphEnabled,
+    onNodeUpdate: pushNodeUpdate,
+    inspectedState,
+    emit: emitOutput
+  });
+  const locator = createLocator({
+    locatorEnabled,
+    setLocatorEnabledSignal(signal) {
+      toggleModules("locatorKeyPressSignal", () => signal);
+    },
+    onComponentClick(componentId, next) {
+      if (modules.debugger) {
+        emitOutput(msg4("InspectedComponent", componentId));
+      } else {
+        next();
+      }
+    },
+    emit: emitOutput
+  });
+  function openInspectedNodeLocation() {
+    const details = inspector.getLastDetails();
+    details?.location && locator.openElementSourceCode(details.location, details.name);
+  }
+  s3.createEffect(defer3(modules.locatorKeyPressSignal, (state) => {
+    emitOutput(msg4("LocatorModeChange", state));
+  }));
+  function emitInput(e) {
+    switch (e.kind) {
+      case "ResetState": {
+        s3.batch(() => {
+          resetInspectedNode();
+          currentView = DEFAULT_MAIN_VIEW;
+          structure.resetTreeWalkerMode();
+          locator.setDevtoolsHighlightTarget(null);
+        });
+        break;
+      }
+      case "HighlightElementChange":
+        locator.setDevtoolsHighlightTarget(e.data);
+        break;
+      case "InspectNode":
+        setInspectedNode(e.data);
+        break;
+      case "InspectValue":
+        inspector.toggleValueNode(e.data);
+        break;
+      case "ConsoleInspectValue":
+        inspector.consoleLogValue(e.data);
+        break;
+      case "OpenLocation":
+        openInspectedNodeLocation();
+        break;
+      case "TreeViewModeChange":
+        structure.setTreeWalkerMode(e.data);
+        break;
+      case "ViewChange":
+        currentView = e.data;
+        structure.onViewChange(currentView);
+        dgraph.onViewChange(currentView);
+        break;
+      case "ToggleModule":
+        toggleModule(e.data);
+        break;
+    }
+  }
+  return {
+    versions: setup_default.versions,
+    enabled: debuggerEnabled,
+    listen,
+    emit: emitInput,
+    setLocatorOptions: locator.useLocator,
+    toggleEnabled(enabled) {
+      toggleModules("debugger", enabled);
+    }
   };
 }
-var useLocator = locator.useLocator;
+var _debugger_instance;
+function useDebugger() {
+  _debugger_instance ??= createDebugger();
+  return _debugger_instance;
+}
 export {
@@ -1919,4 +1937,3 @@ addSolidUpdateListener,
   unobserveAllRoots,
-  useDebugger,
-  useLocator
+  useDebugger
 };

dist/inspector/index.d.ts

@@ -1,4 +0,3 @@
-import { type EmitterEmit } from '@solid-primitives/event-bus';
 import { type Accessor } from 'solid-js';
-import type { Debugger } from '../main/index.ts';
+import { type OutputEmit } from '../main/index.ts';
 import { type Mapped, type NodeID, type ValueItemID } from '../main/types.ts';
@@ -15,9 +14,10 @@ export * from './types.ts';
     inspectedOwnerId: Accessor<NodeID | null>;
-    emit: EmitterEmit<Debugger.OutputChannels>;
     enabled: Accessor<boolean>;
     resetInspectedNode: VoidFunction;
+    emit: OutputEmit;
 }): {
     getLastDetails: () => Mapped.OwnerDetails | undefined;
     toggleValueNode({ id, selected }: ToggleInspectedValueData): void;
+    consoleLogValue(value_id: ValueItemID): void;
 };
 //# sourceMappingURL=index.d.ts.map

dist/inspector/index.d.ts.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/inspector/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,KAAK,WAAW,EAAC,MAAM,6BAA6B,CAAA;AAE5D,OAAO,EAAC,KAAK,QAAQ,EAA0B,MAAM,UAAU,CAAA;AAC/D,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAG9C,OAAO,EAAC,KAAK,MAAM,EAAE,KAAK,MAAM,EAAc,KAAK,WAAW,EAAC,MAAM,kBAAkB,CAAA;AAOvF,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,gBAAgB,EAAE,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC,CAAA;IACzC,IAAI,EAAE,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAA;IAC1C,OAAO,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAA;IAC1B,kBAAkB,EAAE,YAAY,CAAA;CACnC;;sCA2JuC,wBAAwB,GAAG,IAAI;EAOtE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/inspector/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,KAAK,QAAQ,EAA0B,MAAM,UAAU,CAAA;AAC/D,OAAO,EAAC,KAAK,UAAU,EAAC,MAAM,kBAAkB,CAAA;AAGhD,OAAO,EAAC,KAAK,MAAM,EAAE,KAAK,MAAM,EAAc,KAAK,WAAW,EAAC,MAAM,kBAAkB,CAAA;AAOvF,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,gBAAgB,EAAI,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC,CAAA;IAC3C,OAAO,EAAa,QAAQ,CAAC,OAAO,CAAC,CAAA;IACrC,kBAAkB,EAAE,YAAY,CAAA;IAChC,IAAI,EAAgB,UAAU,CAAA;CACjC;;sCAuKuC,wBAAwB,GAAG,IAAI;8BAMrC,WAAW,GAAG,IAAI;EAKnD"}

dist/inspector/types.d.ts

@@ -70,2 +70,8 @@ import type { NodeID, ValueItemID } from '../main/types.ts';
 }[keyof InspectorUpdateMap];
+export declare const GLOBAL_GET_VALUE = "$SdtGetValue";
+declare global {
+    interface Window {
+        [GLOBAL_GET_VALUE]?: (id: ValueItemID) => unknown;
+    }
+}
 //# sourceMappingURL=types.d.ts.map

dist/inspector/types.d.ts.map

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

dist/locator/index.d.ts

@@ -1,4 +0,3 @@
-import { type EmitterEmit } from '@solid-primitives/event-bus';
-import { type Accessor } from 'solid-js';
-import type { Debugger } from '../main/index.ts';
+import * as s from 'solid-js';
+import { type OutputEmit } from '../main/index.ts';
 import { type NodeID } from '../main/types.ts';
@@ -9,6 +8,6 @@ import { type SourceCodeData, type SourceLocation } from './find-components.ts';
 export declare function createLocator(props: {
-    emit: EmitterEmit<Debugger.OutputChannels>;
-    locatorEnabled: Accessor<boolean>;
-    setLocatorEnabledSignal(signal: Accessor<boolean>): void;
+    locatorEnabled: s.Accessor<boolean>;
+    setLocatorEnabledSignal(signal: s.Accessor<boolean>): void;
     onComponentClick(componentId: NodeID, next: VoidFunction): void;
+    emit: OutputEmit;
 }): {
@@ -15,0 +14,0 @@ useLocator: (options: LocatorOptions) => void;

dist/locator/index.d.ts.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/locator/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,KAAK,WAAW,EAAC,MAAM,6BAA6B,CAAA;AAK5D,OAAO,EACH,KAAK,QAAQ,EAOhB,MAAM,UAAU,CAAA;AACjB,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAI9C,OAAO,EAAC,KAAK,MAAM,EAAC,MAAM,kBAAkB,CAAA;AAE5C,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,wBAAgB,aAAa,CAAC,KAAK,EAAE;IACjC,IAAI,EAAE,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAA;IAC1C,cAAc,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAA;IACjC,uBAAuB,CAAC,MAAM,EAAE,QAAQ,CAAC,OAAO,CAAC,GAAG,IAAI,CAAA;IACxD,gBAAgB,CAAC,WAAW,EAAE,MAAM,EAAE,IAAI,EAAE,YAAY,GAAG,IAAI,CAAA;CAClE;0BAgHgC,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;AAO7B,OAAO,EAAC,KAAK,UAAU,EAAC,MAAM,kBAAkB,CAAA;AAIhD,OAAO,EAAC,KAAK,MAAM,EAAC,MAAM,kBAAkB,CAAA;AAE5C,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,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"}

dist/main/index.d.ts

@@ -1,3 +0,3 @@
-import { type GlobalEmitter } from '@solid-primitives/event-bus';
 import * as s from 'solid-js';
+import { type Union } from '@solid-devtools/shared/utils';
 import { type DGraphUpdate } from '../dependency/index.ts';
@@ -8,47 +8,47 @@ import { type InspectorUpdate, type ToggleInspectedValueData } from '../inspector/index.ts';
 import { DebuggerModule, DevtoolsMainView, TreeWalkerMode } from './constants.ts';
-import { type Mapped, type NodeID } from './types.ts';
-export declare namespace Debugger {
-    type InspectedState = {
-        readonly ownerId: NodeID | null;
-        readonly signalId: NodeID | null;
-        /** closest note to inspected signal/owner on the owner structure */
-        readonly treeWalkerOwnerId: NodeID | null;
+import { type Mapped, type NodeID, type ValueItemID } from './types.ts';
+export type InspectedState = {
+    readonly ownerId: NodeID | null;
+    readonly signalId: NodeID | null;
+    /** closest note to inspected signal/owner on the owner structure */
+    readonly treeWalkerOwnerId: NodeID | null;
+};
+export type OutputChannels = {
+    DebuggerEnabled: boolean;
+    ResetPanel: void;
+    InspectedState: InspectedState;
+    InspectedNodeDetails: Mapped.OwnerDetails;
+    StructureUpdates: StructureUpdates;
+    NodeUpdates: NodeID[];
+    InspectorUpdate: InspectorUpdate[];
+    LocatorModeChange: boolean;
+    HoveredComponent: {
+        nodeId: NodeID;
+        state: boolean;
     };
-    type OutputChannels = {
-        DebuggerEnabled: boolean;
-        ResetPanel: void;
-        InspectedState: InspectedState;
-        InspectedNodeDetails: Mapped.OwnerDetails;
-        StructureUpdates: StructureUpdates;
-        NodeUpdates: NodeID[];
-        InspectorUpdate: InspectorUpdate[];
-        LocatorModeChange: boolean;
-        HoveredComponent: {
-            nodeId: NodeID;
-            state: boolean;
-        };
-        InspectedComponent: NodeID;
-        DgraphUpdate: DGraphUpdate;
+    InspectedComponent: NodeID;
+    DgraphUpdate: DGraphUpdate;
+};
+export type InputChannels = {
+    ResetState: void;
+    InspectNode: {
+        ownerId: NodeID | null;
+        signalId: NodeID | null;
+    } | null;
+    InspectValue: ToggleInspectedValueData;
+    ConsoleInspectValue: ValueItemID;
+    HighlightElementChange: HighlightElementPayload;
+    OpenLocation: void;
+    TreeViewModeChange: TreeWalkerMode;
+    ViewChange: DevtoolsMainView;
+    ToggleModule: {
+        module: DebuggerModule;
+        enabled: boolean;
     };
-    type InputChannels = {
-        ResetState: void;
-        InspectNode: {
-            ownerId: NodeID | null;
-            signalId: NodeID | null;
-        } | null;
-        InspectValue: ToggleInspectedValueData;
-        HighlightElementChange: HighlightElementPayload;
-        OpenLocation: void;
-        TreeViewModeChange: TreeWalkerMode;
-        ViewChange: DevtoolsMainView;
-        ToggleModule: {
-            module: DebuggerModule;
-            enabled: boolean;
-        };
-    };
-}
-export type DebuggerEmitter = {
-    output: GlobalEmitter<Debugger.OutputChannels>;
-    input: GlobalEmitter<Debugger.InputChannels>;
 };
+export type InputMessage = Union<InputChannels>;
+export type InputListener = (e: InputMessage) => void;
+export type OutputMessage = Union<OutputChannels>;
+export type OutputListener = (e: OutputMessage) => void;
+export type OutputEmit = (e: OutputMessage) => void;
 /**
@@ -58,16 +58,13 @@ * Used for connecting debugger to devtools
 export declare function useDebugger(): {
-    meta: {
-        versions: {
-            get_client(): string | null;
-            get_solid(): string | null;
-            get_expected_solid(): string | null;
-        };
+    versions: {
+        get_client(): string | null;
+        get_solid(): string | null;
+        get_expected_solid(): string | null;
     };
     enabled: s.Accessor<boolean>;
-    toggleEnabled: (enabled: boolean) => undefined;
-    on: import("@solid-primitives/event-bus").EmitterOn<Debugger.OutputChannels>;
-    listen: import("@solid-primitives/event-bus").EmitterListen<Debugger.OutputChannels>;
-    emit: <K extends keyof Debugger.InputChannels>(event: K, ..._: void extends Debugger.InputChannels[K] ? [payload?: Debugger.InputChannels[K] | undefined] : [payload: Debugger.InputChannels[K]]) => void;
+    listen: (listener: OutputListener) => (() => void);
+    emit: (e: InputMessage) => void;
+    setLocatorOptions: (options: import("../locator/types.ts").LocatorOptions) => void;
+    toggleEnabled(enabled: boolean): void;
 };
-export declare const useLocator: (options: import("../locator/types.ts").LocatorOptions) => void;
 //# 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,EAAsC,KAAK,aAAa,EAAC,MAAM,6BAA6B,CAAA;AAGnG,OAAO,KAAK,CAAC,MAAM,UAAU,CAAA;AAE7B,OAAO,EAAwB,KAAK,YAAY,EAAC,MAAM,wBAAwB,CAAA;AAC/E,OAAO,EAAkB,KAAK,eAAe,EAAE,KAAK,wBAAwB,EAAC,MAAM,uBAAuB,CAAA;AAE1G,OAAO,EAAC,KAAK,uBAAuB,EAAC,MAAM,qBAAqB,CAAA;AAChE,OAAO,EAAkB,KAAK,gBAAgB,EAAC,MAAM,uBAAuB,CAAA;AAC5E,OAAO,EAAC,cAAc,EAAqB,gBAAgB,EAAE,cAAc,EAAC,MAAM,gBAAgB,CAAA;AAGlG,OAAO,EAAC,KAAK,MAAM,EAAE,KAAK,MAAM,EAAC,MAAM,YAAY,CAAA;AAEnD,yBAAiB,QAAQ,CAAC;IACtB,KAAY,cAAc,GAAG;QACzB,QAAQ,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;QAC/B,QAAQ,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;QAChC,oEAAoE;QACpE,QAAQ,CAAC,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAA;KAC5C,CAAA;IAED,KAAY,cAAc,GAAG;QACzB,eAAe,EAAE,OAAO,CAAA;QACxB,UAAU,EAAE,IAAI,CAAA;QAChB,cAAc,EAAE,cAAc,CAAA;QAC9B,oBAAoB,EAAE,MAAM,CAAC,YAAY,CAAA;QACzC,gBAAgB,EAAE,gBAAgB,CAAA;QAClC,WAAW,EAAE,MAAM,EAAE,CAAA;QACrB,eAAe,EAAE,eAAe,EAAE,CAAA;QAClC,iBAAiB,EAAE,OAAO,CAAA;QAC1B,gBAAgB,EAAE;YAAC,MAAM,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,OAAO,CAAA;SAAC,CAAA;QAClD,kBAAkB,EAAE,MAAM,CAAA;QAC1B,YAAY,EAAE,YAAY,CAAA;KAC7B,CAAA;IAED,KAAY,aAAa,GAAG;QACxB,UAAU,EAAE,IAAI,CAAA;QAChB,WAAW,EAAE;YAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;YAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;SAAC,GAAG,IAAI,CAAA;QACrE,YAAY,EAAE,wBAAwB,CAAA;QACtC,sBAAsB,EAAE,uBAAuB,CAAA;QAC/C,YAAY,EAAE,IAAI,CAAA;QAClB,kBAAkB,EAAE,cAAc,CAAA;QAClC,UAAU,EAAE,gBAAgB,CAAA;QAC5B,YAAY,EAAE;YAAC,MAAM,EAAE,cAAc,CAAC;YAAC,OAAO,EAAE,OAAO,CAAA;SAAC,CAAA;KAC3D,CAAA;CACJ;AAED,MAAM,MAAM,eAAe,GAAG;IAC1B,MAAM,EAAE,aAAa,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAA;IAC9C,KAAK,EAAE,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAA;CAC/C,CAAA;AA4OD;;GAEG;AACH,wBAAgB,WAAW;;;;;;;;;6BAMM,OAAO;;;;EAKvC;AAED,eAAO,MAAM,UAAU,iEAAqB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/main/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,CAAC,MAAM,UAAU,CAAA;AAC7B,OAAO,EAAkC,KAAK,KAAK,EAAC,MAAM,8BAA8B,CAAA;AACxF,OAAO,EAAwB,KAAK,YAAY,EAAC,MAAM,wBAAwB,CAAA;AAC/E,OAAO,EAAkB,KAAK,eAAe,EAAE,KAAK,wBAAwB,EAAC,MAAM,uBAAuB,CAAA;AAE1G,OAAO,EAAC,KAAK,uBAAuB,EAAC,MAAM,qBAAqB,CAAA;AAChE,OAAO,EAAkB,KAAK,gBAAgB,EAAC,MAAM,uBAAuB,CAAA;AAC5E,OAAO,EAAC,cAAc,EAAqB,gBAAgB,EAAE,cAAc,EAAC,MAAM,gBAAgB,CAAA;AAGlG,OAAO,EAAC,KAAK,MAAM,EAAE,KAAK,MAAM,EAAE,KAAK,WAAW,EAAC,MAAM,YAAY,CAAA;AAErE,MAAM,MAAM,cAAc,GAAG;IACzB,QAAQ,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;IAC/B,QAAQ,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IAChC,oEAAoE;IACpE,QAAQ,CAAC,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAA;CAC5C,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IACzB,eAAe,EAAS,OAAO,CAAA;IAC/B,UAAU,EAAc,IAAI,CAAA;IAC5B,cAAc,EAAU,cAAc,CAAA;IACtC,oBAAoB,EAAI,MAAM,CAAC,YAAY,CAAA;IAC3C,gBAAgB,EAAQ,gBAAgB,CAAA;IACxC,WAAW,EAAa,MAAM,EAAE,CAAA;IAChC,eAAe,EAAS,eAAe,EAAE,CAAA;IACzC,iBAAiB,EAAO,OAAO,CAAA;IAC/B,gBAAgB,EAAQ;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,OAAO,CAAA;KAAC,CAAA;IACxD,kBAAkB,EAAM,MAAM,CAAA;IAC9B,YAAY,EAAY,YAAY,CAAA;CACvC,CAAA;AAED,MAAM,MAAM,aAAa,GAAG;IACxB,UAAU,EAAc,IAAI,CAAA;IAC5B,WAAW,EAAa;QAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;QAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;KAAC,GAAG,IAAI,CAAA;IAChF,YAAY,EAAY,wBAAwB,CAAA;IAChD,mBAAmB,EAAK,WAAW,CAAA;IACnC,sBAAsB,EAAE,uBAAuB,CAAA;IAC/C,YAAY,EAAY,IAAI,CAAA;IAC5B,kBAAkB,EAAM,cAAc,CAAA;IACtC,UAAU,EAAc,gBAAgB,CAAA;IACxC,YAAY,EAAY;QAAC,MAAM,EAAE,cAAc,CAAC;QAAC,OAAO,EAAE,OAAO,CAAA;KAAC,CAAA;CACrE,CAAA;AAED,MAAM,MAAM,YAAY,GAAI,KAAK,CAAC,aAAa,CAAC,CAAA;AAChD,MAAM,MAAM,aAAa,GAAG,CAAC,CAAC,EAAE,YAAY,KAAK,IAAI,CAAA;AAErD,MAAM,MAAM,aAAa,GAAI,KAAK,CAAC,cAAc,CAAC,CAAA;AAClD,MAAM,MAAM,cAAc,GAAG,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,CAAA;AAEvD,MAAM,MAAM,UAAU,GAAG,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,CAAA;AAiQnD;;GAEG;AACH,wBAAgB,WAAW;;;;;;;uBA9PG,cAAc,KAAG,CAAC,MAAM,IAAI,CAAC;cAiMjC,YAAY;;2BAkDP,OAAO;EAcrC"}

dist/setup.d.ts

@@ -11,3 +11,5 @@ import * as s from 'solid-js';
 export declare function getOwnerLocation(owner: Solid.Owner): string | null;
+/** @deprecated use `setLocatorOptions` */
 export declare function useLocator(options: LocatorOptions): void;
+export declare function setLocatorOptions(options: LocatorOptions): void;
 export declare function setClientVersion(version: string): void;
@@ -14,0 +16,0 @@ export declare function setSolidVersion(version: string, expected: string): void;

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;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,QAGhD;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,iBAElD;AAGD,wBAAgB,UAAU,CAAC,OAAO,EAAE,cAAc,QAEjD;AAMD,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,MAAM,QAE/C;AAED,wBAAgB,eAAe,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,QAGhE;AAED,OAAO,CAAC,MAAM,CAAC;IACX,iEAAiE;IACjE,IAAI,eAAe,EAAE,SAAS,GAAG;QAC7B,KAAK,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,GAAG;YAC/B,QAAQ,EAAM,OAAO,CAAC,CAAC,QAAQ,CAAA;YAC/B,WAAW,EAAG,OAAO,CAAC,CAAC,WAAW,CAAA;YAClC,OAAO,EAAO,OAAO,CAAC,CAAC,OAAO,CAAA;YAC9B,MAAM,EAAQ,OAAO,CAAC,CAAC,MAAM,CAAA;YAC7B,MAAM,EAAQ,OAAO,CAAC,CAAC,MAAM,CAAA;YAC7B,QAAQ,EAAM,OAAO,CAAC,CAAC,QAAQ,CAAA;YAC/B,YAAY,EAAE,OAAO,CAAC,CAAC,YAAY,CAAA;SACtC,CAAA;QACD,KAAK,EAAE,WAAW,CAAC,OAAO,KAAK,CAAC,GAAG,CAAC,GAAG;YACnC,MAAM,EAAQ,OAAO,KAAK,CAAC,MAAM,CAAA;YACjC,IAAI,EAAU,OAAO,KAAK,CAAC,IAAI,CAAA;SAClC,CAAA;QAED,kBAAkB,IAAK,KAAK,CAAC,KAAK,EAAE,CAAA;QACpC,mBAAmB,IAAI,cAAc,GAAG,IAAI,CAAA;QAC5C,QAAQ,EAAE;YACN,UAAU,IAAY,MAAM,GAAG,IAAI,CAAA;YACnC,SAAS,IAAa,MAAM,GAAG,IAAI,CAAA;YACnC,kBAAkB,IAAI,MAAM,GAAG,IAAI,CAAA;SACtC,CAAA;QACD,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,GAAG,MAAM,GAAG,IAAI,CAAA;KACxD,CAAA;CACJ"}
+{"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;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,QAGhD;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,iBAElD;AAGD,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,OAAO,CAAC,MAAM,CAAC;IACX,iEAAiE;IACjE,IAAI,eAAe,EAAE,SAAS,GAAG;QAC7B,KAAK,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,GAAG;YAC/B,QAAQ,EAAM,OAAO,CAAC,CAAC,QAAQ,CAAA;YAC/B,WAAW,EAAG,OAAO,CAAC,CAAC,WAAW,CAAA;YAClC,OAAO,EAAO,OAAO,CAAC,CAAC,OAAO,CAAA;YAC9B,MAAM,EAAQ,OAAO,CAAC,CAAC,MAAM,CAAA;YAC7B,MAAM,EAAQ,OAAO,CAAC,CAAC,MAAM,CAAA;YAC7B,QAAQ,EAAM,OAAO,CAAC,CAAC,QAAQ,CAAA;YAC/B,YAAY,EAAE,OAAO,CAAC,CAAC,YAAY,CAAA;SACtC,CAAA;QACD,KAAK,EAAE,WAAW,CAAC,OAAO,KAAK,CAAC,GAAG,CAAC,GAAG;YACnC,MAAM,EAAQ,OAAO,KAAK,CAAC,MAAM,CAAA;YACjC,IAAI,EAAU,OAAO,KAAK,CAAC,IAAI,CAAA;SAClC,CAAA;QAED,kBAAkB,IAAK,KAAK,CAAC,KAAK,EAAE,CAAA;QACpC,mBAAmB,IAAI,cAAc,GAAG,IAAI,CAAA;QAC5C,QAAQ,EAAE;YACN,UAAU,IAAY,MAAM,GAAG,IAAI,CAAA;YACnC,SAAS,IAAa,MAAM,GAAG,IAAI,CAAA;YACnC,kBAAkB,IAAI,MAAM,GAAG,IAAI,CAAA;SACtC,CAAA;QACD,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,GAAG,MAAM,GAAG,IAAI,CAAA;KACxD,CAAA;CACJ"}

dist/setup.js

@@ -17,2 +17,5 @@ // packages/debugger/src/setup.ts
 }
+function setLocatorOptions(options) {
+  PassedLocatorOptions = options;
+}
 var ClientVersion = null;
@@ -79,2 +82,3 @@ var SolidVersion = null;
   setClientVersion,
+  setLocatorOptions,
   setOwnerLocation,
@@ -81,0 +85,0 @@ setSolidVersion,

dist/structure/index.d.ts

@@ -1,2 +0,1 @@
-import { type Listen } from '@solid-primitives/event-bus';
 import { DevtoolsMainView, TreeWalkerMode } from '../main/constants.ts';
@@ -16,3 +15,2 @@ import { type Mapped, type NodeID, type Solid } from '../main/types.ts';
     enabled: () => boolean;
-    listenToViewChange: Listen<DevtoolsMainView>;
 }): {
@@ -24,3 +22,4 @@ updateAllRoots: () => void;
     getClosestIncludedOwner(owner: Solid.Owner): Solid.Owner | null;
+    onViewChange(view: DevtoolsMainView): void;
 };
 //# sourceMappingURL=index.d.ts.map

dist/structure/index.d.ts.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/structure/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,MAAM,EAAC,MAAM,6BAA6B,CAAA;AAGvD,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,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,OAAO,EAAE,MAAM,OAAO,CAAA;IACtB,kBAAkB,EAAE,MAAM,CAAC,gBAAgB,CAAC,CAAA;CAC/C;0BAkF8B,IAAI;+BAKC,IAAI;8BAKH,cAAc,KAAG,IAAI;;mCAWnB,KAAK,CAAC,KAAK;EAIjD"}
+{"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;0BA2E8B,IAAI;+BAKC,IAAI;8BAKH,cAAc,KAAG,IAAI;;mCAWnB,KAAK,CAAC,KAAK;uBAGvB,gBAAgB;EAO1C"}

dist/types.d.ts

 export type { DGraphUpdate, SerializedDGraph } from './dependency/index.ts';
 export * from './inspector/types.ts';
 export * from './locator/types.ts';
-export type { Debugger } from './main/index.ts';
+export type * from './main/index.ts';
 export * from './main/constants.ts';
@@ -6,0 +6,0 @@ export * from './main/types.ts';

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,YAAY,EAAC,QAAQ,EAAC,MAAM,iBAAiB,CAAA;AAC7C,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,oBAAoB,CAAA;AAClC,mBAAmB,iBAAiB,CAAA;AACpC,cAAc,qBAAqB,CAAA;AACnC,cAAc,iBAAiB,CAAA;AAC/B,YAAY,EAAC,gBAAgB,EAAC,MAAM,sBAAsB,CAAA"}

dist/types.js

@@ -6,2 +6,3 @@ import {
   DevtoolsMainView,
+  GLOBAL_GET_VALUE,
   INFINITY,
@@ -21,3 +22,3 @@ LOCATION_ATTRIBUTE_NAME,
   getValueItemId
-} from "./chunk-GZ63F2ZF.js";
+} from "./chunk-PZ4NZVSR.js";
 export {
@@ -28,2 +29,3 @@ DEFAULT_MAIN_VIEW,
   DevtoolsMainView,
+  GLOBAL_GET_VALUE,
   INFINITY,
@@ -30,0 +32,0 @@ LOCATION_ATTRIBUTE_NAME,

package.json

 {
   "name": "@solid-devtools/debugger",
-  "version": "0.24.5",
+  "version": "0.25.0",
   "description": "Debugger of the Solid's reactivity graph — a cornerstone of all solid-devtools.",
@@ -30,2 +30,3 @@ "license": "MIT",
     ".": {
+      "@solid-devtools/source": "./src/index.ts",
       "import": {
@@ -37,2 +38,3 @@ "types": "./dist/index.d.ts",
     "./bundled": {
+      "@solid-devtools/source": "./src/index.ts",
       "import": {
@@ -43,13 +45,8 @@ "types": "./dist/index.d.ts",
     },
-    "./types": {
+    "./*": {
+      "@solid-devtools/source": "./src/*.ts",
       "import": {
-        "types": "./dist/types.d.ts",
-        "default": "./dist/types.js"
+        "types": "./dist/*.d.ts",
+        "default": "./dist/*.js"
       }
-    },
-    "./setup": {
-      "import": {
-        "types": "./dist/setup.d.ts",
-        "default": "./dist/setup.js"
-      }
     }
@@ -61,3 +58,2 @@ },
     "@solid-primitives/cursor": "^0.0.115",
-    "@solid-primitives/event-bus": "^1.0.11",
     "@solid-primitives/event-listener": "^2.3.3",
@@ -70,3 +66,3 @@ "@solid-primitives/keyboard": "^1.2.8",
     "@solid-primitives/utils": "^6.2.3",
-    "@solid-devtools/shared": "^0.17.0"
+    "@solid-devtools/shared": "^0.18.0"
   },
@@ -73,0 +69,0 @@ "peerDependencies": {

README.md

@@ -60,8 +60,9 @@ <a href="https://github.com/thetarnav/solid-devtools/tree/main/packages/debugger#readme" target="_blank">
 
-Locator let's you locate components on the page, and go to their source code in your IDE. All you need to do is configure it by calling `useLocator` with some options.
+Locator let's you locate components on the page, and go to their source code in your IDE. All you need to do is configure it by calling `setLocatorOptions` with some options.
 
 ```ts
-import { useLocator } from '@solid-devtools/debugger' // or 'solid-devtools/setup'
+import { useDebugger } from '@solid-devtools/debugger' // or 'solid-devtools/setup'
 
-useLocator()
+const debug = useDebugger()
+debug.setLocatorOptions()
 ```
@@ -84,3 +85,3 @@
 ```ts
-useLocator({
+setLocatorOptions({
   targetIDE: 'vscode',
@@ -97,3 +98,3 @@ })
 ```ts
-useLocator({
+setLocatorOptions({
   targetIDE: ({ filePath, line }) =>
@@ -108,3 +109,3 @@ // will navigate to this link when clicking
 ```ts
-useLocator({
+setLocatorOptions({
   targetIDE({ projectPath, filePath, line, column, element }) {
@@ -124,3 +125,3 @@ console.log({ projectPath, filePath, line, column, element })
 ```tsx
-useLocator({
+setLocatorOptions({
   key: 'Control',
@@ -127,0 +128,0 @@ })

dist/chunk-GZ63F2ZF.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 || {});
-
-// 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__ */ ((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__ */ ((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"] = "catchError";
-  NodeType3["Signal"] = "signal";
-  NodeType3["Store"] = "store";
-  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",
-  ["catchError" /* CatchError */]: "CatchError",
-  ["signal" /* Signal */]: "Signal",
-  ["store" /* Store */]: "Store"
-};
-var ValueItemType = /* @__PURE__ */ ((ValueItemType2) => {
-  ValueItemType2["Signal"] = "signal";
-  ValueItemType2["Prop"] = "prop";
-  ValueItemType2["Value"] = "value";
-  return ValueItemType2;
-})(ValueItemType || {});
-var UNKNOWN = "unknown";
-
-// packages/debugger/src/main/types.ts
-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,
-  INFINITY,
-  NEGATIVE_INFINITY,
-  NAN,
-  UNDEFINED,
-  ValueType,
-  PropGetterState,
-  WINDOW_PROJECTPATH_PROPERTY,
-  LOCATION_ATTRIBUTE_NAME,
-  getValueItemId
-};

No alert changes

Improved metrics

Total package byte prevSize

247909

0.01%

Dependency count

12

-7.69%

Lines of code

6272

0.11%

Number of lines in readme file

137

0.74%

Dependency changes

• + Added

  @solid-devtools/shared@0.18.0
  (transitive)

• - Removed

  @solid-primitives/event-bus@^1.0.11

• - Removed

  @solid-devtools/shared@0.17.0
  (transitive)

• - Removed

  @solid-primitives/event-bus@1.1.4
  (transitive)

• Updated

  @solid-devtools/shared@^0.18.0