Added [sch_componet_name and MPN] to createSvgObjectsFromSchematicComponentWithBox fn

lib/sch/convert-circuit-json-to-schematic-svg.ts

@@ -125,7 +125,7 @@ export function convertCircuitJsonToSchematicSvg(
       schTraceSvgs.push(...createSchematicTrace(elm, transform))
     } else if (elm.type === "schematic_net_label") {
       schNetLabel.push(...createSvgObjectsForSchNetLabel(elm, transform))
-    } else if (elm.type === "schematic_text") {
+    } else if (elm.type === "schematic_text" && !elm.schematic_component_id) {
       schText.push(createSvgSchText(elm, transform))
     } else if (elm.type === "schematic_voltage_probe") {
       voltageProbeSvgs.push(

lib/sch/svg-object-fns/create-svg-objects-from-sch-component-with-box.ts

@@ -14,6 +14,7 @@ import { createSvgObjectsFromSchematicComponentWithSymbol } from "./create-svg-o
 import { createSvgObjectsFromSchPortOnBox } from "./create-svg-objects-from-sch-port-on-box"
 import { getSchStrokeSize } from "lib/utils/get-sch-stroke-size"
 import { getSchScreenFontSize } from "lib/utils/get-sch-font-size"
+import { createSvgSchText } from "./create-svg-objects-for-sch-text"
 
 export const createSvgObjectsFromSchematicComponentWithBox = ({
   component: schComponent,
@@ -72,6 +73,15 @@ export const createSvgObjectsFromSchematicComponentWithBox = ({
     children: [],
   })
 
+  const schTexts = su(circuitJson as any).schematic_text.list()
+
+  for (const schText of schTexts) {
+    if (
+      schText.schematic_component_id === schComponent.schematic_component_id
+    ) {
+      svgObjects.push(createSvgSchText(schText, transform))
+    }
+  }
   // // Process ports
   const schematicPorts = su(circuitJson as any).schematic_port.list({
     schematic_component_id: schComponent.schematic_component_id,

package.json

@@ -28,7 +28,7 @@
     "@storybook/react": "^8.2.5",
     "@storybook/react-vite": "^8.2.5",
     "@storybook/test": "^8.2.5",
-    "@tscircuit/core": "^0.0.229",
+    "@tscircuit/core": "^0.0.233",
     "@tscircuit/plop": "^0.0.10",
     "@types/bun": "^1.1.9",
     "biome": "^0.3.3",

tests/sch/component-wrapper.test.tsx

@@ -81,7 +81,9 @@ test("component wrapper has correct attributes", () => {
 
   circuit.render()
   const circuitJson = circuit.getCircuitJson()
-  const svg = convertCircuitJsonToSchematicSvg(circuitJson)
+  const svg = convertCircuitJsonToSchematicSvg(
+    circuitJson as SchematicComponent[],
+  )
 
   expect(svg).toContain('data-circuit-json-type="schematic_component"')
   expect(svg).toContain("data-schematic-component-id")

tests/sch/resistor.test.tsx

@@ -1,4 +1,5 @@
 import { expect, test } from "bun:test"
+import type { AnyCircuitElement } from "circuit-json"
 import { convertCircuitJsonToSchematicSvg } from "lib/index"
 import { getTestFixture } from "tests/fixtures/get-test-fixture"
 
@@ -30,7 +31,7 @@ test("schematic resistor", () => {
             }
           }
           return elm
-        }),
+        }) as AnyCircuitElement[],
     ),
   ).toMatchSvgSnapshot(import.meta.path)
 })

tests/sch/rotated-resistor.test.tsx

@@ -1,4 +1,5 @@
 import { test, expect } from "bun:test"
+import type { AnyCircuitElement } from "circuit-json"
 import { convertCircuitJsonToSchematicSvg } from "lib"
 import { getTestFixture } from "tests/fixtures/get-test-fixture"
 
@@ -25,7 +26,7 @@ test("schematic rotated resistor", () => {
           ...c,
           symbol_name: "boxresistor_vert",
         }
-      }),
+      }) as AnyCircuitElement[],
     ),
   ).toMatchSvgSnapshot(import.meta.path)
 })

tests/sch/trace-overlap.test.tsx

@@ -1,4 +1,5 @@
 import { test, expect } from "bun:test"
+import type { AnyCircuitElement } from "circuit-json"
 import { convertCircuitJsonToSchematicSvg } from "lib"
 import { getTestFixture } from "tests/fixtures/get-test-fixture"
 
@@ -30,6 +31,8 @@ test("schematic trace overlap", () => {
   )
 
   expect(
-    convertCircuitJsonToSchematicSvg(circuit.getCircuitJson()),
+    convertCircuitJsonToSchematicSvg(
+      circuit.getCircuitJson() as AnyCircuitElement[],
+    ),
   ).toMatchSvgSnapshot(import.meta.path)
 })

tests/sch/transform-attribute.test.tsx

@@ -18,7 +18,6 @@ test("svg should have data-real-to-screen-transform attribute", () => {
 
   // Extract the transform value and verify it's a valid matrix string
   const match = svg.match(/data-real-to-screen-transform="([^"]+)"/)
-
   // @ts-ignore
   expect(match[1]).toMatchInlineSnapshot(
     `"matrix(54.5454545455,0,0,-54.5454545455,600,300)"`,

tests/sch/unknown-symbol.test.tsx

@@ -1,4 +1,5 @@
 import { test, expect } from "bun:test"
+import type { AnyCircuitElement } from "circuit-json"
 import { convertCircuitJsonToSchematicSvg } from "lib"
 import { getTestFixture } from "tests/fixtures/get-test-fixture"
 
@@ -32,7 +33,7 @@ test("schematic rotated resistor", () => {
           c.symbol_name = "INTENTIONALLY_NONEXISTENT_SYMBOL!!"
         }
         return c
-      }),
+      }) as AnyCircuitElement[],
     ),
   ).toMatchSvgSnapshot(import.meta.path)
 })