@tscircuit/pcb-viewer 1.11.195 → 1.11.197

package/dist/index.js

@@ -131505,6 +131505,13 @@ var DimensionOverlay = ({
   if (!transform2) transform2 = identity8();
   const [dimensionToolVisible, setDimensionToolVisible] = useState3(false);
   const [dimensionToolStretching, setDimensionToolStretching] = useState3(false);
+  const [measureToolArmed, setMeasureToolArmed] = useState3(false);
+  const disarmMeasure = () => {
+    if (measureToolArmed) {
+      setMeasureToolArmed(false);
+      window.dispatchEvent(new Event("disarm-dimension-tool"));
+    }
+  };
   const [dStart, setDStart] = useState3({ x: 0, y: 0 });
   const [dEnd, setDEnd] = useState3({ x: 0, y: 0 });
   const mousePosRef = useRef5({ x: 0, y: 0 });
@@ -131519,12 +131526,17 @@ var DimensionOverlay = ({
         setDEnd({ x: mousePosRef.current.x, y: mousePosRef.current.y });
         setDimensionToolVisible((visible) => !visible);
         setDimensionToolStretching(true);
+        disarmMeasure();
       }
       if (e.key === "Escape") {
         setDimensionToolVisible(false);
         setDimensionToolStretching(false);
+        disarmMeasure();
       }
     };
+    const armMeasure = () => {
+      setMeasureToolArmed(true);
+    };
     const addKeyListener = () => {
       if (container2) {
         window.addEventListener("keydown", down);
@@ -131535,6 +131547,7 @@ var DimensionOverlay = ({
         window.removeEventListener("keydown", down);
       }
     };
+    window.addEventListener("arm-dimension-tool", armMeasure);
     if (container2) {
       container2.addEventListener("focus", addKeyListener);
       container2.addEventListener("blur", removeKeyListener);
@@ -131542,6 +131555,8 @@ var DimensionOverlay = ({
       container2.addEventListener("mouseleave", removeKeyListener);
     }
     return () => {
+      window.removeEventListener("arm-dimension-tool", armMeasure);
+      disarmMeasure();
       if (container2) {
         container2.removeEventListener("focus", addKeyListener);
         container2.removeEventListener("blur", removeKeyListener);
@@ -131591,8 +131606,18 @@ var DimensionOverlay = ({
           setDEnd({ x: rwPoint.x, y: rwPoint.y });
         }
       },
-      onMouseDown: () => {
-        if (dimensionToolStretching) {
+      onMouseDown: (e) => {
+        const rect = e.currentTarget.getBoundingClientRect();
+        const x = e.clientX - rect.left;
+        const y = e.clientY - rect.top;
+        const rwPoint = applyToPoint12(inverse2(transform2), { x, y });
+        if (measureToolArmed && !dimensionToolVisible) {
+          setDStart({ x: rwPoint.x, y: rwPoint.y });
+          setDEnd({ x: rwPoint.x, y: rwPoint.y });
+          setDimensionToolVisible(true);
+          setDimensionToolStretching(true);
+          disarmMeasure();
+        } else if (dimensionToolStretching) {
           setDimensionToolStretching(false);
         } else if (dimensionToolVisible) {
           setDimensionToolVisible(false);
@@ -133054,13 +133079,13 @@ var RatsNestOverlay = ({ transform: transform2, soup, children }) => {
 };
 
 // src/components/ToolbarOverlay.tsx
-import { Fragment as Fragment5, useState as useState8 } from "react";
+import { Fragment as Fragment5, useEffect as useEffect13, useState as useState8 } from "react";
 import { css as css3 } from "@emotion/css";
 
 // package.json
 var package_default2 = {
   name: "@tscircuit/pcb-viewer",
-  version: "1.11.194",
+  version: "1.11.196",
   main: "dist/index.js",
   type: "module",
   repository: "tscircuit/pcb-viewer",
@@ -133111,7 +133136,7 @@ var package_default2 = {
   dependencies: {
     "@emotion/css": "^11.11.2",
     "@vitejs/plugin-react": "^4.5.0",
-    "circuit-to-svg": "^0.0.130",
+    "circuit-to-svg": "^0.0.166",
     color: "^4.2.3",
     "react-supergrid": "^1.0.10",
     "react-toastify": "^10.0.5",
@@ -133246,6 +133271,7 @@ var ToolbarOverlay = ({ children, elements }) => {
   const [isViewMenuOpen, setViewMenuOpen] = useState8(false);
   const [isLayerMenuOpen, setLayerMenuOpen] = useState8(false);
   const [isErrorsOpen, setErrorsOpen] = useState8(false);
+  const [measureToolArmed, setMeasureToolArmed] = useState8(false);
   const [selectedLayer, selectLayer] = useGlobalStore(
     (s) => [s.selected_layer, s.selectLayer]
   );
@@ -133273,6 +133299,16 @@ var ToolbarOverlay = ({ children, elements }) => {
     (s) => s.setIsShowingAutorouting
   );
   const setIsShowingDrcErrors = useGlobalStore((s) => s.setIsShowingDrcErrors);
+  useEffect13(() => {
+    const arm = () => setMeasureToolArmed(true);
+    const disarm = () => setMeasureToolArmed(false);
+    window.addEventListener("arm-dimension-tool", arm);
+    window.addEventListener("disarm-dimension-tool", disarm);
+    return () => {
+      window.removeEventListener("arm-dimension-tool", arm);
+      window.removeEventListener("disarm-dimension-tool", disarm);
+    };
+  }, []);
   useHotKey("1", () => selectLayer("top"));
   useHotKey("2", () => selectLayer("bottom"));
   useHotKey("3", () => selectLayer("inner1"));
@@ -133437,6 +133473,17 @@ var ToolbarOverlay = ({ children, elements }) => {
                   ] })
                 }
               ),
+              /* @__PURE__ */ jsx20(
+                ToolbarButton,
+                {
+                  style: measureToolArmed ? { backgroundColor: "#444" } : {},
+                  onClick: () => {
+                    setMeasureToolArmed(true);
+                    window.dispatchEvent(new Event("arm-dimension-tool"));
+                  },
+                  children: /* @__PURE__ */ jsx20("div", { children: "\u{1F4CF}" })
+                }
+              ),
               /* @__PURE__ */ jsx20(
                 ToolbarButton,
                 {