Visual comparison

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_266":267,"_268":269},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_201":-5,"_20":202,"_22":203,"_204":205,"_206":207,"_26":208,"_24":209,"_210":-5,"_211":-5,"_212":55,"_213":214,"_215":46,"_216":-5,"_217":-5,"_218":219},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":-5,"_29":-5,"_30":-5,"_31":-5,"_32":-5},"handle","eeeps","name","compare-images","branchName","main","version","path","public","project",{"_34":147,"_13":14,"_47":148,"_149":-5,"_150":55,"_151":19,"_152":19,"_153":154,"_155":156,"_157":158,"_159":70,"_160":46,"_161":46,"_162":-5,"_163":84,"_164":165,"_166":-5,"_167":-5,"_168":-5,"_169":-5,"_170":171,"_172":171,"_173":174,"_175":174,"_176":174,"_177":171,"_178":171,"_179":180,"_181":182,"_183":184,"_185":55},"tree",[64,65,66,67],"file",{"_34":58,"_13":19,"_37":40,"_39":-5,"_41":42,"_43":59,"_45":46,"_47":60,"_17":61,"_50":62,"_52":-5,"_54":55,"_56":-5,"_18":63},"contents",[33],"upstream","pull","ahead","behind","envVars",{"_34":35,"_13":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_18":57},"id","f3ce3d0a-47b7-11f0-a50a-76b3cceeab13","two-up-min.js","fileId","e8316fbc-47b7-11f0-bf8f-76b3cceeab13","parentId","d61df656-47b7-11f0-b436-76b3cceeab13","branchId","52ee6488-47b6-11f0-b086-76b3cceeab13","branchVersion",24,"latest",true,"createdAt",["D",1749751584335],2,"fileType","script","content","!function() {\n \"use strict\";\n !function() {\n class t {\n constructor(t) {\n this.id = -1,\n this.nativePointer = t,\n this.pageX = t.pageX,\n this.pageY = t.pageY,\n this.clientX = t.clientX,\n this.clientY = t.clientY,\n self.Touch && t instanceof Touch ? this.id = t.identifier : e(t) && (this.id = t.pointerId);\n }\n getCoalesced() {\n return \"getCoalescedEvents\" in this.nativePointer\n ? this.nativePointer.getCoalescedEvents().map(e => new t(e))\n : [this];\n }\n }\n const e = t => self.PointerEvent && t instanceof PointerEvent, i = () => {};\n class s {\n constructor(t, e) {\n this._element = t, this.startPointers = [], this.currentPointers = [];\n const { start: s = (() => !0), move: n = i, end: o = i } = e;\n this._startCallback = s,\n this._moveCallback = n,\n this._endCallback = o,\n this._pointerStart = this._pointerStart.bind(this),\n this._touchStart = this._touchStart.bind(this),\n this._move = this._move.bind(this),\n this._triggerPointerEnd = this._triggerPointerEnd.bind(this),\n this._pointerEnd = this._pointerEnd.bind(this),\n this._touchEnd = this._touchEnd.bind(this),\n self.PointerEvent\n ? this._element.addEventListener(\"pointerdown\", this._pointerStart)\n : (this._element.addEventListener(\"mousedown\", this._pointerStart),\n this._element.addEventListener(\"touchstart\", this._touchStart),\n this._element.addEventListener(\"touchmove\", this._move),\n this._element.addEventListener(\"touchend\", this._touchEnd));\n }\n _triggerPointerStart(t, e) {\n return !!this._startCallback(t, e) && (this.currentPointers.push(t), this.startPointers.push(t), !0);\n }\n _pointerStart(i) {\n 0 === i.button && this._triggerPointerStart(new t(i), i)\n && (e(i)\n ? (this._element.setPointerCapture(i.pointerId),\n this._element.addEventListener(\"pointermove\", this._move),\n this._element.addEventListener(\"pointerup\", this._pointerEnd))\n : (window.addEventListener(\"mousemove\", this._move), window.addEventListener(\"mouseup\", this._pointerEnd)));\n }\n _touchStart(e) {\n for (const i of Array.from(e.changedTouches)) this._triggerPointerStart(new t(i), e);\n }\n _move(e) {\n const i = this.currentPointers.slice(),\n s = \"changedTouches\" in e ? Array.from(e.changedTouches).map(e => new t(e)) : [new t(e)],\n n = [];\n for (const t of s) {\n const e = this.currentPointers.findIndex(e => e.id === t.id);\n -1 !== e && (n.push(t), this.currentPointers[e] = t);\n }\n 0 !== n.length && this._moveCallback(i, n, e);\n }\n _triggerPointerEnd(t, e) {\n const i = this.currentPointers.findIndex(e => e.id === t.id);\n return -1 !== i\n && (this.currentPointers.splice(i, 1), this.startPointers.splice(i, 1), this._endCallback(t, e), !0);\n }\n _pointerEnd(i) {\n if (this._triggerPointerEnd(new t(i), i)) {\n if (e(i)) {\n if (this.currentPointers.length) return;\n this._element.removeEventListener(\"pointermove\", this._move),\n this._element.removeEventListener(\"pointerup\", this._pointerEnd);\n } else window.removeEventListener(\"mousemove\", this._move),\n window.removeEventListener(\"mouseup\", this._pointerEnd);\n }\n }\n _touchEnd(e) {\n for (const i of Array.from(e.changedTouches)) this._triggerPointerEnd(new t(i), e);\n }\n }\n var n = \"styles_scrubber__39cN6\", o = \"styles_two-up-handle__2kVsP\";\n !function(t, e) {\n void 0 === e && (e = {});\n var i = e.insertAt;\n if (t && \"undefined\" != typeof document) {\n var s = document.head || document.getElementsByTagName(\"head\")[0], n = document.createElement(\"style\");\n n.type = \"text/css\",\n \"top\" === i && s.firstChild ? s.insertBefore(n, s.firstChild) : s.appendChild(n),\n n.styleSheet ? n.styleSheet.cssText = t : n.appendChild(document.createTextNode(t));\n }\n }(\"two-up{display:grid;position:relative;--split-point:0;--accent-color:#777;--track-color:var(--accent-color);--thumb-background:#fff;--thumb-color:var(--accent-color);--thumb-size:62px;--bar-size:6px;--bar-touch-size:30px}two-up>*{grid-area:1/1}two-up[legacy-clip-compat]>:not(.styles_two-up-handle__2kVsP){position:absolute}.styles_two-up-handle__2kVsP{touch-action:none;position:relative;width:var(--bar-touch-size);transform:translateX(var(--split-point)) translateX(-50%);will-change:transform;cursor:ew-resize}.styles_two-up-handle__2kVsP:before{content:\\\"\\\";display:block;height:100%;width:var(--bar-size);margin:0 auto;box-shadow:inset calc(var(--bar-size) / 2) 0 0 rgba(0,0,0,.1),0 1px 4px rgba(0,0,0,.4);background:var(--track-color)}.styles_scrubber__39cN6{display:flex;position:absolute;top:50%;left:50%;transform-origin:50% 50%;transform:translate(-50%,-50%);width:var(--thumb-size);height:calc(var(--thumb-size) * .9);background:var(--thumb-background);border:1px solid rgba(0,0,0,.2);border-radius:var(--thumb-size);box-shadow:0 1px 4px rgba(0,0,0,.1);color:var(--thumb-color);box-sizing:border-box;padding:0 calc(var(--thumb-size) * .24)}.styles_scrubber__39cN6 svg{flex:1}two-up[orientation=vertical] .styles_two-up-handle__2kVsP{width:auto;height:var(--bar-touch-size);transform:translateY(var(--split-point)) translateY(-50%);cursor:ns-resize}two-up[orientation=vertical] .styles_two-up-handle__2kVsP:before{width:auto;height:var(--bar-size);box-shadow:inset 0 calc(var(--bar-size) / 2) 0 rgba(0,0,0,.1),0 1px 4px rgba(0,0,0,.4);margin:calc((var(--bar-touch-size) - var(--bar-size)) / 2) 0 0}two-up[orientation=vertical] .styles_scrubber__39cN6{box-shadow:1px 0 4px rgba(0,0,0,.1);transform:translate(-50%,-50%) rotate(-90deg)}two-up>:first-child:not(.styles_two-up-handle__2kVsP){-webkit-clip-path:inset(0 calc(100% - var(--split-point)) 0 0);clip-path:inset(0 calc(100% - var(--split-point)) 0 0)}two-up>:nth-child(2):not(.styles_two-up-handle__2kVsP){-webkit-clip-path:inset(0 0 0 var(--split-point));clip-path:inset(0 0 0 var(--split-point))}two-up[orientation=vertical]>:first-child:not(.styles_two-up-handle__2kVsP){-webkit-clip-path:inset(0 0 calc(100% - var(--split-point)) 0);clip-path:inset(0 0 calc(100% - var(--split-point)) 0)}two-up[orientation=vertical]>:nth-child(2):not(.styles_two-up-handle__2kVsP){-webkit-clip-path:inset(var(--split-point) 0 0 0);clip-path:inset(var(--split-point) 0 0 0)}@supports not ((clip-path:inset(0 0 0 0)) or (-webkit-clip-path:inset(0 0 0 0))){two-up[legacy-clip-compat]>:first-child:not(.styles_two-up-handle__2kVsP){clip:rect(auto var(--split-point) auto auto)}two-up[legacy-clip-compat]>:nth-child(2):not(.styles_two-up-handle__2kVsP){clip:rect(auto auto auto var(--split-point))}two-up[orientation=vertical][legacy-clip-compat]>:first-child:not(.styles_two-up-handle__2kVsP){clip:rect(auto auto var(--split-point) auto)}two-up[orientation=vertical][legacy-clip-compat]>:nth-child(2):not(.styles_two-up-handle__2kVsP){clip:rect(var(--split-point) auto auto auto)}}\");\n const r = \"legacy-clip-compat\", a = \"orientation\";\n class h extends HTMLElement {\n constructor() {\n super(),\n this._handle = document.createElement(\"div\"),\n this._position = 0,\n this._relativePosition = .5,\n this._positionOnPointerStart = 0,\n this._everConnected = !1,\n this._handle.className = o,\n new MutationObserver(() => this._childrenChange()).observe(this, { childList: !0 }),\n \"ResizeObserver\" in window\n ? new ResizeObserver(() => this._resetPosition()).observe(this)\n : window.addEventListener(\"resize\", () => this._resetPosition());\n const t = new s(this._handle, {\n start: (e, i) =>\n 1 !== t.currentPointers.length && (i.preventDefault(), this._positionOnPointerStart = this._position, !0),\n move: () => {\n this._pointerChange(t.startPointers[0], t.currentPointers[0]);\n },\n });\n }\n static get observedAttributes() {\n return [a];\n }\n connectedCallback() {\n this._childrenChange(),\n this._handle.innerHTML =\n `

