@tscircuit/pcb-viewer 1.11.227 → 1.11.229

package/dist/index.js

@@ -7812,6 +7812,180 @@ var convertElementToPrimitives = (element, allElements) => {
           return [];
       }
     }
+    case "pcb_note_line": {
+      const noteLineElement = element;
+      return [
+        {
+          _pcb_drawing_object_id: getNewPcbDrawingObjectId("pcb_note_line"),
+          pcb_drawing_type: "line",
+          x1: noteLineElement.x1,
+          y1: noteLineElement.y1,
+          x2: noteLineElement.x2,
+          y2: noteLineElement.y2,
+          width: noteLineElement.stroke_width ?? 0.1,
+          squareCap: false,
+          layer: "notes",
+          _element: element,
+          _parent_pcb_component,
+          _parent_source_component
+        }
+      ];
+    }
+    case "pcb_note_rect": {
+      const noteRectElement = element;
+      return [
+        {
+          _pcb_drawing_object_id: getNewPcbDrawingObjectId("pcb_note_rect"),
+          pcb_drawing_type: "rect",
+          x: noteRectElement.center.x,
+          y: noteRectElement.center.y,
+          w: noteRectElement.width,
+          h: noteRectElement.height,
+          layer: "notes",
+          stroke_width: noteRectElement.stroke_width,
+          is_filled: noteRectElement.is_filled,
+          has_stroke: noteRectElement.has_stroke,
+          is_stroke_dashed: noteRectElement.is_stroke_dashed,
+          _element: element,
+          _parent_pcb_component,
+          _parent_source_component
+        }
+      ];
+    }
+    case "pcb_note_path": {
+      const notePathElement = element;
+      const { route, stroke_width } = notePathElement;
+      return route.slice(0, -1).map((point, index) => {
+        const nextPoint = route[index + 1];
+        return {
+          _pcb_drawing_object_id: getNewPcbDrawingObjectId("pcb_note_path"),
+          pcb_drawing_type: "line",
+          x1: point.x,
+          y1: point.y,
+          x2: nextPoint.x,
+          y2: nextPoint.y,
+          width: stroke_width ?? 0.1,
+          squareCap: false,
+          layer: "notes",
+          _element: element,
+          _parent_pcb_component,
+          _parent_source_component
+        };
+      }).filter(Boolean);
+    }
+    case "pcb_note_text": {
+      const noteTextElement = element;
+      return [
+        {
+          _pcb_drawing_object_id: getNewPcbDrawingObjectId("pcb_note_text"),
+          pcb_drawing_type: "text",
+          x: noteTextElement.anchor_position.x,
+          y: noteTextElement.anchor_position.y,
+          layer: "notes",
+          align: noteTextElement.anchor_alignment ?? "center",
+          text: noteTextElement.text,
+          size: noteTextElement.font_size,
+          _element: element,
+          _parent_pcb_component,
+          _parent_source_component
+        }
+      ];
+    }
+    case "pcb_note_dimension": {
+      const dimensionElement = element;
+      const { from, to, text, font_size, arrow_size } = dimensionElement;
+      const primitives = [];
+      primitives.push({
+        _pcb_drawing_object_id: getNewPcbDrawingObjectId("pcb_note_dimension"),
+        pcb_drawing_type: "line",
+        x1: from.x,
+        y1: from.y,
+        x2: to.x,
+        y2: to.y,
+        width: 0.05,
+        squareCap: false,
+        layer: "notes",
+        _element: element,
+        _parent_pcb_component,
+        _parent_source_component
+      });
+      const dx = to.x - from.x;
+      const dy = to.y - from.y;
+      const length = Math.sqrt(dx * dx + dy * dy);
+      const unitX = dx / length;
+      const unitY = dy / length;
+      const arrowAngle = Math.PI / 6;
+      const arrow1X1 = from.x + arrow_size * (unitX * Math.cos(arrowAngle) - unitY * Math.sin(arrowAngle));
+      const arrow1Y1 = from.y + arrow_size * (unitX * Math.sin(arrowAngle) + unitY * Math.cos(arrowAngle));
+      const arrow1X2 = from.x + arrow_size * (unitX * Math.cos(-arrowAngle) - unitY * Math.sin(-arrowAngle));
+      const arrow1Y2 = from.y + arrow_size * (unitX * Math.sin(-arrowAngle) + unitY * Math.cos(-arrowAngle));
+      primitives.push({
+        _pcb_drawing_object_id: getNewPcbDrawingObjectId("pcb_note_dimension"),
+        pcb_drawing_type: "line",
+        x1: from.x,
+        y1: from.y,
+        x2: arrow1X1,
+        y2: arrow1Y1,
+        width: 0.05,
+        squareCap: false,
+        layer: "notes",
+        _element: element
+      });
+      primitives.push({
+        _pcb_drawing_object_id: getNewPcbDrawingObjectId("pcb_note_dimension"),
+        pcb_drawing_type: "line",
+        x1: from.x,
+        y1: from.y,
+        x2: arrow1X2,
+        y2: arrow1Y2,
+        width: 0.05,
+        squareCap: false,
+        layer: "notes",
+        _element: element
+      });
+      const arrow2X1 = to.x - arrow_size * (unitX * Math.cos(arrowAngle) - unitY * Math.sin(arrowAngle));
+      const arrow2Y1 = to.y - arrow_size * (unitX * Math.sin(arrowAngle) + unitY * Math.cos(arrowAngle));
+      const arrow2X2 = to.x - arrow_size * (unitX * Math.cos(-arrowAngle) - unitY * Math.sin(-arrowAngle));
+      const arrow2Y2 = to.y - arrow_size * (unitX * Math.sin(-arrowAngle) + unitY * Math.cos(-arrowAngle));
+      primitives.push({
+        _pcb_drawing_object_id: getNewPcbDrawingObjectId("pcb_note_dimension"),
+        pcb_drawing_type: "line",
+        x1: to.x,
+        y1: to.y,
+        x2: arrow2X1,
+        y2: arrow2Y1,
+        width: 0.05,
+        squareCap: false,
+        layer: "notes",
+        _element: element
+      });
+      primitives.push({
+        _pcb_drawing_object_id: getNewPcbDrawingObjectId("pcb_note_dimension"),
+        pcb_drawing_type: "line",
+        x1: to.x,
+        y1: to.y,
+        x2: arrow2X2,
+        y2: arrow2Y2,
+        width: 0.05,
+        squareCap: false,
+        layer: "notes",
+        _element: element
+      });
+      if (text) {
+        primitives.push({
+          _pcb_drawing_object_id: getNewPcbDrawingObjectId("pcb_note_dimension"),
+          pcb_drawing_type: "text",
+          x: (from.x + to.x) / 2,
+          y: (from.y + to.y) / 2,
+          layer: "notes",
+          align: "center",
+          text,
+          size: font_size,
+          _element: element
+        });
+      }
+      return primitives;
+    }
   }
   return [];
 };
