pyr0ball
3c30cbe40d
Stack: Vue 3 + Pinia + WaveSurfer.js + TypeScript, proxied to FastAPI on :8513 Components - ChainSidebar: chain list, create/delete, active chain highlight - ChainTree: spine row (committed nodes) + branch row, upload drop zone, export buttons - NodeCard: status dot + label, duration, commit/discard actions, generating spinner - BranchPanel: WaveSurfer waveform + branch form (prompt, duration, cfg, prompt window) - WavePlayer: WaveSurfer.js waveform with play/pause and time display State & SSE - Pinia chain store: REST for tree, SSE patch for live node status updates - useNodeSSE composable: EventSource per active chain, auto-reconnects on error - applyStatusEvent(): merges node-status SSE events into store without full refetch UX - Dark theme by default, light theme via prefers-color-scheme - CSS custom properties throughout for easy theming - Responsive: sidebar + main split, compact at <640px manage.sh updated: start/stop both API (:8513) and frontend (:8514) together
25 lines
528 B
JSON
25 lines
528 B
JSON
{
|
|
"name": "frontend",
|
|
"private": true,
|
|
"version": "0.0.0",
|
|
"type": "module",
|
|
"scripts": {
|
|
"dev": "vite",
|
|
"build": "vue-tsc -b && vite build",
|
|
"preview": "vite preview"
|
|
},
|
|
"dependencies": {
|
|
"@vueuse/core": "^14.2.1",
|
|
"pinia": "^3.0.4",
|
|
"vue": "^3.5.32",
|
|
"wavesurfer.js": "^7.12.6"
|
|
},
|
|
"devDependencies": {
|
|
"@types/node": "^24.12.2",
|
|
"@vitejs/plugin-vue": "^6.0.5",
|
|
"@vue/tsconfig": "^0.9.1",
|
|
"typescript": "~6.0.2",
|
|
"vite": "^8.0.4",
|
|
"vue-tsc": "^3.2.6"
|
|
}
|
|
}
|