Countdown

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_154":155,"_156":157},"routes/_app.x.$handle.$name",{"_96":95,"_32":45,"_104":86,"_27":105,"_13":14,"_106":-5,"_11":107,"_108":109,"_110":111,"_112":113,"_114":115,"_20":-5,"_116":-5,"_117":-5,"_118":25,"_119":120,"_121":58,"_122":-5,"_123":-5,"_124":125},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":54,"_18":55,"_56":31,"_57":58,"_59":58,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":79,"_80":81,"_82":83,"_84":25},"version",23,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","new-file-642.ts","latestPath","fileId","19c4d7d2-9946-11f0-b4e0-0224a6c84d84","name","fileType","http","content","export default function (req: Request): Response {\n const { searchParams } = new URL(req.url);\n const when = searchParams.get(\"t\"); // YYYYMMDDHHMM\n const tz = searchParams.get(\"tz\") ?? undefined;\n\n if (!when || !/^\\d{12}$/.test(when)) {\n return new Response(\"Need ?t=YYYYMMDDHHMM\", {\n headers: { \"content-type\": \"text/plain; charset=utf-8\" },\n });\n }\n\n /* ---------- 1. wall-clock we want (local to the chosen zone) ---------- */\n const y = parseInt(when.slice(0, 4), 10);\n const m = parseInt(when.slice(4, 6), 10);\n const d = parseInt(when.slice(6, 8), 10);\n const h = parseInt(when.slice(8, 10), 10);\n const min = parseInt(when.slice(10, 12), 10);\n\n /* ---------- 2. build the target instant ---------- */\n const utcWall = new Date(Date.UTC(y, m - 1, d, h, min)); // always valid\n let target: Date;\n if (tz) {\n // get the zone’s offset in minutes at that instant\n const utcParts = new Intl.DateTimeFormat(\"en\", {\n timeZone: \"UTC\",\n year: \"numeric\",\n month: \"2-digit\",\n day: \"2-digit\",\n hour: \"2-digit\",\n minute: \"2-digit\",\n hour12: false,\n }).formatToParts(utcWall);\n\n const zonedParts = new Intl.DateTimeFormat(\"en\", {\n timeZone: tz,\n year: \"numeric\",\n month: \"2-digit\",\n day: \"2-digit\",\n hour: \"2-digit\",\n minute: \"2-digit\",\n hour12: false,\n }).formatToParts(utcWall);\n\n const pad = (p: any[]) => [\n Number(p.find((x) => x.type === \"year\")!.value),\n Number(p.find((x) => x.type === \"month\")!.value) - 1,\n Number(p.find((x) => x.type === \"day\")!.value),\n Number(p.find((x) => x.type === \"hour\")!.value),\n Number(p.find((x) => x.type === \"minute\")!.value),\n ];\n const utcPartsNums = pad(utcParts);\n const zonedPartsNums = pad(zonedParts);\n\n const offsetMs = Date.UTC(...zonedPartsNums) - Date.UTC(...utcPartsNums);\n target = new Date(utcWall.getTime() - offsetMs);\n } else {\n target = utcWall;\n }\n\n /* ---------- 3. current wall-clock parts in the same zone ---------- */\n const nowParts = new Intl.DateTimeFormat(\"en-US\", {\n timeZone: tz,\n hour12: false,\n year: \"numeric\",\n month: \"long\",\n day: \"numeric\",\n hour: \"numeric\",\n }).formatToParts(new Date());\n const get = (t: string) => nowParts.find((p) => p.type === t)?.value ?? \"\";\n const currentHour = parseInt(get(\"hour\"), 10);\n const tod = currentHour < 6\n ? \"Dawn\"\n : currentHour < 12\n ? \"Morning\"\n : currentHour < 18\n ? \"Afternoon\"\n : \"Evening\";\n\n /* ---------- 4. hours & minutes remaining ---------- */\n const msLeft = target.getTime() - Date.now();\n if (msLeft <= 0) {\n return new Response(\"Time’s up!\", {\n headers: { \"content-type\": \"text/plain; charset=utf-8\" },\n });\n }\n const hoursLeft = Math.floor(msLeft / (1000 * 60 * 60));\n const minsLeft = Math.floor((msLeft % (1000 * 60 * 60)) / (1000 * 60));\n\n /* ---------- 5. render ---------- */\n const monthName = get(\"month\");\n const dayNum = get(\"day\");\n\n const html = `\n\n\n\n \n Countdown\n \n\n\n

