[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_174":175,"_176":177},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_62":139,"_16":-7,"_140":-5,"_17":141,"_142":143,"_29":144,"_21":145,"_23":146,"_147":-5,"_148":149,"_150":151,"_152":38,"_153":154,"_155":38,"_156":-5,"_157":-5,"_158":159},"routes/_app.x.$handle.$name._index",{"_11":12,"_13":14,"_15":-7,"_16":-7,"_17":18,"_19":20,"_21":22,"_23":24,"_25":-7,"_26":27,"_28":-5,"_29":30,"_31":-7,"_32":33,"_34":33,"_35":36,"_37":38,"_39":38},"handle","Deb","name","pioneeringTomatoAntlion","branchName","version","project",{"_41":97,"_13":14,"_51":98,"_75":-5,"_99":38,"_77":78,"_100":78,"_101":-5,"_102":-5,"_103":104,"_105":-5,"_106":36,"_107":-5,"_108":-5,"_109":53,"_80":81,"_110":-5,"_111":-5,"_112":-5,"_113":-5,"_114":115,"_116":115,"_117":118,"_119":118,"_120":118,"_121":115,"_122":115,"_123":124,"_125":126,"_127":128,"_76":38},"tags",[],"counts",{"_87":53,"_88":33,"_89":53,"_90":91,"_92":93},"contents",[84],"readme","upstream",{"_41":64,"_51":65,"_66":67,"_13":68,"_69":70,"_16":33,"_71":72,"_73":53,"_74":-5,"_75":-5,"_76":38,"_77":78,"_79":12,"_80":81,"_82":83},"pull","files",[40],"preview","ahead",1,"behind","showHomeCustomizationHint",true,"showHTTPPreviewSettingsHint",false,"hasHTTPFiles",{"_41":42,"_13":43,"_44":45,"_46":-5,"_47":48,"_49":33,"_50":36,"_51":52,"_16":53,"_54":55,"_56":57,"_58":38,"_59":-5,"_60":61,"_62":63},"id","8b37cb24-27b1-11f0-aecd-569c3dd06744","main.tsx","fileId","8b37cbc4-27b1-11f0-aecd-569c3dd06744","parentId","branchId","8b34a390-27b1-11f0-aecd-569c3dd06744","branchVersion","latest","createdAt",["D",1745853339700],0,"fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport React, { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\n\n// Mood to genre/style mapping (simulating Boomplay's categorization)\nconst MOOD_PLAYLIST_MAP = {\n happy: [\"pop\", \"dance\", \"funk\", \"reggaeton\"],\n sad: [\"ballad\", \"acoustic\", \"blues\", \"indie\"],\n energetic: [\"rock\", \"hip-hop\", \"electronic\", \"metal\"],\n calm: [\"classical\", \"ambient\", \"jazz\", \"folk\"],\n romantic: [\"r&b\", \"soul\", \"soft rock\", \"latin pop\"],\n};\n\n// Simulated playlist generation\nfunction generatePlaylist(mood) {\n const genres = MOOD_PLAYLIST_MAP[mood] || [];\n return genres.map(genre => ({\n id: Math.random().toString(36).substr(2, 9),\n title: `${mood.charAt(0).toUpperCase() + mood.slice(1)} ${genre} Mix`,\n genre: genre,\n tracks: [\n { name: \"Sample Track 1\", artist: \"Artist A\" },\n { name: \"Sample Track 2\", artist: \"Artist B\" },\n { name: \"Sample Track 3\", artist: \"Artist C\" },\n ],\n }));\n}\n\nfunction App() {\n const [mood, setMood] = useState(null);\n const [playlists, setPlaylists] = useState([]);\n const [chatMessages, setChatMessages] = useState([]);\n const [newMessage, setNewMessage] = useState(\"\");\n\n const handleMoodSelect = async (selectedMood) => {\n setMood(selectedMood);\n const generatedPlaylists = generatePlaylist(selectedMood);\n setPlaylists(generatedPlaylists);\n };\n\n const sendChatMessage = async () => {\n if (!newMessage.trim()) return;\n\n try {\n const response = await fetch(\"/chat\", {\n method: \"POST\",\n body: JSON.stringify({\n message: newMessage,\n mood: mood,\n }),\n });\n const result = await response.json();\n setChatMessages(prev => [...prev, result.message]);\n setNewMessage(\"\");\n } catch (error) {\n console.error(\"Chat message error:\", error);\n }\n };\n\n useEffect(() => {\n const fetchMessages = async () => {\n try {\n const response = await fetch(\"/chat\");\n const messages = await response.json();\n setChatMessages(messages);\n } catch (error) {\n console.error(\"Fetch messages error:\", error);\n }\n };\n fetchMessages();\n }, [mood]);\n\n return (\n

