circuit-json-to-tscircuit 0.0.62 → 0.0.63

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

@@ -571,16 +571,22 @@ import { su as su2 } from "@tscircuit/soup-util";
 import {
   schematic_text as schematic_text3
 } from "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 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({

package/dist/cli/main.js

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 import {
   convertCircuitJsonToTscircuit
-} from "../chunk-7OQRDC2Y.js";
+} from "../chunk-MVPNWU4R.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.62",
   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-MVPNWU4R.js";
 export {
   convertCircuitJsonToTscircuit
 };

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

@@ -4,8 +4,15 @@ 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"
+
 export const convertBoxComponent = ({
   circuitJson,
   schematicComponent,
@@ -14,11 +21,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({

package/package.json

@@ -6,7 +6,7 @@
     "./cli": "./dist/cli/main.js"
   },
   "type": "module",
-  "version": "0.0.62",
+  "version": "0.0.63",
   "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>