ASCII NYC Traffic Cameras

\n \n

\n \n ×\n \n

\n Click on a circle to select a traffic camera.
{\" \"}\n The traffic images will be converted to ASCII and streamed to your browser.\n
Source code & info.\n

\n
\n

\n Traffic cameras and data sourced from{` `}\n here.\n

\n \n \n

\n \n \n \n ),\n ),\n { headers: { \"Content-Type\": \"text/html\" } },\n );\n});\napp.get(\n \"/nyc.geojson\",\n async (c) =>\n new Response(\n (await fetch(\n \"https://gist.githubusercontent.com/maxmcd/fdbc8197e877ca052a55982cb85f14c9/raw/0b1191bdf1f5e8c8cc2b7deab2a1f934ffc4dc14/nyc.json\",\n )).body,\n ),\n);\napp.get(\"/camera-ascii/:id\", async (c) => {\n const url = \"https://webcams.nyctmc.org/api/cameras/\" + c.req.param(\"id\") + \"/image\";\n const { stringColor } = await imageToAscii(url, 150);\n return new Response(stringColor, { headers: { \"Content-Type\": \"text/plain\" } });\n});\napp.get(\n \"/camera/:id\",\n async (c) => {\n const url = \"https://webcams.nyctmc.org/api/cameras/\" + c.req.param(\"id\") + \"/image\";\n const { string, stringColor } = await imageToAscii(url, 150);\n return new Response(\n `\n

${stringColor}

\n view source image\n

\n \n `,\n { headers: { \"Content-Type\": \"text/html\" } },\n );\n },\n);\napp.get(\"/camera-text-stream/:id\", async (c) => {\n let timerId: number | undefined;\n const url = \"https://webcams.nyctmc.org/api/cameras/\" + c.req.param(\"id\") + \"/image\";\n const body = new ReadableStream({\n async start(controller) {\n const write = (msg: string) => {\n controller.enqueue(new TextEncoder().encode(\"data: \" + JSON.stringify(msg) + \"\\r\\n\\r\\n\"));\n };\n const { stringColor } = await imageToAscii(url, 150);\n write(stringColor);\n timerId = setInterval(async () => {\n const { stringColor } = await imageToAscii(url, 150);\n write(stringColor);\n }, 2000);\n },\n cancel() {\n if (typeof timerId === \"number\") {\n clearInterval(timerId);\n }\n },\n });\n return new Response(body, {\n headers: {\n \"Content-Type\": \"text/event-stream\",\n },\n });\n});\nexport default app.fetch;","deleted","label",[98],"permalink","https://www.val.town/x/maxm/asciiNycCameras/code/main.tsx","extension","actionData","errors"]