@tscircuit/core 0.0.8 → 0.0.9

package/dist/index.js

@@ -210,7 +210,7 @@ var PrimitiveComponent = class extends Renderable {
    * components
    */
   computePcbPropsTransform() {
-    return compose(translate(this.props.pcbX ?? 0, this.props.pcbY ?? 0));
+    return translate(this.props.pcbX ?? 0, this.props.pcbY ?? 0);
   }
   /**
    * Compute a transformation matrix combining all parent transforms for PCB
@@ -578,6 +578,7 @@ var extendCatalogue = (objects) => {
 };
 
 // lib/fiber/create-instance-from-react-element.ts
+import { identity as identity2 } from "transformation-matrix";
 function prepare(object, state) {
   const instance = object;
   instance.__tsci = {
@@ -682,18 +683,24 @@ var hostConfig = {
 };
 var reconciler = ReactReconciler(hostConfig);
 var createInstanceFromReactElement = (reactElm) => {
+  const rootContainer = {
+    children: [],
+    props: {
+      name: "$root"
+    },
+    add(instance) {
+      instance.parent = this;
+      this.children.push(instance);
+    },
+    computePcbGlobalTransform() {
+      return identity2();
+    }
+  };
   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
     // https://github.com/pmndrs/react-three-fiber/blob/master/packages/fiber/src/core/store.ts#L168
-    {
-      props: {
-        name: "$root"
-      },
-      add(instance) {
-        instance.parent = this;
-      }
-    },
+    rootContainer,
     0,
     null,
     false,
@@ -707,7 +714,11 @@ var createInstanceFromReactElement = (reactElm) => {
   );
   reconciler.updateContainer(reactElm, container, null, () => {
   });
-  return reconciler.getPublicRootInstance(container);
+  const rootInstance = reconciler.getPublicRootInstance(
+    container
+  );
+  if (rootInstance) return rootInstance;
+  return rootContainer.children[0];
 };
 
 // lib/utils/getPortFromHints.ts
@@ -1058,7 +1069,7 @@ var NormalComponent = class extends PrimitiveComponent {
 
 // lib/components/normal-components/Board.ts
 import { boardProps } from "@tscircuit/props";
-import { identity as identity2 } from "transformation-matrix";
+import { identity as identity3 } from "transformation-matrix";
 var Board = class extends NormalComponent {
   pcb_board_id = null;
   get config() {
@@ -1083,7 +1094,7 @@ var Board = class extends NormalComponent {
     this.pcb_board_id = null;
   }
   computePcbGlobalTransform() {
-    return identity2();
+    return identity3();
   }
 };
 
@@ -1574,6 +1585,7 @@ var TraceHint = class extends PrimitiveComponent {
 
 // lib/components/primitive-components/Group.ts
 import { groupProps } from "@tscircuit/props";
+import "transformation-matrix";
 var Group = class extends PrimitiveComponent {
   get config() {
     return {
@@ -1903,12 +1915,14 @@ var Chip = class extends NormalComponent {
   doInitialSchematicComponentRender() {
     const { db } = this.project;
     const { _parsedProps: props } = this;
+    const ports = this.children.filter((child) => child instanceof Port);
     const pinSpacing = props.schPinSpacing ?? 0.2;
     const dimensions = getAllDimensionsForSchematicBox({
       schWidth: props.schWidth,
       schHeight: props.schHeight,
       schPinSpacing: pinSpacing,
       schPinStyle: props.schPinStyle,
+      pinCount: ports.length,
       // @ts-ignore there's a subtley in the definition difference with
       // leftSide/rightSide/topSide/bottomSide in how the direction is defined
       // that doesn't really matter
@@ -1950,7 +1964,7 @@ var Chip = class extends NormalComponent {
 // lib/Project.ts
 import { su } from "@tscircuit/soup-util";
 import { isValidElement as isValidElement2 } from "react";
-import { identity as identity3 } from "transformation-matrix";
+import { identity as identity5 } from "transformation-matrix";
 var Project = class {
   rootComponent = null;
   children;
@@ -2006,10 +2020,10 @@ var Project = class {
     return this.getSoup();
   }
   computeGlobalSchematicTransform() {
-    return identity3();
+    return identity5();
   }
   computeGlobalPcbTransform() {
-    return identity3();
+    return identity5();
   }
   selectAll(selector) {
     return this.rootComponent?.selectAll(selector) ?? [];

package/lib/components/base-components/PrimitiveComponent.ts

@@ -95,7 +95,7 @@ export abstract class PrimitiveComponent<
    */
   computePcbPropsTransform(): Matrix {
     // TODO rotations
-    return compose(translate(this.props.pcbX ?? 0, this.props.pcbY ?? 0))
+    return translate(this.props.pcbX ?? 0, this.props.pcbY ?? 0)
   }
 
   /**

package/lib/components/normal-components/Chip.ts

@@ -58,6 +58,8 @@ export class Chip<PinLabels extends string = never> extends NormalComponent<
     const { db } = this.project!
     const { _parsedProps: props } = this
 
+    const ports = this.children.filter((child) => child instanceof Port)
+
     const pinSpacing = props.schPinSpacing ?? 0.2
 
     const dimensions = getAllDimensionsForSchematicBox({
@@ -66,6 +68,8 @@ export class Chip<PinLabels extends string = never> extends NormalComponent<
       schPinSpacing: pinSpacing,
       schPinStyle: props.schPinStyle,
 
+      pinCount: ports.length,
+
       // @ts-ignore there's a subtley in the definition difference with
       // leftSide/rightSide/topSide/bottomSide in how the direction is defined
       // that doesn't really matter

package/lib/components/primitive-components/Group.ts

@@ -1,5 +1,6 @@
 import { groupProps } from "@tscircuit/props"
 import { PrimitiveComponent } from "../base-components/PrimitiveComponent"
+import { compose, identity } from "transformation-matrix"
 
 export class Group extends PrimitiveComponent<typeof groupProps> {
   get config() {

package/lib/fiber/create-instance-from-react-element.ts

@@ -4,6 +4,7 @@ import { type Renderable } from "lib/components/base-components/Renderable"
 import { type NormalComponent } from "lib/components/base-components/NormalComponent"
 import type { ReactElement, ReactNode } from "react"
 import { catalogue, type Instance } from "./catalogue"
+import { identity } from "transformation-matrix"
 
 export type ReactSubtree = {
   element: ReactElement // TODO rename to "reactElement"
@@ -140,18 +141,24 @@ const reconciler = ReactReconciler(hostConfig as any)
 export const createInstanceFromReactElement = (
   reactElm: React.ReactElement,
 ): NormalComponent => {
+  const rootContainer = {
+    children: [] as any[],
+    props: {
+      name: "$root",
+    },
+    add(instance: any) {
+      instance.parent = this
+      this.children.push(instance)
+    },
+    computePcbGlobalTransform() {
+      return identity()
+    },
+  }
   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
     // https://github.com/pmndrs/react-three-fiber/blob/master/packages/fiber/src/core/store.ts#L168
-    {
-      props: {
-        name: "$root",
-      },
-      add(instance: any) {
-        instance.parent = this
-      },
-    },
+    rootContainer,
     0,
     null,
     false,
@@ -164,5 +171,9 @@ export const createInstanceFromReactElement = (
     null,
   )
   reconciler.updateContainer(reactElm, container, null, () => {})
-  return reconciler.getPublicRootInstance(container) as NormalComponent
+  const rootInstance = reconciler.getPublicRootInstance(
+    container,
+  ) as NormalComponent
+  if (rootInstance) return rootInstance
+  return rootContainer.children[0] as NormalComponent
 }

package/package.json

@@ -3,7 +3,7 @@
   "module": "index.ts",
   "type": "module",
   "types": "index.ts",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "main": "dist/index.js",
   "files": [
     "index.ts",