circuit-to-svg 0.0.108 → 0.0.109

package/dist/index.js

@@ -220,6 +220,7 @@ function createSvgObjectsFromPcbPlatedHole(hole, transform) {
             type: "element",
             attributes: {
               class: "pcb-hole-outer",
+              fill: "rgb(200, 52, 52)",
               d: `M${x - outerRadiusX},${y - straightLength / 2} v${straightLength} a${outerRadiusX},${outerRadiusX} 0 0 0 ${scaledOuterWidth},0 v-${straightLength} a${outerRadiusX},${outerRadiusX} 0 0 0 -${scaledOuterWidth},0 z`
             },
             value: "",
@@ -231,6 +232,7 @@ function createSvgObjectsFromPcbPlatedHole(hole, transform) {
             type: "element",
             attributes: {
               class: "pcb-hole-inner",
+              fill: "rgb(255, 38, 226)",
               d: `M${x - innerRadiusX},${y - (scaledHoleHeight - scaledHoleWidth) / 2} v${scaledHoleHeight - scaledHoleWidth} a${innerRadiusX},${innerRadiusX} 0 0 0 ${scaledHoleWidth},0 v-${scaledHoleHeight - scaledHoleWidth} a${innerRadiusX},${innerRadiusX} 0 0 0 -${scaledHoleWidth},0 z`
             },
             value: "",
@@ -259,6 +261,7 @@ function createSvgObjectsFromPcbPlatedHole(hole, transform) {
             type: "element",
             attributes: {
               class: "pcb-hole-outer",
+              fill: "rgb(200, 52, 52)",
               cx: x.toString(),
               cy: y.toString(),
               r: outerRadius.toString()
@@ -271,6 +274,7 @@ function createSvgObjectsFromPcbPlatedHole(hole, transform) {
             type: "element",
             attributes: {
               class: "pcb-hole-inner",
+              fill: "rgb(255, 38, 226)",
               cx: x.toString(),
               cy: y.toString(),
               r: innerRadius.toString()
@@ -533,7 +537,7 @@ function createSvgObjectsFromPcbTrace(trace, transform) {
     if (!layer) continue;
     const layerColor = LAYER_NAME_TO_COLOR[layer] ?? "white";
     const traceWidth = "width" in start ? start.width : "width" in end ? end.width : null;
-    svgObjects.push({
+    const svgObject = {
       name: "path",
       type: "element",
       value: "",
@@ -541,14 +545,28 @@ function createSvgObjectsFromPcbTrace(trace, transform) {
       attributes: {
         class: "pcb-trace",
         stroke: layerColor,
+        fill: "none",
         d: `M ${startPoint[0]} ${startPoint[1]} L ${endPoint[0]} ${endPoint[1]}`,
         "stroke-width": traceWidth ? (traceWidth * Math.abs(transform.a)).toString() : "0.3",
         "stroke-linecap": "round",
         "stroke-linejoin": "round",
-        "shape-rendering": "crispEdges"
+        "shape-rendering": "crispEdges",
+        "data-layer": layer
       }
-    });
+    };
+    svgObjects.push(svgObject);
   }
+  svgObjects.sort((a, b) => {
+    const layerA = a.attributes["data-layer"];
+    const layerB = b.attributes["data-layer"];
+    if (layerA === "bottom" && layerB !== "bottom") {
+      return -1;
+    }
+    if (layerA === "top" && layerB !== "top") {
+      return 1;
+    }
+    return 0;
+  });
   return svgObjects;
 }
 
@@ -656,6 +674,7 @@ function createSvgObjectsFromPcbBoard(pcbBoard, transform) {
       attributes: {
         class: "pcb-board",
         d: path,
+        fill: "none",
         stroke: "rgba(255, 255, 255, 0.5)",
         "stroke-width": (0.1 * Math.abs(transform.a)).toString()
       }
@@ -682,6 +701,7 @@ function createSvgObjectsFromPcbVia(hole, transform) {
         type: "element",
         attributes: {
           class: "pcb-hole-outer",
+          fill: "rgb(200, 52, 52)",
           cx: x.toString(),
           cy: y.toString(),
           r: outerRadius.toString()
@@ -692,6 +712,7 @@ function createSvgObjectsFromPcbVia(hole, transform) {
         type: "element",
         attributes: {
           class: "pcb-hole-inner",
+          fill: "rgb(255, 38, 226)",
           cx: x.toString(),
           cy: y.toString(),
           r: innerRadius.toString()
@@ -973,15 +994,7 @@ function convertCircuitJsonToPcbSvg(soup, options) {
         children: [
           {
             type: "text",
-            value: `
-              .boundary { fill: #000; }
-              .pcb-board { fill: none; }
-              .pcb-trace { fill: none; }
-              .pcb-hole-outer { fill: rgb(200, 52, 52); }
-              .pcb-hole-inner { fill: rgb(255, 38, 226); }
-              .pcb-pad { }
-              .pcb-boundary { fill: none; stroke: #fff; stroke-width: 0.3; }
-            `
+            value: ""
           }
         ]
       },
@@ -992,6 +1005,7 @@ function convertCircuitJsonToPcbSvg(soup, options) {
           class: "boundary",
           x: "0",
           y: "0",
+          fill: "#000",
           width: svgWidth.toString(),
           height: svgHeight.toString()
         }
@@ -1136,6 +1150,9 @@ function createSvgObjectFromPcbBoundary(transform, minX, minY, maxX, maxY) {
     children: [],
     attributes: {
       class: "pcb-boundary",
+      fill: "none",
+      stroke: "#fff",
+      "stroke-width": "0.3",
       x: x.toString(),
       y: y.toString(),
       width: width.toString(),