giles
193578ef88
Eliminate Python s-expression string building across account, orders, federation, and cart services. Visual rendering logic now lives entirely in .sx defcomp components; Python files contain only data serialization, header/layout wiring, and thin wrappers that call defcomps. Phase 0: Shared DRY extraction — auth/orders header defcomps, format-decimal/ pluralize/escape/route-prefix primitives. Phase 1: Account — dashboard, newsletters, login/device/check-email content. Phase 2: Orders — order list, detail, filter, checkout return assembled defcomps. Phase 3: Federation — social nav, post cards, timeline, search, actors, notifications, compose, profile assembled defcomps. Phase 4: Cart — overview, page cart items/calendar/tickets/summary, admin, payments assembled defcomps; orders rendering reuses Phase 2 shared defcomps. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
73 lines
3.3 KiB
Plaintext
73 lines
3.3 KiB
Plaintext
;; Shared auth components — login flow, check email, header rows
|
|
;; Used by account, orders, cart, and federation services.
|
|
|
|
;; ---------------------------------------------------------------------------
|
|
;; Auth / orders header rows — DRY extraction from per-service Python
|
|
;; ---------------------------------------------------------------------------
|
|
|
|
;; Auth section nav items (newsletters link + account_nav slot)
|
|
(defcomp ~auth-nav-items (&key account-url select-colours account-nav)
|
|
(<>
|
|
(~nav-link :href (str (or account-url "") "/newsletters/")
|
|
:label "newsletters"
|
|
:select-colours (or select-colours ""))
|
|
(when account-nav account-nav)))
|
|
|
|
;; Auth header row — wraps ~menu-row-sx for account section
|
|
(defcomp ~auth-header-row (&key account-url select-colours account-nav oob)
|
|
(~menu-row-sx :id "auth-row" :level 1 :colour "sky"
|
|
:link-href (str (or account-url "") "/")
|
|
:link-label "account" :icon "fa-solid fa-user"
|
|
:nav (~auth-nav-items :account-url account-url
|
|
:select-colours select-colours
|
|
:account-nav account-nav)
|
|
:child-id "auth-header-child" :oob oob))
|
|
|
|
;; Auth header row without nav (for cart service)
|
|
(defcomp ~auth-header-row-simple (&key account-url oob)
|
|
(~menu-row-sx :id "auth-row" :level 1 :colour "sky"
|
|
:link-href (str (or account-url "") "/")
|
|
:link-label "account" :icon "fa-solid fa-user"
|
|
:child-id "auth-header-child" :oob oob))
|
|
|
|
;; Orders header row
|
|
(defcomp ~orders-header-row (&key list-url)
|
|
(~menu-row-sx :id "orders-row" :level 2 :colour "sky"
|
|
:link-href list-url :link-label "Orders" :icon "fa fa-gbp"
|
|
:child-id "orders-header-child"))
|
|
|
|
;; ---------------------------------------------------------------------------
|
|
;; Auth forms — login flow, check email
|
|
;; ---------------------------------------------------------------------------
|
|
|
|
(defcomp ~auth-error-banner (&key error)
|
|
(when error
|
|
(div :class "bg-red-50 border border-red-200 text-red-700 p-3 rounded mb-4"
|
|
error)))
|
|
|
|
(defcomp ~auth-login-form (&key error action csrf-token email)
|
|
(div :class "py-8 max-w-md mx-auto"
|
|
(h1 :class "text-2xl font-bold mb-6" "Sign in")
|
|
error
|
|
(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 ~auth-check-email-error (&key error)
|
|
(when error
|
|
(div :class "bg-yellow-50 border border-yellow-200 text-yellow-700 p-3 rounded mt-4"
|
|
error)))
|
|
|
|
(defcomp ~auth-check-email (&key email error)
|
|
(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 email) ".")
|
|
(p :class "text-stone-500 text-sm" "Click the link in the email to sign in. The link expires in 15 minutes.")
|
|
error))
|