Try TODO app

main.py

@@ -1,11 +1,54 @@
 from fasthtml.common import *
-from fasthtml_hf import setup_hf_backup
 
-app,rt = fast_app()
+app,rt,todos,Todo = fast_app(
+    'data/todos.db',
+    hdrs=[Style(':root { --pico-font-size: 100%; }')],
+    id=int, title=str, done=bool, pk='id')
 
-@rt('/')
-def get(): return Div(P('Hello World3!'), hx_get="/change")
+id_curr = 'current-todo'
+def tid(id): return f'todo-{id}'
 
-setup_hf_backup(app)
+@patch
+def __ft__(self:Todo):
+    show = AX(self.title, f'/todos/{self.id}', id_curr)
+    edit = AX('edit',     f'/edit/{self.id}' , id_curr)
+    dt = ' ✅' if self.done else ''
+    return Li(show, dt, ' | ', edit, id=tid(self.id))
+
+def mk_input(**kw): return Input(id="new-title", name="title", placeholder="New Todo", required=True, **kw)
+
+@rt("/")
+async def get():
+    add = Form(Group(mk_input(), Button("Add")),
+               hx_post="/", target_id='todo-list', hx_swap="beforeend")
+    card = Card(Ul(*todos(), id='todo-list'),
+                header=add, footer=Div(id=id_curr)),
+    title = 'Todo list'
+    return Title(title), Main(H1(title), card, cls='container')
+
+@rt("/todos/{id}")
+async def delete(id:int):
+    todos.delete(id)
+    return clear(id_curr)
+
+@rt("/")
+async def post(todo:Todo): return todos.insert(todo), mk_input(hx_swap_oob='true')
+
+@rt("/edit/{id}")
+async def get(id:int):
+    res = Form(Group(Input(id="title"), Button("Save")),
+        Hidden(id="id"), CheckboxX(id="done", label='Done'),
+        hx_put="/", target_id=tid(id), id="edit")
+    return fill_form(res, todos.get(id))
+
+@rt("/")
+async def put(todo: Todo): return todos.upsert(todo), clear(id_curr)
+
+@rt("/todos/{id}")
+async def get(id:int):
+    todo = todos.get(id)
+    btn = Button('delete', hx_delete=f'/todos/{todo.id}',
+                 target_id=tid(todo.id), hx_swap="outerHTML")
+    return Div(Div(todo.title), btn)
 
 serve()

picovars.css

@@ -0,0 +1,2 @@
+:root { --pico-font-size: 100%; }
+

requirements.txt

@@ -1,3 +1,5 @@
 python-fasthtml
 huggingface-hub
-fasthtml-hf
+fasthtml-hf
+python-multipart
+sqlite-utils