matt/meshai
1
0
Fork 0
mirror of https://github.com/zvx-echo6/meshai.git synced 2026-05-22 07:34:47 +02:00
Code Issues Projects Releases Packages Wiki Activity
meshai/dashboard-frontend/package.json

35 lines
829 B
JSON
Raw Normal View History

feat(dashboard): React frontend scaffold with overview page - Vite + React 18 + TypeScript + Tailwind CSS - Dashboard overview with health gauge, pillar bars, alerts - WebSocket hook for real-time updates - Layout with sidebar navigation and live indicator - Placeholder pages for Mesh, Environment, Config, Alerts - Dark theme ops center aesthetic with JetBrains Mono Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-05-12 10:28:12 -06:00
{
"name": "meshai-dashboard",
"private": true,
"version": "0.1.0",
"type": "module",
"scripts": {
"dev": "vite",
"build": "tsc && vite build",
"preview": "vite preview"
},
"dependencies": {
fix(dashboard): rewrite topology graph for performance at scale Replaced React state-driven animation with ECharts graph rendering. Previous approach re-rendered 263+ SVG nodes via setState in rAF loop, causing browser lockup. New approach uses ECharts which handles force layout and rendering natively at scale. Changes: - Switch from D3 force sim + React state to ECharts graph - Remove particle animation (was fake random noise, not real packets) - Filter out nodes with zero edges by default - Add filter controls: Connected, Infra, All - ECharts handles zoom/pan/drag natively (roam: true) - Node selection dims unrelated nodes - Force config matches Meshview: repulsion 200, edgeLength [80,120] - Animation disabled for performance (animation: false) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-05-12 12:47:42 -06:00
"@types/d3": "^7.4.3",
"@types/leaflet": "^1.9.21",
"d3": "^7.9.0",
"echarts": "^6.0.0",
"echarts-for-react": "^3.0.6",
"leaflet": "^1.9.4",
"lucide-react": "^0.383.0",
feat(dashboard): React frontend scaffold with overview page - Vite + React 18 + TypeScript + Tailwind CSS - Dashboard overview with health gauge, pillar bars, alerts - WebSocket hook for real-time updates - Layout with sidebar navigation and live indicator - Placeholder pages for Mesh, Environment, Config, Alerts - Dark theme ops center aesthetic with JetBrains Mono Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-05-12 10:28:12 -06:00
"react": "^18.3.0",
"react-dom": "^18.3.0",
fix(dashboard): rewrite topology graph for performance at scale Replaced React state-driven animation with ECharts graph rendering. Previous approach re-rendered 263+ SVG nodes via setState in rAF loop, causing browser lockup. New approach uses ECharts which handles force layout and rendering natively at scale. Changes: - Switch from D3 force sim + React state to ECharts graph - Remove particle animation (was fake random noise, not real packets) - Filter out nodes with zero edges by default - Add filter controls: Connected, Infra, All - ECharts handles zoom/pan/drag natively (roam: true) - Node selection dims unrelated nodes - Force config matches Meshview: repulsion 200, edgeLength [80,120] - Animation disabled for performance (animation: false) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-05-12 12:47:42 -06:00
"react-leaflet": "^4.2.1",
feat(dashboard): React frontend scaffold with overview page - Vite + React 18 + TypeScript + Tailwind CSS - Dashboard overview with health gauge, pillar bars, alerts - WebSocket hook for real-time updates - Layout with sidebar navigation and live indicator - Placeholder pages for Mesh, Environment, Config, Alerts - Dark theme ops center aesthetic with JetBrains Mono Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-05-12 10:28:12 -06:00
"react-router-dom": "^6.23.0",
fix(dashboard): rewrite topology graph for performance at scale Replaced React state-driven animation with ECharts graph rendering. Previous approach re-rendered 263+ SVG nodes via setState in rAF loop, causing browser lockup. New approach uses ECharts which handles force layout and rendering natively at scale. Changes: - Switch from D3 force sim + React state to ECharts graph - Remove particle animation (was fake random noise, not real packets) - Filter out nodes with zero edges by default - Add filter controls: Connected, Infra, All - ECharts handles zoom/pan/drag natively (roam: true) - Node selection dims unrelated nodes - Force config matches Meshview: repulsion 200, edgeLength [80,120] - Animation disabled for performance (animation: false) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-05-12 12:47:42 -06:00
"recharts": "^2.12.0"
feat(dashboard): React frontend scaffold with overview page - Vite + React 18 + TypeScript + Tailwind CSS - Dashboard overview with health gauge, pillar bars, alerts - WebSocket hook for real-time updates - Layout with sidebar navigation and live indicator - Placeholder pages for Mesh, Environment, Config, Alerts - Dark theme ops center aesthetic with JetBrains Mono Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-05-12 10:28:12 -06:00
},
"devDependencies": {
"@types/react": "^18.3.0",
"@types/react-dom": "^18.3.0",
"@vitejs/plugin-react": "^4.3.0",
fix(dashboard): rewrite topology graph for performance at scale Replaced React state-driven animation with ECharts graph rendering. Previous approach re-rendered 263+ SVG nodes via setState in rAF loop, causing browser lockup. New approach uses ECharts which handles force layout and rendering natively at scale. Changes: - Switch from D3 force sim + React state to ECharts graph - Remove particle animation (was fake random noise, not real packets) - Filter out nodes with zero edges by default - Add filter controls: Connected, Infra, All - ECharts handles zoom/pan/drag natively (roam: true) - Node selection dims unrelated nodes - Force config matches Meshview: repulsion 200, edgeLength [80,120] - Animation disabled for performance (animation: false) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-05-12 12:47:42 -06:00
"autoprefixer": "^10.4.0",
feat(dashboard): React frontend scaffold with overview page - Vite + React 18 + TypeScript + Tailwind CSS - Dashboard overview with health gauge, pillar bars, alerts - WebSocket hook for real-time updates - Layout with sidebar navigation and live indicator - Placeholder pages for Mesh, Environment, Config, Alerts - Dark theme ops center aesthetic with JetBrains Mono Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-05-12 10:28:12 -06:00
"postcss": "^8.4.0",
fix(dashboard): rewrite topology graph for performance at scale Replaced React state-driven animation with ECharts graph rendering. Previous approach re-rendered 263+ SVG nodes via setState in rAF loop, causing browser lockup. New approach uses ECharts which handles force layout and rendering natively at scale. Changes: - Switch from D3 force sim + React state to ECharts graph - Remove particle animation (was fake random noise, not real packets) - Filter out nodes with zero edges by default - Add filter controls: Connected, Infra, All - ECharts handles zoom/pan/drag natively (roam: true) - Node selection dims unrelated nodes - Force config matches Meshview: repulsion 200, edgeLength [80,120] - Animation disabled for performance (animation: false) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-05-12 12:47:42 -06:00
"tailwindcss": "^3.4.0",
"typescript": "^5.4.0",
"vite": "^5.4.0"
feat(dashboard): React frontend scaffold with overview page - Vite + React 18 + TypeScript + Tailwind CSS - Dashboard overview with health gauge, pillar bars, alerts - WebSocket hook for real-time updates - Layout with sidebar navigation and live indicator - Placeholder pages for Mesh, Environment, Config, Alerts - Dark theme ops center aesthetic with JetBrains Mono Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-05-12 10:28:12 -06:00
}
}
Reference in a new issue Copy permalink