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",[67],"4793c624-579a-11f1-90b9-ee650bb23af1","app.js","4793c6c4-579a-11f1-90b9-ee650bb23af1",4,["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",[74],{"_36":73,"_13":74,"_39":75,"_41":-5,"_42":43,"_44":76,"_46":47,"_48":95,"_17":50,"_51":78,"_52":79,"_54":55,"_56":-5,"_86":96,"_18":97},{"_36":66,"_13":67,"_39":68,"_41":-5,"_42":43,"_44":69,"_46":47,"_48":92,"_17":50,"_51":24,"_52":71,"_54":55,"_56":-5,"_86":93,"_18":94},{"_36":58,"_13":59,"_39":60,"_41":-5,"_42":43,"_44":61,"_46":47,"_48":89,"_17":50,"_51":63,"_52":64,"_54":55,"_56":-5,"_86":90,"_18":91},{"_36":37,"_13":38,"_39":40,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":85,"_17":50,"_51":24,"_52":53,"_54":55,"_56":-5,"_86":87,"_18":88},["D",1779645493685],"children",[],[38],["D",1779645409105],[],[59],["D",1779645431202],[],[67],["D",1779645556251],[],[74],"e856bde2-5799-11f1-a084-ee650bb23af1",["D",1779645396480],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Game portal site with dark theme, search, and grid","imageUrl","userId","babaa1df-e660-40a3-81ac-03270510600a","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","019e5b1c-ef16-7469-80da-c1ed230ea738","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_151":19},"org",{"_11":12,"_145":146,"_147":19,"_108":109,"_148":149,"_150":55},"branch",{"_17":76,"_13":16,"_36":43,"_137":98,"_138":-5,"_139":-5,"_140":-5,"_141":-5,"_142":-5,"_143":14,"_144":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","Luca","avatar","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":98,"_13":14,"_48":199,"_100":-5,"_101":55,"_102":103,"_104":103,"_105":106,"_107":-5,"_108":109,"_110":60,"_111":47,"_112":-5,"_113":-5,"_114":50,"_115":116,"_117":-5,"_118":-5,"_119":-5,"_120":-5,"_121":122,"_123":122,"_124":125,"_126":125,"_127":125,"_128":122,"_129":122,"_130":200,"_132":201,"_134":202,"_136":55},[187,188,189,190],"files",[187,188,189,190],"counts",{"_178":50,"_179":61,"_180":50,"_31":181,"_182":183},[170,171,172,173],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_36":73,"_13":74,"_39":75,"_41":-5,"_42":43,"_44":76,"_46":47,"_48":77,"_17":50,"_51":78,"_52":79,"_54":55,"_56":-5,"_18":177},{"_36":66,"_13":67,"_39":68,"_41":-5,"_42":43,"_44":69,"_46":47,"_48":70,"_17":50,"_51":24,"_52":71,"_54":55,"_56":-5,"_18":176},{"_36":58,"_13":59,"_39":60,"_41":-5,"_42":43,"_44":61,"_46":47,"_48":62,"_17":50,"_51":63,"_52":64,"_54":55,"_56":-5,"_18":175},{"_36":37,"_13":38,"_39":40,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":49,"_17":50,"_51":24,"_52":53,"_54":55,"_56":-5,"_18":174},[38],[59],[67],[74],"pulls","branches","forks",{"_184":50,"_186":50},"connections",{"_184":50,"_185":50},"count","unfilledCount","emptyCount",{"_36":73,"_13":74,"_39":75,"_41":-5,"_42":43,"_44":76,"_46":47,"_48":95,"_17":50,"_51":78,"_52":79,"_54":55,"_56":-5,"_86":197,"_18":198},{"_36":66,"_13":67,"_39":68,"_41":-5,"_42":43,"_44":69,"_46":47,"_48":92,"_17":50,"_51":24,"_52":71,"_54":55,"_56":-5,"_86":195,"_18":196},{"_36":58,"_13":59,"_39":60,"_41":-5,"_42":43,"_44":61,"_46":47,"_48":89,"_17":50,"_51":63,"_52":64,"_54":55,"_56":-5,"_86":193,"_18":194},{"_36":37,"_13":38,"_39":40,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":85,"_17":50,"_51":24,"_52":53,"_54":55,"_56":-5,"_86":191,"_18":192},[],[38],[],[59],[],[67],[],[74],["D",1779645396480],{"_11":12,"_151":19},{"_11":12,"_145":146,"_147":19,"_108":109,"_148":149,"_150":55},{"_17":76,"_13":16,"_36":43,"_137":98,"_138":-5,"_139":-5,"_140":-5,"_141":-5,"_142":-5,"_143":14,"_144":12},"ctx",{"_130":-5,"_167":236,"_237":238,"_239":240,"_241":55,"_242":55,"_243":55,"_244":47,"_245":-5,"_246":-7,"_247":-7,"_248":50,"_249":55,"_250":55,"_251":-5,"_252":55,"_253":55,"_254":55,"_255":-5},"ENV",{"_207":208,"_209":210,"_211":16,"_212":213,"_214":215,"_216":217,"_218":219,"_220":221,"_222":223,"_224":225,"_226":227,"_228":229,"_230":231,"_232":233,"_234":235},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","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"]

Code