@tscircuit/core 0.0.268 → 0.0.270

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;

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
   );
@@ -4189,10 +4202,10 @@ var getOtherSchematicTraces = ({
 // lib/components/primitive-components/Trace/create-schematic-trace-crossing-segments.ts
 import { getUnitVectorFromPointAToB } from "@tscircuit/math-utils";
 var createSchematicTraceCrossingSegments = ({
-  edges,
+  edges: inputEdges,
   otherEdges
 }) => {
-  edges = [...edges];
+  const edges = [...inputEdges];
   for (let i = 0; i < edges.length; i++) {
     if (i > 2e3) {
       throw new Error(
@@ -4200,11 +4213,16 @@ var createSchematicTraceCrossingSegments = ({
       );
     }
     const edge = edges[i];
-    const edgeOrientation = Math.abs(edge.from.x - edge.to.x) < 0.01 ? "vertical" : "horizontal";
+    const edgeOrientation = Math.abs(edge.from.x - edge.to.x) < 0.01 ? "vertical" : edge.from.y === edge.to.y ? "horizontal" : "not-orthogonal";
+    if (edgeOrientation === "not-orthogonal") {
+      continue;
+    }
     const otherEdgesIntersections = [];
     for (const otherEdge of otherEdges) {
-      const otherOrientation = otherEdge.from.x === otherEdge.to.x ? "vertical" : "horizontal";
-      if (edgeOrientation === otherOrientation) continue;
+      const otherOrientation = otherEdge.from.x === otherEdge.to.x ? "vertical" : otherEdge.from.y === otherEdge.to.y ? "horizontal" : "not-orthogonal";
+      if (otherOrientation === "not-orthogonal") continue;
+      if (edgeOrientation === otherOrientation)
+        continue;
       const hasIntersection = doesLineIntersectLine(
         [edge.from, edge.to],
         [otherEdge.from, otherEdge.to],

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tscircuit/core",
   "type": "module",
-  "version": "0.0.268",
+  "version": "0.0.270",
   "types": "dist/index.d.ts",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -20,12 +20,13 @@
   },
   "devDependencies": {
     "@biomejs/biome": "^1.8.3",
+    "@tscircuit/import-snippet": "^0.0.4",
     "@tscircuit/layout": "^0.0.28",
     "@tscircuit/log-soup": "^1.0.2",
     "@types/bun": "latest",
     "@types/debug": "^4.1.12",
     "@types/react": "^19.0.1",
-    "@types/react-reconciler": "^0.28.8",
+    "@types/react-reconciler": "^0.28.9",
     "bun-match-svg": "0.0.8",
     "circuit-to-svg": "^0.0.99",
     "debug": "^4.3.6",
@@ -34,7 +35,9 @@
     "looks-same": "^9.0.1",
     "pkg-pr-new": "^0.0.37",
     "ts-expect": "^1.3.0",
-    "tsup": "^8.2.4"
+    "tsup": "^8.2.4",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
   },
   "peerDependencies": {
     "typescript": "^5.0.0"
@@ -52,8 +55,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"