anti
6e0e1c204e
Final integration step. The MazeNET page shell is now a thinner composition of the existing module-level hooks (useMazeApi, useMazeInteraction, useTopologyEditor, useTopologyStream, useLayoutPersistor) PLUS the three new ones from this phase (useFullscreenMode, useTopologyData, useMazeContextMenu). - MazeNET.tsx: 980 -> 715 LOC. The fullscreen + body-class effects, the topology hydrate / SSE stream / deploy / flashErr plumbing, and the four context-menu builders are all gone from the shell. - Page still owns the per-operation editor callbacks (removeNet/Node/Edge, duplicateNode, addServiceToNode, etc.) because they need direct access to setNodes/setEdges/setNets for optimistic patches alongside their REST calls — those setters are exposed by useTopologyData for that reason. Coverage floor bumped after the phase: lines 17 -> 19 functions 15 -> 17 branches 13 -> 14 statements 16 -> 18 Phase 5 final scoreboard: 37 test files, 172 tests, all green.
66 lines
2.2 KiB
TypeScript
66 lines
2.2 KiB
TypeScript
import { defineConfig } from 'vitest/config'
|
|
import react from '@vitejs/plugin-react'
|
|
|
|
// https://vite.dev/config/
|
|
export default defineConfig({
|
|
plugins: [react()],
|
|
test: {
|
|
environment: 'jsdom',
|
|
globals: true,
|
|
setupFiles: ['./src/test/setup.ts'],
|
|
css: false,
|
|
coverage: {
|
|
provider: 'v8',
|
|
reporter: ['text', 'html'],
|
|
include: ['src/**/*.{ts,tsx}'],
|
|
exclude: ['src/**/*.d.ts', 'src/test/**', 'src/main.tsx'],
|
|
// Baseline floors. Each refactor PR raises these; never lower.
|
|
// Phase 5 (MazeNET trim): page shell down from 980 to 715 LOC
|
|
// (already partially modular; lifted fullscreen, topology data
|
|
// plane, and context-menu builder into focused hooks).
|
|
// 16 new tests. Suite: 37 files, 172 tests,
|
|
// 19.49% lines / 14.67% branches.
|
|
thresholds: {
|
|
lines: 19,
|
|
functions: 17,
|
|
branches: 14,
|
|
statements: 18,
|
|
},
|
|
},
|
|
},
|
|
server: {
|
|
proxy: {
|
|
'/api': {
|
|
target: 'http://127.0.0.1:8000',
|
|
changeOrigin: true,
|
|
},
|
|
},
|
|
},
|
|
build: {
|
|
// Split heavy third-party libs into their own chunks so the main
|
|
// bundle stays small and the rarely-changing vendor code stays
|
|
// cacheable across deploys. Recharts + asciinema-player + lucide
|
|
// together made up most of the weight that was tripping the 500kB
|
|
// warning.
|
|
rollupOptions: {
|
|
output: {
|
|
manualChunks: (id: string) => {
|
|
if (!id.includes('node_modules')) return undefined
|
|
// d3-* ships alongside recharts as its plotting engine —
|
|
// grouping them keeps tree-shaken subsets together.
|
|
if (id.includes('recharts') || id.includes('/d3-')) return 'charts'
|
|
if (id.includes('asciinema-player')) return 'player'
|
|
if (id.includes('lucide-react')) return 'icons'
|
|
if (id.includes('react-router')) return 'router'
|
|
if (id.includes('react-dom')) return 'react-dom'
|
|
if (id.includes('/react/') || id.endsWith('/react')) return 'react'
|
|
return 'vendor'
|
|
},
|
|
},
|
|
},
|
|
// Legitimate ceiling for any single chunk after splitting; anything
|
|
// larger is a real bloat regression worth investigating.
|
|
chunkSizeWarningLimit: 600,
|
|
},
|
|
})
|