peter
cdfe7a8986
The React Compiler silently skipped Channels and DataTable (a ref written during render; the refs lint is off), and even once compiled it dropped the memo of the rows and columns (they reach filterRows/optionsFromColumns past the page's hooks) and the columns read the open row. Every open, close and reposition of the right-click menu rebuilt the whole table: on "All" rows ~0.9 s to open and ~0.6 s to close (dev). Now: effect events instead of the render-written refs, explicit memos for rows, columns and their inputs, a module-scope keyOf, and the open row reaches its "…" through a small store. Measured on 397 rows (dev): ~75 ms to open, ~35 ms to close. A contract test runs the real compiler over both files and fails on any skipped function. The dropped memos have no automated guard: they need the full page rendered with its providers; the measurement above is the evidence.
68 lines
2.0 KiB
JSON
68 lines
2.0 KiB
JSON
{
|
|
"name": "siftlode-frontend",
|
|
"private": true,
|
|
"license": "AGPL-3.0-only",
|
|
"type": "module",
|
|
"engines": {
|
|
"node": "24.x"
|
|
},
|
|
"scripts": {
|
|
"dev": "vite",
|
|
"typecheck": "npm run typecheck:app && npm run typecheck:node && npm run typecheck:e2e",
|
|
"typecheck:app": "tsc --noEmit -p tsconfig.json",
|
|
"typecheck:node": "tsc -p tsconfig.node.json",
|
|
"typecheck:e2e": "tsc --noEmit -p e2e/tsconfig.json",
|
|
"build": "npm run typecheck:app && npm run typecheck:node && vite build",
|
|
"preview": "vite preview",
|
|
"knip": "knip",
|
|
"lint": "eslint . --max-warnings 0",
|
|
"format": "prettier --write .",
|
|
"format:check": "prettier --check .",
|
|
"test": "vitest run",
|
|
"test:watch": "vitest",
|
|
"e2e": "playwright test"
|
|
},
|
|
"dependencies": {
|
|
"@dnd-kit/core": "^6.3.1",
|
|
"@dnd-kit/sortable": "^10.0.0",
|
|
"@dnd-kit/utilities": "^3.2.2",
|
|
"@floating-ui/react": "^0.27.20",
|
|
"@tanstack/react-query": "^5.51.0",
|
|
"@tanstack/react-virtual": "^3.14.3",
|
|
"clsx": "^2.1.1",
|
|
"flag-icons": "^7.5.0",
|
|
"hls.js": "^1.6.16",
|
|
"i18next": "^23.11.5",
|
|
"lucide-react": "^0.408.0",
|
|
"react": "19.3.0",
|
|
"react-dom": "19.3.0",
|
|
"react-i18next": "^15.7.4"
|
|
},
|
|
"devDependencies": {
|
|
"@babel/core": "7.29.7",
|
|
"@eslint/js": "9.39.1",
|
|
"@playwright/test": "^1.61.1",
|
|
"@tailwindcss/postcss": "^4.3.3",
|
|
"@testing-library/react": "^16.3.2",
|
|
"@types/node": "^24.13.6",
|
|
"@types/react": "19.3.0",
|
|
"@types/react-dom": "19.3.0",
|
|
"@vitejs/plugin-react": "^4.3.1",
|
|
"babel-plugin-react-compiler": "1.0.0",
|
|
"eslint": "9.39.1",
|
|
"eslint-config-prettier": "10.1.8",
|
|
"eslint-plugin-react-hooks": "7.1.1",
|
|
"eslint-plugin-react-refresh": "0.4.24",
|
|
"globals": "16.5.0",
|
|
"jsdom": "^25.0.1",
|
|
"knip": "6.27.0",
|
|
"postcss": "^8.4.39",
|
|
"prettier": "3.6.2",
|
|
"tailwindcss": "^4.3.3",
|
|
"typescript": "^5.5.3",
|
|
"typescript-eslint": "8.46.0",
|
|
"vite": "^5.3.4",
|
|
"vitest": "^3.2.7"
|
|
}
|
|
}
|