${tod} of ${monthName} ${dayNum}

–${hoursLeft} hours & ${minsLeft} minutes remain–

\n\n`;\n\n return new Response(html, {\n headers: { \"content-type\": \"text/html; charset=utf-8\" },\n });\n}","export default function (req: Request): Response {\n const { searchParams } = new URL(req.url);\n const when = searchParams.get(\"t\"); // YYYYMMDDHHMM\n const tz = searchParams.get(\"tz\") ?? undefined;\n\n if (!when || !/^\\d{12}$/.test(when)) {\n return new Response(\"Need ?t=YYYYMMDDHHMM\", {\n headers: { \"content-type\": \"text/plain; charset=utf-8\" },\n });\n }\n\n /* ---------- 1. wall-clock we want (local to the chosen zone) ---------- */\n const y = parseInt(when.slice(0, 4), 10);\n const m = parseInt(when.slice(4, 6), 10);\n const d = parseInt(when.slice(6, 8), 10);\n const h = parseInt(when.slice(8, 10), 10);\n const min = parseInt(when.slice(10, 12), 10);\n\n /* ---------- 2. build the target instant ---------- */\n const utcWall = new Date(Date.UTC(y, m - 1, d, h, min)); // always valid\n let target: Date;\n if (tz) {\n const utcParts = new Intl.DateTimeFormat(\"en\", {\n timeZone: \"UTC\",\n year: \"numeric\",\n month: \"2-digit\",\n day: \"2-digit\",\n hour: \"2-digit\",\n minute: \"2-digit\",\n hour12: false,\n }).formatToParts(utcWall);\n\n const zonedParts = new Intl.DateTimeFormat(\"en\", {\n timeZone: tz,\n year: \"numeric\",\n month: \"2-digit\",\n day: \"2-digit\",\n hour: \"2-digit\",\n minute: \"2-digit\",\n hour12: false,\n }).formatToParts(utcWall);\n\n const pad = (p: any[]) => [\n Number(p.find((x) => x.type === \"year\")!.value),\n Number(p.find((x) => x.type === \"month\")!.value) - 1,\n Number(p.find((x) => x.type === \"day\")!.value),\n Number(p.find((x) => x.type === \"hour\")!.value),\n Number(p.find((x) => x.type === \"minute\")!.value),\n ];\n const utcPartsNums = pad(utcParts);\n const zonedPartsNums = pad(zonedParts);\n\n const offsetMs = Date.UTC(...zonedPartsNums) - Date.UTC(...utcPartsNums);\n target = new Date(utcWall.getTime() - offsetMs);\n } else {\n target = utcWall;\n }\n\n /* ---------- 3. current wall-clock parts in the same zone ---------- */\n const nowParts = new Intl.DateTimeFormat(\"en-US\", {\n timeZone: tz,\n hour12: false,\n year: \"numeric\",\n month: \"long\",\n day: \"numeric\",\n hour: \"numeric\",\n }).formatToParts(new Date());\n const get = (t: string) => nowParts.find((p) => p.type === t)?.value ?? \"\";\n const currentHour = parseInt(get(\"hour\"), 10);\n const tod = currentHour < 6\n ? \"Dawn\"\n : currentHour < 12\n ? \"Morning\"\n : currentHour < 18\n ? \"Afternoon\"\n : \"Evening\";\n\n /* ---------- 4. hours & minutes remaining ---------- */\n const msLeft = target.getTime() - Date.now();\n if (msLeft <= 0) {\n return new Response(\"Time’s up!\", {\n headers: { \"content-type\": \"text/plain; charset=utf-8\" },\n });\n }\n const totalMs = 72 * 60 * 60 * 1000; // 72-hour window\n const progress = Math.min(1, Math.max(0, 1 - msLeft / totalMs));\n const hoursLeft = Math.floor(msLeft / (1000 * 60 * 60));\n const minsLeft = Math.floor((msLeft % (1000 * 60 * 60)) / (1000 * 60));\n\n /* ---------- 5. render ---------- */\n const monthName = get(\"month\");\n const dayNum = get(\"day\");\n\n const html = `\n\n\n \n Countdown\n \n\n\n