🎵 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 = \"pioneeringTomatoAntlion\";\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","children",[],"path",[43],"8b5744ea-27b1-11f0-aecd-569c3dd06744",["D",1746230394889],"updatedAt",["D",1745853327776],"main","projectId","8b56fd46-27b1-11f0-aecd-569c3dd06744","forkedBranchId","8b4103a6-27b1-11f0-aecd-569c3dd06744","forkedBranchVersion","lockfileKey","deletedAt","isOwned","privacy","public","userHandle","orgId","a70d847e-17f5-4ea5-8f4c-bcba36260258","projectName","sociableBlackAnt",{"_41":42,"_13":43,"_44":45,"_46":-5,"_47":48,"_49":33,"_50":36,"_51":85,"_16":53,"_54":55,"_56":57,"_58":38,"_59":-5,"_62":86},["D",1745853339700],[43],"pulls","branches","forks","envVars",{"_94":53,"_96":53},"connections",{"_94":53,"_95":53},"count","unfilledCount","emptyCount","8b3461dc-27b1-11f0-aecd-569c3dd06744",["D",1746230394663],"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,"_138":134},"org",{"_11":12,"_132":-5,"_133":134,"_103":104,"_135":136,"_137":38},"branch",{"_16":33,"_13":68,"_41":48,"_69":97,"_71":64,"_73":53,"_129":78,"_130":70,"_131":81,"_82":14,"_79":12},"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJ3TVY4NkZVaWxGdHVIWHhhaXNZa2VvOWloRCJ9","tier","free","canRestrictVals","profileImageUrl","","adoptOrgId",{"_41":97,"_13":14,"_51":170,"_75":-5,"_99":38,"_77":78,"_100":78,"_101":-5,"_102":-5,"_103":104,"_105":-5,"_106":36,"_107":-5,"_108":-5,"_109":53,"_80":81,"_110":-5,"_111":-5,"_112":-5,"_113":-5,"_114":115,"_116":115,"_117":118,"_119":118,"_120":118,"_121":115,"_122":115,"_123":171,"_125":172,"_127":173,"_76":38},"tree",[167],[167],{"_87":53,"_88":33,"_89":53,"_90":165,"_92":166},[163],"file","upstreamProject",{"_41":70,"_13":83,"_101":-5,"_102":-5,"_77":78,"_123":162},"upstreamBranch",{"_41":64,"_51":160,"_66":161,"_13":68,"_69":70,"_16":33,"_71":72,"_73":53,"_74":-5,"_75":-5,"_76":38,"_77":78,"_79":12,"_80":81,"_82":83},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1746230394889],["D",1745853327776],{"_11":12,"_138":134},{"_41":42,"_13":43,"_44":45,"_46":-5,"_47":48,"_49":33,"_50":36,"_51":85,"_16":53,"_54":55,"_56":57,"_58":38,"_59":-5,"_62":164},[43],{"_94":53,"_96":53},{"_94":53,"_95":53},{"_41":42,"_13":43,"_44":45,"_46":-5,"_47":48,"_49":33,"_50":36,"_51":52,"_16":53,"_54":55,"_56":57,"_58":38,"_59":-5,"_60":168,"_62":169},[],[43],["D",1746230394663],{"_11":12,"_138":134},{"_11":12,"_132":-5,"_133":134,"_103":104,"_135":136,"_137":38},{"_16":33,"_13":68,"_41":48,"_69":97,"_71":64,"_73":53,"_129":78,"_130":70,"_131":81,"_82":14,"_79":12},"ctx",{"_123":-5,"_157":207,"_208":209,"_210":211,"_212":38,"_213":38,"_214":38,"_215":36,"_216":-5,"_217":-7,"_218":-7,"_219":53,"_220":38,"_221":38,"_222":-5,"_223":38,"_224":38,"_225":38,"_226":-5},"ENV",{"_178":179,"_180":181,"_182":68,"_183":184,"_185":186,"_187":188,"_189":190,"_191":192,"_193":194,"_195":196,"_197":198,"_199":200,"_201":202,"_203":204,"_205":206},"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"]