\n\n

AI Composer's Canvas

\n Provide a theme, and an AI composer will write and perform a unique generative symphony for you to visualize.\n

\n \n

\n\n

\n \n Microphone Active\n

\n \n

\n\n \n\n`;\n}\n\n// --- BACKEND LOGIC ---\nconst app = new Hono();\n\napp.post(\"/compose\", async (c) => {\n try {\n const openai = new OpenAI();\n const { theme } = await c.req.json();\n\n if (!theme || typeof theme !== \"string\" || theme.trim().length === 0) {\n return c.json({ error: \"A valid theme is required.\" }, 400);\n }\n\n const completion = await openai.chat.completions.create({\n model: \"gpt-4o\",\n messages: [\n { role: \"system\", content: AI_COMPOSER_PROMPT },\n { role: \"user\", content: `Theme: \"${theme}\"` },\n ],\n response_format: { type: \"json_object\" },\n });\n\n const aiResponse = completion.choices[0].message.content;\n if (!aiResponse) {\n throw new Error(\"AI returned an empty response.\");\n }\n\n // Sanitize and validate the AI's response before sending it.\n let parsedContent;\n try {\n parsedContent = JSON.parse(aiResponse);\n } catch (parseError) {\n console.error(\"AI response JSON parsing error:\", parseError);\n throw new Error(\"AI returned malformed musical data.\");\n }\n\n // Check for essential keys to ensure the frontend won't break.\n if (\n !parsedContent.bpm || !parsedContent.motif || !parsedContent.harmony ||\n !parsedContent.reason\n ) {\n console.error(\"AI response missing required keys:\", parsedContent);\n throw new Error(\"AI returned an incomplete composition.\");\n }\n\n return c.json(parsedContent);\n } catch (error) {\n console.error(\"AI Composer Error:\", error);\n return c.json({\n error: error.message || \"An unknown error occurred on the server.\",\n }, 500);\n }\n});\n\napp.get(\"/\", (c) => {\n const sourceUrl = new URL(c.req.url).origin;\n return c.html(generateHtml(sourceUrl));\n});\n\nexport default app.fetch;","deleted","label",[98],"permalink","https://www.val.town/x/realtime/Visuals/code/main.ts","extension","actionData","errors"]