d3ca407777
🎯 Major Features Added: - Snap to grid functionality (20x20 grid, default enabled) - Tidy Up button for instant node reorganization - Copy node values with one-click clipboard integration - HTML rendering toggle (render/raw modes for HTML content) - Accordion-style collapsible panels (Controls & Legend) - Automatic fitView on fullscreen toggle with smooth animations 🎨 UI/UX Improvements: - Professional accordion layout with exclusive panel opening - Consistent button alignment and styling across all controls - Legend moved to top-right with icon+color indicators - Vertical button stack: Controls → Legend → Tidy Up → Fullscreen - Smooth transitions and hover effects throughout - Clean, uncluttered interface with folded panels by default 🔧 Technical Enhancements: - Fixed ResizeObserver errors with proper error handling - Optimized React rendering with memo and useCallback - Debounced DOM updates to prevent infinite loops - React Flow instance management for programmatic control - Removed redundant Raw Input button for cleaner interface 🚀 Performance & Stability: - Error boundary implementation for ResizeObserver issues - Proper cleanup of event listeners and timeouts - Memoized components to prevent unnecessary re-renders - Smooth 300ms animations for all state transitions
64 lines
1.6 KiB
JSON
64 lines
1.6 KiB
JSON
{
|
|
"name": "developer-tools-mvp",
|
|
"version": "1.0.0",
|
|
"description": "Web Developer Tools MVP - Utilities Toolkit",
|
|
"private": true,
|
|
"dependencies": {
|
|
"@codemirror/commands": "^6.8.1",
|
|
"@codemirror/lang-css": "^6.3.1",
|
|
"@codemirror/lang-html": "^6.4.9",
|
|
"@codemirror/lang-javascript": "^6.2.4",
|
|
"@codemirror/lang-json": "^6.0.2",
|
|
"@codemirror/search": "^6.5.11",
|
|
"@codemirror/theme-one-dark": "^6.1.3",
|
|
"@codemirror/view": "^6.38.1",
|
|
"@testing-library/jest-dom": "^6.8.0",
|
|
"@testing-library/react": "^16.3.0",
|
|
"@testing-library/user-event": "^14.6.1",
|
|
"@uiw/react-codemirror": "^4.25.1",
|
|
"codemirror": "^6.0.2",
|
|
"diff-match-patch": "^1.0.5",
|
|
"js-beautify": "^1.15.4",
|
|
"lucide-react": "^0.540.0",
|
|
"papaparse": "^5.5.3",
|
|
"react": "18.3.1",
|
|
"react-diff-view": "^3.3.2",
|
|
"react-dom": "18.3.1",
|
|
"react-router-dom": "6.26.2",
|
|
"react-scripts": "5.0.1",
|
|
"reactflow": "^11.11.4",
|
|
"serialize-javascript": "^6.0.0",
|
|
"web-vitals": "^2.1.4"
|
|
},
|
|
"devDependencies": {
|
|
"autoprefixer": "^10.4.14",
|
|
"postcss": "^8.4.24",
|
|
"react-scripts": "5.0.1",
|
|
"tailwindcss": "^3.3.0"
|
|
},
|
|
"scripts": {
|
|
"start": "react-scripts start",
|
|
"build": "react-scripts build",
|
|
"test": "react-scripts test",
|
|
"eject": "react-scripts eject"
|
|
},
|
|
"eslintConfig": {
|
|
"extends": [
|
|
"react-app",
|
|
"react-app/jest"
|
|
]
|
|
},
|
|
"browserslist": {
|
|
"production": [
|
|
">0.2%",
|
|
"not dead",
|
|
"not op_mini all"
|
|
],
|
|
"development": [
|
|
"last 1 chrome version",
|
|
"last 1 firefox version",
|
|
"last 1 safari version"
|
|
]
|
|
}
|
|
}
|