@tscircuit/core 0.0.269 → 0.0.271

package/dist/index.d.ts

@@ -66,6 +66,16 @@ declare abstract class Renderable implements IRenderable {
     renderError(message: string | Omit<PcbTraceError, "pcb_error_id"> | Omit<PcbPlacementError, "pcb_error_id"> | Omit<PcbManualEditConflictError, "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;
@@ -961,6 +971,7 @@ declare class Board extends Group<typeof boardProps> {
         }, {
             name: z.ZodOptional<z.ZodString>;
             children: z.ZodOptional<z.ZodAny>;
+            key: z.ZodOptional<z.ZodAny>;
         }>, {
             layout: z.ZodOptional<z.ZodType<_tscircuit_layout.LayoutBuilder, z.ZodTypeDef, _tscircuit_layout.LayoutBuilder>>;
             manualEdits: z.ZodOptional<z.ZodObject<{
@@ -1176,6 +1187,7 @@ declare class Board extends Group<typeof boardProps> {
             schRotation?: number | undefined;
             layer?: "top" | "bottom" | "inner1" | "inner2" | "inner3" | "inner4" | "inner5" | "inner6" | undefined;
             footprint?: _tscircuit_props.Footprint | undefined;
+            key?: any;
             name?: string | undefined;
             children?: any;
             width?: number | undefined;
@@ -1239,6 +1251,7 @@ declare class Board extends Group<typeof boardProps> {
                 name: "top" | "bottom" | "inner1" | "inner2" | "inner3" | "inner4" | "inner5" | "inner6";
             } | undefined;
             footprint?: _tscircuit_props.Footprint | undefined;
+            key?: any;
             name?: string | undefined;
             children?: any;
             width?: string | number | undefined;
@@ -9888,6 +9901,20 @@ declare const getSimpleRouteJsonFromCircuitJson: ({ circuitJson, minTraceWidth,
     minTraceWidth?: number;
 }) => SimpleRouteJson;
 
+type RenderEvent = {
+    type: string;
+    renderId: string;
+    createdAt: number;
+};
+/**
+ * Given a list of render events, return a map of how much time was spent in each
+ * render phase.
+ *
+ * To get the time spent in each phase, you have to find the end event for each
+ * start event and subtract the createdAt of the start event from the createdAt
+ */
+declare const getPhaseTimingsFromRenderEvents: (renderEvents: RenderEvent[]) => Record<string, number>;
+
 interface TscircuitElements {
     resistor: _tscircuit_props.ResistorProps;
     capacitor: _tscircuit_props.CapacitorProps;
@@ -9950,4 +9977,4 @@ declare module "react/jsx-runtime" {
     }
 }
 
-export { type AsyncEffect, Battery, Board, Capacitor, Chip, Circuit, type ComponentWithPins, Constraint, Crystal, Diode, FabricationNotePath, FabricationNoteText, Footprint, Group, Hole, type IRenderable, Inductor, Jumper, Keepout, Led, Mosfet, Net, NetAlias, NormalComponent, PinHeader, type PinLabelSpec, PlatedHole, Port, Potentiometer, PowerSource, PrimitiveComponent, Project, PushButton, type RenderPhase, type RenderPhaseFn, type RenderPhaseFunctions, type RenderPhaseStates, Renderable, Resistor, Resonator, RootCircuit, type RootCircuitEventName, SilkscreenCircle, SilkscreenLine, SilkscreenPath, SilkscreenRect, SilkscreenText, SmtPad, Subcircuit, Trace, TraceHint, Transistor, Via, applyEditEventsToManualEditsFile, createUseComponent, getSimpleRouteJsonFromCircuitJson, orderedRenderPhases, useCapacitor, useChip, useDiode, useLed, useRenderedCircuit, useResistor };
+export { type AsyncEffect, Battery, Board, Capacitor, Chip, Circuit, type ComponentWithPins, Constraint, Crystal, Diode, FabricationNotePath, FabricationNoteText, Footprint, Group, Hole, type IRenderable, Inductor, Jumper, Keepout, Led, Mosfet, Net, NetAlias, NormalComponent, PinHeader, type PinLabelSpec, PlatedHole, Port, Potentiometer, PowerSource, PrimitiveComponent, Project, PushButton, type RenderPhase, type RenderPhaseFn, type RenderPhaseFunctions, type RenderPhaseStates, Renderable, Resistor, Resonator, RootCircuit, type RootCircuitEventName, SilkscreenCircle, SilkscreenLine, SilkscreenPath, SilkscreenRect, SilkscreenText, SmtPad, Subcircuit, Trace, TraceHint, Transistor, Via, applyEditEventsToManualEditsFile, createUseComponent, getPhaseTimingsFromRenderEvents, getSimpleRouteJsonFromCircuitJson, orderedRenderPhases, useCapacitor, useChip, useDiode, useLed, useRenderedCircuit, useResistor };

package/dist/index.js

@@ -57,6 +57,7 @@ import Debug4 from "debug";
 
 // lib/fiber/create-instance-from-react-element.ts
 import ReactReconciler from "react-reconciler";
+import { DefaultEventPriority } from "react-reconciler/constants";
 
 // lib/components/base-components/Renderable.ts
 import Debug from "debug";
@@ -354,9 +355,6 @@ var hostConfig = {
   },
   noTimeout: void 0,
   isPrimaryRenderer: false,
-  getCurrentEventPriority() {
-    throw new Error("Function not implemented.");
-  },
   getInstanceFromNode(node) {
     throw new Error("Function not implemented.");
   },
@@ -375,6 +373,15 @@ var hostConfig = {
   detachDeletedInstance: (node) => {
     throw new Error("Function not implemented.");
   },
+  // https://github.com/pmndrs/react-three-fiber/pull/2360#discussion_r916356874
+  getCurrentEventPriority: () => DefaultEventPriority,
+  // @ts-expect-error
+  // https://github.com/diegomura/react-pdf/blob/fabecc56727dfb6d590a3fa1e11f50250ecbbea1/packages/reconciler/src/reconciler-31.js#L57
+  getCurrentUpdatePriority: () => DefaultEventPriority,
+  resolveUpdatePriority: () => DefaultEventPriority,
+  setCurrentUpdatePriority: () => {
+  },
+  maySuspendCommit: () => false,
   supportsHydration: false
 };
 var reconciler = ReactReconciler(hostConfig);
@@ -392,6 +399,7 @@ var createInstanceFromReactElement = (reactElm) => {
       return identity();
     }
   };
+  const containerErrors = [];
   const container = reconciler.createContainer(
     // TODO Replace with store like react-three-fiber
     // https://github.com/pmndrs/react-three-fiber/blob/a457290856f57741bf8beef4f6ff9dbf4879c0a5/packages/fiber/src/core/index.tsx#L172
@@ -405,11 +413,16 @@ var createInstanceFromReactElement = (reactElm) => {
     (error) => {
       console.log("Error in createContainer");
       console.error(error);
+      containerErrors.push(error);
     },
     null
   );
-  reconciler.updateContainer(reactElm, container, null, () => {
+  reconciler.updateContainerSync(reactElm, container, null, () => {
   });
+  reconciler.flushSyncWork();
+  if (containerErrors.length > 0) {
+    throw containerErrors[0];
+  }
   const rootInstance = reconciler.getPublicRootInstance(
     container
   );
@@ -6641,6 +6654,31 @@ var getSimpleRouteJsonFromCircuitJson = ({
   };
 };
 
+// lib/utils/render-events/getPhaseTimingsFromRenderEvents.ts
+var getPhaseTimingsFromRenderEvents = (renderEvents) => {
+  const phaseTimings = {};
+  if (!renderEvents) return phaseTimings;
+  for (const renderPhase of orderedRenderPhases) {
+    phaseTimings[renderPhase] = 0;
+  }
+  const startEvents = /* @__PURE__ */ new Map();
+  for (const event of renderEvents) {
+    const [, , phase, eventType] = event.type.split(":");
+    if (eventType === "start") {
+      startEvents.set(`${phase}:${event.renderId}`, event);
+      continue;
+    }
+    if (eventType === "end") {
+      const startEvent = startEvents.get(`${phase}:${event.renderId}`);
+      if (startEvent) {
+        const duration = event.createdAt - startEvent.createdAt;
+        phaseTimings[phase] = (phaseTimings[phase] || 0) + duration;
+      }
+    }
+  }
+  return phaseTimings;
+};
+
 // lib/index.ts
 import { createElement } from "react";
 
@@ -6697,6 +6735,7 @@ export {
   applyEditEventsToManualEditsFile,
   createElement,
   createUseComponent,
+  getPhaseTimingsFromRenderEvents,
   getSimpleRouteJsonFromCircuitJson,
   orderedRenderPhases,
   useCapacitor,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tscircuit/core",
   "type": "module",
-  "version": "0.0.269",
+  "version": "0.0.271",
   "types": "dist/index.d.ts",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -16,7 +16,10 @@
     "build": "tsup-node index.ts --format esm --dts",
     "format": "biome format . --write",
     "measure-bundle": "howfat -r table .",
-    "pkg-pr-new-release": "bunx pkg-pr-new publish --comment=off --peerDeps"
+    "pkg-pr-new-release": "bunx pkg-pr-new publish --comment=off --peerDeps",
+    "build:benchmarking": "bun build --experimental-html ./benchmarking/website/index.html --outdir ./benchmarking-dist",
+    "build:benchmarking:watch": "chokidar \"./{benchmarking,lib}/**/*.{ts,tsx}\" -c 'bun build --experimental-html ./benchmarking/website/index.html --outdir ./benchmarking-dist'",
+    "start:benchmarking": "concurrently \"bun run build:benchmarking:watch\" \"live-server ./benchmarking-dist\""
   },
   "devDependencies": {
     "@biomejs/biome": "^1.8.3",
@@ -26,14 +29,20 @@
     "@types/bun": "latest",
     "@types/debug": "^4.1.12",
     "@types/react": "^19.0.1",
-    "@types/react-reconciler": "^0.28.8",
+    "@types/react-dom": "^19.0.2",
+    "@types/react-reconciler": "^0.28.9",
     "bun-match-svg": "0.0.8",
+    "chokidar-cli": "^3.0.0",
     "circuit-to-svg": "^0.0.99",
+    "concurrently": "^9.1.2",
     "debug": "^4.3.6",
     "graphics-debug": "^0.0.4",
     "howfat": "^0.3.8",
+    "live-server": "^1.2.2",
     "looks-same": "^9.0.1",
     "pkg-pr-new": "^0.0.37",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "ts-expect": "^1.3.0",
     "tsup": "^8.2.4"
   },
@@ -44,8 +53,8 @@
     "@lume/kiwi": "^0.4.3",
     "@tscircuit/footprinter": "^0.0.97",
     "@tscircuit/infgrid-ijump-astar": "^0.0.33",
-    "@tscircuit/math-utils": "^0.0.5",
-    "@tscircuit/props": "^0.0.129",
+    "@tscircuit/math-utils": "^0.0.9",
+    "@tscircuit/props": "^0.0.130",
     "@tscircuit/schematic-autolayout": "^0.0.6",
     "@tscircuit/soup-util": "^0.0.41",
     "circuit-json": "^0.0.128",
@@ -53,8 +62,7 @@
     "format-si-unit": "^0.0.2",
     "nanoid": "^5.0.7",
     "performance-now": "^2.1.0",
-    "react": "^18.3.1",
-    "react-reconciler": "^0.29.2",
+    "react-reconciler": "^0.31.0",
     "schematic-symbols": "^0.0.113",
     "transformation-matrix": "^2.16.1",
     "zod": "^3.23.8"