gn-math

gn-math

\n \n \n \n

\n \n

\n\n

\n
\n

Featured Zones

All Zones

\n\n

zone

\n \n by Author\n

\n \n \n

\n \n

\n\n

\n \n

\n\n\n\n\n\n\n",[135],"4793c624-579a-11f1-90b9-ee650bb23af1","app.js","4793c6c4-579a-11f1-90b9-ee650bb23af1",["D",1779645556251],"script","// ── Config ────────────────────────────────────────────────────────────────────\nconst container = document.getElementById('container');\nconst zoneViewer = document.getElementById('zoneViewer');\nlet zoneFrame = document.getElementById('zoneFrame');\nconst searchBar = document.getElementById('searchBar');\nconst sortOptions = document.getElementById('sortOptions');\nconst filterOptions = document.getElementById('filterOptions');\nconst featuredContainer = document.getElementById('featuredZones');\n\nconst zonesurls = [\n \"https://cdn.jsdelivr.net/gh/freebuisness/assets@main/zones.json\",\n \"https://cdn.jsdelivr.net/gh/freebuisness/assets@latest/zones.json\",\n \"https://cdn.jsdelivr.net/gh/freebuisness/assets@master/zones.json\",\n \"https://cdn.jsdelivr.net/gh/freebuisness/assets/zones.json\"\n];\nlet zonesURL = zonesurls[Math.floor(Math.random() * zonesurls.length)];\nconst coverURL = \"https://cdn.jsdelivr.net/gh/freebuisness/covers@main\";\nconst htmlURL = \"https://cdn.jsdelivr.net/gh/freebuisness/html@main\";\nconst htmlURLFallbacks = [\n \"https://cdn.jsdelivr.net/gh/freebuisness/html@latest\",\n \"https://cdn.jsdelivr.net/gh/freebuisness/html\",\n \"https://raw.githubusercontent.com/freebuisness/html/main\"\n];\n\nlet zones = [];\nlet popularityData = {};\n\nconst AVAILABLE_THEMES = [\"red\", \"orange\", \"blue\", \"green\", \"purple\", \"pink\", \"cyan\"];\n\n// ── Helpers ──────────────────────────────────────────────────────────────────\n\nfunction toTitleCase(str) {\n return str.replace(/\\w\\S*/g, t => t.charAt(0).toUpperCase() + t.substring(1).toLowerCase());\n}\n\nfunction getDisabledZoneIds() {\n try {\n const stored = localStorage.getItem(\"gnmath-owner-disabled-zones\");\n return new Set(stored ? JSON.parse(stored) : []);\n } catch { return new Set(); }\n}\n\nfunction isZoneDisabled(zoneId) {\n return getDisabledZoneIds().has(String(zoneId));\n}\n\n// ── Fetch zones ──────────────────────────────────────────────────────────────\n\nasync function listZones() {\n try {\n // Try to get latest commit SHA for cache busting\n try {\n const shaRes = await fetch(\"https://api.github.com/repos/freebuisness/assets/commits?t=\" + Date.now());\n if (shaRes.ok) {\n const shaJson = await shaRes.json();\n const sha = shaJson[0]?.sha;\n if (sha) zonesURL = `https://cdn.jsdelivr.net/gh/freebuisness/assets@${sha}/zones.json`;\n }\n } catch {}\n\n const response = await fetch(zonesURL + \"?t=\" + Date.now());\n const json = await response.json();\n zones = json;\n if (zones.length > 0) zones[0].featured = true;\n\n await Promise.all([\n fetchPopularity(\"year\"),\n fetchPopularity(\"month\"),\n fetchPopularity(\"week\"),\n fetchPopularity(\"day\")\n ]);\n\n sortZones();\n\n // Handle ?id= param\n try {\n const id = new URLSearchParams(window.location.search).get('id');\n if (id) {\n const zone = zones.find(z => z.id + '' === id + '');\n if (zone) openZone(zone);\n }\n } catch {}\n\n // Build filter tags\n let alltags = [];\n for (const obj of json) {\n if (Array.isArray(obj.special)) alltags.push(...obj.special);\n }\n alltags = [...new Set(alltags)];\n while (filterOptions.children.length > 1) filterOptions.removeChild(filterOptions.lastElementChild);\n for (const tag of alltags) {\n const opt = document.createElement(\"option\");\n opt.value = tag;\n opt.textContent = toTitleCase(tag);\n filterOptions.appendChild(opt);\n }\n } catch (error) {\n console.error(error);\n container.innerHTML = `Error loading zones: ${error}`;\n }\n}\n\nasync function fetchPopularity(duration) {\n try {\n if (!popularityData[duration]) popularityData[duration] = {};\n const response = await fetch(\n \"https://data.jsdelivr.com/v1/stats/packages/gh/freebuisness/html@main/files?period=\" + duration\n );\n const data = await response.json();\n data.forEach(file => {\n const idMatch = file.name.match(/\\/(\\d+)\\.html$/);\n if (idMatch) {\n popularityData[duration][parseInt(idMatch[1])] = file.hits?.total ?? 0;\n }\n });\n } catch {\n if (!popularityData[duration]) popularityData[duration] = {};\n }\n}\n\n// ── Sort & Display ───────────────────────────────────────────────────────────\n\nfunction sortZones() {\n const sortBy = sortOptions.value;\n if (sortBy === 'name') zones.sort((a, b) => a.name.localeCompare(b.name));\n else if (sortBy === 'id') zones.sort((a, b) => a.id - b.id);\n else if (sortBy === 'popular') zones.sort((a, b) => ((popularityData['year']?.[b.id]) ?? 0) - ((popularityData['year']?.[a.id]) ?? 0));\n\n zones.sort((a, b) => (a.id === -1 ? -1 : b.id === -1 ? 1 : 0));\n\n if (featuredContainer.innerHTML === \"\") {\n displayFeaturedZones(zones.filter(z => z.featured));\n }\n displayZones(zones);\n}\n\nfunction createZoneCard(file) {\n const zoneItem = document.createElement(\"div\");\n zoneItem.className = \"zone-item\";\n zoneItem.onclick = () => openZone(file);\n\n const img = document.createElement(\"img\");\n img.dataset.src = file.cover.replace(\"{COVER_URL}\", coverURL).replace(\"{HTML_URL}\", htmlURL);\n img.alt = file.name;\n img.loading = \"lazy\";\n img.className = \"lazy-zone-img\";\n zoneItem.appendChild(img);\n\n const button = document.createElement(\"button\");\n button.textContent = file.name;\n button.onclick = (e) => { e.stopPropagation(); openZone(file); };\n zoneItem.appendChild(button);\n\n // Play count badge\n const plays = (popularityData['year']?.[file.id]) ?? 0;\n if (plays > 0) {\n const badge = document.createElement(\"div\");\n badge.style.cssText = \"font-size:11px;color:var(--text-muted);text-align:center;padding:0 0.75rem 0.4rem;\";\n badge.textContent = \"▶ \" + plays.toLocaleString() + \" plays\";\n zoneItem.appendChild(badge);\n }\n\n return zoneItem;\n}\n\nfunction observeLazyImages(selector) {\n const observer = new IntersectionObserver((entries, obs) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n const img = entry.target;\n img.src = img.dataset.src;\n img.classList.remove(\"lazy-zone-img\");\n obs.unobserve(img);\n }\n });\n }, { rootMargin: \"100px\", threshold: 0.1 });\n document.querySelectorAll(selector).forEach(img => observer.observe(img));\n}\n\nfunction displayFeaturedZones(featured) {\n featuredContainer.innerHTML = \"\";\n const visible = featured.filter(f => !isZoneDisabled(f.id));\n visible.forEach(f => featuredContainer.appendChild(createZoneCard(f)));\n if (!visible.length) featuredContainer.innerHTML = \"No featured zones found.\";\n else document.getElementById(\"allZonesSummary\").textContent = `Featured Zones (${visible.length})`;\n observeLazyImages('#featuredZones img.lazy-zone-img');\n}\n\nfunction displayZones(list) {\n container.innerHTML = \"\";\n const visible = list.filter(f => !isZoneDisabled(f.id));\n visible.forEach(f => container.appendChild(createZoneCard(f)));\n if (!visible.length) container.innerHTML = \"No zones found.\";\n else document.getElementById(\"allSummary\").textContent = `All Zones (${visible.length})`;\n observeLazyImages('img.lazy-zone-img');\n}\n\n// ── Filtering ────────────────────────────────────────────────────────────────\n\nfunction filterZones() {\n const query = searchBar.value.toLowerCase();\n const filtered = zones.filter(z => z.name.toLowerCase().includes(query));\n if (query.length) document.getElementById(\"featuredZonesWrapper\").removeAttribute(\"open\");\n displayZones(filtered);\n}\n\nfunction filterZones2() {\n const query = filterOptions.value;\n if (query === \"none\") { displayZones(zones); return; }\n const filtered = zones.filter(z => z.special?.includes(query));\n if (query.length) document.getElementById(\"featuredZonesWrapper\").removeAttribute(\"open\");\n displayZones(filtered);\n}\n\n// ── Zone Viewer ──────────────────────────────────────────────────────────────\n\nasync function fetchWithFallback(rawUrl) {\n const suffix = rawUrl.replace(\"{HTML_URL}\", \"\").replace(\"{COVER_URL}\", \"\");\n const isHtml = rawUrl.includes(\"{HTML_URL}\");\n const candidates = isHtml\n ? [htmlURL, ...htmlURLFallbacks].map(base => base + suffix)\n : [rawUrl.replace(\"{COVER_URL}\", coverURL).replace(\"{HTML_URL}\", htmlURL)];\n\n let lastError;\n for (const url of candidates) {\n try {\n const res = await fetch(url);\n if (!res.ok) throw new Error(`HTTP ${res.status}`);\n return await res.text();\n } catch (err) { lastError = err; }\n }\n throw lastError;\n}\n\nfunction openZone(file) {\n if (isZoneDisabled(file.id)) { alert(\"This game is disabled.\"); return; }\n\n if (file.url.startsWith(\"http\")) {\n window.open(file.url, \"_blank\");\n return;\n }\n\n document.getElementById('zoneName').textContent = file.name;\n document.getElementById('zoneId').textContent = file.id;\n document.getElementById('zoneAuthor').textContent = \"by \" + file.author;\n if (file.authorLink) document.getElementById('zoneAuthor').href = file.authorLink;\n else document.getElementById('zoneAuthor').removeAttribute('href');\n\n zoneViewer.style.display = \"flex\";\n zoneViewer.hidden = false;\n\n if (zoneFrame.contentDocument) {\n zoneFrame.contentDocument.open();\n zoneFrame.contentDocument.write('Loading...');\n zoneFrame.contentDocument.close();\n }\n\n try {\n const locUrl = new URL(window.location);\n locUrl.searchParams.set('id', file.id);\n history.pushState(null, '', locUrl.toString());\n } catch {}\n\n fetchWithFallback(file.url).then(html => {\n if (!zoneFrame.contentDocument) {\n zoneFrame = document.createElement(\"iframe\");\n zoneFrame.id = \"zoneFrame\";\n zoneViewer.appendChild(zoneFrame);\n }\n zoneFrame.contentDocument.open();\n zoneFrame.contentDocument.write(html);\n zoneFrame.contentDocument.close();\n }).catch(err => { closeZone(); alert(\"Failed to load zone: \" + err); });\n}\n\nfunction closeZone() {\n zoneViewer.style.display = \"none\";\n if (zoneFrame.parentNode === zoneViewer) zoneViewer.removeChild(zoneFrame);\n zoneFrame = document.createElement(\"iframe\");\n zoneFrame.id = \"zoneFrame\";\n zoneViewer.appendChild(zoneFrame);\n try {\n const url = new URL(window.location);\n url.searchParams.delete('id');\n history.pushState(null, '', url.toString());\n } catch {}\n}\n\nfunction fullscreenZone() {\n if (zoneFrame.requestFullscreen) zoneFrame.requestFullscreen();\n else if (zoneFrame.webkitRequestFullscreen) zoneFrame.webkitRequestFullscreen();\n}\n\n// ── Popup ────────────────────────────────────────────────────────────────────\n\nfunction closePopup() {\n document.getElementById('popupOverlay').style.display = \"none\";\n}\n\nfunction showContact() {\n document.getElementById('popupTitle').textContent = \"Contact\";\n document.getElementById('popupBody').innerHTML = `

