gabriel / musehub public
activity.ts typescript
80 lines 2.8 KB
Raw
sha256:0032d6cfa33bc3c8367436ad768e7dd0e339b4332153160247da8266cb5fa352 Merge branch 'task/version-tags-phase3-server' into dev Human 17 days ago
1 /**
2 * Activity feed – progressive enhancement.
3 *
4 * Responsibilities:
5 * 1. Row entrance animations (staggered fade-in via IntersectionObserver).
6 * 2. Keep the "latest event" timestamp chip up-to-date without a full reload
7 * by re-rendering relative timestamps every 60 s.
8 */
9
10 declare global {
11 interface Window {
12 __activityCfg?: { base: string };
13 }
14 }
15
16 // ── Relative-time refresh ─────────────────────────────────────────────────
17
18 /** Parse an ISO datetime string and return a human-readable relative label. */
19 function relativeLabel(iso: string): string {
20 const ms = Date.now() - new Date(iso).getTime();
21 const s = Math.floor(ms / 1000);
22 if (s < 60) return "just now";
23 const m = Math.floor(s / 60);
24 if (m < 60) return `${m}m ago`;
25 const h = Math.floor(m / 60);
26 if (h < 24) return `${h}h ago`;
27 const d = Math.floor(h / 24);
28 return `${d}d ago`;
29 }
30
31 function refreshTimestamps(): void {
32 document.querySelectorAll<HTMLElement>("[data-iso]").forEach(el => {
33 const iso = el.dataset.iso;
34 if (iso) el.textContent = relativeLabel(iso);
35 });
36 }
37
38 // ── Row entrance animation ────────────────────────────────────────────────
39
40 function attachRowAnimations(root: Element = document.body): void {
41 const rows = root.querySelectorAll<HTMLElement>(".av-row, .av-date-header");
42 if (!rows.length) return;
43
44 const io = new IntersectionObserver((entries) => {
45 entries.forEach((entry, i) => {
46 if (!entry.isIntersecting) return;
47 const el = entry.target as HTMLElement;
48 el.style.animationDelay = `${i * 30}ms`;
49 el.classList.add("av-row--visible");
50 io.unobserve(el);
51 });
52 }, { threshold: 0.05 });
53
54 rows.forEach(row => {
55 row.classList.add("av-row--hidden");
56 io.observe(row);
57 });
58 }
59
60 // ── HTMX post-swap re-init ────────────────────────────────────────────────
61
62 function bindHtmxSwap(): void {
63 document.body.addEventListener("htmx:afterSwap", (e: Event) => {
64 const target = (e as CustomEvent).detail?.target as HTMLElement | undefined;
65 if (!target) return;
66 if (target.id === "av-feed" || target.closest("#av-feed")) {
67 attachRowAnimations(target);
68 refreshTimestamps();
69 }
70 });
71 }
72
73 // ── Entry point ───────────────────────────────────────────────────────────
74
75 export function initActivity(): void {
76 attachRowAnimations();
77 refreshTimestamps();
78 setInterval(refreshTimestamps, 60_000);
79 bindHtmxSwap();
80 }
File History 10 commits
sha256:0032d6cfa33bc3c8367436ad768e7dd0e339b4332153160247da8266cb5fa352 Merge branch 'task/version-tags-phase3-server' into dev Human 17 days ago
sha256:4669620efda9ff41c55bdefd1f7bfe1c239d468428744c84ead9957e5a003a53 merge: rescue snapshot-recovery hardening (c00aa21d) into d… Opus 4.8 minor ⚠ 30 days ago
sha256:a59da49c4611b970fc4b6ae48678ce4943261c213a07ddbd73ce9201df869b4a fix: remove false-positive proposal_comments index drop fro… Sonnet 4.6 patch 34 days ago
sha256:0a240d6dbff234f07d98a28a4a9a68db702f3f9ff9260196f24219bdb1c0b6f3 feat: render markdown mists as HTML with heading anchor links Sonnet 4.6 patch 34 days ago
sha256:24a7d47486ebc4ebd1832830580e177ec6f877b48dced8c000e198cdec4ce9d6 Merge 'task/bump-version-rc12' into 'dev' — proposal: Bump … Human 35 days ago
sha256:b9ff931d147e0114a1f17060f415b89ed551c170a91ff226c70437aa5c85f9ee Merge 'task/bump-version-rc12' into 'dev' — proposal: Bump … Human 35 days ago
sha256:d1122d21e73471879b460037b22c0b50fded7c423444a176f248428f75dac39c Merge 'task/fix-issue-pagination-cursor' into 'dev' — propo… Human 35 days ago
sha256:01e18975e73d2b3cd5b6db7929c895bef9aa6e0d4391dc5b2adfc548b41318dd Merge 'feat/adding-debug-logs-to-staging' into 'dev' — prop… Human 36 days ago
sha256:6b1949fc2797ca4c1936a637a4cbfec828ef56cf52398a2e74ca3c4f494e728f fix: use wire_bytes not mpack_bytes_raw in compute_object_b… Sonnet 4.6 patch 48 days ago
sha256:b99f2455dc346966d040133f5203297e6e3ef5803a93728a2c30568d0a0f7583 rename: delta_add → delta_upsert across wire format, models… Sonnet 4.6 patch 50 days ago