fidelity-kit 1.0.0 → 2.0.0

package/viewer/assets/_-D3hbSo9M.js

@@ -0,0 +1 @@
+import{a as e,b as t,c as n,d as r,g as i,l as a,o,s,t as c,u as l,v as u,w as d,x as f,y as p}from"./index-DBPzD7F6.js";import{a as m,i as h,n as g,r as _}from"./ViewControls-CTFRFrir.js";var v=d(f()),y=p(),b=i(`__root__`);function x(){let n=c.useLoaderData(),{index:i,hashes:o,scenes:d}=b.useLoaderData(),f=c.useSearch(),p=c.useParams()._splat??``,v=d.find(e=>e.path===p),x=u({from:c.fullPath});if(!v)throw t();let C=l(i,f,o),w=C.compared,T=r(i,v,C);return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(m,{logo:i.config.logo,scenePath:v.path,search:f,title:i.config.title,children:(0,y.jsx)(g,{index:i,onChange:e=>void x({replace:!0,search:t=>({...t,...e})}),view:C})}),(0,y.jsxs)(`div`,{className:`mx-auto flex w-full max-w-[1120px] flex-col gap-6 px-4 py-6 sm:px-6`,children:[(0,y.jsx)(`h1`,{className:`text-xl font-semibold`,children:v.title}),n?(0,y.jsx)(h,{children:n}):null,(0,y.jsx)(`section`,{className:`grid gap-4 md:grid-cols-4`,children:[C.ref,...w].map(e=>(0,y.jsxs)(`figure`,{children:[(0,y.jsx)(_,{alt:e,size:T,src:a(v,C,e)}),(0,y.jsxs)(`figcaption`,{className:`mt-1 text-center text-sm text-muted-foreground`,children:[C.label(e),e===C.ref?` (reference)`:``]})]},e))}),w.map(t=>(0,y.jsx)(S,{delta:C.showDeltas?e(i,v,C,t):void 0,image:a(v,C,t),label:C.label(t),metrics:s(i,v,C,t),reference:a(v,C,C.ref),refLabel:C.label(C.ref),showDelta:C.showDeltas,size:T},t))]})]})}function S({label:e,refLabel:t,reference:r,image:i,delta:a,showDelta:s,metrics:c,size:l}){let[u,d]=(0,v.useState)(50);return(0,y.jsxs)(`section`,{children:[(0,y.jsxs)(`h2`,{className:`mb-2 font-semibold`,children:[e,` vs `,t]}),(0,y.jsxs)(`div`,{className:`grid gap-4 ${s?`md:grid-cols-2`:``}`,children:[(0,y.jsxs)(`figure`,{children:[r&&i?(0,y.jsxs)(`div`,{className:`relative select-none`,children:[(0,y.jsx)(`img`,{alt:e,className:`block w-full border border-border`,decoding:`async`,loading:`lazy`,src:i}),(0,y.jsx)(`img`,{alt:t,className:`absolute inset-0 block w-full border border-border`,decoding:`async`,height:l?.height,loading:`lazy`,src:r,width:l?.width,style:{clipPath:`inset(0 ${100-u}% 0 0)`}}),(0,y.jsx)(`div`,{className:`pointer-events-none absolute inset-y-0 w-px bg-white`,style:{left:`${u}%`}}),(0,y.jsx)(`input`,{"aria-label":`Compare split for ${e}`,className:`absolute inset-0 h-full w-full cursor-ew-resize opacity-0`,max:100,min:0,onChange:e=>d(Number(e.currentTarget.value)),type:`range`,value:u})]}):(0,y.jsx)(_,{alt:`${e} comparison`,size:l}),(0,y.jsxs)(`figcaption`,{className:`mt-1 text-center text-sm text-muted-foreground`,children:[t,` (left) / `,e,` (right) — drag to swipe`]})]}),s?(0,y.jsxs)(`figure`,{children:[(0,y.jsx)(_,{alt:`${e} delta`,notApplicable:!r,size:l,src:a}),(0,y.jsxs)(`figcaption`,{className:`mt-1 text-center text-sm text-muted-foreground`,children:[e,` delta`]})]}):null]}),(0,y.jsx)(`div`,{className:`mt-3`,children:c?(0,y.jsxs)(`dl`,{className:`grid max-w-md grid-cols-2 gap-x-4 gap-y-1 p-2 font-mono text-sm ${n(c)}`,children:[(0,y.jsx)(`dt`,{children:`PSNR (dB)`}),(0,y.jsx)(`dd`,{children:o(c.psnr)})]}):(0,y.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:"No metrics yet. Run `fidelity-kit process`."})})]})}export{x as component};