root
b363dcf888
Introduce a leafer-ui canvas layer that mirrors rendered nodes and drives viewport, node-drag, and alignment-guide updates imperatively, committing React state on idle via startTransition to keep pan/zoom/drag at 60fps. Wire the imperative viewport through wheel zoom, zoom-to, fit-view, and panning. Add a dedicated crop tool: click a node to auto-detect a color-boundary crop region or drag to preselect one, previewed with an on-canvas draft overlay before entering the crop editor. Route uploads through renderContent so the transparent WebP texture feeds the fast display path. Add node --test coverage for the leafer renderer and color-boundary detection. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
39 lines
1.1 KiB
JSON
39 lines
1.1 KiB
JSON
{
|
|
"name": "img-infinite-canvas-frontend",
|
|
"version": "0.1.0",
|
|
"private": true,
|
|
"type": "module",
|
|
"scripts": {
|
|
"dev": "next dev --webpack -H 0.0.0.0 -p 5173",
|
|
"dev:vite": "vite --host 0.0.0.0",
|
|
"build": "tsc -b && next build --webpack && vite build",
|
|
"test": "node --experimental-strip-types --test tests/*.test.mjs",
|
|
"start": "next start -H 0.0.0.0 -p 3000",
|
|
"preview": "vite preview --host 0.0.0.0"
|
|
},
|
|
"dependencies": {
|
|
"@node-projects/acad-ts": "2.3.0",
|
|
"@radix-ui/react-context-menu": "^2.3.2",
|
|
"@radix-ui/react-dropdown-menu": "^2.1.19",
|
|
"@radix-ui/react-popover": "^1.1.18",
|
|
"@radix-ui/react-scroll-area": "^1.2.13",
|
|
"@radix-ui/react-switch": "^1.3.2",
|
|
"@radix-ui/react-tabs": "^1.1.16",
|
|
"ag-psd": "31.0.2",
|
|
"leafer-ui": "2.2.2",
|
|
"lucide-react": "^1.23.0",
|
|
"next": "^16.2.10",
|
|
"react": "^19.2.7",
|
|
"react-dom": "^19.2.7"
|
|
},
|
|
"devDependencies": {
|
|
"@types/node": "26.1.0",
|
|
"@types/react": "^19.2.17",
|
|
"@types/react-dom": "^19.2.3",
|
|
"@vitejs/plugin-react": "^6.0.3",
|
|
"typescript": "^6.0.3",
|
|
"vite": "^8.1.3",
|
|
"vite-plugin-compression2": "^2.5.3"
|
|
}
|
|
}
|