circuit-to-svg 0.0.236 → 0.0.238

package/dist/index.d.ts

@@ -112,6 +112,8 @@ interface PinoutSvgContext {
     };
     styleScale: number;
     label_positions: Map<string, LabelPosition>;
+    svgWidth: number;
+    svgHeight: number;
 }
 declare function convertCircuitJsonToPinoutSvg(soup: AnyCircuitElement[], options?: Options$2): string;
 

package/dist/index.js

@@ -2913,7 +2913,7 @@ function getSoftwareUsedString(circuitJson) {
 var package_default = {
   name: "circuit-to-svg",
   type: "module",
-  version: "0.0.235",
+  version: "0.0.237",
   description: "Convert Circuit JSON to SVG",
   main: "dist/index.js",
   files: [
@@ -2942,7 +2942,7 @@ var package_default = {
     "react-cosmos": "7.0.0",
     "react-cosmos-plugin-vite": "7.0.0",
     "react-dom": "19.1.0",
-    tscircuit: "^0.0.671",
+    tscircuit: "^0.0.743",
     tsup: "^8.0.2",
     typescript: "^5.4.5",
     "vite-tsconfig-paths": "^5.0.1"
@@ -4339,6 +4339,10 @@ var BOARD_STROKE_COLOR = "rgba(0,0,0,0.9)";
 function createSvgObjectsFromPinoutBoard(pcbBoard, ctx) {
   const { transform, soup } = ctx;
   const { width, height, center, outline } = pcbBoard;
+  const sourceBoard = soup.find(
+    (elm) => elm.type === "source_board" && elm.title
+  );
+  const title = sourceBoard?.title;
   let path;
   if (outline && Array.isArray(outline) && outline.length >= 3) {
     path = outline.map((point, index) => {
@@ -4387,7 +4391,7 @@ function createSvgObjectsFromPinoutBoard(pcbBoard, ctx) {
     } else if (cutout.shape === "circle") {
     }
   }
-  return [
+  const svgObjects = [
     {
       name: "path",
       type: "element",
@@ -4404,6 +4408,29 @@ function createSvgObjectsFromPinoutBoard(pcbBoard, ctx) {
       }
     }
   ];
+  if (title) {
+    const titleX = ctx.svgWidth / 2;
+    const titleY = 30;
+    svgObjects.push({
+      name: "text",
+      type: "element",
+      value: "",
+      children: [
+        { name: "", type: "text", value: title, attributes: {}, children: [] }
+      ],
+      attributes: {
+        x: titleX.toString(),
+        y: titleY.toString(),
+        "text-anchor": "middle",
+        "font-size": "18px",
+        "font-weight": "bold",
+        "font-family": "Arial, sans-serif",
+        fill: "black",
+        class: "pinout-board-title"
+      }
+    });
+  }
+  return svgObjects;
 }
 
 // lib/pinout/svg-object-fns/create-svg-objects-from-pinout-component.ts
@@ -5398,6 +5425,9 @@ function convertCircuitJsonToPinoutSvg(soup, options) {
   const paddingMm = 2;
   let svgWidth = options?.width ?? 1200;
   let svgHeight = options?.height ?? 768;
+  const boardTitle = soup.find(
+    (e) => e.type === "source_board" && !!e.title
+  )?.title;
   const board_bounds = { minX, minY, maxX, maxY };
   const pinout_ports = soup.filter(
     (elm) => elm.type === "pcb_port" && elm.is_board_pinout
@@ -5519,7 +5549,9 @@ function convertCircuitJsonToPinoutSvg(soup, options) {
     soup,
     board_bounds,
     styleScale,
-    label_positions
+    label_positions,
+    svgWidth,
+    svgHeight
   };
   const svgObjects = soup.sort(
     (a, b) => (OBJECT_ORDER2.indexOf(a.type) ?? 9999) - (OBJECT_ORDER2.indexOf(b.type) ?? 9999)