@tscircuit/schematic-viewer 2.0.24 → 2.0.25

package/lib/utils/spice-utils.ts

@@ -0,0 +1,81 @@
+import { circuitJsonToSpice } from "circuit-json-to-spice"
+import type { CircuitJson } from "circuit-json"
+
+export const getSpiceFromCircuitJson = (circuitJson: CircuitJson): string => {
+  const spiceNetlist = circuitJsonToSpice(circuitJson as any)
+  const baseSpiceString = spiceNetlist.toSpiceString()
+
+  const lines = baseSpiceString.split("\n").filter((l) => l.trim() !== "")
+  const componentLines = lines.filter(
+    (l) => !l.startsWith("*") && !l.startsWith(".") && l.trim() !== "",
+  )
+
+  const allNodes = new Set<string>()
+  const capacitorNodes = new Set<string>()
+
+  for (const line of componentLines) {
+    const parts = line.trim().split(/\s+/)
+    if (parts.length < 3) continue
+
+    const componentType = parts[0][0].toUpperCase()
+    let nodesOnLine: string[] = []
+
+    if (["R", "C", "L", "V", "I", "D"].includes(componentType)) {
+      nodesOnLine = parts.slice(1, 3)
+    } else if (componentType === "Q" && parts.length >= 4) {
+      // BJT
+      nodesOnLine = parts.slice(1, 4)
+    } else if (componentType === "M" && parts.length >= 5) {
+      // MOSFET
+      nodesOnLine = parts.slice(1, 5)
+    } else if (componentType === "X") {
+      // Subcircuit
+      // Assume last part is model name, everything in between is a node
+      nodesOnLine = parts.slice(1, -1)
+    } else {
+      continue
+    }
+
+    nodesOnLine.forEach((node) => allNodes.add(node))
+
+    if (componentType === "C") {
+      nodesOnLine.forEach((node) => capacitorNodes.add(node))
+    }
+  }
+
+  // Do not probe/set IC for ground
+  allNodes.delete("0")
+  capacitorNodes.delete("0")
+
+  const icLines = Array.from(capacitorNodes).map((node) => `.ic V(${node})=0`)
+
+  const probeNodes = Array.from(allNodes).map((node) => `V(${node})`)
+  const probeLine =
+    probeNodes.length > 0 ? `.probe ${probeNodes.join(" ")}` : ""
+
+  const tranLine = ".tran 0.1ms 50ms UIC"
+
+  const endStatement = ".end"
+  const originalLines = baseSpiceString.split("\n")
+  let endIndex = -1
+  for (let i = originalLines.length - 1; i >= 0; i--) {
+    if (originalLines[i].trim().toLowerCase().startsWith(endStatement)) {
+      endIndex = i
+      break
+    }
+  }
+
+  const injectionLines = [...icLines, probeLine, tranLine].filter(Boolean)
+
+  let finalLines: string[]
+
+  if (endIndex !== -1) {
+    const beforeEnd = originalLines.slice(0, endIndex)
+    const endLineAndAfter = originalLines.slice(endIndex)
+    finalLines = [...beforeEnd, ...injectionLines, ...endLineAndAfter]
+  } else {
+    finalLines = [...originalLines, ...injectionLines, endStatement]
+  }
+
+  return finalLines.join("\n")
+}

package/lib/utils/z-index-map.ts

@@ -1,5 +1,6 @@
 export const zIndexMap = {
   schematicEditIcon: 50,
   schematicGridIcon: 49,
+  spiceSimulationIcon: 51,
   clickToInteractOverlay: 100,
 }

package/lib/workers/spice-simulation.worker.ts

@@ -0,0 +1,51 @@
+import type * as EecircuitEngine from "../types/eecircuit-engine"
+
+let sim: EecircuitEngine.Simulation | null = null
+
+const fetchSimulation = async (): Promise<
+  typeof EecircuitEngine.Simulation
+> => {
+  const module = await import(
+    // @ts-ignore
+    "https://cdn.jsdelivr.net/npm/eecircuit-engine@1.5.2/+esm"
+  )
+  return module.Simulation as typeof EecircuitEngine.Simulation
+}
+
+const initializeSimulation = async () => {
+  if (sim && sim.isInitialized()) return
+  const Simulation = await fetchSimulation()
+  sim = new Simulation()
+  await sim.start()
+}
+
+self.onmessage = async (event: MessageEvent<{ spiceString: string }>) => {
+  try {
+    await initializeSimulation()
+    if (!sim) throw new Error("Simulation not initialized")
+
+    let engineSpiceString = event.data.spiceString
+    const wrdataMatch = engineSpiceString.match(/wrdata\s+(\S+)\s+(.*)/i)
+    if (wrdataMatch) {
+      const variables = wrdataMatch[2].trim().split(/\s+/)
+      const probeLine = `.probe ${variables.join(" ")}`
+      engineSpiceString = engineSpiceString.replace(/wrdata.*/i, probeLine)
+    } else if (!engineSpiceString.match(/\.probe/i)) {
+      const plotMatch = engineSpiceString.match(/plot\s+(.*)/i)
+      if (plotMatch) {
+        throw new Error(
+          "The 'plot' command is not supported for data extraction. Please use 'wrdata <filename> <var1> ...' or '.probe <var1> ...' instead.",
+        )
+      }
+      throw new Error(
+        "No '.probe' or 'wrdata' command found in SPICE file. Use 'wrdata <filename> <var1> ...' to specify output.",
+      )
+    }
+
+    sim.setNetList(engineSpiceString)
+    const result = await sim.runSim()
+    self.postMessage({ type: "result", result })
+  } catch (e: any) {
+    self.postMessage({ type: "error", error: e.message })
+  }
+}

