🎙️ Podcast Script Generator

\n\n

\n setPersonality1(e.target.value)}\n onKeyPress={handleKeyPress}\n placeholder=\"First host personality\"\n />\n setPersonality2(e.target.value)}\n onKeyPress={handleKeyPress}\n placeholder=\"Second host personality\"\n />\n setMessageLimit(Number(e.target.value))}\n min=\"1\"\n max=\"50\"\n className=\"w-20 bg-gray-800 text-white rounded-lg px-4 py-2 border border-gray-700 focus:outline-none focus:ring-2 focus:ring-purple-500\"\n title=\"Number of exchanges\"\n />\n

\n setTopic(e.target.value)}\n onKeyPress={handleKeyPress}\n placeholder=\"What's the podcast topic?\"\n />\n {!isGenerating\n ? (\n \n {loading ? \"Loading...\" : \"Generate Script\"}\n \n )\n : (\n setIsGenerating(false)}\n className=\"px-6 py-2 bg-red-600 hover:bg-red-700 text-white rounded-lg transition-colors\"\n >\n Stop Generation\n \n )}\n

\n\n

\n {PRESET_PODCASTS.map((preset, i) => (\n setPresetPodcast(preset)}\n className=\"px-4 py-2 bg-gray-800 hover:bg-gray-700 text-white rounded-lg transition-colors text-sm\"\n >\n {preset.topic.split(\":\")[0]}\n \n ))}\n

\n\n

🎙️ {personality1}

{personality2} 🎙️

\n {conversation.map((msg, i) => (\n \n \n {msg.text}\n

\n ))}\n {isGenerating && (\n

\n \n

\n )}\n

\n \n\n \n \n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\nexport default async function server(req: Request): Promise {\n const url = new URL(req.url);\n\n if (url.searchParams.has(\"nextMessage\")) {\n const { OpenAI } = await import(\"https://esm.town/v/std/openai\");\n const openai = new OpenAI();\n\n const { personality1, personality2, topic, conversation, currentSpeaker } = await req.json();\n\n let currentContext = `You're generating a podcast script. The topic is: ${topic}\\n\\n`;\n conversation.forEach(msg => {\n currentContext += `${msg.speaker === 1 ? personality1 : personality2}: ${msg.text}\\n`;\n });\n\n const currentPersonality = currentSpeaker === 1 ? personality1 : personality2;\n const response = await openai.chat.completions.create({\n messages: [\n {\n role: \"system\",\n content:\n `You are ${currentPersonality} co-hosting a podcast. Respond naturally as this character would speak in a podcast setting, with their unique perspective and conversational style. Keep responses concise but engaging (2-3 sentences). Include natural podcast elements like agreeing/disagreeing with co-host, asking questions, or building on previous points.`,\n },\n {\n role: \"user\",\n content: currentContext,\n },\n ],\n model: \"gpt-4-mini\",\n max_tokens: 150,\n });\n\n const message = {\n speaker: currentSpeaker,\n text: response.choices[0].message.content,\n };\n\n return new Response(JSON.stringify({ message }), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n\n return new Response(\n `\n \n \n \n Podcast Script Generator\n \n \n \n \n \n

\n \n \n \n \n `,\n {\n headers: { \"Content-Type\": \"text/html\" },\n },\n );\n}","deleted","label",[98],"permalink","https://www.val.town/x/all/podcast/code/main.tsx","extension","actionData","errors"]