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>
93 lines
4.0 KiB
Plaintext
93 lines
4.0 KiB
Plaintext
;; Profile and actor timeline components
|
|
|
|
(defcomp ~federation-actor-profile-header (&key avatar display-name username domain summary follow)
|
|
(div :class "bg-white rounded-lg shadow-sm border border-stone-200 p-6 mb-6"
|
|
(div :class "flex items-center gap-4"
|
|
avatar
|
|
(div :class "flex-1"
|
|
(h1 :class "text-xl font-bold" display-name)
|
|
(div :class "text-stone-500" "@" username "@" domain)
|
|
summary)
|
|
follow)))
|
|
|
|
(defcomp ~federation-actor-timeline-layout (&key header timeline)
|
|
header
|
|
(div :id "timeline" timeline))
|
|
|
|
(defcomp ~federation-follow-form (&key action csrf actor-url label cls)
|
|
(div :class "flex-shrink-0"
|
|
(form :method "post" :action action
|
|
(input :type "hidden" :name "csrf_token" :value csrf)
|
|
(input :type "hidden" :name "actor_url" :value actor-url)
|
|
(button :type "submit" :class cls label))))
|
|
|
|
(defcomp ~federation-profile-summary (&key summary)
|
|
(div :class "text-sm text-stone-600 mt-2" (~rich-text :html summary)))
|
|
|
|
;; Public profile page
|
|
|
|
(defcomp ~federation-activity-obj-type (&key obj-type)
|
|
(span :class "text-sm text-stone-500" obj-type))
|
|
|
|
(defcomp ~federation-activity-card (&key activity-type published obj-type)
|
|
(div :class "bg-white rounded-lg shadow p-4"
|
|
(div :class "flex justify-between items-start"
|
|
(span :class "font-medium" activity-type)
|
|
(span :class "text-sm text-stone-400" published))
|
|
obj-type))
|
|
|
|
(defcomp ~federation-activities-list (&key items)
|
|
(div :class "space-y-4" items))
|
|
|
|
(defcomp ~federation-activities-empty ()
|
|
(p :class "text-stone-500" "No activities yet."))
|
|
|
|
(defcomp ~federation-profile-page (&key display-name username domain summary activities-heading activities)
|
|
(div :class "py-8"
|
|
(div :class "bg-white rounded-lg shadow p-6 mb-6"
|
|
(h1 :class "text-2xl font-bold" display-name)
|
|
(p :class "text-stone-500" "@" username "@" domain)
|
|
summary)
|
|
(h2 :class "text-xl font-bold mb-4" activities-heading)
|
|
activities))
|
|
|
|
(defcomp ~federation-profile-summary-text (&key text)
|
|
(p :class "mt-2" text))
|
|
|
|
;; Assembled actor timeline content — replaces Python _actor_timeline_content_sx
|
|
(defcomp ~federation-actor-timeline-content (&key remote-actor items is-following actor)
|
|
(let* ((display-name (or (get remote-actor "display_name") (get remote-actor "preferred_username") ""))
|
|
(icon-url (get remote-actor "icon_url"))
|
|
(summary (get remote-actor "summary"))
|
|
(actor-url (or (get remote-actor "actor_url") ""))
|
|
(csrf (csrf-token))
|
|
(initial (if (and (not icon-url) display-name)
|
|
(upper (slice display-name 0 1)) "?")))
|
|
(~federation-actor-timeline-layout
|
|
:header (~federation-actor-profile-header
|
|
:avatar (~avatar
|
|
:src icon-url
|
|
:cls (if icon-url "w-16 h-16 rounded-full"
|
|
"w-16 h-16 rounded-full bg-stone-300 flex items-center justify-center text-stone-600 font-bold text-xl")
|
|
:initial (when (not icon-url) initial))
|
|
:display-name (escape display-name)
|
|
:username (escape (or (get remote-actor "preferred_username") ""))
|
|
:domain (escape (or (get remote-actor "domain") ""))
|
|
:summary (when summary (~federation-profile-summary :summary summary))
|
|
:follow (when actor
|
|
(if is-following
|
|
(~federation-follow-form
|
|
:action (url-for "social.unfollow") :csrf csrf :actor-url actor-url
|
|
:label "Unfollow"
|
|
:cls "border border-stone-300 rounded px-4 py-2 hover:bg-stone-100")
|
|
(~federation-follow-form
|
|
:action (url-for "social.follow") :csrf csrf :actor-url actor-url
|
|
:label "Follow"
|
|
:cls "bg-stone-800 text-white rounded px-4 py-2 hover:bg-stone-700"))))
|
|
:timeline (~federation-timeline-items
|
|
:items items :timeline-type "actor" :actor actor
|
|
:next-url (when (not (empty? items))
|
|
(url-for "social.actor_timeline_page"
|
|
:id (get remote-actor "id")
|
|
:before (get (last items) "before_cursor")))))))
|