@codeyam/codeyam-cli 0.1.0-staging.bd4126b → 0.1.0-staging.c276166

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

@@ -0,0 +1,41 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/addon-web-links-Duc5hnl7.js","assets/chunk-JZWAC4HX-C4pqxYJB.js"])))=>i.map(i=>d[i]);
+import{r as u,j as a}from"./chunk-JZWAC4HX-C4pqxYJB.js";import{_ as B}from"./preload-helper-ckwbz45p.js";const C={sound:"soft-double-tap",systemNotification:!0},ce=[{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"}],F="codeyam-editor-notifications";function pe(){try{const r=localStorage.getItem(F);if(!r)return C;const n=JSON.parse(r);return typeof n=="string"?n==="true"?C:{...C,sound:"off",systemNotification:!1}:{...C,...n}}catch{return C}}function xe(r){localStorage.setItem(F,JSON.stringify(r))}function ee(r){var n;if(r!=="off")try{const c=new AudioContext,s={"soft-double-tap":e=>{[0,.12].forEach(t=>{const o=e.createOscillator(),y=e.createGain();o.connect(y),y.connect(e.destination),o.type="sine",o.frequency.value=392,y.gain.setValueAtTime(.25,e.currentTime+t),y.gain.exponentialRampToValueAtTime(.01,e.currentTime+t+.1),o.start(e.currentTime+t),o.stop(e.currentTime+t+.1)})},"gentle-chime":e=>{const t=e.createOscillator(),o=e.createGain();t.connect(o),o.connect(e.destination),t.type="sine",t.frequency.setValueAtTime(523,e.currentTime),t.frequency.setValueAtTime(659,e.currentTime+.15),o.gain.setValueAtTime(.3,e.currentTime),o.gain.exponentialRampToValueAtTime(.01,e.currentTime+.4),t.start(),t.stop(e.currentTime+.4)},"warm-ding":e=>{const t=e.createOscillator(),o=e.createGain();t.connect(o),o.connect(e.destination),t.type="sine",t.frequency.value=330,o.gain.setValueAtTime(.35,e.currentTime),o.gain.exponentialRampToValueAtTime(.01,e.currentTime+.6),t.start(),t.stop(e.currentTime+.6)},"mellow-two-tone":e=>{const t=e.createOscillator(),o=e.createGain();t.connect(o),o.connect(e.destination),t.type="sine",t.frequency.setValueAtTime(294,e.currentTime),t.frequency.setValueAtTime(440,e.currentTime+.18),o.gain.setValueAtTime(.3,e.currentTime),o.gain.exponentialRampToValueAtTime(.01,e.currentTime+.5),t.start(),t.stop(e.currentTime+.5)},"triangle-bell":e=>{const t=e.createOscillator(),o=e.createGain();t.connect(o),o.connect(e.destination),t.type="triangle",t.frequency.value=523,o.gain.setValueAtTime(.4,e.currentTime),o.gain.exponentialRampToValueAtTime(.01,e.currentTime+.8),t.start(),t.stop(e.currentTime+.8)}};(n=s[r])==null||n.call(s,c)}catch{}}function he({serverUrl:r,isStarting:n,projectSlug:c,devServerError:s,onStartServer:e,notificationSettings:t,onChangeNotificationSettings:o}){const[y,A]=u.useState(null),[f,w]=u.useState(!1),E=u.useRef(null),_=u.useRef(null);u.useEffect(()=>{if(!c)return;const p=new EventSource("/api/dev-mode-events");return p.onmessage=v=>{try{const R=JSON.parse(v.data);R.type==="file-synced"&&(A(R.fileName),_.current&&clearTimeout(_.current),_.current=setTimeout(()=>{A(null)},5e3))}catch{}},()=>{p.close(),_.current&&clearTimeout(_.current)}},[c]),u.useEffect(()=>{if(!f)return;function p(v){E.current&&!E.current.contains(v.target)&&w(!1)}return document.addEventListener("mousedown",p),()=>document.removeEventListener("mousedown",p)},[f]);let N;s?N="error":n?N="starting":r?N="running":N="stopped";const V={starting:"bg-yellow-400",running:"bg-green-400",stopped:"bg-gray-400",error:"bg-red-400"},k={starting:"Starting...",running:r||"Running",stopped:"Stopped",error:"Error"},P=t&&(t.sound!=="off"||t.systemNotification);return a.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:[a.jsxs("div",{className:"flex items-center gap-2",children:[a.jsx("div",{className:`w-2 h-2 rounded-full ${V[N]}`}),a.jsxs("span",{className:"text-gray-400",children:["Server:"," ",a.jsx("span",{className:"text-gray-300",children:k[N]})]}),(N==="stopped"||N==="error")&&e&&a.jsx("button",{onClick:e,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"})]}),a.jsx("div",{className:"w-px h-3 bg-[#3d3d3d]"}),y&&a.jsxs(a.Fragment,{children:[a.jsxs("div",{className:"flex items-center gap-1.5",children:[a.jsx("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"#4ade80",strokeWidth:"2",children:a.jsx("path",{d:"M20 6L9 17l-5-5"})}),a.jsxs("span",{className:"text-green-400",children:["Synced: ",y]})]}),a.jsx("div",{className:"w-px h-3 bg-[#3d3d3d]"})]}),a.jsx("div",{className:"flex-1"}),o&&t&&a.jsxs("div",{className:"relative",ref:E,children:[a.jsx("button",{onClick:()=>w(!f),className:`text-[11px] rounded transition-colors cursor-pointer ${P?"text-green-400 hover:text-green-300":"text-gray-500 hover:text-gray-300"}`,children:P?"Notifications On":"Notifications Off"}),f&&a.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:[a.jsxs("div",{children:[a.jsx("div",{className:"text-[11px] text-gray-400 mb-1.5",children:"Notification sound"}),a.jsx("div",{className:"flex flex-col gap-0.5",children:ce.map(p=>a.jsx("button",{onClick:()=>{o({...t,sound:p.id}),p.id!=="off"&&ee(p.id)},className:`text-left text-[11px] px-2 py-1 rounded cursor-pointer transition-colors ${t.sound===p.id?"bg-[#444] text-white":"text-gray-300 hover:bg-[#3a3a3a]"}`,children:p.label},p.id))})]}),a.jsxs("div",{className:"border-t border-[#4d4d4d] pt-2",children:[a.jsxs("label",{className:"flex items-center gap-2 cursor-pointer",children:[a.jsx("input",{type:"checkbox",checked:t.systemNotification,onChange:p=>{const v=p.target.checked;o({...t,systemNotification:v}),v&&typeof Notification<"u"&&Notification.permission==="default"&&Notification.requestPermission()},className:"accent-green-500"}),a.jsx("span",{className:"text-[11px] text-gray-300",children:"System notification"})]}),a.jsx("div",{className:"text-[10px] text-gray-500 mt-1 ml-5",children:"Shows when tab is not visible"})]})]})]})]})}async function ae(r,n){try{const{WebglAddon:s}=await B(async()=>{const{WebglAddon:t}=await import("./addon-webgl-DI8QOUvO.js").then(o=>o.a);return{WebglAddon:t}},[]),e=new s;return e.onContextLoss(()=>{n==null||n("webgl","canvas",new Error("WebGL context lost")),e.dispose(),Q(r).then(t=>{t||n==null||n("canvas","dom",new Error("Canvas fallback failed after context loss"))})}),r.loadAddon(e),{type:"webgl",dispose:()=>e.dispose()}}catch(s){n==null||n("webgl","canvas",s)}const c=await Q(r);return c||(n==null||n("canvas","dom",new Error("Canvas addon failed")),{type:"dom",dispose:()=>{}})}async function Q(r){try{const{CanvasAddon:n}=await B(async()=>{const{CanvasAddon:s}=await import("./addon-canvas-DpzMmAy5.js").then(e=>e.a);return{CanvasAddon:s}},[]),c=new n;return r.loadAddon(c),{type:"canvas",dispose:()=>c.dispose()}}catch{return null}}const le=`
+.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; }
+.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 ue(){if(document.getElementById("xterm-css"))return;const r=document.createElement("style");r.id="xterm-css",r.textContent=le,document.head.appendChild(r)}const ge=u.forwardRef(function({entityName:n,entityType:c,entitySha:s,entityFilePath:e,scenarioName:t,scenarioDescription:o,analysisId:y,projectSlug:A,onRefreshPreview:f,onShowResults:w,onHideResults:E,onSetViewport:_,editorMode:N,onIdleChange:V,notificationSettings:k},P){const p=u.useRef(null),v=u.useRef(null),R=u.useRef(null),L=u.useRef(null),$=u.useRef(null),I=u.useRef(!1),M=u.useRef(0),G=u.useRef(!1),S=u.useRef(V);S.current=V;const X=u.useRef(k);X.current=k;const O=u.useRef(null);function J(){O.current&&(O.current.close(),O.current=null)}u.useEffect(()=>{function m(){J()}function x(){document.hidden||J()}return window.addEventListener("focus",m),document.addEventListener("visibilitychange",x),()=>{window.removeEventListener("focus",m),document.removeEventListener("visibilitychange",x)}},[]);const te=u.useCallback(()=>{var m;(m=R.current)==null||m.focus()},[]);return u.useImperativeHandle(P,()=>({sendInput(m){const x=L.current;x&&x.readyState===WebSocket.OPEN&&(x.send(JSON.stringify({type:"input",data:m})),setTimeout(()=>{x.readyState===WebSocket.OPEN&&x.send(JSON.stringify({type:"input",data:"\r"}))},100))},focus(){var m;(m=R.current)==null||m.focus()},scrollToBottom(){var x;const m=(x=p.current)==null?void 0:x.querySelector(".xterm-viewport");m&&(m.scrollTop=m.scrollHeight)}})),u.useEffect(()=>{const m=p.current;if(!m)return;let x=!1;return ue(),Promise.all([B(()=>import("./xterm-BqvuqXEL.js"),[]),B(()=>import("./addon-fit-YJmn1quW.js"),[]),B(()=>import("./addon-web-links-Duc5hnl7.js").then(W=>W.a),__vite__mapDeps([0,1]))]).then(([W,re,ne])=>{if(x)return;const l=new W.Terminal({cursorBlink:!0,scrollback:5e3,fontSize:13,fontFamily:"'IBM Plex Mono', 'Menlo', 'Monaco', monospace",theme:{background:"#1e1e1e",foreground:"#d4d4d4",cursor:"#d4d4d4",selectionBackground:"#264f78"},linkHandler:{activate(d,i){try{const h=new URL(i),b=h.searchParams.get("scenario");if(b&&h.pathname==="/editor"){const T=new BroadcastChannel("codeyam-editor");T.postMessage({type:"switch-scenario",scenarioId:b}),T.close();return}}catch{}window.open(i,"_blank")}}}),q=new re.FitAddon;l.loadAddon(q),l.loadAddon(new ne.WebLinksAddon),l.open(m);let D=null;ae(l,(d,i,h)=>{console.warn(`[Terminal] Renderer fallback: ${d} → ${i}`,h)}).then(d=>{if(x){d.dispose();return}console.log(`[Terminal] Using ${d.type} renderer`),D=d.dispose}),requestAnimationFrame(()=>{try{q.fit()}catch{}}),R.current=l,l.focus(),setTimeout(()=>l.focus(),100),setTimeout(()=>l.focus(),500);const oe=window.location.protocol==="https:"?"wss:":"ws:",ie=window.location.host;function se(d){const i=new URLSearchParams;return i.set("entityName",n),c&&i.set("entityType",c),s&&i.set("entitySha",s),e&&i.set("entityFilePath",e),t&&i.set("scenarioName",t),o&&i.set("scenarioDescription",o),y&&i.set("analysisId",y),A&&i.set("projectSlug",A),N&&i.set("editorMode","true"),d&&i.set("reconnectId",d),`${oe}//${ie}/ws/terminal?${i.toString()}`}function H(d){const i=se(d),h=new WebSocket(i);L.current=h,h.onopen=()=>{M.current=0,G.current=!1,h.send(JSON.stringify({type:"resize",cols:l.cols,rows:l.rows}))},h.onmessage=b=>{var T,Y,Z;try{const g=JSON.parse(b.data);if(g.type==="session-id"){$.current=g.sessionId;return}if(g.type==="refresh-preview"){f==null||f(g.path,g.scenarioId);return}if(g.type==="show-results"){w==null||w();return}if(g.type==="hide-results"){E==null||E();return}if(g.type==="set-viewport"){_==null||_({name:g.name,width:g.width,height:g.height});return}if(g.type==="claude-idle"){(T=S.current)==null||T.call(S,!0);const j=X.current;if(j!=null&&j.sound&&j.sound!=="off"&&ee(j.sound),!document.hasFocus()&&(j!=null&&j.systemNotification)&&typeof Notification<"u"&&Notification.permission==="granted"){O.current&&O.current.close();const U=new Notification("Claude is ready for you",{body:"Claude has finished and is waiting for your input.",tag:"claude-idle"});U.onclick=()=>{window.focus(),U.close()},O.current=U}return}if(g.type==="claude-active"){(Y=S.current)==null||Y.call(S,!1),O.current&&(O.current.close(),O.current=null);return}g.type==="output"&&(l.write(g.data),(Z=S.current)==null||Z.call(S,!1))}catch{l.write(b.data)}},h.onclose=()=>{if(I.current){l.write(`\r
+\x1B[90m[Terminal session ended]\x1B[0m\r
+`);return}const b=M.current;if(b<5&&$.current){const T=1e3*Math.pow(2,Math.min(b,3));M.current=b+1,l.write(`\r
+\x1B[33m[Reconnecting...]\x1B[0m\r
+`),setTimeout(()=>{I.current||H($.current)},T)}else G.current?l.write(`\r
+\x1B[90m[Terminal session ended]\x1B[0m\r
+`):(G.current=!0,l.write(`\r
+\x1B[33m[Starting new session...]\x1B[0m\r
+`),$.current=null,M.current=0,H())},h.onerror=()=>{}}H(),l.onData(d=>{const i=L.current;i&&i.readyState===WebSocket.OPEN&&i.send(JSON.stringify({type:"input",data:d})),J()});let z=null;const K=new ResizeObserver(()=>{z&&clearTimeout(z),z=setTimeout(()=>{let d;try{d=q.proposeDimensions()}catch{return}if(!d||d.cols===l.cols&&d.rows===l.rows)return;const i=m.querySelector(".xterm-viewport");let h,b=!0;i&&(h=i.scrollTop,b=i.scrollTop+i.clientHeight>=i.scrollHeight-10),q.fit(),i&&h!==void 0&&(b?i.scrollTop=i.scrollHeight:i.scrollTop=h);const T=L.current;T&&T.readyState===WebSocket.OPEN&&T.send(JSON.stringify({type:"resize",cols:l.cols,rows:l.rows}))},150)});K.observe(m),v.current=()=>{var d;z&&clearTimeout(z),K.disconnect(),I.current=!0,(d=L.current)==null||d.close(),L.current=null,D==null||D(),l.dispose(),R.current=null}}),()=>{var W;x=!0,(W=v.current)==null||W.call(v),v.current=null}},[]),a.jsx("div",{ref:p,onClick:te,className:"w-full h-full",style:{padding:"4px 0 0 8px"}})});function de(r){return r.replace(/[^a-zA-Z0-9_]+/g,"_")}function ye(r){const{activeAnalyzedScenario:n,analyzedPreviewUrl:c,activeScenarioId:s,scenarios:e,proxyUrl:t,devServerUrl:o,zoomComponent:y}=r;if(n&&c)return c;if(n&&!c)return null;if(s){const f=e.find(w=>w.id===s);if(f!=null&&f.url){const w=t||o;return w?f.url.startsWith("/")?`${w}${f.url}`:f.url:null}}const A=t||o;if(!A)return null;if(y&&s){const f=e.find(E=>E.id===s),w=f?de(f.name):"Default";return`${A}/__codeyam__/${y}/${w}`}return A}function we(r,n){if(!r||!n)return r;try{const c=new URL(r),s=n.indexOf("?");return s>=0?(c.pathname=n.slice(0,s),c.search=n.slice(s)):(c.pathname=n,c.search=""),c.href}catch{return r}}function ve(r,n){return r?r!==n:!1}function be(r){if(r.length!==0)return r.find(n=>n.type==="application")||r[0]}function Te(r,n,c){if(!r.viewportWidth||!r.viewportHeight)return c??null;const s=n.find(e=>e.width===r.viewportWidth&&e.height===r.viewportHeight);return{name:(s==null?void 0:s.name)||"Custom",width:r.viewportWidth,height:r.viewportHeight}}function Ne(r,n){const c=n.width,s=n.height??900,e=r.width,t=r.height;return c<=e&&s<=t?1:Math.min(e/c,t/s)}export{he as D,ge as T,we as a,de as b,C as c,xe as d,Ne as e,ye as f,be as g,pe as l,Te as r,ve as s};