From 48f0c423d5f167fcbd4a12e02fdf4fac9272670e Mon Sep 17 00:00:00 2001
From: Nelson Lai <me@nelsonlai.dev>
Date: Sun, 8 Mar 2026 16:54:06 +0800
Subject: [PATCH] refactor: remove spotify since it requires premium account

---
 .env.example                            |  7 --
 src/components/layout/layout-footer.tsx |  2 -
 src/components/layout/now-playing.tsx   | 38 ----------
 src/env.ts                              |  4 -
 src/hooks/queries/stats.query.ts        |  4 -
 src/i18n/messages/en.json               |  5 --
 src/i18n/messages/es.json               |  5 --
 src/i18n/messages/ja.json               |  5 --
 src/i18n/messages/pt-BR.json            |  5 --
 src/i18n/messages/zh-CN.json            |  5 --
 src/i18n/messages/zh-TW.json            |  5 --
 src/orpc/routers/index.ts               |  2 -
 src/orpc/routers/spotify.router.ts      | 97 -------------------------
 src/orpc/schemas/spotify.schema.ts      | 33 ---------
 14 files changed, 217 deletions(-)
 delete mode 100644 src/components/layout/now-playing.tsx
 delete mode 100644 src/orpc/routers/spotify.router.ts
 delete mode 100644 src/orpc/schemas/spotify.schema.ts

diff --git a/.env.example b/.env.example
index 566de870d..f964a917c 100644
--- a/.env.example
+++ b/.env.example
@@ -23,13 +23,6 @@ IP_ADDRESS_SALT="random-passphrase"
 # https://www.better-auth.com/docs/installation#set-environment-variables
 BETTER_AUTH_SECRET="super_secret_key_32_chars_minimum"
 
-# [Optional]
-# Spotify Now Playing
-# https://developer.spotify.com/documentation/web-api/reference/get-the-users-currently-playing-track
-SPOTIFY_CLIENT_ID=
-SPOTIFY_CLIENT_SECRET=
-SPOTIFY_REFRESH_TOKEN=
-
 # [Optional]
 # Dashboard page
 
diff --git a/src/components/layout/layout-footer.tsx b/src/components/layout/layout-footer.tsx
index 43c9b237b..84c8c8fe4 100644
--- a/src/components/layout/layout-footer.tsx
+++ b/src/components/layout/layout-footer.tsx
@@ -7,14 +7,12 @@ import { FOOTER_GROUPS } from '@/constants/navigation'
 
 import { GithubStarButton } from './github-star-button'
 import { LocaleSwitcher } from './locale-switcher'
