Update API and adapt new values

Author: willianjusten

app/api/index.ts

@@ -12,8 +12,11 @@ class API {
     }
   }
 
+  // https://proxy.boxscores.site/?apiUrl=stats.nba.com/stats/scoreboardv3&GameDate=2023-12-18&LeagueID=00
   static async getGamesByDate(date: string | undefined) {
-    const response = await fetch(`${API_URL.base}v2/${date}/scoreboard.json`)
+    const response = await fetch(
+      `${API_URL.base}/stats/scoreboardv3&GameDate=${date}&LeagueID=00`,
+    )
     const data = await response.json()
     return {
       data,

app/components/GamesList/index.tsx

@@ -18,30 +18,30 @@ export function GamesList({ games }: GamesListProps) {
       ) : (
         games.map(
           ({
-            seasonYear,
             gameId,
-            startTimeUTC,
-            statusNum,
+            gameCode,
+            gameTimeUTC,
+            gameStatus,
             period,
-            clock,
-            vTeam,
-            hTeam,
+            gameClock,
+            awayTeam,
+            homeTeam,
             playoffs,
           }) => (
             <Link
               prefetch="intent"
-              to={`/game/${seasonYear}/${gameId}`}
+              to={`/game/${gameCode.slice(0, 4)}/${gameId}`}
               key={gameId}
             >
               <GameCard
-                startTime={startTimeUTC}
-                status={statusNum}
+                startTime={gameTimeUTC}
+                status={gameStatus}
                 period={period.current}
                 isEndOfPeriod={period.isEndOfPeriod}
                 isHalftime={period.isHalftime}
-                clock={clock}
-                vTeam={vTeam}
-                hTeam={hTeam}
+                clock={gameClock}
+                vTeam={awayTeam}
+                hTeam={homeTeam}
                 playoffs={playoffs}
               />
             </Link>

app/components/TeamInfo/index.tsx

@@ -10,14 +10,16 @@ export type TeamInfoProps = {
 }
 
 export function TeamInfo({ team, isPlayoffs = false }: TeamInfoProps) {
+  const teamCode = team.teamTricode || team.triCode
+
   return (
     <div className="flex w-1/4 flex-col items-center text-center">
-      <TeamLogo team={team.triCode} size={48} />
+      <TeamLogo team={teamCode!} size={48} />
       <p className="mt-1 whitespace-nowrap text-sm font-semibold">
-        {TEAM_NAME[team.triCode as keyof typeof TEAM_NAME]}
+        {TEAM_NAME[teamCode as keyof typeof TEAM_NAME]}
       </p>
-      {!isPlayoffs && team.win && team.loss && (
-        <p className="text-xs text-gray-400">{`${team.win}-${team.loss}`}</p>
+      {!isPlayoffs && team.wins && team.losses && (
+        <p className="text-xs text-gray-400">{`${team.wins}-${team.losses}`}</p>
       )}
     </div>
   )

app/constants.ts

@@ -1,7 +1,7 @@
 export const DEFAULT_DOMAIN = 'https://nba-remix.vercel.app'
 
 export const API_URL = {
-  base: 'http://data.nba.net/prod/',
+  base: 'https://proxy.boxscores.site/?apiUrl=stats.nba.com',
   details: 'https://data.nba.com/',
 }
 
@@ -113,7 +113,7 @@ export const REGULAR_MONTH_END = 5
 export const REGULAR_PERIOD_COUNT = 4
 
 export const DATE_DISPLAY_FORMAT = 'dd MMMM yyyy'
-export const DATE_LINK_FORMAT = 'yyyyMMdd'
+export const DATE_LINK_FORMAT = 'yyyy-MM-dd'
 export const EST_IANA_ZONE_ID = 'America/New_York'
 export const ONE_YEAR_IN_SECONDS = 365 * 24 * 60 * 60
 

app/routes/$date.tsx

@@ -56,7 +56,9 @@ export const loader: LoaderFunction = async ({ params, request }) => {
   }
 
   const {
-    data: { games },
+    data: {
+      scoreboard: { games },
+    },
   } = await API.getGamesByDate(params.date)
 
   return json<LoaderData>({ games, requestInfo })

app/routes/index.tsx

@@ -46,7 +46,9 @@ export const loader: LoaderFunction = async ({ request }) => {
   }
 
   const {
-    data: { games },
+    data: {
+      scoreboard: { games },
+    },
   } = await API.getGamesByDate(date)
 
   return json<LoaderData>({ games, requestInfo })

app/types.ts

@@ -6,9 +6,10 @@ export type RequestInfo = {
 export type Team = {
   tn?: string
   score?: string
-  triCode: string
-  win?: string
-  loss?: string
+  triCode?: string
+  teamTricode?: string
+  wins?: string
+  losses?: string
 }
 
 export type TeamScore = {
@@ -123,9 +124,10 @@ export type Game = {
 
 export type GameList = {
   gameId: string
+  gameCode: string
   seasonYear: string
-  startTimeUTC: string
-  statusNum: number
+  gameTimeUTC: string
+  gameStatus: number
   period: {
     current: number
     isHalftime: boolean
@@ -134,9 +136,9 @@ export type GameList = {
   playoffs?: {
     seriesSummaryText: string
   }
-  clock?: string
-  vTeam: Team
-  hTeam: Team
+  gameClock?: string
+  awayTeam: Team
+  homeTeam: Team
 }
 
 export type SocialMetas = {