[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_148":149,"_150":151},"routes/_app.x.$handle.$name",{"_92":91,"_31":42,"_100":82,"_26":101,"_13":14,"_102":-5,"_11":103,"_104":105,"_106":107,"_108":109,"_110":111,"_20":-5,"_112":-5,"_113":-5,"_114":24,"_115":116,"_117":24,"_118":-5,"_119":-5,"_120":121},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_40":41,"_31":42,"_35":43,"_44":-5,"_45":24,"_46":47,"_48":47,"_49":50,"_51":-5,"_18":52,"_53":-5,"_54":24,"_55":-5,"_56":-5,"_57":58,"_59":60,"_61":-5,"_62":-5,"_63":-5,"_64":-5,"_65":66,"_67":66,"_68":69,"_70":69,"_71":69,"_72":66,"_73":66,"_74":75,"_76":77,"_78":79,"_80":24},"version",1,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":27,"_32":20,"_33":34,"_35":36,"_37":14,"_38":39,"_23":24},"previous","deleted",false,"deletedHere","path","webcam.http.ts","latestPath","fileId","f7e5155a-605a-11f1-9985-1607ee4eb77e","name","fileType","content","import { blob } from \"https://esm.town/v/std/blob\";\n\nconst WEBCAM_URL =\n \"https://webcams.nyctmc.org/api/cameras/1e60ade7-c760-48cf-acd9-d9d6cbfa9420/image\";\n\nconst CLEANUP_AGE_MS = 4 * 60 * 1000;\nconst CLIP_DURATION_MS = 3 * 60 * 1000;\n\nexport default async function (req: Request): Promise {\n const url = new URL(req.url);\n const path = url.pathname;\n\n const corsHeaders = {\n \"Access-Control-Allow-Origin\": \"*\",\n \"Access-Control-Allow-Methods\": \"GET, POST, OPTIONS\",\n \"Access-Control-Allow-Headers\": \"Content-Type\",\n };\n\n if (req.method === \"OPTIONS\") {\n return new Response(null, { headers: corsHeaders });\n }\n\n if (req.method === \"GET\" && path === \"/\") {\n return new Response(getPageHTML(), {\n headers: { ...corsHeaders, \"Content-Type\": \"text/html; charset=utf-8\" },\n });\n }\n\n if (req.method === \"POST\" && path === \"/save\") {\n try {\n const body = await req.json();\n const imageUrl = body.url || body.imageUrl;\n const timestamp = body.timestamp || Date.now();\n\n const imgResp = await fetch(imageUrl);\n if (!imgResp.ok) {\n return new Response(\n JSON.stringify({ ok: false, error: \"Failed to fetch image: \" + imgResp.status }),\n { status: 502, headers: { ...corsHeaders, \"Content-Type\": \"application/json\" } },\n );\n }\n const imgBuffer = await imgResp.arrayBuffer();\n const key = `webcam-${timestamp}.jpg`;\n await blob.set(key, new Uint8Array(imgBuffer));\n\n cleanupOldBlobs().catch((e) => console.error(\"Cleanup error:\", e));\n\n return new Response(\n JSON.stringify({ ok: true, key, ts: timestamp }),\n { headers: { ...corsHeaders, \"Content-Type\": \"application/json\" } },\n );\n } catch (e) {\n return new Response(\n JSON.stringify({ ok: false, error: String(e) }),\n { status: 500, headers: { ...corsHeaders, \"Content-Type\": \"application/json\" } },\n );\n }\n }\n\n if (req.method === \"GET\" && path === \"/blobs\") {\n try {\n const allKeys = await blob.list(\"webcam-\");\n const now = Date.now();\n const recentKeys = allKeys\n .map((key: string) => {\n const match = key.match(/^webcam-(\\d+)\\.jpg$/);\n if (!match) return null;\n return { key, ts: parseInt(match[1]) };\n })\n .filter((item): item is { key: string; ts: number } =>\n item !== null && (now - item.ts) <= CLIP_DURATION_MS\n )\n .sort((a, b) => a.ts - b.ts);\n\n return new Response(JSON.stringify(recentKeys), {\n headers: { ...corsHeaders, \"Content-Type\": \"application/json\" },\n });\n } catch (e) {\n return new Response(\n JSON.stringify({ ok: false, error: String(e) }),\n { status: 500, headers: { ...corsHeaders, \"Content-Type\": \"application/json\" } },\n );\n }\n }\n\n if (req.method === \"GET\" && path.startsWith(\"/blob/\")) {\n const key = path.slice(6);\n try {\n const data = await blob.get(key);\n return new Response(data, {\n headers: {\n ...corsHeaders,\n \"Content-Type\": \"image/jpeg\",\n \"Cache-Control\": \"public, max-age=31536000\",\n },\n });\n } catch {\n return new Response(\"Not found\", {\n status: 404,\n headers: corsHeaders,\n });\n }\n }\n\n return new Response(\"Not found\", { status: 404, headers: corsHeaders });\n}\n\nasync function cleanupOldBlobs() {\n const allKeys = await blob.list(\"webcam-\");\n const now = Date.now();\n const stale = allKeys.filter((key: string) => {\n const match = key.match(/^webcam-(\\d+)\\.jpg$/);\n return match && (now - parseInt(match[1])) > CLEANUP_AGE_MS;\n });\n if (stale.length > 0) {\n await Promise.all(stale.map((key: string) => blob.delete(key)));\n console.log(`Cleaned up ${stale.length} stale blobs`);\n }\n}\n\nfunction getPageHTML(): string {\n return \\`\n\n\n\n\nNYC Webcam Timelapse\n\n\n\n

