todos.py

from fasthtml.common import *
from typing import Literal, Tuple

def create_app(mode: Literal["dev", "test"] = "dev") -> Tuple[FastHTML, Table]:
    app,rt,todos,Todo = fast_app(
        'data/todos.db' if mode == 'dev' else ':memory:',
        hdrs=[Style(':root { --pico-font-size: 100%; }')],
        id=int, title=str, done=bool, pk='id')

    id_curr = 'current-todo'
    def tid(id): return f'todo-{id}'

    @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("/")
    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}")
    def delete(id:int):
        todos.delete(id)
        return clear(id_curr)

    @rt("/")
    def post(todo:Todo): return todos.insert(todo), mk_input(hx_swap_oob='true')

    @rt("/edit/{id}")
    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("/")
    def put(todo: Todo): return todos.upsert(todo), clear(id_curr)

    @rt("/todos/{id}")
    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)
    
    return app, todos