@tscircuit/core 0.0.985 → 0.0.987

package/dist/index.d.ts

@@ -16,115 +16,6 @@ import { CopperPourPipelineSolver } from '@tscircuit/copper-pour-solver';
 import { ConnectivityMap } from 'circuit-json-to-connectivity-map';
 import { GraphicsObject } from 'graphics-debug';
 
-declare const orderedRenderPhases: readonly ["ReactSubtreesRender", "InflateSubcircuitCircuitJson", "SourceNameDuplicateComponentRemoval", "PcbFootprintStringRender", "InitializePortsFromChildren", "CreateNetsFromProps", "AssignFallbackProps", "CreateTracesFromProps", "CreateTracesFromNetLabels", "CreateTraceHintsFromProps", "SourceGroupRender", "AssignNameToUnnamedComponents", "SourceRender", "SourceParentAttachment", "PortMatching", "OptimizeSelectorCache", "SourceTraceRender", "SourceAddConnectivityMapKey", "SourceDesignRuleChecks", "SimulationRender", "SchematicComponentRender", "SchematicPortRender", "SchematicPrimitiveRender", "SchematicComponentSizeCalculation", "SchematicLayout", "SchematicTraceRender", "SchematicReplaceNetLabelsWithSymbols", "PanelBoardLayout", "PcbComponentRender", "PcbPrimitiveRender", "PcbFootprintLayout", "PcbPortRender", "PcbPortAttachment", "PcbComponentSizeCalculation", "PcbComponentAnchorAlignment", "PcbLayout", "PcbBoardAutoSize", "PanelLayout", "PcbTraceHintRender", "PcbManualTraceRender", "PcbTraceRender", "PcbRouteNetIslands", "PcbCopperPourRender", "PcbDesignRuleChecks", "SilkscreenOverlapAdjustment", "CadModelRender", "PartsEngineRender", "SimulationSpiceEngineRender"];
-type RenderPhase = (typeof orderedRenderPhases)[number];
-declare const renderPhaseIndexMap: Map<"ReactSubtreesRender" | "InflateSubcircuitCircuitJson" | "SourceNameDuplicateComponentRemoval" | "PcbFootprintStringRender" | "InitializePortsFromChildren" | "CreateNetsFromProps" | "AssignFallbackProps" | "CreateTracesFromProps" | "CreateTracesFromNetLabels" | "CreateTraceHintsFromProps" | "SourceGroupRender" | "AssignNameToUnnamedComponents" | "SourceRender" | "SourceParentAttachment" | "PortMatching" | "OptimizeSelectorCache" | "SourceTraceRender" | "SourceAddConnectivityMapKey" | "SourceDesignRuleChecks" | "SimulationRender" | "SchematicComponentRender" | "SchematicPortRender" | "SchematicPrimitiveRender" | "SchematicComponentSizeCalculation" | "SchematicLayout" | "SchematicTraceRender" | "SchematicReplaceNetLabelsWithSymbols" | "PanelBoardLayout" | "PcbComponentRender" | "PcbPrimitiveRender" | "PcbFootprintLayout" | "PcbPortRender" | "PcbPortAttachment" | "PcbComponentSizeCalculation" | "PcbComponentAnchorAlignment" | "PcbLayout" | "PcbBoardAutoSize" | "PanelLayout" | "PcbTraceHintRender" | "PcbManualTraceRender" | "PcbTraceRender" | "PcbRouteNetIslands" | "PcbCopperPourRender" | "PcbDesignRuleChecks" | "SilkscreenOverlapAdjustment" | "CadModelRender" | "PartsEngineRender" | "SimulationSpiceEngineRender", number>;
-type RenderPhaseFn<K extends RenderPhase = RenderPhase> = `doInitial${K}` | `update${K}` | `remove${K}`;
-type RenderPhaseStates = Record<RenderPhase, {
-    initialized: boolean;
-    dirty: boolean;
-}>;
-type AsyncEffect = {
-    effectName: string;
-    promise: Promise<void>;
-    phase: RenderPhase;
-    complete: boolean;
-};
-type RenderPhaseFunctions = {
-    [T in RenderPhaseFn]?: () => void;
-};
-type IRenderable = RenderPhaseFunctions & {
-    renderPhaseStates: RenderPhaseStates;
-    runRenderPhase(phase: RenderPhase): void;
-    runRenderPhaseForChildren(phase: RenderPhase): void;
-    shouldBeRemoved: boolean;
-    children: IRenderable[];
-    runRenderCycle(): void;
-};
-declare abstract class Renderable implements IRenderable {
-    renderPhaseStates: RenderPhaseStates;
-    shouldBeRemoved: boolean;
-    children: IRenderable[];
-    /** PCB-only SMTPads, PlatedHoles, Holes, Silkscreen elements etc. */
-    isPcbPrimitive: boolean;
-    /** Schematic-only, lines, boxes, indicators etc. */
-    isSchematicPrimitive: boolean;
-    _renderId: string;
-    _currentRenderPhase: RenderPhase | null;
-    private _asyncEffects;
-    parent: Renderable | null;
-    constructor(props: any);
-    _markDirty(phase: RenderPhase): void;
-    _queueAsyncEffect(effectName: string, effect: () => Promise<void>): void;
-    protected _emitRenderLifecycleEvent(phase: RenderPhase, startOrEnd: "start" | "end"): void;
-    getString(): string;
-    _hasIncompleteAsyncEffects(): boolean;
-    _hasIncompleteAsyncEffectsInSubtreeForPhase(phase: RenderPhase): boolean;
-    getCurrentRenderPhase(): RenderPhase | null;
-    getRenderGraph(): Record<string, any>;
-    getTopLevelRenderable(): Renderable;
-    runRenderCycle(): void;
-    /**
-     * This runs all the render methods for a given phase, calling one of:
-     * - doInitial*
-     * - update*
-     *  -remove*
-     *  ...depending on the current state of the component.
-     */
-    runRenderPhase(phase: RenderPhase): void;
-    runRenderPhaseForChildren(phase: RenderPhase): void;
-    renderError(message: string | Omit<PcbTraceError, "pcb_error_id"> | Omit<PcbPlacementError, "pcb_error_id"> | Omit<PcbManualEditConflictWarning, "pcb_error_id"> | Omit<PcbViaClearanceError, "pcb_error_id">): void;
-}
-
-/**
- * This is how we render in React. This can be a confusing part of the codebase,
- * but here are some helpful reference implementations:
- *
- * https://github.com/diegomura/react-pdf/blob/fabecc56727dfb6d590a3fa1e11f50250ecbbea1/packages/reconciler/src/reconciler-31.js
- * https://github.com/pmndrs/react-three-fiber/blob/ec4f00bb61cc4f6e28b3a12b1dca9daa5594f10e/packages/fiber/src/core/renderer.ts
- *
- *
- */
-
-type ReactSubtree = {
-    element: ReactElement;
-    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;
-    };
-    getSizeIncludingPins(): {
-        width: number;
-        height: number;
-    };
-}
-interface SchematicBoxComponentDimensions {
-    schWidth: number;
-    schHeight: number;
-}
-
-interface BoardI {
-    componentName: string;
-    boardThickness: number;
-    _connectedSchematicPortPairs: Set<string>;
-    allLayers: ReadonlyArray<LayerRef>;
-    _getBoardCalcVariables(): Record<string, number>;
-    pcb_board_id?: string | null;
-}
-
 declare const SOLVERS: {
     PackSolver2: typeof PackSolver2;
     AutoroutingPipelineSolver: typeof AutoroutingPipelineSolver;
@@ -271,6 +162,124 @@ interface DebugLogOutputEvent {
     content: any;
 }
 
+interface IRootCircuit {
+    emit(event: RootCircuitEventName, ...args: any[]): void;
+    on(event: RootCircuitEventName, listener: (...args: any[]) => void): void;
+    _hasIncompleteAsyncEffectsForPhase(phase: RenderPhase): boolean;
+}
+
+declare const orderedRenderPhases: readonly ["ReactSubtreesRender", "InflateSubcircuitCircuitJson", "SourceNameDuplicateComponentRemoval", "PcbFootprintStringRender", "InitializePortsFromChildren", "CreateNetsFromProps", "AssignFallbackProps", "CreateTracesFromProps", "CreateTracesFromNetLabels", "CreateTraceHintsFromProps", "SourceGroupRender", "AssignNameToUnnamedComponents", "SourceRender", "SourceParentAttachment", "PortMatching", "OptimizeSelectorCache", "SourceTraceRender", "SourceAddConnectivityMapKey", "SourceDesignRuleChecks", "SimulationRender", "SchematicComponentRender", "SchematicPortRender", "SchematicPrimitiveRender", "SchematicComponentSizeCalculation", "SchematicLayout", "SchematicTraceRender", "SchematicReplaceNetLabelsWithSymbols", "PanelBoardLayout", "PcbComponentRender", "PcbPrimitiveRender", "PcbFootprintLayout", "PcbPortRender", "PcbPortAttachment", "PcbComponentSizeCalculation", "PcbComponentAnchorAlignment", "PcbLayout", "PcbBoardAutoSize", "PanelLayout", "PcbTraceHintRender", "PcbManualTraceRender", "PcbTraceRender", "PcbRouteNetIslands", "PcbCopperPourRender", "PcbDesignRuleChecks", "SilkscreenOverlapAdjustment", "CadModelRender", "PartsEngineRender", "SimulationSpiceEngineRender"];
+type RenderPhase = (typeof orderedRenderPhases)[number];
+declare const renderPhaseIndexMap: Map<"ReactSubtreesRender" | "InflateSubcircuitCircuitJson" | "SourceNameDuplicateComponentRemoval" | "PcbFootprintStringRender" | "InitializePortsFromChildren" | "CreateNetsFromProps" | "AssignFallbackProps" | "CreateTracesFromProps" | "CreateTracesFromNetLabels" | "CreateTraceHintsFromProps" | "SourceGroupRender" | "AssignNameToUnnamedComponents" | "SourceRender" | "SourceParentAttachment" | "PortMatching" | "OptimizeSelectorCache" | "SourceTraceRender" | "SourceAddConnectivityMapKey" | "SourceDesignRuleChecks" | "SimulationRender" | "SchematicComponentRender" | "SchematicPortRender" | "SchematicPrimitiveRender" | "SchematicComponentSizeCalculation" | "SchematicLayout" | "SchematicTraceRender" | "SchematicReplaceNetLabelsWithSymbols" | "PanelBoardLayout" | "PcbComponentRender" | "PcbPrimitiveRender" | "PcbFootprintLayout" | "PcbPortRender" | "PcbPortAttachment" | "PcbComponentSizeCalculation" | "PcbComponentAnchorAlignment" | "PcbLayout" | "PcbBoardAutoSize" | "PanelLayout" | "PcbTraceHintRender" | "PcbManualTraceRender" | "PcbTraceRender" | "PcbRouteNetIslands" | "PcbCopperPourRender" | "PcbDesignRuleChecks" | "SilkscreenOverlapAdjustment" | "CadModelRender" | "PartsEngineRender" | "SimulationSpiceEngineRender", number>;
+type RenderPhaseFn<K extends RenderPhase = RenderPhase> = `doInitial${K}` | `update${K}` | `remove${K}`;
+type RenderPhaseStates = Record<RenderPhase, {
+    initialized: boolean;
+    dirty: boolean;
+}>;
+type AsyncEffect = {
+    asyncEffectId: string;
+    effectName: string;
+    promise: Promise<void>;
+    phase: RenderPhase;
+    complete: boolean;
+};
+type RenderPhaseFunctions = {
+    [T in RenderPhaseFn]?: () => void;
+};
+type IRenderable = RenderPhaseFunctions & {
+    renderPhaseStates: RenderPhaseStates;
+    runRenderPhase(phase: RenderPhase): void;
+    runRenderPhaseForChildren(phase: RenderPhase): void;
+    shouldBeRemoved: boolean;
+    children: IRenderable[];
+    runRenderCycle(): void;
+};
+declare abstract class Renderable implements IRenderable {
+    renderPhaseStates: RenderPhaseStates;
+    shouldBeRemoved: boolean;
+    children: IRenderable[];
+    /** PCB-only SMTPads, PlatedHoles, Holes, Silkscreen elements etc. */
+    isPcbPrimitive: boolean;
+    /** Schematic-only, lines, boxes, indicators etc. */
+    isSchematicPrimitive: boolean;
+    _renderId: string;
+    _currentRenderPhase: RenderPhase | null;
+    private _asyncEffects;
+    parent: Renderable | null;
+    constructor(props: any);
+    _markDirty(phase: RenderPhase): void;
+    _queueAsyncEffect(effectName: string, effect: () => Promise<void>): void;
+    protected _emitRenderLifecycleEvent(phase: RenderPhase, startOrEnd: "start" | "end"): void;
+    getString(): string;
+    _hasIncompleteAsyncEffects(): boolean;
+    _hasIncompleteAsyncEffectsInSubtreeForPhase(phase: RenderPhase): boolean;
+    _hasIncompleteAsyncEffectsForPhase(phase: RenderPhase): boolean;
+    getCurrentRenderPhase(): RenderPhase | null;
+    getRenderGraph(): Record<string, any>;
+    getTopLevelRenderable(): Renderable;
+    runRenderCycle(): void;
+    /**
+     * This runs all the render methods for a given phase, calling one of:
+     * - doInitial*
+     * - update*
+     *  -remove*
+     *  ...depending on the current state of the component.
+     */
+    runRenderPhase(phase: RenderPhase): void;
+    runRenderPhaseForChildren(phase: RenderPhase): void;
+    protected _getRootCircuit(): IRootCircuit | null;
+    renderError(message: string | Omit<PcbTraceError, "pcb_error_id"> | Omit<PcbPlacementError, "pcb_error_id"> | Omit<PcbManualEditConflictWarning, "pcb_error_id"> | Omit<PcbViaClearanceError, "pcb_error_id">): void;
+}
+
+/**
+ * This is how we render in React. This can be a confusing part of the codebase,
+ * but here are some helpful reference implementations:
+ *
+ * https://github.com/diegomura/react-pdf/blob/fabecc56727dfb6d590a3fa1e11f50250ecbbea1/packages/reconciler/src/reconciler-31.js
+ * https://github.com/pmndrs/react-three-fiber/blob/ec4f00bb61cc4f6e28b3a12b1dca9daa5594f10e/packages/fiber/src/core/renderer.ts
+ *
+ *
+ */
+
+type ReactSubtree = {
+    element: ReactElement;
+    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;
+    };
+    getSizeIncludingPins(): {
+        width: number;
+        height: number;
+    };
+}
+interface SchematicBoxComponentDimensions {
+    schWidth: number;
+    schHeight: number;
+}
+
+interface BoardI {
+    componentName: string;
+    boardThickness: number;
+    _connectedSchematicPortPairs: Set<string>;
+    allLayers: ReadonlyArray<LayerRef>;
+    _getBoardCalcVariables(): Record<string, number>;
+    pcb_board_id?: string | null;
+}
+
 declare function resolveStaticFileImport(path: string, platform?: PlatformConfig): Promise<string>;
 
 declare class RootCircuit {
@@ -299,6 +308,8 @@ declare class RootCircuit {
      */
     projectUrl?: string;
     _hasRenderedAtleastOnce: boolean;
+    private _asyncEffectIdsByPhase;
+    private _asyncEffectPhaseById;
     constructor({ platform, projectUrl, }?: {
         platform?: PlatformConfig;
         projectUrl?: string;
@@ -313,6 +324,7 @@ declare class RootCircuit {
     render(): void;
     renderUntilSettled(): Promise<void>;
     private _hasIncompleteAsyncEffects;
+    _hasIncompleteAsyncEffectsForPhase(phase: RenderPhase): boolean;
     getCircuitJson(): AnyCircuitElement[];
     toJson(): AnyCircuitElement[];
     getSvg(options: {
@@ -336,6 +348,8 @@ declare class RootCircuit {
     removeListener(event: RootCircuitEventName, listener: (...args: any[]) => void): void;
     enableDebug(debug: string | null | false): void;
     getClientOrigin(): string;
+    private _registerAsyncEffectStart;
+    private _registerAsyncEffectEnd;
 }
 /**
  * @deprecated

package/dist/index.js

@@ -185,6 +185,7 @@ var asyncPhaseDependencies = {
   PcbComponentAnchorAlignment: ["PcbFootprintStringRender"]
 };
 var globalRenderCounter = 0;
+var globalAsyncEffectCounter = 0;
 var Renderable = class _Renderable {
   renderPhaseStates;
   shouldBeRemoved = false;
@@ -219,7 +220,9 @@ var Renderable = class _Renderable {
     }
   }
   _queueAsyncEffect(effectName, effect) {
+    const asyncEffectId = `${this._renderId}:${globalAsyncEffectCounter++}`;
     const asyncEffect = {
+      asyncEffectId,
       promise: effect(),
       // TODO don't start effects until end of render cycle
       phase: this._currentRenderPhase,
@@ -227,9 +230,10 @@ var Renderable = class _Renderable {
       complete: false
     };
     this._asyncEffects.push(asyncEffect);
-    if ("root" in this && this.root) {
-      ;
-      this.root.emit("asyncEffect:start", {
+    const root = this._getRootCircuit();
+    if (root) {
+      root.emit("asyncEffect:start", {
+        asyncEffectId,
         effectName,
         componentDisplayName: this.getString(),
         phase: asyncEffect.phase
@@ -237,9 +241,10 @@ var Renderable = class _Renderable {
     }
     asyncEffect.promise.then(() => {
       asyncEffect.complete = true;
-      if ("root" in this && this.root) {
-        ;
-        this.root.emit("asyncEffect:end", {
+      const root2 = this._getRootCircuit();
+      if (root2) {
+        root2.emit("asyncEffect:end", {
+          asyncEffectId,
           effectName,
           componentDisplayName: this.getString(),
           phase: asyncEffect.phase
@@ -251,9 +256,10 @@ var Renderable = class _Renderable {
 ${error.stack}`
       );
       asyncEffect.complete = true;
-      if ("root" in this && this.root) {
-        ;
-        this.root.emit("asyncEffect:end", {
+      const root2 = this._getRootCircuit();
+      if (root2) {
+        root2.emit("asyncEffect:end", {
+          asyncEffectId,
           effectName,
           componentDisplayName: this.getString(),
           phase: asyncEffect.phase,
@@ -270,10 +276,10 @@ ${error.stack}`
       componentDisplayName: this.getString(),
       type: granular_event_type
     };
-    if ("root" in this && this.root) {
-      ;
-      this.root.emit(granular_event_type, eventPayload);
-      this.root.emit("renderable:renderLifecycle:anyEvent", {
+    const root = this._getRootCircuit();
+    if (root) {
+      root.emit(granular_event_type, eventPayload);
+      root.emit("renderable:renderLifecycle:anyEvent", {
         ...eventPayload,
         type: granular_event_type
       });
@@ -299,6 +305,13 @@ ${error.stack}`
     }
     return false;
   }
+  _hasIncompleteAsyncEffectsForPhase(phase) {
+    const root = this._getRootCircuit();
+    if (root?._hasIncompleteAsyncEffectsForPhase) {
+      return root._hasIncompleteAsyncEffectsForPhase(phase);
+    }
+    return this._hasIncompleteAsyncEffectsInSubtreeForPhase(phase);
+  }
   getCurrentRenderPhase() {
     return this._currentRenderPhase;
   }
@@ -355,9 +368,8 @@ ${error.stack}`
     }
     const deps = asyncPhaseDependencies[phase] || [];
     if (deps.length > 0) {
-      const root = this.getTopLevelRenderable();
       for (const depPhase of deps) {
-        if (root._hasIncompleteAsyncEffectsInSubtreeForPhase(depPhase)) {
+        if (this._hasIncompleteAsyncEffectsForPhase(depPhase)) {
           return;
         }
       }
@@ -383,6 +395,12 @@ ${error.stack}`
       child.runRenderPhase(phase);
     }
   }
+  _getRootCircuit() {
+    if ("root" in this) {
+      return this.root ?? null;
+    }
+    return null;
+  }
   renderError(message) {
     if (typeof message === "string") {
       throw new Error(message);
@@ -2358,10 +2376,10 @@ var SmtPad = class extends PrimitiveComponent2 {
           pcb_group_id: this.getGroup()?.pcb_group_id ?? void 0
         });
     } else if (props.shape === "polygon") {
-      const transformedPoints = props.points.map((point4) => {
+      const transformedPoints = props.points.map((point6) => {
         const transformed = applyToPoint2(globalTransform, {
-          x: distance.parse(point4.x),
-          y: distance.parse(point4.y)
+          x: distance.parse(point6.x),
+          y: distance.parse(point6.y)
         });
         return {
           x: transformed.x,
@@ -2593,18 +2611,18 @@ var SilkscreenPath = class extends PrimitiveComponent2 {
     if (!currentPath) return;
     let currentCenterX = 0;
     let currentCenterY = 0;
-    for (const point4 of currentPath.route) {
-      currentCenterX += point4.x;
-      currentCenterY += point4.y;
+    for (const point6 of currentPath.route) {
+      currentCenterX += point6.x;
+      currentCenterY += point6.y;
     }
     currentCenterX /= currentPath.route.length;
     currentCenterY /= currentPath.route.length;
     const offsetX = newCenter.x - currentCenterX;
     const offsetY = newCenter.y - currentCenterY;
-    const newRoute = currentPath.route.map((point4) => ({
-      ...point4,
-      x: point4.x + offsetX,
-      y: point4.y + offsetY
+    const newRoute = currentPath.route.map((point6) => ({
+      ...point6,
+      x: point6.x + offsetX,
+      y: point6.y + offsetY
     }));
     db.pcb_silkscreen_path.update(this.pcb_silkscreen_path_id, {
       route: newRoute
@@ -2634,11 +2652,11 @@ var SilkscreenPath = class extends PrimitiveComponent2 {
       return { width: 0, height: 0 };
     }
     let minX = Infinity, maxX = -Infinity, minY = Infinity, maxY = -Infinity;
-    for (const point4 of props.route) {
-      minX = Math.min(minX, point4.x);
-      maxX = Math.max(maxX, point4.x);
-      minY = Math.min(minY, point4.y);
-      maxY = Math.max(maxY, point4.y);
+    for (const point6 of props.route) {
+      minX = Math.min(minX, point6.x);
+      maxX = Math.max(maxX, point6.x);
+      minY = Math.min(minY, point6.y);
+      maxY = Math.max(maxY, point6.y);
     }
     return {
       width: maxX - minX,
@@ -2674,14 +2692,14 @@ var PcbTrace = class extends PrimitiveComponent2 {
     const subcircuit = this.getSubcircuit();
     const { maybeFlipLayer } = this._getPcbPrimitiveFlippedHelpers();
     const parentTransform = this._computePcbGlobalTransformBeforeLayout();
-    const transformedRoute = props.route.map((point4) => {
-      const { x, y, ...restOfPoint } = point4;
+    const transformedRoute = props.route.map((point6) => {
+      const { x, y, ...restOfPoint } = point6;
       const transformedPoint = applyToPoint4(parentTransform, { x, y });
-      if (point4.route_type === "wire" && point4.layer) {
+      if (point6.route_type === "wire" && point6.layer) {
         return {
           ...transformedPoint,
           ...restOfPoint,
-          layer: maybeFlipLayer(point4.layer)
+          layer: maybeFlipLayer(point6.layer)
         };
       }
       return { ...transformedPoint, ...restOfPoint };
@@ -2701,16 +2719,16 @@ var PcbTrace = class extends PrimitiveComponent2 {
       return { width: 0, height: 0 };
     }
     let minX = Infinity, maxX = -Infinity, minY = Infinity, maxY = -Infinity;
-    for (const point4 of props.route) {
-      minX = Math.min(minX, point4.x);
-      maxX = Math.max(maxX, point4.x);
-      minY = Math.min(minY, point4.y);
-      maxY = Math.max(maxY, point4.y);
-      if (point4.route_type === "wire") {
-        minX = Math.min(minX, point4.x - point4.width / 2);
-        maxX = Math.max(maxX, point4.x + point4.width / 2);
-        minY = Math.min(minY, point4.y - point4.width / 2);
-        maxY = Math.max(maxY, point4.y + point4.width / 2);
+    for (const point6 of props.route) {
+      minX = Math.min(minX, point6.x);
+      maxX = Math.max(maxX, point6.x);
+      minY = Math.min(minY, point6.y);
+      maxY = Math.max(maxY, point6.y);
+      if (point6.route_type === "wire") {
+        minX = Math.min(minX, point6.x - point6.width / 2);
+        maxX = Math.max(maxX, point6.x + point6.width / 2);
+        minY = Math.min(minY, point6.y - point6.width / 2);
+        maxY = Math.max(maxY, point6.y + point6.width / 2);
       }
     }
     if (minX === Infinity || maxX === -Infinity || minY === Infinity || maxY === -Infinity) {
@@ -2977,9 +2995,9 @@ var PlatedHole = class extends PrimitiveComponent2 {
       });
       this.pcb_plated_hole_id = pcb_plated_hole.pcb_plated_hole_id;
     } else if (props.shape === "hole_with_polygon_pad") {
-      const padOutline = (props.padOutline || []).map((point4) => {
-        const x = typeof point4.x === "number" ? point4.x : parseFloat(String(point4.x));
-        const y = typeof point4.y === "number" ? point4.y : parseFloat(String(point4.y));
+      const padOutline = (props.padOutline || []).map((point6) => {
+        const x = typeof point6.x === "number" ? point6.x : parseFloat(String(point6.x));
+        const y = typeof point6.y === "number" ? point6.y : parseFloat(String(point6.y));
         return {
           x,
           y
@@ -3398,11 +3416,11 @@ var Cutout = class extends PrimitiveComponent2 {
     if (props.shape === "polygon") {
       if (props.points.length === 0) return { width: 0, height: 0 };
       let minX = Infinity, maxX = -Infinity, minY = Infinity, maxY = -Infinity;
-      for (const point4 of props.points) {
-        minX = Math.min(minX, point4.x);
-        maxX = Math.max(maxX, point4.x);
-        minY = Math.min(minY, point4.y);
-        maxY = Math.max(maxY, point4.y);
+      for (const point6 of props.points) {
+        minX = Math.min(minX, point6.x);
+        maxX = Math.max(maxX, point6.x);
+        minY = Math.min(minY, point6.y);
+        maxY = Math.max(maxY, point6.y);
       }
       return { width: maxX - minX, height: maxY - minY };
     }
@@ -3441,11 +3459,11 @@ var Cutout = class extends PrimitiveComponent2 {
     } else if (cutout.shape === "polygon") {
       if (cutout.points.length === 0) return super._getPcbCircuitJsonBounds();
       let minX = Infinity, maxX = -Infinity, minY = Infinity, maxY = -Infinity;
-      for (const point4 of cutout.points) {
-        minX = Math.min(minX, point4.x);
-        maxX = Math.max(maxX, point4.x);
-        minY = Math.min(minY, point4.y);
-        maxY = Math.max(maxY, point4.y);
+      for (const point6 of cutout.points) {
+        minX = Math.min(minX, point6.x);
+        maxX = Math.max(maxX, point6.x);
+        minY = Math.min(minY, point6.y);
+        maxY = Math.max(maxY, point6.y);
       }
       return {
         center: { x: (minX + maxX) / 2, y: (minY + maxY) / 2 },
@@ -5488,13 +5506,13 @@ var getDistance = (a, b) => {
   const bPos = "_getGlobalPcbPositionBeforeLayout" in b ? b._getGlobalPcbPositionBeforeLayout() : b;
   return Math.sqrt((aPos.x - bPos.x) ** 2 + (aPos.y - bPos.y) ** 2);
 };
-function getClosest(point4, candidates) {
+function getClosest(point6, candidates) {
   if (candidates.length === 0)
     throw new Error("No candidates given to getClosest method");
   let closest = candidates[0];
   let closestDist = Infinity;
   for (const candidate of candidates) {
-    const dist = getDistance(point4, candidate);
+    const dist = getDistance(point6, candidate);
     if (dist < closestDist) {
       closest = candidate;
       closestDist = dist;
@@ -5624,30 +5642,36 @@ function getTraceDisplayName({
 }
 
 // lib/utils/is-route-outside-board.ts
-var isRouteOutsideBoard = (mergedRoute, { db }) => {
-  const pcbBoard = db.pcb_board.list()[0];
-  if (pcbBoard.outline) {
-    const boardOutline = pcbBoard.outline;
-    const isInsidePolygon = (point4, polygon) => {
-      let inside = false;
-      for (let i = 0, j = polygon.length - 1; i < polygon.length; j = i++) {
-        const xi = polygon[i].x, yi = polygon[i].y;
-        const xj = polygon[j].x, yj = polygon[j].y;
-        const intersect = yi > point4.y !== yj > point4.y && point4.x < (xj - xi) * (point4.y - yi) / (yj - yi) + xi;
-        if (intersect) inside = !inside;
-      }
-      return inside;
-    };
-    return mergedRoute.some((point4) => !isInsidePolygon(point4, boardOutline));
-  }
-  const boardWidth = pcbBoard.width;
-  const boardHeight = pcbBoard.height;
-  const boardCenterX = pcbBoard.center.x;
-  const boardCenterY = pcbBoard.center.y;
-  const outsideBoard = mergedRoute.some((point4) => {
-    return point4.x < boardCenterX - boardWidth / 2 || point4.y < boardCenterY - boardHeight / 2 || point4.x > boardCenterX + boardWidth / 2 || point4.y > boardCenterY + boardHeight / 2;
-  });
-  return outsideBoard;
+import { point as point2 } from "@flatten-js/core";
+
+// lib/utils/get-pcb-board-outline-polygon.ts
+import { Box, point, Polygon } from "@flatten-js/core";
+var getPcbBoardOutlinePolygon = (pcbBoard) => {
+  if (pcbBoard.outline && pcbBoard.outline.length > 0) {
+    return new Polygon(pcbBoard.outline.map((p) => point(p.x, p.y)));
+  }
+  return new Polygon(
+    new Box(
+      pcbBoard.center.x - pcbBoard.width / 2,
+      pcbBoard.center.y - pcbBoard.height / 2,
+      pcbBoard.center.x + pcbBoard.width / 2,
+      pcbBoard.center.y + pcbBoard.height / 2
+    ).toPoints()
+  );
+};
+
+// lib/utils/is-route-outside-board.ts
+var isRouteOutsideBoard = ({
+  mergedRoute,
+  db,
+  pcbBoardId
+}) => {
+  const pcbBoard = db.pcb_board.get(pcbBoardId);
+  if (!pcbBoard) return false;
+  const boardOutlinePolygon = getPcbBoardOutlinePolygon(pcbBoard);
+  return !mergedRoute.flat().every(
+    (routePoint) => boardOutlinePolygon.contains(point2(routePoint.x, routePoint.y))
+  );
 };
 
 // lib/utils/obstacles/getObstaclesFromRoute.ts
@@ -6227,12 +6251,12 @@ var createSchematicTraceCrossingSegments = ({
 
 // lib/components/primitive-components/Trace/trace-utils/create-schematic-trace-junctions.ts
 var TOLERANCE = 1e-3;
-var isPointWithinEdge = (point4, edge) => {
+var isPointWithinEdge = (point6, edge) => {
   const minX = Math.min(edge.from.x, edge.to.x);
   const maxX = Math.max(edge.from.x, edge.to.x);
   const minY = Math.min(edge.from.y, edge.to.y);
   const maxY = Math.max(edge.from.y, edge.to.y);
-  return point4.x >= minX && point4.x <= maxX && point4.y >= minY && point4.y <= maxY;
+  return point6.x >= minX && point6.x <= maxX && point6.y >= minY && point6.y <= maxY;
 };
 var getEdgeOrientation = (edge) => {
   const isVertical = Math.abs(edge.from.x - edge.to.x) < TOLERANCE;
@@ -6840,15 +6864,15 @@ import { getFullConnectivityMapFromCircuitJson } from "circuit-json-to-connectiv
 function getTraceLength(route) {
   let totalLength = 0;
   for (let i = 0; i < route.length; i++) {
-    const point4 = route[i];
-    if (point4.route_type === "wire") {
+    const point6 = route[i];
+    if (point6.route_type === "wire") {
       const nextPoint = route[i + 1];
       if (nextPoint) {
-        const dx = nextPoint.x - point4.x;
-        const dy = nextPoint.y - point4.y;
+        const dx = nextPoint.x - point6.x;
+        const dy = nextPoint.y - point6.y;
         totalLength += Math.sqrt(dx * dx + dy * dy);
       }
-    } else if (point4.route_type === "via") {
+    } else if (point6.route_type === "via") {
       totalLength += 1.6;
     }
   }
@@ -7158,17 +7182,17 @@ function Trace_doInitialPcbTraceRender(trace) {
   });
   trace._portsRoutedOnPcb = ports;
   trace.pcb_trace_id = pcb_trace.pcb_trace_id;
-  for (const point4 of mergedRoute) {
-    if (point4.route_type === "via") {
+  for (const point6 of mergedRoute) {
+    if (point6.route_type === "via") {
       db.pcb_via.insert({
         pcb_trace_id: pcb_trace.pcb_trace_id,
-        x: point4.x,
-        y: point4.y,
+        x: point6.x,
+        y: point6.y,
         hole_diameter: holeDiameter,
         outer_diameter: padDiameter,
-        layers: [point4.from_layer, point4.to_layer],
-        from_layer: point4.from_layer,
-        to_layer: point4.to_layer
+        layers: [point6.from_layer, point6.to_layer],
+        from_layer: point6.from_layer,
+        to_layer: point6.to_layer
       });
     }
   }
@@ -7830,7 +7854,15 @@ var Trace3 = class extends PrimitiveComponent2 {
   }
   _insertErrorIfTraceIsOutsideBoard(mergedRoute, ports) {
     const { db } = this.root;
-    const isOutsideBoard = isRouteOutsideBoard(mergedRoute, { db });
+    const board = this._getBoard();
+    if (!board) return;
+    const pcbBoardId = board.pcb_board_id;
+    if (!pcbBoardId) return;
+    const isOutsideBoard = isRouteOutsideBoard({
+      mergedRoute,
+      db,
+      pcbBoardId
+    });
     if (isOutsideBoard) {
       db.pcb_trace_error.insert({
         error_type: "pcb_trace_error",
@@ -10553,7 +10585,7 @@ var getSimpleRouteJsonFromCircuitJson = ({
       layerCount: board?.num_layers ?? 2,
       minTraceWidth,
       nominalTraceWidth,
-      outline: board?.outline?.map((point4) => ({ ...point4 }))
+      outline: board?.outline?.map((point6) => ({ ...point6 }))
     },
     connMap
   };
@@ -14249,16 +14281,16 @@ function splitRouteAtJumperPads(route, padInfos) {
   const segments = [];
   let currentSegment = [];
   for (let i = 0; i < route.length; i++) {
-    const point4 = route[i];
-    currentSegment.push(point4);
-    if (point4.route_type === "wire" && i > 0 && i < route.length - 1) {
-      const padInfo = findJumperPortContainingPoint(padInfos, point4.x, point4.y);
+    const point6 = route[i];
+    currentSegment.push(point6);
+    if (point6.route_type === "wire" && i > 0 && i < route.length - 1) {
+      const padInfo = findJumperPortContainingPoint(padInfos, point6.x, point6.y);
       if (padInfo) {
-        if (!point4.end_pcb_port_id) {
-          point4.end_pcb_port_id = padInfo.pcb_port_id;
+        if (!point6.end_pcb_port_id) {
+          point6.end_pcb_port_id = padInfo.pcb_port_id;
         }
         segments.push(currentSegment);
-        const newStartPoint = { ...point4 };
+        const newStartPoint = { ...point6 };
         delete newStartPoint.end_pcb_port_id;
         if (!newStartPoint.start_pcb_port_id) {
           newStartPoint.start_pcb_port_id = padInfo.pcb_port_id;
@@ -14396,9 +14428,9 @@ var Group6 = class extends NormalComponent3 {
     const { _parsedProps: props } = this;
     const groupProps2 = props;
     const hasOutline = groupProps2.outline && groupProps2.outline.length > 0;
-    const numericOutline = hasOutline ? groupProps2.outline.map((point4) => ({
-      x: distance8.parse(point4.x),
-      y: distance8.parse(point4.y)
+    const numericOutline = hasOutline ? groupProps2.outline.map((point6) => ({
+      x: distance8.parse(point6.x),
+      y: distance8.parse(point6.y)
     })) : void 0;
     const ctx = this.props;
     const anchorPosition = this._getGlobalPcbPositionBeforeLayout();
@@ -14435,9 +14467,9 @@ var Group6 = class extends NormalComponent3 {
     const hasOutline = props.outline && props.outline.length > 0;
     const hasExplicitPositioning = this._parsedProps.pcbX !== void 0 || this._parsedProps.pcbY !== void 0;
     if (hasOutline) {
-      const numericOutline = props.outline.map((point4) => ({
-        x: distance8.parse(point4.x),
-        y: distance8.parse(point4.y)
+      const numericOutline = props.outline.map((point6) => ({
+        x: distance8.parse(point6.x),
+        y: distance8.parse(point6.y)
       }));
       const outlineBounds = getBoundsFromPoints3(numericOutline);
       if (!outlineBounds) return;
@@ -14907,20 +14939,20 @@ var Group6 = class extends NormalComponent3 {
         continue;
       }
       if (pcb_trace.type === "pcb_trace") {
-        for (const point4 of pcb_trace.route) {
-          if (point4.route_type === "via") {
+        for (const point6 of pcb_trace.route) {
+          if (point6.route_type === "via") {
             db.pcb_via.insert({
               pcb_trace_id: pcb_trace.pcb_trace_id,
-              x: point4.x,
-              y: point4.y,
+              x: point6.x,
+              y: point6.y,
               hole_diameter: holeDiameter,
               outer_diameter: padDiameter,
               layers: [
-                point4.from_layer,
-                point4.to_layer
+                point6.from_layer,
+                point6.to_layer
               ],
-              from_layer: point4.from_layer,
-              to_layer: point4.to_layer
+              from_layer: point6.from_layer,
+              to_layer: point6.to_layer
             });
           }
         }
@@ -16410,9 +16442,9 @@ var Board = class extends Group6 {
       center
     };
     if (outline) {
-      update.outline = outline.map((point4) => ({
-        x: point4.x + (props.outlineOffsetX ?? 0),
-        y: point4.y + (props.outlineOffsetY ?? 0)
+      update.outline = outline.map((point6) => ({
+        x: point6.x + (props.outlineOffsetX ?? 0),
+        y: point6.y + (props.outlineOffsetY ?? 0)
       }));
     }
     db.pcb_board.update(this.pcb_board_id, update);
@@ -16499,8 +16531,8 @@ var Board = class extends Group6 {
       });
     }
     if (props.outline) {
-      const xValues = props.outline.map((point4) => point4.x);
-      const yValues = props.outline.map((point4) => point4.y);
+      const xValues = props.outline.map((point6) => point6.x);
+      const yValues = props.outline.map((point6) => point6.y);
       const minX = Math.min(...xValues);
       const maxX = Math.max(...xValues);
       const minY = Math.min(...yValues);
@@ -16535,9 +16567,9 @@ var Board = class extends Group6 {
       num_layers: this.allLayers.length,
       width: computedWidth,
       height: computedHeight,
-      outline: outline?.map((point4) => ({
-        x: point4.x + (props.outlineOffsetX ?? 0) + outlineTranslation.x,
-        y: point4.y + (props.outlineOffsetY ?? 0) + outlineTranslation.y
+      outline: outline?.map((point6) => ({
+        x: point6.x + (props.outlineOffsetX ?? 0) + outlineTranslation.x,
+        y: point6.y + (props.outlineOffsetY ?? 0) + outlineTranslation.y
       })),
       material: props.material
     });
@@ -16654,7 +16686,7 @@ import { distance as distance11 } from "circuit-json";
 
 // lib/utils/panels/generate-panel-tabs-and-mouse-bites.ts
 import * as Flatten from "@flatten-js/core";
-import { point as point2, Polygon as Polygon2 } from "@flatten-js/core";
+import { point as point5, Polygon as Polygon3 } from "@flatten-js/core";
 var DEFAULT_TAB_LENGTH = 5;
 var DEFAULT_TAB_WIDTH = 2;
 var generateCutoutsAndMousebitesForOutline = (outline, options) => {
@@ -16790,8 +16822,8 @@ function generatePanelTabsAndMouseBites(boards, options) {
     if (board.width && board.height) {
       boardDimensions.push(Math.min(board.width, board.height));
     } else if (board.outline && board.outline.length > 0) {
-      const outlinePolygon = new Polygon2(
-        board.outline.map((p) => point2(p.x, p.y))
+      const outlinePolygon = new Polygon3(
+        board.outline.map((p) => point5(p.x, p.y))
       );
       const area = Math.abs(outlinePolygon.area());
       if (area > 0) {
@@ -18029,10 +18061,10 @@ var FabricationNotePath = class extends PrimitiveComponent2 {
     const { _parsedProps: props } = this;
     if (props.route.length === 0) return { width: 0, height: 0 };
     const xs = props.route.map(
-      (point4) => typeof point4.x === "string" ? parseFloat(point4.x) : point4.x
+      (point6) => typeof point6.x === "string" ? parseFloat(point6.x) : point6.x
     );
     const ys = props.route.map(
-      (point4) => typeof point4.y === "string" ? parseFloat(point4.y) : point4.y
+      (point6) => typeof point6.y === "string" ? parseFloat(point6.y) : point6.y
     );
     const minX = Math.min(...xs);
     const maxX = Math.max(...xs);
@@ -18450,8 +18482,8 @@ var PcbNotePath = class extends PrimitiveComponent2 {
     const subcircuit = this.getSubcircuit();
     const group = this.getGroup();
     const pcb_component_id = this.parent?.pcb_component_id ?? this.getPrimitiveContainer()?.pcb_component_id ?? void 0;
-    const transformedRoute = props.route.map((point4) => {
-      const { x, y, ...rest } = point4;
+    const transformedRoute = props.route.map((point6) => {
+      const { x, y, ...rest } = point6;
       const numericX = typeof x === "string" ? parseFloat(x) : x;
       const numericY = typeof y === "string" ? parseFloat(y) : y;
       const transformed = applyToPoint15(transform, { x: numericX, y: numericY });
@@ -18471,10 +18503,10 @@ var PcbNotePath = class extends PrimitiveComponent2 {
     const { _parsedProps: props } = this;
     if (props.route.length === 0) return { width: 0, height: 0 };
     const xs = props.route.map(
-      (point4) => typeof point4.x === "string" ? parseFloat(point4.x) : point4.x
+      (point6) => typeof point6.x === "string" ? parseFloat(point6.x) : point6.x
     );
     const ys = props.route.map(
-      (point4) => typeof point4.y === "string" ? parseFloat(point4.y) : point4.y
+      (point6) => typeof point6.y === "string" ? parseFloat(point6.y) : point6.y
     );
     const minX = Math.min(...xs);
     const maxX = Math.max(...xs);
@@ -18750,11 +18782,11 @@ var BreakoutPoint = class extends PrimitiveComponent2 {
     if (this.root?.pcbDisabled) return;
     const { db } = this.root;
     if (!this.pcb_breakout_point_id) return;
-    const point4 = db.pcb_breakout_point.get(this.pcb_breakout_point_id);
-    if (point4) {
+    const point6 = db.pcb_breakout_point.get(this.pcb_breakout_point_id);
+    if (point6) {
       db.pcb_breakout_point.update(this.pcb_breakout_point_id, {
-        x: point4.x + deltaX,
-        y: point4.y + deltaY
+        x: point6.x + deltaX,
+        y: point6.y + deltaY
       });
     }
   }
@@ -20325,9 +20357,9 @@ var SchematicPath = class extends PrimitiveComponent2 {
     const schematic_component_id = this.getPrimitiveContainer()?.parent?.schematic_component_id;
     db.schematic_path.insert({
       schematic_component_id,
-      points: props.points.map((point4) => ({
-        x: point4.x + globalPos.x,
-        y: point4.y + globalPos.y
+      points: props.points.map((point6) => ({
+        x: point6.x + globalPos.x,
+        y: point6.y + globalPos.y
       })),
       is_filled: props.isFilled,
       fill_color: props.fillColor,
@@ -21002,7 +21034,7 @@ import { identity as identity5 } from "transformation-matrix";
 var package_default = {
   name: "@tscircuit/core",
   type: "module",
-  version: "0.0.984",
+  version: "0.0.986",
   types: "dist/index.d.ts",
   main: "dist/index.js",
   module: "dist/index.js",
@@ -21152,6 +21184,8 @@ var RootCircuit = class {
    */
   projectUrl;
   _hasRenderedAtleastOnce = false;
+  _asyncEffectIdsByPhase = /* @__PURE__ */ new Map();
+  _asyncEffectPhaseById = /* @__PURE__ */ new Map();
   constructor({
     platform,
     projectUrl
@@ -21244,8 +21278,12 @@ var RootCircuit = class {
     this.emit("renderComplete");
   }
   _hasIncompleteAsyncEffects() {
+    if (this._asyncEffectPhaseById.size > 0) return true;
     return this.children.some((child) => child._hasIncompleteAsyncEffects());
   }
+  _hasIncompleteAsyncEffectsForPhase(phase) {
+    return (this._asyncEffectIdsByPhase.get(phase)?.size ?? 0) > 0;
+  }
   getCircuitJson() {
     if (!this._hasRenderedAtleastOnce) this.render();
     return this.db.toArray();
@@ -21295,6 +21333,11 @@ var RootCircuit = class {
   }
   _eventListeners = {};
   emit(event, ...args) {
+    if (event === "asyncEffect:start") {
+      this._registerAsyncEffectStart(args[0]);
+    } else if (event === "asyncEffect:end") {
+      this._registerAsyncEffectEnd(args[0]);
+    }
     if (!this._eventListeners[event]) return;
     for (const listener of this._eventListeners[event]) {
       listener(...args);
@@ -21328,6 +21371,32 @@ var RootCircuit = class {
     }
     return "";
   }
+  _registerAsyncEffectStart(payload) {
+    if (!payload?.asyncEffectId || !payload.phase) return;
+    const { asyncEffectId, phase } = payload;
+    const existingPhase = this._asyncEffectPhaseById.get(asyncEffectId);
+    if (existingPhase && existingPhase !== phase) {
+      this._asyncEffectIdsByPhase.get(existingPhase)?.delete(asyncEffectId);
+    }
+    if (!this._asyncEffectIdsByPhase.has(phase)) {
+      this._asyncEffectIdsByPhase.set(phase, /* @__PURE__ */ new Set());
+    }
+    this._asyncEffectIdsByPhase.get(phase).add(asyncEffectId);
+    this._asyncEffectPhaseById.set(asyncEffectId, phase);
+  }
+  _registerAsyncEffectEnd(payload) {
+    if (!payload?.asyncEffectId) return;
+    const { asyncEffectId } = payload;
+    const phase = this._asyncEffectPhaseById.get(asyncEffectId) ?? payload.phase;
+    if (phase) {
+      const phaseSet = this._asyncEffectIdsByPhase.get(phase);
+      phaseSet?.delete(asyncEffectId);
+      if (phaseSet && phaseSet.size === 0) {
+        this._asyncEffectIdsByPhase.delete(phase);
+      }
+    }
+    this._asyncEffectPhaseById.delete(asyncEffectId);
+  }
 };
 var Project = RootCircuit;
 var Circuit = RootCircuit;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tscircuit/core",
   "type": "module",
-  "version": "0.0.985",
+  "version": "0.0.987",
   "types": "dist/index.d.ts",
   "main": "dist/index.js",
   "module": "dist/index.js",