Skip to content

feat: add React & HTML component templates with nested schema support - #22

Merged
Gr1shma merged 4 commits into
mainfrom
feat/component-template-gallery
Jul 25, 2026
Merged

Gr1shma merged 4 commits into
mainfrom
feat/component-template-gallery

Conversation

@Gr1shma

@Gr1shma Gr1shma commented Jul 25, 2026

Copy link
Copy Markdown
Owner

Summary

Adds an adaptive UI component codegen engine for mock schemas with a React / HTML tab switcher in the dashboard.

Key Changes

  • React & HTML Codegen: Generate .tsx (TypeScript interfaces + hooks) or single-file .html (<style> + <script>) code.
  • 7 Templates: Dynamic Card Grid, User Card, Post Card, Product Card, Todo List, Transaction Table, and Comment Thread.
  • Nested Schema Support: Flattens nested fields (user.profile.name) with safe optional chaining.
  • Schema Preview UI: Added tab switcher between React and HTML code blocks in schemaPreview.tsx.
  • Tests: Comprehensive unit tests added in tests/component-templates.test.ts.

@Gr1shma
Gr1shma requested a review from Aa9yaBhandar1 July 25, 2026 15:38
@Gr1shma
Gr1shma merged commit dde6d69 into main Jul 25, 2026
2 checks passed
@Gr1shma
Gr1shma deleted the feat/component-template-gallery branch July 25, 2026 15:44
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant