circuit-json-to-tscircuit 0.0.62 → 0.0.64

package/dist/{chunk-7OQRDC2Y.js → chunk-KBH5O2WR.js}

@@ -568,19 +568,26 @@ var convertSymbolPrimitives = ({
 
 // lib/generate-board-schematic-tsx/convert-box-components.ts
 import { su as su2 } from "@tscircuit/soup-util";
-import {
-  schematic_text as schematic_text3
-} from "circuit-json";
+import "circuit-json";
+var DEFAULT_BOX_BODY_STROKE_WIDTH = 0.02;
+var DEFAULT_BOX_BODY_STROKE_COLOR = "#840000";
+var DEFAULT_BOX_BODY_FILL_COLOR = "#ffffc2";
+var DEFAULT_PIN_TEXT_FONT_SIZE = 0.15;
+var DEFAULT_PIN_LABEL_DISTANCE_FROM_EDGE = 0.1;
+var DEFAULT_PIN_NUMBER_BASELINE_OFFSET = 0.02;
 var convertBoxComponent = ({
   circuitJson,
   schematicComponent
 }) => {
   const primitives = [
-    formatElement("schematicrect", {
-      schX: schematicComponent.center.x,
-      schY: schematicComponent.center.y,
+    convertRect({
+      center: schematicComponent.center,
       width: schematicComponent.size.width,
-      height: schematicComponent.size.height
+      height: schematicComponent.size.height,
+      strokeWidth: DEFAULT_BOX_BODY_STROKE_WIDTH,
+      color: DEFAULT_BOX_BODY_STROKE_COLOR,
+      fillColor: DEFAULT_BOX_BODY_FILL_COLOR,
+      isFilled: true
     })
   ];
   for (const schematicPort of su2(circuitJson).schematic_port.list({
@@ -612,25 +619,57 @@ var convertBoxComponent = ({
     const sourcePort = su2(circuitJson).source_port.get(
       schematicPort.source_port_id
     );
-    const anchor = schematicPort.side_of_component === "left" ? "center_left" : schematicPort.side_of_component === "right" ? "center_right" : "center";
+    const labelPosition = { ...edge };
+    const pinNumberPosition = {
+      x: (edge.x + schematicPort.center.x) / 2,
+      y: (edge.y + schematicPort.center.y) / 2
+    };
+    let anchor = "center";
+    let rotation = 0;
+    switch (schematicPort.side_of_component) {
+      case "left":
+        labelPosition.x += DEFAULT_PIN_LABEL_DISTANCE_FROM_EDGE;
+        pinNumberPosition.y += DEFAULT_PIN_NUMBER_BASELINE_OFFSET;
+        anchor = "center_left";
+        break;
+      case "right":
+        labelPosition.x -= DEFAULT_PIN_LABEL_DISTANCE_FROM_EDGE;
+        pinNumberPosition.y += DEFAULT_PIN_NUMBER_BASELINE_OFFSET;
+        anchor = "center_right";
+        break;
+      case "top":
+        labelPosition.y -= DEFAULT_PIN_LABEL_DISTANCE_FROM_EDGE;
+        pinNumberPosition.x -= DEFAULT_PIN_NUMBER_BASELINE_OFFSET;
+        anchor = "center_right";
+        rotation = -90;
+        break;
+      case "bottom":
+        labelPosition.y += DEFAULT_PIN_LABEL_DISTANCE_FROM_EDGE;
+        pinNumberPosition.x -= DEFAULT_PIN_NUMBER_BASELINE_OFFSET;
+        anchor = "center_left";
+        rotation = -90;
+        break;
+    }
     if (sourcePort?.name)
       primitives.push(
         formatElement("schematictext", {
           text: sourcePort.name,
-          schX: edge.x,
-          schY: edge.y,
+          schX: labelPosition.x,
+          schY: labelPosition.y,
           anchor,
-          fontSize: schematic_text3.shape.font_size.parse(void 0)
+          fontSize: DEFAULT_PIN_TEXT_FONT_SIZE,
+          schRotation: rotation || void 0
         })
       );
     if (schematicPort.pin_number !== void 0)
       primitives.push(
         formatElement("schematictext", {
           text: String(schematicPort.pin_number),
-          schX: (edge.x + schematicPort.center.x) / 2,
-          schY: (edge.y + schematicPort.center.y) / 2,
+          schX: pinNumberPosition.x,
+          schY: pinNumberPosition.y,
           anchor: "bottom_center",
-          fontSize: schematic_text3.shape.font_size.parse(void 0)
+          fontSize: DEFAULT_PIN_TEXT_FONT_SIZE,
+          schRotation: rotation || void 0
         })
       );
   }
@@ -666,7 +705,7 @@ var convertComponents = (circuitJson) => su3(circuitJson).schematic_component.li
 
 // lib/generate-board-schematic-tsx/convert-net-labels.ts
 import { su as su4 } from "@tscircuit/soup-util";
-import { schematic_text as schematic_text4 } from "circuit-json";
+import { schematic_text as schematic_text3 } from "circuit-json";
 import { symbols as symbols2 } from "schematic-symbols";
 import { translate as translate3 } from "transformation-matrix";
 var convertNetLabels = (circuitJson) => su4(circuitJson).schematic_net_label.list().flatMap((schematicNetLabel) => {
@@ -690,7 +729,7 @@ var convertNetLabels = (circuitJson) => su4(circuitJson).schematic_net_label.lis
       text: schematicNetLabel.text,
       schX: anchorPosition.x,
       schY: anchorPosition.y,
-      fontSize: schematic_text4.shape.font_size.parse(void 0)
+      fontSize: schematic_text3.shape.font_size.parse(void 0)
     })
   ];
 });

package/dist/cli/main.js

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 import {
   convertCircuitJsonToTscircuit
-} from "../chunk-7OQRDC2Y.js";
+} from "../chunk-KBH5O2WR.js";
 
 // cli/main.ts
 import { Command } from "commander";
@@ -16,7 +16,7 @@ var package_default = {
     "./cli": "./dist/cli/main.js"
   },
   type: "module",
-  version: "0.0.61",
+  version: "0.0.63",
   repository: {
     type: "git",
     url: "https://github.com/tscircuit/circuit-json-to-tscircuit.git"

package/dist/lib/index.js

@@ -1,6 +1,6 @@
 import {
   convertCircuitJsonToTscircuit
-} from "../chunk-7OQRDC2Y.js";
+} from "../chunk-KBH5O2WR.js";
 export {
   convertCircuitJsonToTscircuit
 };

package/lib/generate-board-schematic-tsx/convert-box-components.ts

@@ -1,11 +1,20 @@
 import { su } from "@tscircuit/soup-util"
-import {
-  schematic_text,
-  type AnyCircuitElement,
-  type SchematicComponent,
-} from "circuit-json"
+import { type AnyCircuitElement, type SchematicComponent } from "circuit-json"
+import { convertRect } from "./convert-rect"
 import { formatElement } from "./format-attributes"
 
+// Circuit JSON does not encode box body styling. These values mirror the
+// circuit-to-svg defaults so reconstructed boxes keep the compiled view.
+const DEFAULT_BOX_BODY_STROKE_WIDTH = 0.02
+const DEFAULT_BOX_BODY_STROKE_COLOR = "#840000"
+const DEFAULT_BOX_BODY_FILL_COLOR = "#ffffc2"
+
+// Circuit JSON does not encode these presentation values. They mirror the
+// circuit-to-svg defaults so reconstructed box pins keep the compiled view.
+const DEFAULT_PIN_TEXT_FONT_SIZE = 0.15
+const DEFAULT_PIN_LABEL_DISTANCE_FROM_EDGE = 0.1
+const DEFAULT_PIN_NUMBER_BASELINE_OFFSET = 0.02
+
 export const convertBoxComponent = ({
   circuitJson,
   schematicComponent,
@@ -14,11 +23,14 @@ export const convertBoxComponent = ({
   schematicComponent: SchematicComponent
 }): string[] => {
   const primitives = [
-    formatElement("schematicrect", {
-      schX: schematicComponent.center.x,
-      schY: schematicComponent.center.y,
+    convertRect({
+      center: schematicComponent.center,
       width: schematicComponent.size.width,
       height: schematicComponent.size.height,
+      strokeWidth: DEFAULT_BOX_BODY_STROKE_WIDTH,
+      color: DEFAULT_BOX_BODY_STROKE_COLOR,
+      fillColor: DEFAULT_BOX_BODY_FILL_COLOR,
+      isFilled: true,
     }),
   ]
   for (const schematicPort of su(circuitJson).schematic_port.list({
@@ -52,30 +64,57 @@ export const convertBoxComponent = ({
     const sourcePort = su(circuitJson).source_port.get(
       schematicPort.source_port_id,
     )
-    const anchor =
-      schematicPort.side_of_component === "left"
-        ? "center_left"
-        : schematicPort.side_of_component === "right"
-          ? "center_right"
-          : "center"
+    const labelPosition = { ...edge }
+    const pinNumberPosition = {
+      x: (edge.x + schematicPort.center.x) / 2,
+      y: (edge.y + schematicPort.center.y) / 2,
+    }
+    let anchor = "center"
+    let rotation = 0
+    switch (schematicPort.side_of_component) {
+      case "left":
+        labelPosition.x += DEFAULT_PIN_LABEL_DISTANCE_FROM_EDGE
+        pinNumberPosition.y += DEFAULT_PIN_NUMBER_BASELINE_OFFSET
+        anchor = "center_left"
+        break
+      case "right":
+        labelPosition.x -= DEFAULT_PIN_LABEL_DISTANCE_FROM_EDGE
+        pinNumberPosition.y += DEFAULT_PIN_NUMBER_BASELINE_OFFSET
+        anchor = "center_right"
+        break
+      case "top":
+        labelPosition.y -= DEFAULT_PIN_LABEL_DISTANCE_FROM_EDGE
+        pinNumberPosition.x -= DEFAULT_PIN_NUMBER_BASELINE_OFFSET
+        anchor = "center_right"
+        rotation = -90
+        break
+      case "bottom":
+        labelPosition.y += DEFAULT_PIN_LABEL_DISTANCE_FROM_EDGE
+        pinNumberPosition.x -= DEFAULT_PIN_NUMBER_BASELINE_OFFSET
+        anchor = "center_left"
+        rotation = -90
+        break
+    }
     if (sourcePort?.name)
       primitives.push(
         formatElement("schematictext", {
           text: sourcePort.name,
-          schX: edge.x,
-          schY: edge.y,
+          schX: labelPosition.x,
+          schY: labelPosition.y,
           anchor,
-          fontSize: schematic_text.shape.font_size.parse(undefined),
+          fontSize: DEFAULT_PIN_TEXT_FONT_SIZE,
+          schRotation: rotation || undefined,
         }),
       )
     if (schematicPort.pin_number !== undefined)
       primitives.push(
         formatElement("schematictext", {
           text: String(schematicPort.pin_number),
-          schX: (edge.x + schematicPort.center.x) / 2,
-          schY: (edge.y + schematicPort.center.y) / 2,
+          schX: pinNumberPosition.x,
+          schY: pinNumberPosition.y,
           anchor: "bottom_center",
-          fontSize: schematic_text.shape.font_size.parse(undefined),
+          fontSize: DEFAULT_PIN_TEXT_FONT_SIZE,
+          schRotation: rotation || undefined,
         }),
       )
   }

package/package.json

@@ -6,7 +6,7 @@
     "./cli": "./dist/cli/main.js"
   },
   "type": "module",
-  "version": "0.0.62",
+  "version": "0.0.64",
   "repository": {
     "type": "git",
     "url": "https://github.com/tscircuit/circuit-json-to-tscircuit.git"

package/tests/__snapshots__/test22-preserve-board-schematic-schematic.snap.svg

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="600" style="background-color: rgb(245, 241, 237)" data-real-to-screen-transform="matrix(64.5869731593,0,0,-64.5869731593,568.0294482861,502.4736705294)" data-software-used-string="@tscircuit/core@0.0.2025"><style>
+<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="600" style="background-color: rgb(245, 241, 237)" data-real-to-screen-transform="matrix(64.5869731593,0,0,-64.5869731593,567.7065134203,502.4736705294)" data-software-used-string="@tscircuit/core@0.0.2038"><style>
               .boundary { fill: rgb(245, 241, 237); }
               .schematic-boundary { fill: none; stroke: #fff; }
               .component { fill: none; stroke: rgb(132, 0, 0); }
@@ -22,4 +22,4 @@
               .pin-number { fill: rgb(169, 0, 0); }
               .port-label { fill: rgb(0, 100, 100); }
               .component-name { fill: rgb(0, 100, 100); }
-            </style><rect class="boundary" x="0" y="0" width="1200" height="600"/><circle cx="568.0294482861" cy="373.29972421080004" r="1.937609194779" fill="#008800" stroke="#008800" stroke-width="7.750436779116" data-schematic-circle-id="schematic_circle_0"/><rect x="632.6164214454" y="211.83229131254998" width="129.1739463186" height="193.76091947790002" fill="none" stroke="rgba(132, 0, 0)" stroke-width="7.750436779116" data-schematic-rect-id="schematic_rect_0"/><path d="M 438.8555019675 373.29972421080004 L 568.0294482861 373.29972421080004" stroke="rgb(132, 0, 0)" stroke-width="1.291739463186" fill="none" stroke-linecap="round" stroke-linejoin="round"/><path d="M 568.0294482861 373.29972421080004 L 568.0294482861 567.0606436887" stroke="rgb(132, 0, 0)" stroke-width="1.291739463186" fill="none" stroke-linecap="round" stroke-linejoin="round"/><text x="632.6164214454" y="179.53880473290002" fill="#000000" text-anchor="start" dominant-baseline="ideographic" font-family="sans-serif" font-size="12.91739463186px" transform="rotate(90, 632.6164214454, 179.53880473290002)">U1 "controller" {flyback}</text></svg>
+            </style><rect class="boundary" x="0" y="0" width="1200" height="600"/><circle cx="567.7065134203" cy="373.29972421080004" r="1.937609194779" fill="#008800" stroke="#008800" stroke-width="7.750436779116" data-schematic-circle-id="schematic_circle_0"/><path d="M 632.2934865796 405.59321079045003 L 761.4674328982001 405.59321079045003 L 761.4674328982001 211.83229131255 L 632.2934865796 211.83229131255 L 632.2934865796 405.59321079045003" stroke="#840000" stroke-width="1.291739463186" fill="#ffffc2" stroke-linecap="round" stroke-linejoin="round"/><path d="M 438.5325671017 373.29972421080004 L 567.7065134203 373.29972421080004" stroke="rgb(132, 0, 0)" stroke-width="1.291739463186" fill="none" stroke-linecap="round" stroke-linejoin="round"/><path d="M 567.7065134203 373.29972421080004 L 567.7065134203 567.0606436887" stroke="rgb(132, 0, 0)" stroke-width="1.291739463186" fill="none" stroke-linecap="round" stroke-linejoin="round"/><text x="632.2934865796" y="179.53880473290002" fill="#000000" text-anchor="start" dominant-baseline="ideographic" font-family="sans-serif" font-size="12.91739463186px" transform="rotate(90, 632.2934865796, 179.53880473290002)">U1 "controller" {flyback}</text></svg>