@codeyam/codeyam-cli 0.1.0-staging.d3e886e → 0.1.0-staging.dbc742d

package/codeyam-cli/src/webserver/build/client/assets/editorPreview-BLQMSKZa.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 d,j as u}from"./chunk-JZWAC4HX-C4pqxYJB.js";import{_ as C}from"./preload-helper-ckwbz45p.js";function ie({serverUrl:r,isStarting:e,projectSlug:n,devServerError:o,onStartServer:l,notificationsEnabled:m,onToggleNotifications:w}){const[b,v]=d.useState(null),c=d.useRef(null);d.useEffect(()=>{if(!n)return;const j=new EventSource("/api/dev-mode-events");return j.onmessage=z=>{try{const A=JSON.parse(z.data);A.type==="file-synced"&&(v(A.fileName),c.current&&clearTimeout(c.current),c.current=setTimeout(()=>{v(null)},5e3))}catch{}},()=>{j.close(),c.current&&clearTimeout(c.current)}},[n]);let a;o?a="error":e?a="starting":r?a="running":a="stopped";const _={starting:"bg-yellow-400",running:"bg-green-400",stopped:"bg-gray-400",error:"bg-red-400"},E={starting:"Starting...",running:r||"Running",stopped:"Stopped",error:"Error"};return u.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:[u.jsxs("div",{className:"flex items-center gap-2",children:[u.jsx("div",{className:`w-2 h-2 rounded-full ${_[a]}`}),u.jsxs("span",{className:"text-gray-400",children:["Server:"," ",u.jsx("span",{className:"text-gray-300",children:E[a]})]}),(a==="stopped"||a==="error")&&l&&u.jsx("button",{onClick:l,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"})]}),u.jsx("div",{className:"w-px h-3 bg-[#3d3d3d]"}),b&&u.jsxs(u.Fragment,{children:[u.jsxs("div",{className:"flex items-center gap-1.5",children:[u.jsx("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"#4ade80",strokeWidth:"2",children:u.jsx("path",{d:"M20 6L9 17l-5-5"})}),u.jsxs("span",{className:"text-green-400",children:["Synced: ",b]})]}),u.jsx("div",{className:"w-px h-3 bg-[#3d3d3d]"})]}),u.jsx("div",{className:"flex-1"}),w&&u.jsx("button",{onClick:w,className:`text-[11px] rounded transition-colors cursor-pointer ${m?"text-green-400 hover:text-green-300":"text-gray-500 hover:text-gray-300"}`,title:m?"Click to turn off notifications":"Click to get notified when Claude finishes",children:m?"Notifications On":"Notifications Off"})]})}async function ee(r,e){try{const{WebglAddon:o}=await C(async()=>{const{WebglAddon:m}=await import("./addon-webgl-DI8QOUvO.js").then(w=>w.a);return{WebglAddon:m}},[]),l=new o;return l.onContextLoss(()=>{e==null||e("webgl","canvas",new Error("WebGL context lost")),l.dispose(),X(r).then(m=>{m||e==null||e("canvas","dom",new Error("Canvas fallback failed after context loss"))})}),r.loadAddon(l),{type:"webgl",dispose:()=>l.dispose()}}catch(o){e==null||e("webgl","canvas",o)}const n=await X(r);return n||(e==null||e("canvas","dom",new Error("Canvas addon failed")),{type:"dom",dispose:()=>{}})}async function X(r){try{const{CanvasAddon:e}=await C(async()=>{const{CanvasAddon:o}=await import("./addon-canvas-DpzMmAy5.js").then(l=>l.a);return{CanvasAddon:o}},[]),n=new e;return r.loadAddon(n),{type:"canvas",dispose:()=>n.dispose()}}catch{return null}}const te=`
+.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 re(){if(document.getElementById("xterm-css"))return;const r=document.createElement("style");r.id="xterm-css",r.textContent=te,document.head.appendChild(r)}const ce=d.forwardRef(function({entityName:e,entityType:n,entitySha:o,entityFilePath:l,scenarioName:m,scenarioDescription:w,analysisId:b,projectSlug:v,onRefreshPreview:c,onShowResults:a,onHideResults:_,onSetViewport:E,editorMode:j,onIdleChange:z,notificationsEnabled:A},G){const M=d.useRef(null),R=d.useRef(null),B=d.useRef(null),S=d.useRef(null),W=d.useRef(null),P=d.useRef(!1),L=d.useRef(0),I=d.useRef(!1),N=d.useRef(z);N.current=z;const D=d.useRef(A);D.current=A;const V=d.useCallback(()=>{var f;(f=B.current)==null||f.focus()},[]);return d.useImperativeHandle(G,()=>({sendInput(f){const h=S.current;h&&h.readyState===WebSocket.OPEN&&(h.send(JSON.stringify({type:"input",data:f})),setTimeout(()=>{h.readyState===WebSocket.OPEN&&h.send(JSON.stringify({type:"input",data:"\r"}))},100))},focus(){var f;(f=B.current)==null||f.focus()},scrollToBottom(){var h;const f=(h=M.current)==null?void 0:h.querySelector(".xterm-viewport");f&&(f.scrollTop=f.scrollHeight)}})),d.useEffect(()=>{const f=M.current;if(!f)return;let h=!1;return re(),Promise.all([C(()=>import("./xterm-BqvuqXEL.js"),[]),C(()=>import("./addon-fit-YJmn1quW.js"),[]),C(()=>import("./addon-web-links-Duc5hnl7.js").then(T=>T.a),__vite__mapDeps([0,1]))]).then(([T,Z,K])=>{if(h)return;const s=new T.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(i,t){try{const p=new URL(t),y=p.searchParams.get("scenario");if(y&&p.pathname==="/editor"){const g=new BroadcastChannel("codeyam-editor");g.postMessage({type:"switch-scenario",scenarioId:y}),g.close();return}}catch{}window.open(t,"_blank")}}}),$=new Z.FitAddon;s.loadAddon($),s.loadAddon(new K.WebLinksAddon),s.open(f);let k=null;ee(s,(i,t,p)=>{console.warn(`[Terminal] Renderer fallback: ${i} → ${t}`,p)}).then(i=>{if(h){i.dispose();return}console.log(`[Terminal] Using ${i.type} renderer`),k=i.dispose}),requestAnimationFrame(()=>{try{$.fit()}catch{}}),B.current=s,s.focus(),setTimeout(()=>s.focus(),100),setTimeout(()=>s.focus(),500);const Q=window.location.protocol==="https:"?"wss:":"ws:",Y=window.location.host;function F(i){const t=new URLSearchParams;return t.set("entityName",e),n&&t.set("entityType",n),o&&t.set("entitySha",o),l&&t.set("entityFilePath",l),m&&t.set("scenarioName",m),w&&t.set("scenarioDescription",w),b&&t.set("analysisId",b),v&&t.set("projectSlug",v),j&&t.set("editorMode","true"),i&&t.set("reconnectId",i),`${Q}//${Y}/ws/terminal?${t.toString()}`}function J(i){const t=F(i),p=new WebSocket(t);S.current=p,p.onopen=()=>{L.current=0,I.current=!1,p.send(JSON.stringify({type:"resize",cols:s.cols,rows:s.rows}))},p.onmessage=y=>{var g,H;try{const x=JSON.parse(y.data);if(x.type==="session-id"){W.current=x.sessionId;return}if(x.type==="refresh-preview"){c==null||c(x.path,x.scenarioId);return}if(x.type==="show-results"){a==null||a();return}if(x.type==="hide-results"){_==null||_();return}if(x.type==="set-viewport"){E==null||E({name:x.name,width:x.width,height:x.height});return}if(x.type==="claude-idle"){if(console.log("[Terminal] Received claude-idle, notifications:",D.current,"permission:",typeof Notification<"u"?Notification.permission:"N/A"),(g=N.current)==null||g.call(N,!0),D.current&&typeof Notification<"u"&&Notification.permission==="granted"){const q=new Notification("Claude is ready for you",{body:"Claude has finished and is waiting for your input.",tag:"claude-idle"});q.onclick=()=>{window.focus(),q.close()}}return}x.type==="output"&&(s.write(x.data),(H=N.current)==null||H.call(N,!1))}catch{s.write(y.data)}},p.onclose=()=>{if(P.current){s.write(`\r
+\x1B[90m[Terminal session ended]\x1B[0m\r
+`);return}const y=L.current;if(y<5&&W.current){const g=1e3*Math.pow(2,Math.min(y,3));L.current=y+1,s.write(`\r
+\x1B[33m[Reconnecting...]\x1B[0m\r
+`),setTimeout(()=>{P.current||J(W.current)},g)}else I.current?s.write(`\r
+\x1B[90m[Terminal session ended]\x1B[0m\r
+`):(I.current=!0,s.write(`\r
+\x1B[33m[Starting new session...]\x1B[0m\r
+`),W.current=null,L.current=0,J())},p.onerror=()=>{}}J(),s.onData(i=>{const t=S.current;t&&t.readyState===WebSocket.OPEN&&t.send(JSON.stringify({type:"input",data:i}))});let O=null;const U=new ResizeObserver(()=>{O&&clearTimeout(O),O=setTimeout(()=>{let i;try{i=$.proposeDimensions()}catch{return}if(!i||i.cols===s.cols&&i.rows===s.rows)return;const t=f.querySelector(".xterm-viewport");let p,y=!0;t&&(p=t.scrollTop,y=t.scrollTop+t.clientHeight>=t.scrollHeight-10),$.fit(),t&&p!==void 0&&(y?t.scrollTop=t.scrollHeight:t.scrollTop=p);const g=S.current;g&&g.readyState===WebSocket.OPEN&&g.send(JSON.stringify({type:"resize",cols:s.cols,rows:s.rows}))},150)});U.observe(f),R.current=()=>{var i;O&&clearTimeout(O),U.disconnect(),P.current=!0,(i=S.current)==null||i.close(),S.current=null,k==null||k(),s.dispose(),B.current=null}}),()=>{var T;h=!0,(T=R.current)==null||T.call(R),R.current=null}},[]),u.jsx("div",{ref:M,onClick:V,className:"w-full h-full",style:{padding:"4px 0 0 8px"}})});function ne(r){return r.replace(/[^a-zA-Z0-9_]+/g,"_")}function ae(r){const{activeAnalyzedScenario:e,analyzedPreviewUrl:n,activeScenarioId:o,scenarios:l,proxyUrl:m,devServerUrl:w,zoomComponent:b}=r;if(e&&n)return n;if(e&&!n)return null;if(o){const c=l.find(a=>a.id===o);if(c!=null&&c.url){const a=m||w;return a?c.url.startsWith("/")?`${a}${c.url}`:c.url:null}}const v=m||w;if(!v)return null;if(b&&o){const c=l.find(_=>_.id===o),a=c?ne(c.name):"Default";return`${v}/__codeyam__/${b}/${a}`}return v}function le(r,e){if(!r||!e)return r;try{const n=new URL(r),o=e.indexOf("?");return o>=0?(n.pathname=e.slice(0,o),n.search=e.slice(o)):(n.pathname=e,n.search=""),n.href}catch{return r}}function ue(r,e){return r?r!==e:!1}function de(r,e){const n=e.width,o=e.height??900,l=r.width,m=r.height;return n<=l&&o<=m?1:Math.min(l/n,m/o)}export{ie as D,ce as T,le as a,ae as b,de as c,ne as g,ue as s};