Replace custom dependency graph with React Flow

- Install reactflow and dagre for professional graph visualization
- Use dagre for automatic tree layout (top-to-bottom)
- Custom styled nodes with package name, version, and size
- Built-in zoom/pan controls and minimap
- Click nodes to navigate to package page
- Cleaner, more professional appearance
This commit is contained in:
Mondo Diaz
2026-02-02 20:38:35 -06:00
parent f87e5b4a51
commit ac3477ff22
4 changed files with 741 additions and 327 deletions

View File

@@ -12,9 +12,12 @@
"test:coverage": "vitest run --coverage"
},
"dependencies": {
"@types/dagre": "^0.7.53",
"dagre": "^0.8.5",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-router-dom": "6.28.0"
"react-router-dom": "6.28.0",
"reactflow": "^11.11.4"
},
"devDependencies": {
"@testing-library/jest-dom": "^6.4.2",