mirror of
https://github.com/johndoe6345789/low-code-react-app-b.git
synced 2026-04-24 13:44:54 +00:00
1154 lines
26 KiB
JSON
1154 lines
26 KiB
JSON
[
|
|
{
|
|
"type": "div",
|
|
"label": "Container",
|
|
"category": "layout",
|
|
"icon": "Square",
|
|
"canHaveChildren": true,
|
|
"defaultProps": { "className": "p-4 space-y-2" }
|
|
},
|
|
{
|
|
"type": "section",
|
|
"label": "Section",
|
|
"category": "layout",
|
|
"icon": "SquaresFour",
|
|
"canHaveChildren": true,
|
|
"defaultProps": { "className": "space-y-4" }
|
|
},
|
|
{
|
|
"type": "Grid",
|
|
"label": "Grid",
|
|
"category": "layout",
|
|
"icon": "GridFour",
|
|
"canHaveChildren": true,
|
|
"defaultProps": { "columns": 2, "gap": 4 }
|
|
},
|
|
{
|
|
"type": "Stack",
|
|
"label": "Stack",
|
|
"category": "layout",
|
|
"icon": "Stack",
|
|
"canHaveChildren": true,
|
|
"defaultProps": { "direction": "vertical", "gap": 2 }
|
|
},
|
|
{
|
|
"type": "Flex",
|
|
"label": "Flex",
|
|
"category": "layout",
|
|
"icon": "ArrowsOutLineHorizontal",
|
|
"canHaveChildren": true,
|
|
"defaultProps": { "direction": "row", "gap": 2 }
|
|
},
|
|
{
|
|
"type": "Container",
|
|
"label": "Container",
|
|
"category": "layout",
|
|
"icon": "Rectangle",
|
|
"canHaveChildren": true,
|
|
"defaultProps": { "maxWidth": "lg" }
|
|
},
|
|
{
|
|
"type": "Card",
|
|
"label": "Card",
|
|
"category": "layout",
|
|
"icon": "Rectangle",
|
|
"canHaveChildren": true,
|
|
"defaultProps": { "className": "p-4" }
|
|
},
|
|
{
|
|
"type": "Button",
|
|
"label": "Button",
|
|
"category": "input",
|
|
"icon": "Circle",
|
|
"canHaveChildren": true,
|
|
"defaultProps": { "children": "Click me", "variant": "default" }
|
|
},
|
|
{
|
|
"type": "Input",
|
|
"label": "Input",
|
|
"category": "input",
|
|
"icon": "TextT",
|
|
"defaultProps": { "placeholder": "Enter text..." }
|
|
},
|
|
{
|
|
"type": "TextArea",
|
|
"label": "TextArea",
|
|
"category": "input",
|
|
"icon": "TextAlignLeft",
|
|
"defaultProps": { "placeholder": "Enter text...", "rows": 4 }
|
|
},
|
|
{
|
|
"type": "Select",
|
|
"label": "Select",
|
|
"category": "input",
|
|
"icon": "CaretDown",
|
|
"defaultProps": { "placeholder": "Choose option..." }
|
|
},
|
|
{
|
|
"type": "Checkbox",
|
|
"label": "Checkbox",
|
|
"category": "input",
|
|
"icon": "CheckSquare",
|
|
"defaultProps": {}
|
|
},
|
|
{
|
|
"type": "Radio",
|
|
"label": "Radio",
|
|
"category": "input",
|
|
"icon": "Circle",
|
|
"defaultProps": {}
|
|
},
|
|
{
|
|
"type": "Switch",
|
|
"label": "Switch",
|
|
"category": "input",
|
|
"icon": "ToggleLeft",
|
|
"defaultProps": {}
|
|
},
|
|
{
|
|
"type": "Slider",
|
|
"label": "Slider",
|
|
"category": "input",
|
|
"icon": "SlidersHorizontal",
|
|
"defaultProps": { "min": 0, "max": 100, "value": 50 }
|
|
},
|
|
{
|
|
"type": "NumberInput",
|
|
"label": "Number Input",
|
|
"category": "input",
|
|
"icon": "NumberCircleOne",
|
|
"defaultProps": { "placeholder": "0", "min": 0 }
|
|
},
|
|
{
|
|
"type": "DatePicker",
|
|
"label": "Date Picker",
|
|
"category": "input",
|
|
"icon": "Calendar",
|
|
"defaultProps": { "placeholder": "Pick a date" }
|
|
},
|
|
{
|
|
"type": "FileUpload",
|
|
"label": "File Upload",
|
|
"category": "input",
|
|
"icon": "Upload",
|
|
"defaultProps": { "multiple": false }
|
|
},
|
|
{
|
|
"type": "Heading",
|
|
"label": "Heading",
|
|
"category": "display",
|
|
"icon": "TextHOne",
|
|
"canHaveChildren": true,
|
|
"defaultProps": { "level": 1, "children": "Heading" }
|
|
},
|
|
{
|
|
"type": "Text",
|
|
"label": "Text",
|
|
"category": "display",
|
|
"icon": "Paragraph",
|
|
"canHaveChildren": true,
|
|
"defaultProps": { "children": "Text content" }
|
|
},
|
|
{
|
|
"type": "Badge",
|
|
"label": "Badge",
|
|
"category": "display",
|
|
"icon": "Tag",
|
|
"canHaveChildren": true,
|
|
"defaultProps": { "children": "Badge", "variant": "default" }
|
|
},
|
|
{
|
|
"type": "Tag",
|
|
"label": "Tag",
|
|
"category": "display",
|
|
"icon": "Tag",
|
|
"canHaveChildren": true,
|
|
"defaultProps": { "children": "Tag" }
|
|
},
|
|
{
|
|
"type": "Code",
|
|
"label": "Code",
|
|
"category": "display",
|
|
"icon": "Code",
|
|
"canHaveChildren": true,
|
|
"defaultProps": { "children": "code" }
|
|
},
|
|
{
|
|
"type": "Image",
|
|
"label": "Image",
|
|
"category": "display",
|
|
"icon": "Image",
|
|
"defaultProps": { "src": "", "alt": "Image" }
|
|
},
|
|
{
|
|
"type": "Avatar",
|
|
"label": "Avatar",
|
|
"category": "display",
|
|
"icon": "UserCircle",
|
|
"defaultProps": { "src": "", "alt": "Avatar" }
|
|
},
|
|
{
|
|
"type": "Progress",
|
|
"label": "Progress",
|
|
"category": "display",
|
|
"icon": "CircleNotch",
|
|
"defaultProps": { "value": 50 }
|
|
},
|
|
{
|
|
"type": "ProgressBar",
|
|
"label": "Progress Bar",
|
|
"category": "display",
|
|
"icon": "ChartBar",
|
|
"defaultProps": {
|
|
"value": 65,
|
|
"max": 100,
|
|
"size": "md",
|
|
"variant": "default",
|
|
"showLabel": false
|
|
}
|
|
},
|
|
{
|
|
"type": "CircularProgress",
|
|
"label": "Circular Progress",
|
|
"category": "display",
|
|
"icon": "CircleNotch",
|
|
"defaultProps": { "value": 65, "max": 100, "size": "md", "showLabel": true }
|
|
},
|
|
{
|
|
"type": "Spinner",
|
|
"label": "Spinner",
|
|
"category": "display",
|
|
"icon": "CircleNotch",
|
|
"defaultProps": { "size": "md" }
|
|
},
|
|
{
|
|
"type": "Skeleton",
|
|
"label": "Skeleton",
|
|
"category": "display",
|
|
"icon": "Rectangle",
|
|
"defaultProps": { "className": "h-4 w-full" }
|
|
},
|
|
{
|
|
"type": "Separator",
|
|
"label": "Separator",
|
|
"category": "display",
|
|
"icon": "Minus",
|
|
"defaultProps": {}
|
|
},
|
|
{
|
|
"type": "Divider",
|
|
"label": "Divider",
|
|
"category": "display",
|
|
"icon": "Minus",
|
|
"defaultProps": { "orientation": "horizontal", "decorative": true, "className": "" }
|
|
},
|
|
{
|
|
"type": "Link",
|
|
"label": "Link",
|
|
"category": "navigation",
|
|
"icon": "Link",
|
|
"canHaveChildren": true,
|
|
"defaultProps": { "href": "#", "children": "Link" }
|
|
},
|
|
{
|
|
"type": "Breadcrumb",
|
|
"label": "Breadcrumb",
|
|
"category": "navigation",
|
|
"icon": "CaretRight",
|
|
"canHaveChildren": false,
|
|
"defaultProps": {
|
|
"items": [
|
|
{ "label": "Home", "href": "/" },
|
|
{ "label": "Current" }
|
|
]
|
|
}
|
|
},
|
|
{
|
|
"type": "Alert",
|
|
"label": "Alert",
|
|
"category": "feedback",
|
|
"icon": "Info",
|
|
"canHaveChildren": true,
|
|
"defaultProps": { "variant": "info", "children": "Alert message" }
|
|
},
|
|
{
|
|
"type": "InfoBox",
|
|
"label": "Info Box",
|
|
"category": "feedback",
|
|
"icon": "Info",
|
|
"canHaveChildren": true,
|
|
"defaultProps": { "type": "info", "children": "Information" }
|
|
},
|
|
{
|
|
"type": "EmptyState",
|
|
"label": "Empty State",
|
|
"category": "feedback",
|
|
"icon": "FolderOpen",
|
|
"canHaveChildren": true,
|
|
"defaultProps": { "message": "No items found" }
|
|
},
|
|
{
|
|
"type": "StatusBadge",
|
|
"label": "Status Badge",
|
|
"category": "feedback",
|
|
"icon": "Circle",
|
|
"defaultProps": { "status": "active", "children": "Active" }
|
|
},
|
|
{
|
|
"type": "LabelWithBadge",
|
|
"label": "Label With Badge",
|
|
"category": "feedback",
|
|
"icon": "Tag",
|
|
"defaultProps": {
|
|
"label": "Total Items",
|
|
"badge": 24,
|
|
"badgeVariant": "secondary"
|
|
}
|
|
},
|
|
{
|
|
"type": "ErrorBadge",
|
|
"label": "Error Badge",
|
|
"category": "feedback",
|
|
"icon": "WarningCircle",
|
|
"defaultProps": { "count": 3, "variant": "destructive", "size": "md" },
|
|
"props": [
|
|
{
|
|
"name": "count",
|
|
"type": "number",
|
|
"description": "Number of errors to display. Hidden when set to 0.",
|
|
"required": true,
|
|
"supportsBinding": true
|
|
},
|
|
{
|
|
"name": "variant",
|
|
"type": "string",
|
|
"description": "Visual variant for the badge.",
|
|
"defaultValue": "destructive",
|
|
"options": ["default", "destructive"]
|
|
},
|
|
{
|
|
"name": "size",
|
|
"type": "string",
|
|
"description": "Badge size.",
|
|
"defaultValue": "md",
|
|
"options": ["sm", "md"]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "Notification",
|
|
"label": "Notification",
|
|
"category": "feedback",
|
|
"icon": "Info",
|
|
"defaultProps": { "type": "info", "title": "Notification", "message": "Details go here." },
|
|
"props": [
|
|
{
|
|
"name": "type",
|
|
"type": "string",
|
|
"description": "Notification style variant.",
|
|
"required": true,
|
|
"options": ["info", "success", "warning", "error"]
|
|
},
|
|
{
|
|
"name": "title",
|
|
"type": "string",
|
|
"description": "Primary notification title.",
|
|
"required": true,
|
|
"supportsBinding": true
|
|
},
|
|
{
|
|
"name": "message",
|
|
"type": "string",
|
|
"description": "Optional supporting message text.",
|
|
"supportsBinding": true
|
|
},
|
|
{
|
|
"name": "className",
|
|
"type": "string",
|
|
"description": "Optional custom classes for spacing or layout tweaks."
|
|
}
|
|
],
|
|
"events": [
|
|
{
|
|
"name": "onClose",
|
|
"description": "Fires when the close button is clicked. Bind to dismiss or trigger an action."
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "StatusIcon",
|
|
"label": "Status Icon",
|
|
"category": "feedback",
|
|
"icon": "CheckCircle",
|
|
"defaultProps": { "type": "saved", "size": 14, "animate": false },
|
|
"props": [
|
|
{
|
|
"name": "type",
|
|
"type": "string",
|
|
"description": "Status icon style.",
|
|
"required": true,
|
|
"supportsBinding": true,
|
|
"options": ["saved", "synced"]
|
|
},
|
|
{
|
|
"name": "size",
|
|
"type": "number",
|
|
"description": "Icon size in pixels.",
|
|
"defaultValue": "14",
|
|
"supportsBinding": true
|
|
},
|
|
{
|
|
"name": "animate",
|
|
"type": "boolean",
|
|
"description": "Applies entry animation when true.",
|
|
"defaultValue": "false",
|
|
"supportsBinding": true
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "SaveIndicator",
|
|
"label": "Save Indicator",
|
|
"category": "feedback",
|
|
"icon": "FloppyDisk",
|
|
"defaultProps": { "status": "saved", "label": "Saved", "showLabel": true, "animate": true }
|
|
},
|
|
{
|
|
"type": "List",
|
|
"label": "List",
|
|
"category": "data",
|
|
"icon": "List",
|
|
"defaultProps": { "items": [], "emptyMessage": "No items" }
|
|
},
|
|
{
|
|
"type": "ListItem",
|
|
"label": "List Item",
|
|
"category": "data",
|
|
"icon": "List",
|
|
"canHaveChildren": true,
|
|
"defaultProps": { "children": "List item" }
|
|
},
|
|
{
|
|
"type": "DataList",
|
|
"label": "Data List",
|
|
"category": "data",
|
|
"icon": "List",
|
|
"defaultProps": {
|
|
"items": ["Daily summary", "New signups", "Pending approvals"],
|
|
"emptyMessage": "No updates",
|
|
"itemClassName": "rounded-md border border-border bg-card/50 px-4 py-2"
|
|
}
|
|
},
|
|
{
|
|
"type": "Table",
|
|
"label": "Table",
|
|
"category": "data",
|
|
"icon": "Table",
|
|
"defaultProps": { "data": [], "columns": [] }
|
|
},
|
|
{
|
|
"type": "TableHeader",
|
|
"label": "Table Header",
|
|
"category": "data",
|
|
"icon": "Table",
|
|
"canHaveChildren": true,
|
|
"defaultProps": {}
|
|
},
|
|
{
|
|
"type": "TableBody",
|
|
"label": "Table Body",
|
|
"category": "data",
|
|
"icon": "Table",
|
|
"canHaveChildren": true,
|
|
"defaultProps": {}
|
|
},
|
|
{
|
|
"type": "TableRow",
|
|
"label": "Table Row",
|
|
"category": "data",
|
|
"icon": "Table",
|
|
"canHaveChildren": true,
|
|
"defaultProps": {}
|
|
},
|
|
{
|
|
"type": "TableCell",
|
|
"label": "Table Cell",
|
|
"category": "data",
|
|
"icon": "Table",
|
|
"canHaveChildren": true,
|
|
"defaultProps": { "children": "Cell" }
|
|
},
|
|
{
|
|
"type": "TableHead",
|
|
"label": "Table Head",
|
|
"category": "data",
|
|
"icon": "Table",
|
|
"canHaveChildren": true,
|
|
"defaultProps": { "children": "Header" }
|
|
},
|
|
{
|
|
"type": "DataTable",
|
|
"label": "Data Table",
|
|
"category": "data",
|
|
"icon": "Table",
|
|
"defaultProps": {
|
|
"columns": [
|
|
{ "key": "name", "header": "Name" },
|
|
{ "key": "status", "header": "Status" },
|
|
{ "key": "owner", "header": "Owner" }
|
|
],
|
|
"data": [
|
|
{ "name": "Launch Plan", "status": "In Progress", "owner": "Avery" },
|
|
{ "name": "Design Review", "status": "Scheduled", "owner": "Jordan" },
|
|
{ "name": "QA Checklist", "status": "Done", "owner": "Riley" }
|
|
],
|
|
"emptyMessage": "No records available"
|
|
}
|
|
},
|
|
{
|
|
"type": "KeyValue",
|
|
"label": "Key Value",
|
|
"category": "data",
|
|
"icon": "Equals",
|
|
"defaultProps": { "label": "Key", "value": "Value" }
|
|
},
|
|
{
|
|
"type": "StatCard",
|
|
"label": "Stat Card",
|
|
"category": "data",
|
|
"icon": "ChartBar",
|
|
"defaultProps": { "title": "Metric", "value": "0" }
|
|
},
|
|
{
|
|
"type": "MetricCard",
|
|
"label": "Metric Card",
|
|
"category": "data",
|
|
"icon": "ChartBar",
|
|
"defaultProps": {
|
|
"label": "Active Users",
|
|
"value": "1,248",
|
|
"trend": { "value": 12.4, "direction": "up" }
|
|
}
|
|
},
|
|
{
|
|
"type": "Timeline",
|
|
"label": "Timeline",
|
|
"category": "data",
|
|
"icon": "Clock",
|
|
"defaultProps": {
|
|
"items": [
|
|
{
|
|
"title": "Planning",
|
|
"description": "Finalize milestones",
|
|
"timestamp": "Mon 9:00 AM",
|
|
"status": "completed"
|
|
},
|
|
{
|
|
"title": "Execution",
|
|
"description": "Kick off delivery",
|
|
"timestamp": "Tue 11:00 AM",
|
|
"status": "current"
|
|
},
|
|
{
|
|
"title": "Review",
|
|
"description": "Collect feedback",
|
|
"timestamp": "Wed 3:00 PM",
|
|
"status": "pending"
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
"type": "LazyBarChart",
|
|
"label": "Bar Chart",
|
|
"category": "data",
|
|
"icon": "ChartBar",
|
|
"defaultProps": {
|
|
"data": [
|
|
{ "name": "Q1", "value": 400 },
|
|
{ "name": "Q2", "value": 300 },
|
|
{ "name": "Q3", "value": 500 },
|
|
{ "name": "Q4", "value": 280 }
|
|
],
|
|
"xKey": "name",
|
|
"yKey": "value",
|
|
"height": 300,
|
|
"color": "#8884d8"
|
|
}
|
|
},
|
|
{
|
|
"type": "LazyLineChart",
|
|
"label": "Line Chart",
|
|
"category": "data",
|
|
"icon": "ChartLine",
|
|
"defaultProps": {
|
|
"data": [
|
|
{ "name": "Jan", "value": 120 },
|
|
{ "name": "Feb", "value": 260 },
|
|
{ "name": "Mar", "value": 180 },
|
|
{ "name": "Apr", "value": 320 }
|
|
],
|
|
"xKey": "name",
|
|
"yKey": "value",
|
|
"height": 300,
|
|
"color": "#38bdf8"
|
|
}
|
|
},
|
|
{
|
|
"type": "LazyD3BarChart",
|
|
"label": "Simple Bar Chart",
|
|
"category": "data",
|
|
"icon": "ChartBar",
|
|
"defaultProps": {
|
|
"data": [
|
|
{ "label": "Mon", "value": 12 },
|
|
{ "label": "Tue", "value": 18 },
|
|
{ "label": "Wed", "value": 9 },
|
|
{ "label": "Thu", "value": 22 }
|
|
],
|
|
"width": 600,
|
|
"height": 300,
|
|
"color": "#22c55e"
|
|
}
|
|
},
|
|
{
|
|
"type": "SeedDataManager",
|
|
"label": "Seed Data Manager",
|
|
"category": "data",
|
|
"icon": "Database",
|
|
"defaultProps": { "isLoaded": false, "isLoading": false }
|
|
},
|
|
{
|
|
"type": "DataCard",
|
|
"label": "Data Card",
|
|
"category": "custom",
|
|
"icon": "ChartBar",
|
|
"defaultProps": { "title": "Metric", "value": "100", "icon": "TrendUp" }
|
|
},
|
|
{
|
|
"type": "SearchInput",
|
|
"label": "Search Input",
|
|
"category": "custom",
|
|
"icon": "MagnifyingGlass",
|
|
"defaultProps": { "placeholder": "Search..." }
|
|
},
|
|
{
|
|
"type": "ActionBar",
|
|
"label": "Action Bar",
|
|
"category": "custom",
|
|
"icon": "Toolbox",
|
|
"canHaveChildren": true,
|
|
"defaultProps": { "actions": [] }
|
|
},
|
|
{
|
|
"type": "StorageSettings",
|
|
"label": "Storage Settings",
|
|
"category": "custom",
|
|
"icon": "Database",
|
|
"defaultProps": {
|
|
"backend": "indexeddb",
|
|
"flaskUrl": "http://localhost:5000",
|
|
"isLoading": false,
|
|
"isSwitching": false,
|
|
"isExporting": false,
|
|
"isImporting": false
|
|
}
|
|
},
|
|
{
|
|
"type": "CodeExplanationDialog",
|
|
"label": "Code Explanation Dialog",
|
|
"category": "layout",
|
|
"icon": "Info",
|
|
"defaultProps": {
|
|
"open": false,
|
|
"fileName": "example.ts",
|
|
"explanation": "Explain this code...",
|
|
"isLoading": false
|
|
}
|
|
},
|
|
{
|
|
"type": "ComponentBindingDialog",
|
|
"label": "Component Binding Dialog",
|
|
"category": "layout",
|
|
"icon": "Link",
|
|
"defaultProps": {
|
|
"open": false,
|
|
"component": null,
|
|
"dataSources": []
|
|
}
|
|
},
|
|
{
|
|
"type": "DataSourceCard",
|
|
"label": "Data Source Card",
|
|
"category": "layout",
|
|
"icon": "Database",
|
|
"defaultProps": {
|
|
"dataSource": {
|
|
"id": "source",
|
|
"type": "static",
|
|
"defaultValue": ""
|
|
},
|
|
"dependents": []
|
|
}
|
|
},
|
|
{
|
|
"type": "DataSourceEditorDialog",
|
|
"label": "Data Source Editor Dialog",
|
|
"category": "layout",
|
|
"icon": "Database",
|
|
"defaultProps": {
|
|
"open": false,
|
|
"dataSource": null,
|
|
"allDataSources": []
|
|
}
|
|
},
|
|
{
|
|
"type": "TreeCard",
|
|
"label": "Tree Card",
|
|
"category": "layout",
|
|
"icon": "Tree",
|
|
"defaultProps": {
|
|
"tree": {
|
|
"id": "tree-1",
|
|
"name": "Main Tree",
|
|
"description": "Primary UI tree",
|
|
"rootNodes": [],
|
|
"createdAt": 0,
|
|
"updatedAt": 0
|
|
},
|
|
"isSelected": false,
|
|
"disableDelete": false
|
|
}
|
|
},
|
|
{
|
|
"type": "TreeFormDialog",
|
|
"label": "Tree Form Dialog",
|
|
"category": "layout",
|
|
"icon": "Tree",
|
|
"defaultProps": {
|
|
"open": false,
|
|
"title": "Create Tree",
|
|
"description": "Add a new component tree.",
|
|
"name": "",
|
|
"treeDescription": "",
|
|
"submitLabel": "Save"
|
|
}
|
|
},
|
|
{
|
|
"type": "ToolbarButton",
|
|
"label": "Toolbar Button",
|
|
"category": "input",
|
|
"icon": "Button",
|
|
"defaultProps": {
|
|
"label": "Action",
|
|
"variant": "outline",
|
|
"disabled": false
|
|
}
|
|
},
|
|
{
|
|
"type": "SchemaCodeViewer",
|
|
"label": "Schema Code Viewer",
|
|
"category": "display",
|
|
"icon": "Code",
|
|
"defaultProps": {
|
|
"components": [],
|
|
"schema": {}
|
|
}
|
|
},
|
|
{
|
|
"type": "FileTabs",
|
|
"label": "File Tabs",
|
|
"category": "navigation",
|
|
"icon": "Tabs",
|
|
"defaultProps": {
|
|
"files": [],
|
|
"activeFileId": null
|
|
}
|
|
},
|
|
{
|
|
"type": "NavigationItem",
|
|
"label": "Navigation Item",
|
|
"category": "navigation",
|
|
"icon": "List",
|
|
"defaultProps": {
|
|
"label": "Overview",
|
|
"isActive": false,
|
|
"badge": 0
|
|
}
|
|
},
|
|
{
|
|
"type": "NavigationMenu",
|
|
"label": "Navigation Menu",
|
|
"category": "navigation",
|
|
"icon": "Sidebar",
|
|
"defaultProps": {
|
|
"activeTab": "overview",
|
|
"featureToggles": {
|
|
"codeEditor": false,
|
|
"models": false,
|
|
"components": false,
|
|
"componentTrees": false,
|
|
"workflows": false,
|
|
"lambdas": false,
|
|
"styling": false,
|
|
"flaskApi": false,
|
|
"playwright": false,
|
|
"storybook": false,
|
|
"unitTests": false,
|
|
"errorRepair": false,
|
|
"documentation": false,
|
|
"sassStyles": false,
|
|
"faviconDesigner": false,
|
|
"ideaCloud": false,
|
|
"schemaEditor": false,
|
|
"dataBinding": false
|
|
},
|
|
"errorCount": 0
|
|
}
|
|
},
|
|
{
|
|
"type": "NavigationGroupHeader",
|
|
"label": "Navigation Group Header",
|
|
"category": "navigation",
|
|
"icon": "CaretDown",
|
|
"defaultProps": {
|
|
"label": "Components",
|
|
"count": 12,
|
|
"isExpanded": true
|
|
}
|
|
},
|
|
{
|
|
"type": "EmptyCanvasState",
|
|
"label": "Empty Canvas State",
|
|
"category": "feedback",
|
|
"icon": "FolderOpen",
|
|
"defaultProps": {}
|
|
},
|
|
{
|
|
"type": "SchemaEditorStatusBar",
|
|
"label": "Schema Editor Status Bar",
|
|
"category": "feedback",
|
|
"icon": "Info",
|
|
"defaultProps": {
|
|
"componentCount": 0,
|
|
"selectedComponentType": "",
|
|
"hasUnsavedChanges": false
|
|
}
|
|
},
|
|
{
|
|
"type": "DataSourceManager",
|
|
"label": "Data Source Manager",
|
|
"category": "data",
|
|
"icon": "Database",
|
|
"defaultProps": {
|
|
"dataSources": []
|
|
}
|
|
},
|
|
{
|
|
"type": "TreeListHeader",
|
|
"label": "Tree List Header",
|
|
"category": "data",
|
|
"icon": "Tree",
|
|
"defaultProps": {
|
|
"hasSelectedTree": false
|
|
}
|
|
},
|
|
{
|
|
"type": "TreeListPanel",
|
|
"label": "Tree List Panel",
|
|
"category": "data",
|
|
"icon": "Tree",
|
|
"defaultProps": {
|
|
"trees": [],
|
|
"selectedTreeId": null
|
|
}
|
|
},
|
|
{
|
|
"type": "AppBranding",
|
|
"label": "App Branding",
|
|
"category": "custom",
|
|
"icon": "Layout",
|
|
"defaultProps": {
|
|
"title": "CodeForge",
|
|
"subtitle": "Low-Code Next.js App Builder"
|
|
}
|
|
},
|
|
{
|
|
"type": "AppHeader",
|
|
"label": "App Header",
|
|
"category": "custom",
|
|
"icon": "Layout",
|
|
"defaultProps": {
|
|
"activeTab": "overview",
|
|
"featureToggles": {
|
|
"codeEditor": false,
|
|
"models": false,
|
|
"components": false,
|
|
"componentTrees": false,
|
|
"workflows": false,
|
|
"lambdas": false,
|
|
"styling": false,
|
|
"flaskApi": false,
|
|
"playwright": false,
|
|
"storybook": false,
|
|
"unitTests": false,
|
|
"errorRepair": false,
|
|
"documentation": false,
|
|
"sassStyles": false,
|
|
"faviconDesigner": false,
|
|
"ideaCloud": false,
|
|
"schemaEditor": false,
|
|
"dataBinding": false
|
|
},
|
|
"errorCount": 0,
|
|
"lastSaved": null,
|
|
"currentProject": {
|
|
"name": "Demo Project",
|
|
"files": [],
|
|
"models": [],
|
|
"components": [],
|
|
"componentTrees": [],
|
|
"workflows": [],
|
|
"lambdas": [],
|
|
"theme": {
|
|
"variants": [
|
|
{
|
|
"id": "default",
|
|
"name": "Default",
|
|
"colors": {
|
|
"primary": "#4f46e5",
|
|
"secondary": "#64748b",
|
|
"accent": "#0ea5e9",
|
|
"muted": "#f1f5f9",
|
|
"background": "#ffffff",
|
|
"surface": "#ffffff",
|
|
"text": "#0f172a",
|
|
"textSecondary": "#475569",
|
|
"border": "#e2e8f0",
|
|
"customColors": {}
|
|
}
|
|
}
|
|
],
|
|
"activeVariantId": "default",
|
|
"fontFamily": "Inter",
|
|
"fontSize": {
|
|
"small": 12,
|
|
"medium": 14,
|
|
"large": 18
|
|
},
|
|
"spacing": 4,
|
|
"borderRadius": 8
|
|
}
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"type": "BindingEditor",
|
|
"label": "Binding Editor",
|
|
"category": "custom",
|
|
"icon": "Link",
|
|
"defaultProps": {
|
|
"bindings": {},
|
|
"dataSources": [],
|
|
"availableProps": ["children", "value"]
|
|
}
|
|
},
|
|
{
|
|
"type": "CanvasRenderer",
|
|
"label": "Canvas Renderer",
|
|
"category": "custom",
|
|
"icon": "Layout",
|
|
"defaultProps": {
|
|
"components": [],
|
|
"selectedId": null,
|
|
"hoveredId": null,
|
|
"draggedOverId": null,
|
|
"dropPosition": null
|
|
}
|
|
},
|
|
{
|
|
"type": "ComponentPalette",
|
|
"label": "Component Palette",
|
|
"category": "custom",
|
|
"icon": "GridFour",
|
|
"defaultProps": {}
|
|
},
|
|
{
|
|
"type": "ComponentTree",
|
|
"label": "Component Tree",
|
|
"category": "custom",
|
|
"icon": "Tree",
|
|
"defaultProps": {
|
|
"components": [],
|
|
"selectedId": null,
|
|
"hoveredId": null,
|
|
"draggedOverId": null,
|
|
"dropPosition": null
|
|
}
|
|
},
|
|
{
|
|
"type": "EditorActions",
|
|
"label": "Editor Actions",
|
|
"category": "custom",
|
|
"icon": "Sparkle",
|
|
"defaultProps": {}
|
|
},
|
|
{
|
|
"type": "EditorToolbar",
|
|
"label": "Editor Toolbar",
|
|
"category": "custom",
|
|
"icon": "Toolbox",
|
|
"defaultProps": {
|
|
"openFiles": [],
|
|
"activeFileId": null,
|
|
"activeFile": null
|
|
}
|
|
},
|
|
{
|
|
"type": "JSONUIShowcase",
|
|
"label": "JSON UI Showcase",
|
|
"category": "custom",
|
|
"icon": "Code",
|
|
"defaultProps": {
|
|
"files": [],
|
|
"models": [],
|
|
"components": []
|
|
}
|
|
},
|
|
{
|
|
"type": "LazyInlineMonacoEditor",
|
|
"label": "Inline Monaco Editor",
|
|
"category": "custom",
|
|
"icon": "Code",
|
|
"defaultProps": {
|
|
"height": "300px",
|
|
"language": "typescript",
|
|
"value": "// Start typing..."
|
|
}
|
|
},
|
|
{
|
|
"type": "LazyMonacoEditor",
|
|
"label": "Monaco Editor",
|
|
"category": "custom",
|
|
"icon": "Code",
|
|
"defaultProps": {
|
|
"file": {
|
|
"id": "file-1",
|
|
"name": "App.tsx",
|
|
"path": "/App.tsx",
|
|
"content": "// Start typing...",
|
|
"language": "typescript"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"type": "MonacoEditorPanel",
|
|
"label": "Monaco Editor Panel",
|
|
"category": "custom",
|
|
"icon": "Code",
|
|
"defaultProps": {
|
|
"file": {
|
|
"id": "file-1",
|
|
"name": "App.tsx",
|
|
"path": "/App.tsx",
|
|
"content": "// Start typing...",
|
|
"language": "typescript"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"type": "PageHeaderContent",
|
|
"label": "Page Header Content",
|
|
"category": "custom",
|
|
"icon": "Heading",
|
|
"defaultProps": {
|
|
"title": "Page Title",
|
|
"description": "Page description"
|
|
}
|
|
},
|
|
{
|
|
"type": "PropertyEditor",
|
|
"label": "Property Editor",
|
|
"category": "custom",
|
|
"icon": "SlidersHorizontal",
|
|
"defaultProps": {
|
|
"component": null
|
|
}
|
|
},
|
|
{
|
|
"type": "SchemaEditorCanvas",
|
|
"label": "Schema Editor Canvas",
|
|
"category": "custom",
|
|
"icon": "Layout",
|
|
"defaultProps": {
|
|
"components": [],
|
|
"selectedId": null,
|
|
"hoveredId": null,
|
|
"draggedOverId": null,
|
|
"dropPosition": null
|
|
}
|
|
},
|
|
{
|
|
"type": "SchemaEditorLayout",
|
|
"label": "Schema Editor Layout",
|
|
"category": "custom",
|
|
"icon": "Layout",
|
|
"defaultProps": {
|
|
"components": [],
|
|
"selectedId": null,
|
|
"hoveredId": null,
|
|
"draggedOverId": null,
|
|
"dropPosition": null,
|
|
"selectedComponent": null
|
|
}
|
|
},
|
|
{
|
|
"type": "SchemaEditorPropertiesPanel",
|
|
"label": "Schema Editor Properties Panel",
|
|
"category": "custom",
|
|
"icon": "SlidersHorizontal",
|
|
"defaultProps": {
|
|
"components": [],
|
|
"selectedId": null,
|
|
"hoveredId": null,
|
|
"draggedOverId": null,
|
|
"dropPosition": null,
|
|
"selectedComponent": null
|
|
}
|
|
},
|
|
{
|
|
"type": "SchemaEditorSidebar",
|
|
"label": "Schema Editor Sidebar",
|
|
"category": "custom",
|
|
"icon": "Sidebar",
|
|
"defaultProps": {}
|
|
},
|
|
{
|
|
"type": "SchemaEditorToolbar",
|
|
"label": "Schema Editor Toolbar",
|
|
"category": "custom",
|
|
"icon": "Toolbox",
|
|
"defaultProps": {}
|
|
},
|
|
{
|
|
"type": "SearchBar",
|
|
"label": "Search Bar",
|
|
"category": "custom",
|
|
"icon": "MagnifyingGlass",
|
|
"defaultProps": {
|
|
"value": "",
|
|
"placeholder": "Search..."
|
|
}
|
|
},
|
|
{
|
|
"type": "ToolbarActions",
|
|
"label": "Toolbar Actions",
|
|
"category": "custom",
|
|
"icon": "Toolbox",
|
|
"defaultProps": {
|
|
"errorCount": 0,
|
|
"showErrorButton": false
|
|
}
|
|
}
|
|
]
|