[{"_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",{"_95":94,"_32":45,"_103":85,"_27":104,"_13":14,"_105":-5,"_11":106,"_107":108,"_109":110,"_111":112,"_113":114,"_20":-5,"_115":-5,"_116":-5,"_117":25,"_118":119,"_120":121,"_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":53,"_54":-5,"_18":55,"_56":-5,"_57":25,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":25},"version",8,"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","webcam.http.ts","latestPath","fileId","f7e5155a-605a-11f1-9985-1607ee4eb77e","name","fileType","http","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 // Server-side capture endpoint (used by background cron)\n if (path === \"/capture\") {\n try {\n const ts = Date.now();\n const imgUrl = WEBCAM_URL + \"?t=\" + ts;\n const imgResp = await fetch(imgUrl);\n if (!imgResp.ok) {\n throw new Error(\"Fetch failed: \" + imgResp.status);\n }\n const imgBuffer = await imgResp.arrayBuffer();\n const key = \"webcam-\" + ts + \".jpg\";\n await blob.set(key, new Uint8Array(imgBuffer));\n cleanupOldBlobs().catch((e) => console.error(\"Cleanup error:\", e));\n return new Response(\n JSON.stringify({ ok: true, key, ts }),\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 rawKeys = await blob.list(\"webcam-\");\n const allKeys: string[] = (Array.isArray(rawKeys) ? rawKeys : []).map(k =>\n typeof k === \"string\" ? k : (k && typeof k === \"object\" ? (k as any).key ?? String(k) : String(k))\n );\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 rawKeys = await blob.list(\"webcam-\");\n const allKeys: string[] = (Array.isArray(rawKeys) ? rawKeys : []).map(k =>\n typeof k === \"string\" ? k : (k && typeof k === \"object\" ? (k as any).key ?? String(k) : String(k))\n );\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 const webcamUrl = WEBCAM_URL;\n return \"\\n\" +\n\"\\n\" +\n\"\\n\" +\n\"\\n\" +\n\"\\n\" +\n\"NYC Webcam Timelapse\\n\" +\n\"\\n\" +\n\"\\n\" +\n\"\\n\" +\n\"

\\n\" +\n\"

📷 NYC Webcam Timelapse

\\n\" +\n'

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

\\n' +\n\"\\n\" +\n'

\\n' +\n'

🔴 Live Feed

\\n' +\n'

Connecting to webcam...

\\n' +\n' \\n' +\n\"

\\n\" +\n'

\\n' +\n' Frames: 0\\n' +\n' Last: --\\n' +\n' Recording\\n' +\n\"

\\n\" +\n\"

\\n\" +\n\"\\n\" +\n'

\\n' +\n'

🎬 Timelapse Clip

\\n' +\n'

\\n' +\n\" Captures the most recent 3 minutes at 15 fps\\n\" +\n\"

\\n\" +\n'

\\n' +\n' \\n' +\n' \\n' +\n\"

\\n\" +\n'

\\n' +\n'

\\n' +\n\"

\\n\" +\n\"

\\n\" +\n\"\\n\" +\n\"\\n\" +\n\"\\n\" +\n\"\";\n}\n","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 // Server-side capture endpoint (used by background cron)\n if (path === \"/capture\") {\n try {\n const ts = Date.now();\n const imgUrl = WEBCAM_URL + \"?t=\" + ts;\n const imgResp = await fetch(imgUrl);\n if (!imgResp.ok) {\n throw new Error(\"Fetch failed: \" + imgResp.status);\n }\n const imgBuffer = await imgResp.arrayBuffer();\n const key = \"webcam-\" + ts + \".jpg\";\n await blob.set(key, new Uint8Array(imgBuffer));\n cleanupOldBlobs().catch((e) => console.error(\"Cleanup error:\", e));\n return new Response(\n JSON.stringify({ ok: true, key, ts }),\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 rawKeys = await blob.list(\"webcam-\");\n const allKeys: string[] = (Array.isArray(rawKeys) ? rawKeys : []).map(k =>\n typeof k === \"string\" ? k : (k && typeof k === \"object\" ? (k as any).key ?? String(k) : String(k))\n );\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 rawKeys = await blob.list(\"webcam-\");\n const allKeys: string[] = (Array.isArray(rawKeys) ? rawKeys : []).map(k =>\n typeof k === \"string\" ? k : (k && typeof k === \"object\" ? (k as any).key ?? String(k) : String(k))\n );\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 const wu = WEBCAM_URL;\n return '\\n' +\n'\\n' +\n'\\n' +\n'\\n' +\n'\\n' +\n'NYC Webcam Timelapse\\n' +\n'\\n' +\n'\\n' +\n'\\n' +\n'

\\n' +\n'

📷 NYC Webcam Timelapse

\\n' +\n'

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

\\n' +\n'\\n' +\n'

\\n' +\n'

🔴 Live Feed

\\n' +\n'

Connecting to webcam...

\\n' +\n' \\n' +\n'

\\n' +\n'

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

\\n' +\n'

\\n' +\n'\\n' +\n'

\\n' +\n'

🎬 Timelapse Clip

\\n' +\n'

\\n' +\n' Creates a timelapse from available frames at 15 fps\\n' +\n'

\\n' +\n'

\\n' +\n' \\n' +\n' \\n' +\n'

\\n' +\n'

\\n' +\n'\\n' +\n'\\n' +\n'\\n' +\n'';\n}\n","createdAt",["D",1780612877584],"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",{"_95":94,"_102":98},"org",{"_95":94,"_96":-5,"_97":98,"_18":55,"_99":100,"_101":25},"branch",{"_13":84,"_32":85,"_43":42,"_86":44,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":45,"_93":94},"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",{"_43":44,"_32":45,"_38":150,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":-5,"_57":25,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":151,"_79":152,"_81":153,"_83":25},"tree",[145],"files",[145],"counts",{"_134":61,"_135":136,"_137":61,"_138":139,"_140":141},"contents",[126],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"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},"0228a6d4-32f4-4613-a2a6-9a9a76ca2044","parentId","latest",["D",1780612877584],7,"label",[28],"pulls","branches",1,"forks","envVars",{"_142":61,"_144":61},"connections",{"_142":61,"_143":61},"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",1780612877584],"children",[],[28],["D",1780607924630],{"_95":94,"_102":98},{"_95":94,"_96":-5,"_97":98,"_18":55,"_99":100,"_101":25},{"_13":84,"_32":85,"_43":42,"_86":44,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":45,"_93":94},"ctx",{"_77":-5,"_123":187,"_188":189,"_190":191,"_192":25,"_193":25,"_194":25,"_195":121,"_196":-5,"_197":-7,"_198":-7,"_199":61,"_200":25,"_201":25,"_202":-5,"_203":25,"_204":25,"_205":25,"_206":-5},"ENV",{"_158":159,"_160":161,"_162":85,"_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","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","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v8