circuit-to-svg 0.0.289 → 0.0.291

package/dist/index.js

@@ -5445,8 +5445,25 @@ import { applyToPoint as applyToPoint32 } from "transformation-matrix";
 var DEFAULT_GROUP_COLOR = "rgba(100, 200, 255, 0.6)";
 var DEFAULT_STROKE_WIDTH = 0.1;
 function createSvgObjectsFromPcbGroup(pcbGroup, ctx) {
-  const { transform } = ctx;
+  const { transform, circuitJson } = ctx;
   const { center, width, height } = pcbGroup;
+  const svgObjects = [];
+  if (ctx.showAnchorOffsets && pcbGroup.position_mode === "relative_to_group_anchor" && circuitJson) {
+    const anchorPosition = getAnchorPosition2(pcbGroup, circuitJson);
+    if (anchorPosition) {
+      svgObjects.push(
+        ...createAnchorOffsetIndicators({
+          groupAnchorPosition: anchorPosition,
+          componentPosition: pcbGroup.center,
+          transform,
+          componentWidth: pcbGroup.width,
+          componentHeight: pcbGroup.height,
+          displayXOffset: pcbGroup.display_offset_x,
+          displayYOffset: pcbGroup.display_offset_y
+        })
+      );
+    }
+  }
   const outline = Array.isArray(pcbGroup.outline) ? pcbGroup.outline : void 0;
   const transformedStrokeWidth = DEFAULT_STROKE_WIDTH * Math.abs(transform.a);
   const dashLength = 0.3 * Math.abs(transform.a);
@@ -5471,22 +5488,21 @@ function createSvgObjectsFromPcbGroup(pcbGroup, ctx) {
       const [x, y] = applyToPoint32(transform, [point.x, point.y]);
       return index === 0 ? `M ${x} ${y}` : `L ${x} ${y}`;
     }).join(" ");
-    return [
-      {
-        name: "path",
-        type: "element",
-        value: "",
-        children: [],
-        attributes: {
-          ...baseAttributes,
-          d: `${path} Z`
-        }
+    svgObjects.push({
+      name: "path",
+      type: "element",
+      value: "",
+      children: [],
+      attributes: {
+        ...baseAttributes,
+        d: `${path} Z`
       }
-    ];
+    });
+    return svgObjects;
   }
   if (!center || typeof center.x !== "number" || typeof center.y !== "number" || typeof width !== "number" || typeof height !== "number") {
     console.error("Invalid pcb_group data", { center, width, height });
-    return [];
+    return svgObjects;
   }
   const halfWidth = width / 2;
   const halfHeight = height / 2;
@@ -5515,7 +5531,23 @@ function createSvgObjectsFromPcbGroup(pcbGroup, ctx) {
     },
     children: []
   };
-  return [svgObject];
+  svgObjects.push(svgObject);
+  return svgObjects;
+}
+function getAnchorPosition2(group, circuitJson) {
+  if (group.positioned_relative_to_pcb_group_id) {
+    const pcbGroup = circuitJson.find(
+      (elm) => elm.type === "pcb_group" && elm.pcb_group_id === group.positioned_relative_to_pcb_group_id
+    );
+    if (pcbGroup?.center) return pcbGroup.center;
+  }
+  if (group.positioned_relative_to_pcb_board_id) {
+    const pcbBoard = circuitJson.find(
+      (elm) => elm.type === "pcb_board" && elm.pcb_board_id === group.positioned_relative_to_pcb_board_id
+    );
+    if (pcbBoard?.center) return pcbBoard.center;
+  }
+  return void 0;
 }
 
 // lib/utils/get-software-used-string.ts
