[{"_1":2,"_172":-5,"_173":-5},"loaderData",{"_3":4,"_92":93},"root",{"_5":6,"_35":36,"_65":66},"ctx",{"_7":8,"_23":-5,"_24":25,"_26":27,"_28":20,"_29":20,"_30":20,"_31":32,"_33":20,"_34":20},"auth",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20,"_21":22},"sessionClaims","sessionId","sessionStatus","userId","actor","orgId","orgRole","orgSlug","orgPermissions","factorVerificationAge","isAuthenticated",false,"tokenType","session_token","user","preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","notificationCount",0,"flagDenols","isTeamOrgMember","ENV",{"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":50,"_51":52,"_53":54,"_55":56,"_57":58,"_59":60,"_61":62,"_63":64},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","8a08d4a46a197c541e82d5fac862bafdcf40c111","RENDER_GIT_BRANCH","main","CLERK_PUBLISHABLE_KEY","pk_live_Y2xlcmsudmFsLnRvd24k","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","API_URL","https://api.val.town","clerkState",{"_67":68},"__internal_clerk_state",{"_69":70,"_71":46,"_72":73,"_74":73,"_75":20,"_76":73,"_77":73,"_78":73,"_79":73,"_80":81,"_90":20,"_91":20},"__clerk_ssr_state",{"_21":22,"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20},"__publishableKey","__proxyUrl","","__domain","__isSatellite","__signInUrl","__signUpUrl","__afterSignInUrl","__afterSignUpUrl","__clerk_debug",{"_82":20,"_19":20,"_83":73,"_84":85,"_86":73,"_87":46,"_88":20,"_89":73},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","routes/embed.x.$handle.$name.$",{"_94":95,"_96":97,"_98":99,"_100":101,"_150":151,"_169":170,"_171":-5},"handle","gmcabrita","name","captain-its","path","index.ts","project",{"_102":103,"_96":97,"_104":105,"_106":-5,"_107":20,"_108":109,"_110":-5,"_111":-5,"_12":112,"_113":114,"_115":116,"_117":116,"_118":-5,"_119":32,"_14":120,"_121":122,"_123":122,"_124":125,"_126":125,"_127":125,"_128":122,"_129":122,"_23":130,"_133":134,"_136":137,"_149":20},"id","de46ccd6-7377-11f0-8bca-0224a6c84d84","createdAt",["D",1754561911593],"deletedAt","legacyEnvVars","privacy","public","description","imageUrl","5f4a2074-3801-400b-a57f-927baf520b17","pinnedFileId","26e97852-bbd6-11f0-8be9-42dde27851f2","pinPreview",true,"pinMigrated","screenshotVersion","likeCount","f54b74cf-26ce-4fe0-8bbd-bacb1e938519","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_94":95,"_131":132},"profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJ5bFUzY3RwTENsM0daNk5mcWdMN2hRdWlmTiJ9","org",{"_94":95,"_135":132,"_12":112},"avatar","branch",{"_138":139,"_96":44,"_102":140,"_141":103,"_142":-5,"_143":-5,"_144":-5,"_145":-5,"_146":-5,"_147":97,"_148":95},"version",131,"de471e84-7377-11f0-8bca-0224a6c84d84","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","isOwned","file",{"_102":152,"_96":99,"_153":114,"_154":-5,"_155":140,"_156":157,"_158":116,"_104":159,"_138":160,"_161":162,"_163":164,"_165":20,"_166":167,"_98":168},"abd00da8-cccd-11f0-8539-42dde27851f2","fileId","parentId","branchId","branchVersion",129,"latest",["D",1764384417130],68,"fileType","http","content","// import { initWasm, Resvg } from \"npm:@resvg/resvg-wasm\";\nimport {\n render,\n} from \"https://github.com/gmcabrita/resvg-wasm/raw/refs/heads/main/mod.ts\";\nimport { decode } from \"https://deno.land/x/imagescript@1.3.0/mod.ts\";\n\nconst BACKGROUND_URL = \"https://val-town-cdn.gmcabrita.com/captain-its.png\";\nconst FONT_URL = \"https://val-town-cdn.gmcabrita.com/MarkerFelt.ttf\";\nconst GEO_ENDPOINT = \"https://ipapi.co\";\n\ntype Timescale = \"day\" | \"week\" | \"month\" | \"year\";\n\nlet backgroundPngDataUrl: string | null = null;\nlet fontBytes: Uint8Array | null = null;\n\n// Tiny TTL cache IP → tz\nconst ipTzCache = new Map();\nconst IP_TZ_TTL_MS = 5 * 60 * 1000;\n\nasync function fetchArrayBuffer(url: string): Promise {\n const res = await fetch(url, { redirect: \"follow\" });\n if (!res.ok) {\n throw new Error(`Failed to fetch ${url}: ${res.status} ${res.statusText}`);\n }\n const ab = await res.arrayBuffer();\n return new Uint8Array(ab);\n}\n\nfunction bytesToBase64(bytes: Uint8Array): string {\n let binary = \"\";\n const chunkSize = 0x8000;\n for (let i = 0; i < bytes.length; i += chunkSize) {\n binary += String.fromCharCode(...bytes.subarray(i, i + chunkSize));\n }\n return btoa(binary);\n}\n\nfunction toDataUrl(mime: string, bytes: Uint8Array): string {\n return `data:${mime};base64,${bytesToBase64(bytes)}`;\n}\n\nasync function ensureAssets() {\n if (!fontBytes) fontBytes = await fetchArrayBuffer(FONT_URL);\n if (!backgroundPngDataUrl) {\n const bg = await fetchArrayBuffer(BACKGROUND_URL);\n backgroundPngDataUrl = toDataUrl(\"image/png\", bg);\n }\n}\n\nexport function resolveTimescaleFromRequest(req: Request): Timescale {\n const url = new URL(req.url);\n const keys = [...url.searchParams.keys()];\n const candidate = keys[0] ?? \"week\";\n const allowed = new Set([\"day\", \"week\", \"month\", \"year\"]);\n return allowed.has(candidate) ? (candidate as Timescale) : \"week\";\n}\n\nexport function isValidIanaTz(tz: string): boolean {\n try {\n new Intl.DateTimeFormat(\"en\", { timeZone: tz });\n return true;\n } catch {\n return false;\n }\n}\n\nfunction getClientIp(req: Request): string | null {\n const h = req.headers;\n const xff = h.get(\"x-forwarded-for\");\n if (xff) return xff.split(\",\")[0].trim();\n const cf = h.get(\"cf-connecting-ip\");\n if (cf) return cf;\n const xr = h.get(\"x-real-ip\");\n if (xr) return xr;\n return null;\n}\n\nexport async function inferTimezoneFromIp(\n req: Request,\n): Promise {\n try {\n const ip = getClientIp(req);\n if (ip) {\n const cached = ipTzCache.get(ip);\n if (cached && cached.exp > Date.now()) return cached.tz;\n }\n const url = ip\n ? `${GEO_ENDPOINT}/${encodeURIComponent(ip)}/json/`\n : `${GEO_ENDPOINT}/json/`;\n const res = await fetch(url, { headers: { accept: \"application/json\" } });\n if (!res.ok) return null;\n const data = await res.json();\n const tz = typeof data?.timezone === \"string\" ? data.timezone : null;\n if (tz && isValidIanaTz(tz)) {\n if (ip) ipTzCache.set(ip, { tz, exp: Date.now() + IP_TZ_TTL_MS });\n return tz;\n }\n return null;\n } catch {\n return null;\n }\n}\n\nfunction formatCaptainIts(ts: Timescale, locale: string, tz: string): string {\n const now = new Date();\n const opts: Intl.DateTimeFormatOptions = { timeZone: tz };\n switch (ts) {\n case \"day\":\n opts.hour = \"numeric\";\n opts.minute = \"numeric\";\n (opts as any).hour12 = true;\n break;\n case \"week\":\n opts.weekday = \"long\";\n break;\n case \"month\":\n opts.day = \"numeric\";\n break;\n case \"year\":\n opts.month = \"long\";\n break;\n }\n const formatted = new Intl.DateTimeFormat(locale, opts).format(now);\n if (ts === \"month\") {\n const d = formatted;\n let suffix = \"th\";\n if ([\"1\", \"21\", \"31\"].includes(d)) suffix = \"st\";\n else if ([\"2\", \"22\"].includes(d)) suffix = \"nd\";\n else if ([\"3\", \"23\"].includes(d)) suffix = \"rd\";\n return `the ${d}${suffix}`;\n }\n return formatted;\n}\n\nfunction escapeXml(s: string): string {\n return s\n .replaceAll(\"&\", \"&\")\n .replaceAll(\"<\", \"<\")\n .replaceAll(\">\", \">\")\n .replaceAll('\"', \""\")\n .replaceAll(\"'\", \"'\");\n}\n\nfunction buildSvg(\n captionOne: string,\n captionTwo: string,\n bgDataUrl: string,\n fontBytes: Uint8Array,\n): string {\n const fontDataUrl = `data:font/ttf;base64,${bytesToBase64(fontBytes)}`;\n return `\n\n`.trim();\n}\n\nasync function svgToJpeg(svg: string): Promise {\n const pngBytes = await render(svg);\n const img = await decode(pngBytes);\n const jpegBytes = await img.encodeJPEG(50); // quality 0–100\n return jpegBytes;\n}\n\nexport default async function (req: Request): Promise {\n try {\n await ensureAssets();\n\n const timescale = resolveTimescaleFromRequest(req);\n const url = new URL(req.url);\n const tzParam = url.searchParams.get(\"tz\");\n let tz = tzParam && isValidIanaTz(tzParam) ? tzParam : null;\n if (!tz) tz = await inferTimezoneFromIp(req);\n if (!tz) tz = \"UTC\";\n\n const captionOne = `What a ${timescale}, huh?`;\n const captainIts = formatCaptainIts(timescale, \"en\", tz);\n const captionTwo = `Captain, it's ${captainIts}`;\n\n const svg = buildSvg(\n captionOne,\n captionTwo,\n backgroundPngDataUrl!,\n fontBytes!,\n );\n const jpegBytes = await svgToJpeg(svg);\n\n return new Response(jpegBytes, {\n status: 200,\n headers: {\n \"content-type\": \"image/jpeg\",\n \"Cache-Control\": \"public, max-age=60\",\n },\n });\n } catch (e) {\n console.error(e);\n return new Response(\"Internal Server Error\", { status: 500 });\n }\n}","deleted","label","captain-its-api",[99],"permalink","https://www.val.town/x/gmcabrita/captain-its/code/index.ts","extension","actionData","errors"]