fidelity-kit 0.1.0

package/viewer/assets/routes-DmeR6gGl.js

@@ -0,0 +1 @@
+import{C as e,_ as t,a as n,b as r,c as i,d as a,f as o,g as s,h as c,i as l,l as u,n as d,o as f,s as p,u as m,v as h}from"./index-D9G4C6Ns.js";import{a as g,c as _,i as v,n as y,o as b,r as x,s as S,t as C}from"./ViewControls-hn4PfGV3.js";var w=e(r(),1),T=e=>typeof e==`boolean`?`${e}`:e===0?`0`:e,E=_,D=(e,t)=>n=>{if(t?.variants==null)return E(e,n?.class,n?.className);let{variants:r,defaultVariants:i}=t,a=Object.keys(r).map(e=>{let t=n?.[e],a=i?.[e];if(t===null)return null;let o=T(t)||T(a);return r[e][o]}),o=n&&Object.entries(n).reduce((e,t)=>{let[n,r]=t;return r===void 0||(e[n]=r),e},{});return E(e,a,t?.compoundVariants?.reduce((e,t)=>{let{class:n,className:r,...a}=t;return Object.entries(a).every(e=>{let[t,n]=e;return Array.isArray(n)?n.includes({...i,...o}[t]):{...i,...o}[t]===n})?[...e,n,r]:e},[]),n?.class,n?.className)},O=h(),k=D(`inline-flex shrink-0 items-center justify-center gap-2 rounded-none text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,{variants:{variant:{default:`bg-primary text-primary-foreground hover:bg-primary/90`,destructive:`bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40`,outline:`border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50`,secondary:`bg-secondary text-secondary-foreground hover:bg-secondary/80`,ghost:`hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50`,link:`text-primary underline-offset-4 hover:underline`},size:{default:`h-9 px-4 py-2 has-[>svg]:px-3`,xs:`h-6 gap-1 rounded-none px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3`,sm:`h-8 gap-1.5 rounded-none px-3 has-[>svg]:px-2.5`,lg:`h-10 rounded-none px-6 has-[>svg]:px-4`,icon:`size-9`,"icon-xs":`size-6 rounded-none [&_svg:not([class*='size-'])]:size-3`,"icon-sm":`size-8`,"icon-lg":`size-10`}},defaultVariants:{variant:`default`,size:`default`}});function A({className:e,variant:t=`default`,size:n=`default`,asChild:r=!1,...i}){let a=r?b:`button`;return(0,O.jsx)(a,{"data-slot":`button`,"data-variant":t,"data-size":n,className:S(k({variant:t,size:n,className:e})),...i})}function j({className:e,type:t,...n}){return(0,O.jsx)(`input`,{type:t,"data-slot":`input`,className:S(`h-9 w-full min-w-0 rounded-none border border-input bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none selection:bg-primary selection:text-primary-foreground file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm dark:bg-input/30`,`focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50`,`aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40`,e),...n})}var M=c(`__root__`);function N(){let e=d.useLoaderData(),{index:n,hashes:r,scenes:i}=M.useLoaderData(),a=d.useSearch(),s=t({from:d.fullPath}),c=e=>void s({replace:!0,search:t=>({...t,...e})}),u=m(n,a,r),f=o(n,i,a,u),[p,h]=(0,w.useState)(a.q??``),_=l(i),b=a.tags?.split(`,`)??[];(0,w.useEffect)(()=>{let e=window.setTimeout(()=>{let e=p.trim()?p:void 0;e!==a.q&&c({q:e})},300);return()=>window.clearTimeout(e)});let x=e=>{let t=b.includes(e)?b.filter(t=>t!==e):[...b,e];c({tags:t.length?t.join(`,`):void 0})};return(0,O.jsxs)(O.Fragment,{children:[(0,O.jsxs)(g,{search:a,title:n.config.title,children:[(0,O.jsx)(j,{"aria-label":`Filter scenes`,className:`md:w-64`,onChange:e=>h(e.currentTarget.value),placeholder:`Scene Filter`,type:`text`,value:p}),(0,O.jsx)(C,{onChange:e=>c({sort:e}),value:a.sort??`name`}),(0,O.jsx)(y,{index:n,onChange:c,view:u}),(0,O.jsxs)(`span`,{className:`shrink-0 text-sm text-muted-foreground`,children:[f.length,`/`,i.length]})]}),(0,O.jsxs)(`div`,{className:`flex w-full flex-col gap-6 px-4 py-6 sm:px-6`,children:[e?(0,O.jsx)(v,{children:e}):null,_.length?(0,O.jsx)(`div`,{className:`flex flex-wrap gap-2`,children:_.map(e=>(0,O.jsx)(A,{onClick:()=>x(e),size:`sm`,variant:b.includes(e)?`default`:`outline`,children:e},e))}):null,(0,O.jsx)(`section`,{children:f.length?f.map((e,t)=>(0,O.jsxs)(`div`,{children:[P(e)===P(f[t-1])?null:(0,O.jsx)(`h2`,{className:`mt-6 border-b border-border pb-1 text-sm font-semibold uppercase tracking-wide text-muted-foreground`,children:P(e)||`Scenes`}),(0,O.jsx)(F,{index:n,scene:e,search:a,view:u})]},e.path)):(0,O.jsx)(`div`,{className:`border border-border bg-muted/20 px-4 py-8 text-center text-sm text-muted-foreground`,children:i.length===0?"No scenes found. Run `fidelity-kit process <root>`.":`No scenes match.`})})]})]})}var P=e=>e?e.path.split(`/`).slice(0,-1).join(` / `):void 0;function F({index:e,scene:t,search:r,view:o}){let c=o.compared.filter(e=>t.images[o.output]?.includes(e)),l=a(e,t,o);return(0,O.jsxs)(`article`,{className:`border-b border-border py-4 last:border-b-0`,style:{contentVisibility:`auto`,containIntrinsicSize:`auto 420px`},children:[(0,O.jsxs)(`div`,{className:`flex flex-wrap items-center gap-x-3 gap-y-1`,children:[(0,O.jsx)(`h3`,{className:`text-base font-semibold`,children:(0,O.jsx)(s,{params:{_splat:t.path},search:r,to:`/scenes/$`,children:t.title})}),t.tags.map(e=>(0,O.jsx)(`span`,{className:`rounded-full bg-muted px-2 py-0.5 text-xs text-muted-foreground`,children:e},e))]}),(0,O.jsxs)(s,{className:`mt-3 grid items-center gap-x-2 gap-y-1 text-xs text-muted-foreground`,params:{_splat:t.path},search:r,style:{gridTemplateColumns:`auto repeat(${c.length+1}, minmax(0, 1fr))`},to:`/scenes/$`,children:[(0,O.jsx)(`span`,{}),(0,O.jsxs)(`span`,{className:`truncate text-center`,children:[o.label(o.ref),` (reference)`]}),c.map(e=>(0,O.jsx)(`span`,{className:`truncate text-center`,children:o.label(e)},e)),(0,O.jsx)(`span`,{className:`text-right`,children:`Render`}),(0,O.jsx)(x,{alt:`${t.title}: ${o.ref}`,size:l,src:u(t,o,o.ref)}),c.map(e=>(0,O.jsx)(x,{alt:`${t.title}: ${e}`,size:l,src:u(t,o,e)},e)),o.showDeltas?(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)(`span`,{className:`text-right`,children:`Delta`}),(0,O.jsx)(`span`,{}),c.map(r=>(0,O.jsx)(x,{alt:`${t.title}: ${r} delta`,size:l,src:n(e,t,o,r)},r))]}):null,(0,O.jsx)(`span`,{className:`text-right`,children:`Metrics`}),(0,O.jsx)(`span`,{}),c.map(n=>{let r=p(e,t,o,n);return(0,O.jsxs)(`dl`,{className:`grid grid-cols-2 gap-x-2 self-stretch p-2 font-mono text-xs ${i(r)}`,children:[(0,O.jsx)(`dt`,{children:`PSNR`}),(0,O.jsx)(`dd`,{className:`text-right`,children:r?f(r.psnr):`–`}),(0,O.jsx)(`dt`,{children:`RMSE`}),(0,O.jsx)(`dd`,{className:`text-right`,children:r?f(r.rmse,4):`–`}),(0,O.jsx)(`dt`,{children:`MAE`}),(0,O.jsx)(`dd`,{className:`text-right`,children:r?f(r.mae,4):`–`})]},n)})]})]})}export{N as component};

package/viewer/index.html

@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Fidelity</title>
+    <script type="module" crossorigin src="./assets/index-D9G4C6Ns.js"></script>
+    <link rel="stylesheet" crossorigin href="./assets/index-D8YJNCs_.css">
+  </head>
+  <body class="min-h-screen antialiased">
+    <div id="root"></div>
+  </body>
+</html>