circuit-to-svg 0.0.318 → 0.0.319

package/dist/index.js

@@ -6042,7 +6042,7 @@ function getSoftwareUsedString(circuitJson) {
 var package_default = {
   name: "circuit-to-svg",
   type: "module",
-  version: "0.0.317",
+  version: "0.0.318",
   description: "Convert Circuit JSON to SVG",
   main: "dist/index.js",
   files: [
@@ -6065,7 +6065,7 @@ var package_default = {
     "@vitejs/plugin-react": "5.0.0",
     biome: "^0.3.3",
     "bun-match-svg": "^0.0.12",
-    "circuit-json": "^0.0.362",
+    "circuit-json": "^0.0.363",
     esbuild: "^0.20.2",
     "performance-now": "^2.1.0",
     react: "19.1.0",
@@ -6084,6 +6084,7 @@ var package_default = {
     "@types/node": "^22.5.5",
     "bun-types": "^1.1.40",
     "calculate-elbow": "0.0.12",
+    "svg-path-commander": "^2.1.11",
     svgson: "^5.3.1",
     "transformation-matrix": "^2.16.1"
   }
@@ -10366,6 +10367,42 @@ function calculateAnchorPosition(schNetLabel, fontSizeMm, textWidthFSR) {
   };
 }
 
+// lib/utils/extract-points-from-svg-path.ts
+import SVGPathCommander from "svg-path-commander";
+function extractPointsFromSvgPath(svgPath) {
+  const points = [];
+  try {
+    const parsed = SVGPathCommander.normalizePath(svgPath);
+    for (const segment of parsed) {
+      const command = segment[0];
+      switch (command) {
+        case "M":
+        // MoveTo: x, y
+        case "L":
+          points.push({ x: segment[1], y: segment[2] });
+          break;
+        case "C":
+          points.push({ x: segment[1], y: segment[2] });
+          points.push({ x: segment[3], y: segment[4] });
+          points.push({ x: segment[5], y: segment[6] });
+          break;
+        case "Q":
+          points.push({ x: segment[1], y: segment[2] });
+          points.push({ x: segment[3], y: segment[4] });
+          break;
+        case "A":
+          points.push({ x: segment[6], y: segment[7] });
+          break;
+        case "Z":
+          break;
+      }
+    }
+  } catch {
+    return [];
+  }
+  return points;
+}
+
 // lib/sch/get-schematic-bounds-from-circuit-json.ts
 function getSchematicBoundsFromCircuitJson(soup, padding = 0.5) {
   let minX = Number.POSITIVE_INFINITY;
@@ -10496,8 +10533,15 @@ function getSchematicBoundsFromCircuitJson(soup, padding = 0.5) {
         0
       );
     } else if (item.type === "schematic_path") {
-      for (const point of item.points) {
-        updateBounds(point, { width: 0.02, height: 0.02 }, 0);
+      if (item.points && item.points.length > 0) {
+        for (const point of item.points) {
+          updateBounds(point, { width: 0.02, height: 0.02 }, 0);
+        }
+      } else if (item.svg_path) {
+        const points = extractPointsFromSvgPath(item.svg_path);
+        for (const point of points) {
+          updateBounds(point, { width: 0.02, height: 0.02 }, 0);
+        }
       }
     }
   }
@@ -12736,12 +12780,46 @@ function createSvgObjectsFromSchematicArc({
 }
 
 // lib/sch/svg-object-fns/create-svg-objects-from-sch-path.ts
-import { applyToPoint as applyToPoint75 } from "transformation-matrix";
+import { applyToPoint as applyToPoint75, toString as matrixToString10 } from "transformation-matrix";
 function createSvgObjectsFromSchematicPath({
   schPath,
   transform,
   colorMap: colorMap2
 }) {
+  const strokeColor = schPath.stroke_color ?? colorMap2.schematic.component_outline;
+  const fillColor = schPath.fill_color ?? "none";
+  const strokeWidth = schPath.stroke_width ? Math.abs(transform.a) * schPath.stroke_width : Math.abs(transform.a) * 0.02;
+  if (schPath.svg_path) {
+    return [
+      {
+        name: "g",
+        type: "element",
+        attributes: {
+          transform: matrixToString10(transform),
+          ...schPath.schematic_component_id && {
+            "data-schematic-component-id": schPath.schematic_component_id
+          }
+        },
+        children: [
+          {
+            name: "path",
+            type: "element",
+            attributes: {
+              d: schPath.svg_path,
+              stroke: strokeColor,
+              "stroke-width": (schPath.stroke_width ?? 0.02).toString(),
+              fill: schPath.is_filled ? fillColor : "none",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            },
+            children: [],
+            value: ""
+          }
+        ],
+        value: ""
+      }
+    ];
+  }
   if (!schPath.points || schPath.points.length < 2) {
     return [];
   }
@@ -12749,9 +12827,6 @@ function createSvgObjectsFromSchematicPath({
     (p) => applyToPoint75(transform, { x: p.x, y: p.y })
   );
   const pathD = transformedPoints.map((p, i) => `${i === 0 ? "M" : "L"} ${p.x} ${p.y}`).join(" ");
-  const strokeColor = colorMap2.schematic.component_outline;
-  const fillColor = schPath.fill_color ?? "none";
-  const strokeWidth = schPath.stroke_width ? Math.abs(transform.a) * schPath.stroke_width : Math.abs(transform.a) * 0.02;
   return [
     {
       name: "path",