mirror of
https://github.com/PR0M3TH3AN/bitvid.git
synced 2026-10-27 07:52:24 +00:00
thePR0M3TH3ANandClaude Fable 5
8d45f25962
Diagnosis (live, verified): the zap-totals pipeline is correct end to end — a seeded receipt queries and sums to the right sats — but of 310 kind-9735 receipts reachable on the relays, ZERO reference any bitvid video, so every badge was legitimately hidden. That reads as "broken" and profile zaps to a Lightning address never attach to a video, so hidden-when-zero left the feature invisible in practice. Show the counter always, like the view counter it sits beside: "0 sats" until a receipt lands, then the summed total. Card binder and modal render no longer gate on sats>0; the badge is revealed on bind/open and re-hidden on modal close (no video open). Live-checked: 158/158 cards render the badge. Tests spec-corrected with integrity notes. Co-Authored-By: Claude Fable 5 <[email protected]>
109 lines
3.2 KiB
JavaScript
109 lines
3.2 KiB
JavaScript
// js/ui/views/videoCardZapTotals.js
|
|
//
|
|
// Per-card zap-total binding (#47 follow-up): fills each video card's
|
|
// [data-zap-total] span from the shared zapTotals cache and reveals the
|
|
// orange sats badge once a nonzero total is known. bind() reads the cached
|
|
// total AND schedules a batched receipt fetch for unknown pointers
|
|
// (requestVideoZapTotal); one shared onZapTotalsChanged listener re-renders
|
|
// every bound card when a batch lands. Kept out of VideoListView.js for its
|
|
// file-size budget.
|
|
|
|
import {
|
|
requestVideoZapTotal,
|
|
getVideoZapTotalSnapshot,
|
|
onZapTotalsChanged,
|
|
} from "../../zapTotals.js";
|
|
import { formatViewCount } from "../../viewCounter.js";
|
|
|
|
function defaultFormatSats(sats) {
|
|
return `${formatViewCount(sats)} sats`;
|
|
}
|
|
|
|
export function createZapTotalBinder({ formatSats = defaultFormatSats } = {}) {
|
|
const entries = new Map(); // pointerKey → { pointer, elements:Set }
|
|
let unsubscribe = null;
|
|
|
|
// Always visible, mirroring the view counter (a zero is a real, informative
|
|
// value — "this hasn't been zapped yet" — not noise to hide). The wrapper
|
|
// starts hidden in markup and is revealed on first bind so cards without a
|
|
// pointer stay clean.
|
|
const renderElement = (el, sats) => {
|
|
const wrapper = el.closest?.(".video-card__zaps") || null;
|
|
const value = Number.isFinite(sats) && sats > 0 ? sats : 0;
|
|
el.textContent = formatSats(value);
|
|
wrapper?.classList?.remove("hidden");
|
|
};
|
|
|
|
const renderKey = (key) => {
|
|
const entry = entries.get(key);
|
|
if (!entry) {
|
|
return;
|
|
}
|
|
const sats = getVideoZapTotalSnapshot(entry.pointer);
|
|
for (const el of Array.from(entry.elements)) {
|
|
if (!el || !el.isConnected) {
|
|
entry.elements.delete(el);
|
|
continue;
|
|
}
|
|
renderElement(el, sats);
|
|
}
|
|
if (!entry.elements.size) {
|
|
entries.delete(key);
|
|
}
|
|
};
|
|
|
|
const ensureSubscribed = () => {
|
|
if (!unsubscribe) {
|
|
unsubscribe = onZapTotalsChanged(() => {
|
|
for (const key of Array.from(entries.keys())) {
|
|
renderKey(key);
|
|
}
|
|
});
|
|
}
|
|
};
|
|
|
|
return {
|
|
bind(cardEl, pointerInfo) {
|
|
if (!cardEl || !pointerInfo?.key || !pointerInfo?.pointer) {
|
|
return;
|
|
}
|
|
const el = cardEl.querySelector?.("[data-zap-total]");
|
|
if (!el) {
|
|
return;
|
|
}
|
|
let entry = entries.get(pointerInfo.key);
|
|
if (!entry) {
|
|
entry = { pointer: pointerInfo.pointer, elements: new Set() };
|
|
entries.set(pointerInfo.key, entry);
|
|
}
|
|
entry.elements.add(el);
|
|
ensureSubscribed();
|
|
// Cached total now (also schedules the batched fetch when unknown).
|
|
renderElement(el, requestVideoZapTotal(pointerInfo.pointer));
|
|
},
|
|
prune() {
|
|
for (const [key, entry] of Array.from(entries.entries())) {
|
|
for (const el of Array.from(entry.elements)) {
|
|
if (!el || !el.isConnected) {
|
|
entry.elements.delete(el);
|
|
}
|
|
}
|
|
if (!entry.elements.size) {
|
|
entries.delete(key);
|
|
}
|
|
}
|
|
},
|
|
destroy() {
|
|
if (typeof unsubscribe === "function") {
|
|
try {
|
|
unsubscribe();
|
|
} catch (error) {
|
|
// best effort
|
|
}
|
|
unsubscribe = null;
|
|
}
|
|
entries.clear();
|
|
},
|
|
};
|
|
}
|