[{"_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":57,"_121":-5,"_122":-5,"_123":124},"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":-5,"_18":54,"_55":31,"_56":57,"_58":57,"_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",70,"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","main.ts","latestPath","fileId","645b7fc0-93ca-11f0-b1df-0224a6c84d84","name","fileType","http","content","// Learn more: https://docs.val.town/vals/http/\n\n// import ValTown from \"npm:@valtown/sdk\";\n// const vt = new ValTown();\n// const val_id = \"645939cc-93ca-11f0-b1df-0224a6c84d84\";\nimport { blob as blobstore } from \"https://esm.town/v/std/blob\";\n\n\n/*\n\n 256x256 pixels \n 1 bit dim/bright\n 5 bits Red\n 5 bits Green\n 5 bits Blue\n \n CDawgVA canvas was ? 1024x1024 ? pixels (he said 1 millijon pixels)\n 34 colours. There were 19 factions.\n So to support timelapse a possible format to use (append only):\n 32 bit timestamp\n 6 bit faction nr\n 10 bit x coordnates\n 10 bit y coordnates\n 6 bit colour index\n\n*/\nconst drawdata_interp = (buffer, putPixel) => {\n const drawdata = new DataView(buffer);\n switch (drawdata.getUint8(0)) {\n case 1:\n // datum: 8 bits x, 8 bits y, 16 bits colour. Array of datums this way.\n for (let idx = 1; idx < drawdata.byteLength; idx += 4) {\n const x = drawdata.getUint8(idx + 0);\n const y = drawdata.getUint8(idx + 1);\n const c = drawdata.getUint16(idx + 2, false);\n const r = (((c >> 10) & 0x1F) << 3);\n const g = (((c >> 5) & 0x1F) << 3);\n const b = (( c & 0x1F) << 3);\n putPixel(x, y, r, g, b);\n }\n break;\n case 2:\n // preamble: 16 bits colour, coords: 8 bits x, 8 bits y. First preamble. Then array of coords.\n {\n const c = drawdata.getUint16(1, false);\n const r = (((c >> 10) & 0x1F) << 3);\n const g = (((c >> 5) & 0x1F) << 3);\n const b = (( c & 0x1F) << 3);\n for (let idx = 1; idx < drawdata.byteLength; idx += 2) {\n const x = drawdata.getUint8(idx + 0);\n const y = drawdata.getUint8(idx + 1);\n putPixel(x, y, r, g, b);\n }\n }\n break;\n }\n};\nconst handler = async function(req :Request) {\n const req_url = new URL(req.url);\n if (req_url.pathname == \"/announcePeer\") {\n const now = Date.now();\n var others = await blobstore.getJSON(\"tiny-canvas/peers\");\n others = others.filter((o) => (o.e > now));\n if (req_url.searchParams.has(\"id\")) {\n const id = req_url.searchParams.get(\"id\");\n others.push({i: id, e: (now + 300000)});\n }\n await blobstore.setJSON(\"tiny-canvas/peers\", others);\n return new Response(JSON.stringify(others.map((o) => o.i)),\n { status: 200, statusText: \"Alright\", headers: {\"Content-Type\": \"application/json\"}})\n }\n if (req_url.pathname == \"/board\") {\n if ((await blobstore.list(\"tiny-canvas/board\")).length > 0) {\n const pixels = await blobstore.get(\"tiny-canvas/board\");\n return new Response(await pixels.blob(),\n { status: 200, statusText: \"Okay\", headers: {\"Content-Type\": \"application/octet-stream\"}});\n }\n }\n if (req_url.pathname == \"/putPixels\") {\n if (req_url.search == \"\") {\n return new Response(\"No pixels draw data given\", { status: 400, statusText: \"Yer fault\", headers: { \"Content-Type\": \"text/plain\"}})\n } else {\n if (req.method == \"GET\") {\n drawdata_interp(ArrayBuffer.fromBase64(req_url.search.slice(1), {alphabet: \"base64url\"}), putPixel);\n }\n if (req.method == \"POST\") {\n drawdata_interp((await req.arrayBuffer()), putPixel)\n }\n }\n }\n if (req_url.pathname == \"/\") {\n return new Response(`\n \n \n Tiny Canvas\n \n \n \n

Diff · v70