Visual comparison

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_199":200,"_201":202},"routes/_app.x.$handle.$name",{"_99":98,"_32":46,"_107":89,"_27":37,"_13":14,"_108":-5,"_11":109,"_110":111,"_112":113,"_114":115,"_116":117,"_20":-5,"_118":-5,"_119":-5,"_120":25,"_121":122,"_123":25,"_124":-5,"_125":-5,"_126":127},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_44":45,"_32":46,"_39":47,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":56,"_18":57,"_58":59,"_60":61,"_62":61,"_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",11,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":35,"_36":38,"_39":40,"_41":14,"_42":43,"_24":25},"previous",{"_30":31,"_32":33,"_34":35,"_36":37},"deleted",false,"deletedHere","path","lib/generateComparison.tsx","latestPath","fileId","78ec8b92-47b6-11f0-a96e-76b3cceeab13","name","generateComparison.tsx","fileType","script","content","","import prettyBytes from \"./prettyBytes.js\";\nimport prettyDescriptionAndScore from \"./prettyDescriptionAndScore.js\";\nimport prettyPct from \"./prettyPct.js\";\nimport prettyPoints from \"./prettyPoints.js\";\n\nexport default function generateVisualComparison({\n a_name,\n a_url,\n a_bytes,\n a_format,\n a_aimos,\n b_name,\n b_url,\n b_bytes,\n b_format,\n b_aimos,\n should_hide_urls,\n a_iqa_score,\n a_iqa_description,\n b_iqa_score,\n b_iqa_description,\n density,\n}) {\n return `\n\n\n\n\nVisual comparison\n\n\n\n\n\n\n

