solid-devtools - npm Package Compare versions

Comparing version 0.18.2 to 0.19.0

dist/index.js

 // src/index.ts
-import { attachDebugger, makeCreateRootListener } from "@solid-devtools/debugger";
+import { enableRootsAutoattach } from "@solid-devtools/debugger";
 
@@ -7,3 +7,3 @@ // src/client.ts
 import { createInternalRoot, useDebugger } from "@solid-devtools/debugger";
-import * as Locator from "@solid-devtools/locator";
+import * as locator from "@solid-devtools/locator";
 import {
@@ -17,7 +17,7 @@ onWindowMessage,
 postWindowMessage("ResetPanel");
-postWindowMessage("SolidOnPage", "0.18.2");
+postWindowMessage("SolidOnPage", "0.19.0");
 var loadedBefore = false;
 createInternalRoot(() => {
   const [enabled, setEnabled] = createSignal(false);
-  Locator.addHighlightingSource(enabled);
+  locator.addHighlightingSource(enabled);
   const {
@@ -27,3 +27,3 @@ forceTriggerUpdate,
     listenTo,
-    setInspectedOwner,
+    setInspectedNode,
     inspectedDetails,
@@ -39,3 +39,3 @@ getElementById,
       setEnabled(false);
-      setInspectedOwner(null);
+      setInspectedNode(null);
     });
@@ -51,3 +51,3 @@ });
     onCleanup(onWindowMessage("ForceUpdate", forceTriggerUpdate));
