Merge pull request #115 from tscircuit/feat/label-name-for-pin

Use the source port name for the pin text

lib/sch/svg-object-fns/create-svg-objects-for-sch-port-pin-number-text.ts

@@ -2,6 +2,7 @@ import type {
   AnyCircuitElement,
   SchematicComponent,
   SchematicPort,
+  SourcePort,
 } from "circuit-json"
 import type { SvgObject } from "lib/svg-object"
 import { colorMap } from "lib/utils/colors"
@@ -18,6 +19,13 @@ export const createSvgObjectsForSchPortPinNumberText = (params: {
   const svgObjects: SvgObject[] = []
   const { schPort, schComponent, transform, circuitJson } = params
 
+  // Find the source port using the source_port_id from the schematic port
+  const sourcePort = circuitJson.find(
+    (element) =>
+      element.type === "source_port" &&
+      element.source_port_id === schPort.source_port_id,
+  )
+
   const realPinNumberPos = {
     x: schPort.center.x,
     y: schPort.center.y,
@@ -47,6 +55,8 @@ export const createSvgObjectsForSchPortPinNumberText = (params: {
     screenPinNumberTextPos.y -= 2 //px
   }
 
+  const pinLabel = (sourcePort as SourcePort).name.replace("pin", "")
+
   svgObjects.push({
     name: "text",
     type: "element",
@@ -68,7 +78,7 @@ export const createSvgObjectsForSchPortPinNumberText = (params: {
     children: [
       {
         type: "text",
-        value: schPort.pin_number?.toString() || "",
+        value: pinLabel,
         name: "",
         attributes: {},
         children: [],