[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_162":163,"_164":165},"routes/_app.x.$handle.$name",{"_94":93,"_32":45,"_102":84,"_27":103,"_13":14,"_104":-5,"_11":105,"_106":107,"_108":109,"_110":111,"_112":113,"_20":-5,"_114":-5,"_115":-5,"_116":25,"_117":118,"_119":49,"_120":-5,"_121":-5,"_122":123},"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":49,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":31,"_57":49,"_58":-5,"_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",2,"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.tsx","latestPath","fileId","4acb770a-2781-11f0-b46e-569c3dd06744","name","fileType","http","content","/**\n * PNG Maker: A simple client-side application for file processing\n * Provides two file inputs and a process button with basic validation\n */\nimport { serve } from 'https://esm.town/v/g/serveUtils';\nimport { Hono } from 'npm:hono';\n\nfunction html() {\n /*\n\n\n\n \n \n PNG Maker\n \n\n\n

PNG Maker

\n Select PNG File:\n \n

\n Select Additional File:\n \n

\n \n

PNG Maker

\n Select PNG File:\n \n

\n Select Additional File:\n \n

\n \n

\n \n\n\n */\n}\n\nfunction css() {\n /*\nbody {\n font-family: Arial, sans-serif;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100vh;\n margin: 0;\n background-color: #f0f0f0;\n}\n\n.container {\n background-color: white;\n padding: 2rem;\n border-radius: 8px;\n box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n width: 100%;\n max-width: 400px;\n}\n\nh1 {\n text-align: center;\n color: #333;\n}\n\n.input-group {\n margin-bottom: 1rem;\n}\n\ninput[type=\"file\"] {\n width: 100%;\n padding: 0.5rem;\n}\n\nbutton {\n width: 100%;\n padding: 0.75rem;\n background-color: #007bff;\n color: white;\n border: none;\n border-radius: 4px;\n cursor: pointer;\n}\n\nbutton:hover {\n background-color: #0056b3;\n}\n */\n}\n\nfunction js() {\n /*\nimport { createPolygotPng } from '/polypng.mjs';\n\ndocument.addEventListener('DOMContentLoaded', () => {\n const pngInput = document.getElementById('pngInput');\n const fileInput = document.getElementById('fileInput');\n const processButton = document.getElementById('processButton');\n\n processButton.addEventListener('click', async () => {\n const pngFile = pngInput.files[0];\n const additionalFile = fileInput.files[0];\n\n // Basic validation\n if (!pngFile || !additionalFile) {\n alert('Please select both files');\n return;\n }\n\n if (pngFile.type !== 'image/png') {\n alert('First file must be a PNG');\n return;\n }\n\n try {\n const blob = await createPolygotPng(pngFile, additionalFile);\n const url = URL.createObjectURL(blob);\n\n const a = document.createElement('a');\n a.href = url;\n a.download = additionalFile.name + '.png';\n a.click();\n } catch(err) {\n console.error(err);\n alert('Error:' + (err.message || err.toString()));\n }\n });\n});\n */\n}\n\nconst app = new Hono();\napp.get('/', serve(html, 'text/html'));\napp.get('/styles.css', serve(css, 'text/css'));\napp.get('/main.js', serve(js, 'text/javascript'));\napp.get('/polypng.mjs', async (c) => {\n const res = await fetch('https://gist.githubusercontent.com/autowert66/e6371d2cf5fd365d57668f8399ec02ca/raw/polypng.mjs');\n return new Response(res.body, { headers: { 'Content-Type': 'text/javascript' } });\n});\n\nexport default app.fetch;","createdAt",["D",1737076607715],"branchVersion","branchId","4ac95024-2781-11f0-b46e-569c3dd06744","id","4ac8fe3a-2781-11f0-b46e-569c3dd06744","pngMakerApp",["D",1746209670741],"deletedAt","legacyEnvVars",true,"privacy","public","httpPrivacy","description","imageUrl","8d6857d3-cf1c-4e98-a094-0e379c10badf","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","4f4797d6-1767-45ca-8dc5-5113174ca1c1","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_94":93,"_101":97},"org",{"_94":93,"_95":-5,"_96":97,"_18":55,"_98":99,"_100":25},"branch",{"_13":14,"_32":84,"_43":42,"_85":44,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":45,"_92":93},"isOwned","main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","g","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJqRlBqSjdFTUlTVmVORmpObmFqZmJLVWh5VCJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":158,"_47":-5,"_48":49,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":31,"_57":49,"_58":-5,"_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":159,"_79":160,"_81":161,"_83":25},"tree",[149,150],"files",[149,150],"counts",{"_139":61,"_140":130,"_141":61,"_142":143,"_144":145},"contents",[124,125],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":133,"_32":134,"_30":135,"_127":-5,"_41":42,"_40":130,"_128":49,"_38":136,"_13":61,"_33":20,"_35":137,"_24":25,"_131":-5,"_27":138},{"_43":126,"_32":28,"_30":31,"_127":-5,"_41":42,"_40":14,"_128":49,"_38":129,"_13":130,"_33":34,"_35":37,"_24":25,"_131":-5,"_27":132},"4ad09546-2781-11f0-b46e-569c3dd06744","parentId","latest",["D",1737076607715],1,"label",[28],"4acbad74-2781-11f0-b46e-569c3dd06744","README.md","4acbae00-2781-11f0-b46e-569c3dd06744",["D",1737076275330],"# Polyglot Png Creator\n\nThis val allows creation of polygot png files by uploading a reference image and a file.\n\nA polygot png is a valid png file that also contains arbitrary data.\nThis can be used to create files that serve a different purpose depending on their file extensions.\nPDF and ZIP files are known to work with polygot png images, although not every software supports the resulting files.\n\nThe conversion happens entirely on the client side.\n\nThe logic behind the conversion is entirely based on [DavidBuchanan314/tweetable-polyglot-png](https://github.com/DavidBuchanan314/tweetable-polyglot-png) and ported to JavaScript.\n",[134],"pulls","branches","forks","envVars",{"_146":61,"_148":61},"connections",{"_146":61,"_147":61},"count","unfilledCount","emptyCount",{"_43":133,"_32":134,"_30":135,"_127":-5,"_41":42,"_40":130,"_128":49,"_38":155,"_13":61,"_33":20,"_35":137,"_24":25,"_131":-5,"_152":156,"_27":157},{"_43":126,"_32":28,"_30":31,"_127":-5,"_41":42,"_40":14,"_128":49,"_38":151,"_13":130,"_33":34,"_35":37,"_24":25,"_131":-5,"_152":153,"_27":154},["D",1737076607715],"children",[],[28],["D",1737076275330],[],[134],["D",1746209670741],{"_94":93,"_101":97},{"_94":93,"_95":-5,"_96":97,"_18":55,"_98":99,"_100":25},{"_13":14,"_32":84,"_43":42,"_85":44,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":45,"_92":93},"ctx",{"_77":-5,"_121":195,"_196":197,"_198":199,"_200":25,"_201":25,"_202":25,"_203":49,"_204":-5,"_205":-7,"_206":-7,"_207":61,"_208":25,"_209":25,"_210":-5,"_211":25,"_212":25,"_213":25,"_214":-5},"ENV",{"_166":167,"_168":169,"_170":84,"_171":172,"_173":174,"_175":176,"_177":178,"_179":180,"_181":182,"_183":184,"_185":186,"_187":188,"_189":190,"_191":192,"_193":194},"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 · v2