\n ${logoMarkup(m, false)}\n \n ${m.id}\n ${m.house}${ready(i) ? \" · ready\" : \"\"}\n \n ${state.scores[i]?.toFixed(1) ?? \"–\"}\n

\n `;\n }).join(\"\");\n hydrateLogos(els.lineup);\n}\n\nfunction render() {\n const m = model();\n if (!m) return;\n\n const allPrepped = state.prepared.length > 0 && state.prepared.every((p) => !!p);\n\n // Pre-show curtain: don't reveal the first act until host manually brings them up.\n if (!state.revealed) {\n els.stage.style.setProperty(\"--active\", \"var(--gold)\");\n els.logoOrb.innerHTML = \"\";\n els.currentName.textContent = \"\";\n els.currentMeta.textContent = \"\";\n els.scoreValue.textContent = Number(els.score.value).toFixed(1);\n\n els.prepareBtn.hidden = false;\n els.prepareBtn.disabled = state.preparing || allPrepped;\n els.revealBtn.hidden = !allPrepped;\n els.revealBtn.textContent = state.index === 0 ? \"Bring up first act\" : \"Bring up next act\";\n els.playBtn.hidden = true;\n els.submitBtn.hidden = true;\n\n els.status.textContent = state.preparing\n ? \"Hang tight — prepping all ten acts.\"\n : allPrepped\n ? state.index === 0\n ? \"Show is ready. Bring up the first act when you are.\"\n : `Ready for act ${state.index + 1} of ${MODELS.length} when you are.`\n : \"Hit Prepare show to begin.\";\n\n renderLineup();\n drawIdle();\n return;\n }\n\n // Showtime.\n els.stage.style.setProperty(\"--active\", m.color);\n els.logoOrb.innerHTML = logoMarkup(m, true);\n hydrateLogos(els.logoOrb);\n els.currentName.textContent = m.id;\n els.currentMeta.textContent = m.house;\n els.scoreValue.textContent = Number(els.score.value).toFixed(1);\n\n els.prepareBtn.hidden = true;\n els.revealBtn.hidden = true;\n els.playBtn.hidden = false;\n els.submitBtn.hidden = false;\n els.playBtn.disabled = !ready() || state.playing;\n els.submitBtn.disabled = !ready() || state.playing;\n\n els.status.textContent = ready() ? `Joke ready for ${m.id}` : \"Prepare the show, then press play.\";\n renderLineup();\n drawIdle();\n}\n\nfunction drawIdle() {\n if (!MODELS.length) return;\n const ctx = els.wave.getContext(\"2d\")!;\n const w = els.wave.width;\n const h = els.wave.height;\n const c = model().color;\n ctx.clearRect(0, 0, w, h);\n ctx.fillStyle = \"rgba(0,0,0,.14)\";\n ctx.fillRect(0, 0, w, h);\n for (let x = 0; x < w; x += 13) {\n const y = h / 2 + Math.sin(x / 42 + performance.now() / 900) * 12;\n const bar = 7 + Math.abs(Math.sin(x / 69 + state.index)) * 25;\n ctx.fillStyle = c;\n ctx.globalAlpha = 0.32 + (x % 39) / 100;\n ctx.fillRect(x, y - bar / 2, 6, bar);\n }\n ctx.globalAlpha = 1;\n}\n\nfunction animateWave() {\n const ctx = els.wave.getContext(\"2d\")!;\n const w = els.wave.width;\n const h = els.wave.height;\n const c = model().color;\n function frame() {\n ctx.clearRect(0, 0, w, h);\n ctx.fillStyle = \"rgba(0,0,0,.16)\";\n ctx.fillRect(0, 0, w, h);\n if (analyser && dataArray) {\n analyser.getByteFrequencyData(dataArray);\n const step = Math.max(1, Math.floor(dataArray.length / 74));\n for (let i = 0; i < 74; i++) {\n const v = dataArray[i * step] / 255;\n const bar = Math.max(5, v * h * 0.9);\n const x = i * (w / 74) + 2;\n ctx.fillStyle = c;\n ctx.globalAlpha = 0.35 + v * 0.65;\n ctx.fillRect(x, (h - bar) / 2, Math.max(4, w / 100), bar);\n }\n } else {\n drawIdle();\n }\n ctx.globalAlpha = 1;\n if (state.playing) requestAnimationFrame(frame);\n }\n frame();\n}\n\nasync function prepareOne(i: number) {\n const m = MODELS[i];\n els.status.textContent = `Preparing act ${i + 1} of ${MODELS.length}…`;\n renderLineup();\n const jokeRes = await fetch(\"/api/joke\", {\n method: \"POST\",\n headers: { \"content-type\": \"application/json\" },\n body: JSON.stringify({ modelId: m.id, testMode: !els.liveToggle.checked }),\n });\n const jokeData = await jokeRes.json();\n if (!jokeRes.ok) throw new Error(jokeData.error || \"joke failed\");\n\n let audioUrl: string | null = null;\n let audioMode = \"elevenlabs\";\n try {\n const audioRes = await fetch(\"/api/audio\", {\n method: \"POST\",\n headers: { \"content-type\": \"application/json\" },\n body: JSON.stringify({ modelId: m.id, text: jokeData.joke }),\n });\n if (!audioRes.ok) throw new Error(\"audio fallback\");\n audioUrl = URL.createObjectURL(await audioRes.blob());\n } catch {\n audioMode = \"browser\";\n }\n state.prepared[i] = { joke: jokeData.joke, audioUrl, audioMode, mode: jokeData.mode };\n}\n\nasync function prepareShow() {\n state.preparing = true;\n els.prepareBtn.disabled = true;\n try {\n for (let i = 0; i < MODELS.length; i++) {\n if (!state.prepared[i]) {\n await prepareOne(i);\n render();\n }\n }\n els.status.textContent = \"Show is ready. Bring up the first act when you are.\";\n toast(\"Show prepared. Reveal when ready.\");\n } catch (e) {\n els.status.textContent = \"Prep stopped: \" + (e as Error).message;\n toast(\"Prep stopped. You can retry.\");\n } finally {\n state.preparing = false;\n render();\n }\n}\n\nasync function play() {\n if (!ready()) return;\n const item = state.prepared[state.index]!;\n if (currentAudio) {\n currentAudio.pause();\n currentAudio = null;\n }\n state.playing = true;\n render();\n animateWave();\n if (item.audioUrl) {\n currentAudio = new Audio(item.audioUrl);\n try {\n audioCtx = audioCtx || new AudioContext();\n analyser = audioCtx.createAnalyser();\n analyser.fftSize = 256;\n dataArray = new Uint8Array(analyser.frequencyBinCount);\n sourceNode = audioCtx.createMediaElementSource(currentAudio);\n sourceNode.connect(analyser);\n analyser.connect(audioCtx.destination);\n } catch {}\n currentAudio.onended = () => {\n state.playing = false;\n render();\n };\n await currentAudio.play();\n } else {\n const utter = new SpeechSynthesisUtterance(item.joke);\n utter.rate = 0.95 + (state.index % 4) * 0.04;\n utter.pitch = 0.78 + (state.index % 5) * 0.09;\n utter.onend = () => {\n state.playing = false;\n render();\n };\n speechSynthesis.cancel();\n speechSynthesis.speak(utter);\n }\n}\n\nfunction submitScore() {\n state.scores[state.index] = Number(els.score.value);\n speechSynthesis.cancel();\n if (currentAudio) currentAudio.pause();\n state.playing = false;\n if (state.index === MODELS.length - 1) return showResults();\n state.index++;\n state.revealed = false;\n els.score.value = \"5.0\";\n render();\n}\n\nfunction showResults() {\n const ranked = MODELS\n .map((m, i) => ({ ...m, score: state.scores[i] ?? 0 }))\n .sort((a, b) => b.score - a.score);\n els.ranking.innerHTML = ranked.map((m, i) => `\n

\n #${i + 1}\n ${m.id}${m.house}\n ${m.score.toFixed(1)}\n

\n `).join(\"\");\n els.results.classList.add(\"show\");\n}\n\nasync function init() {\n const res = await fetch(\"/api/lineup\");\n const data = await res.json() as { prompt: string; models: Model[] };\n MODELS = data.models;\n PROMPT = data.prompt;\n state.scores = Array(MODELS.length).fill(null);\n state.prepared = Array(MODELS.length).fill(null);\n els.prompt.textContent = `\"${PROMPT}\"`;\n els.liveToggle.checked = new URL(location.href).searchParams.get(\"live\") === \"1\";\n\n els.prepareBtn.addEventListener(\"click\", prepareShow);\n els.revealBtn.addEventListener(\"click\", () => {\n state.revealed = true;\n render();\n });\n els.playBtn.addEventListener(\"click\", play);\n els.submitBtn.addEventListener(\"click\", submitScore);\n els.score.addEventListener(\"input\", () => {\n els.scoreValue.textContent = Number(els.score.value).toFixed(1);\n });\n els.resetBtn.addEventListener(\"click\", () => {\n state.index = 0;\n state.scores.fill(null);\n state.prepared.forEach((p) => p?.audioUrl && URL.revokeObjectURL(p.audioUrl));\n state.prepared = Array(MODELS.length).fill(null);\n state.revealed = false;\n els.results.classList.remove(\"show\");\n els.score.value = \"5.0\";\n render();\n });\n setInterval(() => {\n if (!state.playing) drawIdle();\n }, 140);\n render();\n}\n\ninit();\n",[],[209,211],"dae2fd50-5a1f-11f1-a81f-ee650bb23af1","index.html","019e6baa-fded-755b-bced-1674ea5ad0c3",["D",1779922828699],"\n\n\n \n \n Last Model Standing — OpenRouter OpenMic\n \n \n\n\n

Last Model Standing

OpenRouter OpenMic

Hosted by $\"Val$

Prepare the show, then press play.

\n \n \n \n live jokes\n

\n 😐\n \n 🤣\n

5.0/10

\n \n

Final Ranking

\n \n

\n view source\n \n\n\n",[],[209,218],"dae3b9a2-5a1f-11f1-a81f-ee650bb23af1",["D",1779922828699],[173,174,175],[209],["D",1779922828699],{"_11":12,"_127":74},{"_11":12,"_122":123,"_73":74,"_31":72,"_124":125,"_126":30},{"_39":40,"_13":16,"_33":36,"_112":78,"_113":-5,"_114":-5,"_115":116,"_117":118,"_119":42,"_120":14,"_121":12},"ctx",{"_52":-5,"_146":265,"_266":267,"_268":269,"_270":30,"_271":30,"_272":30,"_273":24,"_274":-5,"_275":-7,"_276":-7,"_277":26,"_278":30,"_279":30,"_280":-5,"_281":30,"_282":30,"_283":30,"_284":-5},"ENV",{"_236":237,"_238":239,"_240":16,"_241":242,"_243":244,"_245":246,"_247":248,"_249":250,"_251":252,"_253":254,"_255":256,"_257":258,"_259":260,"_261":262,"_263":264},"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"]

History · shared