🎵 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 = \"sociableBlackAnt\";\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",[59],{"_34":58,"_13":59,"_60":61,"_62":-5,"_63":64,"_65":31,"_66":67,"_36":77,"_17":45,"_69":70,"_71":72,"_73":49,"_74":-5,"_78":79,"_18":80},["D",1745853327776],"children",[],[59],"8b56fd46-27b1-11f0-aecd-569c3dd06744",["D",1746230394889],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","e7df51b0-243e-11f0-ae0f-99382fa01066","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_122":118},"org",{"_11":12,"_116":-5,"_117":118,"_87":88,"_119":120,"_121":49},"branch",{"_17":31,"_13":16,"_34":64,"_40":81,"_42":35,"_44":45,"_113":51,"_114":41,"_115":54,"_55":14,"_52":12},"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJ3TVY4NkZVaWxGdHVIWHhhaXNZa2VvOWloRCJ9","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_34":81,"_13":14,"_36":160,"_47":-5,"_83":49,"_50":51,"_84":51,"_85":-5,"_86":-5,"_87":88,"_89":-5,"_90":67,"_91":-5,"_92":-5,"_93":45,"_53":54,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":99,"_100":99,"_101":102,"_103":102,"_104":102,"_105":99,"_106":99,"_107":161,"_109":162,"_111":163,"_48":49},[157],"files",[157],"counts",{"_148":45,"_149":31,"_150":31,"_33":151,"_152":153},[146],"upstreamProject",{"_34":41,"_13":56,"_85":-5,"_86":-5,"_50":51,"_107":145},"upstreamBranch",{"_34":35,"_36":143,"_38":144,"_13":16,"_40":41,"_17":31,"_42":43,"_44":45,"_46":-5,"_47":-5,"_48":49,"_50":51,"_52":12,"_53":54,"_55":56},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1746230394742],["D",1745853275142],{"_11":12,"_122":118},{"_34":58,"_13":59,"_60":61,"_62":-5,"_63":64,"_65":31,"_66":67,"_36":68,"_17":45,"_69":70,"_71":72,"_73":49,"_74":-5,"_18":147},[59],"pulls","branches","forks",{"_154":45,"_156":45},"connections",{"_154":45,"_155":45},"count","unfilledCount","emptyCount",{"_34":58,"_13":59,"_60":61,"_62":-5,"_63":64,"_65":31,"_66":67,"_36":77,"_17":45,"_69":70,"_71":72,"_73":49,"_74":-5,"_78":158,"_18":159},[],[59],["D",1746230394889],{"_11":12,"_122":118},{"_11":12,"_116":-5,"_117":118,"_87":88,"_119":120,"_121":49},{"_17":31,"_13":16,"_34":64,"_40":81,"_42":35,"_44":45,"_113":51,"_114":41,"_115":54,"_55":14,"_52":12},"ctx",{"_107":-5,"_140":197,"_198":199,"_200":201,"_202":49,"_203":49,"_204":49,"_205":67,"_206":-5,"_207":-7,"_208":-7,"_209":45,"_210":49,"_211":49,"_212":-5,"_213":49,"_214":49,"_215":49,"_216":-5},"ENV",{"_168":169,"_170":171,"_172":16,"_173":174,"_175":176,"_177":178,"_179":180,"_181":182,"_183":184,"_185":186,"_187":188,"_189":190,"_191":192,"_193":194,"_195":196},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Code