在 Cloudflare Workers 上运行 Go + htmx 4 + gsxui

服务器端渲染的 gsx 组件，htmx 4 负责请求，hx-live 管理本地状态，D1 和 Durable Objects 提供实时更新。Go 由 TinyGo 编译。无需 Node，也无需打包工具。

运行于tinygo js/wasmenvcloudflare
服务器往返
用 hx-post 提交 gsxui 表单。服务器返回一个 gsx 片段和一条带外（out-of-band）提示消息。
对话框 + hx-get
每次打开对话框时，都会从服务器获取其内容。

服务器信息

由 gsx 组件按请求渲染。

正在加载…
标签页 + 延迟加载面板
“统计”面板仅在首次点击其标签页时加载一次。
此面板随页面一起渲染。
使用 hx-live 的客户端状态
无需服务器往返：计数器、下拉菜单、开关和实时筛选。
计数：0
  • badge
  • button
  • button-group
  • card
  • dialog
  • empty
  • field
  • input
  • item
  • label
  • native-select
  • separator
  • switch
  • tabs
  • toast
  • toaster
实时更新
D1 加上每个主题一个 Durable Object，通过 hx-ws 将每次更改推送到所有打开的标签页。
打开共享看板