Walk to School Bingo

\n \n\n\n","label",[18],"pulls","branches",1,"forks","envVars",{"_183":26,"_185":26},"connections",{"_183":26,"_184":26},"count","unfilledCount","emptyCount",{"_35":222,"_13":223,"_65":224,"_45":-5,"_37":38,"_167":225,"_168":161,"_39":226,"_41":177,"_67":21,"_171":227,"_68":24,"_173":-5,"_197":228,"_17":229},{"_35":166,"_13":18,"_65":66,"_45":-5,"_37":38,"_167":91,"_168":161,"_39":219,"_41":170,"_67":21,"_171":172,"_68":24,"_173":-5,"_197":220,"_17":221},{"_35":210,"_13":211,"_65":212,"_45":-5,"_37":38,"_167":213,"_168":161,"_39":214,"_41":205,"_67":215,"_171":216,"_68":24,"_173":-5,"_197":217,"_17":218},{"_35":200,"_13":201,"_65":202,"_45":-5,"_37":38,"_167":203,"_168":161,"_39":204,"_41":205,"_67":206,"_171":207,"_68":24,"_173":14,"_197":208,"_17":209},{"_35":191,"_13":192,"_65":193,"_45":-5,"_37":38,"_167":130,"_168":161,"_39":194,"_41":195,"_67":21,"_171":196,"_68":24,"_173":-5,"_197":198,"_17":199},"0b52173a-2f07-11f1-beb5-42dde27851f2","style.css","9e30cd3a-2f02-11f1-88bd-42dde27851f2",["D",1775184272628],8,"*, *::before, *::after {\n box-sizing: border-box;\n}\n\nbody {\n margin: 0;\n padding: 1rem;\n background: #f0f4f8;\n font-family: \"Segoe UI\", system-ui, sans-serif;\n display: flex;\n flex-direction: column;\n align-items: center;\n min-height: 100vh;\n}\n\nh1 {\n margin: 0 0 1rem;\n font-size: 1.6rem;\n color: #1a3a5c;\n letter-spacing: 0.03em;\n}\n\n#board {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n width: min(95vw, 560px);\n border-top: 2px solid #b0cce4;\n border-left: 2px solid #b0cce4;\n}\n\n.cell {\n aspect-ratio: 1;\n background: #ffffff;\n border-right: 2px solid #b0cce4;\n border-bottom: 2px solid #b0cce4;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n padding: 6px;\n font-size: clamp(0.8rem, 3vw, 1.1rem);\n font-weight: 600;\n line-height: 1.3;\n word-break: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n -webkit-hyphens: auto;\n cursor: pointer;\n user-select: none;\n -webkit-tap-highlight-color: transparent;\n touch-action: manipulation;\n color: #333;\n}\n\n.cell:active {\n background: #ddeeff;\n}\n\n.cell.marked {\n background: #2979c8;\n color: #fff;\n}\n\n.cell.marked:active {\n background: #1a5fa0;\n}\n\n.cell.free {\n background: #e8f1fa;\n font-weight: 700;\n color: #1a3a5c;\n cursor: default;\n}\n\n.cell.free:active {\n background: #e8f1fa;\n}\n","children",[],[192],"a9746dd2-2f02-11f1-8e0f-42dde27851f2","main.ts","07bd49fa-2f02-11f1-8a99-42dde27851f2",7,["D",1775182390445],2,"http","import { Hono } from \"npm:hono\";\nimport { serveFile, parseVal } from \"https://esm.town/v/std/utils/index.ts\";\nimport { ITEMS } from \"./items.ts\";\n\nconst app = new Hono();\n\napp.onError((err) => Promise.reject(err));\n\napp.get(\"/\", (c) => serveFile(\"/index.html\", import.meta.url));\napp.get(\"/style.css\", (c) => serveFile(\"/style.css\", import.meta.url));\napp.get(\"/frontend.js\", (c) => serveFile(\"/frontend.js\", import.meta.url));\n\napp.get(\"/api/items\", (c) => {\n return c.json({ items: ITEMS });\n});\n\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\nexport default app.fetch;\n",[],[201],"814012f4-2f06-11f1-a686-42dde27851f2","items.ts","979e4556-2f02-11f1-8a7f-42dde27851f2",20,["D",1775184040977],"script","export const ITEMS: string[] = [\n \"Worm\",\n \"Slug\",\n \"Friend\",\n \"Dog\",\n \"Runner\",\n \"Fog\",\n \"Blue sky\",\n \"Rain\",\n \"Bike\",\n \"Breath\",\n \"Rainier\",\n \"Frost\",\n \"Airplane\",\n \"Eagle\",\n \"Construction\",\n \"Scooter\",\n \"Bird\",\n \"Big Trash\",\n];\n",[],[211],["D",1775183074723],[],[18],"64380214-2f03-11f1-8294-42dde27851f2","frontend.js","a5a2a44e-2f02-11f1-8484-42dde27851f2",10,["D",1775182703783],"// Seeded pseudo-random shuffle using the current date (YYYY-MM-DD)\nfunction todaySeed() {\n const d = new Date();\n return `${d.getFullYear()}-${d.getMonth()}-${d.getDate()}`;\n}\n\nfunction seededRandom(seed) {\n // Simple mulberry32 PRNG from a hashed seed string\n let h = 0x12345678;\n for (let i = 0; i < seed.length; i++) {\n h = Math.imul(31, h) + seed.charCodeAt(i) | 0;\n }\n return function () {\n h |= 0;\n h = h + 0x6d2b79f5 | 0;\n let t = Math.imul(h ^ h >>> 15, 1 | h);\n t = t + Math.imul(t ^ t >>> 7, 61 | t) ^ t;\n return ((t ^ t >>> 14) >>> 0) / 4294967296;\n };\n}\n\nfunction shuffle(arr, rand) {\n const a = [...arr];\n for (let i = a.length - 1; i > 0; i--) {\n const j = Math.floor(rand() * (i + 1));\n [a[i], a[j]] = [a[j], a[i]];\n }\n return a;\n}\n\nconst STORAGE_KEY = `bingo-${todaySeed()}`;\n\nfunction loadMarked() {\n try {\n const raw = localStorage.getItem(STORAGE_KEY);\n return raw ? new Set(JSON.parse(raw)) : new Set();\n } catch {\n return new Set();\n }\n}\n\nfunction saveMarked(marked) {\n localStorage.setItem(STORAGE_KEY, JSON.stringify([...marked]));\n}\n\nasync function init() {\n const res = await fetch(\"/api/items\");\n const { items } = await res.json();\n\n const rand = seededRandom(todaySeed());\n const shuffled = shuffle(items, rand);\n\n // 5x5 = 25 cells; middle index = 12\n const FREE_INDEX = 12;\n const cells = [];\n let itemIdx = 0;\n for (let i = 0; i < 25; i++) {\n if (i === FREE_INDEX) {\n cells.push({ label: \"FREE\", free: true });\n } else {\n cells.push({ label: shuffled[itemIdx++], free: false });\n }\n }\n\n const marked = loadMarked();\n const board = document.getElementById(\"board\");\n\n cells.forEach((cell, i) => {\n const el = document.createElement(\"div\");\n el.className = \"cell\" + (cell.free ? \" free\" : \"\") + (!cell.free && marked.has(i) ? \" marked\" : \"\");\n if (cell.free) el.classList.add(\"marked\"); // free square always looks marked\n el.textContent = cell.label;\n\n if (!cell.free) {\n function toggle(e) {\n e.preventDefault();\n if (marked.has(i)) {\n marked.delete(i);\n el.classList.remove(\"marked\");\n } else {\n marked.add(i);\n el.classList.add(\"marked\");\n }\n saveMarked(marked);\n }\n el.addEventListener(\"touchstart\", toggle, { passive: false });\n el.addEventListener(\"click\", (e) => {\n // suppress the delayed click fired after touchstart\n if (e.detail === 0) return;\n toggle(e);\n });\n }\n\n board.appendChild(el);\n });\n}\n\ninit();\n",[],[223],["D",1775182119130],{"_11":12,"_143":71},{"_11":12,"_139":-5,"_70":71,"_30":69,"_140":141,"_142":24},{"_41":130,"_13":16,"_35":38,"_131":97,"_132":-5,"_133":-5,"_134":-5,"_135":-5,"_136":-5,"_137":14,"_138":12},"ctx",{"_55":-5,"_163":267,"_268":269,"_270":271,"_272":24,"_273":24,"_274":24,"_275":161,"_276":-5,"_277":-7,"_278":-7,"_279":26,"_280":24,"_281":24,"_282":-5,"_283":24,"_284":24,"_285":24,"_286":-5},"ENV",{"_238":239,"_240":241,"_242":16,"_243":244,"_245":246,"_247":248,"_249":250,"_251":252,"_253":254,"_255":256,"_257":258,"_259":260,"_261":262,"_263":264,"_265":266},"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 · index.html