TypeScript?

[dcaffull]

Forgive me, I have not actually tried this yet, but am excited by the concept and the web page.

Quick question, are the components created by design OS tsx files, or js with types? What does TS integration look like? I don't see that listed on the site.

Thanks for all the work that's gone into this!

[CasJam]

Design OS generates TSX files (.tsx) with full TypeScript integration, not JS with types.

Here's what the TypeScript integration looks like:

Components are proper TSX:

• Screen design components: src/sections/[section-id]/components/[Component].tsx
• Shell components: src/shell/components/AppShell.tsx, MainNav.tsx, UserMenu.tsx

Dedicated type files:

• Each section gets its own types.ts file with TypeScript interfaces for entities
• Data model types exported to product/sections/[section-id]/types.ts

In the export package (product-plan/):

• data-model/types.ts — Global TypeScript interfaces
• sections/[section-id]/types.ts — Section-specific types
• All components remain as .tsx files

The components are fully typed with proper TypeScript interfaces for props. For example, exported components accept typed data and callbacks:

<InvoiceList
  invoices={data}           // typed array
  onView={(id) => ...}      // typed callback
  onEdit={(id) => ...}
  onDelete={(id) => ...}
  onCreate={() => ...}
/>

The generated types come from the /sample-data command, which creates both sample JSON data and corresponding TypeScript interfaces automatically based on your data model.

---

Hope that helps! It will all hopefully come together once you run the project and inspect the files.