@tscircuit/pcb-viewer 1.11.228 → 1.11.230

package/dist/index.js

@@ -7746,6 +7746,131 @@ var convertElementToPrimitives = (element, allElements) => {
       }
       return [];
     }
+    case "pcb_fabrication_note_dimension": {
+      const dimensionElement = element;
+      const { from, to, text, font_size, arrow_size } = dimensionElement;
+      const layer = element.layer === "bottom" ? "bottom_fabrication" : "top_fabrication";
+      const primitives = [];
+      const arrowSize = typeof arrow_size === "number" && !Number.isNaN(arrow_size) ? arrow_size : 1;
+      primitives.push({
+        _pcb_drawing_object_id: getNewPcbDrawingObjectId(
+          "pcb_fabrication_note_dimension"
+        ),
+        pcb_drawing_type: "line",
+        x1: from.x,
+        y1: from.y,
+        x2: to.x,
+        y2: to.y,
+        width: 0.05,
+        squareCap: false,
+        layer,
+        _element: element,
+        _parent_pcb_component,
+        _parent_source_component,
+        _source_port
+      });
+      const dx = to.x - from.x;
+      const dy = to.y - from.y;
+      const length = Math.sqrt(dx * dx + dy * dy) || 1;
+      const unitX = dx / length;
+      const unitY = dy / length;
+      const arrowAngle = Math.PI / 6;
+      const arrow1X1 = from.x + arrowSize * (unitX * Math.cos(arrowAngle) - unitY * Math.sin(arrowAngle));
+      const arrow1Y1 = from.y + arrowSize * (unitX * Math.sin(arrowAngle) + unitY * Math.cos(arrowAngle));
+      const arrow1X2 = from.x + arrowSize * (unitX * Math.cos(-arrowAngle) - unitY * Math.sin(-arrowAngle));
+      const arrow1Y2 = from.y + arrowSize * (unitX * Math.sin(-arrowAngle) + unitY * Math.cos(-arrowAngle));
+      primitives.push({
+        _pcb_drawing_object_id: getNewPcbDrawingObjectId(
+          "pcb_fabrication_note_dimension"
+        ),
+        pcb_drawing_type: "line",
+        x1: from.x,
+        y1: from.y,
+        x2: arrow1X1,
+        y2: arrow1Y1,
+        width: 0.05,
+        squareCap: false,
+        layer,
+        _element: element,
+        _parent_pcb_component,
+        _parent_source_component,
+        _source_port
+      });
+      primitives.push({
+        _pcb_drawing_object_id: getNewPcbDrawingObjectId(
+          "pcb_fabrication_note_dimension"
+        ),
+        pcb_drawing_type: "line",
+        x1: from.x,
+        y1: from.y,
+        x2: arrow1X2,
+        y2: arrow1Y2,
+        width: 0.05,
+        squareCap: false,
+        layer,
+        _element: element,
+        _parent_pcb_component,
+        _parent_source_component,
+        _source_port
+      });
+      const arrow2X1 = to.x - arrowSize * (unitX * Math.cos(arrowAngle) - unitY * Math.sin(arrowAngle));
+      const arrow2Y1 = to.y - arrowSize * (unitX * Math.sin(arrowAngle) + unitY * Math.cos(arrowAngle));
+      const arrow2X2 = to.x - arrowSize * (unitX * Math.cos(-arrowAngle) - unitY * Math.sin(-arrowAngle));
+      const arrow2Y2 = to.y - arrowSize * (unitX * Math.sin(-arrowAngle) + unitY * Math.cos(-arrowAngle));
+      primitives.push({
+        _pcb_drawing_object_id: getNewPcbDrawingObjectId(
+          "pcb_fabrication_note_dimension"
+        ),
+        pcb_drawing_type: "line",
+        x1: to.x,
+        y1: to.y,
+        x2: arrow2X1,
+        y2: arrow2Y1,
+        width: 0.05,
+        squareCap: false,
+        layer,
+        _element: element,
+        _parent_pcb_component,
+        _parent_source_component,
+        _source_port
+      });
+      primitives.push({
+        _pcb_drawing_object_id: getNewPcbDrawingObjectId(
+          "pcb_fabrication_note_dimension"
+        ),
+        pcb_drawing_type: "line",
+        x1: to.x,
+        y1: to.y,
+        x2: arrow2X2,
+        y2: arrow2Y2,
+        width: 0.05,
+        squareCap: false,
+        layer,
+        _element: element,
+        _parent_pcb_component,
+        _parent_source_component,
+        _source_port
+      });
+      if (text) {
+        primitives.push({
+          _pcb_drawing_object_id: getNewPcbDrawingObjectId(
+            "pcb_fabrication_note_dimension"
+          ),
+          pcb_drawing_type: "text",
+          x: (from.x + to.x) / 2,
+          y: (from.y + to.y) / 2,
+          layer,
+          align: "center",
+          text,
+          size: font_size,
+          _element: element,
+          _parent_pcb_component,
+          _parent_source_component,
+          _source_port
+        });
+      }
+      return primitives;
+    }
     case "pcb_fabrication_note_text": {
       return [
         {
@@ -7812,6 +7937,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 +8409,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 +9231,7 @@ var orderedLayers = [
   "inner5",
   "inner6",
   "drill",
+  "notes",
   "other"
 ];
 var CanvasPrimitiveRenderer = ({
@@ -11557,7 +11858,7 @@ import { css as css3 } from "@emotion/css";
 // package.json
 var package_default = {
   name: "@tscircuit/pcb-viewer",
-  version: "1.11.225",
+  version: "1.11.229",
   main: "dist/index.js",
   type: "module",
   repository: "tscircuit/pcb-viewer",
@@ -11594,7 +11895,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",
@@ -11608,8 +11909,8 @@ var package_default = {
   dependencies: {
     "@emotion/css": "^11.11.2",
     "@vitejs/plugin-react": "^5.0.2",
-    "circuit-json": "^0.0.273",
-    "circuit-to-svg": "^0.0.191",
+    "circuit-json": "^0.0.279",
+    "circuit-to-svg": "^0.0.240",
     color: "^4.2.3",
     "react-supergrid": "^1.0.10",
     "react-toastify": "^10.0.5",