Generate TyepScript interface completely from Python (#112)

Author: samuelcolvin

.github/workflows/ci.yml

@@ -25,6 +25,7 @@ jobs:
           node-version: 18
 
       - run: pip install -r src/python-fastui/requirements/all.txt
+      - run: pip install src/python-fastui
 
       - run: npm install
 

.pre-commit-config.yaml

@@ -39,9 +39,9 @@ repos:
         entry: npm run typecheck
         language: system
         pass_filenames: false
-      - id: js-json-schema
-        name: js-json-schema
-        types_or: [ts, tsx]
-        entry: npm run generate-json-schema
+      - id: python-generate-ts
+        name: python-generate-ts
+        types_or: [python]
+        entry: fastui generate fastui:FastUI src/npm-fastui/src/models.d.ts
         language: system
         pass_filenames: false

demo/auth.py

@@ -35,7 +35,7 @@ def auth_login(user: Annotated[str | None, Depends(get_user)]) -> list[AnyCompon
                 )
             ),
             c.Heading(text='Login'),
-            c.ModelForm[LoginForm](submit_url='/api/auth/login'),
+            c.ModelForm(model=LoginForm, submit_url='/api/auth/login'),
             title='Authentication',
         )
     else:

demo/forms.py

@@ -85,19 +85,19 @@ def form_content(kind: FormKind):
             return [
                 c.Heading(text='Login Form', level=2),
                 c.Paragraph(text='Simple login form with email and password.'),
-                c.ModelForm[LoginForm](submit_url='/api/forms/login'),
+                c.ModelForm(model=LoginForm, submit_url='/api/forms/login'),
             ]
         case 'select':
             return [
                 c.Heading(text='Select Form', level=2),
                 c.Paragraph(text='Form showing different ways of doing select.'),
-                c.ModelForm[SelectForm](submit_url='/api/forms/select'),
+                c.ModelForm(model=SelectForm, submit_url='/api/forms/select'),
             ]
         case 'big':
             return [
                 c.Heading(text='Large Form', level=2),
                 c.Paragraph(text='Form with a lot of fields.'),
-                c.ModelForm[BigModel](submit_url='/api/forms/big'),
+                c.ModelForm(model=BigModel, submit_url='/api/forms/big'),
             ]
         case _:
             raise ValueError(f'Invalid kind {kind!r}')

demo/tables.py

@@ -58,15 +58,17 @@ def cities_view(page: int = 1, country: str | None = None) -> list[AnyComponent]
         filter_form_initial['country'] = {'value': country, 'label': country_name}
     return demo_page(
         *tabs(),
-        c.ModelForm[FilterForm](
+        c.ModelForm(
+            model=FilterForm,
             submit_url='.',
             initial=filter_form_initial,
             method='GOTO',
             submit_on_change=True,
             display_mode='inline',
         ),
-        c.Table[City](
+        c.Table(
             data=cities[(page - 1) * page_size : page * page_size],
+            data_model=City,
             columns=[
                 DisplayLookup(field='city', on_click=GoToEvent(url='./{id}'), table_width_percent=33),
                 DisplayLookup(field='country', table_width_percent=33),
@@ -107,7 +109,7 @@ class User(BaseModel):
 def users_view() -> list[AnyComponent]:
     return demo_page(
         *tabs(),
-        c.Table[User](
+        c.Table(
             data=users,
             columns=[
                 DisplayLookup(field='name', on_click=GoToEvent(url='/table/users/{id}/')),