Match Highlight Adapter (Mr. Doge SDK)

1import type { Match, MatchDetail } from "@mrdoge/protocol"
2import type { MatchHighlightCompetitionMatch, MatchHighlightDataProps } from "@/registry/mrdoge-ui/match-highlight/match-highlight"
3 
4// Public, unauthenticated, cached CDN. Not part of the Team/Region shape
5// itself. See /docs/reference/images.
6function teamLogoUrl(teamId: number) {
7  return `https://api.mrdoge.co/images/teams/${teamId}.png`
8}
9 
10function regionLogoUrl(regionId: number) {
11  return `https://api.mrdoge.co/images/regions/${regionId}.png`
12}
13 
14/**
15 * Maps a real `matches.get()` / `matches.subscribe()` response to Match
16 * Highlight's props. If the SDK's shape changes, this fails to compile.
17 *
18 * Cards and corners are soccer-specific. MatchStats is a discriminated
19 * union per sport, so this narrows before reading them; other sports get
20 * no stats row at all rather than misleading zeros.
21 *
22 * Doesn't populate `competitionMatches`/`onOpenCompetitionMatches`/
23 * `onSelectCompetitionMatch`: those need a live query for "other matches
24 * today in this competition", which a single-match adapter can't run on
25 * its own. Add them at the call site (see the demo).
26 */
27export function matchToMatchHighlightProps(match: MatchDetail): MatchHighlightDataProps {
28  const stats = match.stats?.sport === "soccer" ? match.stats : undefined
29  const clock = match.stats?.clock
30 
31  return {
32    status: match.status,
33    competition: match.competition.name,
34    region: { name: match.region.name, logoUrl: regionLogoUrl(match.region.id) },
35    kickoff: match.startTime,
36    home: {
37      name: match.homeTeam.name,
38      logoUrl: teamLogoUrl(match.homeTeam.id),
39      yellowCards: stats?.homeYellowCards,
40      redCards: stats?.homeRedCards,
41      corners: stats?.homeCorners,
42    },
43    away: {
44      name: match.awayTeam.name,
45      logoUrl: teamLogoUrl(match.awayTeam.id),
46      yellowCards: stats?.awayYellowCards,
47      redCards: stats?.awayRedCards,
48      corners: stats?.awayCorners,
49    },
50    homeScore: match.stats?.homeScore,
51    awayScore: match.stats?.awayScore,
52    clock: clock
53      ? {
54          state: clock.state,
55          display: clock.display,
56          displayLong: clock.displayLong,
57          elapsedSeconds: clock.elapsedSeconds,
58          referenceTime: clock.referenceTime,
59          minute: clock.minute,
60          stoppage: clock.stoppage,
61        }
62      : undefined,
63  }
64}
65 
66function toCompetitionMatchInfo(match: Match): string | undefined {
67  if (match.status === "upcoming") {
68// … truncated