Visual comparison

`,\n this._everConnected || (this._resetPosition(), this._everConnected = !0);\n }\n attributeChangedCallback(t) {\n t === a && this._resetPosition();\n }\n _resetPosition() {\n requestAnimationFrame(() => {\n const t = this.getBoundingClientRect(), e = \"vertical\" === this.orientation ? \"height\" : \"width\";\n this._position = t[e] * this._relativePosition, this._setPosition();\n });\n }\n get legacyClipCompat() {\n return this.hasAttribute(r);\n }\n set legacyClipCompat(t) {\n t ? this.setAttribute(r, \"\") : this.removeAttribute(r);\n }\n get orientation() {\n const t = this.getAttribute(a);\n return t && \"vertical\" === t.toLowerCase() ? \"vertical\" : \"horizontal\";\n }\n set orientation(t) {\n this.setAttribute(a, t);\n }\n _childrenChange() {\n this.lastElementChild !== this._handle && this.appendChild(this._handle);\n }\n _pointerChange(t, e) {\n const i = \"vertical\" === this.orientation ? \"clientY\" : \"clientX\",\n s = \"vertical\" === this.orientation ? \"height\" : \"width\",\n n = this.getBoundingClientRect();\n this._position = this._positionOnPointerStart + (e[i] - t[i]),\n this._position = Math.max(0, Math.min(this._position, n[s])),\n this._relativePosition = this._position / n[s],\n this._setPosition();\n }\n _setPosition() {\n this.style.setProperty(\"--split-point\", `${this._position}px`);\n }\n }\n customElements.define(\"two-up\", h);\n }();\n}();",[18,80],"pulls","branches","forks","envVars",{"_183":26,"_185":26},"connections",{"_183":26,"_184":26},"count","unfilledCount","emptyCount",{"_35":262,"_13":228,"_64":222,"_45":-5,"_37":38,"_162":241,"_164":24,"_39":263,"_41":166,"_67":89,"_167":-5,"_69":30,"_168":-5,"_203":264,"_17":265},{"_35":253,"_13":254,"_64":255,"_45":222,"_37":38,"_162":256,"_164":24,"_39":257,"_41":258,"_67":68,"_167":259,"_69":30,"_168":-5,"_203":260,"_17":261},{"_35":245,"_13":246,"_64":247,"_45":222,"_37":38,"_162":248,"_164":24,"_39":249,"_41":173,"_67":68,"_167":250,"_69":30,"_168":-5,"_203":251,"_17":252},{"_35":237,"_13":238,"_64":239,"_45":222,"_37":38,"_162":200,"_164":24,"_39":240,"_41":241,"_67":68,"_167":242,"_69":30,"_168":-5,"_203":243,"_17":244},{"_35":229,"_13":230,"_64":231,"_45":222,"_37":38,"_162":232,"_164":24,"_39":233,"_41":173,"_67":68,"_167":234,"_69":30,"_168":-5,"_203":235,"_17":236},{"_35":219,"_13":220,"_64":221,"_45":222,"_37":38,"_162":223,"_164":24,"_39":224,"_41":173,"_67":68,"_167":225,"_69":30,"_168":-5,"_203":226,"_17":227},{"_35":161,"_13":18,"_64":88,"_45":-5,"_37":38,"_162":163,"_164":24,"_39":216,"_41":166,"_67":89,"_167":-5,"_69":30,"_168":-5,"_203":217,"_17":218},{"_35":171,"_13":80,"_64":65,"_45":88,"_37":38,"_162":83,"_164":24,"_39":213,"_41":173,"_67":68,"_167":174,"_69":30,"_168":-5,"_203":214,"_17":215},{"_35":206,"_13":207,"_64":208,"_45":-5,"_37":38,"_162":126,"_164":24,"_39":209,"_41":26,"_67":21,"_167":210,"_69":30,"_168":-5,"_203":211,"_17":212},{"_35":196,"_13":197,"_64":102,"_45":-5,"_37":38,"_162":198,"_164":24,"_39":199,"_41":200,"_67":201,"_167":202,"_69":30,"_168":14,"_203":204,"_17":205},"f26d2d66-47be-11f0-9f03-76b3cceeab13","main.tsx",41,["D",1749754588497],16,"http","import generateComparison from \"./lib/generateComparison.tsx\";\n\nexport default async function(req: Request): Promise {\n const searchParams = new URL(req.url).searchParams;\n\n if (searchParams.size === 0 || !searchParams.get(\"a_url\") || !searchParams.get(\"b_url\")) {\n return new Response(\n \"Requests need an a_url and a b_url\",\n {\n status: 400,\n statusText: \"Bad Request\",\n headers: {\n \"content-type\": \"text/plain\",\n },\n },\n );\n }\n\n return new Response(\n generateComparison(Object.fromEntries(searchParams)),\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n },\n );\n}","children",[],[197],"1183d626-47c1-11f0-9ab6-76b3cceeab13","README.md","1183d6f8-47c1-11f0-9ab6-76b3cceeab13",["D",1749755499653],"# compare-images",[],[207],["D",1749751584335],[],[18,80],["D",1749751540664],[193],[18],"d191ae20-47b7-11f0-a89b-76b3cceeab13","prettyPoints.tsx","bc123ab0-47b7-11f0-9a28-76b3cceeab13","68a66122-47b6-11f0-a96e-76b3cceeab13",19,["D",1749751526895],"export default function prettyPoints( score: number ): string {\n\treturn `${ Math.round( score * 1000 ) / 10 } points`;\n}",[],[228,220],"lib","a74bd776-47b7-11f0-a89b-76b3cceeab13","prettyPct.tsx","ce58bfce-47b6-11f0-b6b6-76b3cceeab13",15,["D",1749751455972],"export default function prettyPct(float: number): string {\n return `${Math.round(float * 1000) / 10}%`;\n}",[],[228,230],"b714a89a-47b7-11f0-b436-76b3cceeab13","prettyDescriptionAndScore.tsx","d15af232-47b6-11f0-b384-76b3cceeab13",["D",1749751482455],3,"// pramod wants to send pre-formatted score\nexport default function prettyDescriptionAndScore(description: string, score: number): string {\n if (description && score) {\n return `${description} (${score})`;\n }\n if (description) {\n return `${description}`;\n }\n if (score) {\n return score;\n }\n return \"\";\n}",[],[228,238],"a5fc0e3c-47b6-11f0-a85b-76b3cceeab13","prettyBytes.tsx","84268666-47b6-11f0-b1ef-76b3cceeab13",8,["D",1749751024275],"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}",[],[228,246],"2a00247c-47bf-11f0-9f03-76b3cceeab13","generateComparison.tsx","78ec8b92-47b6-11f0-a96e-76b3cceeab13",43,["D",1749754681735],5,"import prettyBytes from \"./prettyBytes.tsx\";\nimport prettyDescriptionAndScore from \"./prettyDescriptionAndScore.tsx\";\nimport prettyPct from \"./prettyPct.tsx\";\nimport prettyPoints from \"./prettyPoints.tsx\";\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}",[],[228,254],"6a86e43a-47b6-11f0-b6b6-76b3cceeab13",["D",1749750924524],[187,188,189,190,191],[228],["D",1749750884941],{"_11":12,"_139":72},{"_11":12,"_135":-5,"_71":72,"_31":70,"_136":137,"_138":30},{"_41":126,"_13":16,"_35":38,"_127":91,"_128":-5,"_129":-5,"_130":-5,"_131":-5,"_132":-5,"_133":14,"_134":12},"ctx",{"_54":-5,"_158":303,"_304":305,"_306":307,"_308":30,"_309":30,"_310":30,"_311":24,"_312":-5,"_313":-7,"_314":-7,"_315":26,"_316":30,"_317":30,"_318":-5,"_319":30,"_320":30,"_321":30,"_322":-5},"ENV",{"_274":275,"_276":277,"_278":16,"_279":280,"_281":282,"_283":284,"_285":286,"_287":288,"_289":290,"_291":292,"_293":294,"_295":296,"_297":298,"_299":300,"_301":302},"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}

History · public