circuit-to-svg 0.0.2 → 0.0.4

package/README.md

@@ -1 +1,59 @@
-# @tscircuit/soup-to-svg
+# circuit-to-svg
+
+A TypeScript library for converting circuit descriptions (soup) to SVG representations.
+
+## Overview
+
+This library provides functionality to convert circuit descriptions, referred to as "soup", into SVG (Scalable Vector Graphics) representations. It supports both schematic and PCB (Printed Circuit Board) layouts.
+
+## Features
+
+- Convert schematic circuit descriptions to SVG
+- Convert PCB layouts to SVG
+- Support for various circuit elements:
+  - Components
+  - Traces
+  - Text labels
+  - Net labels
+  - PCB boards
+  - PCB components
+  - PCB traces
+  - PCB holes and pads
+
+## Installation
+
+```bash
+npm install @tscircuit/circuit-to-svg
+```
+
+## Usage
+
+```typescript
+import { soupToSvg, pcbSoupToSvg } from '@tscircuit/circuit-to-svg';
+
+// For schematic circuits
+const schematicSoup = [...]; // Your schematic circuit description
+const schematicSvg = soupToSvg(schematicSoup);
+
+// For PCB layouts
+const pcbSoup = [...]; // Your PCB layout description
+const pcbSvg = pcbSoupToSvg(pcbSoup);
+```
+
+## API
+
+### `soupToSvg(soup: AnySoupElement[]): string`
+
+Converts a schematic circuit description to an SVG string.
+
+### `pcbSoupToSvg(soup: AnySoupElement[]): string`
+
+Converts a PCB layout description to an SVG string.
+
+## Contributing
+
+Contributions are welcome! Please feel free to submit a Pull Request.
+
+## License
+
+This project is licensed under the MIT License.

package/dist/index.js