@@ -5530,7 +5562,7 @@ function getSoftwareUsedString(circuitJson) {
 var package_default = {
   name: "circuit-to-svg",
   type: "module",
-  version: "0.0.288",
+  version: "0.0.290",
   description: "Convert Circuit JSON to SVG",
   main: "dist/index.js",
   files: [
@@ -5553,7 +5585,7 @@ var package_default = {
     "@vitejs/plugin-react": "5.0.0",
     biome: "^0.3.3",
     "bun-match-svg": "^0.0.12",
-    "circuit-json": "^0.0.332",
+    "circuit-json": "^0.0.333",
     esbuild: "^0.20.2",
     "performance-now": "^2.1.0",
     react: "19.1.0",
@@ -10491,19 +10523,86 @@ function createSvgObjectsFromSchVoltageProbe({
   const probeColor = probe.color ?? colorMap2.schematic.reference;
   const arrowLength = Math.abs(transform.a) * 0.6;
   const arrowWidth = Math.abs(transform.a) * 0.28;
-  const baseX = screenX + arrowLength * Math.cos(-50 * Math.PI / 180);
-  const baseY = screenY + arrowLength * Math.sin(-50 * Math.PI / 180);
+  const labelAlignment = probe.label_alignment ?? "top_right";
+  let baseAngleRad;
+  let textAnchor;
+  let textOffsetX;
+  let textOffsetY;
+  switch (labelAlignment) {
+    case "top_left":
+      baseAngleRad = -135 * Math.PI / 180;
+      textAnchor = "end";
+      textOffsetX = -8;
+      textOffsetY = -8;
+      break;
+    case "top_center":
+      baseAngleRad = -90 * Math.PI / 180;
+      textAnchor = "middle";
+      textOffsetX = 0;
+      textOffsetY = -8;
+      break;
+    case "top_right":
+      baseAngleRad = -45 * Math.PI / 180;
+      textAnchor = "start";
+      textOffsetX = 8;
+      textOffsetY = -8;
+      break;
+    case "center_left":
+      baseAngleRad = 180 * Math.PI / 180;
+      textAnchor = "end";
+      textOffsetX = -8;
+      textOffsetY = 0;
+      break;
+    case "center":
+      baseAngleRad = -90 * Math.PI / 180;
+      textAnchor = "middle";
+      textOffsetX = 0;
+      textOffsetY = -8;
+      break;
+    case "center_right":
+      baseAngleRad = 0 * Math.PI / 180;
+      textAnchor = "start";
+      textOffsetX = 8;
+      textOffsetY = 0;
+      break;
+    case "bottom_left":
+      baseAngleRad = 135 * Math.PI / 180;
+      textAnchor = "end";
+      textOffsetX = -8;
+      textOffsetY = 8;
+      break;
+    case "bottom_center":
+      baseAngleRad = 90 * Math.PI / 180;
+      textAnchor = "middle";
+      textOffsetX = 0;
+      textOffsetY = 8;
+      break;
+    case "bottom_right":
+      baseAngleRad = 45 * Math.PI / 180;
+      textAnchor = "start";
+      textOffsetX = 8;
+      textOffsetY = 8;
+      break;
+    default:
+      baseAngleRad = -50 * Math.PI / 180;
+      textAnchor = "start";
+      textOffsetX = 8;
+      textOffsetY = 0;
+  }
+  const baseX = screenX + arrowLength * Math.cos(baseAngleRad);
+  const baseY = screenY + arrowLength * Math.sin(baseAngleRad);
   const tipX = screenX;
   const tipY = screenY;
   const arrowPath = [
     `M ${baseX},${baseY}`,
     `L ${tipX},${tipY}`,
     `M ${tipX},${tipY}`,
-    `L ${tipX - arrowWidth * Math.cos((-50 + 150) * Math.PI / 180)},${tipY - arrowWidth * Math.sin((-50 + 150) * Math.PI / 180)}`,
-    `L ${tipX - arrowWidth * Math.cos((-50 + 210) * Math.PI / 180)},${tipY - arrowWidth * Math.sin((-50 + 210) * Math.PI / 180)}`,
+    `L ${tipX - arrowWidth * Math.cos((baseAngleRad * 180 / Math.PI + 150) * Math.PI / 180)},${tipY - arrowWidth * Math.sin((baseAngleRad * 180 / Math.PI + 150) * Math.PI / 180)}`,
+    `L ${tipX - arrowWidth * Math.cos((baseAngleRad * 180 / Math.PI + 210) * Math.PI / 180)},${tipY - arrowWidth * Math.sin((baseAngleRad * 180 / Math.PI + 210) * Math.PI / 180)}`,
     "Z"
   ].join(" ");
-  const x = (baseX + 8 - (baseX - baseX)).toString();
+  const x = (baseX + textOffsetX).toString();
+  const y = (baseY + textOffsetY).toString();
   const textChildren = [];
   if (probe.name && probe.voltage !== void 0) {
     textChildren.push({
@@ -10576,9 +10675,9 @@ function createSvgObjectsFromSchVoltageProbe({
       value: "",
       attributes: {
         x,
-        y: baseY.toString(),
+        y,
         fill: probeColor,
-        "text-anchor": "start",
+        "text-anchor": textAnchor,
         "dominant-baseline": "middle",
         "font-family": "sans-serif",
         "font-size": `${getSchScreenFontSize(transform, "reference_designator")}px`,