@sensiblestats/widget-react 0.48.0 → 0.48.1

package/dist/index.js

@@ -1511,43 +1511,8 @@ function dueMatchIds(groups, states, nowMs) {
   return [...due];
 }
 
-// src/liveClock.ts
-var STALE_READING_MS = 5 * 6e4;
-function parseMinute(label) {
-  if (!label) return null;
-  const plus = /^(\d+)\+(\d+)'$/.exec(label);
-  if (plus) return Number(plus[1]) + Number(plus[2]);
-  const plain = /^(\d+)'$/.exec(label);
-  return plain ? Number(plain[1]) : null;
-}
-function readingAgeMs(state, nowMs) {
-  if (!state?.stateAsOfUtc) return null;
-  const t = Date.parse(state.stateAsOfUtc);
-  return Number.isNaN(t) ? null : Math.max(0, nowMs - t);
-}
-function isReadingStale(state, nowMs) {
-  if (state?.isHalfTime) return false;
-  const age = readingAgeMs(state, nowMs);
-  return age !== null && age > STALE_READING_MS;
-}
-function displayMinute(state, nowMs) {
-  if (!state || state.phase !== "live") return null;
-  if (state.isHalfTime) return null;
-  if (isReadingStale(state, nowMs)) return null;
-  const base = parseMinute(state.minuteLabel);
-  if (base === null) return null;
-  const age = readingAgeMs(state, nowMs);
-  if (age === null) return state.minuteLabel ?? null;
-  const advanced = base + Math.floor(age / 6e4);
-  return `${advanced}'`;
-}
-function isTreatedLive(state, pollStale, nowMs) {
-  return state?.phase === "live" && !pollStale && !isReadingStale(state, nowMs);
-}
-
 // src/useMatchDiscovery.ts
 var POLL_MS = 6e4;
-var CLOCK_MS = 1e4;
 var ROLLOVER_CHECK_MS = 6e4;
 var STALE_AFTER_FAILURES = 2;
 function localDateOf(now) {
@@ -1560,7 +1525,6 @@ function useMatchDiscovery(opts) {
   const [groups, setGroups] = useState2([]);
   const [states, setStates] = useState2({});
   const [failures, setFailures] = useState2(0);
-  const [nowMs, setNowMs] = useState2(() => Date.now());
   const [expanded, setExpanded] = useState2({});
   const [touched, setTouched] = useState2({});
   const groupsRef = useRef4(groups);
@@ -1638,21 +1602,16 @@ function useMatchDiscovery(opts) {
     }, POLL_MS);
     return () => clearInterval(id);
   }, [opts.isOpen, tick, groups]);
-  useEffect4(() => {
-    if (!opts.isOpen) return;
-    const id = setInterval(() => setNowMs(Date.now()), CLOCK_MS);
-    return () => clearInterval(id);
-  }, [opts.isOpen]);
   const stale = failures >= STALE_AFTER_FAILURES;
   const liveCount = useMemo2(
-    () => stale ? 0 : Object.values(states).filter((s) => s.phase === "live" && !isReadingStale(s, nowMs)).length,
-    [states, stale, nowMs]
+    () => stale ? 0 : Object.values(states).filter((s) => s.phase === "live").length,
+    [states, stale]
   );
   const toggleGroup = useCallback3((competitionId) => {
     setTouched((prev) => ({ ...prev, [competitionId]: true }));
     setExpanded((prev) => ({ ...prev, [competitionId]: !prev[competitionId] }));
   }, []);
-  return { groups, states, nowMs, liveCount, stale, expanded, toggleGroup, _tick: tick };
+  return { groups, states, liveCount, stale, expanded, toggleGroup, _tick: tick };
 }
 
 // src/eventLogContext.ts
@@ -3010,7 +2969,7 @@ function computeDisplayMinute(minute, clockRunning, receivedAtMs) {
   return minute + Math.min(Math.max(0, elapsedMinutes), MAX_LIVE_TICK_MINUTES);
 }
 function useLiveClock(minute, clockRunning, receivedAtMs) {
-  const [displayMinute2, setDisplayMinute] = useState15(
+  const [displayMinute, setDisplayMinute] = useState15(
     () => computeDisplayMinute(minute, clockRunning, receivedAtMs)
   );
   useEffect9(() => {
@@ -3021,7 +2980,7 @@ function useLiveClock(minute, clockRunning, receivedAtMs) {
     }, TICK_MS);
     return () => window.clearInterval(id);
   }, [minute, clockRunning, receivedAtMs]);
-  return displayMinute2;
+  return displayMinute;
 }
 
 // src/components/dashboard/LiveScoreCard.tsx
