Lucky Name

\n LUCKY NAME\n \n

\n\n

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

\n \n \n\n",[135],"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",[142],"pulls","branches","forks","envVars",{"_155":42,"_157":42},"connections",{"_155":42,"_156":42},"count","unfilledCount","emptyCount",{"_18":141,"_20":142,"_113":143,"_115":-5,"_116":68,"_117":66,"_119":38,"_22":172,"_65":42,"_121":145,"_122":146,"_124":26,"_125":-5,"_163":173,"_85":174},{"_18":134,"_20":135,"_113":136,"_115":-5,"_116":68,"_117":137,"_119":38,"_22":169,"_65":42,"_121":96,"_122":139,"_124":26,"_125":-5,"_163":170,"_85":171},{"_18":127,"_20":128,"_113":36,"_115":-5,"_116":68,"_117":129,"_119":38,"_22":166,"_65":42,"_121":131,"_122":132,"_124":26,"_125":-5,"_163":167,"_85":168},{"_18":111,"_20":112,"_113":114,"_115":-5,"_116":68,"_117":118,"_119":38,"_22":162,"_65":42,"_121":96,"_122":123,"_124":26,"_125":-5,"_163":164,"_85":165},["D",1784185616131],"children",[],[112],["D",1784185596337],[],[128],["D",1784185612892],[],[135],["D",1784185619837],[],[142],["D",1784185596280],{"_16":17,"_83":79},{"_16":17,"_77":-5,"_78":79,"_33":34,"_80":81,"_82":26},{"_65":66,"_20":67,"_18":68,"_69":19,"_70":-5,"_71":-5,"_72":-5,"_73":-5,"_74":-5,"_75":21,"_76":17},"ctx",{"_58":-5,"_104":212,"_213":214,"_215":216,"_217":26,"_218":26,"_219":26,"_220":38,"_221":-5,"_222":-7,"_223":-7,"_224":42,"_225":26,"_226":26,"_227":-5,"_228":26,"_229":26,"_230":26,"_231":-5},"ENV",{"_183":184,"_185":186,"_187":67,"_188":189,"_190":191,"_192":193,"_194":195,"_196":197,"_198":199,"_200":201,"_202":203,"_204":205,"_206":207,"_208":209,"_210":211},"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"]

Search