[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_201":202,"_203":204},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_61":161,"_16":-7,"_162":-5,"_17":163,"_164":165,"_28":166,"_21":167,"_23":168,"_70":-5,"_169":-5,"_170":-5,"_171":35,"_172":173,"_174":38,"_175":-5,"_176":-5,"_177":178},"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":-5,"_27":-5,"_28":29,"_30":31,"_32":-5,"_33":-5,"_34":35,"_36":35,"_37":38},"handle","dcm31","name","soundBoardTemplate","branchName","version","project",{"_39":101,"_13":14,"_50":102,"_103":-5,"_104":35,"_105":106,"_107":106,"_108":-5,"_109":-5,"_110":111,"_112":43,"_113":38,"_114":-5,"_115":-5,"_116":52,"_117":118,"_119":120,"_121":122,"_123":124,"_125":-5,"_126":127,"_128":127,"_129":130,"_131":130,"_132":130,"_133":127,"_134":127,"_135":136,"_137":138,"_139":140,"_141":35},"tags",[],"counts",{"_91":52,"_92":48,"_93":52,"_94":95,"_96":97},"contents",[82,83,84],"readme","upstream","pull","files",[63,64,31],"preview",{"_39":40,"_13":41,"_42":43,"_44":-5,"_45":46,"_47":48,"_49":38,"_50":51,"_16":52,"_53":54,"_55":56,"_57":35,"_58":-5,"_59":60,"_61":62},"ahead","behind","showHomeCustomizationHint",false,"showHTTPPreviewSettingsHint","hasHTTPFiles",true,"id","b82f561e-5a1f-11f1-97bc-ee650bb23af1","main.ts","fileId","019e6baa-1a85-738f-b601-addfa9acbd8a","parentId","branchId","b82b6b6c-5a1f-11f1-97bc-ee650bb23af1","branchVersion",1,"latest","createdAt",["D",1779922770504],0,"fileType","http","content","import { Hono } from \"npm:hono@4\";\nimport { serveFile } from \"https://esm.town/v/std/utils/index.ts\";\n\nconst app = new Hono();\napp.onError((err) => Promise.reject(err));\n\napp.get(\"/\", () => serveFile(\"index.html\", import.meta.url));\napp.get(\"/client.js\", () => serveFile(\"client.js\", import.meta.url));\n\napp.post(\"/generate\", async (c) => {\n const apiKey = Deno.env.get(\"ELEVEN_LABS_API_KEY\");\n if (!apiKey) return c.json({ ok: false, error: \"Missing ELEVEN_LABS_API_KEY\" }, 200);\n\n const body = await c.req.json().catch(() => ({} as Record));\n const text = body.text;\n if (typeof text !== \"string\" || !text.trim()) {\n return c.json({ ok: false, error: \"Missing or invalid 'text'\" }, 200);\n }\n\n const t0 = Date.now();\n console.log(`[generate] start text=\"${text}\"`);\n\n try {\n const r = await fetch(\"https://api.elevenlabs.io/v1/sound-generation\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n \"xi-api-key\": apiKey,\n \"Accept\": \"audio/mpeg\",\n },\n body: JSON.stringify({\n text,\n prompt_influence: 0.3,\n output_format: \"mp3_22050_32\",\n }),\n });\n\n console.log(`[generate] elevenlabs responded status=${r.status} after ${Date.now() - t0}ms`);\n\n if (!r.ok) {\n const errText = await r.text();\n console.log(`[generate] error body: ${errText.slice(0, 500)}`);\n return c.json(\n { ok: false, error: `ElevenLabs ${r.status}: ${errText.slice(0, 500)}` },\n 200,\n );\n }\n\n const buf = await r.arrayBuffer();\n console.log(`[generate] done text=\"${text}\" bytes=${buf.byteLength} totalMs=${Date.now() - t0}`);\n return new Response(buf, {\n headers: { \"Content-Type\": \"audio/mpeg\" },\n });\n } catch (e) {\n const msg = (e as Error).message || String(e);\n console.log(`[generate] threw after ${Date.now() - t0}ms: ${msg}`);\n return c.json({ ok: false, error: `Request failed: ${msg}` }, 200);\n }\n});\n\nexport default app.fetch;\n","deleted","label","children",[],"path",[41],{"_39":74,"_13":75,"_42":76,"_44":-5,"_45":46,"_47":48,"_49":38,"_50":77,"_16":52,"_53":78,"_55":79,"_57":35,"_58":-5,"_59":80,"_61":81},{"_39":65,"_13":66,"_42":67,"_44":-5,"_45":46,"_47":68,"_49":38,"_50":69,"_16":48,"_53":70,"_55":71,"_57":35,"_58":-5,"_59":72,"_61":73},"aaf66b76-5b79-11f1-b565-ee650bb23af1","index.html","019e6baa-1a85-738f-b601-a9367205ca8c",2,["D",1780071354247],"file","\n\n\n \n \n Soundboard\n \n\n\n