package/package.json

@@ -1,27 +1,27 @@
 {
   "name": "@tscircuit/schematic-viewer",
-  "version": "2.0.24",
+  "version": "2.0.25",
   "main": "dist/index.js",
   "type": "module",
   "scripts": {
     "start": "cosmos",
-    "build": "tsup-node ./lib/index.ts --dts --format esm --sourcemap",
+    "build:webworker": "tsup --config tsup-webworker.config.ts",
+    "build:blob-url": "bun scripts/build-worker-blob-url.ts",
+    "build": "bun run build:webworker && bun run build:blob-url && tsup-node ./lib/index.ts --dts --format esm --sourcemap",
     "build:site": "cosmos-export",
-    "vercel-build": "bun run build:site",
+    "vercel-build": "bun run build:webworker && bun run build:blob-url && bun run build:site",
     "format": "biome format --write .",
     "format:check": "biome format ."
   },
   "devDependencies": {
     "@biomejs/biome": "^1.9.4",
-    "@tscircuit/core": "^0.0.362",
-    "@tscircuit/props": "^0.0.172",
+    "tscircuit": "^0.0.580",
     "@types/bun": "latest",
     "@types/debug": "^4.1.12",
     "@types/react": "^19.0.1",
     "@types/react-dom": "^19.0.2",
+    "@types/recharts": "^2.0.1",
     "@vitejs/plugin-react": "^4.3.4",
-    "circuit-json": "^0.0.154",
-    "circuit-to-svg": "^0.0.155",
     "react": "18",
     "react-cosmos": "^6.2.1",
     "react-cosmos-plugin-vite": "^6.2.0",
@@ -32,13 +32,14 @@
   },
   "peerDependencies": {
     "typescript": "^5.0.0",
-    "@tscircuit/core": "*",
-    "@tscircuit/props": "*",
-    "circuit-to-svg": "*"
+    "tscircuit": "*"
   },
   "dependencies": {
+    "chart.js": "^4.5.0",
+    "circuit-json-to-spice": "^0.0.9",
     "debug": "^4.4.0",
     "performance-now": "^2.1.0",
+    "react-chartjs-2": "^5.3.0",
     "use-mouse-matrix-transform": "^1.2.2"
   }
 }

package/scripts/build-worker-blob-url.ts

@@ -0,0 +1,55 @@
+import fs from "fs/promises"
+import path from "path"
+
+const workerInputPath = path.resolve(
+  process.cwd(),
+  "dist/workers/spice-simulation.worker.js",
+)
+const workerOutputPath = path.resolve(
+  process.cwd(),
+  "lib/workers/spice-simulation.worker.blob.js",
+)
+
+const build = async () => {
+  try {
+    await fs.mkdir(path.dirname(workerOutputPath), { recursive: true })
+    const workerCode = await fs.readFile(workerInputPath, "utf-8")
+
+    const base64 = Buffer.from(workerCode).toString("base64")
+
+    const blobUrlModule = `// This file is generated by scripts/build-worker-blob-url.ts
+// Do not edit this file directly.
+
+const b64 = "${base64}";
+
+let blobUrl = null;
+
+export const getSpiceSimulationWorkerBlobUrl = () => {
+  if (typeof window === "undefined") return null;
+  if (blobUrl) return blobUrl;
+
+  try {
+    const blob = new Blob([atob(b64)], { type: "application/javascript" });
+    blobUrl = URL.createObjectURL(blob);
+    return blobUrl;
+  } catch (e) {
+    console.error("Failed to create blob URL for worker", e);
+    return null;
+  }
+};
+`
+
+    await fs.writeFile(workerOutputPath, blobUrlModule)
+    console.log(`Wrote worker blob URL module to ${workerOutputPath}`)
+  } catch (e: any) {
+    if (e.code === "ENOENT") {
+      console.error(`Error: Worker file not found at ${workerInputPath}`)
+      console.error("Please run 'bun run build:webworker' first.")
+    } else {
+      console.error("Failed to build worker blob URL", e)
+    }
+    process.exit(1)
+  }
+}
+
+build()

package/tsup-webworker.config.ts

@@ -0,0 +1,13 @@
+import { defineConfig } from "tsup"
+
+export default defineConfig({
+  entry: ["lib/workers/spice-simulation.worker.ts"],
+  outDir: "dist/workers",
+  format: ["esm"],
+  platform: "browser",
+  dts: false,
+  splitting: false,
+  sourcemap: false,
+  clean: true,
+  minify: true,
+})