circuit-to-svg 0.0.195 → 0.0.197

package/dist/index.js

@@ -1743,7 +1743,7 @@ function getSoftwareUsedString(circuitJson) {
 var package_default = {
   name: "circuit-to-svg",
   type: "module",
-  version: "0.0.194",
+  version: "0.0.196",
   description: "Convert Circuit JSON to SVG",
   main: "dist/index.js",
   files: [
@@ -1767,12 +1767,12 @@ var package_default = {
     "bun-match-svg": "^0.0.12",
     esbuild: "^0.20.2",
     "performance-now": "^2.1.0",
-    "circuit-json": "^0.0.257",
+    "circuit-json": "^0.0.261",
     react: "19.1.0",
     "react-cosmos": "7.0.0",
     "react-cosmos-plugin-vite": "7.0.0",
     "react-dom": "19.1.0",
-    tscircuit: "^0.0.648",
+    tscircuit: "^0.0.654",
     tsup: "^8.0.2",
     typescript: "^5.4.5",
     "vite-tsconfig-paths": "^5.0.1"
@@ -1885,10 +1885,10 @@ function convertCircuitJsonToPcbSvg(circuitJson, options) {
     }
   }
   const padding = drawPaddingOutsideBoard ? 1 : 0;
-  const boundsMinX = drawPaddingOutsideBoard || !isFinite(boardMinX) ? minX : boardMinX;
-  const boundsMinY = drawPaddingOutsideBoard || !isFinite(boardMinY) ? minY : boardMinY;
-  const boundsMaxX = drawPaddingOutsideBoard || !isFinite(boardMaxX) ? maxX : boardMaxX;
-  const boundsMaxY = drawPaddingOutsideBoard || !isFinite(boardMaxY) ? maxY : boardMaxY;
+  const boundsMinX = drawPaddingOutsideBoard || !Number.isFinite(boardMinX) ? minX : boardMinX;
+  const boundsMinY = drawPaddingOutsideBoard || !Number.isFinite(boardMinY) ? minY : boardMinY;
+  const boundsMaxX = drawPaddingOutsideBoard || !Number.isFinite(boardMaxX) ? maxX : boardMaxX;
+  const boundsMaxY = drawPaddingOutsideBoard || !Number.isFinite(boardMaxY) ? maxY : boardMaxY;
   const circuitWidth = boundsMaxX - boundsMinX + 2 * padding;
   const circuitHeight = boundsMaxY - boundsMinY + 2 * padding;
   let svgWidth = options?.width ?? 800;
@@ -4467,6 +4467,27 @@ function getSchematicBoundsFromCircuitJson(soup, padding = 0.5) {
         { width: totalWidth, height: totalHeight },
         0
       );
+    } else if (item.type === "schematic_line") {
+      updateBounds({ x: item.x1, y: item.y1 }, { width: 0.02, height: 0.02 }, 0);
+      updateBounds({ x: item.x2, y: item.y2 }, { width: 0.02, height: 0.02 }, 0);
+    } else if (item.type === "schematic_circle") {
+      updateBounds(
+        item.center,
+        { width: item.radius * 2, height: item.radius * 2 },
+        0
+      );
+    } else if (item.type === "schematic_rect") {
+      updateBounds(
+        item.center,
+        { width: item.width, height: item.height },
+        item.rotation
+      );
+    } else if (item.type === "schematic_arc") {
+      updateBounds(
+        item.center,
+        { width: item.radius * 2, height: item.radius * 2 },
+        0
+      );
     }
   }
   minX -= padding;
@@ -5338,6 +5359,9 @@ var createSvgObjectsFromSchematicComponentWithBox = ({
 // lib/sch/svg-object-fns/create-svg-objects-from-sch-component.ts
 function createSvgObjectsFromSchematicComponent(params) {
   const { component } = params;
+  if (component.is_box_with_pins === false) {
+    return [];
+  }
   const innerElements = component.symbol_name ? createSvgObjectsFromSchematicComponentWithSymbol(params) : createSvgObjectsFromSchematicComponentWithBox(params);
   return [
     {
@@ -6380,6 +6404,170 @@ var createSvgObjectsForSchComponentPortHovers = ({
   return svgs;
 };
 
+// lib/sch/svg-object-fns/create-svg-objects-from-sch-line.ts
+import { applyToPoint as applyToPoint46 } from "transformation-matrix";
+function createSvgObjectsFromSchematicLine({
+  schLine,
+  transform,
+  colorMap: colorMap2
+}) {
+  const p1 = applyToPoint46(transform, { x: schLine.x1, y: schLine.y1 });
+  const p2 = applyToPoint46(transform, { x: schLine.x2, y: schLine.y2 });
+  const strokeWidth = schLine.stroke_width ?? 0.02;
+  const transformedStrokeWidth = Math.abs(transform.a) * strokeWidth;
+  return [
+    {
+      name: "line",
+      type: "element",
+      attributes: {
+        x1: p1.x.toString(),
+        y1: p1.y.toString(),
+        x2: p2.x.toString(),
+        y2: p2.y.toString(),
+        stroke: schLine.color,
+        "stroke-width": transformedStrokeWidth.toString(),
+        ...schLine.is_dashed && {
+          "stroke-dasharray": (transformedStrokeWidth * 3).toString()
+        },
+        "data-schematic-line-id": schLine.schematic_line_id,
+        ...schLine.schematic_component_id && {
+          "data-schematic-component-id": schLine.schematic_component_id
+        }
+      },
+      children: [],
+      value: ""
+    }
+  ];
+}
+
+// lib/sch/svg-object-fns/create-svg-objects-from-sch-circle.ts
+import { applyToPoint as applyToPoint47 } from "transformation-matrix";
+function createSvgObjectsFromSchematicCircle({
+  schCircle,
+  transform,
+  colorMap: colorMap2
+}) {
+  const center = applyToPoint47(transform, schCircle.center);
+  const transformedRadius = Math.abs(transform.a) * schCircle.radius;
+  const strokeWidth = schCircle.stroke_width ?? 0.02;
+  const transformedStrokeWidth = Math.abs(transform.a) * strokeWidth;
+  return [
+    {
+      name: "circle",
+      type: "element",
+      attributes: {
+        cx: center.x.toString(),
+        cy: center.y.toString(),
+        r: transformedRadius.toString(),
+        fill: schCircle.is_filled ? schCircle.fill_color ?? schCircle.color : "none",
+        stroke: schCircle.color,
+        "stroke-width": transformedStrokeWidth.toString(),
+        ...schCircle.is_dashed && {
+          "stroke-dasharray": (transformedStrokeWidth * 3).toString()
+        },
+        "data-schematic-circle-id": schCircle.schematic_circle_id,
+        ...schCircle.schematic_component_id && {
+          "data-schematic-component-id": schCircle.schematic_component_id
+        }
+      },
+      children: [],
+      value: ""
+    }
+  ];
+}
+
+// lib/sch/svg-object-fns/create-svg-objects-from-sch-rect.ts
+import { applyToPoint as applyToPoint48 } from "transformation-matrix";
+function createSvgObjectsFromSchematicRect({
+  schRect,
+  transform,
+  colorMap: colorMap2
+}) {
+  const center = applyToPoint48(transform, schRect.center);
+  const transformedWidth = Math.abs(transform.a) * schRect.width;
+  const transformedHeight = Math.abs(transform.d) * schRect.height;
+  const strokeWidth = schRect.stroke_width ?? 0.02;
+  const transformedStrokeWidth = Math.abs(transform.a) * strokeWidth;
+  const x = center.x - transformedWidth / 2;
+  const y = center.y - transformedHeight / 2;
+  const svgRect = {
+    name: "rect",
+    type: "element",
+    attributes: {
+      x: x.toString(),
+      y: y.toString(),
+      width: transformedWidth.toString(),
+      height: transformedHeight.toString(),
+      fill: schRect.is_filled ? schRect.fill_color ?? schRect.color : "none",
+      stroke: schRect.color,
+      "stroke-width": transformedStrokeWidth.toString(),
+      ...schRect.is_dashed && {
+        "stroke-dasharray": (transformedStrokeWidth * 3).toString()
+      },
+      ...schRect.rotation !== 0 && {
+        transform: `rotate(${schRect.rotation} ${center.x} ${center.y})`
+      },
+      "data-schematic-rect-id": schRect.schematic_rect_id,
+      ...schRect.schematic_component_id && {
+        "data-schematic-component-id": schRect.schematic_component_id
+      }
+    },
+    children: [],
+    value: ""
+  };
+  return [svgRect];
+}
+
+// lib/sch/svg-object-fns/create-svg-objects-from-sch-arc.ts
+import { applyToPoint as applyToPoint49 } from "transformation-matrix";
+function createSvgObjectsFromSchematicArc({
+  schArc,
+  transform,
+  colorMap: colorMap2
+}) {
+  const center = applyToPoint49(transform, schArc.center);
+  const transformedRadius = Math.abs(transform.a) * schArc.radius;
+  const strokeWidth = schArc.stroke_width ?? 0.02;
+  const transformedStrokeWidth = Math.abs(transform.a) * strokeWidth;
+  const startAngleRad = schArc.start_angle_degrees * Math.PI / 180;
+  const endAngleRad = schArc.end_angle_degrees * Math.PI / 180;
+  const startX = center.x + transformedRadius * Math.cos(startAngleRad);
+  const startY = center.y + transformedRadius * Math.sin(startAngleRad);
+  const endX = center.x + transformedRadius * Math.cos(endAngleRad);
+  const endY = center.y + transformedRadius * Math.sin(endAngleRad);
+  let angleDiff = schArc.end_angle_degrees - schArc.start_angle_degrees;
+  if (schArc.direction === "clockwise") {
+    angleDiff = -angleDiff;
+  }
+  if (angleDiff < 0) {
+    angleDiff += 360;
+  }
+  const largeArcFlag = angleDiff > 180 ? 1 : 0;
+  const sweepFlag = schArc.direction === "clockwise" ? 1 : 0;
+  const pathData = `M ${startX} ${startY} A ${transformedRadius} ${transformedRadius} 0 ${largeArcFlag} ${sweepFlag} ${endX} ${endY}`;
+  return [
+    {
+      name: "path",
+      type: "element",
+      attributes: {
+        d: pathData,
+        fill: "none",
+        stroke: schArc.color,
+        "stroke-width": transformedStrokeWidth.toString(),
+        ...schArc.is_dashed && {
+          "stroke-dasharray": (transformedStrokeWidth * 3).toString()
+        },
+        "data-schematic-arc-id": schArc.schematic_arc_id,
+        ...schArc.schematic_component_id && {
+          "data-schematic-component-id": schArc.schematic_component_id
+        }
+      },
+      children: [],
+      value: ""
+    }
+  ];
+}
+
 // lib/sch/convert-circuit-json-to-schematic-svg.ts
 function buildNetHoverStyles(connectivityKeys) {
   const rules = [];
@@ -6470,6 +6658,10 @@ function convertCircuitJsonToSchematicSvg(circuitJson, options) {
   const schBoxSvgs = [];
   const schTableSvgs = [];
   const schPortHoverSvgs = [];
+  const schLineSvgs = [];
+  const schCircleSvgs = [];
+  const schRectSvgs = [];
+  const schArcSvgs = [];
   for (const elm of circuitJson) {
     if (elm.type === "schematic_debug_object") {
       schDebugObjectSvgs.push(
@@ -6544,6 +6736,38 @@ function convertCircuitJsonToSchematicSvg(circuitJson, options) {
           circuitJson
         })
       );
+    } else if (elm.type === "schematic_line") {
+      schLineSvgs.push(
+        ...createSvgObjectsFromSchematicLine({
+          schLine: elm,
+          transform,
+          colorMap: colorMap2
+        })
+      );
+    } else if (elm.type === "schematic_circle") {
+      schCircleSvgs.push(
+        ...createSvgObjectsFromSchematicCircle({
+          schCircle: elm,
+          transform,
+          colorMap: colorMap2
+        })
+      );
+    } else if (elm.type === "schematic_rect") {
+      schRectSvgs.push(
+        ...createSvgObjectsFromSchematicRect({
+          schRect: elm,
+          transform,
+          colorMap: colorMap2
+        })
+      );
+    } else if (elm.type === "schematic_arc") {
+      schArcSvgs.push(
+        ...createSvgObjectsFromSchematicArc({
+          schArc: elm,
+          transform,
+          colorMap: colorMap2
+        })
+      );
     }
   }
   const schTraceBaseSvgs = schTraceSvgs.filter(
@@ -6556,6 +6780,10 @@ function convertCircuitJsonToSchematicSvg(circuitJson, options) {
     ...schDebugObjectSvgs,
     ...schTraceBaseSvgs,
     ...schTraceOverlaySvgs,
+    ...schLineSvgs,
+    ...schCircleSvgs,
+    ...schRectSvgs,
+    ...schArcSvgs,
     ...schComponentSvgs,
     ...schPortHoverSvgs,
     ...schNetLabel,
@@ -6644,18 +6872,18 @@ var circuitJsonToSchematicSvg = convertCircuitJsonToSchematicSvg;
 // lib/pcb/convert-circuit-json-to-solder-paste-mask.ts
 import { stringify as stringify4 } from "svgson";
 import {
-  applyToPoint as applyToPoint48,
-  compose as compose12,
+  applyToPoint as applyToPoint52,
+  compose as compose13,
   scale as scale8,
-  translate as translate12
+  translate as translate13
 } from "transformation-matrix";
 
 // lib/pcb/svg-object-fns/convert-circuit-json-to-solder-paste-mask.ts
-import { applyToPoint as applyToPoint47 } from "transformation-matrix";
+import { applyToPoint as applyToPoint51 } from "transformation-matrix";
 function createSvgObjectsFromSolderPaste(solderPaste, ctx) {
   const { transform, layer: layerFilter } = ctx;
   if (layerFilter && solderPaste.layer !== layerFilter) return [];
-  const [x, y] = applyToPoint47(transform, [solderPaste.x, solderPaste.y]);
+  const [x, y] = applyToPoint51(transform, [solderPaste.x, solderPaste.y]);
   if (solderPaste.shape === "rect" || solderPaste.shape === "rotated_rect") {
     const width = solderPaste.width * Math.abs(transform.a);
     const height = solderPaste.height * Math.abs(transform.d);
@@ -6763,8 +6991,8 @@ function convertCircuitJsonToSolderPasteMask(circuitJson, options) {
   const scaleFactor = Math.min(scaleX, scaleY);
   const offsetX = (svgWidth - circuitWidth * scaleFactor) / 2;
   const offsetY = (svgHeight - circuitHeight * scaleFactor) / 2;
-  const transform = compose12(
-    translate12(
+  const transform = compose13(
+    translate13(
       offsetX - minX * scaleFactor + padding * scaleFactor,
       svgHeight - offsetY + minY * scaleFactor - padding * scaleFactor
     ),
@@ -6858,8 +7086,8 @@ function createSvgObjects3({ elm, ctx }) {
   }
 }
 function createSvgObjectFromPcbBoundary2(transform, minX, minY, maxX, maxY) {
-  const [x1, y1] = applyToPoint48(transform, [minX, minY]);
-  const [x2, y2] = applyToPoint48(transform, [maxX, maxY]);
+  const [x1, y1] = applyToPoint52(transform, [minX, minY]);
+  const [x2, y2] = applyToPoint52(transform, [maxX, maxY]);
   const width = Math.abs(x2 - x1);
   const height = Math.abs(y2 - y1);
   const x = Math.min(x1, x2);