Soundboard

\n Edit a label and press Enter (or click outside) to generate the sound effect. Then click the tile to play.\n

\n \n\n\n",[],[66],"b82f27b6-5a1f-11f1-97bc-ee650bb23af1","client.js","019e6baa-1a85-738f-b601-a44321d10705",["D",1779922770504],"script","const DEFAULTS = [\n \"applause\", \"thunder clap\", \"laser zap\", \"explosion\",\n \"cat meow\", \"horn honk\", \"wind chimes\", \"drum roll\",\n \"rain on window\", \"crowd cheer\", \"ding\", \"boing\",\n \"fire crackle\", \"wolf howl\", \"bell ring\", \"swoosh\",\n];\n\nconst grid = document.getElementById(\"grid\");\nDEFAULTS.forEach((label) => grid.appendChild(createTile(label).el));\n\nfunction createTile(initialLabel) {\n const state = {\n label: initialLabel,\n audioUrl: null,\n loading: false,\n error: null,\n generatedFor: null,\n };\n\n const el = document.createElement(\"div\");\n el.className = \"rounded-lg border border-slate-700 bg-slate-800 p-3 flex flex-col gap-2 transition\";\n\n const input = document.createElement(\"input\");\n input.value = initialLabel;\n input.className = \"bg-slate-900 border border-slate-700 rounded px-2 py-1 text-sm focus:outline-none focus:border-indigo-500 disabled:cursor-not-allowed\";\n input.addEventListener(\"input\", (e) => { state.label = e.target.value; });\n input.addEventListener(\"keydown\", (e) => {\n if (e.key === \"Enter\") { e.preventDefault(); input.blur(); }\n });\n input.addEventListener(\"blur\", () => commit());\n\n const audio = new Audio();\n\n const btn = document.createElement(\"button\");\n btn.className = \"rounded px-3 py-4 font-medium text-sm transition\";\n btn.addEventListener(\"click\", () => {\n if (state.audioUrl && !state.loading) {\n audio.pause();\n audio.currentTime = 0;\n audio.play();\n }\n });\n\n const errEl = document.createElement(\"p\");\n errEl.className = \"text-xs text-red-400 hidden break-words\";\n\n el.append(input, btn, errEl);\n\n function applyState() {\n el.classList.toggle(\"opacity-50\", state.loading);\n input.disabled = state.loading;\n btn.disabled = state.loading || !state.audioUrl;\n\n const ready = state.audioUrl && !state.loading;\n btn.className = \"rounded px-3 py-4 font-medium text-sm transition \" + (\n ready ? \"bg-indigo-600 hover:bg-indigo-500 text-white cursor-pointer\" :\n state.loading ? \"bg-slate-700 text-slate-400 cursor-wait\" :\n \"bg-slate-700 text-slate-500 cursor-not-allowed\"\n );\n btn.textContent = state.loading\n ? \"Generating…\"\n : state.audioUrl\n ? \"▶ Play\"\n : \"Press Enter to generate\";\n\n if (state.error) {\n errEl.textContent = state.error;\n errEl.title = state.error;\n errEl.classList.remove(\"hidden\");\n } else {\n errEl.classList.add(\"hidden\");\n }\n }\n\n async function commit() {\n const text = state.label.trim();\n if (!text || text === state.generatedFor) return;\n state.loading = true;\n state.error = null;\n applyState();\n try {\n const r = await fetch(\"/generate\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ text }),\n });\n const ct = r.headers.get(\"content-type\") || \"\";\n if (ct.includes(\"application/json\")) {\n const j = await r.json();\n throw new Error(j.error || `Failed (${r.status})`);\n }\n if (!r.ok) throw new Error(`Failed (${r.status})`);\n const blob = await r.blob();\n if (state.audioUrl) URL.revokeObjectURL(state.audioUrl);\n state.audioUrl = URL.createObjectURL(blob);\n audio.src = state.audioUrl;\n state.generatedFor = text;\n } catch (e) {\n state.error = e.message || \"Failed\";\n } finally {\n state.loading = false;\n applyState();\n }\n }\n\n applyState();\n return { el, state };\n}\n",[],[75],{"_39":74,"_13":75,"_42":76,"_44":-5,"_45":46,"_47":48,"_49":38,"_50":89,"_16":52,"_53":78,"_55":79,"_57":35,"_58":-5,"_61":90},{"_39":65,"_13":66,"_42":67,"_44":-5,"_45":46,"_47":68,"_49":38,"_50":87,"_16":48,"_53":70,"_55":71,"_57":35,"_58":-5,"_61":88},{"_39":40,"_13":41,"_42":43,"_44":-5,"_45":46,"_47":48,"_49":38,"_50":85,"_16":52,"_53":54,"_55":56,"_57":35,"_58":-5,"_61":86},["D",1779922770504],[41],["D",1780071354247],[66],["D",1779922770504],[75],"pulls","branches","forks","envVars",{"_98":48,"_100":48},"connections",{"_98":52,"_99":52},"count","unfilledCount","emptyCount","b82582ce-5a1f-11f1-97bc-ee650bb23af1",["D",1779922770504],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","9319c175-2593-4f88-ba21-04f2ef7b1c28","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","d663a026-6449-42f6-9156-1d4a2d64d38c","tursoName","b82582ce5a1f11f197bcee650bb23af1","tursoHostname","b82582ce5a1f11f197bcee650bb23af1-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789509672838],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_160":156},"org",{"_11":12,"_153":154,"_155":156,"_110":111,"_157":158,"_159":35},"branch",{"_16":68,"_13":142,"_39":46,"_143":101,"_144":-5,"_145":-5,"_146":147,"_148":149,"_150":118,"_151":14,"_152":12},"isOwned","main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","private","forkedProjectId","b07f7082-4888-11f1-9f54-42b51c65c3df","forkedProjectOrgId","projectName","userHandle","displayName","Charlie","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/3e904faa-3764-4629-c475-f561a49b0000/square512?exp=1789531199&sig=70ba01c808225325e3ce9e8a7dc96e189f737eaf3e04a60a5d4bb714dd4d654a","tier","pro","canRestrictVals","profileImageUrl","","adoptOrgId",{"_39":101,"_13":14,"_50":196,"_103":-5,"_104":35,"_105":106,"_107":106,"_108":-5,"_109":-5,"_110":111,"_112":43,"_113":38,"_114":-5,"_115":-5,"_116":52,"_117":118,"_119":120,"_121":122,"_123":197,"_125":-5,"_126":127,"_128":127,"_129":130,"_131":130,"_132":130,"_133":127,"_134":127,"_135":198,"_137":199,"_139":200,"_141":35},"tree",[187,188,189],[187,188,189],{"_91":52,"_92":48,"_93":52,"_94":185,"_96":186},[179,180,181],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_39":74,"_13":75,"_42":76,"_44":-5,"_45":46,"_47":48,"_49":38,"_50":89,"_16":52,"_53":78,"_55":79,"_57":35,"_58":-5,"_61":184},{"_39":65,"_13":66,"_42":67,"_44":-5,"_45":46,"_47":68,"_49":38,"_50":87,"_16":48,"_53":70,"_55":71,"_57":35,"_58":-5,"_61":183},{"_39":40,"_13":41,"_42":43,"_44":-5,"_45":46,"_47":48,"_49":38,"_50":85,"_16":52,"_53":54,"_55":56,"_57":35,"_58":-5,"_61":182},[41],[66],[75],{"_98":48,"_100":48},{"_98":52,"_99":52},{"_39":74,"_13":75,"_42":76,"_44":-5,"_45":46,"_47":48,"_49":38,"_50":77,"_16":52,"_53":78,"_55":79,"_57":35,"_58":-5,"_59":194,"_61":195},{"_39":65,"_13":66,"_42":67,"_44":-5,"_45":46,"_47":68,"_49":38,"_50":69,"_16":48,"_53":70,"_55":71,"_57":35,"_58":-5,"_59":192,"_61":193},{"_39":40,"_13":41,"_42":43,"_44":-5,"_45":46,"_47":48,"_49":38,"_50":51,"_16":52,"_53":54,"_55":56,"_57":35,"_58":-5,"_59":190,"_61":191},[],[41],[],[66],[],[75],["D",1779922770504],["D",1789509672838],{"_11":12,"_160":156},{"_11":12,"_153":154,"_155":156,"_110":111,"_157":158,"_159":35},{"_16":68,"_13":142,"_39":46,"_143":101,"_144":-5,"_145":-5,"_146":147,"_148":149,"_150":118,"_151":14,"_152":12},"ctx",{"_135":-5,"_176":234,"_235":236,"_237":238,"_239":35,"_240":35,"_241":35,"_242":38,"_243":-5,"_244":-7,"_245":-7,"_246":52,"_247":35,"_248":35,"_249":-5,"_250":35,"_251":35,"_252":35,"_253":-5},"ENV",{"_205":206,"_207":208,"_209":142,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":221,"_222":223,"_224":225,"_226":227,"_228":229,"_230":231,"_232":233},"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"]