circuit-to-svg 0.0.285 → 0.0.287

package/dist/index.js

@@ -2750,6 +2750,7 @@ import { lineAlphabet } from "@tscircuit/alphabet";
 var CHAR_WIDTH = 1;
 var CHAR_SPACING = 0.2;
 var LINE_HEIGHT = 1.4;
+var FONT_SCALE = 0.53;
 function linesToPathData(lines, offsetX, offsetY, charScale) {
   return lines.map((line) => {
     const x1 = offsetX + line.x1 * charScale;
@@ -2841,15 +2842,16 @@ function createSvgObjectsFromPcbCopperText(pcbCopperText, ctx) {
   const isBottom = layerName === "bottom";
   const applyMirror = isBottom ? true : is_mirrored === true;
   if (is_knockout) {
+    const scaledFontSize2 = fontSizeNum * FONT_SCALE;
     const { pathData: pathData2, width: width2, height: height2 } = textToCenteredAlphabetPaths(
       text,
-      fontSizeNum
+      scaledFontSize2
     );
-    const padX = knockout_padding?.left ?? fontSizeNum * 0.5;
-    const padY = knockout_padding?.top ?? fontSizeNum * 0.3;
+    const padX = knockout_padding?.left ?? scaledFontSize2 * 0.5;
+    const padY = knockout_padding?.top ?? scaledFontSize2 * 0.3;
     const rectW = width2 + padX * 2;
     const rectH = height2 + padY * 2;
-    const strokeWidth2 = fontSizeNum * 0.15;
+    const strokeWidth2 = scaledFontSize2 * 0.15;
     const knockoutTransform = matrixToString4(
       compose3(
         translate3(ax, ay),
@@ -2927,9 +2929,10 @@ function createSvgObjectsFromPcbCopperText(pcbCopperText, ctx) {
       }
     ];
   }
+  const scaledFontSize = fontSizeNum * FONT_SCALE;
   const { pathData, width, height } = textToCenteredAlphabetPaths(
     text,
-    fontSizeNum
+    scaledFontSize
   );
   let offsetX = 0;
   let offsetY = 0;
@@ -2972,7 +2975,7 @@ function createSvgObjectsFromPcbCopperText(pcbCopperText, ctx) {
       scale2(scaleFactor, scaleFactor)
     )
   );
-  const strokeWidth = fontSizeNum * 0.15;
+  const strokeWidth = scaledFontSize * 0.15;
   return [
     {
       name: "path",
@@ -3788,7 +3791,9 @@ function createAnchorOffsetIndicators(params) {
     componentPosition,
     transform,
     componentWidth = 0,
-    componentHeight = 0
+    componentHeight = 0,
+    displayXOffset,
+    displayYOffset
   } = params;
   const objects = [];
   const [screenGroupAnchorX, screenGroupAnchorY] = applyToPoint22(transform, [
@@ -3854,7 +3859,8 @@ function createAnchorOffsetIndicators(params) {
         endX: screenComponentX,
         y: horizontalLineY,
         offsetMm: offsetX,
-        offsetY
+        offsetY,
+        displayOffset: displayXOffset
       })
     );
   }
@@ -3865,7 +3871,8 @@ function createAnchorOffsetIndicators(params) {
         startY: screenGroupAnchorY,
         endY: screenComponentY,
         offsetMm: offsetY,
-        offsetX
+        offsetX,
+        displayOffset: displayYOffset
       })
     );
   }
@@ -3919,7 +3926,8 @@ function createHorizontalDimension({
   endX,
   y,
   offsetMm,
-  offsetY
+  offsetY,
+  displayOffset
 }) {
   const objects = [];
   objects.push({
@@ -3983,7 +3991,7 @@ function createHorizontalDimension({
     children: [
       {
         type: "text",
-        value: `X: ${offsetMm.toFixed(2)}mm`,
+        value: formatOffsetLabel("X", offsetMm, displayOffset),
         name: "",
         attributes: {},
         children: []
@@ -3998,7 +4006,8 @@ function createVerticalDimension({
   startY,
   endY,
   offsetMm,
-  offsetX
+  offsetX,
+  displayOffset
 }) {
   const objects = [];
   objects.push({
@@ -4062,7 +4071,7 @@ function createVerticalDimension({
     children: [
       {
         type: "text",
-        value: `Y: ${offsetMm.toFixed(2)}mm`,
+        value: formatOffsetLabel("Y", offsetMm, displayOffset),
         name: "",
         attributes: {},
         children: []
@@ -4072,6 +4081,13 @@ function createVerticalDimension({
   });
   return objects;
 }
+function formatOffsetLabel(axis, offsetMm, displayOffset) {
+  const baseValue = displayOffset ?? offsetMm.toFixed(2);
+  const valueStr = typeof baseValue === "number" ? baseValue.toString() : baseValue;
+  const hasUnit = typeof valueStr === "string" && valueStr.trim().endsWith("mm");
+  const unitSuffix = hasUnit ? "" : "mm";
+  return `${axis}: ${valueStr}${unitSuffix}`;
+}
 
 // lib/pcb/svg-object-fns/create-svg-objects-from-pcb-board.ts
 function createSvgObjectsFromPcbBoard(pcbBoard, ctx) {
@@ -5360,18 +5376,18 @@ function createSvgObjectsFromPcbComponent(component, ctx) {
   const scaledHeight = height * Math.abs(transform.d);
   const transformStr = `translate(${x}, ${y}) rotate(${-rotation}) scale(1, -1)`;
   const svgObjects = [];
-  if (ctx.showAnchorOffsets && component.positioned_relative_to_pcb_group_id && component.position_mode === "relative" && circuitJson) {
-    const pcbGroup = circuitJson.find(
-      (elm) => elm.type === "pcb_group" && elm.pcb_group_id === component.positioned_relative_to_pcb_group_id
-    );
-    if (pcbGroup?.center) {
+  if (ctx.showAnchorOffsets && component.position_mode === "relative" && circuitJson) {
+    const anchorPosition = getAnchorPosition(component, circuitJson);
+    if (anchorPosition) {
       svgObjects.push(
         ...createAnchorOffsetIndicators({
-          groupAnchorPosition: pcbGroup.center,
+          groupAnchorPosition: anchorPosition,
           componentPosition: center,
           transform,
           componentWidth: width,
-          componentHeight: height
+          componentHeight: height,
+          displayXOffset: component.display_x_offset,
+          displayYOffset: component.display_y_offset
         })
       );
     }
@@ -5408,6 +5424,21 @@ function createSvgObjectsFromPcbComponent(component, ctx) {
   });
   return svgObjects;
 }
+function getAnchorPosition(component, circuitJson) {
+  if (component.positioned_relative_to_pcb_group_id) {
+    const pcbGroup = circuitJson.find(
+      (elm) => elm.type === "pcb_group" && elm.pcb_group_id === component.positioned_relative_to_pcb_group_id
+    );
+    if (pcbGroup?.center) return pcbGroup.center;
+  }
+  if (component.positioned_relative_to_pcb_board_id) {
+    const pcbBoard = circuitJson.find(
+      (elm) => elm.type === "pcb_board" && elm.pcb_board_id === component.positioned_relative_to_pcb_board_id
+    );
+    if (pcbBoard?.center) return pcbBoard.center;
+  }
+  return void 0;
+}
 
 // lib/pcb/svg-object-fns/create-svg-objects-from-pcb-group.ts
 import { applyToPoint as applyToPoint32 } from "transformation-matrix";
@@ -5499,7 +5530,7 @@ function getSoftwareUsedString(circuitJson) {
 var package_default = {
   name: "circuit-to-svg",
   type: "module",
-  version: "0.0.284",
+  version: "0.0.286",
   description: "Convert Circuit JSON to SVG",
   main: "dist/index.js",
   files: [
@@ -5522,7 +5553,7 @@ var package_default = {
     "@vitejs/plugin-react": "5.0.0",
     biome: "^0.3.3",
     "bun-match-svg": "^0.0.12",
-    "circuit-json": "^0.0.327",
+    "circuit-json": "^0.0.331",
     esbuild: "^0.20.2",
     "performance-now": "^2.1.0",
     react: "19.1.0",