Add cookie utils to set and get the favoriteTeam - closes #103 (#106)

app/constants.ts

@@ -115,6 +115,7 @@ export const REGULAR_PERIOD_COUNT = 4
 export const DATE_DISPLAY_FORMAT = 'dd MMMM yyyy'
 export const DATE_LINK_FORMAT = 'yyyyMMdd'
 export const EST_IANA_ZONE_ID = 'America/New_York'
+export const ONE_YEAR_IN_SECONDS = 365 * 24 * 60 * 60
 
 export const TIME_TO_REFETCH = 20000 // 20s
 export const TIME_TO_CACHE = 15 // 15s

app/cookies.ts

@@ -0,0 +1,21 @@
+import { createCookie } from 'remix'
+
+import { Team, UserPreferences } from '~/types'
+
+import { ONE_YEAR_IN_SECONDS } from './constants'
+
+const userPrefsCookie = createCookie('user-prefs', {
+  maxAge: ONE_YEAR_IN_SECONDS,
+})
+
+export async function getUserPrefsCookie(request: Request) {
+  const cookie: UserPreferences =
+    (await userPrefsCookie.parse(request.headers.get('Cookie'))) || {}
+  return {
+    getFavoriteTeam: (): Team | undefined => cookie.favoriteTeam,
+    setFavoriteTeam: (team: Team) => {
+      cookie.favoriteTeam = team
+    },
+    commitUserPrefs: () => userPrefsCookie.serialize(cookie),
+  }
+}

app/types.ts

@@ -133,3 +133,7 @@ export type SocialMetas = {
   origin?: string
   image?: string
 }
+
+export type UserPreferences = {
+  favoriteTeam: Team | undefined
+}