${tod} of ${monthName} ${dayNum}

\n\n

\n $\"moon\"$ \n $\"village\"$ \n

\n\n

–${hoursLeft} hours & ${minsLeft} minutes remain–

\n\n`;\n\n return new Response(html, {\n headers: { \"content-type\": \"text/html; charset=utf-8\" },\n });\n}","createdAt",["D",1758720792271],"branchVersion","branchId","92a60ea0-69c1-11f0-9dc4-0224a6c84d84","id","92a5a6cc-69c1-11f0-9dc4-0224a6c84d84","moon_countdown",["D",1753494055837],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/18b1bf8d-d50d-49b8-83e0-3c5ba3a1d900/square512?exp=1789585199&sig=3a7f920ea63148d5a001631be71005291d25176e2f34582f364185adce37656a","4014c640-61ba-11f0-852d-15ceec715ebe","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","4014c641-61ba-11f0-852d-15ceec715ebe","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_96":95,"_103":99},"org",{"_96":95,"_97":-5,"_98":99,"_18":55,"_100":101,"_102":25},"branch",{"_13":85,"_32":86,"_43":42,"_87":44,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":45,"_94":95},"isOwned",44,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","vvampa","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJ6dlV1b1h4VzRxbTBVblhueldOUjc4R3N1ViJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":150,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":54,"_18":55,"_56":31,"_57":58,"_59":58,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":151,"_80":152,"_82":153,"_84":25},"tree",[145],"files",[145],"counts",{"_134":62,"_135":136,"_137":62,"_138":139,"_140":141},"contents",[126],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":127,"_32":28,"_30":31,"_128":-5,"_41":42,"_40":14,"_129":25,"_38":130,"_13":131,"_33":34,"_35":37,"_24":25,"_132":-5,"_27":133},"0456a614-994b-11f0-94fa-0224a6c84d84","parentId","latest",["D",1758720792271],20,"label",[28],"pulls","branches",1,"forks","envVars",{"_142":62,"_144":62},"connections",{"_142":62,"_143":62},"count","unfilledCount","emptyCount",{"_43":127,"_32":28,"_30":31,"_128":-5,"_41":42,"_40":14,"_129":25,"_38":146,"_13":131,"_33":34,"_35":37,"_24":25,"_132":-5,"_147":148,"_27":149},["D",1758720792271],"children",[],[28],["D",1753494055837],{"_96":95,"_103":99},{"_96":95,"_97":-5,"_98":99,"_18":55,"_100":101,"_102":25},{"_13":85,"_32":86,"_43":42,"_87":44,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":45,"_94":95},"ctx",{"_78":-5,"_123":187,"_188":189,"_190":191,"_192":25,"_193":25,"_194":25,"_195":58,"_196":-5,"_197":-7,"_198":-7,"_199":62,"_200":25,"_201":25,"_202":-5,"_203":25,"_204":25,"_205":25,"_206":-5},"ENV",{"_158":159,"_160":161,"_162":86,"_163":164,"_165":166,"_167":168,"_169":170,"_171":172,"_173":174,"_175":176,"_177":178,"_179":180,"_181":182,"_183":184,"_185":186},"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"]

Diff · v23