circuit-to-svg 0.0.223 → 0.0.225

package/dist/index.js

@@ -1074,9 +1074,10 @@ function createSvgObjectsFromPcbTrace(trace, ctx) {
 // lib/pcb/svg-object-fns/create-svg-objects-from-smt-pads.ts
 import { applyToPoint as applyToPoint11 } from "transformation-matrix";
 function createSvgObjectsFromSmtPad(pad, ctx) {
-  const { transform, layer: layerFilter, colorMap: colorMap2 } = ctx;
+  const { transform, layer: layerFilter, colorMap: colorMap2, renderSolderMask } = ctx;
   if (layerFilter && pad.layer !== layerFilter) return [];
   const isCoveredWithSolderMask = Boolean(pad?.is_covered_with_solder_mask);
+  const shouldRenderSolderMask = renderSolderMask && isCoveredWithSolderMask;
   const solderMaskColor = colorMap2.soldermask[pad.layer] ?? colorMap2.soldermask.top;
   if (pad.shape === "rect" || pad.shape === "rotated_rect") {
     const width = pad.width * Math.abs(transform.a);
@@ -1104,7 +1105,7 @@ function createSvgObjectsFromSmtPad(pad, ctx) {
           } : {}
         }
       };
-      if (!isCoveredWithSolderMask) {
+      if (!shouldRenderSolderMask) {
         return [padElement2];
       }
       const maskElement2 = {
@@ -1139,7 +1140,7 @@ function createSvgObjectsFromSmtPad(pad, ctx) {
         } : {}
       }
     };
-    if (!isCoveredWithSolderMask) {
+    if (!shouldRenderSolderMask) {
       return [padElement];
     }
     const maskElement = {
@@ -1177,7 +1178,7 @@ function createSvgObjectsFromSmtPad(pad, ctx) {
         "data-layer": pad.layer
       }
     };
-    if (!isCoveredWithSolderMask) {
+    if (!shouldRenderSolderMask) {
       return [padElement];
     }
     const maskElement = {
@@ -1210,7 +1211,7 @@ function createSvgObjectsFromSmtPad(pad, ctx) {
         "data-layer": pad.layer
       }
     };
-    if (!isCoveredWithSolderMask) {
+    if (!shouldRenderSolderMask) {
       return [padElement];
     }
     const maskElement = {
@@ -1242,7 +1243,7 @@ function createSvgObjectsFromSmtPad(pad, ctx) {
         "data-layer": pad.layer
       }
     };
-    if (!isCoveredWithSolderMask) {
+    if (!shouldRenderSolderMask) {
       return [padElement];
     }
     const maskElement = {
@@ -1788,7 +1789,7 @@ function getSoftwareUsedString(circuitJson) {
 var package_default = {
   name: "circuit-to-svg",
   type: "module",
-  version: "0.0.222",
+  version: "0.0.224",
   description: "Convert Circuit JSON to SVG",
   main: "dist/index.js",
   files: [
@@ -8621,16 +8622,23 @@ function createLegend(graphs, width) {
   return svgElement("g", { class: "legend" }, children);
 }
 function createDataGroup(graphs, clipPathId, scaleX, scaleY) {
-  const elements = [];
-  for (const entry of graphs) {
-    if (entry.points.length === 0) continue;
+  const LINE_REPEAT_COUNT = 3;
+  const DASH_PATTERN = [4, 8];
+  const dashArrayString = DASH_PATTERN.map((value) => formatNumber(value)).join(
+    " "
+  );
+  const dashCycleLength = DASH_PATTERN.reduce((sum, value) => sum + value, 0);
+  const dashOffsetStep = dashCycleLength / LINE_REPEAT_COUNT;
+  const processedGraphs = [];
+  graphs.forEach((entry, graphIndex) => {
+    if (entry.points.length === 0) return;
     const commands = [];
     entry.points.forEach((point, index) => {
       const x = formatNumber(scaleX(point.timeMs));
       const y = formatNumber(scaleY(point.voltage));
       commands.push(`${index === 0 ? "M" : "L"} ${x} ${y}`);
     });
-    const pathAttributes = {
+    const baseAttributes = {
       class: "simulation-line",
       d: commands.join(" "),
       stroke: entry.color,
@@ -8638,29 +8646,52 @@ function createDataGroup(graphs, clipPathId, scaleX, scaleY) {
       "data-simulation-transient-voltage-graph-id": entry.graph.simulation_transient_voltage_graph_id
     };
     if (entry.graph.schematic_voltage_probe_id) {
-      pathAttributes["data-schematic-voltage-probe-id"] = entry.graph.schematic_voltage_probe_id;
+      baseAttributes["data-schematic-voltage-probe-id"] = entry.graph.schematic_voltage_probe_id;
     }
     if (entry.graph.subcircuit_connecivity_map_key) {
-      pathAttributes["data-subcircuit-connectivity-map-key"] = entry.graph.subcircuit_connecivity_map_key;
+      baseAttributes["data-subcircuit-connectivity-map-key"] = entry.graph.subcircuit_connecivity_map_key;
     }
-    elements.push(svgElement("path", pathAttributes));
-    entry.points.forEach((point) => {
+    const pointElements2 = entry.points.map((point) => {
       const cx = formatNumber(scaleX(point.timeMs));
       const cy = formatNumber(scaleY(point.voltage));
-      elements.push(
-        svgElement("circle", {
-          class: "simulation-point",
-          cx,
-          cy,
-          r: "3.5",
-          stroke: entry.color,
-          fill: "#ffffff",
-          "clip-path": `url(#${clipPathId})`
+      return svgElement("circle", {
+        class: "simulation-point",
+        cx,
+        cy,
+        r: "3.5",
+        stroke: entry.color,
+        fill: "#ffffff",
+        "clip-path": `url(#${clipPathId})`
+      });
+    });
+    processedGraphs.push({
+      entry,
+      graphIndex,
+      pathAttributes: baseAttributes,
+      pointElements: pointElements2
+    });
+  });
+  const lineElements = [];
+  for (let cycle = 0; cycle < LINE_REPEAT_COUNT; cycle++) {
+    processedGraphs.forEach((graphInfo) => {
+      const offsetIndex = (graphInfo.graphIndex + cycle) % LINE_REPEAT_COUNT;
+      const dashOffset = formatNumber(offsetIndex * dashOffsetStep);
+      lineElements.push(
+        svgElement("path", {
+          ...graphInfo.pathAttributes,
+          "stroke-dasharray": dashArrayString,
+          "stroke-dashoffset": dashOffset
         })
       );
     });
   }
-  return svgElement("g", { class: "data-series" }, elements);
+  const pointElements = processedGraphs.flatMap(
+    (graphInfo) => graphInfo.pointElements
+  );
+  return svgElement("g", { class: "data-series" }, [
+    ...lineElements,
+    ...pointElements
+  ]);
 }
 function createTitleNode(experiment, width) {
   if (!experiment?.name) return null;