rm async

Author: jph00

01_todo_app/README.md

@@ -63,7 +63,7 @@ Here is how we setup the form for adding new todos:
 def mk_input(**kw): return Input(id="new-title", name="title", placeholder="New Todo", **kw)
 
 @rt("/")
-async def get():
+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'),
@@ -80,7 +80,7 @@ Editing a todo item is handled by this route which takes the todo's id as a para
 
 ```python
 @rt("/edit/{id}")
-async def get(id:int):
+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")
@@ -95,7 +95,7 @@ Similarly, we can do the same for deleting todos, except we use the `delete` met
 
 ```python
 @rt("/todos/{id}")
-async def delete(id:int):
+def delete(id:int):
     todos.delete(id)
     return clear(id_curr)
 ```

01_todo_app/main.py

@@ -18,7 +18,7 @@ def __ft__(self:Todo):
 def mk_input(**kw): return Input(id="new-title", name="title", placeholder="New Todo", required=True, **kw)
 
 @rt("/")
-async def get():
+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'),
@@ -27,25 +27,25 @@ async def get():
     return Title(title), Main(H1(title), card, cls='container')
 
 @rt("/todos/{id}")
-async def delete(id:int):
+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')
+def post(todo:Todo): return todos.insert(todo), mk_input(hx_swap_oob='true')
 
 @rt("/edit/{id}")
-async def get(id:int):
+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)
+def put(todo: Todo): return todos.upsert(todo), clear(id_curr)
 
 @rt("/todos/{id}")
-async def get(id:int):
+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")

htmx/counter-rsjs.py

@@ -0,0 +1,31 @@
+from fasthtml.common import *
+
+'''
+code = """
+    me("[data-counter-output]", el).textContent++);
+"""
+scr = RsJsScript('counter', increment=('click', code))
+'''
+
+scr = Script('''
+proc_htmx("[data-counter]", el => {
+    me("[data-counter-increment]", el).on("click",
+        e => me("[data-counter-output]", el).textContent++);
+});''')
+
+app,rt = fast_app(hdrs=(scr,), live=True)
+
+def Incrementer(start=0, btn_txt='Increment'):
+    return Section(data_counter=True)(
+        Output(start, id='my-output', data_counter_output=True),
+        Button(btn_txt, data_counter_increment=True))
+
+@rt("/")
+def get():
+    return Titled('RSJS demo',
+        Incrementer(),
+        Incrementer(5, 'Do it')
+    )
+
+serve()
+

htmx/counter-surreal.py

@@ -0,0 +1,22 @@
+from fasthtml.common import *
+
+app,rt = fast_app(live=True)
+
+def Incrementer(start=0, btn_txt='Increment'):
+    scr = On('''
+        let sec = e.closest('section');
+        me('output', sec).value++;
+    ''')
+    return Section()(
+        Output(start),
+        Button(btn_txt, scr))
+
+@rt("/")
+def get():
+    return Titled('Surreal counter',
+        Incrementer(),
+        Incrementer(5, 'Do it')
+    )
+
+serve()
+

htmx/svgswap.py

@@ -0,0 +1,42 @@
+from fasthtml.common import *
+from fasthtml.svg import *
+
+app,rt = fast_app(live=True)
+
+@rt
+def index():
+    return Titled("HTMX SVG swaps",
+        Svg(
+            get_circle(0),
+            Rect(x=5, y=85, width=10, height=10, fill="purple"),
+            width=100, height=100, viewBox="0 0 100 100"
+        ),
+        Hidden(id='ref', value='0'),
+        Button('Multi', hx_get=change, hx_include='previous input'),
+        Div(id='dest'),
+    )
+
+def get_circle(ref):
+    opts = [
+        Circle(id='circle1', cx=50, cy=50, r=20,
+               hx_swap_oob='true', hx_get=foo, hx_swap='outerHTML', hx_select='svg>*'),
+        G(hx_swap_oob='true', id='circle1')(
+            Circle(id='circle1', r='45', cx='50', cy='50', fill='red'),
+            Circle(id='circle1', r='25', cx='70', cy='70', fill='green')
+        )
+    ]
+    return opts[ref]
+
+@rt
+def foo(): return Svg(Rect(x=50, y=50, width=30, height=30, fill='blue'))
+
+@rt
+def change(ref:int):
+    return (
+        'Multi' if ref else 'Blue',
+        Template(Svg(get_circle(1-ref))),
+        Hidden(id='ref', value=1-ref, hx_swap_oob='true')
+    )
+
+serve()
+

todos1/main.py

@@ -16,33 +16,33 @@ def __ft__(self:Todo):
 def mk_input(**kw): return Input(id="new-title", name="title", placeholder="New Todo", **kw)
 
 @rt("/")
-async def get():
+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)),
     return Titled('Todo list', card)
 
 @rt("/todos/{id}")
-async def delete(id:int):
+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')
+def post(todo:Todo): return todos.insert(todo), mk_input(hx_swap_oob='true')
 
 @rt("/edit/{id}")
-async def get(id:int):
+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)
+def put(todo: Todo): return todos.upsert(todo), clear(id_curr)
 
 @rt("/todos/{id}")
-async def get(id:int):
+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")

todos2-hf/main.py

@@ -26,7 +26,7 @@ def mk_input(**kw): return Input(id="new-title", name="title", placeholder="New
 def clr_details(): return Div(hx_swap_oob='innerHTML', id='current-todo')
 
 @rt("/")
-async def get(request, auth):
+def get(request, auth):
     add = Form(Group(mk_input(), Button("Add")),
                hx_post="/", target_id='todo-list', hx_swap="beforeend")
     card = Card(Ul(*todos(), id='todo-list'),
@@ -36,25 +36,25 @@ async def get(request, auth):
     return Title(title), Main(top, card, cls='container')
 
 @rt("/todos/{id}")
-async def delete(id:int):
+def delete(id:int):
     todos.delete(id)
     return clr_details()
 
 @rt("/")
-async def post(todo:Todo): return todos.insert(todo), mk_input(hx_swap_oob='true')
+def post(todo:Todo): return todos.insert(todo), mk_input(hx_swap_oob='true')
 
 @rt("/edit/{id}")
-async def get(id:int):
+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[id])
 
 @rt("/")
-async def put(todo: Todo): return todos.upsert(todo), clr_details()
+def put(todo: Todo): return todos.upsert(todo), clr_details()
 
 @rt("/todos/{id}")
-async def get(id:int):
+def get(id:int):
     todo = todos[id]
     btn = Button('delete', hx_delete=f'/todos/{todo.id}',
                  target_id=tid(todo.id), hx_swap="outerHTML")