@sensiblestats/widget-react 0.46.0 → 0.47.0

package/dist/index.js

@@ -91,6 +91,7 @@ var STRINGS = {
     accordionSuspended: "Suspended",
     tabToday: "Today",
     sectionLive: "Live",
+    halfTime: "HT",
     staleStates: "Live scores can't be updated \u2014 showing the last known state."
   },
   tr: {
@@ -168,6 +169,7 @@ var STRINGS = {
     accordionSuspended: "Ask\u0131da",
     tabToday: "Bug\xFCn",
     sectionLive: "Canl\u0131",
+    halfTime: "\u0130Y",
     staleStates: "Canl\u0131 skorlar g\xFCncellenemiyor \u2014 son bilinen durum g\xF6steriliyor."
   }
 };
@@ -246,6 +248,7 @@ function normalizeUi(cfg) {
     tabOdds: strings.tabOdds,
     tabToday: strings.tabToday,
     sectionLive: strings.sectionLive,
+    halfTime: strings.halfTime,
     staleStates: strings.staleStates,
     pinLabel: strings.pinLabel,
     unpinLabel: strings.unpinLabel,
@@ -1505,8 +1508,40 @@ 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}'`;
+}
+
 // src/useMatchDiscovery.ts
 var POLL_MS = 6e4;
+var CLOCK_MS = 1e4;
 var ROLLOVER_CHECK_MS = 6e4;
 var STALE_AFTER_FAILURES = 2;
 function localDateOf(now) {
@@ -1519,6 +1554,7 @@ 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);
@@ -1596,16 +1632,21 @@ 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").length,
-    [states, stale]
+    () => stale ? 0 : Object.values(states).filter((s) => s.phase === "live" && !isReadingStale(s, nowMs)).length,
+    [states, stale, nowMs]
   );
   const toggleGroup = useCallback3((competitionId) => {
     setTouched((prev) => ({ ...prev, [competitionId]: true }));
     setExpanded((prev) => ({ ...prev, [competitionId]: !prev[competitionId] }));
   }, []);
-  return { groups, states, liveCount, stale, expanded, toggleGroup, _tick: tick };
+  return { groups, states, nowMs, liveCount, stale, expanded, toggleGroup, _tick: tick };
 }
 
 // src/eventLogContext.ts
@@ -2963,7 +3004,7 @@ function computeDisplayMinute(minute, clockRunning, receivedAtMs) {
   return minute + Math.min(Math.max(0, elapsedMinutes), MAX_LIVE_TICK_MINUTES);
 }
 function useLiveClock(minute, clockRunning, receivedAtMs) {
-  const [displayMinute, setDisplayMinute] = useState15(
+  const [displayMinute2, setDisplayMinute] = useState15(
     () => computeDisplayMinute(minute, clockRunning, receivedAtMs)
   );
   useEffect9(() => {
@@ -2974,7 +3015,7 @@ function useLiveClock(minute, clockRunning, receivedAtMs) {
     }, TICK_MS);
     return () => window.clearInterval(id);
   }, [minute, clockRunning, receivedAtMs]);
-  return displayMinute;
+  return displayMinute2;
 }
 
 // src/components/dashboard/LiveScoreCard.tsx
@@ -3006,7 +3047,7 @@ function LiveScoreCard({
   if (!seedRef.current || seedRef.current.key !== seedKey) {
     seedRef.current = { key: seedKey, receivedAtMs: Date.now() };
   }
-  const displayMinute = useLiveClock(data.minute, data.clockRunning, seedRef.current.receivedAtMs);
+  const displayMinute2 = 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: [
@@ -3016,7 +3057,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: `${displayMinute}${minuteSuffix}` }),
+      /* @__PURE__ */ jsx36("span", { className: "ss-w-fandash-live-minute", children: `${displayMinute2}${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: [
@@ -3698,12 +3739,14 @@ function Side({ name, crest }) {
     /* @__PURE__ */ jsx49("span", { className: "ss-w-drow-nm", children: name })
   ] });
 }
-function FixtureRow({ match, state, stale, ui, monitor }) {
-  const isLive = state?.phase === "live" && !stale;
+function FixtureRow({ match, state, stale, nowMs, ui, monitor }) {
+  const readingStale = isReadingStale(state, nowMs);
+  const isLive = state?.phase === "live" && !stale && !readingStale;
   const hasScore = (state?.phase === "live" || state?.phase === "fullTime") && typeof state.homeScore === "number" && typeof state.awayScore === "number";
-  const when = stale && state?.phase === "live" ? "\u2014" : isLive ? state?.minuteLabel ?? "\u2014" : kickoffLabel(match.kickoffUnix);
-  return /* @__PURE__ */ jsxs44("div", { className: isLive ? "ss-w-drow ss-w-drow--live" : "ss-w-drow", children: [
-    /* @__PURE__ */ jsx49("span", { className: isLive ? "ss-w-drow-when ss-w-drow-when--live" : "ss-w-drow-when", children: when }),
+  const ticked = displayMinute(state, nowMs);
+  const when = state?.isHalfTime && !stale ? ui.halfTime : isLive ? ticked ?? "\u2014" : state?.phase === "live" ? "\u2014" : kickoffLabel(match.kickoffUnix);
+  return /* @__PURE__ */ jsxs44("div", { className: isLive || state?.isHalfTime ? "ss-w-drow ss-w-drow--live" : "ss-w-drow", children: [
+    /* @__PURE__ */ jsx49("span", { className: isLive || state?.isHalfTime ? "ss-w-drow-when ss-w-drow-when--live" : "ss-w-drow-when", children: when }),
     /* @__PURE__ */ jsxs44("span", { className: "ss-w-drow-fx", children: [
       /* @__PURE__ */ jsx49(Side, { name: match.homeTeamName, crest: match.homeTeamImagePath }),
       /* @__PURE__ */ jsx49("span", { className: "ss-w-drow-dash", children: "\u2013" }),
@@ -3716,7 +3759,7 @@ function FixtureRow({ match, state, stale, ui, monitor }) {
 
 // src/components/CompetitionGroup.tsx
 import { jsx as jsx50, jsxs as jsxs45 } from "react/jsx-runtime";
-function CompetitionGroup({ group, open, onToggle, states, stale, ui, monitor, disambiguate = false }) {
+function CompetitionGroup({ group, open, onToggle, states, stale, nowMs, ui, monitor, disambiguate = false }) {
   const own = group.matches.filter((m) => states[m.matchId]?.phase !== "live" || stale);
   const hasLive = own.length !== group.matches.length;
   return /* @__PURE__ */ jsxs45("div", { className: "ss-w-grp", children: [
@@ -3733,14 +3776,14 @@ function CompetitionGroup({ group, open, onToggle, states, stale, ui, monitor, d
       ] }),
       /* @__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, 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, nowMs, 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, stale, expanded, toggleGroup } = discovery;
+  const { groups, states, nowMs, stale, expanded, toggleGroup } = discovery;
   const liveRows = stale ? [] : groups.flatMap((group) => group.matches.filter((m) => states[m.matchId]?.phase === "live").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;
@@ -3759,6 +3802,7 @@ function TodayPanel({ discovery, ui, monitor }) {
           match,
           state: states[match.matchId],
           stale,
+          nowMs,
           ui,
           monitor
         },
@@ -3774,6 +3818,7 @@ function TodayPanel({ discovery, ui, monitor }) {
         disambiguate: (nameCounts[group.competitionName] ?? 0) > 1,
         states,
         stale,
+        nowMs,
         ui,
         monitor
       },