[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_238":239,"_240":241},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_179":-5,"_20":180,"_22":181,"_182":183,"_184":185,"_26":186,"_24":187,"_188":-5,"_189":-5,"_190":55,"_191":192,"_193":46,"_194":-5,"_195":-5,"_196":197},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":-5,"_29":-5,"_30":-5,"_31":-5,"_32":-5},"handle","jubertioai","name","text-to-ambience","branchName","main","version","path","backend","project",{"_34":126,"_13":14,"_47":127,"_128":-5,"_129":55,"_130":131,"_132":131,"_133":-5,"_134":-5,"_135":136,"_137":68,"_138":46,"_139":46,"_140":-5,"_141":49,"_142":143,"_144":-5,"_145":-5,"_146":-5,"_147":-5,"_148":149,"_150":149,"_151":152,"_153":152,"_154":152,"_155":149,"_156":149,"_157":158,"_159":160,"_161":162,"_163":55},"tree",[62,63,64,65],"file",{"_34":58,"_13":19,"_37":40,"_39":-5,"_41":42,"_43":44,"_45":46,"_47":59,"_17":49,"_50":60,"_52":-5,"_54":55,"_56":-5,"_18":61},"contents",[33],"upstream","pull","ahead","behind","envVars",{"_34":35,"_13":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_18":57},"id","27f7bc52-a477-11f0-a5f5-0224a6c84d84","index.ts","fileId","27f7bcf2-a477-11f0-a5f5-0224a6c84d84","parentId","1b8ce10b-1156-46d4-9dd6-b24844123787","branchId","aa676c1a-a476-11f0-bbb2-0224a6c84d84","branchVersion",5,"latest",true,"createdAt",["D",1759949212686],0,"fileType","script","content","import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err) => Promise.reject(err));\n\n// Serve static files\napp.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Main page\napp.get(\"/\", async c => {\n const html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n});\n\n// Search API endpoint\napp.get(\"/api/search\", async c => {\n const query = c.req.query(\"q\");\n \n if (!query) {\n return c.json({ error: \"Query parameter 'q' is required\" }, 400);\n }\n\n const apiKey = Deno.env.get(\"FREESOUND_API_KEY\");\n if (!apiKey) {\n return c.json({ error: \"Freesound API key not configured\" }, 500);\n }\n\n try {\n // Search for sounds\n const searchUrl = `https://freesound.org/apiv2/search/text/?query=${encodeURIComponent(query)}&token=${apiKey}&fields=id,name,username,duration&page_size=1`;\n const searchResponse = await fetch(searchUrl);\n \n if (!searchResponse.ok) {\n throw new Error(`Search failed: ${searchResponse.status}`);\n }\n \n const searchData = await searchResponse.json();\n \n if (!searchData.results || searchData.results.length === 0) {\n return c.json({ error: \"No results found\" }, 404);\n }\n\n const sound = searchData.results[0];\n \n // Get detailed sound information including preview URLs\n const detailUrl = `https://freesound.org/apiv2/sounds/${sound.id}/?token=${apiKey}&fields=id,name,username,duration,previews`;\n const detailResponse = await fetch(detailUrl);\n \n if (!detailResponse.ok) {\n throw new Error(`Detail fetch failed: ${detailResponse.status}`);\n }\n \n const detailData = await detailResponse.json();\n \n // Get the highest quality preview available\n const previewUrl = detailData.previews[\"preview-hq-mp3\"] || \n detailData.previews[\"preview-lq-mp3\"] || \n detailData.previews[\"preview-hq-ogg\"] || \n detailData.previews[\"preview-lq-ogg\"];\n \n if (!previewUrl) {\n return c.json({ error: \"No preview available for this sound\" }, 404);\n }\n\n return c.json({\n id: detailData.id,\n name: detailData.name,\n username: detailData.username,\n duration: detailData.duration,\n previewUrl: previewUrl\n });\n\n } catch (error) {\n console.error(\"Search error:\", error);\n return c.json({ error: \"Failed to search sounds\" }, 500);\n }\n});\n\nexport default app.fetch;","deleted",false,"label",[19,36],"27f7cdd2-a477-11f0-a5f5-0224a6c84d84",["D",1759949212686],"directory",[19],{"_34":58,"_13":19,"_37":40,"_39":-5,"_41":42,"_43":44,"_45":46,"_47":119,"_17":49,"_50":60,"_52":-5,"_54":55,"_56":-5,"_74":120,"_18":121},{"_34":86,"_13":87,"_37":88,"_39":-5,"_41":42,"_43":89,"_45":46,"_47":90,"_17":49,"_50":60,"_52":-5,"_54":55,"_56":-5,"_74":91,"_18":92},{"_34":77,"_13":78,"_37":79,"_39":-5,"_41":42,"_43":80,"_45":46,"_47":81,"_17":82,"_50":24,"_52":83,"_54":55,"_56":-5,"_74":84,"_18":85},{"_34":66,"_13":67,"_37":68,"_39":-5,"_41":42,"_43":69,"_45":46,"_47":70,"_17":71,"_50":72,"_52":73,"_54":55,"_56":-5,"_74":75,"_18":76},"4494e088-a477-11f0-8bab-0224a6c84d84","main.ts","aa6a5c2c-a476-11f0-bbb2-0224a6c84d84",9,["D",1759949260705],3,"http","// Import and use the Hono backend\nimport app from \"./backend/index.ts\";\n\nexport default app;","children",[],[67],"5487c212-a477-11f0-a035-0224a6c84d84","README.md","20297880-a477-11f0-b107-0224a6c84d84",10,["D",1759949287461],1,"# Freesound Audio Search\n\nA simple web application that allows users to search for audio files using the Freesound API and play them in a loop.\n\n## Features\n\n- Simple Google-like search interface\n- Server-side Freesound API integration\n- High-quality audio preview playback\n- Automatic looping\n- Replace previous audio with new search results\n\n## Structure\n\n- `backend/index.ts` - Main Hono server with API routes\n- `frontend/index.html` - Main HTML interface\n- `frontend/index.js` - Client-side JavaScript for audio playback\n- `frontend/style.css` - Styling\n\n## API Endpoints\n\n- `GET /` - Serves the main HTML interface\n- `GET /api/search?q={query}` - Search for audio files and return playback URL\n\n## Setup\n\nThe application uses the Freesound API. You'll need to set the `FREESOUND_API_KEY` environment variable with your Freesound API key.\n\n### Getting a Freesound API Key\n\n1. Go to https://freesound.org/apiv2/apply/\n2. Create an account or log in\n3. Apply for an API key\n4. Once approved, add your API key to the Val Town environment variables as `FREESOUND_API_KEY`\n\n### Usage\n\n1. Enter a search term in the search box (e.g., \"piano\", \"rain\", \"drums\")\n2. Click \"Search\" or press Enter\n3. The app will find the top result and automatically start playing it in a loop\n4. Use the play/pause and stop buttons to control playback\n5. Search for new sounds to replace the current audio\n\n### Features\n\n- **Simple Interface**: Google-like search experience\n- **High Quality Audio**: Automatically selects the highest quality preview available\n- **Automatic Looping**: Audio plays continuously until stopped or replaced\n- **Progress Indicator**: Visual progress bar shows playback position\n- **Error Handling**: Clear error messages for API issues or missing audio\n- **Responsive Design**: Works on desktop and mobile devices",[],[78],"314bce24-a477-11f0-9d9b-0224a6c84d84","frontend","307c435b-1d27-4963-976b-aad544e415b5",6,["D",1759949228350],[93,94,95],[87],{"_34":112,"_13":113,"_37":114,"_39":88,"_41":42,"_43":89,"_45":46,"_47":115,"_17":49,"_50":24,"_52":116,"_54":55,"_56":-5,"_74":117,"_18":118},{"_34":104,"_13":105,"_37":106,"_39":88,"_41":42,"_43":107,"_45":46,"_47":108,"_17":49,"_50":51,"_52":109,"_54":55,"_56":-5,"_74":110,"_18":111},{"_34":96,"_13":97,"_37":98,"_39":88,"_41":42,"_43":99,"_45":46,"_47":100,"_17":49,"_50":24,"_52":101,"_54":55,"_56":-5,"_74":102,"_18":103},"351111ae-a477-11f0-b66e-0224a6c84d84","style.css","35111294-a477-11f0-b66e-0224a6c84d84",7,["D",1759949234676],"/* Additional custom styles */\n.animate-pulse {\n animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n}\n\n@keyframes pulse {\n 0%, 100% {\n opacity: 1;\n }\n 50% {\n opacity: .5;\n }\n}\n\n/* Focus styles for better accessibility */\ninput:focus, button:focus {\n outline: none;\n}\n\n/* Smooth transitions */\n* {\n transition: all 0.2s ease-in-out;\n}\n\n/* Custom scrollbar for webkit browsers */\n::-webkit-scrollbar {\n width: 8px;\n}\n\n::-webkit-scrollbar-track {\n background: #f1f1f1;\n border-radius: 4px;\n}\n\n::-webkit-scrollbar-thumb {\n background: #c1c1c1;\n border-radius: 4px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: #a8a8a8;\n}",[],[87,97],"410150b4-a477-11f0-90d4-0224a6c84d84","index.js","41015168-a477-11f0-90d4-0224a6c84d84",8,["D",1759949254706],"class AudioSearchApp {\n constructor() {\n this.currentAudio = null;\n this.isPlaying = false;\n this.progressInterval = null;\n \n this.initializeElements();\n this.bindEvents();\n }\n \n initializeElements() {\n this.searchForm = document.getElementById('searchForm');\n this.searchInput = document.getElementById('searchInput');\n this.searchButton = document.getElementById('searchButton');\n this.loading = document.getElementById('loading');\n this.error = document.getElementById('error');\n this.errorMessage = document.getElementById('errorMessage');\n this.audioPlayer = document.getElementById('audioPlayer');\n this.audioElement = document.getElementById('audioElement');\n this.soundName = document.getElementById('soundName');\n this.soundUsername = document.getElementById('soundUsername');\n this.soundDuration = document.getElementById('soundDuration');\n this.playPauseButton = document.getElementById('playPauseButton');\n this.stopButton = document.getElementById('stopButton');\n this.progressBar = document.getElementById('progressBar');\n }\n \n bindEvents() {\n this.searchForm.addEventListener('submit', (e) => this.handleSearch(e));\n this.playPauseButton.addEventListener('click', () => this.togglePlayPause());\n this.stopButton.addEventListener('click', () => this.stopAudio());\n \n // Audio element events\n this.audioElement.addEventListener('loadstart', () => this.showLoading());\n this.audioElement.addEventListener('canplay', () => this.hideLoading());\n this.audioElement.addEventListener('play', () => this.onPlay());\n this.audioElement.addEventListener('pause', () => this.onPause());\n this.audioElement.addEventListener('ended', () => this.onEnded());\n this.audioElement.addEventListener('error', (e) => this.onAudioError(e));\n this.audioElement.addEventListener('timeupdate', () => this.updateProgress());\n }\n \n async handleSearch(e) {\n e.preventDefault();\n \n const query = this.searchInput.value.trim();\n if (!query) return;\n \n this.showLoading();\n this.hideError();\n this.stopAudio();\n \n try {\n const response = await fetch(`/api/search?q=${encodeURIComponent(query)}`);\n const data = await response.json();\n \n if (!response.ok) {\n throw new Error(data.error || 'Search failed');\n }\n \n this.loadAudio(data);\n \n } catch (error) {\n console.error('Search error:', error);\n this.showError(error.message || 'Failed to search for audio');\n } finally {\n this.hideLoading();\n }\n }\n \n loadAudio(soundData) {\n // Stop current audio if playing\n this.stopAudio();\n \n // Update UI with sound info\n this.soundName.textContent = soundData.name;\n this.soundUsername.textContent = soundData.username;\n this.soundDuration.textContent = soundData.duration.toFixed(1);\n \n // Load new audio\n this.audioElement.src = soundData.previewUrl;\n this.audioElement.load();\n \n // Show player\n this.audioPlayer.classList.remove('hidden');\n \n // Auto-play the audio\n this.audioElement.play().catch(error => {\n console.error('Auto-play failed:', error);\n this.showError('Auto-play failed. Please click play to start audio.');\n });\n }\n \n togglePlayPause() {\n if (this.isPlaying) {\n this.audioElement.pause();\n } else {\n this.audioElement.play().catch(error => {\n console.error('Play failed:', error);\n this.showError('Failed to play audio');\n });\n }\n }\n \n stopAudio() {\n if (this.audioElement.src) {\n this.audioElement.pause();\n this.audioElement.currentTime = 0;\n }\n this.clearProgressInterval();\n this.progressBar.style.width = '0%';\n }\n \n onPlay() {\n this.isPlaying = true;\n this.playPauseButton.textContent = '⏸️ Pause';\n this.startProgressInterval();\n }\n \n onPause() {\n this.isPlaying = false;\n this.playPauseButton.textContent = '▶️ Play';\n this.clearProgressInterval();\n }\n \n onEnded() {\n // Audio will loop automatically due to the 'loop' attribute\n // This is just for any additional handling if needed\n }\n \n onAudioError(e) {\n console.error('Audio error:', e);\n this.showError('Failed to load or play audio');\n this.hideLoading();\n }\n \n startProgressInterval() {\n this.clearProgressInterval();\n this.progressInterval = setInterval(() => this.updateProgress(), 100);\n }\n \n clearProgressInterval() {\n if (this.progressInterval) {\n clearInterval(this.progressInterval);\n this.progressInterval = null;\n }\n }\n \n updateProgress() {\n if (this.audioElement.duration && this.audioElement.currentTime) {\n const progress = (this.audioElement.currentTime / this.audioElement.duration) * 100;\n this.progressBar.style.width = `${progress}%`;\n }\n }\n \n showLoading() {\n this.loading.classList.remove('hidden');\n this.searchButton.disabled = true;\n this.searchButton.textContent = 'Searching...';\n }\n \n hideLoading() {\n this.loading.classList.add('hidden');\n this.searchButton.disabled = false;\n this.searchButton.textContent = 'Search';\n }\n \n showError(message) {\n this.errorMessage.textContent = message;\n this.error.classList.remove('hidden');\n }\n \n hideError() {\n this.error.classList.add('hidden');\n }\n}\n\n// Initialize the app when the DOM is loaded\ndocument.addEventListener('DOMContentLoaded', () => {\n new AudioSearchApp();\n});",[],[87,105],"314bba2e-a477-11f0-9d9b-0224a6c84d84","index.html","314bbb28-a477-11f0-9d9b-0224a6c84d84",["D",1759949228350],"\n\n\n \n \n Freesound Audio Search\n \n \n \n\n\n

