Go و htmx 4 و gsxui على Cloudflare Workers

مكونات gsx تُعرض على الخادم، وhtmx 4 للطلبات، وhx-live للحالة المحلية، وD1 وDurable Objects للتحديثات المباشرة. تُصرَّف شيفرة Go باستخدام TinyGo. بلا Node وبلا مُجمِّع حزم.

يقدّمهtinygo js/wasmenvcloudflare
ذهاب وإياب إلى الخادم
يُرسَل نموذج gsxui عبر hx-post. يردّ الخادم بجزء gsx وإشعار منبثق خارج النطاق (OOB).
مربع حوار + 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.
فتح اللوحة المشتركة