feat: implement dynamic text resolution for SilkscreenText components in footprints and add a corresponding test

Author: techmannih

lib/components/primitive-components/SilkscreenText.ts

@@ -126,7 +126,7 @@ export class SilkscreenText extends PrimitiveComponent<
           bottom: props.knockoutPaddingBottom ?? uniformPadding,
         }
       : undefined
-
+    let text = this._resolveText()
     for (const layer of targetLayers) {
       const pcb_silkscreen_text = db.pcb_silkscreen_text.insert({
         anchor_alignment: props.anchorAlignment,
@@ -137,7 +137,7 @@ export class SilkscreenText extends PrimitiveComponent<
         font: props.font ?? "tscircuit2024",
         font_size: fontSize,
         layer: maybeFlipLayer(layer) as "top" | "bottom",
-        text: normalizeTextForCircuitJson(props.text ?? ""),
+        text: normalizeTextForCircuitJson(text),
         ccw_rotation: rotation,
         pcb_component_id: container.pcb_component_id!,
         subcircuit_id: subcircuit?.subcircuit_id ?? undefined,
@@ -167,7 +167,7 @@ export class SilkscreenText extends PrimitiveComponent<
       this.getInheritedProperty("pcbStyle")?.silkscreenFontSize ??
       this._footprinterFontSize ??
       1
-    const text = props.text ?? ""
+    const text = this._resolveText()
     const textWidth = text.length * fontSize
     const textHeight = fontSize
     return { width: textWidth * fontSize, height: textHeight * fontSize }

tests/components/primitive-components/__snapshots__/footprint-text-resolution-pcb.snap.svg

@@ -0,0 +1,98 @@
+import { test, expect } from "bun:test"
+import { getTestFixture } from "tests/fixtures/get-test-fixture"
+
+test("footprint text resolution", async () => {
+  const { circuit } = getTestFixture()
+
+  circuit.add(
+    <board width="10mm" height="10mm">
+      <chip
+        name="U1"
+        footprint={
+          <footprint>
+            <silkscreentext text="{NAME}" pcbX={0} pcbY={4} />
+
+            <platedhole
+              portHints={["4"]}
+              pcbX="3.2499299999998357mm"
+              pcbY="-2.249932000000058mm"
+              outerDiameter="1.9999959999999999mm"
+              holeDiameter="1.3000228mm"
+              shape="circle"
+            />
+            <platedhole
+              portHints={["2"]}
+              pcbX="3.2499299999998357mm"
+              pcbY="2.249932000000058mm"
+              outerDiameter="1.9999959999999999mm"
+              holeDiameter="1.3000228mm"
+              shape="circle"
+            />
+            <platedhole
+              portHints={["1"]}
+              pcbX="-3.2499299999999494mm"
+              pcbY="2.249932000000058mm"
+              outerDiameter="1.9999959999999999mm"
+              holeDiameter="1.3000228mm"
+              shape="circle"
+            />
+            <platedhole
+              portHints={["3"]}
+              pcbX="-3.2499299999999494mm"
+              pcbY="-2.249932000000058mm"
+              outerDiameter="1.9999959999999999mm"
+              holeDiameter="1.3000228mm"
+              shape="circle"
+            />
+            <silkscreenpath
+              route={[
+                { x: -2.2743160000001126, y: -2.999994000000015 },
+                { x: 2.274315999999999, y: -2.999994000000015 },
+              ]}
+            />
+            <silkscreenpath
+              route={[
+                { x: -2.999994000000129, y: 1.0999978000000965 },
+                { x: -2.999994000000129, y: -0.999998000000005 },
+              ]}
+            />
+            <silkscreenpath
+              route={[
+                { x: 3.0999937999998792, y: 1.0279888000000028 },
+                { x: 3.0999937999998792, y: -1.0999977999999828 },
+              ]}
+            />
+            <silkscreenpath
+              route={[
+                { x: -1.99999600000001, y: 2.999994000000015 },
+                { x: 2.274315999999999, y: 2.999994000000015 },
+              ]}
+            />
+          </footprint>
+        }
+        schPortArrangement={{
+          leftSide: {
+            direction: "top-to-bottom",
+            pins: [1, 3],
+          },
+          rightSide: {
+            direction: "bottom-to-top",
+            pins: [4, 2],
+          },
+        }}
+      />
+    </board>,
+  )
+
+  await circuit.renderUntilSettled()
+  const circuitJson = circuit.getCircuitJson()
+
+  const silkscreenText = circuitJson.find(
+    (e) => e.type === "pcb_silkscreen_text",
+  )
+
+  expect(silkscreenText).toBeDefined()
+  expect((silkscreenText as any).text).toBe("U1")
+  // add pcbbbb snapshot test
+  expect(circuitJson).toMatchPcbSnapshot(import.meta.path)
+})