Lucky Name

\n LUCKY NAME\n \n

\n\n

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

\n \n \n\n",[141],"0499e4c9-a275-4fd9-a4db-2eaf151fc5df","app.js","f05960fc-80e4-11f1-9f3a-1607ee4eb77e",["D",1784185619837],"script","// ─────────────────────────────────────────────────────────────\n// CONFIGURE YOUR NAMES HERE — add, remove, or reorder freely.\n// ─────────────────────────────────────────────────────────────\nconst NAMES = [\n \"Andi\",\n \"Daniel\",\n \"Christian\",\n \"Philipp Brumm\",\n \"Karo\",\n \"Katrin\",\n \"Kristina\",\n \"Marisa\",\n \"Maya\",\n \"Robert\",\n \"Sanja\",\n \"Philipp Gerbig\",\n \"Maurice\"\n];\n\nconst ROW_HEIGHT = 64;\nconst STEP = 360 / NAMES.length;\nconst RADIUS = Math.max(150, ROW_HEIGHT / (2 * Math.sin(Math.PI / NAMES.length)));\nconst reels = [...document.querySelectorAll(\".reel\")];\nconst machine = document.querySelector(\".machine\");\nconst spinButton = document.querySelector(\"#spinButton\");\nconst nameMenuButton = document.querySelector(\"#nameMenuButton\");\nconst nameSheet = document.querySelector(\"#nameSheet\");\nconst nameOptions = document.querySelector(\"#nameOptions\");\nconst sheetClose = document.querySelector(\"#sheetClose\");\nconst sheetDone = document.querySelector(\"#sheetDone\");\nconst activeCount = document.querySelector(\"#activeCount\");\nconst totalCount = document.querySelector(\"#totalCount\");\nconst sheetCount = document.querySelector(\"#sheetCount\");\nconst wheelStates = [];\nconst activeNames = new Set(NAMES);\nlet winnerIndex = -1;\nlet spinning = false;\n\nconst openingIndices = NAMES.map((_, index) => index);\nfor (let index = openingIndices.length - 1; index > 0; index -= 1) {\n const randomIndex = Math.floor(Math.random() * (index + 1));\n [openingIndices[index], openingIndices[randomIndex]] = [openingIndices[randomIndex], openingIndices[index]];\n}\n\nconst modulo = (value, length) => ((value % length) + length) % length;\n\nfunction selectedIndex(angle) {\n return modulo(Math.round(-angle / STEP), NAMES.length);\n}\n\nfunction render(state) {\n state.element.style.transform = `rotateX(${state.angle}deg)`;\n const chosen = selectedIndex(state.angle);\n state.items.forEach((item, index) => {\n item.setAttribute(\"aria-selected\", String(index === chosen));\n });\n state.element.setAttribute(\"aria-valuetext\", NAMES[chosen]);\n}\n\nfunction buildWheels() {\n reels.forEach((reel, reelIndex) => {\n const items = NAMES.map((name, index) => {\n const item = document.createElement(\"div\");\n item.className = \"reel-item\";\n item.textContent = name;\n item.setAttribute(\"role\", \"option\");\n item.setAttribute(\"aria-selected\", \"false\");\n item.style.transform = `rotateX(${index * STEP}deg) translateZ(${RADIUS}px)`;\n reel.appendChild(item);\n return item;\n });\n\n const state = {\n element: reel,\n items,\n angle: -openingIndices[reelIndex] * STEP\n };\n wheelStates.push(state);\n render(state);\n });\n}\n\nfunction buildNameOptions() {\n NAMES.forEach((name, index) => {\n const label = document.createElement(\"label\");\n label.className = \"name-option\";\n label.append(document.createTextNode(name));\n\n const checkbox = document.createElement(\"input\");\n checkbox.type = \"checkbox\";\n checkbox.checked = true;\n checkbox.value = name;\n checkbox.addEventListener(\"change\", () => {\n if (checkbox.checked) activeNames.add(name);\n else activeNames.delete(name);\n\n if (activeNames.size === 0) {\n checkbox.checked = true;\n activeNames.add(name);\n }\n updateNameCounts();\n });\n\n label.appendChild(checkbox);\n nameOptions.appendChild(label);\n });\n}\n\nfunction updateNameCounts() {\n activeCount.textContent = activeNames.size;\n totalCount.textContent = NAMES.length;\n sheetCount.textContent = `${activeNames.size} selected`;\n}\n\nfunction openNameSheet() {\n if (spinning) return;\n nameSheet.hidden = false;\n nameMenuButton.setAttribute(\"aria-expanded\", \"true\");\n sheetClose.focus();\n}\n\nfunction closeNameSheet() {\n nameSheet.hidden = true;\n nameMenuButton.setAttribute(\"aria-expanded\", \"false\");\n nameMenuButton.focus();\n}\n\nfunction spinWheel(state, reelIndex, winner, reduceMotion) {\n state.element.classList.add(\"is-animating\");\n const alignedAngle = -winner * STEP;\n const turnsBelowCurrent = Math.floor((state.angle - alignedAngle) / 360);\n state.angle = alignedAngle + (turnsBelowCurrent - (reduceMotion ? 0 : 4 + reelIndex)) * 360;\n state.element.style.setProperty(\"--spin-duration\", `${reduceMotion ? 1 : 1.8 + reelIndex * 0.42}s`);\n requestAnimationFrame(() => render(state));\n\n return new Promise(resolve => {\n window.setTimeout(() => {\n state.element.classList.remove(\"is-animating\");\n resolve();\n }, reduceMotion ? 20 : 1950 + reelIndex * 420);\n });\n}\n\nasync function spin() {\n if (spinning || activeNames.size === 0) return;\n spinning = true;\n spinButton.disabled = true;\n nameMenuButton.disabled = true;\n machine.classList.remove(\"is-settled\");\n\n const eligibleIndices = NAMES\n .map((name, index) => activeNames.has(name) ? index : -1)\n .filter(index => index >= 0);\n let nextWinner;\n do nextWinner = eligibleIndices[Math.floor(Math.random() * eligibleIndices.length)];\n while (nextWinner === winnerIndex && eligibleIndices.length > 1);\n winnerIndex = nextWinner;\n\n const reduceMotion = matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n await Promise.all(wheelStates.map((state, index) => spinWheel(state, index, winnerIndex, reduceMotion)));\n if (!spinning) return;\n\n machine.classList.add(\"is-settled\");\n spinButton.disabled = false;\n nameMenuButton.disabled = false;\n spinButton.querySelector(\"span:nth-child(2)\").textContent = \"SPIN AGAIN\";\n spinning = false;\n}\n\nspinButton.addEventListener(\"click\", spin);\nnameMenuButton.addEventListener(\"click\", openNameSheet);\nsheetClose.addEventListener(\"click\", closeNameSheet);\nsheetDone.addEventListener(\"click\", closeNameSheet);\nnameSheet.addEventListener(\"click\", event => {\n if (event.target === nameSheet) closeNameSheet();\n});\ndocument.addEventListener(\"keydown\", event => {\n if (event.key === \"Escape\" && !nameSheet.hidden) closeNameSheet();\n});\nbuildWheels();\nbuildNameOptions();\nupdateNameCounts();\n",[148],"pulls","forks","envVars",{"_160":54,"_162":54},"connections",{"_160":54,"_161":54},"count","unfilledCount","emptyCount",{"_20":147,"_13":148,"_119":149,"_121":-5,"_122":21,"_123":30,"_125":50,"_22":177,"_29":54,"_127":151,"_128":152,"_130":38,"_131":-5,"_168":178,"_90":179},{"_20":140,"_13":141,"_119":142,"_121":-5,"_122":21,"_123":143,"_125":50,"_22":174,"_29":54,"_127":102,"_128":145,"_130":38,"_131":-5,"_168":175,"_90":176},{"_20":133,"_13":134,"_119":48,"_121":-5,"_122":21,"_123":135,"_125":50,"_22":171,"_29":54,"_127":137,"_128":138,"_130":38,"_131":-5,"_168":172,"_90":173},{"_20":117,"_13":118,"_119":120,"_121":-5,"_122":21,"_123":124,"_125":50,"_22":167,"_29":54,"_127":102,"_128":129,"_130":38,"_131":-5,"_168":169,"_90":170},["D",1784185616131],"children",[],[118],["D",1784185596337],[],[134],["D",1784185612892],[],[141],["D",1784185619837],[],[148],["D",1784185596280],{"_11":12,"_88":84},{"_11":12,"_82":-5,"_83":84,"_45":46,"_85":86,"_87":38},{"_29":30,"_13":26,"_20":21,"_27":28,"_31":-5,"_32":-5,"_77":-5,"_78":-5,"_79":-5,"_80":14,"_81":12},"ctx",{"_70":-5,"_110":217,"_218":219,"_220":221,"_222":38,"_223":38,"_224":38,"_225":50,"_226":-5,"_227":-7,"_228":-7,"_229":54,"_230":38,"_231":38,"_232":-5,"_233":38,"_234":38,"_235":38,"_236":-5},"ENV",{"_188":189,"_190":191,"_192":26,"_193":194,"_195":196,"_197":198,"_199":200,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210,"_211":212,"_213":214,"_215":216},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","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"]

Branches1

Branches
1