@tscircuit/core 0.0.430 → 0.0.431

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",
@@ -5035,6 +5036,7 @@ var NormalComponent = class extends PrimitiveComponent2 {
   isPrimitiveContainer = true;
   _asyncSupplierPartNumbers;
   pcb_missing_footprint_error_id;
+  _hasStartedFootprintUrlLoad = false;
   /**
    * Override this property for component defaults
    */
@@ -5224,6 +5226,9 @@ var NormalComponent = class extends PrimitiveComponent2 {
   _getImpliedFootprintString() {
     return null;
   }
+  _isFootprintUrl(s) {
+    return s.startsWith("http://") || s.startsWith("https://");
+  }
   _addChildrenFromStringFootprint() {
     const {
       name: componentName,
@@ -5234,6 +5239,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 +5482,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 +5560,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 +8692,7 @@ import { identity as identity4 } from "transformation-matrix";
 var package_default = {
   name: "@tscircuit/core",
   type: "module",
-  version: "0.0.429",
+  version: "0.0.430",
   types: "dist/index.d.ts",
   main: "dist/index.js",
   module: "dist/index.js",
@@ -8688,7 +8724,7 @@ var package_default = {
     "@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",
     "@types/bun": "latest",
     "@types/debug": "^4.1.12",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tscircuit/core",
   "type": "module",
-  "version": "0.0.430",
+  "version": "0.0.431",
   "types": "dist/index.d.ts",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -33,7 +33,7 @@
     "@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",
     "@types/bun": "latest",
     "@types/debug": "^4.1.12",