Lucky Name

\n LUCKY NAME\n \n

\n\n

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

\n \n \n\n",[76],"0499e4c9-a275-4fd9-a4db-2eaf151fc5df",["D",1784185619837],"// ─────────────────────────────────────────────────────────────\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",[94],"pulls","branches","forks","envVars",{"_197":20,"_199":20},"connections",{"_197":20,"_198":20},"count","unfilledCount","emptyCount",{"_30":186,"_13":94,"_59":93,"_40":-5,"_32":33,"_171":88,"_172":108,"_34":214,"_36":20,"_62":95,"_174":188,"_64":24,"_176":-5,"_205":215,"_144":216},{"_30":182,"_13":76,"_59":75,"_40":-5,"_32":33,"_171":70,"_172":108,"_34":211,"_36":20,"_62":50,"_174":184,"_64":24,"_176":-5,"_205":212,"_144":213},{"_30":178,"_13":61,"_59":60,"_40":-5,"_32":33,"_171":37,"_172":108,"_34":208,"_36":20,"_62":63,"_174":180,"_64":24,"_176":-5,"_205":209,"_144":210},{"_30":170,"_13":85,"_59":84,"_40":-5,"_32":33,"_171":79,"_172":108,"_34":204,"_36":20,"_62":50,"_174":175,"_64":24,"_176":-5,"_205":206,"_144":207},["D",1784185616131],"children",[],[85],["D",1784185596337],[],[61],["D",1784185612892],[],[76],["D",1784185619837],[],[94],["D",1784185596280],{"_11":12,"_143":67},{"_11":12,"_139":-5,"_66":67,"_25":65,"_140":141,"_142":24},{"_36":88,"_13":16,"_30":33,"_131":96,"_132":-5,"_133":-5,"_134":-5,"_135":-5,"_136":-5,"_137":14,"_138":12},"ctx",{"_48":-5,"_163":254,"_255":256,"_257":258,"_259":24,"_260":24,"_261":24,"_262":108,"_263":-5,"_264":-7,"_265":-7,"_266":20,"_267":24,"_268":24,"_269":-5,"_270":24,"_271":24,"_272":24,"_273":-5},"ENV",{"_225":226,"_227":228,"_229":16,"_230":231,"_232":233,"_234":235,"_236":237,"_238":239,"_240":241,"_242":243,"_244":245,"_246":247,"_248":249,"_250":251,"_252":253},"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