Phase 1 implementation with ngspice backend and Astro/React frontend: Backend (FastAPI): - ngspice subprocess engine with custom .raw file parser - Notebook CRUD with .spicebook JSON format (filesystem storage) - Simulation endpoints (standalone + cell-in-notebook) - SVG waveform export endpoint - 18 REST API routes, 5 passing tests Frontend (Astro 5 + React 19): - Notebook editor as React island with Zustand state management - CodeMirror 6 with custom SPICE language mode (syntax highlighting for dot commands, components, engineering notation, comments) - uPlot waveform viewer with transient and AC/Bode plot modes - Markdown cells with edit/preview toggle - Notebook list with card grid UI - Dark theme, Tailwind CSS 4, Lucide icons Infrastructure: - Docker Compose with dev/prod targets - Caddy-based frontend prod serving - 3 example notebooks (RC filter, voltage divider, CE amplifier)
8 lines
447 B
XML
8 lines
447 B
XML
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
|
|
<rect width="32" height="32" rx="6" fill="#0f172a"/>
|
|
<path d="M6 22 L10 10 L14 18 L18 8 L22 20 L26 12" stroke="#2563eb" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
|
|
<circle cx="10" cy="10" r="1.5" fill="#2563eb"/>
|
|
<circle cx="18" cy="8" r="1.5" fill="#2563eb"/>
|
|
<circle cx="26" cy="12" r="1.5" fill="#2563eb"/>
|
|
</svg>
|