@tscircuit/core 0.0.203 → 0.0.205

package/dist/index.d.ts

@@ -41,6 +41,8 @@ declare abstract class Renderable implements IRenderable {
     constructor(props: any);
     protected _markDirty(phase: RenderPhase): void;
     protected _queueAsyncEffect(effect: () => Promise<void>): void;
+    protected _emitRenderLifecycleEvent(phase: RenderPhase, eventType: "start" | "end"): void;
+    getString(): string;
     _hasIncompleteAsyncEffects(): boolean;
     getCurrentRenderPhase(): RenderPhase | null;
     getRenderGraph(): Record<string, any>;
@@ -79,7 +81,7 @@ interface SchematicBoxDimensions {
     };
 }
 
-type RootCircuitEventName = "asyncEffectComplete";
+type RootCircuitEventName = "asyncEffectComplete" | "renderable:renderLifecycle:anyEvent" | `renderable:renderLifecycle:${RenderPhase}:start` | `renderable:renderLifecycle:${RenderPhase}:end`;
 declare class Circuit {
     firstChild: PrimitiveComponent | null;
     children: PrimitiveComponent[];
@@ -937,7 +939,7 @@ declare class Board extends Group<typeof boardProps> {
                 serverUrl?: string | undefined;
                 inputFormat?: "simplified" | "circuit-json" | undefined;
                 cache?: _tscircuit_props.PcbRouteCache | undefined;
-            }>, z.ZodLiteral<"auto">, z.ZodLiteral<"auto-local">, z.ZodLiteral<"auto-cloud">]>>;
+            }>, z.ZodLiteral<"sequential-trace">, z.ZodLiteral<"subcircuit">, z.ZodLiteral<"auto">, z.ZodLiteral<"auto-local">, z.ZodLiteral<"auto-cloud">]>>;
         }>, {
             width: z.ZodOptional<z.ZodEffects<z.ZodUnion<[z.ZodString, z.ZodNumber]>, number, string | number>>;
             height: z.ZodOptional<z.ZodEffects<z.ZodUnion<[z.ZodString, z.ZodNumber]>, number, string | number>>;
@@ -970,7 +972,7 @@ declare class Board extends Group<typeof boardProps> {
             defaultTraceWidth?: number | undefined;
             minTraceWidth?: number | undefined;
             pcbRouteCache?: _tscircuit_props.PcbRouteCache | undefined;
-            autorouter?: "auto" | "auto-local" | "auto-cloud" | {
+            autorouter?: "sequential-trace" | "subcircuit" | "auto" | "auto-local" | "auto-cloud" | {
                 serverUrl?: string | undefined;
                 inputFormat?: "simplified" | "circuit-json" | undefined;
                 cache?: _tscircuit_props.PcbRouteCache | undefined;
@@ -1002,7 +1004,7 @@ declare class Board extends Group<typeof boardProps> {
             defaultTraceWidth?: string | number | undefined;
             minTraceWidth?: string | number | undefined;
             pcbRouteCache?: _tscircuit_props.PcbRouteCache | undefined;
-            autorouter?: "auto" | "auto-local" | "auto-cloud" | {
+            autorouter?: "sequential-trace" | "subcircuit" | "auto" | "auto-local" | "auto-cloud" | {
                 serverUrl?: string | undefined;
                 inputFormat?: "simplified" | "circuit-json" | undefined;
                 cache?: _tscircuit_props.PcbRouteCache | undefined;

package/dist/index.js

@@ -143,6 +143,27 @@ var Renderable = class {
       }
     });
   }
+  _emitRenderLifecycleEvent(phase, eventType) {
+    const eventPayload = {
+      renderId: this._renderId,
+      componentDisplayName: this.getString()
+    };
+    const eventName = `renderable:renderLifecycle:${phase}:${eventType}`;
+    if ("root" in this && this.root) {
+      ;
+      this.root.emit(eventName, {
+        ...eventPayload,
+        type: eventName
+      });
+      this.root.emit("renderable:renderLifecycle:anyEvent", {
+        ...eventPayload,
+        type: eventName
+      });
+    }
+  }
+  getString() {
+    return this.constructor.name;
+  }
   _hasIncompleteAsyncEffects() {
     return this._asyncEffects.some((effect) => !effect.complete);
   }
@@ -150,7 +171,7 @@ var Renderable = class {
     return this._currentRenderPhase;
   }
   getRenderGraph() {
-    const graph = {
+    return {
       id: this._renderId,
       currentPhase: this._currentRenderPhase,
       renderPhaseStates: this.renderPhaseStates,
@@ -159,7 +180,6 @@ var Renderable = class {
         (child) => child.getRenderGraph()
       )
     };
-    return graph;
   }
   runRenderCycle() {
     for (const renderPhase of orderedRenderPhases) {
@@ -181,10 +201,11 @@ var Renderable = class {
     const isDirty = phaseState.dirty;
     if (!isInitialized && this.shouldBeRemoved) return;
     if (this.shouldBeRemoved && isInitialized) {
-      ;
+      this._emitRenderLifecycleEvent(phase, "start");
       this?.[`remove${phase}`]?.();
       phaseState.initialized = false;
       phaseState.dirty = false;
+      this._emitRenderLifecycleEvent(phase, "end");
       return;
     }
     const prevPhaseIndex = orderedRenderPhases.indexOf(phase) - 1;
@@ -193,17 +214,20 @@ var Renderable = class {
       const hasIncompleteEffects = this._asyncEffects.filter((e) => e.phase === prevPhase).some((e) => !e.complete);
       if (hasIncompleteEffects) return;
     }
+    this._emitRenderLifecycleEvent(phase, "start");
     if (isInitialized) {
       if (isDirty) {
         ;
         this?.[`update${phase}`]?.();
         phaseState.dirty = false;
       }
+      this._emitRenderLifecycleEvent(phase, "end");
       return;
     }
     phaseState.dirty = false;
     this?.[`doInitial${phase}`]?.();
     phaseState.initialized = true;
+    this._emitRenderLifecycleEvent(phase, "end");
   }
   runRenderPhaseForChildren(phase) {
     for (const child of this.children) {
@@ -1243,6 +1267,7 @@ var SmtPad = class extends PrimitiveComponent {
     );
     const isRotated90 = Math.abs(decomposedMat.rotation.angle * (180 / Math.PI) - 90) % 180 < 0.01;
     const { maybeFlipLayer } = this._getPcbPrimitiveFlippedHelpers();
+    const parentRotation = container?._parsedProps.pcbRotation ?? 0;
     let pcb_smtpad = null;
     const pcb_component_id = this.parent?.pcb_component_id ?? this.getPrimitiveContainer()?.pcb_component_id;
     if (props.shape === "circle") {
@@ -1269,16 +1294,28 @@ var SmtPad = class extends PrimitiveComponent {
         pcb_smtpad_id: pcb_smtpad.pcb_smtpad_id
       });
     } else if (props.shape === "rect") {
-      pcb_smtpad = db.pcb_smtpad.insert({
+      pcb_smtpad = parentRotation === 0 ? db.pcb_smtpad.insert({
         pcb_component_id,
         pcb_port_id: this.matchedPort?.pcb_port_id,
         // port likely isn't matched
         layer: maybeFlipLayer(props.layer ?? "top"),
         shape: "rect",
-        ...isRotated90 ? { width: props.height, height: props.width } : { width: props.width, height: props.height },
+        ...{
+          width: isRotated90 ? props.height : props.width,
+          height: isRotated90 ? props.width : props.height
+        },
         port_hints: props.portHints.map((ph) => ph.toString()),
         x: position.x,
         y: position.y
+      }) : db.pcb_smtpad.insert({
+        pcb_component_id,
+        layer: props.layer ?? "top",
+        shape: "rotated_rect",
+        ...{ width: props.width, height: props.height },
+        x: position.x,
+        y: position.y,
+        ccw_rotation: parentRotation,
+        port_hints: props.portHints.map((ph) => ph.toString())
       });
       if (pcb_smtpad.shape === "rect")
         db.pcb_solder_paste.insert({
@@ -1319,6 +1356,26 @@ var SmtPad = class extends PrimitiveComponent {
         height: smtpad.height
       };
     }
+    if (smtpad.shape === "rotated_rect") {
+      const angleRad = smtpad.ccw_rotation * Math.PI / 180;
+      const cosAngle = Math.cos(angleRad);
+      const sinAngle = Math.sin(angleRad);
+      const w2 = smtpad.width / 2;
+      const h2 = smtpad.height / 2;
+      const xExtent = Math.abs(w2 * cosAngle) + Math.abs(h2 * sinAngle);
+      const yExtent = Math.abs(w2 * sinAngle) + Math.abs(h2 * cosAngle);
+      return {
+        center: { x: smtpad.x, y: smtpad.y },
+        bounds: {
+          left: smtpad.x - xExtent,
+          right: smtpad.x + xExtent,
+          top: smtpad.y - yExtent,
+          bottom: smtpad.y + yExtent
+        },
+        width: xExtent * 2,
+        height: yExtent * 2
+      };
+    }
     if (smtpad.shape === "circle") {
       return {
         center: { x: smtpad.x, y: smtpad.y },
@@ -5580,7 +5637,7 @@ var Circuit = class {
     this._guessRootComponent();
     return this.firstChild?.selectOne(selector, opts) ?? null;
   }
-  _eventListeners = { asyncEffectComplete: [] };
+  _eventListeners = {};
   emit(event, ...args) {
     if (!this._eventListeners[event]) return;
     for (const listener of this._eventListeners[event]) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tscircuit/core",
   "type": "module",
-  "version": "0.0.203",
+  "version": "0.0.205",
   "types": "dist/index.d.ts",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -41,11 +41,12 @@
     "@tscircuit/footprinter": "^0.0.89",
     "@tscircuit/infgrid-ijump-astar": "^0.0.24",
     "@tscircuit/math-utils": "^0.0.5",
-    "@tscircuit/props": "^0.0.105",
-    "@tscircuit/schematic-autolayout": "^0.0.6",
-    "@tscircuit/soup-util": "^0.0.40",
     "circuit-json": "^0.0.108",
     "circuit-json-to-connectivity-map": "^0.0.17",
+    "@tscircuit/props": "^0.0.106",
+    "@tscircuit/schematic-autolayout": "^0.0.6",
+    "@tscircuit/soup-util": "^0.0.41",
+    "circuit-to-svg": "0.0.84",
     "format-si-unit": "^0.0.2",
     "nanoid": "^5.0.7",
     "performance-now": "^2.1.0",