giles
f9d9697c67
All checks were successful
Build and Deploy / build-and-deploy (push) Successful in 1m20s
Replace all 676 inline sexp() string calls across 7 services with render(component_name, **kwargs) calls backed by 46 external .sexpr component definition files (587 defcomps total). - Add render() function to shared/sexp/jinja_bridge.py - Add load_service_components() helper and update load_sexp_dir() for *.sexpr - Update parser keyword regex to support HTMX hx-on::event syntax - Convert remaining inline HTML in route files to render() calls - Add shared/sexp/templates/misc.sexp for cross-service utility components Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
59 lines
2.9 KiB
Plaintext
59 lines
2.9 KiB
Plaintext
;; Auth page components (login, device, check email)
|
|
|
|
(defcomp ~account-login-error (&key error)
|
|
(when error
|
|
(div :class "bg-red-50 border border-red-200 text-red-700 p-3 rounded mb-4"
|
|
(raw! error))))
|
|
|
|
(defcomp ~account-login-form (&key error-html action csrf-token email)
|
|
(div :class "py-8 max-w-md mx-auto"
|
|
(h1 :class "text-2xl font-bold mb-6" "Sign in")
|
|
(raw! error-html)
|
|
(form :method "post" :action action :class "space-y-4"
|
|
(input :type "hidden" :name "csrf_token" :value csrf-token)
|
|
(div
|
|
(label :for "email" :class "block text-sm font-medium mb-1" "Email address")
|
|
(input :type "email" :name "email" :id "email" :value email :required true :autofocus true
|
|
:class "w-full border border-stone-300 rounded px-3 py-2 focus:outline-none focus:ring-2 focus:ring-stone-500"))
|
|
(button :type "submit"
|
|
:class "w-full bg-stone-800 text-white py-2 px-4 rounded hover:bg-stone-700 transition"
|
|
"Send magic link"))))
|
|
|
|
(defcomp ~account-device-error (&key error)
|
|
(when error
|
|
(div :class "bg-red-50 border border-red-200 text-red-700 p-3 rounded mb-4"
|
|
(raw! error))))
|
|
|
|
(defcomp ~account-device-form (&key error-html action csrf-token code)
|
|
(div :class "py-8 max-w-md mx-auto"
|
|
(h1 :class "text-2xl font-bold mb-6" "Authorize device")
|
|
(p :class "text-stone-600 mb-4" "Enter the code shown in your terminal to sign in.")
|
|
(raw! error-html)
|
|
(form :method "post" :action action :class "space-y-4"
|
|
(input :type "hidden" :name "csrf_token" :value csrf-token)
|
|
(div
|
|
(label :for "code" :class "block text-sm font-medium mb-1" "Device code")
|
|
(input :type "text" :name "code" :id "code" :value code :placeholder "XXXX-XXXX"
|
|
:required true :autofocus true :maxlength "9" :autocomplete "off" :spellcheck "false"
|
|
:class "w-full border border-stone-300 rounded px-3 py-3 text-center text-2xl tracking-widest font-mono uppercase focus:outline-none focus:ring-2 focus:ring-stone-500"))
|
|
(button :type "submit"
|
|
:class "w-full bg-stone-800 text-white py-2 px-4 rounded hover:bg-stone-700 transition"
|
|
"Authorize"))))
|
|
|
|
(defcomp ~account-device-approved ()
|
|
(div :class "py-8 max-w-md mx-auto text-center"
|
|
(h1 :class "text-2xl font-bold mb-4" "Device authorized")
|
|
(p :class "text-stone-600" "You can close this window and return to your terminal.")))
|
|
|
|
(defcomp ~account-check-email-error (&key error)
|
|
(when error
|
|
(div :class "bg-yellow-50 border border-yellow-200 text-yellow-700 p-3 rounded mt-4"
|
|
(raw! error))))
|
|
|
|
(defcomp ~account-check-email (&key email error-html)
|
|
(div :class "py-8 max-w-md mx-auto text-center"
|
|
(h1 :class "text-2xl font-bold mb-4" "Check your email")
|
|
(p :class "text-stone-600 mb-2" "We sent a sign-in link to " (strong (raw! email)) ".")
|
|
(p :class "text-stone-500 text-sm" "Click the link in the email to sign in. The link expires in 15 minutes.")
|
|
(raw! error-html)))
|