Saved ${escapeHtml(url.searchParams.get(\"saved\")!)}.

`\n : url.searchParams.get(\"error\")\n ? `

Add at least one unique person.

`\n : \"\";\n\n return `\n\n\n \n \n Wheel of Standup Admin\n \n \n\n\n

\n \n

Wheel admin

\n ${message}\n

Lockout

\n \n

Roster

\n ${people.filter((person) => person.present).length} present / ${people.length} total\n

\n \n

\n ${people.map((person) => `

\n ${escapeHtml(person.name)}\n ${person.present ? \"Present\" : \"Away\"}\n \n

`).join(\"\") || \"

No people on the roster yet.

\"}\n

Recent history

\n \n

${escapeHtml(String(row.person_name))}${escapeHtml(String(row.selected_at))}
No spins yet.

\n \n\n`;\n}\n\nfunction renderAppHtml() {\n return `\n\n\n \n \n Wheel of Standup\n \n \n\n\n

\n \n

\n \n\n`;\n}\n\nfunction appCss() {\n return `@property --ray-angle{syntax:\"\";inherits:false;initial-value:8deg}@keyframes sweep-rays{to{--ray-angle:368deg}}:root{color:#fff8df;background:#16081d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{overflow-x:hidden;min-width:320px;min-height:100vh;margin:0}button{font:inherit}.app-shell{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(413px,550px);width:100%;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 50% 12%,rgba(255,232,134,.34),transparent 23%),radial-gradient(circle at 12% 18%,rgba(255,55,80,.48),transparent 28%),radial-gradient(circle at 86% 74%,rgba(0,176,216,.34),transparent 28%),linear-gradient(125deg,#3b0b21 0%,#8f1f24 38%,#ffb629 39%,#c61d39 68%,#240a2f 100%)}.app-shell:before,.app-shell:after{position:absolute;pointer-events:none;content:\"\"}.app-shell:before{inset:0;z-index:0;opacity:.48;background:repeating-conic-gradient(from var(--ray-angle) at var(--ray-x,38vw) var(--ray-y,50vh),rgba(255,255,255,.18) 0deg 5deg,transparent 5deg 15deg);mix-blend-mode:screen;animation:sweep-rays 10s linear infinite;animation-play-state:paused}.app-shell.is-spinning:before{opacity:.76;animation-duration:1.6s;animation-play-state:running}.app-shell:after{inset:-18%;opacity:.32;background-image:linear-gradient(rgba(255,231,142,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(255,231,142,.12) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,transparent,black 18%,black 82%,transparent)}.wheel-stage,.control-panel{position:relative;z-index:1}.wheel-stage{display:grid;min-height:100vh;padding:clamp(26px,5vw,74px);place-items:center}.wheel-wrap{position:relative;width:min(74vmin,790px);aspect-ratio:1;border-radius:50%;filter:drop-shadow(0 34px 54px rgba(11,4,20,.58)) drop-shadow(0 0 28px rgba(255,204,55,.42))}.marquee-ring{position:absolute;inset:-5.5%;z-index:0;border-radius:50%;background:radial-gradient(circle,rgba(255,210,59,.38),transparent 63%),linear-gradient(135deg,#f32d3f,#ffcf35 34%,#00a6d6 66%,#5d24a4);box-shadow:inset 0 0 0 14px #1a1025,inset 0 0 0 24px rgba(255,255,255,.26),0 0 38px rgba(255,203,49,.54)}.marquee-bulb{--bulb-size:clamp(10px,1.55vw,17px);--bulb-radius:min(42vmin,435px);position:absolute;top:50%;left:50%;width:var(--bulb-size);height:var(--bulb-size);border:2px solid rgba(83,34,0,.6);border-radius:50%;background:#ffe998;box-shadow:0 0 10px rgba(255,231,130,.8),0 0 22px rgba(255,184,41,.6);transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(-1 * var(--bulb-radius)));animation:idle-bulb 1.85s linear infinite;animation-delay:var(--delay)}.app-shell.is-spinning .marquee-bulb{animation-name:spin-bulb;animation-duration:.44s}.app-shell.is-winner .marquee-bulb{animation-name:winner-bulb;animation-duration:.72s}canvas{position:relative;z-index:1;display:block;width:100%;height:100%}.pointer{position:absolute;z-index:4;top:-2px;left:50%;width:0;height:0;border-right:15px solid transparent;border-left:15px solid transparent;border-top:37px solid #16111f;transform:translateX(-50%);filter:drop-shadow(0 4px 0 #ffcf35) drop-shadow(0 8px 8px rgba(0,0,0,.45))}.hub{position:absolute;z-index:3;top:50%;left:50%;width:16%;aspect-ratio:1;border:12px solid #16111f;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff9dc 0 22%,#ffe48a 23% 48%,#ff9e27 49% 100%);box-shadow:inset 0 0 0 9px #fff8df,0 0 0 7px #ffcf35,0 0 30px rgba(255,207,53,.66);transform:translate(-50%,-50%)}.control-panel{display:flex;flex-direction:column;justify-content:center;gap:24px;min-width:0;min-height:100vh;padding:clamp(30px,5vw,56px);border-left:7px solid #ffcf35;background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 32%),linear-gradient(135deg,rgba(255,42,69,.92),rgba(126,30,147,.92) 48%,rgba(20,11,38,.96));box-shadow:inset 10px 0 0 rgba(255,255,255,.14),-28px 0 62px rgba(16,7,23,.35)}.eyebrow{margin:0;color:#fff1a4;font-size:.78rem;font-weight:950;letter-spacing:0;text-transform:uppercase;text-shadow:0 2px 0 rgba(0,0,0,.28)}h1{max-width:8.6ch;margin:-10px 0 2px;color:#fff8df;font-size:clamp(3.1rem,6.2vw,4.9rem);line-height:.88;letter-spacing:0;text-shadow:0 5px 0 #3f112c,0 9px 0 #ffcf35,0 18px 28px rgba(0,0,0,.34)}.primary-button{position:relative;width:100%;min-height:58px;overflow:hidden;border:4px solid #fff8df;border-radius:8px;color:#201022;background:linear-gradient(180deg,#fff4a8,#ffb72f 48%,#ff682f 49%,#dc2340);box-shadow:0 10px 0 #7a122f,0 20px 28px rgba(17,7,24,.42),inset 0 2px 0 rgba(255,255,255,.78);cursor:pointer;font-weight:950;text-transform:uppercase}.primary-button:disabled{cursor:not-allowed;opacity:.82;transform:translateY(5px);box-shadow:0 5px 0 #7a122f,0 12px 22px rgba(17,7,24,.36),inset 0 2px 0 rgba(255,255,255,.68)}.result-box{position:relative;display:flex;align-items:center;justify-content:center;min-height:144px;padding:24px;overflow:hidden;border:5px solid #ffcf35;border-radius:8px;background:linear-gradient(180deg,#2a1733,#100b18 58%,#07050d);box-shadow:0 12px 0 #ab1736,0 24px 36px rgba(18,7,26,.38),inset 0 0 0 4px #7a122f,inset 0 0 34px rgba(255,207,53,.18)}.scoreboard-canvas{position:absolute;inset:14px;z-index:0;display:block;width:calc(100% - 28px);height:calc(100% - 28px);border-radius:4px;opacity:.82;mask-image:linear-gradient(90deg,transparent,black 18%,black 82%,transparent)}.result-box:after{position:absolute;inset:7px;border:2px solid rgba(255,244,168,.72);border-radius:4px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.12),inset 0 0 18px rgba(255,207,53,.22);content:\"\"}.result-box strong{position:relative;z-index:1;min-height:1.1em;color:#fff8df;font-size:clamp(2rem,4vw,3.35rem);line-height:1;overflow-wrap:anywhere;text-align:center;text-shadow:0 3px 0 #7a122f,0 0 14px rgba(255,207,53,.64),0 0 30px rgba(255,207,53,.38)}.app-shell.is-winner .result-box{animation:winner-card .82s ease-in-out 2}@keyframes idle-bulb{0%,100%{opacity:.42;background:#ffd85d;box-shadow:0 0 5px rgba(255,216,93,.4)}22%{opacity:1;background:#fff9c9;box-shadow:0 0 12px rgba(255,249,201,.96),0 0 28px rgba(255,196,39,.84)}}@keyframes spin-bulb{0%{opacity:1;background:#fff9c9;box-shadow:0 0 14px rgba(255,249,201,1),0 0 34px rgba(255,196,39,.94)}50%{opacity:.35;background:#00d6ff;box-shadow:0 0 18px rgba(0,214,255,.86)}100%{opacity:1;background:#ff4262;box-shadow:0 0 22px rgba(255,66,98,.92)}}@keyframes winner-bulb{0%,100%{opacity:1;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(-1 * var(--bulb-radius))) scale(1)}50%{opacity:1;background:#fff9c9;box-shadow:0 0 18px rgba(255,249,201,1),0 0 46px rgba(255,207,53,1);transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(-1 * var(--bulb-radius))) scale(1.45)}}@keyframes winner-card{0%,100%{transform:translateY(0);filter:brightness(1)}45%{transform:translateY(-4px);filter:brightness(1.28)}}@media (max-width:960px){.app-shell{grid-template-columns:1fr;overflow-x:hidden}.wheel-stage{min-height:auto;padding-bottom:18px}.wheel-wrap{width:min(86vw,620px)}.wheel-wrap:before{inset:-38%}.marquee-bulb{--bulb-radius:min(48vw,350px)}.control-panel{min-height:auto;border-top:7px solid #ffcf35;border-left:0}h1{max-width:none;font-size:clamp(2.75rem,13vw,4.7rem)}}@media (max-width:460px){.wheel-stage{padding:20px 14px 16px}.wheel-wrap{width:min(88vw,390px)}.wheel-wrap:before{inset:-34%}.control-panel{gap:20px;padding:28px 18px 34px}.pointer{border-right-width:11px;border-left-width:11px;border-top-width:27px}.primary-button{min-height:54px}.result-box{min-height:120px;padding:18px}.result-box strong{font-size:clamp(1.8rem,10vw,2.75rem)}}`;\n}\n\nfunction clientJs() {\n return `const TAU=Math.PI*2,POINTER_ANGLE=-Math.PI/2,SPIN_DURATION=2600,EXTRA_TURNS=6,BULB_COUNT=48;const appShell=document.querySelector('.app-shell'),wheelWrap=document.querySelector('.wheel-wrap'),canvas=document.querySelector('#wheel'),ctx=canvas.getContext('2d'),scoreCanvas=document.querySelector('#scoreboard'),scoreCtx=scoreCanvas.getContext('2d'),marqueeRing=document.querySelector('.marquee-ring'),spinButton=document.querySelector('#spinButton'),winnerEl=document.querySelector('#winner');let people=[],recentExclusionCount=3,currentRotation=0,isSpinning=false,resultStartedAt=0,scoreCols=0,scoreRows=0,scoreDots=[];const palette=['#f02f38','#ffc837','#00a6d6','#5b6fd8','#25c46f','#f05aa6','#ff7a2f','#008f8f','#8b5fd7','#2db981'];async function boot(){try{createMarqueeBulbs();requestAnimationFrame(scoreboardLoop);const state=await fetchJson('/api/state');people=state.people;recentExclusionCount=state.recentExclusionCount;drawWheel();updateRayCenter();requestAnimationFrame(updateRayCenter);spinButton.disabled=people.length===0;winnerEl.textContent=people.length?'No spin yet':'No one marked present'}catch(error){winnerEl.textContent='Could not load settings'}}function updateRayCenter(){const shellRect=appShell.getBoundingClientRect();const wheelRect=wheelWrap.getBoundingClientRect();appShell.style.setProperty('--ray-x',String(wheelRect.left+wheelRect.width/2-shellRect.left)+'px');appShell.style.setProperty('--ray-y',String(wheelRect.top+wheelRect.height/2-shellRect.top)+'px')}function createMarqueeBulbs(){marqueeRing.replaceChildren();for(let index=0;index1.05||sparkle>.86?.9:.16+.1*dot.seed}else if(winner){const dist=Math.hypot(dot.x-cx,dot.y-cy)/maxDist;const ring=Math.max(0,1-Math.abs(dist-wave)*7);const afterglow=Math.max(0,1-Math.abs(dist-wave*.72)*3.5)*.35;power=.18+Math.max(ring,afterglow)}const radius=Math.max(2,Math.min(width/scoreCols,height/scoreRows)*.18);scoreCtx.beginPath();scoreCtx.arc(dot.x,dot.y,radius,0,TAU);scoreCtx.fillStyle='rgba(255,207,53,'+Math.min(.95,power)+')';scoreCtx.shadowColor='rgba(255,198,48,'+Math.min(.8,power)+')';scoreCtx.shadowBlur=10*power;scoreCtx.fill()}scoreCtx.restore()}function drawWheel(rotation=currentRotation){if(!people.length)return;const{width,height}=canvas;const center=width/2;const radius=Math.min(width,height)*.42;const sliceAngle=TAU/people.length;ctx.clearRect(0,0,width,height);const rim=ctx.createRadialGradient(center,center,radius*.72,center,center,radius*1.12);rim.addColorStop(0,'#e31b3d');rim.addColorStop(.56,'#ffcf3a');rim.addColorStop(1,'#14101f');ctx.beginPath();ctx.arc(center,center,radius*1.11,0,TAU);ctx.fillStyle=rim;ctx.fill();ctx.save();ctx.translate(center,center);ctx.rotate(rotation);people.forEach((person,index)=>{const start=index*sliceAngle+POINTER_ANGLE;const end=start+sliceAngle;ctx.beginPath();ctx.moveTo(0,0);ctx.arc(0,0,radius,start,end);ctx.closePath();ctx.fillStyle=palette[index%palette.length];ctx.fill();ctx.strokeStyle='rgba(255,255,255,.84)';ctx.lineWidth=6;ctx.stroke();const gloss=ctx.createRadialGradient(0,0,radius*.08,0,0,radius);gloss.addColorStop(0,'rgba(255,255,255,.26)');gloss.addColorStop(.62,'rgba(255,255,255,.04)');gloss.addColorStop(1,'rgba(16,12,28,.16)');ctx.beginPath();ctx.moveTo(0,0);ctx.arc(0,0,radius,start,end);ctx.closePath();ctx.fillStyle=gloss;ctx.fill();ctx.save();const labelAngle=start+sliceAngle/2;const normalizedLabelAngle=normalizeRadians(labelAngle);const isLeftSide=normalizedLabelAngle>Math.PI/2&&normalizedLabelAngleappShell.classList.remove('is-winner'),2600)}requestAnimationFrame(frame)}spinButton.addEventListener('click',spin);addEventListener('resize',()=>{requestAnimationFrame(updateRayCenter);scoreCanvas.width=0;scoreCanvas.height=0});boot();`;\n}\n\nfunction adminJs() {\n return `document.querySelectorAll('.presence-checkbox').forEach((checkbox)=>{checkbox.addEventListener('change',async()=>{const row=checkbox.closest('.roster-row');const state=row?.querySelector('.presence-state');const previous=!checkbox.checked;checkbox.disabled=true;row?.classList.remove('save-error');row?.classList.add('is-saving');try{const response=await fetch('/admin/people/presence?id='+encodeURIComponent(checkbox.dataset.personId)+'&present='+String(checkbox.checked),{method:'POST'});if(!response.ok)throw new Error(await response.text());if(state)state.textContent=checkbox.checked?'Present':'Away'}catch(error){checkbox.checked=previous;row?.classList.add('save-error');if(state)state.textContent='Save failed'}finally{checkbox.disabled=false;row?.classList.remove('is-saving')}})})`;\n}\n\nfunction adminCss() {\n return `:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;color:#241425;background:#fff8e8}body{margin:0}main{width:min(900px,calc(100vw - 40px));margin:40px auto 80px}nav{margin-bottom:28px}a{color:#9d1739;font-weight:800}h1{font-size:48px;line-height:1;margin:0 0 28px}h2{margin:0}section{padding:24px;margin:18px 0;border:2px solid #f0cf67;border-radius:10px;background:#fffdf4;box-shadow:0 8px 0 #c22242}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.section-heading form{margin:0}label{display:grid;gap:8px;font-weight:800}input,textarea{width:100%;padding:12px;border:2px solid #e2bd50;border-radius:8px;font:inherit}textarea{resize:vertical}button{margin-top:14px;padding:12px 18px;border:0;border-radius:8px;background:linear-gradient(#fff2a8,#ffb92f 48%,#ee354b);font-weight:950;cursor:pointer}.section-heading button{margin-top:0}.secondary{background:#241425;color:#fff8e8}.notice{padding:12px 14px;border-radius:8px;background:#e9ffec;color:#116b28;font-weight:800}.error{padding:12px 14px;border-radius:8px;background:#ffe2e2;color:#a6112a;font-weight:800}ol{padding-left:22px}li{margin:8px 0}li span{display:inline-block;margin-left:10px;color:#76646f}.count-pill{padding:5px 10px;border-radius:999px;background:#241425;color:#fff8e8;font-size:13px;font-weight:900}.add-person{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;margin-bottom:18px}.add-person button{height:49px;margin-top:0}.roster-list{display:grid;gap:10px}.roster-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:10px 12px;border:2px solid #efd778;border-radius:8px;background:#fffaf0}.roster-row.is-saving{opacity:.62}.roster-row.save-error{border-color:#d01f3f;background:#ffe8ec}.presence-toggle{display:flex;grid-template-columns:none;grid-auto-flow:column;justify-content:start;align-items:center;gap:12px;font-weight:950}.presence-toggle input{width:24px;height:24px;accent-color:#0d8f4f}.presence-state{min-width:68px;font-size:13px;font-weight:950;color:#6d5363;text-transform:uppercase}.roster-row form{margin:0}.danger{padding:8px 12px;font-size:12px}.empty{margin:0;color:#76646f;font-weight:800}`;\n}\n\nfunction htmlResponse(html: string, status = 200) {\n return new Response(html, { status, headers: { \"content-type\": \"text/html; charset=utf-8\" } });\n}\n\nfunction redirect(location: string) {\n return new Response(null, { status: 303, headers: { location } });\n}\n\nfunction escapeHtml(value: string) {\n return value.replace(/[&<>\"]/g, (char) => ({ \"&\": \"&\", \"<\": \"<\", \">\": \">\", \"\\\"\": \""\" }[char]!));\n}\n","deleted","label",[111],"pulls","branches",1,"forks","envVars",{"_135":40,"_137":40},"connections",{"_135":40,"_136":40},"count","unfilledCount","emptyCount",{"_18":110,"_20":111,"_112":113,"_114":-5,"_115":69,"_116":67,"_117":104,"_22":139,"_66":119,"_120":121,"_122":123,"_124":26,"_125":-5,"_140":141,"_86":142},["D",1783025614867],"children",[],[111],["D",1780324884989],["D",1789579303050],{"_16":17,"_84":80},{"_16":17,"_78":-5,"_79":80,"_33":34,"_81":82,"_83":26},{"_66":67,"_20":68,"_18":69,"_70":19,"_71":-5,"_72":-5,"_73":-5,"_74":-5,"_75":-5,"_76":21,"_77":17},"ctx",{"_59":-5,"_106":181,"_182":183,"_184":185,"_186":26,"_187":26,"_188":26,"_189":104,"_190":-5,"_191":-7,"_192":-7,"_193":40,"_194":26,"_195":26,"_196":-5,"_197":26,"_198":26,"_199":26,"_200":-5},"ENV",{"_152":153,"_154":155,"_156":68,"_157":158,"_159":160,"_161":162,"_163":164,"_165":166,"_167":168,"_169":170,"_171":172,"_173":174,"_175":176,"_177":178,"_179":180},"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"]

Search