-    onCleanup(onWindowMessage("SetSelectedOwner", setInspectedOwner));
+    onCleanup(onWindowMessage("InspectedNodeChange", setInspectedNode));
     onCleanup(
@@ -68,3 +68,3 @@ onWindowMessage("ToggleInspectedValue", (payload) => {
     );
-    listenTo("StructureUpdates", (updates) => postWindowMessage("GraphUpdate", updates));
+    listenTo("StructureUpdates", (updates) => postWindowMessage("StructureUpdate", updates));
     listenTo("ComputationUpdates", (updates) => postWindowMessage("ComputationUpdates", updates));
@@ -81,36 +81,36 @@ listenTo("SignalUpdates", (updates) => {
       if (details)
-        postWindowMessage("OwnerDetailsUpdate", details);
+        postWindowMessage("SetInspectedDetails", details);
     });
     const [extLocatorEnabled, setExtLocatorEnabled] = createSignal(false);
-    Locator.addLocatorModeSource(extLocatorEnabled);
+    locator.addLocatorModeSource(extLocatorEnabled);
     onCleanup(onWindowMessage("ExtLocatorMode", setExtLocatorEnabled));
     createEffect(
-      on(Locator.locatorModeEnabled, (state) => postWindowMessage("ClientLocatorMode", state), {
+      on(locator.locatorModeEnabled, (state) => postWindowMessage("ClientLocatorMode", state), {
         defer: true
       })
     );
-    Locator.addClickInterceptor((e, component) => {
+    locator.addClickInterceptor((e, component) => {
       e.preventDefault();
       e.stopPropagation();
-      postWindowMessage("SendSelectedOwner", component.id);
+      postWindowMessage("ClientInspectedNode", component.id);
       return false;
     });
     let skipNextHoveredComponent = true;
-    let prevHoverMessage = null;
-    createEffect(() => {
-      const hovered = Locator.highlightedComponent()[0];
-      if (skipNextHoveredComponent)
-        return skipNextHoveredComponent = false;
+    createEffect((prev) => {
+      const hovered = locator.highlightedComponent()[0];
+      if (skipNextHoveredComponent) {
+        skipNextHoveredComponent = false;
+        return;
+      }
+      let data;
       if (!hovered) {
-        if (prevHoverMessage && prevHoverMessage.state)
-          postWindowMessage(
-            "SetHoveredOwner",
-            prevHoverMessage = { nodeId: prevHoverMessage.nodeId, state: false }
-          );
+        if (prev && prev.state) {
+          data = { nodeId: prev.nodeId, state: false };
+          postWindowMessage("ClientHoveredNodeChange", data);
+        }
       } else {
-        postWindowMessage(
-          "SetHoveredOwner",
-          prevHoverMessage = { nodeId: hovered.id, state: true }
-        );
+        data = { nodeId: hovered.id, state: true };
+        postWindowMessage("ClientHoveredNodeChange", data);
       }
+      return data;
     });
@@ -120,3 +120,3 @@ onCleanup(
         if (!payload)
-          return Locator.setTarget(null);
+          return locator.setTarget(null);
         let target;
@@ -135,3 +135,3 @@ if (typeof payload === "object") {
         }
-        Locator.setTarget((p) => {
+        locator.setTarget((p) => {
           if (p === target)
@@ -150,3 +150,3 @@ return p;
   Debugger,
-  attachDebugger as attachDebugger2,
+  attachDebugger,
   useDebugger as useDebugger2,
@@ -156,6 +156,6 @@ makeSolidUpdateListener
 import { useLocator } from "@solid-devtools/locator";
-makeCreateRootListener((root) => attachDebugger(root));
+enableRootsAutoattach();
 export {
   Debugger,
-  attachDebugger2 as attachDebugger,
+  attachDebugger,
   makeSolidUpdateListener,
@@ -162,0 +162,0 @@ useDebugger2 as useDebugger,

package.json

 {
   "name": "solid-devtools",
-  "version": "0.18.2",
+  "version": "0.19.0",
   "description": "Runtime library for hooking up SolidJS application with Solid Devtools Extension",
@@ -63,12 +63,12 @@ "license": "MIT",
   "devDependencies": {
-    "solid-js": "^1.5.5",
+    "solid-js": "^1.5.7",
     "tsup": "^6.2.3",
-    "typescript": "^4.8.3",
+    "typescript": "^4.8.4",
     "vitest": "^0.23.4"
   },
   "dependencies": {
-    "@solid-devtools/debugger": "^0.11.0",
-    "@solid-devtools/locator": "^0.16.5",
-    "@solid-devtools/shared": "^0.8.5",
-    "@solid-devtools/transform": "^0.7.4",
+    "@solid-devtools/debugger": "^0.12.0",
+    "@solid-devtools/locator": "^0.16.7",
+    "@solid-devtools/shared": "^0.9.0",
+    "@solid-devtools/transform": "^0.7.5",
     "@solid-primitives/utils": "^3.0.2",
@@ -80,3 +80,3 @@ "type-fest": "^2.19.0"
   },
-  "packageManager": "pnpm@7.12.0",
+  "packageManager": "pnpm@7.13.0",
   "scripts": {
@@ -83,0 +83,0 @@ "dev": "tsup --watch",

README.md

@@ -9,2 +9,6 @@ <a href="https://github.com/thetarnav/solid-devtools/tree/main/packages/ext-client#readme" target="_blank">
 
+[![pnpm](https://img.shields.io/badge/maintained%20with-pnpm-cc00ff.svg?style=for-the-badge&logo=pnpm)](https://pnpm.io/)
+[![version](https://img.shields.io/npm/v/solid-devtools?style=for-the-badge)](https://www.npmjs.com/package/solid-devtools)
+[![npm](https://img.shields.io/npm/dw/solid-devtools?style=for-the-badge)](https://www.npmjs.com/package/solid-devtools)
+
 The main client library. It reexports the most [important tools](<(https://github.com/thetarnav/solid-devtools#available-devtools)>) and connects the client application to the [chrome extension](https://github.com/thetarnav/solid-devtools/tree/main/packages/extension#readme).
@@ -35,3 +39,3 @@
 ```ts
-import "solid-devtools"
+import 'solid-devtools'
 // and that's it!
@@ -61,5 +65,5 @@ ```
 
-import { defineConfig } from "vite"
-import solid from "vite-plugin-solid"
-import devtools from "solid-devtools/vite"
+import { defineConfig } from 'vite'
+import solid from 'vite-plugin-solid'
+import devtools from 'solid-devtools/vite'
 
@@ -66,0 +70,0 @@ export default defineConfig({

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

21763

increased by0.73%

Number of lines in readme file

77

increased by5.48%

Dependency changes

• - Removed@solid-devtools/debugger@0.11.1(transitive)

• - Removed@solid-devtools/shared@0.8.6(transitive)

• Updated@solid-devtools/debugger@^0.12.0

• Updated@solid-devtools/locator@^0.16.7

• Updated@solid-devtools/shared@^0.9.0

• Updated@solid-devtools/transform@^0.7.5