giles
c0d369eb8e
- Extract shared components (empty-state, delete-btn, sentinel, crud-*, view-toggle, img-or-placeholder, avatar, sumup-settings-form, auth forms, order tables/detail/checkout) - Migrate all Python sx_call() callers to use shared components directly - Remove 55+ thin wrapper defcomps from domain .sx files - Remove trivial passthrough wrappers (blog-header-label, market-card-text, etc) - Unify duplicate auth flows (account + federation) into shared/sx/templates/auth.sx - Unify duplicate order views (cart + orders) into shared/sx/templates/orders.sx - Disable static file caching in dev (SEND_FILE_MAX_AGE_DEFAULT=0) - Add SX response validation and debug headers Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
27 lines
1.5 KiB
Plaintext
27 lines
1.5 KiB
Plaintext
;; Auth components (choose username — federation-specific)
|
|
;; Login and check-email components are shared: see shared/sx/templates/auth.sx
|
|
|
|
(defcomp ~federation-choose-username (&key domain error csrf username check-url)
|
|
(div :class "py-8 max-w-md mx-auto"
|
|
(h1 :class "text-2xl font-bold mb-2" "Choose your username")
|
|
(p :class "text-stone-600 mb-6" "This will be your identity on the fediverse: "
|
|
(strong "@username@" domain))
|
|
error
|
|
(form :method "post" :class "space-y-4"
|
|
(input :type "hidden" :name "csrf_token" :value csrf)
|
|
(div
|
|
(label :for "username" :class "block text-sm font-medium mb-1" "Username")
|
|
(div :class "flex items-center"
|
|
(span :class "text-stone-400 mr-1" "@")
|
|
(input :type "text" :name "username" :id "username" :value username
|
|
:pattern "[a-z][a-z0-9_]{2,31}" :minlength "3" :maxlength "32"
|
|
:required true :autocomplete "off"
|
|
:class "flex-1 border border-stone-300 rounded px-3 py-2 focus:outline-none focus:ring-2 focus:ring-stone-500"
|
|
:sx-get check-url :sx-trigger "keyup changed delay:300ms" :sx-target "#username-status"
|
|
:sx-include "[name='username']"))
|
|
(div :id "username-status" :class "text-sm mt-1")
|
|
(p :class "text-xs text-stone-400 mt-1" "3-32 characters. Lowercase letters, numbers, underscores. Must start with a letter."))
|
|
(button :type "submit"
|
|
:class "w-full bg-stone-800 text-white py-2 px-4 rounded hover:bg-stone-700 transition"
|
|
"Claim username"))))
|