@tscircuit/core 0.0.430 → 0.0.432

package/dist/index.d.ts

@@ -12,7 +12,7 @@ import * as _tscircuit_layout from '@tscircuit/layout';
 import { ConnectivityMap } from 'circuit-json-to-connectivity-map';
 import { GraphicsObject } from 'graphics-debug';
 
-declare const orderedRenderPhases: readonly ["ReactSubtreesRender", "InitializePortsFromChildren", "CreateNetsFromProps", "CreateTracesFromProps", "CreateTraceHintsFromProps", "SourceRender", "SourceParentAttachment", "PortMatching", "OptimizeSelectorCache", "SourceTraceRender", "SourceAddConnectivityMapKey", "SchematicComponentRender", "SchematicPrimitiveRender", "SchematicPortRender", "SchematicLayout", "SchematicTraceRender", "PcbComponentRender", "PcbPrimitiveRender", "PcbFootprintLayout", "PcbPortRender", "PcbPortAttachment", "PcbLayout", "PcbComponentSizeCalculation", "PcbBoardAutoSize", "PcbTraceHintRender", "PcbTraceRender", "PcbRouteNetIslands", "PcbDesignRuleChecks", "CadModelRender", "PartsEngineRender"];
+declare const orderedRenderPhases: readonly ["ReactSubtreesRender", "PcbFootprintStringRender", "InitializePortsFromChildren", "CreateNetsFromProps", "CreateTracesFromProps", "CreateTraceHintsFromProps", "SourceRender", "SourceParentAttachment", "PortMatching", "OptimizeSelectorCache", "SourceTraceRender", "SourceAddConnectivityMapKey", "SchematicComponentRender", "SchematicPrimitiveRender", "SchematicPortRender", "SchematicLayout", "SchematicTraceRender", "PcbComponentRender", "PcbPrimitiveRender", "PcbFootprintLayout", "PcbPortRender", "PcbPortAttachment", "PcbLayout", "PcbComponentSizeCalculation", "PcbBoardAutoSize", "PcbTraceHintRender", "PcbTraceRender", "PcbRouteNetIslands", "PcbDesignRuleChecks", "CadModelRender", "PartsEngineRender"];
 type RenderPhase = (typeof orderedRenderPhases)[number];
 type RenderPhaseFn<K extends RenderPhase = RenderPhase> = `doInitial${K}` | `update${K}` | `remove${K}`;
 type RenderPhaseStates = Record<RenderPhase, {
@@ -919,6 +919,7 @@ declare class NormalComponent<ZodProps extends ZodType = any, PortNames extends
     isPrimitiveContainer: boolean;
     _asyncSupplierPartNumbers?: SupplierPartNumbers;
     pcb_missing_footprint_error_id?: string;
+    _hasStartedFootprintUrlLoad: boolean;
     /**
      * Override this property for component defaults
      */
@@ -944,6 +945,7 @@ declare class NormalComponent<ZodProps extends ZodType = any, PortNames extends
         pinCount?: number;
     }): void;
     _getImpliedFootprintString(): string | null;
+    _isFootprintUrl(s: string): boolean;
     _addChildrenFromStringFootprint(): void;
     get portMap(): PortMap<PortNames>;
     getInstanceForReactElement(element: ReactElement): NormalComponent | null;
@@ -969,6 +971,7 @@ declare class NormalComponent<ZodProps extends ZodType = any, PortNames extends
     _renderReactSubtree(element: ReactElement): ReactSubtree;
     doInitialInitializePortsFromChildren(): void;
     doInitialReactSubtreesRender(): void;