-import { NowPlaying } from './now-playing'
 
 export function LayoutFooter() {
   const t = useTranslations()
 
   return (
     <footer className='mx-auto mb-12 w-full max-w-5xl rounded-2xl bg-background/30 p-8 backdrop-blur-md'>
-      <NowPlaying className='mb-12' />
       <div className='mb-30 grid grid-cols-2 gap-10 sm:grid-cols-3'>
         {FOOTER_GROUPS.map((group, index) => (
           <div key={index} className='flex flex-col items-start gap-4'>
diff --git a/src/components/layout/now-playing.tsx b/src/components/layout/now-playing.tsx
deleted file mode 100644
index 8a0e47eb3..000000000
--- a/src/components/layout/now-playing.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-'use client'
-
-import { useTranslations } from 'next-intl'
-
-import { Link } from '@/components/ui/link'
-import { useSpotifyStats } from '@/hooks/queries/stats.query'
-import { cn } from '@/utils/cn'
-
-type NowPlayingProps = React.ComponentProps<'div'>
-
-export function NowPlaying(props: NowPlayingProps) {
-  const { className, ...rest } = props
-  const { data, isSuccess, isLoading, isError } = useSpotifyStats()
-  const t = useTranslations()
-
-  const isPlaying = isSuccess && data.isPlaying
-  const notPlaying = isSuccess && !data.isPlaying
-
-  return (
-    <div className={cn('flex items-center gap-4 text-center text-sm md:text-left', className)} {...rest}>
-      <svg role='img' viewBox='0 0 24 24' fill='#1ED760' width={20} xmlns='http://www.w3.org/2000/svg'>
-        <title>Spotify</title>
-        <path d='M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.66 0 12 0zm5.521 17.34c-.24.359-.66.48-1.021.24-2.82-1.74-6.36-2.101-10.561-1.141-.418.122-.779-.179-.899-.539-.12-.421.18-.78.54-.9 4.56-1.021 8.52-.6 11.64 1.32.42.18.479.659.301 1.02zm1.44-3.3c-.301.42-.841.6-1.262.3-3.239-1.98-8.159-2.58-11.939-1.38-.479.12-1.02-.12-1.14-.6-.12-.48.12-1.021.6-1.141C9.6 9.9 15 10.561 18.72 12.84c.361.181.54.78.241 1.2zm.12-3.36C15.24 8.4 8.82 8.16 5.16 9.301c-.6.179-1.2-.181-1.38-.721-.18-.601.18-1.2.72-1.381 4.26-1.26 11.28-1.02 15.721 1.621.539.3.719 1.02.419 1.56-.299.421-1.02.599-1.559.3z' />
-      </svg>
-
-      <p className='flex-1'>
-        {isPlaying && (
-          <Link href={data.songUrl}>
-            {data.name} - {data.artist}
-          </Link>
-        )}
-        {notPlaying && t('layout.now-playing.not-listening')}
-        {isLoading && t('layout.now-playing.loading')}
-        {isError && t('error.now-playing-error')}
-      </p>
-    </div>
-  )
-}
diff --git a/src/env.ts b/src/env.ts
index 15807ff41..fbd3647cc 100644
--- a/src/env.ts
+++ b/src/env.ts
@@ -27,10 +27,6 @@ export const env = createEnv({
     BETTER_AUTH_SECRET: z.string().min(1),
 
     // Optional
-    SPOTIFY_CLIENT_ID: z.string().min(1).optional(),
-    SPOTIFY_CLIENT_SECRET: z.string().min(1).optional(),
-    SPOTIFY_REFRESH_TOKEN: z.string().min(1).optional(),
-
     GOOGLE_API_KEY: z.string().min(1).optional(),
     GITHUB_TOKEN: z.string().min(1).optional(),
     WAKATIME_API_KEY: z.string().min(1).optional(),
diff --git a/src/hooks/queries/stats.query.ts b/src/hooks/queries/stats.query.ts
index eb5456a26..217887240 100644
--- a/src/hooks/queries/stats.query.ts
+++ b/src/hooks/queries/stats.query.ts
@@ -21,7 +21,3 @@ export function useViewStats() {
 export function useWakatimeStats() {
   return useQuery(orpc.wakatime.getStats.queryOptions({ refetchOnWindowFocus: false }))
 }
-
-export function useSpotifyStats() {
-  return useQuery(orpc.spotify.getStats.queryOptions())
-}
diff --git a/src/i18n/messages/en.json b/src/i18n/messages/en.json
index 400635376..ca4794fcf 100644
--- a/src/i18n/messages/en.json
+++ b/src/i18n/messages/en.json
@@ -181,7 +181,6 @@
     "name-too-long": "Name is too long",
     "need-logged-in-to-vote": "You need to be logged in to vote comments",
     "not-found": "Page not found.",
-    "now-playing-error": "Failed to fetch Spotify data",
     "reply-cannot-be-empty": "Reply cannot be empty",
     "sign-in-error": "Failed to sign in. Please try again.",
     "sign-out-failed": "Sign out failed. Please try again.",
@@ -242,10 +241,6 @@
   },
   "layout": {
     "change-language": "Change language",
-    "now-playing": {
-      "loading": "Loading...",
-      "not-listening": "Not Listening - Spotify"
-    },
     "sidebar": {
       "description": "Displays the mobile sidebar.",
       "title": "Sidebar"
diff --git a/src/i18n/messages/es.json b/src/i18n/messages/es.json
index 860be05cf..f1e03bfcc 100644
--- a/src/i18n/messages/es.json
+++ b/src/i18n/messages/es.json
@@ -181,7 +181,6 @@
     "name-too-long": "El nombre es demasiado largo",
     "need-logged-in-to-vote": "Debes iniciar sesión para votar comentarios",
     "not-found": "Página no encontrada.",
-    "now-playing-error": "Error al obtener datos de Spotify",
     "reply-cannot-be-empty": "La respuesta no puede estar vacía",
     "sign-in-error": "Error al iniciar sesión. Por favor intenta de nuevo.",
     "sign-out-failed": "Error al cerrar sesión. Por favor intenta de nuevo.",
@@ -242,10 +241,6 @@
   },
   "layout": {
     "change-language": "Cambiar idioma",
-    "now-playing": {
-      "loading": "Cargando...",
-      "not-listening": "Sin reproducción - Spotify"
-    },
     "sidebar": {
       "description": "Muestra la barra lateral móvil.",
       "title": "Barra lateral"
diff --git a/src/i18n/messages/ja.json b/src/i18n/messages/ja.json
index 1dece9679..01d73e5d8 100644
--- a/src/i18n/messages/ja.json
+++ b/src/i18n/messages/ja.json
@@ -181,7 +181,6 @@
     "name-too-long": "名前が長すぎます",
     "need-logged-in-to-vote": "コメントに投票するにはログインが必要です",
     "not-found": "ページが見つかりません。",
-    "now-playing-error": "Spotify データの取得に失敗しました",
     "reply-cannot-be-empty": "返信を入力してください",
     "sign-in-error": "サインインに失敗しました。もう一度お試しください。",
     "sign-out-failed": "サインアウトに失敗しました。もう一度お試しください。",
@@ -242,10 +241,6 @@
   },
   "layout": {
     "change-language": "言語を変更",
-    "now-playing": {
-      "loading": "読み込み中...",
-      "not-listening": "再生停止中 - Spotify"
-    },
     "sidebar": {
       "description": "モバイルサイドバーを表示します。",
       "title": "サイドバー"
diff --git a/src/i18n/messages/pt-BR.json b/src/i18n/messages/pt-BR.json
index 1aea5a433..73b66f462 100644
--- a/src/i18n/messages/pt-BR.json
+++ b/src/i18n/messages/pt-BR.json
@@ -181,7 +181,6 @@
     "name-too-long": "O nome é muito longo",
     "need-logged-in-to-vote": "Você precisa estar conectado para votar nos comentários",
     "not-found": "Página não encontrada.",
-    "now-playing-error": "Falha ao buscar dados do Spotify",
     "reply-cannot-be-empty": "A resposta não pode ficar vazia",
     "sign-in-error": "Falha ao entrar. Por favor, tente novamente.",
     "sign-out-failed": "Falha ao sair. Por favor, tente novamente.",
@@ -242,10 +241,6 @@
   },
   "layout": {
     "change-language": "Alterar idioma",
-    "now-playing": {
-      "loading": "Carregando...",
-      "not-listening": "Não ouvindo - Spotify"
-    },
     "sidebar": {
       "description": "Exibe a barra lateral móvel.",
       "title": "Barra lateral"
diff --git a/src/i18n/messages/zh-CN.json b/src/i18n/messages/zh-CN.json
index 21c31a504..40531b680 100644
--- a/src/i18n/messages/zh-CN.json
+++ b/src/i18n/messages/zh-CN.json
@@ -181,7 +181,6 @@
     "name-too-long": "名称过长",
     "need-logged-in-to-vote": "您必须登入才能投票评论",
     "not-found": "找不到页面。",
-    "now-playing-error": "无法获取 Spotify 资料",
     "reply-cannot-be-empty": "回复不能为空",
     "sign-in-error": "登入失败。请再试一次。",
     "sign-out-failed": "登出失败，请再试一次。",
@@ -242,10 +241,6 @@
   },
   "layout": {
     "change-language": "更改语言",
-    "now-playing": {
-      "loading": "载入中...",
-      "not-listening": "未在收听 - Spotify"
-    },
     "sidebar": {
       "description": "显示移动端侧边栏。",
       "title": "侧边栏"
diff --git a/src/i18n/messages/zh-TW.json b/src/i18n/messages/zh-TW.json
index f8eb2e08f..5f1e79654 100644
--- a/src/i18n/messages/zh-TW.json
+++ b/src/i18n/messages/zh-TW.json
@@ -181,7 +181,6 @@
     "name-too-long": "名稱過長",
     "need-logged-in-to-vote": "您必須登入才能投票評論",
     "not-found": "找不到頁面。",
-    "now-playing-error": "無法獲取 Spotify 資料",
     "reply-cannot-be-empty": "回覆不能為空",
     "sign-in-error": "登入失敗。請再試一次。",
     "sign-out-failed": "登出失敗，請再試一次。",
@@ -242,10 +241,6 @@
   },
   "layout": {
     "change-language": "更改語言",
-    "now-playing": {
-      "loading": "載入中...",
-      "not-listening": "未在收聽 - Spotify"
-    },
     "sidebar": {
       "description": "顯示行動版側邊欄。",
       "title": "側邊欄"
diff --git a/src/orpc/routers/index.ts b/src/orpc/routers/index.ts
index 8002619be..9c1c16b3f 100644
--- a/src/orpc/routers/index.ts
+++ b/src/orpc/routers/index.ts
@@ -7,7 +7,6 @@ import { messageRouter } from './message.router'
 import { r2Router } from './r2.router'
 import { replyRouter } from './reply.router'
 import { settingsRouter } from './settings.router'
-import { spotifyRouter } from './spotify.router'
 import { unsubscribeRouter } from './unsubscribe.router'
 import { viewRouter } from './view.router'
 import { voteRouter } from './vote.router'
@@ -18,7 +17,6 @@ export const router = {
   github: githubRouter,
   youtube: youtubeRouter,
   wakatime: wakatimeRouter,
-  spotify: spotifyRouter,
   view: viewRouter,
   like: likeRouter,
   comment: commentRouter,
diff --git a/src/orpc/routers/spotify.router.ts b/src/orpc/routers/spotify.router.ts
deleted file mode 100644
index 3eb1907b6..000000000
--- a/src/orpc/routers/spotify.router.ts
+++ /dev/null
@@ -1,97 +0,0 @@
-import type { NotPlayingSchema } from '../schemas/spotify.schema'
-import type * as z from 'zod'
-
-import { Buffer } from 'node:buffer'
-
-import { env } from '@/env'
-import { TraceableError } from '@/lib/errors'
-
-import { publicProcedure } from '../procedures'
-import {
-  AccessTokenResponseSchema,
-  NowPlayingResponseSchema,
-  SpotifyStatsOutputSchema,
-} from '../schemas/spotify.schema'
-
-const EMPTY_RESPONSE: z.infer<typeof NotPlayingSchema> = {
-  isPlaying: false,
-  songUrl: null,
-  name: null,
-  artist: null,
-}
-
-const CLIENT_ID = env.SPOTIFY_CLIENT_ID
-const CLIENT_SECRET = env.SPOTIFY_CLIENT_SECRET
-const REFRESH_TOKEN = env.SPOTIFY_REFRESH_TOKEN
-
-const BASIC = Buffer.from(`${CLIENT_ID}:${CLIENT_SECRET}`).toString('base64')
-const NOW_PLAYING_ENDPOINT = 'https://api.spotify.com/v1/me/player/currently-playing'
-const TOKEN_ENDPOINT = 'https://accounts.spotify.com/api/token'
-
-const getStats = publicProcedure.output(SpotifyStatsOutputSchema).handler(async () => {
-  if (!CLIENT_ID || !CLIENT_SECRET || !REFRESH_TOKEN) {
-    return EMPTY_RESPONSE
-  }
-
-  const tokenResponse = await fetch(TOKEN_ENDPOINT, {
-    method: 'POST',
-    headers: {
-      Authorization: `Basic ${BASIC}`,
-      'Content-Type': 'application/x-www-form-urlencoded',
-    },
-    body: new URLSearchParams({
-      grant_type: 'refresh_token',
-      refresh_token: REFRESH_TOKEN,
-    }),
-  })
-
-  if (!tokenResponse.ok) {
-    const body = await tokenResponse.text()
-    throw new TraceableError('Spotify token API error', {
-      status: tokenResponse.status,
-      statusText: tokenResponse.statusText,
-      body,
-    })
-  }
-
-  const { access_token } = AccessTokenResponseSchema.parse(await tokenResponse.json())
-
-  const nowPlayingResponse = await fetch(NOW_PLAYING_ENDPOINT, {
-    headers: {
-      Authorization: `Bearer ${access_token}`,
-    },
-  })
-
-  if (nowPlayingResponse.status === 204) {
-    return EMPTY_RESPONSE
-  }
-
-  if (!nowPlayingResponse.ok) {
-    const body = await nowPlayingResponse.text()
-    throw new TraceableError('Spotify now playing API error', {
-      status: nowPlayingResponse.status,
-      statusText: nowPlayingResponse.statusText,
-      body,
-    })
-  }
-
-  const song = NowPlayingResponseSchema.parse(await nowPlayingResponse.json())
-
-  // If the song is not playing or is not a track, return an empty response
-  if (song.item?.type !== 'track') {
-    return EMPTY_RESPONSE
-  }
-
-  const artists = song.item.artists.map((artist) => artist.name).join(', ')
-
-  return {
-    isPlaying: song.is_playing,
-    songUrl: song.item.external_urls.spotify,
-    name: song.item.name,
-    artist: artists,
-  }
-})
-
-export const spotifyRouter = {
-  getStats,
-}
diff --git a/src/orpc/schemas/spotify.schema.ts b/src/orpc/schemas/spotify.schema.ts
deleted file mode 100644
index 94a55d4b2..000000000
--- a/src/orpc/schemas/spotify.schema.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import * as z from 'zod'
-
-export const AccessTokenResponseSchema = z.object({
-  access_token: z.string(),
-})
-
-export const NowPlayingResponseSchema = z.object({
-  is_playing: z.boolean(),
-  item: z
-    .object({
-      type: z.string(),
-      name: z.string(),
-      external_urls: z.object({ spotify: z.string() }),
-      artists: z.array(z.object({ name: z.string() })),
-    })
-    .nullable(),
-})
-
-const PlayingSchema = z.object({
-  isPlaying: z.literal(true),
-  songUrl: z.string(),
-  name: z.string(),
-  artist: z.string(),
-})
-
-export const NotPlayingSchema = z.object({
-  isPlaying: z.literal(false),
-  songUrl: z.string().nullable(),
-  name: z.string().nullable(),
-  artist: z.string().nullable(),
-})
-
-export const SpotifyStatsOutputSchema = z.discriminatedUnion('isPlaying', [PlayingSchema, NotPlayingSchema])