@@ -26,59 +26,95 @@ __export(src_exports, {
 module.exports = __toCommonJS(src_exports);
 
 // src/lib/pcb-soup-to-svg.ts
+var import_svgson = require("svgson");
+var import_transformation_matrix = require("transformation-matrix");
 function pcbSoupToSvg(soup) {
-  const svgContent = [];
   let minX = Number.POSITIVE_INFINITY;
   let minY = Number.POSITIVE_INFINITY;
   let maxX = Number.NEGATIVE_INFINITY;
   let maxY = Number.NEGATIVE_INFINITY;
-  const board = soup.find((item) => item.type === "pcb_board");
-  if (board && "center" in board && "width" in board && "height" in board) {
-    updateBounds(board.center, board.width, board.height);
-  }
-  for (const component of soup.filter((item) => item.type === "pcb_component")) {
-    if ("center" in component && "width" in component && "height" in component) {
-      updateBounds(component.center, component.width, component.height);
-      svgContent.push(createPcbComponent(component));
-    }
-  }
-  for (const trace of soup.filter((item) => item.type === "pcb_trace")) {
-    svgContent.push(createPcbTrace(trace));
-    if ("route" in trace) {
-      updateTraceBounds(trace.route);
+  for (const item of soup) {
+    if ("center" in item && "width" in item && "height" in item) {
+      updateBounds(item.center, item.width, item.height);
+    } else if ("x" in item && "y" in item) {
+      updateBounds({ x: item.x, y: item.y }, 0, 0);
+    } else if ("route" in item) {
+      updateTraceBounds(item.route);
     }
   }
-  for (const item of soup.filter((i) => i.type === "pcb_plated_hole" || i.type === "pcb_smtpad")) {
-    if ("x" in item && "y" in item && ("outer_diameter" in item || "width" in item && "height" in item)) {
-      const diameter = "outer_diameter" in item ? item.outer_diameter : item.width;
-      const height2 = "outer_diameter" in item ? item.outer_diameter : item.height;
-      updateBounds({ x: item.x, y: item.y }, diameter, height2);
-      svgContent.push(createPcbHole(item));
+  const padding = 1;
+  const circuitWidth = maxX - minX + 2 * padding;
+  const circuitHeight = maxY - minY + 2 * padding;
+  const svgWidth = 800;
+  const svgHeight = 600;
+  const scaleX = svgWidth / circuitWidth;
+  const scaleY = svgHeight / circuitHeight;
+  const scaleFactor = Math.min(scaleX, scaleY);
+  const offsetX = (svgWidth - circuitWidth * scaleFactor) / 2;
+  const offsetY = (svgHeight - circuitHeight * scaleFactor) / 2;
+  const transform = (0, import_transformation_matrix.compose)(
+    (0, import_transformation_matrix.translate)(offsetX - minX * scaleFactor + padding * scaleFactor, svgHeight - offsetY + minY * scaleFactor - padding * scaleFactor),
+    (0, import_transformation_matrix.scale)(scaleFactor, -scaleFactor)
+    // Flip in y-direction
+  );
+  const svgElements = soup.map((item) => {
+    const element = createSvgElement(item, transform);
+    if (element === null) {
+      console.warn("Null element created for item:", item);
     }
+    return element;
+  }).filter((element) => element !== null);
+  const svgObject = {
+    name: "svg",
+    type: "element",
+    attributes: {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: svgWidth.toString(),
+      height: svgHeight.toString()
+    },
+    children: [
+      {
+        name: "style",
+        type: "element",
+        children: [
+          {
+            type: "text",
+            value: `
+              .pcb-board { fill: #000; }
+              .pcb-trace { stroke: #FF0000; stroke-width: 0.3; fill: none; }
+              .pcb-hole { fill: #FF00FF; }
+              .pcb-pad { fill: #FF0000; }
+              .pcb-boundary { fill: none; stroke: #FFFFFF; stroke-width: 0.5; }
+            `
+          }
+        ]
+      },
+      {
+        name: "rect",
+        type: "element",
+        attributes: {
+          class: "pcb-board",
+          x: "0",
+          y: "0",
+          width: svgWidth.toString(),
+          height: svgHeight.toString()
+        }
+      },
+      ...svgElements,
+      createPcbBoundary(transform, minX, minY, maxX, maxY)
+    ].filter((child) => child !== null)
+  };
+  console.log("SVG Object:", JSON.stringify(svgObject, null, 2));
+  try {
+    return (0, import_svgson.stringify)(svgObject);
+  } catch (error) {
+    console.error("Error stringifying SVG object:", error);
+    console.log("Problematic SVG object:", JSON.stringify(svgObject, null, 2));
+    throw error;
   }
-  const padding = 5;
-  const width = maxX - minX + 2 * padding;
-  const height = maxY - minY + 2 * padding;
-  const viewBox = `${minX - padding} ${-maxY - padding} ${width} ${height}`;
-  return `
-      <svg xmlns="http://www.w3.org/2000/svg" viewBox="${viewBox}" width="800" height="600">
-      <style>
-        .pcb-board { fill: #000; }
-        .pcb-trace { stroke: #CC0000; stroke-width: 0.1; fill: none; }
-        .pcb-hole { fill: #FF00FF; }
-        .pcb-pad { fill: #CC0000; }
-        .pcb-outline { fill: none; stroke: white; stroke-width: 0.1; }
-      </style>
-        <g transform="scale(1, -1)">
-          <rect class="pcb-board" x="${minX - padding}" y="${minY - padding}" width="${width}" height="${height}" />
-          ${svgContent.join("\n")}
-          <rect class="pcb-outline" x="${minX}" y="${minY}" width="${maxX - minX}" height="${maxY - minY}" />
-        </g>
-      </svg>
-    `;
-  function updateBounds(center, width2, height2) {
-    const halfWidth = width2 / 2;
-    const halfHeight = height2 / 2;
+  function updateBounds(center, width, height) {
+    const halfWidth = width / 2;
+    const halfHeight = height / 2;
     minX = Math.min(minX, center.x - halfWidth);
     minY = Math.min(minY, center.y - halfHeight);
     maxX = Math.max(maxX, center.x + halfWidth);
@@ -93,85 +129,215 @@ function pcbSoupToSvg(soup) {
     }
   }
 }
-function createPcbComponent(component) {
+function createSvgElement(item, transform) {
+  switch (item.type) {
+    case "pcb_component":
+      return createPcbComponent(item, transform);
+    case "pcb_trace":
+      return createPcbTrace(item, transform);
+    case "pcb_plated_hole":
+      return createPcbHole(item, transform);
+    case "pcb_smtpad":
+      return createPcbSMTPad(item, transform);
+    default:
+      return null;
+  }
+}
+function createPcbComponent(component, transform) {
   const { center, width, height, rotation = 0 } = component;
-  const transform = `translate(${center.x}, ${center.y}) rotate(${-rotation})`;
-  return `
-      <g transform="${transform}">
-        <rect class="pcb-component" x="${-width / 2}" y="${-height / 2}" width="${width}" height="${height}" />
-        <rect class="pcb-component-outline" x="${-width / 2}" y="${-height / 2}" width="${width}" height="${height}" />
-      </g>
-    `;
+  const [x, y] = (0, import_transformation_matrix.applyToPoint)(transform, [center.x, center.y]);
+  const scaledWidth = width * Math.abs(transform.a);
+  const scaledHeight = height * Math.abs(transform.d);
+  const transformStr = `translate(${x}, ${y}) rotate(${-rotation}) scale(1, -1)`;
+  return {
+    name: "g",
+    type: "element",
+    attributes: { transform: transformStr },
+    children: [
+      {
+        name: "rect",
+        type: "element",
+        attributes: {
+          class: "pcb-component",
+          x: (-scaledWidth / 2).toString(),
+          y: (-scaledHeight / 2).toString(),
+          width: scaledWidth.toString(),
+          height: scaledHeight.toString()
+        }
+      },
+      {
+        name: "rect",
+        type: "element",
+        attributes: {
+          class: "pcb-component-outline",
+          x: (-scaledWidth / 2).toString(),
+          y: (-scaledHeight / 2).toString(),
+          width: scaledWidth.toString(),
+          height: scaledHeight.toString()
+        }
+      }
+    ]
+  };
+}
+function createPcbHole(hole, transform) {
+  const [x, y] = (0, import_transformation_matrix.applyToPoint)(transform, [hole.x, hole.y]);
+  const scaledRadius = hole.outer_diameter / 2 * Math.abs(transform.a);
+  return {
+    name: "circle",
+    type: "element",
+    attributes: {
+      class: "pcb-hole",
+      cx: x.toString(),
+      cy: y.toString(),
+      r: scaledRadius.toString()
+    }
+  };
+}
+function createPcbSMTPad(pad, transform) {
+  const [x, y] = (0, import_transformation_matrix.applyToPoint)(transform, [pad.x, pad.y]);
+  const width = pad.width * Math.abs(transform.a);
+  const height = pad.height * Math.abs(transform.d);
+  return {
+    name: "rect",
+    type: "element",
+    attributes: {
+      class: "pcb-pad",
+      x: (x - width / 2).toString(),
+      y: (y - height / 2).toString(),
+      width: width.toString(),
+      height: height.toString()
+    }
+  };
 }
-function createPcbTrace(trace) {
+function createPcbTrace(trace, transform) {
+  if (!trace.route || !Array.isArray(trace.route)) return null;
   const path = trace.route.map((point, index) => {
-    return index === 0 ? `M ${point.x} ${point.y}` : `L ${point.x} ${point.y}`;
+    const [x, y] = (0, import_transformation_matrix.applyToPoint)(transform, [point.x, point.y]);
+    return index === 0 ? `M ${x} ${y}` : `L ${x} ${y}`;
   }).join(" ");
-  return `<path class="pcb-trace" d="${path}" />`;
+  return {
+    name: "path",
+    type: "element",
+    attributes: {
+      class: "pcb-trace",
+      d: path
+    }
+  };
 }
-function createPcbHole(hole) {
-  if (hole.type === "pcb_plated_hole") {
-    return `<circle class="pcb-hole" cx="${hole.x}" cy="${hole.y}" r="${hole.outer_diameter / 2}" />`;
-  }
-  return `<rect class="pcb-pad" x="${hole.x - hole.width / 2}" y="${hole.y - hole.height / 2}" width="${hole.width}" height="${hole.height}" />`;
+function createPcbBoundary(transform, minX, minY, maxX, maxY) {
+  const [x1, y1] = (0, import_transformation_matrix.applyToPoint)(transform, [minX, minY]);
+  const [x2, y2] = (0, import_transformation_matrix.applyToPoint)(transform, [maxX, maxY]);
+  const width = Math.abs(x2 - x1);
+  const height = Math.abs(y2 - y1);
+  const x = Math.min(x1, x2);
+  const y = Math.min(y1, y2);
+  return {
+    name: "rect",
+    type: "element",
+    attributes: {
+      class: "pcb-boundary",
+      x: x.toString(),
+      y: y.toString(),
+      width: width.toString(),
+      height: height.toString()
+    }
+  };
 }
 
 // src/lib/soup-to-svg.ts
+var import_svgson2 = require("svgson");
 function soupToSvg(soup) {
-  const svgContent = [];
   let minX = Number.POSITIVE_INFINITY;
   let minY = Number.POSITIVE_INFINITY;
   let maxX = Number.NEGATIVE_INFINITY;
   let maxY = Number.NEGATIVE_INFINITY;
+  const portSize = 0.2;
+  const portPositions = /* @__PURE__ */ new Map();
+  for (const item of soup) {
+    if (item.type === "schematic_component") {
+      updateBounds(item.center, item.size, item.rotation || 0);
+    } else if (item.type === "schematic_port") {
+      updateBounds(item.center, { width: portSize, height: portSize }, 0);
+      portPositions.set(item.schematic_port_id, item.center);
+    } else if (item.type === "schematic_text") {
+      updateBounds(item.position, { width: 0, height: 0 }, 0);
+    }
+  }
+  const height = maxY - minY;
+  const flipY = (y) => height - (y - minY) + minY;
+  const svgChildren = [];
+  const componentMap = /* @__PURE__ */ new Map();
   for (const component of soup.filter(
     (item) => item.type === "schematic_component"
   )) {
-    const svg = createSchematicComponent(component);
-    svgContent.push(svg);
-    if ("center" in component && "size" in component && "rotation" in component) {
-      updateBounds(component.center, component.size, component.rotation);
+    const flippedCenter = {
+      x: component.center.x,
+      y: flipY(component.center.y)
+    };
+    const svg = createSchematicComponent(
+      flippedCenter,
+      component.size,
+      component.rotation || 0
+    );
+    svgChildren.push(svg);
+    componentMap.set(component.schematic_component_id, component);
+  }
+  for (const port of soup.filter((item) => item.type === "schematic_port")) {
+    const flippedCenter = { x: port.center.x, y: flipY(port.center.y) };
+    const svg = createSchematicPort(flippedCenter);
+    svgChildren.push(svg);
+    const component = componentMap.get(port.schematic_component_id);
+    if (component) {
+      const line = createPortToComponentLine(
+        flippedCenter,
+        component,
+        port.facing_direction || "right"
+      );
+      svgChildren.push(line);
     }
   }
   for (const trace of soup.filter((item) => item.type === "schematic_trace")) {
-    const svg = createSchematicTrace(trace);
-    svgContent.push(svg);
-    updateTraceBounds(trace.edges);
+    const svg = createSchematicTrace(trace, flipY, portPositions);
+    if (svg) svgChildren.push(svg);
   }
   for (const text of soup.filter((item) => item.type === "schematic_text")) {
-    const svg = createSchematicText(text);
-    svgContent.push(svg);
-    if ("position" in text) {
-      updateTextBounds(text.position);
-    }
-  }
-  for (const label of soup.filter(
-    (item) => item.type === "schematic_net_label"
-  )) {
-    const svg = createSchematicNetLabel(label);
-    svgContent.push(svg);
-    const width2 = label.text.length * 0.15 + 0.3;
-    const height2 = 0.3;
-    minX = Math.min(minX, label.center.x);
-    minY = Math.min(minY, label.center.y - height2 / 2);
-    maxX = Math.max(maxX, label.center.x + width2);
-    maxY = Math.max(maxY, label.center.y + height2 / 2);
+    const flippedPosition = { x: text.position.x, y: flipY(text.position.y) };
+    const svg = createSchematicText(text, flippedPosition);
+    svgChildren.push(svg);
   }
   const padding = 1;
   const width = maxX - minX + 2 * padding;
-  const height = maxY - minY + 2 * padding;
-  const viewBox = `${minX - padding} ${minY - padding} ${width} ${height}`;
-  return `
-      <svg xmlns="http://www.w3.org/2000/svg" viewBox="${viewBox}" width="1200" height="600">
-      <style>
-      .component { fill: none; stroke: red; stroke-width: 0.05; }
-      .component-pin { fill: none; stroke: blue; stroke-width: 0.05; }
-      .trace { stroke: green; stroke-width: 0.05; fill: none; }
-      .text { font-family: Arial, sans-serif; font-size: 0.2px; }
-      .net-label { font-family: Arial, sans-serif; font-size: 0.2px; fill: gray; }
-    </style>
-        ${svgContent.join("\n")}
-      </svg>
-    `;
+  const viewBox = `${minX - padding} ${minY - padding} ${width} ${height + 2 * padding}`;
+  const svgObject = {
+    name: "svg",
+    type: "element",
+    attributes: {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox,
+      width: "1200",
+      height: "600"
+    },
+    children: [
+      {
+        name: "style",
+        type: "element",
+        children: [
+          {
+            type: "text",
+            value: `
+              .component { fill: none; stroke: red; stroke-width: 0.03; }
+              .component-pin { fill: none; stroke: red; stroke-width: 0.03; }
+              .trace { stroke: green; stroke-width: 0.03; fill: none; }
+              .text { font-family: Arial, sans-serif; font-size: 0.2px; }
+              .port { fill: none; stroke: blue; stroke-width: 0.03; }
+            `
+          }
+        ]
+      },
+      ...svgChildren
+    ]
+  };
+  return (0, import_svgson2.stringify)({ value: "", ...svgObject });
   function updateBounds(center, size, rotation) {
     const corners = [
       { x: -size.width / 2, y: -size.height / 2 },
@@ -188,121 +354,133 @@ function soupToSvg(soup) {
       maxY = Math.max(maxY, rotatedY);
     }
   }
-  function updateTraceBounds(edges) {
-    for (const edge of edges) {
-      minX = Math.min(minX, edge.from.x, edge.to.x);
-      minY = Math.min(minY, edge.from.y, edge.to.y);
-      maxX = Math.max(maxX, edge.from.x, edge.to.x);
-      maxY = Math.max(maxY, edge.from.y, edge.to.y);
-    }
-  }
-  function updateTextBounds(position) {
-    minX = Math.min(minX, position.x);
-    minY = Math.min(minY, position.y);
-    maxX = Math.max(maxX, position.x);
-    maxY = Math.max(maxY, position.y);
-  }
 }
-function createSchematicComponent(component) {
-  const { center, size, rotation } = component;
+function createSchematicComponent(center, size, rotation) {
   const transform = `translate(${center.x}, ${center.y}) rotate(${rotation * 180 / Math.PI})`;
-  const pinSize = 0.2;
-  return `
-      <g transform="${transform}">
-        <rect 
-          class="component" 
-          x="${-size.width / 2}" 
-          y="${-size.height / 2}" 
-          width="${size.width}" 
-          height="${size.height}" 
-        />
-        <rect 
-        class="component-pin"
-          x="${-size.width / 2 - pinSize / 2}" 
-          y="${-pinSize / 2}" 
-          width="${pinSize}" 
-          height="${pinSize}" 
-        />
-        <rect 
-          class="component-pin"
-          x="${size.width / 2 - pinSize / 2}" 
-          y="${-pinSize / 2}" 
-          width="${pinSize}" 
-          height="${pinSize}" 
-        />
-      </g>
-    `;
+  return {
+    name: "g",
+    type: "element",
+    attributes: { transform },
+    children: [
+      {
+        name: "rect",
+        type: "element",
+        attributes: {
+          class: "component",
+          x: (-size.width / 2).toString(),
+          y: (-size.height / 2).toString(),
+          width: size.width.toString(),
+          height: size.height.toString()
+        }
+      }
+    ]
+  };
 }
-function createSchematicTrace(trace) {
-  const path = trace.edges.map((edge, index) => {
-    const fromPoint = `${edge.from.x} ${edge.from.y}`;
-    const toPoint = `${edge.to.x} ${edge.to.y}`;
-    if (index === 0) {
-      return `M ${fromPoint} L ${toPoint}`;
+function createSchematicPort(center) {
+  const portSize = 0.2;
+  const x = center.x - portSize / 2;
+  const y = center.y - portSize / 2;
+  return {
+    name: "rect",
+    type: "element",
+    attributes: {
+      class: "port",
+      x: x.toString(),
+      y: y.toString(),
+      width: portSize.toString(),
+      height: portSize.toString()
     }
-    const prevEdge = trace.edges[index - 1];
-    if (prevEdge.to.x === edge.from.x && prevEdge.to.y === edge.from.y) {
-      return `L ${toPoint}`;
+  };
+}
+function createPortToComponentLine(portCenter, component, facingDirection) {
+  const componentCenter = { x: component.center.x, y: portCenter.y };
+  const halfWidth = component.size.width / 2;
+  const halfHeight = component.size.height / 2;
+  let endX = portCenter.x;
+  let endY = portCenter.y;
+  switch (facingDirection) {
+    case "left":
+      endX = componentCenter.x - halfWidth;
+      break;
+    case "right":
+      endX = componentCenter.x + halfWidth;
+      break;
+    case "up":
+      endY = componentCenter.y - halfHeight;
+      break;
+    case "down":
+      endY = componentCenter.y + halfHeight;
+      break;
+  }
+  return {
+    name: "line",
+    type: "element",
+    attributes: {
+      class: "component-pin",
+      x1: portCenter.x.toString(),
+      y1: portCenter.y.toString(),
+      x2: endX.toString(),
+      y2: endY.toString()
     }
-    return `M ${fromPoint} L ${toPoint}`;
-  }).join(" ");
-  return `<path class="trace" d="${path}" />`;
+  };
 }
-function createSchematicText(text) {
-  return `
-      <text 
-        class="text" 
-        x="${text.position.x}" 
-        y="${text.position.y}" 
-        text-anchor="${getTextAnchor(text.anchor)}"
-      >${text.text}</text>
-    `;
+function createSchematicTrace(trace, flipY, portPositions) {
+  const edges = trace.edges;
+  if (edges.length === 0) return null;
+  let path = "";
+  edges.forEach((edge, index) => {
+    const fromPoint = edge.from.ti !== void 0 ? portPositions.get(edge.from.ti) : edge.from;
+    const toPoint = edge.to.ti !== void 0 ? portPositions.get(edge.to.ti) : edge.to;
+    if (!fromPoint || !toPoint) {
+      return;
+    }
+    const fromCoord = `${fromPoint.x} ${flipY(fromPoint.y)}`;
+    const toCoord = `${toPoint.x} ${flipY(toPoint.y)}`;
+    if (index === 0) {
+      path += `M ${fromCoord} L ${toCoord}`;
+    } else {
+      path += ` L ${toCoord}`;
+    }
+  });
+  if (trace.to_schematic_port_id) {
+    const finalPort = portPositions.get(trace.to_schematic_port_id);
+    if (finalPort) {
+      const lastFromPoint = path.split("M")[1]?.split("L")[0];
+      const lastEdge = edges[edges.length - 1];
+      const lastPoint = lastEdge.to.ti !== void 0 ? portPositions.get(lastEdge.to.ti) : lastEdge.to;
+      if (lastPoint.x !== finalPort.x || lastPoint.y !== finalPort.y) {
+        const finalCoord = `${finalPort.x} ${flipY(finalPort.y)}`;
+        path += ` M ${lastFromPoint} L ${finalCoord}`;
+      }
+    }
+  }
+  return path ? {
+    name: "path",
+    type: "element",
+    attributes: {
+      class: "trace",
+      d: path
+    }
+  } : null;
 }
-function createSchematicNetLabel(label) {
-  const width = label.text.length * 0.15 + 0.3;
-  const height = 0.3;
-  const arrowTip = 0.15;
-  const isLeftAnchor = label.anchor_side === "left";
-  const labelCenterX = isLeftAnchor ? label.center.x - width / 3 - 0.2 : label.center.x;
-  const path = isLeftAnchor ? `
-      M ${labelCenterX + width},${label.center.y - height / 2}
-      L ${labelCenterX + arrowTip},${label.center.y - height / 2}
-      L ${labelCenterX},${label.center.y}
-      L ${labelCenterX + arrowTip},${label.center.y + height / 2}
-      L ${labelCenterX + width},${label.center.y + height / 2}
-      Z
-    ` : `
-      M ${labelCenterX},${label.center.y - height / 2}
-      L ${labelCenterX + width - arrowTip},${label.center.y - height / 2}
-      L ${labelCenterX + width},${label.center.y}
-      L ${labelCenterX + width - arrowTip},${label.center.y + height / 2}
-      L ${labelCenterX},${label.center.y + height / 2}
-      Z
-    `;
-  const textX = labelCenterX + width / 2;
-  const connectingLine = `
-    <line 
-      x1="${labelCenterX + width}" 
-      y1="${label.center.y}" 
-      x2="${label.center.x}" 
-      y2="${label.center.y}" 
-      stroke="green" 
-      stroke-width="0.05"
-    />
-  `;
-  return `
-    <g class="net-label">
-      ${connectingLine}
-      <path d="${path}" fill="white" stroke="black" stroke-width="0.02"/>
-      <text 
-        x="${textX}" 
-        y="${label.center.y}" 
-        text-anchor="middle" 
-        dominant-baseline="central"
-        fill="black"
-      >${label.text}</text>
-    </g>
-  `;
+function createSchematicText(text, position) {
+  return {
+    name: "text",
+    type: "element",
+    attributes: {
+      class: "text",
+      x: position.x.toString(),
+      y: position.y.toString(),
+      "text-anchor": getTextAnchor(text.anchor),
+      "dominant-baseline": "middle"
+    },
+    children: [
+      {
+        type: "text",
+        value: text.text ? text.text : ""
+      }
+    ]
+  };
 }
 function getTextAnchor(anchor) {
   switch (anchor) {

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/lib/pcb-soup-to-svg.ts","../src/lib/soup-to-svg.ts"],"sourcesContent":["export * from \"./lib\";\n\n","import type { AnySoupElement } from \"@tscircuit/soup\";\n\nfunction pcbSoupToSvg(soup: AnySoupElement[]): string {\n    const svgContent: string[] = [];\n    let minX = Number.POSITIVE_INFINITY;\n    let minY = Number.POSITIVE_INFINITY;\n    let maxX = Number.NEGATIVE_INFINITY;\n    let maxY = Number.NEGATIVE_INFINITY;\n  \n    // Process PCB board\n    const board = soup.find((item) => item.type === \"pcb_board\");\n    if (board && \"center\" in board && \"width\" in board && \"height\" in board) {\n      updateBounds(board.center, board.width, board.height);\n    }\n  \n    // Process PCB components\n    for (const component of soup.filter((item) => item.type === \"pcb_component\")) {\n        if (\"center\" in component && \"width\" in component && \"height\" in component) {\n            updateBounds((component as { center: { x: number; y: number }; width: number; height: number }).center, component.width, component.height);\n            svgContent.push(createPcbComponent(component));\n          }\n    }\n  \n    // Process PCB traces\n    for (const trace of soup.filter((item) => item.type === \"pcb_trace\")) {\n      svgContent.push(createPcbTrace(trace));\n      if ('route' in trace) {\n        updateTraceBounds(trace.route);\n      }\n    }\n  \n    // Process PCB plated holes and SMT pads\n    for (const item of soup.filter((i) => i.type === \"pcb_plated_hole\" || i.type === \"pcb_smtpad\")) {\n        if ('x' in item && 'y' in item && ('outer_diameter' in item || ('width' in item && 'height' in item))) {\n            const diameter = 'outer_diameter' in item ? item.outer_diameter : item.width;\n            const height = 'outer_diameter' in item ? item.outer_diameter : item.height;\n            updateBounds({ x: item.x, y: item.y }, diameter, height);\n            svgContent.push(createPcbHole(item));\n        }\n    }\n  \n    const padding = 5;\n    const width = maxX - minX + 2 * padding;\n    const height = maxY - minY + 2 * padding;\n    const viewBox = `${minX - padding} ${-maxY - padding} ${width} ${height}`;\n  \n    return `\n      <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"${viewBox}\" width=\"800\" height=\"600\">\n      <style>\n        .pcb-board { fill: #000; }\n        .pcb-trace { stroke: #CC0000; stroke-width: 0.1; fill: none; }\n        .pcb-hole { fill: #FF00FF; }\n        .pcb-pad { fill: #CC0000; }\n        .pcb-outline { fill: none; stroke: white; stroke-width: 0.1; }\n      </style>\n        <g transform=\"scale(1, -1)\">\n          <rect class=\"pcb-board\" x=\"${minX - padding}\" y=\"${minY - padding}\" width=\"${width}\" height=\"${height}\" />\n          ${svgContent.join(\"\\n\")}\n          <rect class=\"pcb-outline\" x=\"${minX}\" y=\"${minY}\" width=\"${maxX - minX}\" height=\"${maxY - minY}\" />\n        </g>\n      </svg>\n    `;\n  \n    function updateBounds(center: any, width: any, height: any) {\n      const halfWidth = width / 2;\n      const halfHeight = height / 2;\n      minX = Math.min(minX, center.x - halfWidth);\n      minY = Math.min(minY, center.y - halfHeight);\n      maxX = Math.max(maxX, center.x + halfWidth);\n      maxY = Math.max(maxY, center.y + halfHeight);\n    }\n  \n    function updateTraceBounds(route: any[]) {\n      for (const point of route) {\n        minX = Math.min(minX, point.x);\n        minY = Math.min(minY, point.y);\n        maxX = Math.max(maxX, point.x);\n        maxY = Math.max(maxY, point.y);\n      }\n    }\n  }\n  \n  function createPcbComponent(component: any): string {\n    const { center, width, height, rotation = 0 } = component;\n    const transform = `translate(${center.x}, ${center.y}) rotate(${-rotation})`;\n    return `\n      <g transform=\"${transform}\">\n        <rect class=\"pcb-component\" x=\"${-width/2}\" y=\"${-height/2}\" width=\"${width}\" height=\"${height}\" />\n        <rect class=\"pcb-component-outline\" x=\"${-width/2}\" y=\"${-height/2}\" width=\"${width}\" height=\"${height}\" />\n      </g>\n    `;\n  }\n  \n  function createPcbTrace(trace: any): string {\n    const path = trace.route.map((point: any, index: number) => {\n      return index === 0 ? `M ${point.x} ${point.y}` : `L ${point.x} ${point.y}`;\n    }).join(\" \");\n    return `<path class=\"pcb-trace\" d=\"${path}\" />`;\n  }\n  \n  function createPcbHole(hole: any): string {\n    if (hole.type === \"pcb_plated_hole\") {\n      return `<circle class=\"pcb-hole\" cx=\"${hole.x}\" cy=\"${hole.y}\" r=\"${hole.outer_diameter / 2}\" />`;\n    }\n      return `<rect class=\"pcb-pad\" x=\"${hole.x - hole.width/2}\" y=\"${hole.y - hole.height/2}\" width=\"${hole.width}\" height=\"${hole.height}\" />`;\n  }\n\n\nexport { pcbSoupToSvg };\n\n","import type { AnySoupElement } from \"@tscircuit/soup\";\n\nfunction soupToSvg(soup: AnySoupElement[]): string {\n  const svgContent: string[] = [];\n  let minX = Number.POSITIVE_INFINITY;\n  let minY = Number.POSITIVE_INFINITY;\n  let maxX = Number.NEGATIVE_INFINITY;\n  let maxY = Number.NEGATIVE_INFINITY;\n\n  // Process components\n  for (const component of soup.filter(\n    (item) => item.type === \"schematic_component\"\n  )) {\n    const svg = createSchematicComponent(component);\n    svgContent.push(svg);\n    if (\n      \"center\" in component &&\n      \"size\" in component &&\n      \"rotation\" in component\n    ) {\n      updateBounds(component.center, component.size, component.rotation);\n    }\n  }\n\n  // Process traces\n  for (const trace of soup.filter((item) => item.type === \"schematic_trace\")) {\n    const svg = createSchematicTrace(trace);\n    svgContent.push(svg);\n    updateTraceBounds(trace.edges);\n  }\n\n  // Process text\n  for (const text of soup.filter((item) => item.type === \"schematic_text\")) {\n    const svg = createSchematicText(text);\n    svgContent.push(svg);\n    if (\"position\" in text) {\n      updateTextBounds(text.position);\n    }\n  }\n\n  // Process net labels\n  for (const label of soup.filter(\n    (item) => item.type === \"schematic_net_label\"\n  )) {\n    const svg = createSchematicNetLabel(label);\n    svgContent.push(svg);\n    const width = label.text.length * 0.15 + 0.3;\n    const height = 0.3;\n    minX = Math.min(minX, label.center.x);\n    minY = Math.min(minY, label.center.y - height / 2);\n    maxX = Math.max(maxX, label.center.x + width);\n    maxY = Math.max(maxY, label.center.y + height / 2);\n  }\n\n  const padding = 1;\n  const width = maxX - minX + 2 * padding;\n  const height = maxY - minY + 2 * padding;\n  const viewBox = `${minX - padding} ${minY - padding} ${width} ${height}`;\n\n  return `\n      <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"${viewBox}\" width=\"1200\" height=\"600\">\n      <style>\n      .component { fill: none; stroke: red; stroke-width: 0.05; }\n      .component-pin { fill: none; stroke: blue; stroke-width: 0.05; }\n      .trace { stroke: green; stroke-width: 0.05; fill: none; }\n      .text { font-family: Arial, sans-serif; font-size: 0.2px; }\n      .net-label { font-family: Arial, sans-serif; font-size: 0.2px; fill: gray; }\n    </style>\n        ${svgContent.join(\"\\n\")}\n      </svg>\n    `;\n\n  function updateBounds(center: any, size: any, rotation: number) {\n    const corners = [\n      { x: -size.width / 2, y: -size.height / 2 },\n      { x: size.width / 2, y: -size.height / 2 },\n      { x: size.width / 2, y: size.height / 2 },\n      { x: -size.width / 2, y: size.height / 2 },\n    ];\n\n    for (const corner of corners) {\n      const rotatedX =\n        corner.x * Math.cos(rotation) -\n        corner.y * Math.sin(rotation) +\n        center.x;\n      const rotatedY =\n        corner.x * Math.sin(rotation) +\n        corner.y * Math.cos(rotation) +\n        center.y;\n      minX = Math.min(minX, rotatedX);\n      minY = Math.min(minY, rotatedY);\n      maxX = Math.max(maxX, rotatedX);\n      maxY = Math.max(maxY, rotatedY);\n    }\n  }\n\n  function updateTraceBounds(edges: any[]) {\n    for (const edge of edges) {\n      minX = Math.min(minX, edge.from.x, edge.to.x);\n      minY = Math.min(minY, edge.from.y, edge.to.y);\n      maxX = Math.max(maxX, edge.from.x, edge.to.x);\n      maxY = Math.max(maxY, edge.from.y, edge.to.y);\n    }\n  }\n\n  function updateTextBounds(position: { x: number; y: number }) {\n    minX = Math.min(minX, position.x);\n    minY = Math.min(minY, position.y);\n    maxX = Math.max(maxX, position.x);\n    maxY = Math.max(maxY, position.y);\n  }\n}\n\nfunction createSchematicComponent(component: any): string {\n  const { center, size, rotation } = component;\n  const transform = `translate(${center.x}, ${center.y}) rotate(${\n    (rotation * 180) / Math.PI\n  })`;\n  const pinSize = 0.2; // Size of the square pins\n\n  return `\n      <g transform=\"${transform}\">\n        <rect \n          class=\"component\" \n          x=\"${-size.width / 2}\" \n          y=\"${-size.height / 2}\" \n          width=\"${size.width}\" \n          height=\"${size.height}\" \n        />\n        <rect \n        class=\"component-pin\"\n          x=\"${-size.width / 2 - pinSize / 2}\" \n          y=\"${-pinSize / 2}\" \n          width=\"${pinSize}\" \n          height=\"${pinSize}\" \n        />\n        <rect \n          class=\"component-pin\"\n          x=\"${size.width / 2 - pinSize / 2}\" \n          y=\"${-pinSize / 2}\" \n          width=\"${pinSize}\" \n          height=\"${pinSize}\" \n        />\n      </g>\n    `;\n}\n\nfunction createSchematicTrace(trace: any): string {\n  const path = trace.edges.map((edge: any, index: number) => {\n    const fromPoint = `${edge.from.x} ${edge.from.y}`;\n    const toPoint = `${edge.to.x} ${edge.to.y}`;\n    \n    if (index === 0) {\n      return `M ${fromPoint} L ${toPoint}`;\n    }\n      // Check if this is a 90-degree turn\n      const prevEdge = trace.edges[index - 1];\n      if (prevEdge.to.x === edge.from.x && prevEdge.to.y === edge.from.y) {\n        return `L ${toPoint}`;\n      }\n        // Insert a move command for discontinuous segments\n        return `M ${fromPoint} L ${toPoint}`;\n  }).join(' ');\n\n  return `<path class=\"trace\" d=\"${path}\" />`;\n}\n\nfunction createSchematicText(text: any): string {\n  return `\n      <text \n        class=\"text\" \n        x=\"${text.position.x}\" \n        y=\"${text.position.y}\" \n        text-anchor=\"${getTextAnchor(text.anchor)}\"\n      >${text.text}</text>\n    `;\n}\n\nfunction createSchematicNetLabel(label: any): string {\n  const width = label.text.length * 0.15 + 0.3;\n  const height = 0.3;\n  const arrowTip = 0.15;\n  const isLeftAnchor = label.anchor_side === \"left\";\n\n  // Move the entire label to the left\n  const labelCenterX = isLeftAnchor ? label.center.x - width / 3 - 0.2 : label.center.x;\n\n  const path = isLeftAnchor\n    ? `\n      M ${labelCenterX + width},${label.center.y - height / 2}\n      L ${labelCenterX + arrowTip},${label.center.y - height / 2}\n      L ${labelCenterX},${label.center.y}\n      L ${labelCenterX + arrowTip},${label.center.y + height / 2}\n      L ${labelCenterX + width},${label.center.y + height / 2}\n      Z\n    `\n    : `\n      M ${labelCenterX},${label.center.y - height / 2}\n      L ${labelCenterX + width - arrowTip},${label.center.y - height / 2}\n      L ${labelCenterX + width},${label.center.y}\n      L ${labelCenterX + width - arrowTip},${label.center.y + height / 2}\n      L ${labelCenterX},${label.center.y + height / 2}\n      Z\n    `;\n\n  // Keep text centered within the label\n  const textX = labelCenterX + width / 2;\n\n  // Add a line to connect the label to the resistor\n  const connectingLine = `\n    <line \n      x1=\"${labelCenterX + width}\" \n      y1=\"${label.center.y}\" \n      x2=\"${label.center.x}\" \n      y2=\"${label.center.y}\" \n      stroke=\"green\" \n      stroke-width=\"0.05\"\n    />\n  `;\n\n  return `\n    <g class=\"net-label\">\n      ${connectingLine}\n      <path d=\"${path}\" fill=\"white\" stroke=\"black\" stroke-width=\"0.02\"/>\n      <text \n        x=\"${textX}\" \n        y=\"${label.center.y}\" \n        text-anchor=\"middle\" \n        dominant-baseline=\"central\"\n        fill=\"black\"\n      >${label.text}</text>\n    </g>\n  `;\n}\n\nfunction getTextAnchor(anchor: string): string {\n  switch (anchor) {\n    case \"left\":\n      return \"start\";\n    case \"right\":\n      return \"end\";\n    default:\n      return \"middle\";\n  }\n}\n\nexport { soupToSvg };\n"],"mappings":"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","names":["height","width","width","height"]}
+{"version":3,"sources":["../src/index.ts","../src/lib/pcb-soup-to-svg.ts","../src/lib/soup-to-svg.ts"],"sourcesContent":["export * from \"./lib\";\n\n","import type { AnySoupElement } from \"@tscircuit/soup\";\nimport { stringify, type INode } from \"svgson\";\nimport { applyToPoint, compose, scale, translate } from \"transformation-matrix\";\n\ninterface SvgObject {\n  name: string;\n  type: 'element' | 'text';\n  attributes?: { [key: string]: string };\n  children?: SvgObject[];\n  value?: string;\n}\n\nfunction pcbSoupToSvg(soup: AnySoupElement[]): string {\n  let minX = Number.POSITIVE_INFINITY;\n  let minY = Number.POSITIVE_INFINITY;\n  let maxX = Number.NEGATIVE_INFINITY;\n  let maxY = Number.NEGATIVE_INFINITY;\n\n  // Process all elements to determine bounds\n  for (const item of soup) {\n    if (\"center\" in item && \"width\" in item && \"height\" in item) {\n      updateBounds(item.center, item.width, item.height);\n    } else if (\"x\" in item && \"y\" in item) {\n      updateBounds({ x: item.x, y: item.y }, 0, 0);\n    } else if (\"route\" in item) {\n      updateTraceBounds(item.route);\n    }\n  }\n\n  const padding = 1; // Reduced padding for tighter boundary\n  const circuitWidth = maxX - minX + 2 * padding;\n  const circuitHeight = maxY - minY + 2 * padding;\n\n  const svgWidth = 800;\n  const svgHeight = 600;\n\n  // Calculate scale factor to fit the circuit within the SVG, maintaining aspect ratio\n  const scaleX = svgWidth / circuitWidth;\n  const scaleY = svgHeight / circuitHeight;\n  const scaleFactor = Math.min(scaleX, scaleY);\n\n  // Calculate centering offsets\n  const offsetX = (svgWidth - circuitWidth * scaleFactor) / 2;\n  const offsetY = (svgHeight - circuitHeight * scaleFactor) / 2;\n\n  const transform = compose(\n    translate(offsetX - minX * scaleFactor + padding * scaleFactor, svgHeight - offsetY + minY * scaleFactor - padding * scaleFactor),\n    scale(scaleFactor, -scaleFactor)  // Flip in y-direction\n  );\n\n  const svgElements = soup.map(item => {\n    const element = createSvgElement(item, transform);\n    if (element === null) {\n      console.warn(\"Null element created for item:\", item);\n    }\n    return element;\n  }).filter(element => element !== null);\n\n  const svgObject: SvgObject = {\n    name: 'svg',\n    type: 'element',\n    attributes: {\n      xmlns: 'http://www.w3.org/2000/svg',\n      width: svgWidth.toString(),\n      height: svgHeight.toString(),\n    },\n    children: [\n      {\n        name: 'style',\n        type: 'element',\n        children: [\n          {\n            type: 'text',\n            value: `\n              .pcb-board { fill: #000; }\n              .pcb-trace { stroke: #FF0000; stroke-width: 0.3; fill: none; }\n              .pcb-hole { fill: #FF00FF; }\n              .pcb-pad { fill: #FF0000; }\n              .pcb-boundary { fill: none; stroke: #FFFFFF; stroke-width: 0.5; }\n            `\n          }\n        ]\n      },\n      {\n        name: 'rect',\n        type: 'element',\n        attributes: {\n          class: 'pcb-board',\n          x: '0',\n          y: '0',\n          width: svgWidth.toString(),\n          height: svgHeight.toString(),\n        }\n      },\n      ...svgElements,\n      createPcbBoundary(transform, minX, minY, maxX, maxY)\n    ].filter(child => child !== null)\n  };\n\n  console.log('SVG Object:', JSON.stringify(svgObject, null, 2));\n\n  try {\n    return stringify(svgObject as INode);\n  } catch (error) {\n    console.error('Error stringifying SVG object:', error);\n    console.log('Problematic SVG object:', JSON.stringify(svgObject, null, 2));\n    throw error;\n  }\n\n  function updateBounds(center: any, width: any, height: any) {\n    const halfWidth = width / 2;\n    const halfHeight = height / 2;\n    minX = Math.min(minX, center.x - halfWidth);\n    minY = Math.min(minY, center.y - halfHeight);\n    maxX = Math.max(maxX, center.x + halfWidth);\n    maxY = Math.max(maxY, center.y + halfHeight);\n  }\n\n  function updateTraceBounds(route: any[]) {\n    for (const point of route) {\n      minX = Math.min(minX, point.x);\n      minY = Math.min(minY, point.y);\n      maxX = Math.max(maxX, point.x);\n      maxY = Math.max(maxY, point.y);\n    }\n  }\n}\n\nfunction createSvgElement(item: AnySoupElement, transform: any): any {\n  switch (item.type) {\n    case 'pcb_component':\n      return createPcbComponent(item, transform);\n    case 'pcb_trace':\n      return createPcbTrace(item, transform);\n    case 'pcb_plated_hole':\n      return createPcbHole(item, transform);\n    case 'pcb_smtpad':\n      return createPcbSMTPad(item, transform);\n    default:\n      return null;\n  }\n}\n\nfunction createPcbComponent(component: any, transform: any): any {\n  const { center, width, height, rotation = 0 } = component;\n  const [x, y] = applyToPoint(transform, [center.x, center.y]);\n  const scaledWidth = width * Math.abs(transform.a);\n  const scaledHeight = height * Math.abs(transform.d);\n  const transformStr = `translate(${x}, ${y}) rotate(${-rotation}) scale(1, -1)`;\n\n  return {\n    name: 'g',\n    type: 'element',\n    attributes: { transform: transformStr },\n    children: [\n      {\n        name: 'rect',\n        type: 'element',\n        attributes: {\n          class: 'pcb-component',\n          x: (-scaledWidth / 2).toString(),\n          y: (-scaledHeight / 2).toString(),\n          width: scaledWidth.toString(),\n          height: scaledHeight.toString(),\n        }\n      },\n      {\n        name: 'rect',\n        type: 'element',\n        attributes: {\n          class: 'pcb-component-outline',\n          x: (-scaledWidth / 2).toString(),\n          y: (-scaledHeight / 2).toString(),\n          width: scaledWidth.toString(),\n          height: scaledHeight.toString(),\n        }\n      }\n    ]\n  };\n}\n\nfunction createPcbHole(hole: any, transform: any): any {\n  const [x, y] = applyToPoint(transform, [hole.x, hole.y]);\n    const scaledRadius = (hole.outer_diameter / 2) * Math.abs(transform.a);\n    return {\n      name: 'circle',\n      type: 'element',\n      attributes: {\n        class: 'pcb-hole',\n        cx: x.toString(),\n        cy: y.toString(),\n        r: scaledRadius.toString(),\n      }\n    };\n}\n\nfunction createPcbSMTPad(pad: any, transform: any): any {\n  const [x, y] = applyToPoint(transform, [pad.x, pad.y]);\n  const width = pad.width * Math.abs(transform.a);\n  const height = pad.height * Math.abs(transform.d);\n  return {\n    name: 'rect',\n    type: 'element',\n    attributes: {\n      class: 'pcb-pad',\n      x: (x - width / 2).toString(),\n      y: (y - height / 2).toString(),\n      width: width.toString(),\n      height: height.toString(),\n    }\n  };\n}\n\nfunction createPcbTrace(trace: any, transform: any): any {\n  if (!trace.route || !Array.isArray(trace.route)) return null;\n  const path = trace.route\n    .map((point: any, index: number) => {\n      const [x, y] = applyToPoint(transform, [point.x, point.y]);\n      return index === 0 ? `M ${x} ${y}` : `L ${x} ${y}`;\n    })\n    .join(\" \");\n  return {\n    name: 'path',\n    type: 'element',\n    attributes: {\n      class: 'pcb-trace',\n      d: path,\n    }\n  };\n}\n\nfunction createPcbBoundary(transform: any, minX: number, minY: number, maxX: number, maxY: number): any {\n  const [x1, y1] = applyToPoint(transform, [minX, minY]);\n  const [x2, y2] = applyToPoint(transform, [maxX, maxY]);\n  const width = Math.abs(x2 - x1);\n  const height = Math.abs(y2 - y1);\n  const x = Math.min(x1, x2);\n  const y = Math.min(y1, y2);\n  return {\n    name: 'rect',\n    type: 'element',\n    attributes: {\n      class: 'pcb-boundary',\n      x: x.toString(),\n      y: y.toString(),\n      width: width.toString(),\n      height: height.toString(),\n    }\n  };\n}\n\nexport { pcbSoupToSvg };\n","import type { AnySoupElement } from \"@tscircuit/soup\";\nimport { stringify } from \"svgson\";\n\nfunction soupToSvg(soup: AnySoupElement[]): string {\n  let minX = Number.POSITIVE_INFINITY;\n  let minY = Number.POSITIVE_INFINITY;\n  let maxX = Number.NEGATIVE_INFINITY;\n  let maxY = Number.NEGATIVE_INFINITY;\n\n  const portSize = 0.2;\n  const portPositions = new Map();\n\n  // First pass: find the bounds and collect port positions\n  for (const item of soup) {\n    if (item.type === \"schematic_component\") {\n      updateBounds(item.center, item.size, item.rotation || 0);\n    } else if (item.type === \"schematic_port\") {\n      updateBounds(item.center, { width: portSize, height: portSize }, 0);\n      portPositions.set(item.schematic_port_id, item.center);\n    } else if (item.type === \"schematic_text\") {\n      updateBounds(item.position, { width: 0, height: 0 }, 0);\n    }\n  }\n\n  const height = maxY - minY;\n  const flipY = (y: number) => height - (y - minY) + minY;\n\n  const svgChildren: any[] = [];\n\n  // Process components\n  const componentMap = new Map();\n  for (const component of soup.filter(\n    (item) => item.type === \"schematic_component\"\n  )) {\n    const flippedCenter = {\n      x: component.center.x,\n      y: flipY(component.center.y),\n    };\n    const svg = createSchematicComponent(\n      flippedCenter,\n      component.size,\n      component.rotation || 0\n    );\n    svgChildren.push(svg);\n    componentMap.set(component.schematic_component_id, component);\n  }\n\n  // Process ports and add lines to component edges\n  for (const port of soup.filter((item) => item.type === \"schematic_port\")) {\n    const flippedCenter = { x: port.center.x, y: flipY(port.center.y) };\n    const svg = createSchematicPort(flippedCenter);\n    svgChildren.push(svg);\n\n    const component = componentMap.get(port.schematic_component_id);\n    if (component) {\n      const line = createPortToComponentLine(\n        flippedCenter,\n        component,\n        port.facing_direction || \"right\"\n      );\n      svgChildren.push(line);\n    }\n  }\n\n  // Process schematic traces\n  for (const trace of soup.filter((item) => item.type === \"schematic_trace\")) {\n    const svg = createSchematicTrace(trace, flipY, portPositions);\n    if (svg) svgChildren.push(svg);\n  }\n\n  // Process text\n  for (const text of soup.filter((item) => item.type === \"schematic_text\")) {\n    const flippedPosition = { x: text.position.x, y: flipY(text.position.y) };\n    const svg = createSchematicText(text, flippedPosition);\n    svgChildren.push(svg);\n  }\n\n  const padding = 1;\n  const width = maxX - minX + 2 * padding;\n  const viewBox = `${minX - padding} ${minY - padding} ${width} ${height + 2 * padding}`;\n\n  const svgObject = {\n    name: 'svg',\n    type: 'element',\n    attributes: {\n      xmlns: 'http://www.w3.org/2000/svg',\n      viewBox,\n      width: '1200',\n      height: '600',\n    },\n    children: [\n      {\n        name: 'style',\n        type: 'element',\n        children: [\n          {\n            type: 'text',\n            value: `\n              .component { fill: none; stroke: red; stroke-width: 0.03; }\n              .component-pin { fill: none; stroke: red; stroke-width: 0.03; }\n              .trace { stroke: green; stroke-width: 0.03; fill: none; }\n              .text { font-family: Arial, sans-serif; font-size: 0.2px; }\n              .port { fill: none; stroke: blue; stroke-width: 0.03; }\n            `\n          }\n        ]\n      },\n      ...svgChildren\n    ]\n  };\n\n  return stringify({ value: '', ...svgObject});\n\n  function updateBounds(center: any, size: any, rotation: number) {\n    const corners = [\n      { x: -size.width / 2, y: -size.height / 2 },\n      { x: size.width / 2, y: -size.height / 2 },\n      { x: size.width / 2, y: size.height / 2 },\n      { x: -size.width / 2, y: size.height / 2 },\n    ];\n\n    for (const corner of corners) {\n      const rotatedX =\n        corner.x * Math.cos(rotation) -\n        corner.y * Math.sin(rotation) +\n        center.x;\n      const rotatedY =\n        corner.x * Math.sin(rotation) +\n        corner.y * Math.cos(rotation) +\n        center.y;\n      minX = Math.min(minX, rotatedX);\n      minY = Math.min(minY, rotatedY);\n      maxX = Math.max(maxX, rotatedX);\n      maxY = Math.max(maxY, rotatedY);\n    }\n  }\n}\n\nfunction createSchematicComponent(\n  center: { x: number; y: number },\n  size: { width: number; height: number },\n  rotation: number\n): any {\n  const transform = `translate(${center.x}, ${center.y}) rotate(${(rotation * 180) / Math.PI})`;\n\n  return {\n    name: 'g',\n    type: 'element',\n    attributes: { transform },\n    children: [\n      {\n        name: 'rect',\n        type: 'element',\n        attributes: {\n          class: 'component',\n          x: (-size.width / 2).toString(),\n          y: (-size.height / 2).toString(),\n          width: size.width.toString(),\n          height: size.height.toString(),\n        }\n      }\n    ]\n  };\n}\n\nfunction createSchematicPort(center: { x: number; y: number }): any {\n  const portSize = 0.2;\n  const x = center.x - portSize / 2;\n  const y = center.y - portSize / 2;\n\n  return {\n    name: 'rect',\n    type: 'element',\n    attributes: {\n      class: 'port',\n      x: x.toString(),\n      y: y.toString(),\n      width: portSize.toString(),\n      height: portSize.toString(),\n    }\n  };\n}\n\nfunction createPortToComponentLine(\n  portCenter: { x: number; y: number },\n  component: any,\n  facingDirection: string\n): any {\n  const componentCenter = { x: component.center.x, y: portCenter.y };\n  const halfWidth = component.size.width / 2;\n  const halfHeight = component.size.height / 2;\n\n  let endX = portCenter.x;\n  let endY = portCenter.y;\n\n  switch (facingDirection) {\n    case \"left\":\n      endX = componentCenter.x - halfWidth;\n      break;\n    case \"right\":\n      endX = componentCenter.x + halfWidth;\n      break;\n    case \"up\":\n      endY = componentCenter.y - halfHeight;\n      break;\n    case \"down\":\n      endY = componentCenter.y + halfHeight;\n      break;\n  }\n\n  return {\n    name: 'line',\n    type: 'element',\n    attributes: {\n      class: 'component-pin',\n      x1: portCenter.x.toString(),\n      y1: portCenter.y.toString(),\n      x2: endX.toString(),\n      y2: endY.toString(),\n    }\n  };\n}\n\nfunction createSchematicTrace(\n  trace: any,\n  flipY: (y: number) => number,\n  portPositions: Map<string, { x: number; y: number }>\n): any {\n  const edges = trace.edges;\n  if (edges.length === 0) return null;\n\n  let path = \"\";\n\n  // Process all edges\n  edges.forEach((edge: any, index: number) => {\n    const fromPoint =\n      edge.from.ti !== undefined ? portPositions.get(edge.from.ti) : edge.from;\n    const toPoint =\n      edge.to.ti !== undefined ? portPositions.get(edge.to.ti) : edge.to;\n\n    if (!fromPoint || !toPoint) {\n      return;\n    }\n\n    const fromCoord = `${fromPoint.x} ${flipY(fromPoint.y)}`;\n    const toCoord = `${toPoint.x} ${flipY(toPoint.y)}`;\n\n    if (index === 0) {\n      path += `M ${fromCoord} L ${toCoord}`;\n    } else {\n      path += ` L ${toCoord}`;\n    }\n  });\n\n  // Handle connection to final port if needed\n  if (trace.to_schematic_port_id) {\n    const finalPort = portPositions.get(trace.to_schematic_port_id);\n    if (finalPort) {\n      const lastFromPoint = path.split(\"M\")[1]?.split(\"L\")[0];\n      const lastEdge = edges[edges.length - 1];\n      const lastPoint =\n        lastEdge.to.ti !== undefined\n          ? portPositions.get(lastEdge.to.ti)\n          : lastEdge.to;\n      if (lastPoint.x !== finalPort.x || lastPoint.y !== finalPort.y) {\n        const finalCoord = `${finalPort.x} ${flipY(finalPort.y)}`;\n        path += ` M ${lastFromPoint} L ${finalCoord}`;\n      }\n    }\n  }\n\n  return path ? {\n    name: 'path',\n    type: 'element',\n    attributes: {\n      class: 'trace',\n      d: path,\n    }\n  } : null;\n}\n\nfunction createSchematicText(\n  text: any,\n  position: { x: number; y: number }\n): any {\n  return {\n    name: 'text',\n    type: 'element',\n    attributes: {\n      class: 'text',\n      x: position.x.toString(),\n      y: position.y.toString(),\n      'text-anchor': getTextAnchor(text.anchor),\n      'dominant-baseline': 'middle',\n    },\n    children: [\n      {\n        type: 'text',\n        value: text.text ? text.text : \"\",\n      }\n    ]\n  };\n}\n\nfunction getTextAnchor(anchor: string): string {\n  switch (anchor) {\n    case \"left\":\n      return \"start\";\n    case \"right\":\n      return \"end\";\n    default:\n      return \"middle\";\n  }\n}\n\nexport { soupToSvg };"],"mappings":"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","names":["import_svgson"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "circuit-to-svg",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "description": "Convert Circuit JSON to SVG",
   "main": "dist/index.js",
   "files": [
@@ -31,8 +31,12 @@
     "tsup": "^8.0.2",
     "typescript": "^5.4.5"
   },
+  "peerDependencies": {
+    "@tscircuit/soup": "^0.0.47"
+  },
   "dependencies": {
     "@tscircuit/routing": "^1.3.5",
-    "@tscircuit/soup": "^0.0.39"
+    "svgson": "^5.3.1",
+    "transformation-matrix": "^2.16.1"
   }
 }