@tscircuit/core 0.0.736 → 0.0.737

package/dist/index.js

@@ -48,6 +48,8 @@ __export(components_exports, {
   Resonator: () => Resonator,
   SchematicBox: () => SchematicBox,
   SchematicCell: () => SchematicCell,
+  SchematicLine: () => SchematicLine,
+  SchematicRect: () => SchematicRect,
   SchematicRow: () => SchematicRow,
   SchematicTable: () => SchematicTable,
   SchematicText: () => SchematicText,
@@ -60,6 +62,7 @@ __export(components_exports, {
   SolderJumper: () => SolderJumper,
   Subcircuit: () => Subcircuit,
   Switch: () => Switch,
+  Symbol: () => SymbolComponent,
   TestPoint: () => TestPoint,
   Trace: () => Trace3,
   TraceHint: () => TraceHint,
@@ -109,6 +112,7 @@ var orderedRenderPhases = [
   "SchematicComponentRender",
   "SchematicPortRender",
   "SchematicPrimitiveRender",
+  "SchematicComponentSizeCalculation",
   "SchematicLayout",
   "SchematicTraceRender",
   "SchematicReplaceNetLabelsWithSymbols",
@@ -3080,6 +3084,56 @@ function getBoundsOfPcbComponents(components) {
   };
 }
 
+// lib/utils/autorouting/getBoundsForSchematic.ts
+function getBoundsForSchematic(db) {
+  let minX = Infinity, minY = Infinity, maxX = -Infinity, maxY = -Infinity;
+  for (const elm of db) {
+    let cx, cy, w, h;
+    if (elm.type === "schematic_component") {
+      cx = elm.center?.x;
+      cy = elm.center?.y;
+      w = elm.size?.width;
+      h = elm.size?.height;
+    } else if (elm.type === "schematic_box") {
+      cx = elm.x;
+      cy = elm.y;
+      w = elm.width;
+      h = elm.height;
+    } else if (elm.type === "schematic_port") {
+      cx = elm.center?.x;
+      cy = elm.center?.y;
+      w = 0.2;
+      h = 0.2;
+    } else if (elm.type === "schematic_text") {
+      cx = elm.position?.x;
+      cy = elm.position?.y;
+      w = (elm.text?.length ?? 0) * 0.1;
+      h = 0.2;
+    } else if (elm.type === "schematic_line") {
+      const x1 = elm.x1 ?? 0;
+      const y1 = elm.y1 ?? 0;
+      const x2 = elm.x2 ?? 0;
+      const y2 = elm.y2 ?? 0;
+      cx = (x1 + x2) / 2;
+      cy = (y1 + y2) / 2;
+      w = Math.abs(x2 - x1);
+      h = Math.abs(y2 - y1);
+    } else if (elm.type === "schematic_rect") {
+      cx = elm.center?.x;
+      cy = elm.center?.y;
+      w = elm.width;
+      h = elm.height;
+    }
+    if (typeof cx === "number" && typeof cy === "number" && typeof w === "number" && typeof h === "number") {
+      minX = Math.min(minX, cx - w / 2);
+      maxX = Math.max(maxX, cx + w / 2);
+      minY = Math.min(minY, cy - h / 2);
+      maxY = Math.max(maxY, cy + h / 2);
+    }
+  }
+  return { minX, maxX, minY, maxY };
+}
+
 // lib/utils/get-relative-direction.ts
 function getRelativeDirection(pointA, pointB) {
   const dx = pointB.x - pointA.x;
@@ -5181,42 +5235,6 @@ var createSchematicTraceJunctions = ({
 // lib/components/primitive-components/Trace/trace-utils/get-obstacles-for-trace.ts
 import { getUnitVectorFromDirection } from "@tscircuit/math-utils";
 
-// lib/utils/autorouting/getBoundsForSchematic.ts
-function getBoundsForSchematic(db) {
-  let minX = Infinity, minY = Infinity, maxX = -Infinity, maxY = -Infinity;
-  for (const elm of db) {
-    let cx, cy, w, h;
-    if (elm.type === "schematic_component") {
-      cx = elm.center?.x;
-      cy = elm.center?.y;
-      w = elm.size?.width;
-      h = elm.size?.height;
-    } else if (elm.type === "schematic_box") {
-      cx = elm.x;
-      cy = elm.y;
-      w = elm.width;
-      h = elm.height;
-    } else if (elm.type === "schematic_port") {
-      cx = elm.center?.x;
-      cy = elm.center?.y;
-      w = 0.2;
-      h = 0.2;
-    } else if (elm.type === "schematic_text") {
-      cx = elm.position?.x;
-      cy = elm.position?.y;
-      w = (elm.text?.length ?? 0) * 0.1;
-      h = 0.2;
-    }
-    if (typeof cx === "number" && typeof cy === "number" && typeof w === "number" && typeof h === "number") {
-      minX = Math.min(minX, cx - w / 2);
-      maxX = Math.max(maxX, cx + w / 2);
-      minY = Math.min(minY, cy - h / 2);
-      maxY = Math.max(maxY, cy + h / 2);
-    }
-  }
-  return { minX, maxX, minY, maxY };
-}
-
 // lib/utils/autorouting/getObstaclesFromBounds.ts
 function getObstaclesFromBounds(bounds, opts = {}) {
   const { minX, maxX, minY, maxY } = bounds;
@@ -7404,7 +7422,10 @@ var NormalComponent3 = class extends PrimitiveComponent2 {
       }
     }
     const { schematicSymbolName } = this.config;
-    if (schematicSymbolName) {
+    const { _parsedProps: props } = this;
+    if (props.symbol && isReactElement2(props.symbol)) {
+      this._doInitialSchematicComponentRenderWithReactSymbol(props.symbol);
+    } else if (schematicSymbolName) {
       this._doInitialSchematicComponentRenderWithSymbol();
     } else {
       const dimensions = this._getSchematicBoxDimensions();
@@ -7461,6 +7482,21 @@ var NormalComponent3 = class extends PrimitiveComponent2 {
       this.schematic_component_id = schematic_component2.schematic_component_id;
     }
   }
+  _doInitialSchematicComponentRenderWithReactSymbol(symbolElement) {
+    if (this.root?.schematicDisabled) return;
+    const { db } = this.root;
+    const center = this._getGlobalSchematicPositionBeforeLayout();
+    const schematic_component2 = db.schematic_component.insert({
+      center,
+      // width/height are computed in the SchematicComponentSizeCalculation phase
+      size: { width: 0, height: 0 },
+      source_component_id: this.source_component_id,
+      symbol_name: "custom_symbol",
+      symbol_display_value: this._getSchematicSymbolDisplayValue()
+    });
+    this.schematic_component_id = schematic_component2.schematic_component_id;
+    this.add(symbolElement);
+  }
   _doInitialSchematicComponentRenderWithSchematicBoxDimensions() {
     if (this.root?.schematicDisabled) return;
     const { db } = this.root;
@@ -7584,6 +7620,54 @@ var NormalComponent3 = class extends PrimitiveComponent2 {
   updatePcbComponentSizeCalculation() {
     this.doInitialPcbComponentSizeCalculation();
   }
+  /**
+   * Calculate and update the size of a custom schematic symbol based on its children
+   */
+  doInitialSchematicComponentSizeCalculation() {
+    if (this.root?.schematicDisabled) return;
+    if (!this.schematic_component_id) return;
+    const { db } = this.root;
+    const schematic_component2 = db.schematic_component.get(
+      this.schematic_component_id
+    );
+    if (!schematic_component2 || schematic_component2.symbol_name !== "custom_symbol")
+      return;
+    const schematicElements = [];
+    const collectSchematicPrimitives = (children) => {
+      for (const child of children) {
+        if (child.isSchematicPrimitive && child.componentName === "SchematicLine") {
+          const line = db.schematic_line.get(child.schematic_line_id);
+          if (line) schematicElements.push(line);
+        }
+        if (child.isSchematicPrimitive && child.componentName === "SchematicRect") {
+          const rect = db.schematic_rect.get(child.schematic_rect_id);
+          if (rect) schematicElements.push(rect);
+        }
+        if (child.isSchematicPrimitive && child.componentName === "SchematicText") {
+          const text = db.schematic_text.get(child.schematic_text_id);
+          if (text) schematicElements.push(text);
+        }
+        if (child.children && child.children.length > 0) {
+          collectSchematicPrimitives(child.children);
+        }
+      }
+    };
+    collectSchematicPrimitives(this.children);
+    if (schematicElements.length === 0) return;
+    const bounds = getBoundsForSchematic(schematicElements);
+    const width = Math.abs(bounds.maxX - bounds.minX);
+    const height = Math.abs(bounds.maxY - bounds.minY);
+    if (width === 0 && height === 0) return;
+    db.schematic_component.update(this.schematic_component_id, {
+      size: {
+        width,
+        height
+      }
+    });
+  }
+  updateSchematicComponentSizeCalculation() {
+    this.doInitialSchematicComponentSizeCalculation();
+  }
   doInitialPcbComponentAnchorAlignment() {
     NormalComponent_doInitialPcbComponentAnchorAlignment(this);
   }
@@ -12637,6 +12721,8 @@ var stringProxy = new Proxy(
   }
 );
 var FTYPE = stringProxy;
+var SCHEMATIC_COMPONENT_OUTLINE_COLOR = "rgba(132, 0, 0)";
+var SCHEMATIC_COMPONENT_OUTLINE_STROKE_WIDTH = 0.12;
 
 // lib/components/normal-components/Capacitor.ts
 import { formatSiUnit } from "format-si-unit";
@@ -15014,6 +15100,74 @@ var SchematicText = class extends PrimitiveComponent2 {
   }
 };
 
+// lib/components/primitive-components/SchematicLine.ts
+import { schematicLineProps } from "@tscircuit/props";
+var SchematicLine = class extends PrimitiveComponent2 {
+  isSchematicPrimitive = true;
+  get config() {
+    return {
+      componentName: "SchematicLine",
+      zodProps: schematicLineProps
+    };
+  }
+  schematic_line_id;
+  doInitialSchematicPrimitiveRender() {
+    if (this.root?.schematicDisabled) return;
+    const { db } = this.root;
+    const { _parsedProps: props } = this;
+    const globalPos = this._getGlobalSchematicPositionBeforeLayout();
+    const schematic_component_id = this.getPrimitiveContainer()?.parent?.schematic_component_id;
+    const schematic_line = db.schematic_line.insert({
+      schematic_component_id,
+      x1: props.x1 + globalPos.x,
+      y1: props.y1 + globalPos.y,
+      x2: props.x2 + globalPos.x,
+      y2: props.y2 + globalPos.y,
+      stroke_width: SCHEMATIC_COMPONENT_OUTLINE_STROKE_WIDTH,
+      color: SCHEMATIC_COMPONENT_OUTLINE_COLOR,
+      is_dashed: false,
+      subcircuit_id: this.getSubcircuit().subcircuit_id ?? void 0
+    });
+    this.schematic_line_id = schematic_line.schematic_line_id;
+  }
+};
+
+// lib/components/primitive-components/SchematicRect.ts
+import { schematicRectProps } from "@tscircuit/props";
+var SchematicRect = class extends PrimitiveComponent2 {
+  isSchematicPrimitive = true;
+  get config() {
+    return {
+      componentName: "SchematicRect",
+      zodProps: schematicRectProps
+    };
+  }
+  schematic_rect_id;
+  doInitialSchematicPrimitiveRender() {
+    if (this.root?.schematicDisabled) return;
+    const { db } = this.root;
+    const { _parsedProps: props } = this;
+    const globalPos = this._getGlobalSchematicPositionBeforeLayout();
+    const schematic_component_id = this.getPrimitiveContainer()?.parent?.schematic_component_id;
+    const schematic_rect = db.schematic_rect.insert({
+      center: {
+        x: props.center.x + globalPos.x,
+        y: props.center.y + globalPos.y
+      },
+      width: props.width,
+      height: props.height,
+      stroke_width: SCHEMATIC_COMPONENT_OUTLINE_STROKE_WIDTH,
+      color: SCHEMATIC_COMPONENT_OUTLINE_COLOR,
+      is_filled: props.isFilled,
+      schematic_component_id,
+      is_dashed: props.isDashed,
+      rotation: props.rotation ?? 0,
+      subcircuit_id: this.getSubcircuit().subcircuit_id ?? void 0
+    });
+    this.schematic_rect_id = schematic_rect.schematic_rect_id;
+  }
+};
+
 // lib/components/primitive-components/SchematicBox.ts
 import { schematicBoxProps } from "@tscircuit/props";
 
@@ -15364,6 +15518,18 @@ var SchematicCell = class extends PrimitiveComponent2 {
   }
 };
 
+// lib/components/primitive-components/Symbol.ts
+import { symbolProps } from "@tscircuit/props";
+var SymbolComponent = class extends PrimitiveComponent2 {
+  isPrimitiveContainer = true;
+  get config() {
+    return {
+      componentName: "Symbol",
+      zodProps: symbolProps
+    };
+  }
+};
+
 // lib/RootCircuit.ts
 import { su as su5 } from "@tscircuit/circuit-json-util";
 import { isValidElement as isValidElement2 } from "react";
@@ -15373,7 +15539,7 @@ import { identity as identity6 } from "transformation-matrix";
 var package_default = {
   name: "@tscircuit/core",
   type: "module",
-  version: "0.0.735",
+  version: "0.0.736",
   types: "dist/index.d.ts",
   main: "dist/index.js",
   module: "dist/index.js",
@@ -15412,7 +15578,7 @@ var package_default = {
     "@tscircuit/matchpack": "^0.0.16",
     "@tscircuit/math-utils": "^0.0.21",
     "@tscircuit/miniflex": "^0.0.4",
-    "@tscircuit/props": "0.0.334",
+    "@tscircuit/props": "0.0.335",
     "@tscircuit/schematic-autolayout": "^0.0.6",
     "@tscircuit/schematic-match-adapt": "^0.0.16",
     "@tscircuit/schematic-trace-solver": "^0.0.37",
@@ -15430,7 +15596,7 @@ var package_default = {
     "circuit-json-to-bpc": "^0.0.13",
     "circuit-json-to-connectivity-map": "^0.0.22",
     "circuit-json-to-simple-3d": "^0.0.8",
-    "circuit-to-svg": "^0.0.194",
+    "circuit-to-svg": "^0.0.196",
     concurrently: "^9.1.2",
     "connectivity-map": "^1.0.0",
     debug: "^4.3.6",
@@ -15920,6 +16086,8 @@ export {
   RootCircuit,
   SchematicBox,
   SchematicCell,
+  SchematicLine,
+  SchematicRect,
   SchematicRow,
   SchematicTable,
   SchematicText,
@@ -15932,6 +16100,7 @@ export {
   SolderJumper,
   Subcircuit,
   Switch,
+  SymbolComponent as Symbol,
   TestPoint,
   Trace3 as Trace,
   TraceHint,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tscircuit/core",
   "type": "module",
-  "version": "0.0.736",
+  "version": "0.0.737",
   "types": "dist/index.d.ts",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -40,7 +40,7 @@
     "@tscircuit/matchpack": "^0.0.16",
     "@tscircuit/math-utils": "^0.0.21",
     "@tscircuit/miniflex": "^0.0.4",
-    "@tscircuit/props": "0.0.334",
+    "@tscircuit/props": "0.0.335",
     "@tscircuit/schematic-autolayout": "^0.0.6",
     "@tscircuit/schematic-match-adapt": "^0.0.16",
     "@tscircuit/schematic-trace-solver": "^0.0.37",
@@ -58,7 +58,7 @@
     "circuit-json-to-bpc": "^0.0.13",
     "circuit-json-to-connectivity-map": "^0.0.22",
     "circuit-json-to-simple-3d": "^0.0.8",
-    "circuit-to-svg": "^0.0.194",
+    "circuit-to-svg": "^0.0.196",
     "concurrently": "^9.1.2",
     "connectivity-map": "^1.0.0",
     "debug": "^4.3.6",