{!full && (
// Three lines held for the answer while the sources are read, gone as the first word lands.
0 && "opacity-0",
)}
>
{SKELETON.map((width, i) => (
))}
)}
{plan.claims.map((claim, i) => {
const lit = litClaims.has(i);
const dim = linking && !lit;
// Hidden words aren't there to point at yet.
const written = claim.start + claim.words.length <= shownWords;
const toggleClaim = () => {
if (pointer.current === "mouse" || !written) return;
setLink(activeLink?.kind === "claim" && activeLink.index === i ? null : { run, kind: "claim", index: i });
};
return (
-
{plan.order.map(({ source, num }, i) => {
const dealt = i < readCount;
const lit = litSources.has(source.id);
const dim = linking && !lit;
const open = activePreview?.id === source.id;
const Tag = source.href ? "a" : "button";
return (
-
{ if (event.pointerType !== "mouse") return; holdLink({ run, kind: "source", id: source.id }); window.clearTimeout(leave.current); window.clearTimeout(intent.current); if (!open) intent.current = window.setTimeout(() => openPreview(source.id), TIMING.intent); }} onPointerLeave={(event: React.PointerEvent) => { if (event.pointerType !== "mouse") return; releaseLink(); closePreview(true); }} onFocus={(event: React.FocusEvent ) => { holdLink({ run, kind: "source", id: source.id }); if (event.currentTarget.matches(":focus-visible")) openPreview(source.id); }} onBlur={() => { releaseLink(); closePreview(true); }} onKeyDown={(event: React.KeyboardEvent) => { if (event.key !== " " || !source.href) return; event.preventDefault(); if (open) closePreview(false); else openPreview(source.id); }} onClick={(event: React.MouseEvent) => { const touch = pointer.current !== "mouse" && event.detail > 0; if (!source.href || touch) { event.preventDefault(); if (open) { closePreview(false); setLink(null); } else { openPreview(source.id); if (touch) setLink({ run, kind: "source", id: source.id }); } } }} > {num ?? monogram(source.site)} {source.site}
);
})}
{plan.reads > plan.order.length && (
- 0 ? "opacity-100" : "scale-[0.96] opacity-0", )} > +{full ? plan.reads - plan.order.length : more} more sources )}