📷 NYC Webcam Timelapse

Snapshots every 2s · 4-min rolling window · 3-min clips

\n\n

🔴 Live Feed

Connecting to webcam...

\n \n

\n Frames: 0\n Last: --\n Recording\n

\n\n

🎬 Timelapse Clip

\n Captures the most recent 3 minutes at 15 fps\n

\n \n \n

\n\n\n\n\\`;\n}\n","createdAt",["D",1780607924739],"branchVersion","branchId","46515997-607b-45f6-9b2f-f309ff614de7","id","2fae3a44-511a-4c68-a424-bf546b33851c","nyc-webcam",["D",1780607924630],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","NYC webcam timelapse with live feed and clip feature","imageUrl","3f21d165-36fb-44f9-b597-685a89cace32","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","6c339fd4-8bd7-49a2-b768-2f8e7358f456","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_92":91,"_99":95},"org",{"_92":91,"_93":-5,"_94":95,"_18":52,"_96":97,"_98":24},"branch",{"_13":81,"_31":82,"_40":39,"_83":41,"_84":-5,"_85":-5,"_86":-5,"_87":-5,"_88":-5,"_89":42,"_90":91},"isOwned",12,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","wttdotm","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ya1IyNFBMV2tlakdMeVFxUW9yNDRnU2lwVm4ifQ","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_40":41,"_31":42,"_35":144,"_44":-5,"_45":24,"_46":47,"_48":47,"_49":50,"_51":-5,"_18":52,"_53":-5,"_54":24,"_55":-5,"_56":-5,"_57":58,"_59":60,"_61":-5,"_62":-5,"_63":-5,"_64":-5,"_65":66,"_67":66,"_68":69,"_70":69,"_71":69,"_72":66,"_73":66,"_74":145,"_76":146,"_78":147,"_80":24},"tree",[139],"files",[139],"counts",{"_129":58,"_130":14,"_131":58,"_132":133,"_134":135},"contents",[122],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_40":123,"_31":27,"_29":30,"_124":-5,"_38":39,"_37":14,"_125":24,"_35":126,"_13":58,"_32":20,"_33":34,"_23":24,"_127":-5,"_26":128},"afb437d5-1bc7-4582-b7fe-ffac7638b59a","parentId","latest",["D",1780607924739],"label",[27],"pulls","branches","forks","envVars",{"_136":58,"_138":58},"connections",{"_136":58,"_137":58},"count","unfilledCount","emptyCount",{"_40":123,"_31":27,"_29":30,"_124":-5,"_38":39,"_37":14,"_125":24,"_35":140,"_13":58,"_32":20,"_33":34,"_23":24,"_127":-5,"_141":142,"_26":143},["D",1780607924739],"children",[],[27],["D",1780607924630],{"_92":91,"_99":95},{"_92":91,"_93":-5,"_94":95,"_18":52,"_96":97,"_98":24},{"_13":81,"_31":82,"_40":39,"_83":41,"_84":-5,"_85":-5,"_86":-5,"_87":-5,"_88":-5,"_89":42,"_90":91},"ctx",{"_74":-5,"_119":181,"_182":183,"_184":185,"_186":24,"_187":24,"_188":24,"_189":190,"_191":-5,"_192":-7,"_193":-7,"_194":58,"_195":24,"_196":24,"_197":-5,"_198":24,"_199":24,"_200":24,"_201":-5},"ENV",{"_152":153,"_154":155,"_156":82,"_157":158,"_159":160,"_161":162,"_163":164,"_165":166,"_167":168,"_169":170,"_171":172,"_173":174,"_175":176,"_177":178,"_179":180},"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",true,"preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v1