Auto-update API lists and context files

Author: github-actions[bot]

llms.txt

@@ -16,6 +16,7 @@
 - Click To Load(https://github.com/AnswerDotAI/fasthtml-gallery/blob/main/examples/dynamic_user_interface_(htmx)/click_to_load/app.py)
 - Configurable Select(https://github.com/AnswerDotAI/fasthtml-gallery/blob/main/examples/dynamic_user_interface_(htmx)/configurable_select/app.py)
 - Custom Keybindings(https://github.com/AnswerDotAI/fasthtml-gallery/blob/main/examples/dynamic_user_interface_(htmx)/custom_keybindings/app.py)
+- Delete Row(https://github.com/AnswerDotAI/fasthtml-gallery/blob/main/examples/dynamic_user_interface_(htmx)/delete_row/app.py)
 - Infinite Scroll(https://github.com/AnswerDotAI/fasthtml-gallery/blob/main/examples/dynamic_user_interface_(htmx)/infinite_scroll/app.py)
 - Inline Validation(https://github.com/AnswerDotAI/fasthtml-gallery/blob/main/examples/dynamic_user_interface_(htmx)/inline_validation/app.py)
 - Loading Indicator(https://github.com/AnswerDotAI/fasthtml-gallery/blob/main/examples/dynamic_user_interface_(htmx)/loading_indicator/app.py)

llms_ctx.txt

@@ -732,6 +732,62 @@ def render_button(text):
                   hx_trigger="click, keyup[key=='U'] from:body", 
                   get=doit)
 
+serve()
+
+  </example>
+  <example name="Delete Row">
+from fasthtml.common import *
+
+app, rt = fast_app()
+
+# This represents the data we are rendering
+# The data could original from a database, or any other datastore
+@dataclass
+class Contact:
+    # Data points
+    id: int
+    name: str
+    email: str
+    status: str
+
+    def __ft__(self):
+        # __ft__ method is used by FastHTML to render an item in the UI
+        # By defining this, a `Contact` will show up as a table row automatically
+        return Tr(
+            *map(Td, (self.name, self.email, self.status)),
+            Td(Button('Delete', 
+                      hx_delete=delete.to(id=self.id).lstrip('/'),
+                      # Give a confirmation prompt before deleting
+                      hx_confirm="Are you sure?", 
+                      # Target the closest row (The one you clicked on)
+                      hx_target="closest tr", 
+                      # Swap out the row with nothing (removes the row)
+                      hx_swap="outerHTML")))
+
+# Sample data
+# Often this would come from a database
+contacts = [{'id':1, 'name': "Bob Deer",  'email': "[email protected]",  'status': "Active"  },
+            {'id':2, 'name': "Jon Doe",   'email': "[email protected]",   'status': "Inactive"},
+            {'id':3, 'name': "Jane Smith",'email': "[email protected]",'status': "Active"  }]
+
+@rt
+def index(sess):
+    # Save a copy of contacts in your session
+    # This is the demo doesn't conflict with other users
+    sess['contacts'] = contacts
+    # Create initial table
+    return Table(
+        Thead(Tr(*map(Th, ["Name", "Email", "Status", ""]))),
+        # A `Contact` object is rendered as a row automatically using the `__ft__` method 
+        Tbody(*(Contact(**x) for x in sess['contacts'])))
+
+
+@app.delete
+def delete(id: int, sess):
+    sess['contacts'] = [c for c in sess['contacts'] if c['id'] != id]
+    # Return nothing to the HTMX request to swap in nothing (removes the row)
+
+
 serve()
 
   </example>