@codeyam/codeyam-cli 0.1.0-staging.8e7b1bd → 0.1.0-staging.a77070e

package/codeyam-cli/src/webserver/build/client/assets/editorPreview-oepecPae.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,i)=>e in r?ge(r,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):r[e]=i;var U=(r,e,i)=>be(r,typeof e!="symbol"?e+"":e,i);import{j as l}from"./jsx-runtime-D_zvdyIk.js";import{r as d}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 ke(){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 We(r){localStorage.setItem(fe,JSON.stringify(r))}function me(r){var e;if(r!=="off")try{const i=new AudioContext,a={"soft-double-tap":t=>{[0,.12].forEach(n=>{const s=t.createOscillator(),v=t.createGain();s.connect(v),v.connect(t.destination),s.type="sine",s.frequency.value=392,v.gain.setValueAtTime(.25,t.currentTime+n),v.gain.exponentialRampToValueAtTime(.01,t.currentTime+n+.1),s.start(t.currentTime+n),s.stop(t.currentTime+n+.1)})},"gentle-chime":t=>{const n=t.createOscillator(),s=t.createGain();n.connect(s),s.connect(t.destination),n.type="sine",n.frequency.setValueAtTime(523,t.currentTime),n.frequency.setValueAtTime(659,t.currentTime+.15),s.gain.setValueAtTime(.3,t.currentTime),s.gain.exponentialRampToValueAtTime(.01,t.currentTime+.4),n.start(),n.stop(t.currentTime+.4)},"warm-ding":t=>{const n=t.createOscillator(),s=t.createGain();n.connect(s),s.connect(t.destination),n.type="sine",n.frequency.value=330,s.gain.setValueAtTime(.35,t.currentTime),s.gain.exponentialRampToValueAtTime(.01,t.currentTime+.6),n.start(),n.stop(t.currentTime+.6)},"mellow-two-tone":t=>{const n=t.createOscillator(),s=t.createGain();n.connect(s),s.connect(t.destination),n.type="sine",n.frequency.setValueAtTime(294,t.currentTime),n.frequency.setValueAtTime(440,t.currentTime+.18),s.gain.setValueAtTime(.3,t.currentTime),s.gain.exponentialRampToValueAtTime(.01,t.currentTime+.5),n.start(),n.stop(t.currentTime+.5)},"triangle-bell":t=>{const n=t.createOscillator(),s=t.createGain();n.connect(s),s.connect(t.destination),n.type="triangle",n.frequency.value=523,s.gain.setValueAtTime(.4,t.currentTime),s.gain.exponentialRampToValueAtTime(.01,t.currentTime+.8),n.start(),n.stop(t.currentTime+.8)}};(e=a[r])==null||e.call(a,i)}catch{}}function Ce({serverUrl:r,isStarting:e,projectSlug:i,devServerError:a,onStartServer:t,notificationSettings:n,onChangeNotificationSettings:s}){const[v,E]=d.useState(null),[p,w]=d.useState(!1),O=d.useRef(null),_=d.useRef(null);d.useEffect(()=>{if(!i)return;const x=new EventSource("/api/dev-mode-events");return x.onmessage=R=>{try{const C=JSON.parse(R.data);C.type==="file-synced"&&(E(C.fileName),_.current&&clearTimeout(_.current),_.current=setTimeout(()=>{E(null)},5e3))}catch{}},()=>{x.close(),_.current&&clearTimeout(_.current)}},[i]),d.useEffect(()=>{if(!p)return;function x(R){O.current&&!O.current.contains(R.target)&&w(!1)}return document.addEventListener("mousedown",x),()=>document.removeEventListener("mousedown",x)},[p]);let S;a?S="error":e?S="starting":r?S="running":S="stopped";const M={starting:"bg-yellow-400",running:"bg-green-400",stopped:"bg-gray-400",error:"bg-red-400"},D={starting:"Starting...",running:r||"Running",stopped:"Stopped",error:"Error"},k=n&&(n.sound!=="off"||n.systemNotification);return l.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:[l.jsxs("div",{className:"flex items-center gap-2",children:[l.jsx("div",{className:`w-2 h-2 rounded-full ${M[S]}`}),l.jsxs("span",{className:"text-gray-400",children:["Server:"," ",l.jsx("span",{className:"text-gray-300",children:D[S]})]}),(S==="stopped"||S==="error")&&t&&l.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"})]}),l.jsx("div",{className:"w-px h-3 bg-[#3d3d3d]"}),v&&l.jsxs(l.Fragment,{children:[l.jsxs("div",{className:"flex items-center gap-1.5",children:[l.jsx("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"#4ade80",strokeWidth:"2",children:l.jsx("path",{d:"M20 6L9 17l-5-5"})}),l.jsxs("span",{className:"text-green-400",children:["Synced: ",v]})]}),l.jsx("div",{className:"w-px h-3 bg-[#3d3d3d]"})]}),l.jsx("div",{className:"flex-1"}),s&&n&&l.jsxs("div",{className:"relative",ref:O,children:[l.jsx("button",{onClick:()=>w(!p),className:`text-[11px] rounded transition-colors cursor-pointer ${k?"text-green-400 hover:text-green-300":"text-gray-500 hover:text-gray-300"}`,children:k?"Notifications On":"Notifications Off"}),p&&l.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:[l.jsxs("div",{children:[l.jsx("div",{className:"text-[11px] text-gray-400 mb-1.5",children:"Notification sound"}),l.jsx("div",{className:"flex flex-col gap-0.5",children:Te.map(x=>l.jsx("button",{onClick:()=>{s({...n,sound:x.id}),x.id!=="off"&&me(x.id)},className:`text-left text-[11px] px-2 py-1 rounded cursor-pointer transition-colors ${n.sound===x.id?"bg-[#444] text-white":"text-gray-300 hover:bg-[#3a3a3a]"}`,children:x.label},x.id))})]}),l.jsxs("div",{className:"border-t border-[#4d4d4d] pt-2",children:[l.jsxs("label",{className:"flex items-center gap-2 cursor-pointer",children:[l.jsx("input",{type:"checkbox",checked:n.systemNotification,onChange:x=>{const R=x.target.checked;s({...n,systemNotification:R}),R&&typeof Notification<"u"&&Notification.permission==="default"&&Notification.requestPermission()},className:"accent-green-500"}),l.jsx("span",{className:"text-[11px] text-gray-300",children:"System notification"})]}),l.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(s=>s.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 i=await de(r);return i||(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}},[]),i=new e;return r.loadAddon(i),{type:"canvas",dispose:()=>i.dispose()}}catch{return null}}class Se{constructor(e,i){U(this,"deferred",!1);U(this,"userActiveSinceLastOutput",!1);U(this,"actions");U(this,"env");this.actions=e,this.env=i}reportUserActivity(){this.userActiveSinceLastOutput=!0}resetActivityFlag(){this.userActiveSinceLastOutput=!1}onIdle(e,i){return this.deferred=!1,i&&this.env.hasBrowserFocus()&&this.userActiveSinceLastOutput?(this.userActiveSinceLastOutput=!1,"suppressed"):this.notify(e)}onBuildTabChange(e,i){return!e&&this.deferred?(this.deferred=!1,this.notify(i),!0):!1}onActive(){this.deferred=!1}onUserEngagement(){const e=this.deferred;return this.deferred=!1,e}get isDeferred(){return this.deferred}notify(e){const i=!!(e!=null&&e.sound)&&e.sound!=="off";return i&&this.actions.playSound(e.sound),!this.env.hasBrowserFocus()&&(e!=null&&e.systemNotification)&&this.env.hasNotificationPermission()&&this.actions.showSystemNotification(),i?"played":"played-no-sound"}}const Ae=`
+.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 Ee(){let r=document.getElementById("xterm-css");r||(r=document.createElement("style"),r.id="xterm-css",document.head.appendChild(r)),r.textContent=Ae}const ze=d.forwardRef(function({entityName:e,entityType:i,entitySha:a,entityFilePath:t,scenarioName:n,scenarioDescription:s,analysisId:v,projectSlug:E,onRefreshPreview:p,onShowResults:w,onHideResults:O,onSetViewport:_,editorMode:S,onIdleChange:M,notificationSettings:D,buildTabActive:k,claudeStartMode:x,claudeSessionId:R,onDataMutationForwarded:C,resultsOpen:re},pe){const Z=d.useRef(null),P=d.useRef(null),J=d.useRef(null),W=d.useRef(null),G=d.useRef(null),F=d.useRef(!1),H=d.useRef(0),Q=d.useRef(!1),g=d.useRef(M);g.current=M;const ee=d.useRef(D);ee.current=D;const L=d.useRef(k);L.current=k;const ne=d.useRef(re);ne.current=re;const j=d.useRef(null),V=d.useRef(!1),T=d.useRef(null);T.current||(T.current=new Se({playSound:c=>me(c),showSystemNotification:()=>{j.current&&j.current.close();const c=new Notification("Claude is ready for you",{body:"Claude has finished and is waiting for your input.",tag:"claude-idle"});c.onclick=()=>{window.focus(),c.close()},j.current=c}},{hasBrowserFocus:()=>document.hasFocus(),hasNotificationPermission:()=>typeof Notification<"u"&&Notification.permission==="granted"}));function he(){j.current&&(j.current.close(),j.current=null)}function z(){var c,h;V.current&&(V.current=!1,he(),(c=g.current)==null||c.call(g,!1),(h=T.current)==null||h.onUserEngagement())}d.useEffect(()=>{function c(){var A;document.hasFocus()&&L.current&&z(),L.current&&document.hasFocus()&&((A=T.current)==null||A.reportUserActivity())}function h(){!document.hidden&&L.current&&z()}function B(){var A;document.hasFocus()&&L.current&&z(),L.current&&document.hasFocus()&&((A=T.current)==null||A.reportUserActivity())}function K(){var A;L.current&&z(),L.current&&((A=T.current)==null||A.reportUserActivity())}return window.addEventListener("focus",K),document.addEventListener("visibilitychange",h),document.addEventListener("mousemove",c),document.addEventListener("mousedown",B),document.addEventListener("keydown",c),()=>{window.removeEventListener("focus",K),document.removeEventListener("visibilitychange",h),document.removeEventListener("mousemove",c),document.removeEventListener("mousedown",B),document.removeEventListener("keydown",c)}},[]),d.useEffect(()=>{var c;k&&V.current&&document.hasFocus()&&z(),(c=T.current)==null||c.onBuildTabChange(!!k,ee.current)},[k]);const xe=d.useCallback(()=>{var c;(c=J.current)==null||c.focus()},[]);return d.useImperativeHandle(pe,()=>({sendInput(c){const h=W.current;h&&h.readyState===WebSocket.OPEN&&(h.send(JSON.stringify({type:"input",data:c})),setTimeout(()=>{h.readyState===WebSocket.OPEN&&h.send(JSON.stringify({type:"input",data:"\r"}))},100))},focus(){var c;(c=J.current)==null||c.focus()},scrollToBottom(){var h;const c=(h=Z.current)==null?void 0:h.querySelector(".xterm-viewport");c&&(c.scrollTop=c.scrollHeight)}})),d.useEffect(()=>{const c=Z.current;if(!c)return;let h=!1;return Ee(),Promise.all([q(()=>import("./xterm-BqvuqXEL.js"),[]),q(()=>import("./addon-fit-YJmn1quW.js"),[]),q(()=>import("./addon-web-links-CHx25PAe.js").then(B=>B.a),__vite__mapDeps([0,1]))]).then(([B,K,A])=>{if(h)return;const f=new B.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(u,o){try{const m=new URL(o),b=m.searchParams.get("scenario");if(b&&m.pathname.startsWith("/editor")){const N=new BroadcastChannel("codeyam-editor");N.postMessage({type:"switch-scenario",scenarioId:b}),N.close();return}}catch{}window.open(o,"_blank")}}}),X=new K.FitAddon;f.loadAddon(X),f.loadAddon(new A.WebLinksAddon),f.open(c),f.attachCustomKeyEventHandler(u=>{if(ne.current&&(u.key==="ArrowLeft"||u.key==="ArrowRight")&&!u.ctrlKey&&!u.altKey&&!u.metaKey&&u.type==="keydown"){const o=u.key==="ArrowLeft"?"\x1B[D":"\x1B[C",m=W.current;return m&&m.readyState===WebSocket.OPEN&&m.send(JSON.stringify({type:"input",data:o})),!1}return!0}),f.write("\x1B[?25l");let Y=null;Ne(f,(u,o,m)=>{console.warn(`[Terminal] Renderer fallback: ${u} → ${o}`,m)}).then(u=>{if(h){u.dispose();return}console.log(`[Terminal] Using ${u.type} renderer`),Y=u.dispose}),requestAnimationFrame(()=>{try{X.fit()}catch{}}),J.current=f,f.focus(),setTimeout(()=>f.focus(),100),setTimeout(()=>f.focus(),500);const ye=window.location.protocol==="https:"?"wss:":"ws:",ve=window.location.host;function we(u){const o=new URLSearchParams;return o.set("entityName",e),i&&o.set("entityType",i),a&&o.set("entitySha",a),t&&o.set("entityFilePath",t),n&&o.set("scenarioName",n),s&&o.set("scenarioDescription",s),v&&o.set("analysisId",v),E&&o.set("projectSlug",E),S&&o.set("editorMode","true"),u&&o.set("reconnectId",u),x&&o.set("claudeStartMode",x),R&&o.set("claudeSessionId",R),`${ye}//${ve}/ws/terminal?${o.toString()}`}function te(u){const o=we(u),m=new WebSocket(o);W.current=m,m.onopen=()=>{H.current=0,Q.current=!1,m.send(JSON.stringify({type:"resize",cols:f.cols,rows:f.rows}))},m.onmessage=b=>{var N,se,oe,ce,ae,ue,le;try{const y=JSON.parse(b.data);if(y.type==="session-id"){G.current=y.sessionId;return}if(y.type==="refresh-preview"){p==null||p(y.path,y.scenarioId);return}if(y.type==="show-results"){w==null||w();return}if(y.type==="hide-results"){O==null||O();return}if(y.type==="data-mutation-forwarded"){C==null||C();return}if(y.type==="set-viewport"){_==null||_({name:y.name,width:y.width,height:y.height});return}if(y.type==="claude-idle"){((N=T.current)==null?void 0:N.onIdle(ee.current,L.current??!1))!=="suppressed"&&(V.current=!0,(se=g.current)==null||se.call(g,!0));return}if(y.type==="claude-active"){V.current=!1,(oe=g.current)==null||oe.call(g,!1),(ce=T.current)==null||ce.onActive(),(ae=T.current)==null||ae.resetActivityFlag(),j.current&&(j.current.close(),j.current=null);return}y.type==="output"&&(f.write(y.data),(ue=g.current)==null||ue.call(g,!1),(le=T.current)==null||le.resetActivityFlag())}catch{f.write(b.data)}},m.onclose=()=>{if(F.current){f.write(`\r
+\x1B[90m[Terminal session ended]\x1B[0m\r
+`);return}const b=H.current;if(b<5&&G.current){const N=1e3*Math.pow(2,Math.min(b,3));H.current=b+1,f.write(`\r
+\x1B[33m[Reconnecting...]\x1B[0m\r
+`),setTimeout(()=>{F.current||te(G.current)},N)}else Q.current?f.write(`\r
+\x1B[90m[Terminal session ended]\x1B[0m\r
+`):(Q.current=!0,f.write(`\r
+\x1B[33m[Starting new session...]\x1B[0m\r
+`),G.current=null,H.current=0,te())},m.onerror=()=>{}}te(),f.onData(u=>{const o=W.current;o&&o.readyState===WebSocket.OPEN&&o.send(JSON.stringify({type:"input",data:u})),z()});let I=null;const ie=new ResizeObserver(()=>{I&&clearTimeout(I),I=setTimeout(()=>{let u;try{u=X.proposeDimensions()}catch{return}if(!u||u.cols===f.cols&&u.rows===f.rows)return;const o=c.querySelector(".xterm-viewport");let m,b=!0;o&&(m=o.scrollTop,b=o.scrollTop+o.clientHeight>=o.scrollHeight-10),X.fit(),o&&m!==void 0&&(b?o.scrollTop=o.scrollHeight:o.scrollTop=m);const N=W.current;N&&N.readyState===WebSocket.OPEN&&N.send(JSON.stringify({type:"resize",cols:f.cols,rows:f.rows}))},150)});ie.observe(c),P.current=()=>{var u;I&&clearTimeout(I),ie.disconnect(),F.current=!0,(u=W.current)==null||u.close(),W.current=null,Y==null||Y(),f.dispose(),J.current=null}}),()=>{var B;h=!0,(B=P.current)==null||B.call(P),P.current=null}},[]),l.jsx("div",{ref:Z,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 Pe(r){const{activeAnalyzedScenario:e,analyzedPreviewUrl:i,activeScenarioId:a,scenarios:t,proxyUrl:n,devServerUrl:s,zoomComponent:v}=r;if(e&&i)return i;if(e&&!i)return null;if(a){const p=t.find(w=>w.id===a);if(p!=null&&p.url){const w=n||s;return w?p.url.startsWith("/")?`${w}${p.url}`:p.url:null}}const E=n||s;if(!E)return null;if(v&&a){const p=t.find(O=>O.id===a),w=p?Oe(p.name):"Default";return`${E}/__codeyam__/${v}/${w}`}return E}function Ve(r,e){if(!r||!e)return r;try{const i=new URL(r),a=e.indexOf("?");return a>=0?(i.pathname=e.slice(0,a),i.search=e.slice(a)):(i.pathname=e,i.search=""),i.href}catch{return r}}function Ie(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,i){if(!r.viewportWidth||!r.viewportHeight)return i??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 i=e.width,a=e.height??900,t=r.width,n=r.height;return i<=t&&a<=n?1:Math.min(t/i,n/a)}export{Ce as D,ze as T,Ve as a,Oe as b,$ as c,We as d,qe as e,Pe as f,Ue as g,ke as l,$e as r,Ie as s};