Files
low-code-react-app-b/src/components/json-definitions/schema-editor-layout.json
johndoe6345789 f954a6bf32 feat: migrate SchemaEditor organisms to JSON
Completed migration of all 6 SchemaEditor organisms from TSX to JSON:
- SchemaEditorCanvas
- SchemaEditorLayout
- SchemaEditorPropertiesPanel
- SchemaEditorSidebar
- SchemaEditorStatusBar
- SchemaEditorToolbar

Changes:
- Created JSON definitions in src/components/json-definitions/
- Created TypeScript interfaces in src/lib/json-ui/interfaces/
- Exported from src/lib/json-ui/json-components.ts using createJsonComponent
- Updated src/components/organisms/index.ts to import from json-components
- Deleted 6 TSX files from src/components/organisms/
- Updated interfaces/index.ts to export new interface files

Build: ✓ passing
TSX files deleted: 6
JSON definitions created: 6
Interfaces created: 6

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
2026-01-21 03:19:26 +00:00

75 lines
2.5 KiB
JSON

{
"id": "schema-editor-layout",
"type": "div",
"props": {
"className": "h-full flex flex-col bg-background"
},
"children": [
{
"id": "toolbar-section",
"type": "SchemaEditorToolbar",
"bindings": {
"onImport": { "source": "onImport" },
"onExport": { "source": "onExport" },
"onCopy": { "source": "onCopy" },
"onPreview": { "source": "onPreview" },
"onClear": { "source": "onClear" }
}
},
{
"id": "main-content",
"type": "div",
"props": {
"className": "flex-1 flex overflow-hidden"
},
"children": [
{
"id": "sidebar-section",
"type": "SchemaEditorSidebar",
"bindings": {
"onDragStart": { "source": "onComponentDragStart" }
}
},
{
"id": "canvas-section",
"type": "SchemaEditorCanvas",
"bindings": {
"components": { "source": "components" },
"selectedId": { "source": "selectedId" },
"hoveredId": { "source": "hoveredId" },
"draggedOverId": { "source": "draggedOverId" },
"dropPosition": { "source": "dropPosition" },
"onSelect": { "source": "onSelect" },
"onHover": { "source": "onHover" },
"onHoverEnd": { "source": "onHoverEnd" },
"onDragOver": { "source": "onDragOver" },
"onDragLeave": { "source": "onDragLeave" },
"onDrop": { "source": "onDrop" }
}
},
{
"id": "properties-section",
"type": "SchemaEditorPropertiesPanel",
"bindings": {
"components": { "source": "components" },
"selectedId": { "source": "selectedId" },
"hoveredId": { "source": "hoveredId" },
"draggedOverId": { "source": "draggedOverId" },
"dropPosition": { "source": "dropPosition" },
"selectedComponent": { "source": "selectedComponent" },
"onSelect": { "source": "onSelect" },
"onHover": { "source": "onHover" },
"onHoverEnd": { "source": "onHoverEnd" },
"onDragStart": { "source": "onTreeDragStart" },
"onDragOver": { "source": "onDragOver" },
"onDragLeave": { "source": "onDragLeave" },
"onDrop": { "source": "onDrop" },
"onUpdate": { "source": "onUpdate" },
"onDelete": { "source": "onDelete" }
}
}
]
}
]
}