@tscircuit/schematic-viewer 2.0.43 → 2.0.45

package/.github/workflows/bun-pver-release.yml

@@ -4,13 +4,21 @@ on:
   push:
     branches:
       - main
+  workflow_dispatch:
+
+env:
+  UPSTREAM_REPO: "runframe" # for example: "eval"
+  PACKAGE_NAMES: "@tscircuit/schematic-viewer" # comma-separated list, e.g. "@tscircuit/core,@tscircuit/props"
+
 jobs:
   publish:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
+        with:
+          token: ${{ secrets.TSCIRCUIT_BOT_GITHUB_TOKEN }}
       - name: Setup bun
-        uses: oven-sh/setup-bun@v1
+        uses: oven-sh/setup-bun@v2
         with:
           bun-version: latest
       - uses: actions/setup-node@v3
@@ -23,3 +31,13 @@ jobs:
       - run: pver release
         env:
           NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
+          GITHUB_TOKEN: ${{ secrets.TSCIRCUIT_BOT_GITHUB_TOKEN }}
+      - name: Trigger upstream repo update
+        if: env.UPSTREAM_REPO && env.PACKAGE_NAMES
+        run: |
+          curl -X POST \
+            -H "Accept: application/vnd.github.v3+json" \
+            -H "Authorization: token ${{ secrets.TSCIRCUIT_BOT_GITHUB_TOKEN }}" \
+            -H "Content-Type: application/json" \
+            "https://api.github.com/repos/tscircuit/${{ env.UPSTREAM_REPO }}/actions/workflows/update-package.yml/dispatches" \
+            -d "{\"ref\":\"main\",\"inputs\":{\"package_names\":\"${{ env.PACKAGE_NAMES }}\"}}"

package/dist/index.js

