@codeyam/codeyam-cli 0.1.0-staging.4c0c3c9 → 0.1.0-staging.54098fa

package/codeyam-cli/src/webserver/build/client/assets/editorPreview-NTuLi4Xg.js

@@ -0,0 +1,41 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/addon-web-links-CHx25PAe.js","assets/chunk-JZWAC4HX-BAdwhyCx.js"])))=>i.map(i=>d[i]);
+var ge=Object.defineProperty;var be=(r,e,s)=>e in r?ge(r,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):r[e]=s;var B=(r,e,s)=>be(r,typeof e!="symbol"?e+"":e,s);import{j as d}from"./jsx-runtime-D_zvdyIk.js";import{r as u}from"./chunk-JZWAC4HX-BAdwhyCx.js";import{_ as q}from"./preload-helper-ckwbz45p.js";const $={sound:"soft-double-tap",systemNotification:!0},Te=[{id:"soft-double-tap",label:"Soft double tap"},{id:"gentle-chime",label:"Gentle chime"},{id:"warm-ding",label:"Warm ding"},{id:"mellow-two-tone",label:"Mellow two-tone"},{id:"triangle-bell",label:"Triangle bell"},{id:"off",label:"No sound"}],fe="codeyam-editor-notifications";function Ie(){try{const r=localStorage.getItem(fe);if(!r)return $;const e=JSON.parse(r);return typeof e=="string"?e==="true"?$:{...$,sound:"off",systemNotification:!1}:{...$,...e}}catch{return $}}function ke(r){localStorage.setItem(fe,JSON.stringify(r))}function me(r){var e;if(r!=="off")try{const s=new AudioContext,a={"soft-double-tap":t=>{[0,.12].forEach(n=>{const o=t.createOscillator(),v=t.createGain();o.connect(v),v.connect(t.destination),o.type="sine",o.frequency.value=392,v.gain.setValueAtTime(.25,t.currentTime+n),v.gain.exponentialRampToValueAtTime(.01,t.currentTime+n+.1),o.start(t.currentTime+n),o.stop(t.currentTime+n+.1)})},"gentle-chime":t=>{const n=t.createOscillator(),o=t.createGain();n.connect(o),o.connect(t.destination),n.type="sine",n.frequency.setValueAtTime(523,t.currentTime),n.frequency.setValueAtTime(659,t.currentTime+.15),o.gain.setValueAtTime(.3,t.currentTime),o.gain.exponentialRampToValueAtTime(.01,t.currentTime+.4),n.start(),n.stop(t.currentTime+.4)},"warm-ding":t=>{const n=t.createOscillator(),o=t.createGain();n.connect(o),o.connect(t.destination),n.type="sine",n.frequency.value=330,o.gain.setValueAtTime(.35,t.currentTime),o.gain.exponentialRampToValueAtTime(.01,t.currentTime+.6),n.start(),n.stop(t.currentTime+.6)},"mellow-two-tone":t=>{const n=t.createOscillator(),o=t.createGain();n.connect(o),o.connect(t.destination),n.type="sine",n.frequency.setValueAtTime(294,t.currentTime),n.frequency.setValueAtTime(440,t.currentTime+.18),o.gain.setValueAtTime(.3,t.currentTime),o.gain.exponentialRampToValueAtTime(.01,t.currentTime+.5),n.start(),n.stop(t.currentTime+.5)},"triangle-bell":t=>{const n=t.createOscillator(),o=t.createGain();n.connect(o),o.connect(t.destination),n.type="triangle",n.frequency.value=523,o.gain.setValueAtTime(.4,t.currentTime),o.gain.exponentialRampToValueAtTime(.01,t.currentTime+.8),n.start(),n.stop(t.currentTime+.8)}};(e=a[r])==null||e.call(a,s)}catch{}}function je({serverUrl:r,isStarting:e,projectSlug:s,devServerError:a,onStartServer:t,notificationSettings:n,onChangeNotificationSettings:o}){const[v,A]=u.useState(null),[x,w]=u.useState(!1),E=u.useRef(null),_=u.useRef(null);u.useEffect(()=>{if(!s)return;const p=new EventSource("/api/dev-mode-events");return p.onmessage=O=>{try{const z=JSON.parse(O.data);z.type==="file-synced"&&(A(z.fileName),_.current&&clearTimeout(_.current),_.current=setTimeout(()=>{A(null)},5e3))}catch{}},()=>{p.close(),_.current&&clearTimeout(_.current)}},[s]),u.useEffect(()=>{if(!x)return;function p(O){E.current&&!E.current.contains(O.target)&&w(!1)}return document.addEventListener("mousedown",p),()=>document.removeEventListener("mousedown",p)},[x]);let T;a?T="error":e?T="starting":r?T="running":T="stopped";const D={starting:"bg-yellow-400",running:"bg-green-400",stopped:"bg-gray-400",error:"bg-red-400"},H={starting:"Starting...",running:r||"Running",stopped:"Stopped",error:"Error"},W=n&&(n.sound!=="off"||n.systemNotification);return d.jsxs("div",{className:"bg-[#1e1e1e] border-t border-[#3d3d3d] h-7 flex items-center px-4 gap-4 shrink-0 text-xs font-mono",children:[d.jsxs("div",{className:"flex items-center gap-2",children:[d.jsx("div",{className:`w-2 h-2 rounded-full ${D[T]}`}),d.jsxs("span",{className:"text-gray-400",children:["Server:"," ",d.jsx("span",{className:"text-gray-300",children:H[T]})]}),(T==="stopped"||T==="error")&&t&&d.jsx("button",{onClick:t,className:"ml-1 px-2.5 py-0.5 bg-[#005c75] hover:bg-[#007a9a] text-white text-[11px] font-medium rounded transition-colors cursor-pointer border-none leading-tight",children:"Start Server"})]}),d.jsx("div",{className:"w-px h-3 bg-[#3d3d3d]"}),v&&d.jsxs(d.Fragment,{children:[d.jsxs("div",{className:"flex items-center gap-1.5",children:[d.jsx("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"#4ade80",strokeWidth:"2",children:d.jsx("path",{d:"M20 6L9 17l-5-5"})}),d.jsxs("span",{className:"text-green-400",children:["Synced: ",v]})]}),d.jsx("div",{className:"w-px h-3 bg-[#3d3d3d]"})]}),d.jsx("div",{className:"flex-1"}),o&&n&&d.jsxs("div",{className:"relative",ref:E,children:[d.jsx("button",{onClick:()=>w(!x),className:`text-[11px] rounded transition-colors cursor-pointer ${W?"text-cygreen hover:text-cygreen/80":"text-gray-500 hover:text-gray-300"}`,children:W?"Notifications On":"Notifications Off"}),x&&d.jsxs("div",{className:"absolute bottom-full right-0 mb-2 w-56 bg-[#2d2d2d] border border-[#4d4d4d] rounded-lg shadow-xl p-3 flex flex-col gap-3 z-50",children:[d.jsxs("div",{children:[d.jsx("div",{className:"text-[11px] text-gray-400 mb-1.5",children:"Notification sound"}),d.jsx("div",{className:"flex flex-col gap-0.5",children:Te.map(p=>d.jsx("button",{onClick:()=>{o({...n,sound:p.id}),p.id!=="off"&&me(p.id)},className:`text-left text-[11px] px-2 py-1 rounded cursor-pointer transition-colors ${n.sound===p.id?"bg-[#444] text-white":"text-gray-300 hover:bg-[#3a3a3a]"}`,children:p.label},p.id))})]}),d.jsxs("div",{className:"border-t border-[#4d4d4d] pt-2",children:[d.jsxs("label",{className:"flex items-center gap-2 cursor-pointer",children:[d.jsx("input",{type:"checkbox",checked:n.systemNotification,onChange:p=>{const O=p.target.checked;o({...n,systemNotification:O}),O&&typeof Notification<"u"&&Notification.permission==="default"&&Notification.requestPermission()},className:"accent-green-500"}),d.jsx("span",{className:"text-[11px] text-gray-300",children:"System notification"})]}),d.jsx("div",{className:"text-[10px] text-gray-500 mt-1 ml-5",children:"Shows when tab is not visible"})]})]})]})]})}async function Ne(r,e){try{const{WebglAddon:a}=await q(async()=>{const{WebglAddon:n}=await import("./addon-webgl-DI8QOUvO.js").then(o=>o.a);return{WebglAddon:n}},[]),t=new a;return t.onContextLoss(()=>{e==null||e("webgl","canvas",new Error("WebGL context lost")),t.dispose(),de(r).then(n=>{n||e==null||e("canvas","dom",new Error("Canvas fallback failed after context loss"))})}),r.loadAddon(t),{type:"webgl",dispose:()=>t.dispose()}}catch(a){e==null||e("webgl","canvas",a)}const s=await de(r);return s||(e==null||e("canvas","dom",new Error("Canvas addon failed")),{type:"dom",dispose:()=>{}})}async function de(r){try{const{CanvasAddon:e}=await q(async()=>{const{CanvasAddon:a}=await import("./addon-canvas-DpzMmAy5.js").then(t=>t.a);return{CanvasAddon:a}},[]),s=new e;return r.loadAddon(s),{type:"canvas",dispose:()=>s.dispose()}}catch{return null}}class Se{constructor(e,s){B(this,"deferred",!1);B(this,"userActiveSinceLastOutput",!1);B(this,"actions");B(this,"env");this.actions=e,this.env=s}reportUserActivity(){this.userActiveSinceLastOutput=!0}resetActivityFlag(){this.userActiveSinceLastOutput=!1}onIdle(e,s){return this.deferred=!1,s&&this.env.hasBrowserFocus()&&this.userActiveSinceLastOutput?(this.userActiveSinceLastOutput=!1,"suppressed"):this.notify(e)}onBuildTabChange(e,s){return!e&&this.deferred?(this.deferred=!1,this.notify(s),!0):!1}onActive(){this.deferred=!1}onUserEngagement(){const e=this.deferred;return this.deferred=!1,e}get isDeferred(){return this.deferred}notify(e){const s=!!(e!=null&&e.sound)&&e.sound!=="off";return s&&this.actions.playSound(e.sound),!this.env.hasBrowserFocus()&&(e!=null&&e.systemNotification)&&this.env.hasNotificationPermission()&&this.actions.showSystemNotification(),s?"played":"played-no-sound"}}class Ae{constructor(e){B(this,"_isIdle",!1);B(this,"_isBuilding",!1);B(this,"callbacks");this.callbacks=e}get isIdle(){return this._isIdle}get isBuilding(){return this._isBuilding}handleClaudeIdle(e,s,a){e==null||e.onIdle(s,a),this._isIdle=!0,this._isBuilding=!1,this.callbacks.onIdleChange(!0),this.callbacks.onBuildingChange(!1)}handleClaudeActive(e){this._isIdle=!1,this._isBuilding=!0,this.callbacks.onIdleChange(!1),this.callbacks.onBuildingChange(!0),e==null||e.onActive(),e==null||e.resetActivityFlag(),this.callbacks.onCloseNotification()}handleOutput(e){this.callbacks.onIdleChange(!1),e==null||e.resetActivityFlag()}}const Ee=`
+.xterm { cursor: text; position: relative; user-select: none; -ms-user-select: none; -webkit-user-select: none; }
+.xterm.focus, .xterm:focus { outline: none; }
+.xterm .xterm-helpers { position: absolute; top: 0; z-index: 5; }
+.xterm .xterm-helper-textarea { padding: 0; border: 0; margin: 0; position: absolute; opacity: 0; left: -9999em; top: 0; width: 0; height: 0; z-index: -5; white-space: nowrap; overflow: hidden; resize: none; caret-color: transparent !important; clip-path: inset(100%) !important; }
+.xterm .composition-view { background: #000; color: #FFF; display: none; position: absolute; white-space: nowrap; z-index: 1; }
+.xterm .composition-view.active { display: block; }
+.xterm .xterm-viewport { background-color: #000; overflow-y: scroll; cursor: default; position: absolute; right: 0; left: 0; top: 0; bottom: 0; }
+.xterm .xterm-screen { position: relative; }
+.xterm .xterm-screen canvas { position: absolute; left: 0; top: 0; }
+.xterm .xterm-scroll-area { visibility: hidden; }
+.xterm-char-measure-element { display: inline-block; visibility: hidden; position: absolute; top: 0; left: -9999em; line-height: normal; }
+.xterm.enable-mouse-events { cursor: default; }
+.xterm.xterm-cursor-pointer, .xterm .xterm-cursor-pointer { cursor: pointer; }
+.xterm.column-select.focus { cursor: crosshair; }
+.xterm .xterm-accessibility:not(.debug), .xterm .xterm-message { position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 10; color: transparent; pointer-events: none; }
+.xterm .xterm-accessibility-tree:not(.debug) *::selection { color: transparent; }
+.xterm .xterm-accessibility-tree { user-select: text; white-space: pre; }
+.xterm .live-region { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
+.xterm-dim { opacity: 1 !important; }
+.xterm-underline-1 { text-decoration: underline; }
+.xterm-underline-2 { text-decoration: double underline; }
+.xterm-underline-3 { text-decoration: wavy underline; }
+.xterm-underline-4 { text-decoration: dotted underline; }
+.xterm-underline-5 { text-decoration: dashed underline; }
+.xterm-overline { text-decoration: overline; }
+.xterm-strikethrough { text-decoration: line-through; }
+.xterm-screen .xterm-decoration-container .xterm-decoration { z-index: 6; position: absolute; }
+.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer { z-index: 7; }
+.xterm-decoration-overview-ruler { z-index: 8; position: absolute; top: 0; right: 0; pointer-events: none; }
+.xterm-decoration-top { z-index: 2; position: relative; }
+`;function _e(){let r=document.getElementById("xterm-css");r||(r=document.createElement("style"),r.id="xterm-css",document.head.appendChild(r)),r.textContent=Ee}const We=u.forwardRef(function({entityName:e,entityType:s,entitySha:a,entityFilePath:t,scenarioName:n,scenarioDescription:o,analysisId:v,projectSlug:A,onRefreshPreview:x,onShowResults:w,onHideResults:E,onSetViewport:_,editorMode:T,onIdleChange:D,onBuildingChange:H,notificationSettings:W,buildTabActive:p,claudeStartMode:O,claudeSessionId:z,onDataMutationForwarded:M,resultsOpen:ie,editorStepLabel:oe},pe){const ee=u.useRef(null),P=u.useRef(null),J=u.useRef(null),I=u.useRef(null),G=u.useRef(null),te=u.useRef(!1),K=u.useRef(0),re=u.useRef(!1),k=u.useRef(D);k.current=D;const X=u.useRef(H);X.current=H;const ne=u.useRef(W);ne.current=W;const R=u.useRef(p);R.current=p;const ce=u.useRef(ie);ce.current=ie;const C=u.useRef(null),Y=u.useRef(!1),N=u.useRef(null);N.current||(N.current=new Se({playSound:i=>me(i),showSystemNotification:()=>{C.current&&C.current.close();const i=new Notification("Claude is ready for you",{body:"Claude has finished and is waiting for your input.",tag:"claude-idle"});i.onclick=()=>{window.focus(),i.close()},C.current=i}},{hasBrowserFocus:()=>document.hasFocus(),hasNotificationPermission:()=>typeof Notification<"u"&&Notification.permission==="granted"}));const V=u.useRef(null);V.current||(V.current=new Ae({onIdleChange:i=>{var f;Y.current=i,(f=k.current)==null||f.call(k,i)},onCloseNotification:()=>{C.current&&(C.current.close(),C.current=null)},onBuildingChange:i=>{var f;(f=X.current)==null||f.call(X,i)}}));function he(){C.current&&(C.current.close(),C.current=null)}function j(){var i,f;Y.current&&(Y.current=!1,he(),(i=k.current)==null||i.call(k,!1),(f=N.current)==null||f.onUserEngagement())}u.useEffect(()=>{function i(){var S;document.hasFocus()&&R.current&&j(),R.current&&document.hasFocus()&&((S=N.current)==null||S.reportUserActivity())}function f(){!document.hidden&&R.current&&j()}function L(){var S;document.hasFocus()&&R.current&&j(),R.current&&document.hasFocus()&&((S=N.current)==null||S.reportUserActivity())}function Z(){var S;R.current&&j(),R.current&&((S=N.current)==null||S.reportUserActivity())}return window.addEventListener("focus",Z),document.addEventListener("visibilitychange",f),document.addEventListener("mousemove",i),document.addEventListener("mousedown",L),document.addEventListener("keydown",i),()=>{window.removeEventListener("focus",Z),document.removeEventListener("visibilitychange",f),document.removeEventListener("mousemove",i),document.removeEventListener("mousedown",L),document.removeEventListener("keydown",i)}},[]),u.useEffect(()=>{var i;p&&Y.current&&document.hasFocus()&&j(),(i=N.current)==null||i.onBuildTabChange(!!p,ne.current)},[p]);const xe=u.useCallback(()=>{var i;(i=J.current)==null||i.focus()},[]);return u.useImperativeHandle(pe,()=>({sendInput(i){const f=I.current;f&&f.readyState===WebSocket.OPEN&&(f.send(JSON.stringify({type:"input",data:i})),setTimeout(()=>{f.readyState===WebSocket.OPEN&&f.send(JSON.stringify({type:"input",data:"\r"}))},100))},focus(){var i;(i=J.current)==null||i.focus()},scrollToBottom(){var f;const i=(f=ee.current)==null?void 0:f.querySelector(".xterm-viewport");i&&(i.scrollTop=i.scrollHeight)}})),u.useEffect(()=>{const i=ee.current;if(!i)return;let f=!1;return _e(),Promise.all([q(()=>import("./xterm-BqvuqXEL.js"),[]),q(()=>import("./addon-fit-YJmn1quW.js"),[]),q(()=>import("./addon-web-links-CHx25PAe.js").then(L=>L.a),__vite__mapDeps([0,1]))]).then(([L,Z,S])=>{if(f)return;const m=new L.Terminal({cursorBlink:!1,cursorInactiveStyle:"none",scrollback:5e3,fontSize:13,fontFamily:"'IBM Plex Mono', 'Menlo', 'Monaco', monospace",theme:{background:"#1e1e1e",foreground:"#d4d4d4",cursor:"#1e1e1e",selectionBackground:"#264f78"},linkHandler:{activate(l,c){try{const h=new URL(c),g=h.searchParams.get("scenario");if(g&&h.pathname.startsWith("/editor")){const b=new BroadcastChannel("codeyam-editor");b.postMessage({type:"switch-scenario",scenarioId:g}),b.close();return}}catch{}window.open(c,"_blank")}}}),F=new Z.FitAddon;m.loadAddon(F),m.loadAddon(new S.WebLinksAddon),m.open(i),m.attachCustomKeyEventHandler(l=>{if(ce.current&&(l.key==="ArrowLeft"||l.key==="ArrowRight")&&!l.ctrlKey&&!l.altKey&&!l.metaKey&&l.type==="keydown"){const c=l.key==="ArrowLeft"?"\x1B[D":"\x1B[C",h=I.current;return h&&h.readyState===WebSocket.OPEN&&h.send(JSON.stringify({type:"input",data:c})),!1}return!0}),m.write("\x1B[?25l");let Q=null;Ne(m,(l,c,h)=>{console.warn(`[Terminal] Renderer fallback: ${l} → ${c}`,h)}).then(l=>{if(f){l.dispose();return}console.log(`[Terminal] Using ${l.type} renderer`),Q=l.dispose}),requestAnimationFrame(()=>{try{F.fit()}catch{}}),J.current=m,m.focus(),setTimeout(()=>m.focus(),100),setTimeout(()=>m.focus(),500);const ye=window.location.protocol==="https:"?"wss:":"ws:",ve=window.location.host;function we(l){const c=new URLSearchParams;return c.set("entityName",e),s&&c.set("entityType",s),a&&c.set("entitySha",a),t&&c.set("entityFilePath",t),n&&c.set("scenarioName",n),o&&c.set("scenarioDescription",o),v&&c.set("analysisId",v),A&&c.set("projectSlug",A),T&&c.set("editorMode","true"),l&&c.set("reconnectId",l),O&&c.set("claudeStartMode",O),z&&c.set("claudeSessionId",z),oe&&c.set("editorStepLabel",oe),`${ye}//${ve}/ws/terminal?${c.toString()}`}function se(l){const c=we(l),h=new WebSocket(c);I.current=h,h.onopen=()=>{K.current=0,re.current=!1,h.send(JSON.stringify({type:"resize",cols:m.cols,rows:m.rows}))},h.onmessage=g=>{var b,le,ue;try{const y=JSON.parse(g.data);if(y.type==="session-id"){G.current=y.sessionId;return}if(y.type==="refresh-preview"){x==null||x(y.path,y.scenarioId);return}if(y.type==="show-results"){w==null||w();return}if(y.type==="hide-results"){E==null||E();return}if(y.type==="data-mutation-forwarded"){M==null||M();return}if(y.type==="set-viewport"){_==null||_({name:y.name,width:y.width,height:y.height});return}if(y.type==="claude-idle"){(b=V.current)==null||b.handleClaudeIdle(N.current,ne.current,R.current??!1);return}if(y.type==="claude-active"){(le=V.current)==null||le.handleClaudeActive(N.current);return}y.type==="output"&&(m.write(y.data),(ue=V.current)==null||ue.handleOutput(N.current))}catch{m.write(g.data)}},h.onclose=()=>{if(te.current){m.write(`\r
+\x1B[90m[Terminal session ended]\x1B[0m\r
+`);return}const g=K.current;if(g<5&&G.current){const b=1e3*Math.pow(2,Math.min(g,3));K.current=g+1,m.write(`\r
+\x1B[33m[Reconnecting...]\x1B[0m\r
+`),setTimeout(()=>{te.current||se(G.current)},b)}else re.current?m.write(`\r
+\x1B[90m[Terminal session ended]\x1B[0m\r
+`):(re.current=!0,m.write(`\r
+\x1B[33m[Starting new session...]\x1B[0m\r
+`),G.current=null,K.current=0,se())},h.onerror=()=>{}}se(),m.onData(l=>{const c=I.current;c&&c.readyState===WebSocket.OPEN&&c.send(JSON.stringify({type:"input",data:l})),j()});let U=null;const ae=new ResizeObserver(()=>{U&&clearTimeout(U),U=setTimeout(()=>{let l;try{l=F.proposeDimensions()}catch{return}if(!l||l.cols===m.cols&&l.rows===m.rows)return;const c=i.querySelector(".xterm-viewport");let h,g=!0;c&&(h=c.scrollTop,g=c.scrollTop+c.clientHeight>=c.scrollHeight-10),F.fit(),c&&h!==void 0&&(g?c.scrollTop=c.scrollHeight:c.scrollTop=h);const b=I.current;b&&b.readyState===WebSocket.OPEN&&b.send(JSON.stringify({type:"resize",cols:m.cols,rows:m.rows}))},150)});ae.observe(i),P.current=()=>{var l;U&&clearTimeout(U),ae.disconnect(),te.current=!0,(l=I.current)==null||l.close(),I.current=null,Q==null||Q(),m.dispose(),J.current=null}}),()=>{var L;f=!0,(L=P.current)==null||L.call(P),P.current=null}},[]),d.jsx("div",{ref:ee,onClick:xe,className:"w-full h-full relative overflow-hidden",style:{padding:"4px 0 0 8px"}})});function Oe(r){return r.replace(/[^a-zA-Z0-9_]+/g,"_")}function ze(r){const{activeAnalyzedScenario:e,analyzedPreviewUrl:s,activeScenarioId:a,scenarios:t,proxyUrl:n,devServerUrl:o,zoomComponent:v}=r;if(e&&s)return s;if(e&&!s)return null;if(a){const x=t.find(w=>w.id===a);if(x!=null&&x.url){const w=n||o;return w?x.url.startsWith("/")?`${w}${x.url}`:x.url:null}}const A=n||o;if(!A)return null;if(v&&a){const x=t.find(E=>E.id===a),w=x?Oe(x.name):"Default";return`${A}/__codeyam__/${v}/${w}`}return A}function Pe(r,e){if(!r||!e)return r;try{const s=new URL(r),a=e.indexOf("?");return a>=0?(s.pathname=e.slice(0,a),s.search=e.slice(a)):(s.pathname=e,s.search=""),s.href}catch{return r}}function Ve(r,e){return r?r!==e:!1}function Ue(r){if(r.length!==0)return r.find(e=>e.type==="application")||r[0]}function $e(r,e,s){if(!r.viewportWidth||!r.viewportHeight)return s??null;const a=e.find(t=>t.width===r.viewportWidth&&t.height===r.viewportHeight);return{name:(a==null?void 0:a.name)||"Custom",width:r.viewportWidth,height:r.viewportHeight}}function qe(r,e){const s=e.width,a=e.height??900,t=r.width,n=r.height;return s<=t&&a<=n?1:Math.min(t/s,n/a)}export{je as D,We as T,Pe as a,Oe as b,$ as c,ke as d,qe as e,ze as f,Ue as g,Ie as l,$e as r,Ve as s};