Roadmap

UIGen is developed in phases. Here's what's been shipped and what's coming next.

Phase 1: Core vertical slice ✅ Complete

• Monorepo scaffold (pnpm + Vite + TypeScript)
• IR types (auth, relationships, pagination hints, validation rules)
• OpenAPI 3.x adapter with full $ref resolution
• Swagger 2.0 adapter
• View hint classifier (list, detail, create, update, delete, search, wizard, action)
• Relationship detector (hasMany / belongsTo)
• Pagination detector (offset, cursor, page-based)
• Core field components (TextField, NumberField, SelectField, DatePicker, FileUpload, ArrayField, ObjectField)
• ListView with TanStack Table: sorting, pagination, filtering, row actions
• FormView with React Hook Form + Zod validation
• CLI serve command with Vite proxy
• Opinionated theme (shadcn/ui dark/light toggle)
• Authentication UI (Bearer token + API Key)
• Environment switching (server dropdown from spec servers)
• Error resilience (graceful degradation, error boundary, toast notifications)

Phase 2: Full surface area ✅ Complete

• DetailView with related resource links
• EditFormView (pre-populated from current record)
• Delete with confirmation dialog
• Custom action buttons (non-CRUD operations)
• SearchView (global + per-resource filters)
• DashboardView (auto-generated overview with resource counts)
• WizardView (multi-step for large forms)
• Sidebar layout + TopBar + Breadcrumbs + responsive shell
• React Router with full URL navigation and browser history

Phase 3: Extension & distribution 🔜 In progress

• x-uigen-* vendor extension support (widget, label, hidden, order, view)
• uigen.config.json: theme/behaviour/resource overrides
• uigen validate: spec linting with actionable errors and line numbers
• uigen generate: static production build output
• OAuth2 PKCE authentication flow
• Spec hot-reloading (file watcher → WebSocket push to UI)
• Loading skeletons with shimmer animation
• Virtual scrolling for large datasets (TanStack Virtual)
• Request / response interceptors (config-driven middleware)
• Response transformation (JSONPath + JS functions)
• Publish all packages to npm (@uigen-dev/core, @uigen-dev/react, @uigen-dev/cli)

Phase 4: Renderer ecosystem

• @uigen-dev/svelte: Svelte renderer consuming the same IR
• @uigen-dev/vue: Vue 3 renderer
• Plugin API: register custom adapters, field types, and view strategies as npm packages
• uigen ui:config: visual configuration dashboard
• @uigen-dev/plugin-charts: chart widgets from numeric data
• @uigen-dev/plugin-mapbox: map renderer for geo coordinate fields
• GraphQL adapter
• OpenAPI 3.1 full support

Phase 5: Cloud & enterprise

• uigen.cloud: hosted UIGen: point at a spec URL, get a shareable live frontend
• GitHub Action: auto-deploy the generated frontend when your spec changes in CI
• Enterprise tier: SSO/SAML, audit logs, RBAC, on-prem deployment, SLA