+    doInitialPcbFootprintStringRender(): void;
     _hasExistingPortExactly(port1: Port): boolean;
     add(componentOrElm: PrimitiveComponent | ReactElement): void;
     getPortsFromFootprint(opts?: {

package/dist/index.js

@@ -76,6 +76,7 @@ import Debug from "debug";
 var debug = Debug("tscircuit:renderable");
 var orderedRenderPhases = [
   "ReactSubtreesRender",
+  "PcbFootprintStringRender",
   "InitializePortsFromChildren",
   "CreateNetsFromProps",
   "CreateTracesFromProps",
@@ -2290,7 +2291,8 @@ var SilkscreenText = class extends PrimitiveComponent2 {
 var createPinrowSilkscreenText = ({
   elm,
   pinLabels,
-  readableRotation
+  readableRotation,
+  anchorAlignment
 }) => {
   const pinNum = elm.text.replace(/[{}]/g, "").toLowerCase();
   let label = pinNum;
@@ -2301,7 +2303,7 @@ var createPinrowSilkscreenText = ({
     label = pinLabels[pinNum]?.[0] ?? pinNum;
   }
   return new SilkscreenText({
-    anchorAlignment: "center",
+    anchorAlignment: anchorAlignment || "center",
     text: label ?? pinNum,
     fontSize: elm.font_size + 0.2,
     pcbX: isNaN(elm.anchor_position.x) ? 0 : elm.anchor_position.x,
@@ -2311,6 +2313,13 @@ var createPinrowSilkscreenText = ({
 };
 
 // lib/utils/createComponentsFromCircuitJson.ts
+var calculateCcwRotation = (componentRotationStr, elementCcwRotation) => {
+  const componentAngle = parseInt(componentRotationStr || "0", 10);
+  const baseRotation = -componentAngle;
+  const totalRotation = baseRotation + (elementCcwRotation ?? 0);
+  const normalizedRotation = (totalRotation % 360 + 360) % 360;
+  return normalizedRotation;
+};
 var createComponentsFromCircuitJson = ({
   componentName,
   componentRotation,
@@ -2403,23 +2412,28 @@ var createComponentsFromCircuitJson = ({
         })
       );
     } else if (elm.type === "pcb_silkscreen_text") {
-      let readableRotation = componentRotation ? parseInt(componentRotation) : 0;
-      const normalizedRotation = (readableRotation % 360 + 360) % 360;
-      const isUpsideDown = normalizedRotation > 90 && normalizedRotation <= 270;
-      readableRotation = isUpsideDown ? (normalizedRotation + 180) % 360 : normalizedRotation;
-      if (footprint.includes("pinrow") && elm.text.includes("PIN") && pinLabels) {
+      const ccwRotation = calculateCcwRotation(
+        componentRotation,
+        elm.ccw_rotation
+      );
+      if (footprint.includes("pinrow") && elm.text.includes("PIN")) {
         components.push(
-          createPinrowSilkscreenText({ elm, pinLabels, readableRotation })
+          createPinrowSilkscreenText({
+            elm,
+            pinLabels,
+            readableRotation: ccwRotation,
+            anchorAlignment: elm.anchor_alignment
+          })
         );
-      } else if (elm.text === "{REF}") {
+      } else {
         components.push(
           new SilkscreenText({
-            anchorAlignment: "center",
+            anchorAlignment: elm.anchor_alignment || "center",
             text: componentName,
             fontSize: elm.font_size + 0.2,
             pcbX: isNaN(elm.anchor_position.x) ? 0 : elm.anchor_position.x,
             pcbY: elm.anchor_position.y,
-            pcbRotation: readableRotation ?? 0
+            pcbRotation: ccwRotation ?? 0
           })
         );
       }
@@ -5035,6 +5049,7 @@ var NormalComponent = class extends PrimitiveComponent2 {
   isPrimitiveContainer = true;
   _asyncSupplierPartNumbers;
   pcb_missing_footprint_error_id;
+  _hasStartedFootprintUrlLoad = false;
   /**
    * Override this property for component defaults
    */
@@ -5224,6 +5239,9 @@ var NormalComponent = class extends PrimitiveComponent2 {
   _getImpliedFootprintString() {
     return null;
   }
+  _isFootprintUrl(s) {
+    return s.startsWith("http://") || s.startsWith("https://");
+  }
   _addChildrenFromStringFootprint() {
     const {
       name: componentName,
@@ -5234,6 +5252,7 @@ var NormalComponent = class extends PrimitiveComponent2 {
     footprint ??= this._getImpliedFootprintString?.();
     if (!footprint) return;
     if (typeof footprint === "string") {
+      if (this._isFootprintUrl(footprint)) return;
       const fpSoup = fp.string(footprint).soup();
       const fpComponents = createComponentsFromCircuitJson(
         { componentName, componentRotation, footprint, pinLabels },
@@ -5476,12 +5495,41 @@ var NormalComponent = class extends PrimitiveComponent2 {
     this.initPorts();
   }
   doInitialReactSubtreesRender() {
-    if (isReactElement(this.props.footprint)) {
-      if (this.reactSubtrees.some((rs) => rs.element === this.props.footprint))
-        return;
-      const subtree = this._renderReactSubtree(this.props.footprint);
+  }
+  doInitialPcbFootprintStringRender() {
+    let { footprint } = this.props;
+    footprint ??= this._getImpliedFootprintString?.();
+    if (!footprint) return;
+    const {
+      name: componentName,
+      pcbRotation: componentRotation,
+      pinLabels
+    } = this.props;
+    if (typeof footprint === "string" && this._isFootprintUrl(footprint)) {
+      if (this._hasStartedFootprintUrlLoad) return;
+      this._hasStartedFootprintUrlLoad = true;
+      const url = footprint;
+      this._queueAsyncEffect("load-footprint-url", async () => {
+        const res = await fetch(url);
+        const soup = await res.json();
+        const fpComponents = createComponentsFromCircuitJson(
+          { componentName, componentRotation, footprint: url, pinLabels },
+          soup
+        );
+        this.addAll(fpComponents);
+        this._markDirty("InitializePortsFromChildren");
+      });
+      return;
+    }
+    if (isReactElement(footprint)) {
+      if (this.reactSubtrees.some((rs) => rs.element === footprint)) return;
+      const subtree = this._renderReactSubtree(footprint);
       this.reactSubtrees.push(subtree);
       this.add(subtree.component);
+      return;
+    }
+    if (!isValidElement(footprint) && footprint.componentName === "Footprint") {
+      this.add(footprint);
     }
   }
   _hasExistingPortExactly(port1) {
@@ -5525,6 +5573,7 @@ var NormalComponent = class extends PrimitiveComponent2 {
       footprint = this.children.find((c) => c.componentName === "Footprint");
     }
     if (typeof footprint === "string") {
+      if (this._isFootprintUrl(footprint)) return [];
       const fpSoup = fp.string(footprint).soup();
       const newPorts2 = [];
       for (const elm of fpSoup) {
@@ -8656,7 +8705,7 @@ import { identity as identity4 } from "transformation-matrix";
 var package_default = {
   name: "@tscircuit/core",
   type: "module",
-  version: "0.0.429",
+  version: "0.0.431",
   types: "dist/index.d.ts",
   main: "dist/index.js",
   module: "dist/index.js",
@@ -8682,14 +8731,15 @@ var package_default = {
     "@tscircuit/capacity-autorouter": "^0.0.67",
     "@tscircuit/checks": "^0.0.46",
     "@tscircuit/circuit-json-util": "^0.0.47",
-    "@tscircuit/footprinter": "^0.0.169",
+    "@tscircuit/footprinter": "^0.0.171",
     "@tscircuit/import-snippet": "^0.0.4",
     "@tscircuit/infgrid-ijump-astar": "^0.0.33",
     "@tscircuit/layout": "^0.0.28",
     "@tscircuit/log-soup": "^1.0.2",
     "@tscircuit/math-utils": "^0.0.18",
-    "@tscircuit/props": "^0.0.193",
+    "@tscircuit/props": "^0.0.195",
     "@tscircuit/schematic-autolayout": "^0.0.6",
+    "@tscircuit/simple-3d-svg": "^0.0.6",
     "@types/bun": "latest",
     "@types/debug": "^4.1.12",
     "@types/react": "^19.0.1",
@@ -8707,7 +8757,6 @@ var package_default = {
     howfat: "^0.3.8",
     "live-server": "^1.2.2",
     "looks-same": "^9.0.1",
-    "@tscircuit/simple-3d-svg": "^0.0.6",
     "pkg-pr-new": "^0.0.37",
     react: "^19.0.0",
     "react-dom": "^19.0.0",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tscircuit/core",
   "type": "module",
-  "version": "0.0.430",
+  "version": "0.0.432",
   "types": "dist/index.d.ts",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -27,14 +27,15 @@
     "@tscircuit/capacity-autorouter": "^0.0.67",
     "@tscircuit/checks": "^0.0.46",
     "@tscircuit/circuit-json-util": "^0.0.47",
-    "@tscircuit/footprinter": "^0.0.169",
+    "@tscircuit/footprinter": "^0.0.171",
     "@tscircuit/import-snippet": "^0.0.4",
     "@tscircuit/infgrid-ijump-astar": "^0.0.33",
     "@tscircuit/layout": "^0.0.28",
     "@tscircuit/log-soup": "^1.0.2",
     "@tscircuit/math-utils": "^0.0.18",
-    "@tscircuit/props": "^0.0.193",
+    "@tscircuit/props": "^0.0.195",
     "@tscircuit/schematic-autolayout": "^0.0.6",
+    "@tscircuit/simple-3d-svg": "^0.0.6",
     "@types/bun": "latest",
     "@types/debug": "^4.1.12",
     "@types/react": "^19.0.1",
@@ -52,7 +53,6 @@
     "howfat": "^0.3.8",
     "live-server": "^1.2.2",
     "looks-same": "^9.0.1",
-    "@tscircuit/simple-3d-svg": "^0.0.6",
     "pkg-pr-new": "^0.0.37",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",