@@ -3053,7 +3012,7 @@ function LiveScoreCard({
   if (!seedRef.current || seedRef.current.key !== seedKey) {
     seedRef.current = { key: seedKey, receivedAtMs: Date.now() };
   }
-  const displayMinute2 = useLiveClock(data.minute, data.clockRunning, seedRef.current.receivedAtMs);
+  const displayMinute = useLiveClock(data.minute, data.clockRunning, seedRef.current.receivedAtMs);
   const minuteSuffix = data.minuteLabel.replace(/^\d+/, "");
   const scorers = scorersLine(goalEvents);
   return /* @__PURE__ */ jsxs32("div", { className: "ss-w-fandash-card ss-w-fandash-live-score", children: [
@@ -3063,7 +3022,7 @@ function LiveScoreCard({
         /* @__PURE__ */ jsx36("span", { className: "ss-w-fandash-live-dot", "aria-hidden": "true" }),
         data.statusLabel
       ] }),
-      /* @__PURE__ */ jsx36("span", { className: "ss-w-fandash-live-minute", children: `${displayMinute2}${minuteSuffix}` }),
+      /* @__PURE__ */ jsx36("span", { className: "ss-w-fandash-live-minute", children: `${displayMinute}${minuteSuffix}` }),
       data.competition ? /* @__PURE__ */ jsx36("span", { className: "ss-w-fandash-live-competition", children: data.competition }) : null
     ] }),
     /* @__PURE__ */ jsxs32("div", { className: "ss-w-fandash-live-main", children: [
@@ -3745,11 +3704,10 @@ function Side({ name, crest }) {
     /* @__PURE__ */ jsx49("span", { className: "ss-w-drow-nm", children: name })
   ] });
 }
-function FixtureRow({ match, state, stale, nowMs, ui, monitor }) {
-  const readingStale = isReadingStale(state, nowMs);
-  const isLive = state?.phase === "live" && !stale && !readingStale;
+function FixtureRow({ match, state, stale, ui, monitor }) {
+  const isLive = state?.phase === "live" && !stale;
   const hasScore = (state?.phase === "live" || state?.phase === "fullTime") && typeof state.homeScore === "number" && typeof state.awayScore === "number";
-  const ticked = displayMinute(state, nowMs);
+  const ticked = state?.phase === "live" ? state.minuteLabel ?? null : null;
   const isFinished = state?.phase === "fullTime";
   const when = state?.isHalfTime && !stale ? ui.halfTime : isLive ? ticked ?? "\u2014" : state?.phase === "live" ? "\u2014" : isFinished ? ui.fullTime : kickoffLabel(match.kickoffUnix);
   const pin = { kind: "match", matchId: match.matchId };
@@ -3765,10 +3723,15 @@ function FixtureRow({ match, state, stale, nowMs, ui, monitor }) {
   ] });
 }
 
+// src/liveClock.ts
+function isTreatedLive(state, pollStale) {
+  return state?.phase === "live" && !pollStale;
+}
+
 // src/components/CompetitionGroup.tsx
 import { jsx as jsx50, jsxs as jsxs45 } from "react/jsx-runtime";
-function CompetitionGroup({ group, open, onToggle, states, stale, nowMs, ui, monitor, disambiguate = false }) {
-  const own = group.matches.filter((m) => !isTreatedLive(states[m.matchId], stale, nowMs));
+function CompetitionGroup({ group, open, onToggle, states, stale, ui, monitor, disambiguate = false }) {
+  const own = group.matches.filter((m) => !isTreatedLive(states[m.matchId], stale));
   const hasLive = own.length !== group.matches.length;
   if (own.length === 0) {
     return null;
@@ -3787,15 +3750,15 @@ function CompetitionGroup({ group, open, onToggle, states, stale, nowMs, ui, mon
       ] }),
       /* @__PURE__ */ jsx50("span", { className: "ss-w-grp-count", children: own.length })
     ] }),
-    open && /* @__PURE__ */ jsx50("div", { className: "ss-w-grp-body", children: own.map((m) => /* @__PURE__ */ jsx50(FixtureRow, { match: m, state: states[m.matchId], stale, nowMs, ui, monitor }, m.matchId)) })
+    open && /* @__PURE__ */ jsx50("div", { className: "ss-w-grp-body", children: own.map((m) => /* @__PURE__ */ jsx50(FixtureRow, { match: m, state: states[m.matchId], stale, ui, monitor }, m.matchId)) })
   ] });
 }
 
 // src/components/TodayPanel.tsx
 import { Fragment as Fragment7, jsx as jsx51, jsxs as jsxs46 } from "react/jsx-runtime";
 function TodayPanel({ discovery, ui, monitor }) {
-  const { groups, states, nowMs, stale, expanded, toggleGroup } = discovery;
-  const liveRows = stale ? [] : groups.flatMap((group) => group.matches.filter((m) => isTreatedLive(states[m.matchId], stale, nowMs)).map((match) => ({ match, rank: group.rank }))).sort((a, b) => a.rank - b.rank);
+  const { groups, states, stale, expanded, toggleGroup } = discovery;
+  const liveRows = stale ? [] : groups.flatMap((group) => group.matches.filter((m) => isTreatedLive(states[m.matchId], stale)).map((match) => ({ match, rank: group.rank }))).sort((a, b) => a.rank - b.rank);
   const nameCounts = groups.reduce((acc, g) => {
     acc[g.competitionName] = (acc[g.competitionName] ?? 0) + 1;
     return acc;
@@ -3813,7 +3776,6 @@ function TodayPanel({ discovery, ui, monitor }) {
           match,
           state: states[match.matchId],
           stale,
-          nowMs,
           ui,
           monitor
         },
@@ -3829,7 +3791,6 @@ function TodayPanel({ discovery, ui, monitor }) {
         disambiguate: (nameCounts[group.competitionName] ?? 0) > 1,
         states,
         stale,
-        nowMs,
         ui,
         monitor
       },