@tscircuit/core 0.0.148 → 0.0.150

package/dist/index.d.ts

@@ -60,6 +60,23 @@ type ReactSubtree = {
     component: NormalComponent;
 };
 
+type SchematicBoxPortPositionWithMetadata = {
+    trueIndex: number;
+    pinNumber: number;
+    side: "left" | "right" | "top" | "bottom";
+    distanceFromOrthogonalEdge: number;
+    x: number;
+    y: number;
+};
+interface SchematicBoxDimensions {
+    pinCount: number;
+    getPortPositionByPinNumber(pinNumber: number): SchematicBoxPortPositionWithMetadata | null;
+    getSize(): {
+        width: number;
+        height: number;
+    };
+}
+
 type RootCircuitEventName = "asyncEffectComplete";
 declare class Circuit {
     firstChild: PrimitiveComponent | null;
@@ -111,23 +128,6 @@ interface ISubcircuit extends PrimitiveComponent {
     _shouldUseTraceByTraceRouting(): boolean;
 }
 
-type SchematicBoxPortPositionWithMetadata = {
-    trueIndex: number;
-    pinNumber: number;
-    side: "left" | "right" | "top" | "bottom";
-    distanceFromOrthogonalEdge: number;
-    x: number;
-    y: number;
-};
-interface SchematicBoxDimensions {
-    pinCount: number;
-    getPortPositionByPinNumber(pinNumber: number): SchematicBoxPortPositionWithMetadata | null;
-    getSize(): {
-        width: number;
-        height: number;
-    };
-}
-
 interface BaseComponentConfig {
     componentName: string;
     schematicSymbolName?: BaseSymbolName | null;

package/dist/index.js

@@ -355,6 +355,53 @@ var createInstanceFromReactElement = (reactElm) => {
   return rootContainer.children[0];
 };
 
+// lib/soup/underscorifyPinStyles.ts
+import "circuit-json";
+import "zod";
+var underscorifyPinStyles = (pinStyles) => {
+  if (!pinStyles) return void 0;
+  const underscorePinStyles = {};
+  for (const [pinName, pinStyle] of Object.entries(pinStyles)) {
+    underscorePinStyles[pinName] = {
+      bottom_margin: pinStyle.bottomMargin,
+      left_margin: pinStyle.leftMargin,
+      right_margin: pinStyle.rightMargin,
+      top_margin: pinStyle.topMargin
+    };
+  }
+  return underscorePinStyles;
+};
+
+// lib/soup/underscorifyPortArrangement.ts
+var underscorifyPortArrangement = (portArrangement) => {
+  if (!portArrangement) return void 0;
+  if ("leftSide" in portArrangement || "rightSide" in portArrangement || "topSide" in portArrangement || "bottomSide" in portArrangement) {
+    return {
+      left_side: portArrangement.leftSide,
+      right_side: portArrangement.rightSide,
+      top_side: portArrangement.topSide,
+      bottom_side: portArrangement.bottomSide
+    };
+  }
+  if ("leftPinCount" in portArrangement || "rightPinCount" in portArrangement || "topPinCount" in portArrangement || "bottomPinCount" in portArrangement) {
+    return {
+      left_size: portArrangement.leftPinCount,
+      right_size: portArrangement.rightPinCount,
+      top_size: portArrangement.topPinCount,
+      bottom_size: portArrangement.bottomPinCount
+    };
+  }
+  if ("leftSize" in portArrangement || "rightSize" in portArrangement || "topSize" in portArrangement || "bottomSize" in portArrangement) {
+    return {
+      left_size: portArrangement.leftSize,
+      right_size: portArrangement.rightSize,
+      top_size: portArrangement.topSize,
+      bottom_size: portArrangement.bottomSize
+    };
+  }
+  return void 0;
+};
+
 // lib/errors/InvalidProps.ts
 var InvalidProps = class extends Error {
   constructor(componentName, originalProps, formattedError) {
@@ -421,7 +468,7 @@ import {
   rotate,
   translate
 } from "transformation-matrix";
-import { z } from "zod";
+import { z as z2 } from "zod";
 var PrimitiveComponent = class extends Renderable {
   parent = null;
   children;
@@ -429,7 +476,7 @@ var PrimitiveComponent = class extends Renderable {
   get config() {
     return {
       componentName: "",
-      zodProps: z.object({}).passthrough()
+      zodProps: z2.object({}).passthrough()
     };
   }
   props;
@@ -841,7 +888,7 @@ var PrimitiveComponent = class extends Renderable {
 };
 
 // lib/components/primitive-components/Net.ts
-import { z as z2 } from "zod";
+import { z as z3 } from "zod";
 
 // lib/utils/pairs.ts
 function pairs(arr) {
@@ -854,8 +901,8 @@ function pairs(arr) {
 
 // lib/components/primitive-components/Net.ts
 import { autoroute } from "@tscircuit/infgrid-ijump-astar";
-var netProps = z2.object({
-  name: z2.string()
+var netProps = z3.object({
+  name: z3.string()
 });
 var Net = class extends PrimitiveComponent {
   source_net_id;
@@ -1571,11 +1618,11 @@ function getRelativeDirection(pointA, pointB) {
 // lib/components/primitive-components/Port.ts
 import "schematic-symbols";
 import { applyToPoint as applyToPoint4, compose as compose3, translate as translate3 } from "transformation-matrix";
-import { z as z3 } from "zod";
-var portProps = z3.object({
-  name: z3.string().optional(),
-  pinNumber: z3.number().optional(),
-  aliases: z3.array(z3.string()).optional()
+import { z as z4 } from "zod";
+var portProps = z4.object({
+  name: z4.string().optional(),
+  pinNumber: z4.number().optional(),
+  aliases: z4.array(z4.string()).optional()
 });
 var Port = class extends PrimitiveComponent {
   source_port_id = null;
@@ -1821,223 +1868,6 @@ function getPortFromHints(hints) {
   });
 }
 
-// lib/components/base-components/NormalComponent.ts
-import {
-  isValidElement as isReactElement,
-  isValidElement
-} from "react";
-import { symbols as symbols2 } from "schematic-symbols";
-import { z as z5 } from "zod";
-
-// lib/components/primitive-components/Footprint.ts
-import { footprintProps } from "@tscircuit/props";
-import * as kiwi from "@lume/kiwi";
-import Debug from "debug";
-var debug = Debug("tscircuit:core:footprint");
-var Footprint = class extends PrimitiveComponent {
-  get config() {
-    return {
-      componentName: "Footprint",
-      zodProps: footprintProps
-    };
-  }
-  /**
-   * A footprint is a constrainedlayout, the db elements are adjusted according
-   * to any constraints that are defined.
-   */
-  doInitialPcbFootprintLayout() {
-    const constraints = this.children.filter(
-      (child) => child.componentName === "Constraint"
-    );
-    if (constraints.length === 0) return;
-    const { isFlipped } = this._getPcbPrimitiveFlippedHelpers();
-    const maybeFlipLeftRight = (props) => {
-      if (isFlipped) {
-        if ("left" in props && "right" in props) {
-          return {
-            ...props,
-            left: props.right,
-            right: props.left
-          };
-        }
-      }
-      return props;
-    };
-    const involvedComponents = constraints.flatMap(
-      (constraint) => constraint._getAllReferencedComponents().componentsWithSelectors
-    ).map(({ component, selector, componentSelector, edge }) => ({
-      component,
-      selector,
-      componentSelector,
-      edge,
-      bounds: component._getPcbCircuitJsonBounds()
-    }));
-    if (involvedComponents.some((c) => c.edge)) {
-      throw new Error(
-        "edge constraints not implemented yet for footprint layout, contributions welcome!"
-      );
-    }
-    function getComponentDetails(selector) {
-      return involvedComponents.find(({ selector: s }) => s === selector);
-    }
-    const solver = new kiwi.Solver();
-    const kVars = {};
-    function getKVar(name) {
-      if (!(name in kVars)) {
-        kVars[name] = new kiwi.Variable(name);
-        solver.addEditVariable(kVars[name], kiwi.Strength.weak);
-      }
-      return kVars[name];
-    }
-    for (const { selector, bounds: bounds2 } of involvedComponents) {
-      const kvx = getKVar(`${selector}_x`);
-      const kvy = getKVar(`${selector}_y`);
-      solver.suggestValue(kvx, bounds2.center.x);
-      solver.suggestValue(kvy, bounds2.center.y);
-    }
-    for (const constraint of constraints) {
-      const props = constraint._parsedProps;
-      if ("xDist" in props) {
-        const { xDist, left, right, edgeToEdge, centerToCenter } = maybeFlipLeftRight(props);
-        const leftVar = getKVar(`${left}_x`);
-        const rightVar = getKVar(`${right}_x`);
-        const leftBounds = getComponentDetails(left)?.bounds;
-        const rightBounds = getComponentDetails(right)?.bounds;
-        if (centerToCenter) {
-          const expr = new kiwi.Expression(rightVar, [-1, leftVar]);
-          solver.addConstraint(
-            new kiwi.Constraint(
-              expr,
-              kiwi.Operator.Eq,
-              props.xDist,
-              kiwi.Strength.required
-            )
-          );
-        } else if (edgeToEdge) {
-          const expr = new kiwi.Expression(
-            rightVar,
-            -rightBounds.width / 2,
-            [-1, leftVar],
-            -leftBounds.width / 2
-          );
-          solver.addConstraint(
-            new kiwi.Constraint(
-              expr,
-              kiwi.Operator.Eq,
-              props.xDist,
-              kiwi.Strength.required
-            )
-          );
-        }
-      } else if ("yDist" in props) {
-        const { yDist, top, bottom, edgeToEdge, centerToCenter } = props;
-        const topVar = getKVar(`${top}_y`);
-        const bottomVar = getKVar(`${bottom}_y`);
-        const topBounds = getComponentDetails(top)?.bounds;
-        const bottomBounds = getComponentDetails(bottom)?.bounds;
-        if (centerToCenter) {
-          const expr = new kiwi.Expression(topVar, [-1, bottomVar]);
-          solver.addConstraint(
-            new kiwi.Constraint(
-              expr,
-              kiwi.Operator.Eq,
-              props.yDist,
-              kiwi.Strength.required
-            )
-          );
-        } else if (edgeToEdge) {
-          const expr = new kiwi.Expression(
-            topVar,
-            topBounds.height / 2,
-            [-1, bottomVar],
-            -bottomBounds.height / 2
-          );
-          solver.addConstraint(
-            new kiwi.Constraint(
-              expr,
-              kiwi.Operator.Eq,
-              props.yDist,
-              kiwi.Strength.required
-            )
-          );
-        }
-      } else if ("sameY" in props) {
-        const { for: selectors } = props;
-        if (selectors.length < 2) continue;
-        const vars = selectors.map((selector) => getKVar(`${selector}_y`));
-        const expr = new kiwi.Expression(...vars.slice(1));
-        solver.addConstraint(
-          new kiwi.Constraint(
-            expr,
-            kiwi.Operator.Eq,
-            vars[0],
-            kiwi.Strength.required
-          )
-        );
-      } else if ("sameX" in props) {
-        const { for: selectors } = props;
-        if (selectors.length < 2) continue;
-        const vars = selectors.map((selector) => getKVar(`${selector}_x`));
-        const expr = new kiwi.Expression(...vars.slice(1));
-        solver.addConstraint(
-          new kiwi.Constraint(
-            expr,
-            kiwi.Operator.Eq,
-            vars[0],
-            kiwi.Strength.required
-          )
-        );
-      }
-    }
-    solver.updateVariables();
-    if (debug.enabled) {
-      console.log("Solution to layout constraints:");
-      console.table(
-        Object.entries(kVars).map(([key, kvar]) => ({
-          var: key,
-          val: kvar.value()
-        }))
-      );
-    }
-    const bounds = {
-      left: Infinity,
-      right: -Infinity,
-      top: -Infinity,
-      bottom: Infinity
-    };
-    for (const {
-      selector,
-      bounds: { width, height }
-    } of involvedComponents) {
-      const kvx = getKVar(`${selector}_x`);
-      const kvy = getKVar(`${selector}_y`);
-      const newLeft = kvx.value() - width / 2;
-      const newRight = kvx.value() + width / 2;
-      const newTop = kvy.value() + height / 2;
-      const newBottom = kvy.value() - height / 2;
-      bounds.left = Math.min(bounds.left, newLeft);
-      bounds.right = Math.max(bounds.right, newRight);
-      bounds.top = Math.max(bounds.top, newTop);
-      bounds.bottom = Math.min(bounds.bottom, newBottom);
-    }
-    const globalOffset = {
-      x: -(bounds.right + bounds.left) / 2,
-      y: -(bounds.top + bounds.bottom) / 2
-    };
-    const containerPos = this.getPrimitiveContainer()._getGlobalPcbPositionBeforeLayout();
-    globalOffset.x += containerPos.x;
-    globalOffset.y += containerPos.y;
-    for (const { component, selector } of involvedComponents) {
-      const kvx = getKVar(`${selector}_x`);
-      const kvy = getKVar(`${selector}_y`);
-      component._setPositionFromLayout({
-        x: kvx.value() + globalOffset.x,
-        y: kvy.value() + globalOffset.y
-      });
-    }
-  }
-};
-
 // lib/utils/schematic/getSizeOfSidesFromPortArrangement.ts
 var hasExplicitPinMapping = (pa) => {
   for (const side of [
@@ -2272,51 +2102,221 @@ var getAllDimensionsForSchematicBox = (params) => {
   };
 };
 
-// lib/soup/underscorifyPortArrangement.ts
-var underscorifyPortArrangement = (portArrangement) => {
-  if (!portArrangement) return void 0;
-  if ("leftSide" in portArrangement || "rightSide" in portArrangement || "topSide" in portArrangement || "bottomSide" in portArrangement) {
+// lib/components/base-components/NormalComponent.ts
+import {
+  isValidElement as isReactElement,
+  isValidElement
+} from "react";
+import { symbols as symbols2 } from "schematic-symbols";
+import { z as z5 } from "zod";
+
+// lib/components/primitive-components/Footprint.ts
+import { footprintProps } from "@tscircuit/props";
+import * as kiwi from "@lume/kiwi";
+import Debug from "debug";
+var debug = Debug("tscircuit:core:footprint");
+var Footprint = class extends PrimitiveComponent {
+  get config() {
     return {
-      left_side: portArrangement.leftSide,
-      right_side: portArrangement.rightSide,
-      top_side: portArrangement.topSide,
-      bottom_side: portArrangement.bottomSide
+      componentName: "Footprint",
+      zodProps: footprintProps
     };
   }
-  if ("leftPinCount" in portArrangement || "rightPinCount" in portArrangement || "topPinCount" in portArrangement || "bottomPinCount" in portArrangement) {
-    return {
-      left_size: portArrangement.leftPinCount,
-      right_size: portArrangement.rightPinCount,
-      top_size: portArrangement.topPinCount,
-      bottom_size: portArrangement.bottomPinCount
+  /**
+   * A footprint is a constrainedlayout, the db elements are adjusted according
+   * to any constraints that are defined.
+   */
+  doInitialPcbFootprintLayout() {
+    const constraints = this.children.filter(
+      (child) => child.componentName === "Constraint"
+    );
+    if (constraints.length === 0) return;
+    const { isFlipped } = this._getPcbPrimitiveFlippedHelpers();
+    const maybeFlipLeftRight = (props) => {
+      if (isFlipped) {
+        if ("left" in props && "right" in props) {
+          return {
+            ...props,
+            left: props.right,
+            right: props.left
+          };
+        }
+      }
+      return props;
     };
-  }
-  if ("leftSize" in portArrangement || "rightSize" in portArrangement || "topSize" in portArrangement || "bottomSize" in portArrangement) {
-    return {
-      left_size: portArrangement.leftSize,
-      right_size: portArrangement.rightSize,
-      top_size: portArrangement.topSize,
-      bottom_size: portArrangement.bottomSize
+    const involvedComponents = constraints.flatMap(
+      (constraint) => constraint._getAllReferencedComponents().componentsWithSelectors
+    ).map(({ component, selector, componentSelector, edge }) => ({
+      component,
+      selector,
+      componentSelector,
+      edge,
+      bounds: component._getPcbCircuitJsonBounds()
+    }));
+    if (involvedComponents.some((c) => c.edge)) {
+      throw new Error(
+        "edge constraints not implemented yet for footprint layout, contributions welcome!"
+      );
+    }
+    function getComponentDetails(selector) {
+      return involvedComponents.find(({ selector: s }) => s === selector);
+    }
+    const solver = new kiwi.Solver();
+    const kVars = {};
+    function getKVar(name) {
+      if (!(name in kVars)) {
+        kVars[name] = new kiwi.Variable(name);
+        solver.addEditVariable(kVars[name], kiwi.Strength.weak);
+      }
+      return kVars[name];
+    }
+    for (const { selector, bounds: bounds2 } of involvedComponents) {
+      const kvx = getKVar(`${selector}_x`);
+      const kvy = getKVar(`${selector}_y`);
+      solver.suggestValue(kvx, bounds2.center.x);
+      solver.suggestValue(kvy, bounds2.center.y);
+    }
+    for (const constraint of constraints) {
+      const props = constraint._parsedProps;
+      if ("xDist" in props) {
+        const { xDist, left, right, edgeToEdge, centerToCenter } = maybeFlipLeftRight(props);
+        const leftVar = getKVar(`${left}_x`);
+        const rightVar = getKVar(`${right}_x`);
+        const leftBounds = getComponentDetails(left)?.bounds;
+        const rightBounds = getComponentDetails(right)?.bounds;
+        if (centerToCenter) {
+          const expr = new kiwi.Expression(rightVar, [-1, leftVar]);
+          solver.addConstraint(
+            new kiwi.Constraint(
+              expr,
+              kiwi.Operator.Eq,
+              props.xDist,
+              kiwi.Strength.required
+            )
+          );
+        } else if (edgeToEdge) {
+          const expr = new kiwi.Expression(
+            rightVar,
+            -rightBounds.width / 2,
+            [-1, leftVar],
+            -leftBounds.width / 2
+          );
+          solver.addConstraint(
+            new kiwi.Constraint(
+              expr,
+              kiwi.Operator.Eq,
+              props.xDist,
+              kiwi.Strength.required
+            )
+          );
+        }
+      } else if ("yDist" in props) {
+        const { yDist, top, bottom, edgeToEdge, centerToCenter } = props;
+        const topVar = getKVar(`${top}_y`);
+        const bottomVar = getKVar(`${bottom}_y`);
+        const topBounds = getComponentDetails(top)?.bounds;
+        const bottomBounds = getComponentDetails(bottom)?.bounds;
+        if (centerToCenter) {
+          const expr = new kiwi.Expression(topVar, [-1, bottomVar]);
+          solver.addConstraint(
+            new kiwi.Constraint(
+              expr,
+              kiwi.Operator.Eq,
+              props.yDist,
+              kiwi.Strength.required
+            )
+          );
+        } else if (edgeToEdge) {
+          const expr = new kiwi.Expression(
+            topVar,
+            topBounds.height / 2,
+            [-1, bottomVar],
+            -bottomBounds.height / 2
+          );
+          solver.addConstraint(
+            new kiwi.Constraint(
+              expr,
+              kiwi.Operator.Eq,
+              props.yDist,
+              kiwi.Strength.required
+            )
+          );
+        }
+      } else if ("sameY" in props) {
+        const { for: selectors } = props;
+        if (selectors.length < 2) continue;
+        const vars = selectors.map((selector) => getKVar(`${selector}_y`));
+        const expr = new kiwi.Expression(...vars.slice(1));
+        solver.addConstraint(
+          new kiwi.Constraint(
+            expr,
+            kiwi.Operator.Eq,
+            vars[0],
+            kiwi.Strength.required
+          )
+        );
+      } else if ("sameX" in props) {
+        const { for: selectors } = props;
+        if (selectors.length < 2) continue;
+        const vars = selectors.map((selector) => getKVar(`${selector}_x`));
+        const expr = new kiwi.Expression(...vars.slice(1));
+        solver.addConstraint(
+          new kiwi.Constraint(
+            expr,
+            kiwi.Operator.Eq,
+            vars[0],
+            kiwi.Strength.required
+          )
+        );
+      }
+    }
+    solver.updateVariables();
+    if (debug.enabled) {
+      console.log("Solution to layout constraints:");
+      console.table(
+        Object.entries(kVars).map(([key, kvar]) => ({
+          var: key,
+          val: kvar.value()
+        }))
+      );
+    }
+    const bounds = {
+      left: Infinity,
+      right: -Infinity,
+      top: -Infinity,
+      bottom: Infinity
     };
-  }
-  return void 0;
-};
-
-// lib/soup/underscorifyPinStyles.ts
-import "circuit-json";
-import "zod";
-var underscorifyPinStyles = (pinStyles) => {
-  if (!pinStyles) return void 0;
-  const underscorePinStyles = {};
-  for (const [pinName, pinStyle] of Object.entries(pinStyles)) {
-    underscorePinStyles[pinName] = {
-      bottom_margin: pinStyle.bottomMargin,
-      left_margin: pinStyle.leftMargin,
-      right_margin: pinStyle.rightMargin,
-      top_margin: pinStyle.topMargin
+    for (const {
+      selector,
+      bounds: { width, height }
+    } of involvedComponents) {
+      const kvx = getKVar(`${selector}_x`);
+      const kvy = getKVar(`${selector}_y`);
+      const newLeft = kvx.value() - width / 2;
+      const newRight = kvx.value() + width / 2;
+      const newTop = kvy.value() + height / 2;
+      const newBottom = kvy.value() - height / 2;
+      bounds.left = Math.min(bounds.left, newLeft);
+      bounds.right = Math.max(bounds.right, newRight);
+      bounds.top = Math.max(bounds.top, newTop);
+      bounds.bottom = Math.min(bounds.bottom, newBottom);
+    }
+    const globalOffset = {
+      x: -(bounds.right + bounds.left) / 2,
+      y: -(bounds.top + bounds.bottom) / 2
     };
+    const containerPos = this.getPrimitiveContainer()._getGlobalPcbPositionBeforeLayout();
+    globalOffset.x += containerPos.x;
+    globalOffset.y += containerPos.y;
+    for (const { component, selector } of involvedComponents) {
+      const kvx = getKVar(`${selector}_x`);
+      const kvy = getKVar(`${selector}_y`);
+      component._setPositionFromLayout({
+        x: kvx.value() + globalOffset.x,
+        y: kvy.value() + globalOffset.y
+      });
+    }
   }
-  return underscorePinStyles;
 };
 
 // lib/components/base-components/NormalComponent.ts
@@ -2430,10 +2430,14 @@ var NormalComponent = class extends PrimitiveComponent {
       this.addAll(portsToCreate);
       return;
     }
-    const portsFromFootprint = this.getPortsFromFootprint();
-    for (const port of portsFromFootprint) {
-      if (!portsToCreate.some((p) => p.isMatchingAnyOf(port.getNameAndAliases()))) {
-        portsToCreate.push(port);
+    if (!this._parsedProps.schPortArrangement) {
+      const portsFromFootprint = this.getPortsFromFootprint();
+      for (const port of portsFromFootprint) {
+        if (!portsToCreate.some(
+          (p) => p.isMatchingAnyOf(port.getNameAndAliases())
+        )) {
+          portsToCreate.push(port);
+        }
       }
     }
     if (portsToCreate.length > 0) {
@@ -2723,10 +2727,14 @@ var NormalComponent = class extends PrimitiveComponent {
    *
    */
   doInitialPortDiscovery() {
-    const newPorts = [
-      ...this.getPortsFromFootprint(),
-      ...this.getPortsFromSchematicSymbol()
-    ];
+    const { _parsedProps: props } = this;
+    let newPorts = [];
+    if (!props.schPortArrangement) {
+      newPorts = [
+        ...this.getPortsFromFootprint(),
+        ...this.getPortsFromSchematicSymbol()
+      ];
+    }
     const existingPorts = this.children.filter(
       (c) => c.componentName === "Port"
     );
@@ -2762,9 +2770,10 @@ var NormalComponent = class extends PrimitiveComponent {
   }
   _getPinCount() {
     const schPortArrangement = this._getSchematicPortArrangement();
-    const pinCountFromSchArrangement = (schPortArrangement?.leftSize ?? 0) + (schPortArrangement?.rightSize ?? 0) + (schPortArrangement?.topSize ?? 0) + (schPortArrangement?.bottomSize ?? 0);
-    const pinCount = pinCountFromSchArrangement || this.getPortsFromFootprint().length;
-    return pinCount;
+    if (schPortArrangement) {
+      return (schPortArrangement.leftSize ?? 0) + (schPortArrangement.rightSize ?? 0) + (schPortArrangement.topSize ?? 0) + (schPortArrangement.bottomSize ?? 0);
+    }
+    return this.getPortsFromFootprint().length;
   }
   /**
    * Override the schematic port arrangement if you want to customize where pins
@@ -3313,6 +3322,56 @@ function tryNow(fn) {
 
 // lib/components/primitive-components/Trace.ts
 import "zod";
+
+// lib/utils/autorouting/getDominantDirection.ts
+function getDominantDirection(edge) {
+  const delta = {
+    x: edge.to.x - edge.from.x,
+    y: edge.to.y - edge.from.y
+  };
+  const absX = Math.abs(delta.x);
+  const absY = Math.abs(delta.y);
+  if (absX > absY) {
+    return delta.x > 0 ? "right" : "left";
+  }
+  return delta.y > 0 ? "down" : "up";
+}
+
+// lib/utils/schematic/getStubEdges.ts
+var getStubEdges = ({
+  lastEdge,
+  lastEdgePort,
+  lastDominantDirection
+}) => {
+  const edges = [];
+  if (lastEdge && lastEdgePort) {
+    const intermediatePoint = { x: lastEdge.to.x, y: lastEdge.to.y };
+    if (lastDominantDirection === "left" || lastDominantDirection === "right") {
+      intermediatePoint.x = lastEdgePort.position.x;
+      edges.push({
+        from: lastEdge.to,
+        to: { ...intermediatePoint }
+      });
+      edges.push({
+        from: intermediatePoint,
+        to: { ...lastEdgePort.position }
+      });
+    } else {
+      intermediatePoint.y = lastEdgePort.position.y;
+      edges.push({
+        from: lastEdge.to,
+        to: { ...intermediatePoint }
+      });
+      edges.push({
+        from: intermediatePoint,
+        to: { ...lastEdgePort.position }
+      });
+    }
+  }
+  return edges;
+};
+
+// lib/components/primitive-components/Trace.ts
 var portToObjective = (port) => {
   const portPosition = port._getGlobalPcbPositionAfterLayout();
   return {
@@ -3789,6 +3848,12 @@ searched component ${targetComponent.getString()}, which has ports: ${targetComp
         to: route[i + 1]
       });
     }
+    const lastEdge = edges[edges.length - 1];
+    const lastEdgePort = portsWithPosition[portsWithPosition.length - 1];
+    const lastDominantDirection = getDominantDirection(lastEdge);
+    edges.push(
+      ...getStubEdges({ lastEdge, lastEdgePort, lastDominantDirection })
+    );
     const trace = db.schematic_trace.insert({
       source_trace_id: this.source_trace_id,
       edges

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tscircuit/core",
   "type": "module",
-  "version": "0.0.148",
+  "version": "0.0.150",
   "types": "dist/index.d.ts",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -45,7 +45,7 @@
     "@tscircuit/soup-util": "^0.0.33",
     "circuit-json": "^0.0.93",
     "circuit-json-to-connectivity-map": "^0.0.17",
-    "circuit-to-svg": "^0.0.58",
+    "circuit-to-svg": "^0.0.59",
     "nanoid": "^5.0.7",
     "performance-now": "^2.1.0",
     "react": "^18.3.1",