[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_235":236,"_237":238},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_177":-5,"_20":178,"_22":179,"_180":181,"_182":183,"_26":184,"_24":185,"_186":-5,"_187":-5,"_188":68,"_189":190,"_191":62,"_192":-5,"_193":-5,"_194":195},"routes/_app.x.$handle.$name.branch.$branch.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","frontend/index.html","project",{"_33":124,"_13":14,"_46":125,"_126":-5,"_127":68,"_128":129,"_130":129,"_131":-5,"_132":-5,"_133":134,"_135":59,"_136":62,"_137":62,"_138":-5,"_139":43,"_140":141,"_142":-5,"_143":-5,"_144":-5,"_145":-5,"_146":147,"_148":147,"_149":150,"_151":150,"_152":150,"_153":147,"_154":147,"_155":156,"_157":158,"_159":160,"_161":68},"tree",[53,54,55,56],"file",{"_33":34,"_35":36,"_37":38,"_13":39,"_40":41,"_42":24,"_17":43,"_44":45,"_46":47,"_48":49,"_50":-5,"_18":51},"contents",[],"upstream","pull","ahead","behind","envVars","id","314bba2e-a477-11f0-9d9b-0224a6c84d84","branchId","aa676c1a-a476-11f0-bbb2-0224a6c84d84","fileId","314bbb28-a477-11f0-9d9b-0224a6c84d84","index.html","content","\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","fileType",0,"parentId","307c435b-1d27-4963-976b-aad544e415b5","createdAt",["D",1759949228350],"branchVersion",6,"label",[52,39],"frontend",{"_33":109,"_13":110,"_37":111,"_44":-5,"_35":36,"_48":112,"_61":62,"_46":113,"_17":43,"_42":83,"_40":-5,"_67":68,"_50":-5,"_69":114,"_18":115},{"_33":81,"_13":52,"_37":45,"_44":-5,"_35":36,"_48":49,"_61":62,"_46":82,"_17":43,"_42":83,"_40":-5,"_67":68,"_50":-5,"_69":84,"_18":85},{"_33":72,"_13":73,"_37":74,"_44":-5,"_35":36,"_48":75,"_61":62,"_46":76,"_17":77,"_42":24,"_40":78,"_67":68,"_50":-5,"_69":79,"_18":80},{"_33":57,"_13":58,"_37":59,"_44":-5,"_35":36,"_48":60,"_61":62,"_46":63,"_17":64,"_42":65,"_40":66,"_67":68,"_50":-5,"_69":70,"_18":71},"4494e088-a477-11f0-8bab-0224a6c84d84","main.ts","aa6a5c2c-a476-11f0-bbb2-0224a6c84d84",9,"latest",true,["D",1759949260705],3,"http","// Import and use the Hono backend\nimport app from \"./backend/index.ts\";\n\nexport default app;","deleted",false,"children",[],[58],"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",[],[73],"314bce24-a477-11f0-9d9b-0224a6c84d84",["D",1759949228350],"directory",[86,87,88],[52],{"_33":34,"_13":39,"_37":38,"_44":45,"_35":36,"_48":49,"_61":62,"_46":106,"_17":43,"_42":24,"_40":41,"_67":68,"_50":-5,"_69":107,"_18":108},{"_33":97,"_13":98,"_37":99,"_44":45,"_35":36,"_48":100,"_61":62,"_46":101,"_17":43,"_42":102,"_40":103,"_67":68,"_50":-5,"_69":104,"_18":105},{"_33":89,"_13":90,"_37":91,"_44":45,"_35":36,"_48":92,"_61":62,"_46":93,"_17":43,"_42":24,"_40":94,"_67":68,"_50":-5,"_69":95,"_18":96},"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}",[],[52,90],"410150b4-a477-11f0-90d4-0224a6c84d84","index.js","41015168-a477-11f0-90d4-0224a6c84d84",8,["D",1759949254706],"script","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});",[],[52,98],["D",1759949228350],[],[52,39],"27f7cdd2-a477-11f0-a5f5-0224a6c84d84","backend","1b8ce10b-1156-46d4-9dd6-b24844123787",5,["D",1759949212686],[116],[110],{"_33":117,"_13":118,"_37":119,"_44":111,"_35":36,"_48":112,"_61":62,"_46":120,"_17":43,"_42":102,"_40":121,"_67":68,"_50":-5,"_69":122,"_18":123},"27f7bc52-a477-11f0-a5f5-0224a6c84d84","index.ts","27f7bcf2-a477-11f0-a5f5-0224a6c84d84",["D",1759949212686],"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;",[],[110,118],"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,"_176":172},"org",{"_11":12,"_170":-5,"_171":172,"_133":134,"_173":174,"_175":68},"branch",{"_17":75,"_13":16,"_33":36,"_162":124,"_163":-5,"_164":-5,"_165":-5,"_166":-5,"_167":-5,"_168":14,"_169":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/61901958-12bd-49a3-43e9-2f67f1617200/square512?exp=1789577999&sig=b97f38dc06e3aeec48990c5845e88d533f6ad0ed0a65fabc30d122c3d26e42cc","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_33":124,"_13":14,"_46":231,"_126":-5,"_127":68,"_128":129,"_130":129,"_131":-5,"_132":-5,"_133":134,"_135":59,"_136":62,"_137":62,"_138":-5,"_139":43,"_140":141,"_142":-5,"_143":-5,"_144":-5,"_145":-5,"_146":147,"_148":147,"_149":150,"_151":150,"_152":150,"_153":147,"_154":147,"_155":232,"_157":233,"_159":234,"_161":68},[207,209,213,214],"files",[207,208,209,210,211,212,213,214],"counts",{"_198":43,"_199":77,"_200":43,"_32":201,"_202":203},[],{"_33":34,"_13":39,"_37":38,"_44":45,"_35":36,"_48":49,"_61":62,"_46":196,"_17":43,"_42":24,"_40":41,"_67":68,"_50":-5,"_18":197},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1759949228350],[52,39],"pulls","branches","forks",{"_204":77,"_206":43},"connections",{"_204":43,"_205":43},"count","unfilledCount","emptyCount",{"_33":109,"_13":110,"_37":111,"_44":-5,"_35":36,"_48":112,"_61":62,"_46":113,"_17":43,"_42":83,"_40":-5,"_67":68,"_50":-5,"_69":229,"_18":230},{"_33":117,"_13":118,"_37":119,"_44":111,"_35":36,"_48":112,"_61":62,"_46":120,"_17":43,"_42":102,"_40":121,"_67":68,"_50":-5,"_69":227,"_18":228},{"_33":81,"_13":52,"_37":45,"_44":-5,"_35":36,"_48":49,"_61":62,"_46":82,"_17":43,"_42":83,"_40":-5,"_67":68,"_50":-5,"_69":225,"_18":226},{"_33":34,"_13":39,"_37":38,"_44":45,"_35":36,"_48":49,"_61":62,"_46":106,"_17":43,"_42":24,"_40":41,"_67":68,"_50":-5,"_69":223,"_18":224},{"_33":97,"_13":98,"_37":99,"_44":45,"_35":36,"_48":100,"_61":62,"_46":101,"_17":43,"_42":102,"_40":103,"_67":68,"_50":-5,"_69":221,"_18":222},{"_33":89,"_13":90,"_37":91,"_44":45,"_35":36,"_48":92,"_61":62,"_46":93,"_17":43,"_42":24,"_40":94,"_67":68,"_50":-5,"_69":219,"_18":220},{"_33":72,"_13":73,"_37":74,"_44":-5,"_35":36,"_48":75,"_61":62,"_46":76,"_17":77,"_42":24,"_40":78,"_67":68,"_50":-5,"_69":217,"_18":218},{"_33":57,"_13":58,"_37":59,"_44":-5,"_35":36,"_48":60,"_61":62,"_46":63,"_17":64,"_42":65,"_40":66,"_67":68,"_50":-5,"_69":215,"_18":216},[],[58],[],[73],[],[52,90],[],[52,98],[],[52,39],[210,211,212],[52],[],[110,118],[208],[110],["D",1759949002040],{"_11":12,"_176":172},{"_11":12,"_170":-5,"_171":172,"_133":134,"_173":174,"_175":68},{"_17":75,"_13":16,"_33":36,"_162":124,"_163":-5,"_164":-5,"_165":-5,"_166":-5,"_167":-5,"_168":14,"_169":12},"ctx",{"_155":-5,"_193":268,"_269":270,"_271":272,"_273":68,"_274":68,"_275":68,"_276":62,"_277":-5,"_278":-7,"_279":-7,"_280":43,"_281":68,"_282":68,"_283":-5,"_284":68,"_285":68,"_286":68,"_287":-5},"ENV",{"_239":240,"_241":242,"_243":16,"_244":245,"_246":247,"_248":249,"_250":251,"_252":253,"_254":255,"_256":257,"_258":259,"_260":261,"_262":263,"_264":265,"_266":267},"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"]