[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_191":192,"_193":194},"routes/_app.x.$handle.$name",{"_99":98,"_33":47,"_108":89,"_27":38,"_13":14,"_109":-5,"_11":110,"_111":112,"_113":114,"_115":116,"_117":118,"_20":-5,"_119":-5,"_120":-5,"_121":25,"_122":123,"_124":61,"_125":-5,"_126":-5,"_127":128},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_45":46,"_33":47,"_40":48,"_49":-5,"_50":25,"_51":52,"_53":52,"_54":55,"_56":-5,"_18":57,"_58":59,"_60":61,"_62":-5,"_63":-5,"_64":65,"_66":67,"_68":-5,"_69":-5,"_70":-5,"_71":-5,"_72":73,"_74":73,"_75":76,"_77":76,"_78":76,"_79":73,"_80":73,"_81":82,"_83":84,"_85":86,"_87":25},"version",229,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":30},"file",{"_31":32,"_33":39,"_35":36,"_37":38,"_40":41,"_42":14,"_43":44,"_24":25},"previous",{"_31":32,"_33":34,"_35":36,"_37":38},"deleted",false,"deletedHere","path","static/index.html","latestPath","static/style.css","fileId","17264cc0-20e3-11f1-b54a-42dde27851f2","name","new-file-7696.ts","fileType","script","content","","index.html","createdAt",["D",1773629520613],"branchVersion","branchId","ea287218-20a9-11f1-aa99-42dde27851f2","id","ea279834-20a9-11f1-aa99-42dde27851f2","pixelstats",["D",1773604957521],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","a utility for my tiny pixel art images","imageUrl","423ea940-f98e-4ef7-b929-b70c0faff6fa","pinnedFileId","ea2b3a16-20a9-11f1-aa99-42dde27851f2","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",1,"orgId","d4ce90b7-516b-48f3-8b15-549b71a0fde4","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_99":98,"_107":103},"org",{"_99":98,"_100":101,"_102":103,"_18":57,"_104":105,"_106":25},"branch",{"_13":88,"_33":89,"_45":44,"_90":46,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":47,"_97":98},"isOwned",236,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","jennschiffer","handle","displayName","jenn","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yaUxKS1UyOXBFeHNBRHpIQXZZNGVNM0RxQm0ifQ","tier","free","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_45":46,"_33":47,"_40":187,"_49":-5,"_50":25,"_51":52,"_53":52,"_54":55,"_56":-5,"_18":57,"_58":59,"_60":61,"_62":-5,"_63":-5,"_64":65,"_66":67,"_68":-5,"_69":-5,"_70":-5,"_71":-5,"_72":73,"_74":73,"_75":76,"_77":76,"_78":76,"_79":73,"_80":73,"_81":188,"_83":189,"_85":190,"_87":25},"tree",[169,171,172],"files",[169,170,171,172],"counts",{"_158":159,"_160":65,"_161":159,"_162":163,"_164":165},"contents",[129,130,131],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_45":151,"_33":152,"_31":153,"_134":-5,"_43":44,"_42":154,"_136":61,"_40":155,"_13":65,"_35":156,"_37":-5,"_24":25,"_141":-5,"_27":157},{"_45":143,"_33":144,"_31":145,"_134":-5,"_43":44,"_42":146,"_136":61,"_40":147,"_13":148,"_35":20,"_37":149,"_24":25,"_141":-5,"_27":150},{"_45":132,"_33":133,"_31":59,"_134":-5,"_43":44,"_42":135,"_136":25,"_40":137,"_13":138,"_35":139,"_37":140,"_24":25,"_141":-5,"_27":142},"5aff3d1e-20d7-11f1-9e20-42dde27851f2","main.ts","parentId",219,"latest",["D",1773624474179],201,"http","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}","label",[133],"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```",[144],"14cca74e-20e3-11f1-8753-42dde27851f2","static","13226dca-20e3-11f1-8753-42dde27851f2",227,["D",1773629510368],"directory",[152],"pulls",0,"branches","forks","envVars",{"_166":159,"_168":159},"connections",{"_166":159,"_167":159},"count","unfilledCount","emptyCount",{"_45":151,"_33":152,"_31":153,"_134":-5,"_43":44,"_42":154,"_136":61,"_40":184,"_13":65,"_35":156,"_37":-5,"_24":25,"_141":-5,"_174":185,"_27":186},{"_45":180,"_33":39,"_31":32,"_134":153,"_43":44,"_42":14,"_136":25,"_40":181,"_13":65,"_35":36,"_37":38,"_24":25,"_141":-5,"_174":182,"_27":183},{"_45":143,"_33":144,"_31":145,"_134":-5,"_43":44,"_42":146,"_136":61,"_40":177,"_13":148,"_35":20,"_37":149,"_24":25,"_141":-5,"_174":178,"_27":179},{"_45":132,"_33":133,"_31":59,"_134":-5,"_43":44,"_42":135,"_136":25,"_40":173,"_13":138,"_35":139,"_37":140,"_24":25,"_141":-5,"_174":175,"_27":176},["D",1773624474179],"children",[],[133],["D",1773624860777],[],[144],"1ae775a0-20e3-11f1-896e-42dde27851f2",["D",1773629520613],[],[152,39],["D",1773629510368],[170],[152],["D",1773604957521],{"_99":98,"_107":103},{"_99":98,"_100":101,"_102":103,"_18":57,"_104":105,"_106":25},{"_13":88,"_33":89,"_45":44,"_90":46,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":47,"_97":98},"ctx",{"_81":-5,"_126":224,"_225":226,"_227":228,"_229":25,"_230":25,"_231":25,"_232":61,"_233":-5,"_234":-7,"_235":-7,"_236":159,"_237":25,"_238":25,"_239":-5,"_240":25,"_241":25,"_242":25,"_243":-5},"ENV",{"_195":196,"_197":198,"_199":89,"_200":201,"_202":203,"_204":205,"_206":207,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":221,"_222":223},"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 · v229