`,\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}();","deleted",false,"label",[19,36],"d9c6d430-47b7-11f0-9988-76b3cceeab13",21,["D",1749751540664],1,"directory",[19],{"_34":95,"_13":96,"_37":97,"_39":-5,"_41":42,"_43":98,"_45":46,"_47":99,"_17":61,"_50":62,"_52":-5,"_54":55,"_56":-5,"_76":100,"_18":101},{"_34":58,"_13":19,"_37":40,"_39":-5,"_41":42,"_43":59,"_45":46,"_47":88,"_17":61,"_50":62,"_52":-5,"_54":55,"_56":-5,"_76":89,"_18":90},{"_34":79,"_13":80,"_37":81,"_39":-5,"_41":42,"_43":82,"_45":46,"_47":83,"_17":84,"_50":24,"_52":85,"_54":55,"_56":-5,"_76":86,"_18":87},{"_34":68,"_13":69,"_37":70,"_39":-5,"_41":42,"_43":71,"_45":46,"_47":72,"_17":73,"_50":74,"_52":75,"_54":55,"_56":14,"_76":77,"_18":78},"f26d2d66-47be-11f0-9f03-76b3cceeab13","main.tsx","52f05978-47b6-11f0-b086-76b3cceeab13",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",[],[69],"1183d626-47c1-11f0-9ab6-76b3cceeab13","README.md","1183d6f8-47c1-11f0-9ab6-76b3cceeab13",44,["D",1749755499653],0,"# compare-images",[],[80],["D",1749751540664],[91],[19],{"_34":35,"_13":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":92,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_76":93,"_18":94},["D",1749751584335],[],[19,36],"6a86e43a-47b6-11f0-b6b6-76b3cceeab13","lib","68a66122-47b6-11f0-a96e-76b3cceeab13",3,["D",1749750924524],[102,103,104,105,106],[96],{"_34":138,"_13":139,"_37":140,"_39":97,"_41":42,"_43":141,"_45":46,"_47":142,"_17":143,"_50":51,"_52":144,"_54":55,"_56":-5,"_76":145,"_18":146},{"_34":130,"_13":131,"_37":132,"_39":97,"_41":42,"_43":133,"_45":46,"_47":134,"_17":49,"_50":51,"_52":135,"_54":55,"_56":-5,"_76":136,"_18":137},{"_34":123,"_13":124,"_37":125,"_39":97,"_41":42,"_43":73,"_45":46,"_47":126,"_17":98,"_50":51,"_52":127,"_54":55,"_56":-5,"_76":128,"_18":129},{"_34":115,"_13":116,"_37":117,"_39":97,"_41":42,"_43":118,"_45":46,"_47":119,"_17":49,"_50":51,"_52":120,"_54":55,"_56":-5,"_76":121,"_18":122},{"_34":107,"_13":108,"_37":109,"_39":97,"_41":42,"_43":110,"_45":46,"_47":111,"_17":49,"_50":51,"_52":112,"_54":55,"_56":-5,"_76":113,"_18":114},"d191ae20-47b7-11f0-a89b-76b3cceeab13","prettyPoints.tsx","bc123ab0-47b7-11f0-9a28-76b3cceeab13",19,["D",1749751526895],"export default function prettyPoints( score: number ): string {\n\treturn `${ Math.round( score * 1000 ) / 10 } points`;\n}",[],[96,108],"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}",[],[96,116],"b714a89a-47b7-11f0-b436-76b3cceeab13","prettyDescriptionAndScore.tsx","d15af232-47b6-11f0-b384-76b3cceeab13",["D",1749751482455],"// 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}",[],[96,124],"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}",[],[96,131],"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}",[],[96,139],"52ee04f2-47b6-11f0-b086-76b3cceeab13",["D",1749750884941],"deletedAt","legacyEnvVars","privacy","httpPrivacy","description","Compare two images and show some metadata about ’em","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/9cfa3931-a72f-4e91-4847-a10fbd922f00/square512?exp=1789538399&sig=4c1e52aad93486c97a27b00db5d572bb9fa891574e7547bfb9c6dce8af3e5e45","userId","f341a290-39ee-11f0-b940-6f99fbd8898f","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","6709e416-3c1d-4c0b-9132-4260d8f5d362","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_200":196},"org",{"_11":12,"_194":-5,"_195":196,"_157":158,"_197":198,"_199":55},"branch",{"_17":82,"_13":16,"_34":42,"_186":147,"_187":-5,"_188":-5,"_189":-5,"_190":-5,"_191":-5,"_192":14,"_193":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJ5VDhXbVRoaXpmZ2ZvV2dCZEJ2T01TN0JJaSJ9","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_34":147,"_13":14,"_47":262,"_149":-5,"_150":55,"_151":19,"_152":19,"_153":154,"_155":156,"_157":158,"_159":70,"_160":46,"_161":46,"_162":-5,"_163":84,"_164":165,"_166":-5,"_167":-5,"_168":-5,"_169":-5,"_170":171,"_172":171,"_173":174,"_175":174,"_176":174,"_177":171,"_178":171,"_179":263,"_181":264,"_183":265,"_185":55},[232,238,240,241],"files",[232,233,234,235,236,237,238,239,240,241],"counts",{"_223":84,"_224":61,"_225":84,"_32":226,"_227":228},[221],{"_34":58,"_13":19,"_37":40,"_39":-5,"_41":42,"_43":59,"_45":46,"_47":60,"_17":61,"_50":62,"_52":-5,"_54":55,"_56":-5,"_18":220},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},[19],{"_34":35,"_13":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_18":222},[19,36],"pulls","branches","forks",{"_229":84,"_231":84},"connections",{"_229":84,"_230":84},"count","unfilledCount","emptyCount",{"_34":95,"_13":96,"_37":97,"_39":-5,"_41":42,"_43":98,"_45":46,"_47":99,"_17":61,"_50":62,"_52":-5,"_54":55,"_56":-5,"_76":260,"_18":261},{"_34":138,"_13":139,"_37":140,"_39":97,"_41":42,"_43":141,"_45":46,"_47":142,"_17":143,"_50":51,"_52":144,"_54":55,"_56":-5,"_76":258,"_18":259},{"_34":130,"_13":131,"_37":132,"_39":97,"_41":42,"_43":133,"_45":46,"_47":134,"_17":49,"_50":51,"_52":135,"_54":55,"_56":-5,"_76":256,"_18":257},{"_34":123,"_13":124,"_37":125,"_39":97,"_41":42,"_43":73,"_45":46,"_47":126,"_17":98,"_50":51,"_52":127,"_54":55,"_56":-5,"_76":254,"_18":255},{"_34":115,"_13":116,"_37":117,"_39":97,"_41":42,"_43":118,"_45":46,"_47":119,"_17":49,"_50":51,"_52":120,"_54":55,"_56":-5,"_76":252,"_18":253},{"_34":107,"_13":108,"_37":109,"_39":97,"_41":42,"_43":110,"_45":46,"_47":111,"_17":49,"_50":51,"_52":112,"_54":55,"_56":-5,"_76":250,"_18":251},{"_34":58,"_13":19,"_37":40,"_39":-5,"_41":42,"_43":59,"_45":46,"_47":88,"_17":61,"_50":62,"_52":-5,"_54":55,"_56":-5,"_76":248,"_18":249},{"_34":35,"_13":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":92,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_76":246,"_18":247},{"_34":79,"_13":80,"_37":81,"_39":-5,"_41":42,"_43":82,"_45":46,"_47":83,"_17":84,"_50":24,"_52":85,"_54":55,"_56":-5,"_76":244,"_18":245},{"_34":68,"_13":69,"_37":70,"_39":-5,"_41":42,"_43":71,"_45":46,"_47":72,"_17":73,"_50":74,"_52":75,"_54":55,"_56":14,"_76":242,"_18":243},[],[69],[],[80],[],[19,36],[239],[19],[],[96,108],[],[96,116],[],[96,124],[],[96,131],[],[96,139],[233,234,235,236,237],[96],["D",1749750884941],{"_11":12,"_200":196},{"_11":12,"_194":-5,"_195":196,"_157":158,"_197":198,"_199":55},{"_17":82,"_13":16,"_34":42,"_186":147,"_187":-5,"_188":-5,"_189":-5,"_190":-5,"_191":-5,"_192":14,"_193":12},"ctx",{"_179":-5,"_217":299,"_300":301,"_302":303,"_304":55,"_305":55,"_306":55,"_307":46,"_308":-5,"_309":-7,"_310":-7,"_311":84,"_312":55,"_313":55,"_314":-5,"_315":55,"_316":55,"_317":55,"_318":-5},"ENV",{"_270":271,"_272":273,"_274":16,"_275":276,"_277":278,"_279":280,"_281":282,"_283":284,"_285":286,"_287":288,"_289":290,"_291":292,"_293":294,"_295":296,"_297":298},"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}