For any inquiries, reach out via the project's GitHub or community channels.

`;\n document.getElementById('popupOverlay').style.display = \"flex\";\n}\n\nfunction showPrivacy() {\n document.getElementById('popupTitle').textContent = \"Privacy Policy\";\n document.getElementById('popupBody').innerHTML = `

This site does not collect personal data. Game usage statistics are gathered anonymously via CDN analytics. Local preferences are stored in your browser's localStorage.

`;\n document.getElementById('popupOverlay').style.display = \"flex\";\n}\n\n// ── Settings ─────────────────────────────────────────────────────────────────\n\nfunction openSettings() {\n document.getElementById('popupTitle').textContent = \"Settings\";\n const isDark = document.body.classList.contains(\"dark-mode\");\n const currentTheme = localStorage.getItem(\"gnmath-theme\") || \"red\";\n\n document.getElementById('popupBody').innerHTML = `\n

🌓 Appearance

\n \n

🎨 Theme Color

\n ${AVAILABLE_THEMES.map(t => `\n \n `).join('')}\n

🔄 Reset

\n \n

\n `;\n document.getElementById('popupOverlay').style.display = \"flex\";\n}\n\nfunction darkMode() {\n document.body.classList.toggle(\"dark-mode\");\n localStorage.setItem(\"gnmath-mode\", document.body.classList.contains(\"dark-mode\") ? \"dark\" : \"light\");\n openSettings(); // refresh the settings popup\n}\n\nfunction setTheme(themeName) {\n const safe = AVAILABLE_THEMES.includes(themeName) ? themeName : \"red\";\n document.body.classList.remove(...AVAILABLE_THEMES.map(t => `theme-${t}`));\n document.body.classList.add(`theme-${safe}`);\n localStorage.setItem(\"gnmath-theme\", safe);\n}\n\nfunction resetSettings() {\n localStorage.removeItem(\"gnmath-mode\");\n localStorage.removeItem(\"gnmath-theme\");\n location.reload();\n}\n\n// ── Init ─────────────────────────────────────────────────────────────────────\n\nfunction applySavedSettings() {\n const savedMode = localStorage.getItem(\"gnmath-mode\");\n if (savedMode === \"light\") document.body.classList.remove(\"dark-mode\");\n else document.body.classList.add(\"dark-mode\");\n\n const savedTheme = localStorage.getItem(\"gnmath-theme\") || \"red\";\n setTheme(savedTheme);\n}\n\napplySavedSettings();\nlistZones();\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,"_86":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,"_86":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,"_86":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,"_86":165},["D",1779645493685],"children",[],[112],["D",1779645409105],[],[128],["D",1779645431202],[],[135],["D",1779645556251],[],[142],["D",1779645396480],{"_16":17,"_84":80},{"_16":17,"_77":78,"_79":80,"_33":34,"_81":82,"_83":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"]