\n \n

🔊 Freesound Search

Search and play audio samples from Freesound

\n\n \n \n\n \n

Searching...

\n\n \n

\n \n

\n\n \n

Duration: s

\n \n \n

\n\n \n

Enter a search term and press Search to find and play audio samples.

Audio will loop automatically. New searches will replace the current audio.

\n\n \n\n",[],[87,113],["D",1759949212686],[122],[19],{"_34":35,"_13":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":123,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_74":124,"_18":125},["D",1759949212686],[],[19,36],"aa66fdc0-a476-11f0-bbb2-0224a6c84d84",["D",1759949002040],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","dbe13bc0-4230-11f0-95cd-ab37681351fa","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","9c125825-8df1-4029-a26d-29049e9bd5a3","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_178":174},"org",{"_11":12,"_172":-5,"_173":174,"_135":136,"_175":176,"_177":55},"branch",{"_17":80,"_13":16,"_34":42,"_164":126,"_165":-5,"_166":-5,"_167":-5,"_168":-5,"_169":-5,"_170":14,"_171":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/61901958-12bd-49a3-43e9-2f67f1617200/square512?exp=1789567199&sig=465233add66c65d8f5bd931125370b08b09edf5c595cee224020d48ef67ab93a","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_34":126,"_13":14,"_47":234,"_128":-5,"_129":55,"_130":131,"_132":131,"_133":-5,"_134":-5,"_135":136,"_137":68,"_138":46,"_139":46,"_140":-5,"_141":49,"_142":143,"_144":-5,"_145":-5,"_146":-5,"_147":-5,"_148":149,"_150":149,"_151":152,"_153":152,"_154":152,"_155":149,"_156":149,"_157":235,"_159":236,"_161":237,"_163":55},[210,212,216,217],"files",[210,211,212,213,214,215,216,217],"counts",{"_201":49,"_202":82,"_203":49,"_32":204,"_205":206},[199],{"_34":58,"_13":19,"_37":40,"_39":-5,"_41":42,"_43":44,"_45":46,"_47":59,"_17":49,"_50":60,"_52":-5,"_54":55,"_56":-5,"_18":198},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},[19],{"_34":35,"_13":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_18":200},[19,36],"pulls","branches","forks",{"_207":82,"_209":49},"connections",{"_207":49,"_208":49},"count","unfilledCount","emptyCount",{"_34":58,"_13":19,"_37":40,"_39":-5,"_41":42,"_43":44,"_45":46,"_47":119,"_17":49,"_50":60,"_52":-5,"_54":55,"_56":-5,"_74":232,"_18":233},{"_34":35,"_13":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":123,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_74":230,"_18":231},{"_34":86,"_13":87,"_37":88,"_39":-5,"_41":42,"_43":89,"_45":46,"_47":90,"_17":49,"_50":60,"_52":-5,"_54":55,"_56":-5,"_74":228,"_18":229},{"_34":112,"_13":113,"_37":114,"_39":88,"_41":42,"_43":89,"_45":46,"_47":115,"_17":49,"_50":24,"_52":116,"_54":55,"_56":-5,"_74":226,"_18":227},{"_34":104,"_13":105,"_37":106,"_39":88,"_41":42,"_43":107,"_45":46,"_47":108,"_17":49,"_50":51,"_52":109,"_54":55,"_56":-5,"_74":224,"_18":225},{"_34":96,"_13":97,"_37":98,"_39":88,"_41":42,"_43":99,"_45":46,"_47":100,"_17":49,"_50":24,"_52":101,"_54":55,"_56":-5,"_74":222,"_18":223},{"_34":77,"_13":78,"_37":79,"_39":-5,"_41":42,"_43":80,"_45":46,"_47":81,"_17":82,"_50":24,"_52":83,"_54":55,"_56":-5,"_74":220,"_18":221},{"_34":66,"_13":67,"_37":68,"_39":-5,"_41":42,"_43":69,"_45":46,"_47":70,"_17":71,"_50":72,"_52":73,"_54":55,"_56":-5,"_74":218,"_18":219},[],[67],[],[78],[],[87,97],[],[87,105],[],[87,113],[213,214,215],[87],[],[19,36],[211],[19],["D",1759949002040],{"_11":12,"_178":174},{"_11":12,"_172":-5,"_173":174,"_135":136,"_175":176,"_177":55},{"_17":80,"_13":16,"_34":42,"_164":126,"_165":-5,"_166":-5,"_167":-5,"_168":-5,"_169":-5,"_170":14,"_171":12},"ctx",{"_157":-5,"_195":271,"_272":273,"_274":275,"_276":55,"_277":55,"_278":55,"_279":46,"_280":-5,"_281":-7,"_282":-7,"_283":49,"_284":55,"_285":55,"_286":-5,"_287":55,"_288":55,"_289":55,"_290":-5},"ENV",{"_242":243,"_244":245,"_246":16,"_247":248,"_249":250,"_251":252,"_253":254,"_255":256,"_257":258,"_259":260,"_261":262,"_263":264,"_265":266,"_267":268,"_269":270},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","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"]