\n${a_name ? `
${a_name}
` : \"\"}\n${should_hide_urls ? \"\" : `
`${a_url}`
`}\n${a_bytes || a_format ? `
` : \"\"}\n${a_bytes ? prettyBytes(a_bytes) : \"\"}\n${a_format ? a_format : \"\"}\n${a_bytes || a_format ? `
` : \"\"}\n${a_aimos ? `
${prettyPoints(a_aimos)}
` : \"\"}\n${\n a_iqa_score || a_iqa_description\n ? `
\n
IQA:
\n
${prettyDescriptionAndScore(a_iqa_description, a_iqa_score)}
\n
`\n : \"\"\n }\n

\n\n

\n${b_name ? `
${b_name}
` : \"\"}\n${should_hide_urls ? \"\" : `
`${b_url}`
`}\n${b_bytes || b_format ? `
` : \"\"}\n${b_bytes ? prettyBytes(b_bytes) : \"\"}\n${b_format ? b_format : \"\"}\n${b_bytes || b_format ? `
` : \"\"}\n${b_aimos ? `
${prettyPoints(b_aimos)}
` : \"\"}\n${\n b_iqa_score || b_iqa_description\n ? `
\n
IQA:
\n
${prettyDescriptionAndScore(b_iqa_description, b_iqa_score)}
\n
`\n : \"\"\n }\n

\n\n\n\n\n\n\n\n`;\n}","createdAt",["D",1749751307823],"branchVersion","branchId","52ee6488-47b6-11f0-b086-76b3cceeab13","id","52ee04f2-47b6-11f0-b086-76b3cceeab13","compare-images",["D",1749750884941],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Compare two images and show some metadata about ’em","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/9cfa3931-a72f-4e91-4847-a10fbd922f00/square512?exp=1789567199&sig=fe55fdbc2de316f3d4356a2e765940d3415b2efb5847a9e1bd6e13158c3ca277","f341a290-39ee-11f0-b940-6f99fbd8898f","pinnedFileId","52f05978-47b6-11f0-b086-76b3cceeab13","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","6709e416-3c1d-4c0b-9132-4260d8f5d362","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_99":98,"_106":102},"org",{"_99":98,"_100":-5,"_101":102,"_18":57,"_103":104,"_105":25},"branch",{"_13":88,"_32":89,"_44":43,"_90":45,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":46,"_97":98},"isOwned",44,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","eeeps","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJ5VDhXbVRoaXpmZ2ZvV2dCZEJ2T01TN0JJaSJ9","tier","free","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_44":45,"_32":46,"_39":195,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":56,"_18":57,"_58":59,"_60":61,"_62":61,"_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":196,"_83":197,"_85":198,"_87":25},"tree",[155,160],"files",[155,156,157,158,159,160],"counts",{"_145":65,"_146":133,"_147":65,"_148":149,"_150":151},"contents",[128,129],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_44":138,"_32":139,"_30":140,"_132":-5,"_42":43,"_41":141,"_134":61,"_39":142,"_13":133,"_34":143,"_36":-5,"_24":25,"_136":-5,"_27":144},{"_44":130,"_32":131,"_30":59,"_132":-5,"_42":43,"_41":133,"_134":25,"_39":135,"_13":65,"_34":35,"_36":37,"_24":25,"_136":46,"_27":137},"52f058c4-47b6-11f0-b086-76b3cceeab13","main.tsx","parentId",1,"latest",["D",1749750884952],"label",[131],"6a86e43a-47b6-11f0-b6b6-76b3cceeab13","lib","68a66122-47b6-11f0-a96e-76b3cceeab13",3,["D",1749750924524],"directory",[139],"pulls","branches","forks","envVars",{"_152":65,"_154":65},"connections",{"_152":65,"_153":65},"count","unfilledCount","emptyCount",{"_44":138,"_32":139,"_30":140,"_132":-5,"_42":43,"_41":141,"_134":61,"_39":192,"_13":133,"_34":143,"_36":-5,"_24":25,"_136":-5,"_162":193,"_27":194},{"_44":188,"_32":33,"_30":31,"_132":140,"_42":43,"_41":14,"_134":25,"_39":189,"_13":170,"_34":35,"_36":38,"_24":25,"_136":-5,"_162":190,"_27":191},{"_44":181,"_32":182,"_30":183,"_132":140,"_42":43,"_41":184,"_134":25,"_39":185,"_13":65,"_34":35,"_36":37,"_24":25,"_136":-5,"_162":186,"_27":187},{"_44":174,"_32":175,"_30":176,"_132":140,"_42":43,"_41":177,"_134":25,"_39":178,"_13":65,"_34":35,"_36":37,"_24":25,"_136":-5,"_162":179,"_27":180},{"_44":165,"_32":166,"_30":167,"_132":140,"_42":43,"_41":168,"_134":61,"_39":169,"_13":170,"_34":35,"_36":171,"_24":25,"_136":-5,"_162":172,"_27":173},{"_44":130,"_32":131,"_30":59,"_132":-5,"_42":43,"_41":133,"_134":25,"_39":161,"_13":65,"_34":35,"_36":37,"_24":25,"_136":46,"_162":163,"_27":164},["D",1749750884952],"children",[],[131],"a5fc0e3c-47b6-11f0-a85b-76b3cceeab13","prettyBytes.tsx","84268666-47b6-11f0-b1ef-76b3cceeab13",8,["D",1749751024275],2,"export default function prettyBytes(bytes: number): string {\n if (Math.abs(bytes) < 1_000) {\n return `${Math.round(bytes)} B`;\n } else if (Math.abs(bytes) < 1_000_000) {\n return `${Math.round(bytes / 100) / 10} kB`;\n } else if (Math.abs(bytes) < 1_000_000_000) {\n return `${Math.round(bytes / 100_000) / 10} MB`;\n } else {\n return `${Math.round(bytes / 100_000_000) / 10} GB`;\n }\n}",[],[139,166],"ce58befc-47b6-11f0-b6b6-76b3cceeab13","new-file-8591.tsx","ce58bfce-47b6-11f0-b6b6-76b3cceeab13",9,["D",1749751091997],[],[139,175],"d15af192-47b6-11f0-b384-76b3cceeab13","new-file-6652.tsx","d15af232-47b6-11f0-b384-76b3cceeab13",10,["D",1749751097044],[],[139,182],"4efd90a0-47b7-11f0-8503-76b3cceeab13",["D",1749751307823],[],[139,33],["D",1749750924524],[156,157,158,159],[139],["D",1749750884941],{"_99":98,"_106":102},{"_99":98,"_100":-5,"_101":102,"_18":57,"_103":104,"_105":25},{"_13":88,"_32":89,"_44":43,"_90":45,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":46,"_97":98},"ctx",{"_81":-5,"_125":232,"_233":234,"_235":236,"_237":25,"_238":25,"_239":25,"_240":61,"_241":-5,"_242":-7,"_243":-7,"_244":65,"_245":25,"_246":25,"_247":-5,"_248":25,"_249":25,"_250":25,"_251":-5},"ENV",{"_203":204,"_205":206,"_207":89,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":221,"_222":223,"_224":225,"_226":227,"_228":229,"_230":231},"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"]

${a_name}

${b_name}

Diff · v11