pixelstats

\n\n

a utility for for tiny pixel art images

\n\n \n\n \n\n \n \n \n `);\n});\n\napp.post(\"/process-pixels\", async (c) => {\n const body = await c.req.parseBody();\n const file = body[\"image\"];\n\n if (file instanceof File) {\n try {\n // create image from file uploaded\n const uploadedFileBuffer = await file.arrayBuffer();\n const { width, height, data } = await getPixels(uploadedFileBuffer);\n const colors = getPixelColors(data);\n\n const processed = {\n message: \"success: pixels processed\",\n fileName: file.name,\n fileSize: file.size,\n fileType: file.type,\n width,\n height,\n data,\n colors,\n };\n\n return c.json(processed);\n } catch (err) {\n return c.json({ error: \"Failed to create getPixels\", obj: err }, 400);\n }\n }\n\n return c.json({ error: \"No file uploaded or invalid format\" }, 400);\n});\n\n// helper functions\n// helper functions\nfunction getPixelColors(data: Uint8Array): object {\n let i = 0;\n const pixelsArray = [];\n\n while (i < data.length) {\n pixelsArray.push([data[i], data[i + 1], data[i + 2], data[i + 3]].join());\n i = i + 4;\n }\n\n // eg. 2400 colors for a 60 x 40 image\n const colorsDistribution = {};\n for (const pixel of pixelsArray) {\n if (colorsDistribution[pixel]) {\n colorsDistribution[pixel] += 1;\n } else {\n colorsDistribution[pixel] = 1;\n }\n }\n\n return { pixelsArray, colorsDistribution };\n}\n\nexport default async function handler(request: Request): Promise {\n return app.fetch(request);\n}","deleted","label",[100],"permalink","https://www.val.town/x/jennschiffer/pixelstats/code/main.ts","extension","actionData","errors"]