Convert TypeScript schemas to JSON with compute functions

Co-authored-by: johndoe6345789 <224850594+johndoe6345789@users.noreply.github.com>
This commit is contained in:
copilot-swe-agent[bot]
2026-01-17 22:38:31 +00:00
parent 369f1a30c0
commit f82c7aa081
14 changed files with 1162 additions and 9 deletions

View File

@@ -45,7 +45,10 @@ This project demonstrates a comprehensive JSON-driven UI architecture with atomi
```typescript
import { PageRenderer } from '@/lib/json-ui/page-renderer'
import { dashboardSchema } from '@/schemas/dashboard-schema'
import { hydrateSchema } from '@/schemas/schema-loader'
import analyticsDashboardJson from '@/schemas/analytics-dashboard.json'
const dashboardSchema = hydrateSchema(analyticsDashboardJson)
export function DashboardPage() {
return <PageRenderer schema={dashboardSchema} />
@@ -439,8 +442,12 @@ src/
│ ├── component-renderer.tsx
│ └── component-registry.tsx
├── schemas/ # JSON page schemas
│ ├── dashboard-schema.ts
── page-schemas.ts
│ ├── analytics-dashboard.json
── todo-list.json
│ ├── dashboard-simple.json
│ ├── new-molecules-showcase.json
│ ├── compute-functions.ts
│ └── schema-loader.ts
└── types/
└── json-ui.ts # TypeScript types
```