@tscircuit/core 0.0.270 → 0.0.272

package/dist/index.d.ts

@@ -971,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<{
@@ -1186,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;
@@ -1249,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;
@@ -9898,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;
@@ -9960,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

@@ -56,7 +56,9 @@ import { point3, rotation } from "circuit-json";
 import Debug4 from "debug";
 
 // lib/fiber/create-instance-from-react-element.ts
+import React from "react";
 import ReactReconciler from "react-reconciler";
+import ReactReconciler18 from "react-reconciler-18";
 import { DefaultEventPriority } from "react-reconciler/constants";
 
 // lib/components/base-components/Renderable.ts
@@ -384,7 +386,12 @@ var hostConfig = {
   maySuspendCommit: () => false,
   supportsHydration: false
 };
-var reconciler = ReactReconciler(hostConfig);
+var reconciler;
+if (React.version.startsWith("19.")) {
+  reconciler = ReactReconciler(hostConfig);
+} else {
+  reconciler = ReactReconciler18(hostConfig);
+}
 var createInstanceFromReactElement = (reactElm) => {
   const rootContainer = {
     children: [],
@@ -417,9 +424,14 @@ var createInstanceFromReactElement = (reactElm) => {
     },
     null
   );
-  reconciler.updateContainerSync(reactElm, container, null, () => {
-  });
-  reconciler.flushSyncWork();
+  if (React.version.startsWith("19.")) {
+    reconciler.updateContainerSync(reactElm, container, null, () => {
+    });
+    reconciler.flushSyncWork();
+  } else {
+    reconciler.updateContainer(reactElm, container, null, () => {
+    });
+  }
   if (containerErrors.length > 0) {
     throw containerErrors[0];
   }
@@ -6436,13 +6448,13 @@ var Project = RootCircuit;
 var Circuit = RootCircuit;
 
 // lib/hooks/use-rendered-circuit.ts
-import React from "react";
+import React2 from "react";
 var useRenderedCircuit = (reactElements) => {
-  const [isLoading, setIsLoading] = React.useState(true);
-  const [error, setError] = React.useState(null);
-  const [circuit, setCircuit] = React.useState();
-  const [circuitJson, setCircuitJson] = React.useState();
-  React.useEffect(() => {
+  const [isLoading, setIsLoading] = React2.useState(true);
+  const [error, setError] = React2.useState(null);
+  const [circuit, setCircuit] = React2.useState();
+  const [circuitJson, setCircuitJson] = React2.useState();
+  React2.useEffect(() => {
     setIsLoading(true);
     setError(null);
     if (reactElements) {
@@ -6654,6 +6666,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";
 
@@ -6710,6 +6747,7 @@ export {
   applyEditEventsToManualEditsFile,
   createElement,
   createUseComponent,
+  getPhaseTimingsFromRenderEvents,
   getSimpleRouteJsonFromCircuitJson,
   orderedRenderPhases,
   useCapacitor,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tscircuit/core",
   "type": "module",
-  "version": "0.0.270",
+  "version": "0.0.272",
   "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,18 +29,22 @@
     "@types/bun": "latest",
     "@types/debug": "^4.1.12",
     "@types/react": "^19.0.1",
+    "@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",
-    "ts-expect": "^1.3.0",
-    "tsup": "^8.2.4",
     "react": "^19.0.0",
-    "react-dom": "^19.0.0"
+    "react-dom": "^19.0.0",
+    "ts-expect": "^1.3.0",
+    "tsup": "^8.2.4"
   },
   "peerDependencies": {
     "typescript": "^5.0.0"
@@ -46,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",
@@ -56,6 +63,7 @@
     "nanoid": "^5.0.7",
     "performance-now": "^2.1.0",
     "react-reconciler": "^0.31.0",
+    "react-reconciler-18": "npm:react-reconciler@0.29.2",
     "schematic-symbols": "^0.0.113",
     "transformation-matrix": "^2.16.1",
     "zod": "^3.23.8"