fix: eleven labs deployment returning uploaded blob (#583)

Author: emir-karabeg

apps/sim/app/api/proxy/tts/route.ts

@@ -1,5 +1,6 @@
 import { NextResponse } from 'next/server'
 import { createLogger } from '@/lib/logs/console-logger'
+import { uploadFile } from '@/lib/uploads/storage-client'
 
 const logger = createLogger('ProxyTTSAPI')
 
@@ -44,12 +45,20 @@ export async function POST(request: Request) {
       return new NextResponse('Empty audio received', { status: 422 })
     }
 
-    return new NextResponse(audioBlob, {
-      headers: {
-        'Content-Type': 'audio/mpeg',
-        'Cache-Control': 'public, max-age=86400', // Cache for a day
-        'Access-Control-Allow-Origin': '*', // CORS support
-      },
+    // Upload the audio file to storage and return multiple URL options
+    const audioBuffer = Buffer.from(await audioBlob.arrayBuffer())
+    const timestamp = Date.now()
+    const fileName = `elevenlabs-tts-${timestamp}.mp3`
+    const fileInfo = await uploadFile(audioBuffer, fileName, 'audio/mpeg')
+
+    // Generate the full URL for external use
+    const host = request.headers.get('host') || 'localhost:3000'
+    const protocol = request.headers.get('x-forwarded-proto') || 'http'
+    const audioUrl = `${protocol}://${host}${fileInfo.path}`
+
+    return NextResponse.json({
+      audioUrl,
+      size: fileInfo.size,
     })
   } catch (error) {
     logger.error('Error proxying TTS:', error)

apps/sim/tools/elevenlabs/tts.ts

@@ -55,14 +55,12 @@ export const elevenLabsTtsTool: ToolConfig<ElevenLabsTtsParams, ElevenLabsTtsRes
       throw new Error(`ElevenLabs API error: ${response.status} ${response.statusText}`)
     }
 
-    // Create a blob URL that can be used in an audio player
-    const audioBlob = await response.blob()
-    const audioUrl = URL.createObjectURL(audioBlob)
+    const data = await response.json()
 
     return {
       success: true,
       output: {
-        audioUrl,
+        audioUrl: data.audioUrl,
       },
     }
   },