@@ -470,7 +470,7 @@ var enableDebug = () => {
 var debug_default = debug;
 
 // lib/components/SchematicViewer.tsx
-import { useEffect as useEffect11, useMemo as useMemo5, useRef as useRef7, useState as useState6 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect11, useMemo as useMemo5, useRef as useRef7, useState as useState6 } from "react";
 import {
   fromString,
   identity,
@@ -848,7 +848,7 @@ import { su as su5 } from "@tscircuit/soup-util";
 // package.json
 var package_default = {
   name: "@tscircuit/schematic-viewer",
-  version: "2.0.42",
+  version: "2.0.44",
   main: "dist/index.js",
   type: "module",
   scripts: {
@@ -2004,6 +2004,7 @@ var SchematicComponentMouseTarget = ({
   svgDivRef,
   containerRef,
   onComponentClick,
+  onHoverChange,
   showOutline,
   circuitJsonKey
 }) => {
@@ -2096,6 +2097,11 @@ var SchematicComponentMouseTarget = ({
     bounds,
     onClick: onComponentClick ? handleClick : void 0
   });
+  useEffect10(() => {
+    if (onHoverChange) {
+      onHoverChange(componentId, hovering);
+    }
+  }, [hovering, componentId, onHoverChange]);
   if (!measurement || !hovering || !showOutline) {
     return null;
   }
@@ -2110,10 +2116,8 @@ var SchematicComponentMouseTarget = ({
         width: rect.width,
         height: rect.height,
         border: "1.5px solid rgba(51, 153, 255, 0.9)",
-        borderRadius: "6px",
         pointerEvents: "none",
-        zIndex: zIndexMap.schematicComponentHoverOutline,
-        boxShadow: "0 0 6px rgba(51, 153, 255, 0.35)"
+        zIndex: zIndexMap.schematicComponentHoverOutline
       }
     }
   );
@@ -2189,6 +2193,19 @@ var SchematicViewer = ({
     if (disableGroups) return false;
     return getStoredBoolean("schematic_viewer_show_groups", false);
   });
+  const [isHoveringClickableComponent, setIsHoveringClickableComponent] = useState6(false);
+  const hoveringComponentsRef = useRef7(/* @__PURE__ */ new Set());
+  const handleComponentHoverChange = useCallback5(
+    (componentId, isHovering) => {
+      if (isHovering) {
+        hoveringComponentsRef.current.add(componentId);
+      } else {
+        hoveringComponentsRef.current.delete(componentId);
+      }
+      setIsHoveringClickableComponent(hoveringComponentsRef.current.size > 0);
+    },
+    []
+  );
   const svgDivRef = useRef7(null);
   const touchStartRef = useRef7(null);
   const schematicComponentIds = useMemo5(() => {
@@ -2327,6 +2344,7 @@ var SchematicViewer = ({
           pointerEvents: clickToInteractEnabled ? isInteractionEnabled ? "auto" : "none" : "auto",
           transformOrigin: "0 0"
         },
+        className: onSchematicComponentClicked ? "schematic-component-clickable" : void 0,
         onTouchStart: (e) => {
           if (editModeEnabled && isInteractionEnabled && !showSpiceOverlay) {
             handleComponentTouchStartRef.current(e);
@@ -2343,159 +2361,163 @@ var SchematicViewer = ({
       showSpiceOverlay
     ]
   );
-  return /* @__PURE__ */ jsx11(MouseTracker, { children: /* @__PURE__ */ jsxs6(
-    "div",
-    {
-      ref: containerRef,
-      style: {
-        position: "relative",
-        backgroundColor: containerBackgroundColor,
-        overflow: "hidden",
-        cursor: showSpiceOverlay ? "auto" : isDragging ? "grabbing" : clickToInteractEnabled && !isInteractionEnabled ? "pointer" : "grab",
-        minHeight: "300px",
-        ...containerStyle
-      },
-      onWheelCapture: (e) => {
-        if (showSpiceOverlay) {
-          e.stopPropagation();
-        }
-      },
-      onMouseDown: (e) => {
-        if (clickToInteractEnabled && !isInteractionEnabled) {
-          e.preventDefault();
-          e.stopPropagation();
-          return;
-        }
-        handleMouseDown(e);
-      },
-      onMouseDownCapture: (e) => {
-        if (clickToInteractEnabled && !isInteractionEnabled) {
-          e.preventDefault();
-          e.stopPropagation();
-          return;
-        }
-      },
-      onTouchStart: (e) => {
-        if (showSpiceOverlay) return;
-        handleTouchStart(e);
-      },
-      onTouchEnd: (e) => {
-        if (showSpiceOverlay) return;
-        handleTouchEnd(e);
-      },
-      children: [
-        !isInteractionEnabled && clickToInteractEnabled && /* @__PURE__ */ jsx11(
-          "div",
-          {
-            onClick: (e) => {
-              e.preventDefault();
-              e.stopPropagation();
-              setIsInteractionEnabled(true);
-            },
-            style: {
-              position: "absolute",
-              inset: 0,
-              cursor: "pointer",
-              zIndex: zIndexMap.clickToInteractOverlay,
-              display: "flex",
-              alignItems: "center",
-              justifyContent: "center",
-              pointerEvents: "all",
-              touchAction: "pan-x pan-y pinch-zoom"
-            },
-            children: /* @__PURE__ */ jsx11(
-              "div",
-              {
-                style: {
-                  backgroundColor: "rgba(0, 0, 0, 0.8)",
-                  color: "white",
-                  padding: "12px 24px",
-                  borderRadius: "8px",
-                  fontSize: "16px",
-                  fontFamily: "sans-serif",
-                  pointerEvents: "none"
-                },
-                children: typeof window !== "undefined" && ("ontouchstart" in window || navigator.maxTouchPoints > 0) ? "Touch to Interact" : "Click to Interact"
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ jsx11(
-          ViewMenuIcon,
-          {
-            active: showViewMenu,
-            onClick: () => setShowViewMenu(!showViewMenu)
+  return /* @__PURE__ */ jsxs6(MouseTracker, { children: [
+    onSchematicComponentClicked && /* @__PURE__ */ jsx11("style", { children: `.schematic-component-clickable [data-schematic-component-id]:hover { cursor: pointer !important; }` }),
+    /* @__PURE__ */ jsxs6(
+      "div",
+      {
+        ref: containerRef,
+        style: {
+          position: "relative",
+          backgroundColor: containerBackgroundColor,
+          overflow: "hidden",
+          cursor: showSpiceOverlay ? "auto" : isDragging ? "grabbing" : clickToInteractEnabled && !isInteractionEnabled ? "pointer" : isHoveringClickableComponent && onSchematicComponentClicked ? "pointer" : "grab",
+          minHeight: "300px",
+          ...containerStyle
+        },
+        onWheelCapture: (e) => {
+          if (showSpiceOverlay) {
+            e.stopPropagation();
           }
-        ),
-        editingEnabled && /* @__PURE__ */ jsx11(
-          EditIcon,
-          {
-            active: editModeEnabled,
-            onClick: () => setEditModeEnabled(!editModeEnabled)
+        },
+        onMouseDown: (e) => {
+          if (clickToInteractEnabled && !isInteractionEnabled) {
+            e.preventDefault();
+            e.stopPropagation();
+            return;
           }
-        ),
-        editingEnabled && editModeEnabled && /* @__PURE__ */ jsx11(
-          GridIcon,
-          {
-            active: snapToGrid,
-            onClick: () => setSnapToGrid(!snapToGrid)
+          handleMouseDown(e);
+        },
+        onMouseDownCapture: (e) => {
+          if (clickToInteractEnabled && !isInteractionEnabled) {
+            e.preventDefault();
+            e.stopPropagation();
+            return;
           }
-        ),
-        /* @__PURE__ */ jsx11(
-          ViewMenu,
-          {
-            circuitJson,
-            circuitJsonKey,
-            isVisible: showViewMenu,
-            onClose: () => setShowViewMenu(false),
-            showGroups: showSchematicGroups,
-            onToggleGroups: (value) => {
-              if (!disableGroups) {
-                setShowSchematicGroups(value);
-                setStoredBoolean("schematic_viewer_show_groups", value);
+        },
+        onTouchStart: (e) => {
+          if (showSpiceOverlay) return;
+          handleTouchStart(e);
+        },
+        onTouchEnd: (e) => {
+          if (showSpiceOverlay) return;
+          handleTouchEnd(e);
+        },
+        children: [
+          !isInteractionEnabled && clickToInteractEnabled && /* @__PURE__ */ jsx11(
+            "div",
+            {
+              onClick: (e) => {
+                e.preventDefault();
+                e.stopPropagation();
+                setIsInteractionEnabled(true);
+              },
+              style: {
+                position: "absolute",
+                inset: 0,
+                cursor: "pointer",
+                zIndex: zIndexMap.clickToInteractOverlay,
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                pointerEvents: "all",
+                touchAction: "pan-x pan-y pinch-zoom"
+              },
+              children: /* @__PURE__ */ jsx11(
+                "div",
+                {
+                  style: {
+                    backgroundColor: "rgba(0, 0, 0, 0.8)",
+                    color: "white",
+                    padding: "12px 24px",
+                    borderRadius: "8px",
+                    fontSize: "16px",
+                    fontFamily: "sans-serif",
+                    pointerEvents: "none"
+                  },
+                  children: typeof window !== "undefined" && ("ontouchstart" in window || navigator.maxTouchPoints > 0) ? "Touch to Interact" : "Click to Interact"
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx11(
+            ViewMenuIcon,
+            {
+              active: showViewMenu,
+              onClick: () => setShowViewMenu(!showViewMenu)
+            }
+          ),
+          editingEnabled && /* @__PURE__ */ jsx11(
+            EditIcon,
+            {
+              active: editModeEnabled,
+              onClick: () => setEditModeEnabled(!editModeEnabled)
+            }
+          ),
+          editingEnabled && editModeEnabled && /* @__PURE__ */ jsx11(
+            GridIcon,
+            {
+              active: snapToGrid,
+              onClick: () => setSnapToGrid(!snapToGrid)
+            }
+          ),
+          /* @__PURE__ */ jsx11(
+            ViewMenu,
+            {
+              circuitJson,
+              circuitJsonKey,
+              isVisible: showViewMenu,
+              onClose: () => setShowViewMenu(false),
+              showGroups: showSchematicGroups,
+              onToggleGroups: (value) => {
+                if (!disableGroups) {
+                  setShowSchematicGroups(value);
+                  setStoredBoolean("schematic_viewer_show_groups", value);
+                }
               }
             }
-          }
-        ),
-        spiceSimulationEnabled && /* @__PURE__ */ jsx11(SpiceSimulationIcon, { onClick: () => setShowSpiceOverlay(true) }),
-        showSpiceOverlay && /* @__PURE__ */ jsx11(
-          SpiceSimulationOverlay,
-          {
-            spiceString,
-            onClose: () => setShowSpiceOverlay(false),
-            plotData,
-            nodes,
-            isLoading: isSpiceSimLoading,
-            error: spiceSimError,
-            simOptions: spiceSimOptions,
-            onSimOptionsChange: (options) => {
-              setHasSpiceSimRun(true);
-              setSpiceSimOptions(options);
-            },
-            hasRun: hasSpiceSimRun
-          }
-        ),
-        onSchematicComponentClicked && schematicComponentIds.map((componentId) => /* @__PURE__ */ jsx11(
-          SchematicComponentMouseTarget,
-          {
-            componentId,
-            svgDivRef,
-            containerRef,
-            showOutline: true,
-            circuitJsonKey,
-            onComponentClick: (id, event) => {
-              onSchematicComponentClicked?.({
-                schematicComponentId: id,
-                event
-              });
+          ),
+          spiceSimulationEnabled && /* @__PURE__ */ jsx11(SpiceSimulationIcon, { onClick: () => setShowSpiceOverlay(true) }),
+          showSpiceOverlay && /* @__PURE__ */ jsx11(
+            SpiceSimulationOverlay,
+            {
+              spiceString,
+              onClose: () => setShowSpiceOverlay(false),
+              plotData,
+              nodes,
+              isLoading: isSpiceSimLoading,
+              error: spiceSimError,
+              simOptions: spiceSimOptions,
+              onSimOptionsChange: (options) => {
+                setHasSpiceSimRun(true);
+                setSpiceSimOptions(options);
+              },
+              hasRun: hasSpiceSimRun
             }
-          },
-          componentId
-        )),
-        svgDiv
-      ]
-    }
-  ) });
+          ),
+          onSchematicComponentClicked && schematicComponentIds.map((componentId) => /* @__PURE__ */ jsx11(
+            SchematicComponentMouseTarget,
+            {
+              componentId,
+              svgDivRef,
+              containerRef,
+              showOutline: true,
+              circuitJsonKey,
+              onHoverChange: handleComponentHoverChange,
+              onComponentClick: (id, event) => {
+                onSchematicComponentClicked?.({
+                  schematicComponentId: id,
+                  event
+                });
+              }
+            },
+            componentId
+          )),
+          svgDiv
+        ]
+      }
+    )
+  ] });
 };
 export {
   MouseTracker,