mirror of
https://github.com/johndoe6345789/metabuilder.git
synced 2026-04-25 06:14:59 +00:00
johndoe6345789
7a82c07bfe
- Introduced `CodegenStudio`, `TemplateSelector`, and `PackageGenerator` components with detailed props and rendering logic. - Created UI styles and tokens for consistent theming across components. - Implemented permissions for template viewing, creation, and code generation. - Added functions for lifecycle events, blueprint building, and package generation. - Developed storybook stories for visual testing and documentation of components. feat(config_summary): implement configuration summary components and styles - Added `ConfigSummary`, `SummaryRow`, and related components for displaying system stats. - Defined permissions for viewing and exporting configuration summaries. - Created functions for rendering and aggregating summary data. - Established storybook stories for showcasing summary components and their variations. - Introduced styles and tokens for consistent UI presentation across summary components.
414 lines
13 KiB
JSON
414 lines
13 KiB
JSON
{
|
|
"$schema": "https://metabuilder.dev/schemas/json-script-components.schema.json",
|
|
"schemaVersion": "2.0.0",
|
|
"package": "codegen_studio",
|
|
"description": "Codegen Studio components for template generation and project scaffolding",
|
|
"components": [
|
|
{
|
|
"id": "codegen_studio",
|
|
"name": "CodegenStudio",
|
|
"description": "Main Codegen Studio interface with template selection and generation controls",
|
|
"props": [
|
|
{
|
|
"name": "projectName",
|
|
"type": "string",
|
|
"required": false,
|
|
"description": "Initial project name"
|
|
},
|
|
{
|
|
"name": "runtime",
|
|
"type": "string",
|
|
"required": false,
|
|
"default": "web",
|
|
"description": "Target runtime: web, cli, or desktop"
|
|
},
|
|
{
|
|
"name": "onGenerate",
|
|
"type": "function",
|
|
"required": false,
|
|
"description": "Callback when generation is triggered"
|
|
}
|
|
],
|
|
"render": {
|
|
"type": "element",
|
|
"template": {
|
|
"type": "Stack",
|
|
"direction": "column",
|
|
"spacing": 3,
|
|
"className": "codegen-studio",
|
|
"children": [
|
|
{
|
|
"type": "Card",
|
|
"variant": "outlined",
|
|
"children": [
|
|
{
|
|
"type": "CardContent",
|
|
"children": [
|
|
{
|
|
"type": "Text",
|
|
"variant": "h4",
|
|
"fontWeight": "bold",
|
|
"children": "Codegen Studio"
|
|
},
|
|
{
|
|
"type": "Text",
|
|
"variant": "body1",
|
|
"color": "secondary",
|
|
"children": "Ship a new app in minutes with curated templates and export-ready bundles."
|
|
},
|
|
{
|
|
"type": "Flex",
|
|
"gap": 1,
|
|
"sx": { "mt": 2 },
|
|
"children": [
|
|
{
|
|
"type": "Chip",
|
|
"label": "Next.js",
|
|
"variant": "outlined",
|
|
"size": "small"
|
|
},
|
|
{
|
|
"type": "Chip",
|
|
"label": "React",
|
|
"variant": "outlined",
|
|
"size": "small"
|
|
},
|
|
{
|
|
"type": "Chip",
|
|
"label": "CLI",
|
|
"variant": "outlined",
|
|
"size": "small"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "Grid",
|
|
"container": true,
|
|
"spacing": 2,
|
|
"children": [
|
|
{
|
|
"type": "Grid",
|
|
"item": true,
|
|
"xs": 4,
|
|
"children": [
|
|
{
|
|
"type": "Card",
|
|
"variant": "outlined",
|
|
"children": [
|
|
{
|
|
"type": "CardContent",
|
|
"children": [
|
|
{
|
|
"type": "Text",
|
|
"variant": "caption",
|
|
"color": "secondary",
|
|
"children": "Templates ready"
|
|
},
|
|
{
|
|
"type": "Text",
|
|
"variant": "h5",
|
|
"fontWeight": "bold",
|
|
"children": "12"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "Grid",
|
|
"item": true,
|
|
"xs": 4,
|
|
"children": [
|
|
{
|
|
"type": "Card",
|
|
"variant": "outlined",
|
|
"children": [
|
|
{
|
|
"type": "CardContent",
|
|
"children": [
|
|
{
|
|
"type": "Text",
|
|
"variant": "caption",
|
|
"color": "secondary",
|
|
"children": "Targets"
|
|
},
|
|
{
|
|
"type": "Text",
|
|
"variant": "h6",
|
|
"fontWeight": "bold",
|
|
"children": "Web · CLI · Desktop"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "Grid",
|
|
"item": true,
|
|
"xs": 4,
|
|
"children": [
|
|
{
|
|
"type": "Card",
|
|
"variant": "outlined",
|
|
"children": [
|
|
{
|
|
"type": "CardContent",
|
|
"children": [
|
|
{
|
|
"type": "Text",
|
|
"variant": "caption",
|
|
"color": "secondary",
|
|
"children": "Last export"
|
|
},
|
|
{
|
|
"type": "Text",
|
|
"variant": "h5",
|
|
"fontWeight": "bold",
|
|
"children": "2m ago"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"id": "template_selector",
|
|
"name": "TemplateSelector",
|
|
"description": "Template selection and configuration form",
|
|
"props": [
|
|
{
|
|
"name": "templates",
|
|
"type": "array",
|
|
"required": false,
|
|
"description": "Available templates"
|
|
},
|
|
{
|
|
"name": "onSelect",
|
|
"type": "function",
|
|
"required": false,
|
|
"description": "Callback when template is selected"
|
|
}
|
|
],
|
|
"render": {
|
|
"type": "element",
|
|
"template": {
|
|
"type": "Card",
|
|
"variant": "outlined",
|
|
"children": [
|
|
{
|
|
"type": "CardHeader",
|
|
"title": "Project setup"
|
|
},
|
|
{
|
|
"type": "CardContent",
|
|
"children": [
|
|
{
|
|
"type": "Grid",
|
|
"container": true,
|
|
"spacing": 2,
|
|
"children": [
|
|
{
|
|
"type": "Grid",
|
|
"item": true,
|
|
"xs": 6,
|
|
"children": [
|
|
{
|
|
"type": "TextField",
|
|
"label": "Project name",
|
|
"placeholder": "nebula-launch",
|
|
"fullWidth": true
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "Grid",
|
|
"item": true,
|
|
"xs": 6,
|
|
"children": [
|
|
{
|
|
"type": "TextField",
|
|
"label": "Package id",
|
|
"placeholder": "nebula_launch",
|
|
"fullWidth": true
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "Grid",
|
|
"item": true,
|
|
"xs": 6,
|
|
"children": [
|
|
{
|
|
"type": "TextField",
|
|
"label": "Target runtime",
|
|
"placeholder": "web | cli | desktop",
|
|
"fullWidth": true
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "Grid",
|
|
"item": true,
|
|
"xs": 6,
|
|
"children": [
|
|
{
|
|
"type": "TextField",
|
|
"label": "Design tone",
|
|
"placeholder": "newsroom · cozy · neon",
|
|
"fullWidth": true
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "Grid",
|
|
"item": true,
|
|
"xs": 12,
|
|
"children": [
|
|
{
|
|
"type": "TextField",
|
|
"label": "Creative brief",
|
|
"placeholder": "Describe the product and target audience...",
|
|
"multiline": true,
|
|
"rows": 3,
|
|
"fullWidth": true
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"id": "package_generator",
|
|
"name": "PackageGenerator",
|
|
"description": "Generation controls and status display",
|
|
"props": [
|
|
{
|
|
"name": "progress",
|
|
"type": "number",
|
|
"required": false,
|
|
"default": 0,
|
|
"description": "Generation progress percentage"
|
|
},
|
|
{
|
|
"name": "status",
|
|
"type": "string",
|
|
"required": false,
|
|
"default": "idle",
|
|
"description": "Current generation status"
|
|
},
|
|
{
|
|
"name": "onGenerate",
|
|
"type": "function",
|
|
"required": false,
|
|
"description": "Callback to trigger generation"
|
|
},
|
|
{
|
|
"name": "onPreview",
|
|
"type": "function",
|
|
"required": false,
|
|
"description": "Callback to preview manifest"
|
|
}
|
|
],
|
|
"render": {
|
|
"type": "element",
|
|
"template": {
|
|
"type": "Stack",
|
|
"direction": "column",
|
|
"spacing": 2,
|
|
"children": [
|
|
{
|
|
"type": "Flex",
|
|
"gap": 1,
|
|
"flexWrap": "wrap",
|
|
"children": [
|
|
{
|
|
"type": "Button",
|
|
"variant": "contained",
|
|
"children": "Generate zip"
|
|
},
|
|
{
|
|
"type": "Button",
|
|
"variant": "outlined",
|
|
"children": "Preview manifest"
|
|
},
|
|
{
|
|
"type": "Button",
|
|
"variant": "text",
|
|
"children": "Save preset"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "Card",
|
|
"variant": "outlined",
|
|
"children": [
|
|
{
|
|
"type": "CardHeader",
|
|
"title": "Generation plan"
|
|
},
|
|
{
|
|
"type": "CardContent",
|
|
"children": [
|
|
{
|
|
"type": "Text",
|
|
"variant": "body2",
|
|
"component": "pre",
|
|
"sx": { "whiteSpace": "pre-wrap" },
|
|
"children": "• Scaffold Next.js app shell\n• Add package metadata + Lua hooks\n• Produce CLI bundle + desktop notes\n• Export a ready-to-ship zip"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "Card",
|
|
"variant": "outlined",
|
|
"children": [
|
|
{
|
|
"type": "CardContent",
|
|
"children": [
|
|
{
|
|
"type": "Alert",
|
|
"severity": "info",
|
|
"children": "Queue ready. Waiting on an approved build request."
|
|
},
|
|
{
|
|
"type": "LinearProgress",
|
|
"variant": "determinate",
|
|
"value": "{{progress}}",
|
|
"sx": { "mt": 2 }
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
],
|
|
"exports": {
|
|
"components": ["CodegenStudio", "TemplateSelector", "PackageGenerator"]
|
|
}
|
|
}
|