play walkout songs

src/app/routes/api/spotify/playback.ts

@@ -1,7 +1,6 @@
 import { createServerFileRoute } from '@tanstack/react-start/server'
 import { SpotifyWebApiClient } from '@/lib/spotify/client'
 
-// Helper function to get access token from cookies
 function getAccessTokenFromCookies(request: Request): string | null {
   const cookieHeader = request.headers.get('cookie')
   if (!cookieHeader) return null
@@ -28,7 +27,7 @@ export const ServerRoute = createServerFileRoute('/api/spotify/playback').method
       }
 
       const body = await request.json()
-      const { action, deviceId, volumePercent } = body
+      const { action, deviceId, volumePercent, trackId, positionMs } = body
 
       const spotifyClient = new SpotifyWebApiClient(accessToken)
 
@@ -36,6 +35,18 @@ export const ServerRoute = createServerFileRoute('/api/spotify/playback').method
         case 'play':
           await spotifyClient.play(deviceId)
           break
+        case 'playTrack':
+          if (!trackId) {
+            return new Response(
+              JSON.stringify({ error: 'trackId is required for playTrack action' }),
+              {
+                status: 400,
+                headers: { 'Content-Type': 'application/json' },
+              }
+            )
+          }
+          await spotifyClient.playTrack(trackId, deviceId, positionMs)
+          break
         case 'pause':
           await spotifyClient.pause()
           break
@@ -89,7 +100,6 @@ export const ServerRoute = createServerFileRoute('/api/spotify/playback').method
     } catch (error) {
       console.error('Playback control error:', error)
       
-      // Handle specific Spotify API errors
       if (error instanceof Error) {
         if (error.message.includes('NO_ACTIVE_DEVICE')) {
           return new Response(
@@ -111,7 +121,6 @@ export const ServerRoute = createServerFileRoute('/api/spotify/playback').method
           )
         }
 
-        // Log the full error details for debugging
         console.error('Full error details:', {
           message: error.message,
           stack: error.stack,
@@ -129,7 +138,6 @@ export const ServerRoute = createServerFileRoute('/api/spotify/playback').method
     }
   },
 
-  // GET endpoint for retrieving current playback state and devices
   GET: async ({ request }: { request: Request }) => {
     try {
       const accessToken = getAccessTokenFromCookies(request)
@@ -144,7 +152,7 @@ export const ServerRoute = createServerFileRoute('/api/spotify/playback').method
       }
 
       const url = new URL(request.url)
-      const type = url.searchParams.get('type') // 'state' or 'devices'
+      const type = url.searchParams.get('type')
 
       const spotifyClient = new SpotifyWebApiClient(accessToken)
 
@@ -167,7 +175,6 @@ export const ServerRoute = createServerFileRoute('/api/spotify/playback').method
           }
         )
       } else {
-        // Return both by default
         const [devices, playbackState] = await Promise.all([
           spotifyClient.getDevices(),
           spotifyClient.getPlaybackState(),