@tscircuit/core 0.0.203 → 0.0.204

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[];

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) {
@@ -5580,7 +5604,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.204",
   "types": "dist/index.d.ts",
   "main": "dist/index.js",
   "module": "dist/index.js",