df0fb5d22a
Major Enhancements: - Added Preview/Edit mode toggle to StructuredEditor component * Preview mode: Read-only view with full text visibility * Edit mode: Full editing capabilities with all controls * Toggle positioned below title, responsive on mobile * Works in both main ObjectEditor view and nested modals - Clickable nested data in Preview mode * JSON/serialized values are blue and clickable * Opens modal directly without switching to Edit mode * Hover effects and tooltips for better UX * No longer need edit mode just to explore structure Mobile Responsiveness Improvements: - Fixed all data load notices in ObjectEditor (URL, Paste, Open tabs) - Fixed all data load notices in TableEditor (URL, Paste, Open tabs) - Notices now stack vertically on mobile with proper spacing - Added break-words for long text, whitespace-nowrap for buttons - Dark mode colors added for better visibility Table Editor Fixes: - Fixed sticky header showing row underneath (top-[-1px]) - Made Export section header mobile responsive - Updated object modal footer layout: * Format info and properties combined on single line * Buttons moved to separate row below * Changed 'Apply Changes' to 'Save Changes' for consistency StructuredEditor Improvements: - Moved overflow-x handling from ObjectEditor to StructuredEditor - Now works consistently in main view and nested modals - Long strings scroll horizontally everywhere - 'Add Property' button hidden in Preview mode - Improved chevron colors for dark mode visibility Technical Changes: - StructuredEditor now manages its own editMode state - readOnly prop can still be passed from parent if needed - Proper conditional rendering for all UI elements - Consistent mobile-first responsive design patterns
101 lines
2.5 KiB
JSON
101 lines
2.5 KiB
JSON
{
|
|
"name": "developer-tools-mvp",
|
|
"version": "1.0.0",
|
|
"description": "Web Developer Tools MVP - Utilities Toolkit",
|
|
"private": true,
|
|
"dependencies": {
|
|
"@codemirror/basic-setup": "^0.20.0",
|
|
"@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/lang-sql": "^6.10.0",
|
|
"@codemirror/search": "^6.5.11",
|
|
"@codemirror/state": "^6.5.2",
|
|
"@codemirror/theme-one-dark": "^6.1.3",
|
|
"@codemirror/view": "^6.38.3",
|
|
"@dnd-kit/core": "^6.3.1",
|
|
"@dnd-kit/sortable": "^10.0.0",
|
|
"@dnd-kit/utilities": "^3.2.2",
|
|
"@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",
|
|
"html2pdf.js": "^0.12.1",
|
|
"js-beautify": "^1.15.4",
|
|
"jspdf": "^3.0.3",
|
|
"jspdf-autotable": "^5.0.2",
|
|
"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-helmet-async": "^2.0.5",
|
|
"react-router-dom": "6.26.2",
|
|
"react-scripts": "5.0.1",
|
|
"react-snap": "^1.23.0",
|
|
"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 && react-snap",
|
|
"build:no-snap": "react-scripts build",
|
|
"test": "react-scripts test",
|
|
"eject": "react-scripts eject"
|
|
},
|
|
"reactSnap": {
|
|
"inlineCss": true,
|
|
"minifyHtml": {
|
|
"collapseWhitespace": false,
|
|
"removeComments": false
|
|
},
|
|
"puppeteerArgs": [
|
|
"--no-sandbox",
|
|
"--disable-setuid-sandbox"
|
|
],
|
|
"include": [
|
|
"/",
|
|
"/object-editor",
|
|
"/table-editor",
|
|
"/invoice-editor",
|
|
"/url",
|
|
"/base64",
|
|
"/beautifier",
|
|
"/diff",
|
|
"/text-length",
|
|
"/whats-new",
|
|
"/privacy",
|
|
"/terms"
|
|
]
|
|
},
|
|
"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"
|
|
]
|
|
}
|
|
}
|