\n \n

Watch this video

▶

Now playing

\n\n \n \n `,\n { headers: { \"content-type\": \"text/html; charset=utf-8\" } },\n );\n}\n\n// Generates a 1200x630 Open Graph preview image (gradient + globe mark).\nasync function generateOgImage(): Promise {\n const { PNG } = await import(\"npm:pngjs@7\");\n const W = 1200;\n const H = 630;\n const png = new PNG({ width: W, height: H });\n\n // Soft teal->indigo vertical gradient, plus a subtle radial glow center-left.\n const top = [94, 179, 199]; // #5EB3C7\n const bot = [49, 64, 122]; // #31407A\n const cx = Math.floor(W * 0.32);\n const cy = Math.floor(H * 0.5);\n\n for (let y = 0; y < H; y++) {\n const t = y / (H - 1);\n const [r0, g0, b0] = top.map((v, i) => Math.round(v + (bot[i] - v) * t));\n for (let x = 0; x < W; x++) {\n let r = r0, g = g0, b = b0;\n\n // Radial glow toward the center of the globe\n const d = Math.hypot(x - cx, y - cy);\n if (d < 260) {\n const k = 1 - d / 260;\n r = Math.round(r + (255 - r) * k * 0.25);\n g = Math.round(g + (255 - g) * k * 0.25);\n b = Math.round(b + (255 - b) * k * 0.25);\n }\n\n const idx = (y * W + x) << 2;\n png.data[idx] = r;\n png.data[idx + 1] = g;\n png.data[idx + 2] = b;\n png.data[idx + 3] = 255;\n }\n }\n\n // Draw a simple rounded \"globe\": concentric rings around (cx, cy)\n const outer = Math.floor(120);\n const inner = Math.floor(112);\n for (let y = cy - outer; y <= cy + outer; y++) {\n for (let x = cx - outer; x <= cx + outer; x++) {\n if (x < 0 || x >= W || y < 0 || y >= H) continue;\n const d = Math.hypot(x - cx, y - cy);\n if (d <= outer && d >= inner) {\n const idx = (y * W + x) << 2;\n png.data[idx] = 255;\n png.data[idx + 1] = 255;\n png.data[idx + 2] = 255;\n png.data[idx + 3] = 235;\n }\n }\n }\n\n const buffer = PNG.sync.write(png);\n return new Response(new Uint8Array(buffer), {\n headers: {\n \"content-type\": \"image/png\",\n \"cache-control\": \"public, max-age=86400\",\n },\n });\n}\n\nfunction checkIfBot(userAgent: string): boolean {\n const uaLower = userAgent.toLowerCase();\n const botKeywords = [\n \"bot\", \"spider\", \"crawl\", \"slurp\", \"mediapartners\", \"preload\", \"crawler\",\n \"curl\", \"wget\", \"python-requests\", \"python-urllib\", \"go-http-client\",\n \"headless\", \"phantom\", \"selenium\", \"puppeteer\", \"playwright\",\n \"discordbot\", \"slackbot\", \"telegrambot\", \"whatsapp\", \"facebookexternalhit\",\n \"twitterbot\", \"linkedinbot\", \"googlebot\", \"bingbot\", \"yandex\", \"baiduspider\",\n \"duckduckbot\", \"applebot\", \"pingdom\", \"uptimerobot\", \"monitor\",\n \"facebook\", \"embedly\", \"quora\", \"pinterest\", \"skypeuripreview\",\n \"validator\", \"w3c_\", \"httpclient\", \"okhttp\", \"axios\", \"node-fetch\",\n \"libwww\", \"perl\", \"java/\", \"ruby\", \"scrapy\", \"guzzle\", \"postmanruntime\",\n ];\n return botKeywords.some((keyword) => uaLower.includes(keyword));\n}\n","label","ycqq-l9s-h4c",[62],"pulls","branches","forks","envVars",{"_192":20,"_194":117},"connections",{"_192":117,"_193":117},"count","unfilledCount","emptyCount",{"_31":175,"_13":62,"_60":61,"_40":-5,"_33":34,"_176":137,"_177":113,"_35":196,"_37":179,"_63":64,"_180":181,"_65":24,"_182":183,"_197":198,"_152":199},["D",1788570032392],"children",[],[62],["D",1787359590173],{"_11":12,"_151":68},{"_11":12,"_146":147,"_67":68,"_25":66,"_148":149,"_150":24},{"_37":137,"_13":16,"_31":34,"_138":101,"_139":-5,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":14,"_145":12},"ctx",{"_49":-5,"_171":237,"_238":239,"_240":241,"_242":24,"_243":24,"_244":24,"_245":113,"_246":-5,"_247":-7,"_248":-7,"_249":117,"_250":24,"_251":24,"_252":-5,"_253":24,"_254":24,"_255":24,"_256":-5},"ENV",{"_208":209,"_210":211,"_212":16,"_213":214,"_215":216,"_217":218,"_219":220,"_221":222,"_223":224,"_225":226,"_227":228,"_229":230,"_231":232,"_233":234,"_235":236},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","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