融合 Clojure 声明式基因Clojure's Declarative Gene
与 Pythonic 全栈反应式Meets Pythonic Full-Stack Reactivity

from hiccl import (
    Component, ComponentRegistry,
    HicclConfig, create_hiccl_app,
    menu, server, signal,
)
from hiccl.hiccup import button, div, h2

registry = ComponentRegistry()

class Counter(Component):
    def __init__(self, **kwargs):
        super().__init__(**kwargs)
        self.count = signal(0)

    @server
    def increment(self, step: int = 1):
        if isinstance(step, str):
            step = int(step)
        self.count.set(self.count.get() + step)

    @server
    def decrement(self, step: int = 1):
        if isinstance(step, str):
            step = int(step)
        self.count.set(self.count.get() - step)

    def render(self):
        count = self.count.get()
        return div(
            {"class": "card w-96 bg-base-200 shadow-xl mx-auto mt-10"},
            div({"class": "card-body items-center text-center"},
                h2({"class": "card-title text-3xl font-extrabold"},
                   f"Count: {count}"),
                div({"class": "card-actions justify-center gap-2"},
                    button({"class": "btn btn-error",
                            "on_click": self.decrement(1)}, "-1"),
                    button({"class": "btn btn-success",
                            "on_click": self.increment(1)}, "+1"),
                ),
            ),
        )

app = create_hiccl_app(HicclConfig(
    component_registry=registry,
    pages=menu(Counter),
    brand_name="Hiccl Quickstart"
))

if __name__ == "__main__":
    import uvicorn
    uvicorn.run(app, host="127.0.0.1", port=8000)