@@ -8110,6 +8284,7 @@ var LAYER_NAME_TO_COLOR = {
   bottom_silkscreen: colors_default.board.b_silks,
   top_fabrication: colors_default.board.f_fab,
   bottom_fabrication: colors_default.board.b_fab,
+  notes: colors_default.board.user_2,
   ...colors_default.board
 };
 var DEFAULT_DRAW_ORDER = [
@@ -8931,6 +9106,7 @@ var orderedLayers = [
   "inner5",
   "inner6",
   "drill",
+  "notes",
   "other"
 ];
 var CanvasPrimitiveRenderer = ({
@@ -11553,12 +11729,11 @@ import {
   useRef as useRef10
 } from "react";
 import { css as css3 } from "@emotion/css";
-import { all_layers } from "circuit-json";
 
 // package.json
 var package_default = {
   name: "@tscircuit/pcb-viewer",
-  version: "1.11.225",
+  version: "1.11.228",
   main: "dist/index.js",
   type: "module",
   repository: "tscircuit/pcb-viewer",
@@ -11595,7 +11770,7 @@ var package_default = {
     "react-cosmos-plugin-vite": "7.0.0-beta.0",
     "react-dom": "19.1.0",
     "react-use": "^17.4.0",
-    tscircuit: "^0.0.649",
+    tscircuit: "^0.0.758",
     tsup: "^8.0.2",
     "type-fest": "^3.0.0",
     typescript: "^5.4.4",
@@ -11609,7 +11784,7 @@ var package_default = {
   dependencies: {
     "@emotion/css": "^11.11.2",
     "@vitejs/plugin-react": "^5.0.2",
-    "circuit-json": "^0.0.273",
+    "circuit-json": "^0.0.279",
     "circuit-to-svg": "^0.0.191",
     color: "^4.2.3",
     "react-supergrid": "^1.0.10",
@@ -11866,15 +12041,33 @@ var ToolbarOverlay = ({ children, elements }) => {
       window.removeEventListener("disarm-dimension-tool", disarm);
     };
   }, []);
+  const errorCount = elements?.filter((e) => e.type.includes("error")).length ?? 0;
+  const errorElements = elements?.filter((el) => el.type.includes("error")) || [];
+  const pcbBoard = elements?.find((el) => el.type === "pcb_board");
+  const numLayers = pcbBoard?.num_layers || 2;
+  const availableLayers = numLayers <= 2 ? ["top", "bottom"] : [
+    "top",
+    ...Array.from({ length: numLayers - 2 }, (_, i) => `inner${i + 1}`),
+    "bottom"
+  ];
+  const processedLayers = availableLayers;
   const hotKeyCallbacks = {
-    "1": () => selectLayer("top"),
-    "2": () => selectLayer("bottom"),
-    "3": () => selectLayer("inner1"),
-    "4": () => selectLayer("inner2"),
-    "5": () => selectLayer("inner3"),
-    "6": () => selectLayer("inner4"),
-    "7": () => selectLayer("inner5"),
-    "8": () => selectLayer("inner6")
+    "1": availableLayers[0] ? () => selectLayer(availableLayers[0]) : () => {
+    },
+    "2": availableLayers[1] ? () => selectLayer(availableLayers[1]) : () => {
+    },
+    "3": availableLayers[2] ? () => selectLayer(availableLayers[2]) : () => {
+    },
+    "4": availableLayers[3] ? () => selectLayer(availableLayers[3]) : () => {
+    },
+    "5": availableLayers[4] ? () => selectLayer(availableLayers[4]) : () => {
+    },
+    "6": availableLayers[5] ? () => selectLayer(availableLayers[5]) : () => {
+    },
+    "7": availableLayers[6] ? () => selectLayer(availableLayers[6]) : () => {
+    },
+    "8": availableLayers[7] ? () => selectLayer(availableLayers[7]) : () => {
+    }
   };
   useHotKey("1", hotKeyCallbacks["1"]);
   useHotKey("2", hotKeyCallbacks["2"]);
@@ -11884,9 +12077,6 @@ var ToolbarOverlay = ({ children, elements }) => {
   useHotKey("6", hotKeyCallbacks["6"]);
   useHotKey("7", hotKeyCallbacks["7"]);
   useHotKey("8", hotKeyCallbacks["8"]);
-  const errorCount = elements?.filter((e) => e.type.includes("error")).length ?? 0;
-  const errorElements = elements?.filter((el) => el.type.includes("error")) || [];
-  const processedLayers = all_layers.map((l) => l.replace(/-/g, ""));
   const handleMouseEnter = useCallback3(() => {
     setIsMouseOverContainer(true);
   }, [setIsMouseOverContainer]);
@@ -12014,7 +12204,7 @@ var ToolbarOverlay = ({ children, elements }) => {
                         name: layer,
                         selected: layer === selectedLayer,
                         onClick: () => {
-                          selectLayer(layer.replace(/-/, ""));
+                          selectLayer(layer);
                         }
                       },
                       layer