ab5a5e1a15
- PipelineNode custom element (card + SVG icon + medium-colored ports) and standard.Link with style-driven markers/dash - CanvasController: paper/graph setup, relation-based validateConnection, manhattan routing + jumpover arc connector toggle, grid/snap, color scheme - Selection (single/multi/shift), element & link tools, drop-to-add node - Undo/redo via graph snapshots, copy/cut/paste/duplicate, zoom/pan/fit - Flow calc integration + dash animation (direction=sign, speed=volume) - SVG/PNG export from paper SVG root; document (de)serialization - Zustand editor store (config, selection, catalogues, calc summary) Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
React + TypeScript + Vite
This template provides a minimal setup to get React working in Vite with HMR and some Oxlint rules.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Oxc
- @vitejs/plugin-react-swc uses SWC
React Compiler
The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see this documentation.
Expanding the Oxlint configuration
If you are developing a production application, we recommend enabling type-aware lint rules by installing oxlint-tsgolint and editing .oxlintrc.json:
{
"$schema": "./node_modules/oxlint/configuration_schema.json",
"plugins": ["react", "typescript", "oxc"],
"options": {
"typeAware": true
},
"rules": {
"react/rules-of-hooks": "error",
"react/only-export-components": ["warn", { "allowConstantExport": true }]
}
}
See the Oxlint rules documentation for the full list of rules and categories.