[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_202":203,"_204":205},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_152":-5,"_20":153,"_22":154,"_155":156,"_157":158,"_25":159,"_24":-5,"_160":-5,"_161":-5,"_162":55,"_163":164,"_165":46,"_166":-5,"_167":-5,"_168":169},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":-7,"_25":26,"_27":-5,"_28":-5,"_29":-5,"_30":-5,"_31":-5},"handle","jennschiffer","name","pixelstats","branchName","main","version","path","","project",{"_35":97,"_13":14,"_47":98,"_99":-5,"_100":55,"_101":102,"_103":102,"_104":105,"_106":-5,"_107":108,"_109":39,"_110":46,"_111":-5,"_112":-5,"_113":71,"_114":115,"_116":-5,"_117":-5,"_118":-5,"_119":-5,"_120":121,"_122":121,"_123":124,"_125":124,"_126":124,"_127":121,"_128":121,"_129":130,"_131":132,"_133":134,"_135":55},"tree",[74,75,76],"file","contents",[32,33,34],"upstream","pull","ahead","behind","envVars",{"_35":66,"_13":67,"_38":68,"_40":-5,"_41":42,"_43":69,"_45":46,"_47":70,"_17":71,"_50":72,"_52":-5,"_54":55,"_56":-5,"_18":73},{"_35":58,"_13":59,"_38":60,"_40":-5,"_41":42,"_43":61,"_45":46,"_47":62,"_17":63,"_50":24,"_52":64,"_54":55,"_56":-5,"_18":65},{"_35":36,"_13":37,"_38":39,"_40":-5,"_41":42,"_43":44,"_45":46,"_47":48,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_18":57},"id","533f422a-20e3-11f1-8d7d-42dde27851f2","main.ts","fileId","ea2b3a16-20a9-11f1-aa99-42dde27851f2","parentId","branchId","ea287218-20a9-11f1-aa99-42dde27851f2","branchVersion",234,"latest",true,"createdAt",["D",1773629614806],203,"fileType","http","content","import { getPixels } from \"jsr:@unpic/pixels@1.2.3\";\nimport { Hono } from \"npm:hono@4\";\nconst app = new Hono();\n\napp.get(\"/\", (c) => {\n return c.html(`\n \n \n \n \n \n pixelstats\n \n\n \n \n \n

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 const colorsDistributionSorted = Object.fromEntries(\n Object.entries(colorsDistribution).sort(([, a], [, b]) => b - a),\n );\n\n return { pixelsArray, colorsDistribution, colorsDistributionSorted };\n}\n\nexport default async function handler(request: Request): Promise {\n return app.fetch(request);\n}","deleted",false,"label",[37],"416c6510-20d8-11f1-9311-42dde27851f2","README.md","a22147d2-20d7-11f1-9361-42dde27851f2",225,["D",1773624860777],5,"# pixelstats\n\nupload an image less than 80px wide/high and it will give some info about its\nsize, along with a table distribution of colors and their counts in the image.\nthis is to help me plan the colors i need and potential edits to the references\ni use in a pixel art painting. xoxo [j$](https://jennschiffer.com)\n\n```\n .+------+ +------+ +------+ +------+ +------+.\n .' | .'| /| /| | | |\\ |\\ |`. | `.\n+---+--+' | +-+----+ | +------+ | +----+-+ | `+--+---+\n| | | | | | | | | | | | | | | | | |\n| ,+--+---+ | +----+-+ +------+ +-+----+ | +---+--+ |\n|.' | .' |/ |/ | | \\| \\| `. | `. |\n+------+' +------+ +------+ +------+ `+------+\n```",[59],"14cca74e-20e3-11f1-8753-42dde27851f2","static","13226dca-20e3-11f1-8753-42dde27851f2",227,["D",1773629510368],1,"directory",[67],{"_35":66,"_13":67,"_38":68,"_40":-5,"_41":42,"_43":69,"_45":46,"_47":84,"_17":71,"_50":72,"_52":-5,"_54":55,"_56":-5,"_78":85,"_18":86},{"_35":58,"_13":59,"_38":60,"_40":-5,"_41":42,"_43":61,"_45":46,"_47":81,"_17":63,"_50":24,"_52":64,"_54":55,"_56":-5,"_78":82,"_18":83},{"_35":36,"_13":37,"_38":39,"_40":-5,"_41":42,"_43":44,"_45":46,"_47":77,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_78":79,"_18":80},["D",1773629614806],"children",[],[37],["D",1773624860777],[],[59],["D",1773629510368],[87],[67],{"_35":88,"_13":89,"_38":90,"_40":68,"_41":42,"_43":91,"_45":46,"_47":92,"_17":93,"_50":24,"_52":94,"_54":55,"_56":-5,"_78":95,"_18":96},"6a2a8544-20e3-11f1-b31c-42dde27851f2","style.css","17264cc0-20e3-11f1-b54a-42dde27851f2",236,["D",1773629653576],6,"body {\n background-color: lavender;\n}",[],[67,89],"ea279834-20a9-11f1-aa99-42dde27851f2",["D",1773604957521],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","a utility for my tiny pixel art images","imageUrl","userId","423ea940-f98e-4ef7-b929-b70c0faff6fa","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","d4ce90b7-516b-48f3-8b15-549b71a0fde4","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_151":147},"org",{"_11":12,"_144":145,"_146":147,"_107":108,"_148":149,"_150":55},"branch",{"_17":91,"_13":16,"_35":42,"_136":97,"_137":-5,"_138":-5,"_139":-5,"_140":-5,"_141":-5,"_142":14,"_143":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","jenn","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yaUxKS1UyOXBFeHNBRHpIQXZZNGVNM0RxQm0ifQ","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":97,"_13":14,"_47":198,"_99":-5,"_100":55,"_101":102,"_103":102,"_104":105,"_106":-5,"_107":108,"_109":39,"_110":46,"_111":-5,"_112":-5,"_113":71,"_114":115,"_116":-5,"_117":-5,"_118":-5,"_119":-5,"_120":121,"_122":121,"_123":124,"_125":124,"_126":124,"_127":121,"_128":121,"_129":199,"_131":200,"_133":201,"_135":55},[186,188,189],"files",[186,187,188,189],"counts",{"_176":177,"_178":71,"_179":177,"_31":180,"_181":182},[170,171,172],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_35":66,"_13":67,"_38":68,"_40":-5,"_41":42,"_43":69,"_45":46,"_47":70,"_17":71,"_50":72,"_52":-5,"_54":55,"_56":-5,"_18":175},{"_35":58,"_13":59,"_38":60,"_40":-5,"_41":42,"_43":61,"_45":46,"_47":62,"_17":63,"_50":24,"_52":64,"_54":55,"_56":-5,"_18":174},{"_35":36,"_13":37,"_38":39,"_40":-5,"_41":42,"_43":44,"_45":46,"_47":48,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_18":173},[37],[59],[67],"pulls",0,"branches","forks",{"_183":177,"_185":177},"connections",{"_183":177,"_184":177},"count","unfilledCount","emptyCount",{"_35":66,"_13":67,"_38":68,"_40":-5,"_41":42,"_43":69,"_45":46,"_47":84,"_17":71,"_50":72,"_52":-5,"_54":55,"_56":-5,"_78":196,"_18":197},{"_35":88,"_13":89,"_38":90,"_40":68,"_41":42,"_43":91,"_45":46,"_47":92,"_17":93,"_50":24,"_52":94,"_54":55,"_56":-5,"_78":194,"_18":195},{"_35":58,"_13":59,"_38":60,"_40":-5,"_41":42,"_43":61,"_45":46,"_47":81,"_17":63,"_50":24,"_52":64,"_54":55,"_56":-5,"_78":192,"_18":193},{"_35":36,"_13":37,"_38":39,"_40":-5,"_41":42,"_43":44,"_45":46,"_47":77,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_78":190,"_18":191},[],[37],[],[59],[],[67,89],[187],[67],["D",1773604957521],{"_11":12,"_151":147},{"_11":12,"_144":145,"_146":147,"_107":108,"_148":149,"_150":55},{"_17":91,"_13":16,"_35":42,"_136":97,"_137":-5,"_138":-5,"_139":-5,"_140":-5,"_141":-5,"_142":14,"_143":12},"ctx",{"_129":-5,"_167":235,"_236":237,"_238":239,"_240":55,"_241":55,"_242":55,"_243":46,"_244":-5,"_245":-7,"_246":-7,"_247":177,"_248":55,"_249":55,"_250":-5,"_251":55,"_252":55,"_253":55,"_254":-5},"ENV",{"_206":207,"_208":209,"_210":16,"_211":212,"_213":214,"_215":216,"_217":218,"_219":220,"_221":222,"_223":224,"_225":226,"_227":228,"_229":230,"_231":232,"_233":234},"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"]

Code