Examples & Demos.

 1from djust import LiveView, event_handler
 2
 3class TodoListView(LiveView):
 4    template_name = 'todo.html'
 5
 6    def mount(self, request):
 7        """Initialize todo list"""
 8        self.todos = []
 9        self.next_id = 1
10
11    @event_handler
12    def add_todo(self, text: str = "", **kwargs):
13        """Add new todo item"""
14        if text.strip():
15            self.todos.append({
16                'id': self.next_id,
17                'text': text,
18                'completed': False
19            })
20            self.next_id += 1
21
22    @event_handler
23    def toggle_todo(self, id: int = None, **kwargs):
24        """Toggle todo completion status"""
25        todo = next((t for t in self.todos if t['id'] == id), None)
26        if todo:
27            todo['completed'] = not todo['completed']
28
29    @event_handler
30    def delete_todo(self, id: int = None, **kwargs):
31        """Delete todo item"""
32        self.todos = [t for t in self.todos if t['id'] != id]
33
34    def get_context_data(self, **kwargs):
35        completed = sum(1 for t in self.todos if t['completed'])
36        return {
37            'todos': self.todos,
38            'completed_count': completed,
39            'total_count': len(self.todos)
40        }

 1from djust import LiveView, event_handler
 2from .models import Product
 3
 4class ProductTableView(LiveView):
 5    template_name = 'product_table.html'
 6
 7    def mount(self, request):
 8        """Initialize table view"""
 9        self._products = Product.objects.all()
10        self.search_query = ""
11        self.sort_by = "name"
12        self.sort_order = "asc"
13
14    @event_handler
15    def search(self, value: str = "", **kwargs):
16        """Search products by name"""
17        self.search_query = value
18        self._refresh_products()
19
20    @event_handler
21    def sort(self, field: str = None, **kwargs):
22        """Sort products by field"""
23        if field == self.sort_by:
24            # Toggle order
25            self.sort_order = "desc" if self.sort_order == "asc" else "asc"
26        else:
27            self.sort_by = field
28            self.sort_order = "asc"
29        self._refresh_products()
30
31    def _refresh_products(self):
32        """Refresh product list with filters"""
33        queryset = Product.objects.all()
34
35        # Apply search filter
36        if self.search_query:
37            queryset = queryset.filter(
38                name__icontains=self.search_query
39            )
40
41        # Apply sorting
42        order_prefix = "-" if self.sort_order == "desc" else ""
43        queryset = queryset.order_by(f"{order_prefix}{self.sort_by}")
44
45        self._products = queryset
46
47    def get_context_data(self, **kwargs):
48        self.products = self._products  # JIT serialization
49        context = super().get_context_data(**kwargs)
50        context.update({
51            'search_query': self.search_query,
52            'sort_by': self.sort_by,
53            'sort_order': self.sort_order
54        })
55        return context

 1from djust import LiveView, event_handler
 2from datetime import datetime
 3
 4class ChatView(LiveView):
 5    template_name = 'chat.html'
 6
 7    def mount(self, request):
 8        self.messages = []
 9        self.username = "You"
10
11    @event_handler
12    def send_message(self, text: str = "", **kwargs):
13        """Add a message to the chat"""
14        if text.strip():
15            self.messages.append({
16                'user': self.username,
17                'text': text,
18                'time': datetime.now().strftime('%H:%M'),
19            })
20
21    @event_handler
22    def clear_chat(self, **kwargs):
23        """Clear all messages"""
24        self.messages = []
25
26    def get_context_data(self, **kwargs):
27        return {'messages': self.messages}

 1from djust import LiveView, event_handler
 2
 3class FeedView(LiveView):
 4    template_name = 'feed.html'
 5    PAGE_SIZE = 5
 6
 7    ITEMS = [f"Post #{i}: Lorem ipsum content..." for i in range(1, 51)]
 8
 9    def mount(self, request):
10        self.page = 1
11        self.feed_items = self.ITEMS[:self.PAGE_SIZE]
12        self.has_more = len(self.ITEMS) > self.PAGE_SIZE
13
14    @event_handler
15    def load_more(self, **kwargs):
16        """Load next page of items"""
17        self.page += 1
18        end = self.page * self.PAGE_SIZE
19        self.feed_items = self.ITEMS[:end]
20        self.has_more = end < len(self.ITEMS)
21
22    def get_context_data(self, **kwargs):
23        return {
24            'feed_items': self.feed_items,
25            'has_more': self.has_more,
26        }

 1from djust import LiveView, event_handler
 2
 3class PaginatedTableView(LiveView):
 4    template_name = 'paginated_table.html'
 5
 6    DATA = [
 7        {"name": f"Item {i}", "category": ["A","B","C"][i%3],
 8         "value": i * 17 % 100}
 9        for i in range(1, 31)
10    ]
11
12    def mount(self, request):
13        self.page = 1
14        self.per_page = 5
15
16    @event_handler
17    def change_page(self, page: int = 1, **kwargs):
18        self.page = max(1, page)
19
20    @event_handler
21    def change_per_page(self, size: int = 5, **kwargs):
22        self.per_page = size
23        self.page = 1
24
25    def get_context_data(self, **kwargs):
26        start = (self.page - 1) * self.per_page
27        end = start + self.per_page
28        total_pages = -(-len(self.DATA) // self.per_page)
29        return {
30            'rows': self.DATA[start:end],
31            'page': self.page,
32            'total_pages': total_pages,
33            'per_page': self.per_page,
34        }

 1from djust import LiveView, event_handler
 2import random
 3
 4class DashboardView(LiveView):
 5    template_name = 'dashboard.html'
 6
 7    def mount(self, request):
 8        self._generate_metrics()
 9
10    def _generate_metrics(self):
11        self.metrics = {
12            'users': random.randint(100, 999),
13            'revenue': random.randint(1000, 9999),
14            'orders': random.randint(10, 200),
15            'uptime': round(random.uniform(99.0, 99.99), 2),
16        }
17
18    @event_handler
19    def refresh_metrics(self, **kwargs):
20        """Simulate polling for new data"""
21        self._generate_metrics()
22
23    def get_context_data(self, **kwargs):
24        return {'metrics': self.metrics}