🎵 Mood Playlist Generator 🎶

Select Your Mood

\n {Object.keys(MOOD_PLAYLIST_MAP).map(moodOption => (\n handleMoodSelect(moodOption)}\n style={{\n margin: \"5px\",\n padding: \"10px\",\n backgroundColor: mood === moodOption ? \"#4CAF50\" : \"#f1f1f1\",\n }}\n >\n {moodOption.charAt(0).toUpperCase() + moodOption.slice(1)}\n \n ))}\n

\n\n {mood && (\n

Your {mood.charAt(0).toUpperCase() + mood.slice(1)} Playlists

\n {playlists.map(playlist => (\n

{playlist.title}

Genre: {playlist.genre}

{track.name} - {track.artist}

\n ))}\n

\n )}\n\n

Mood Playlist Chat

\n \n {chatMessages.map((msg, index) => (\n

\n {msg.text} - {msg.mood} mood\n

\n ))}\n

\n setNewMessage(e.target.value)}\n placeholder=\"Share your playlist thoughts...\"\n style={{ flex: 1, padding: \"10px\" }}\n />\n \n Send\n \n

\n \n View Val Source\n \n \n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n const { sqlite } = await import(\"https://esm.town/v/stevekrouse/sqlite\");\n const KEY = \"magnificentVioletMackerel\";\n const SCHEMA_VERSION = 1;\n\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${KEY}_mood_chats_${SCHEMA_VERSION} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n text TEXT NOT NULL,\n mood TEXT NOT NULL,\n timestamp DATETIME DEFAULT CURRENT_TIMESTAMP\n )\n `);\n\n if (request.method === \"POST\") {\n const body = await request.json();\n await sqlite.execute(\n `\n INSERT INTO ${KEY}_mood_chats_${SCHEMA_VERSION} (text, mood) \n VALUES (?, ?)\n `,\n [body.message, body.mood],\n );\n\n return new Response(\n JSON.stringify({\n message: {\n text: body.message,\n mood: body.mood,\n },\n }),\n {\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n }\n\n if (request.method === \"GET\" && new URL(request.url).pathname.endsWith(\"/chat\")) {\n const messages = await sqlite.execute(`\n SELECT text, mood FROM ${KEY}_mood_chats_${SCHEMA_VERSION} \n ORDER BY timestamp DESC \n LIMIT 50\n `);\n\n return new Response(JSON.stringify(messages.rows), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n\n return new Response(\n `\n \n \n Mood Playlist Generator\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/Deb/magnificentVioletMackerel/code/main.tsx","extension","actionData","errors"]