@jmfederico/pi-web 1.202605.1

package/dist/client/assets/TerminalPanel-CpzJEFv1.js

@@ -0,0 +1,47 @@
+import{i as h,c as p,d as m,b as d,a as f,n as u,e as b,r as l,t as v}from"./index-Cbr8EG8h.js";import{D as g,o as w}from"./vendor-terminal-DjQ08hXu.js";var x=Object.defineProperty,y=Object.getOwnPropertyDescriptor,n=(e,i,t,r)=>{for(var s=r>1?void 0:r?y(i,t):i,a=e.length-1,c;a>=0;a--)(c=e[a])&&(s=(r?c(i,t,s):c(s))||s);return r&&s&&x(i,t,s),s};let o=class extends h{constructor(){super(...arguments),this.terminals=[],this.loading=!1,this.visible=!1}firstUpdated(){this.intersectionObserver=new IntersectionObserver(e=>{this.visible=e[0]?.isIntersecting===!0}),this.intersectionObserver.observe(this)}disconnectedCallback(){this.intersectionObserver?.disconnect(),this.intersectionObserver=void 0,this.disposeTerminalView(),super.disconnectedCallback()}willUpdate(){const e=this.workspace?.path;e!==this.observedCwd&&(this.observedCwd=e,this.loadedCwd=void 0,this.terminals=[],this.selectedId=void 0,this.disposeTerminalView())}updated(){this.loadVisibleWorkspaceTerminals(),this.ensureTerminalView()}loadVisibleWorkspaceTerminals(){const e=this.workspace?.path;!this.visible||e===void 0||e===this.loadedCwd||(this.loadedCwd=e,this.loadTerminals())}async loadTerminals(){this.loading=!0,this.error=void 0;try{if(this.workspace===void 0)return;const e=await p.terminals(this.workspace.projectId,this.workspace.id);this.terminals=e,this.selectedId=e.find(i=>!i.exited)?.id??e[0]?.id,e.length===0&&await this.startTerminal()}catch(e){this.error=e instanceof Error?e.message:String(e)}finally{this.loading=!1}}async startTerminal(){if(this.workspace!==void 0){this.error=void 0;try{const e=await p.startTerminal(this.workspace.projectId,this.workspace.id,{cols:100,rows:30});this.terminals=[...this.terminals,e],this.selectTerminal(e.id)}catch(e){this.error=e instanceof Error?e.message:String(e)}}}async closeTerminal(e,i){i.stopPropagation();try{if(this.workspace===void 0)return;await p.closeTerminal(this.workspace.projectId,this.workspace.id,e);const t=this.terminals.filter(r=>r.id!==e);this.terminals=t,this.selectedId===e&&(this.selectedId=t[0]?.id,this.disposeTerminalView())}catch(t){this.error=t instanceof Error?t.message:String(t)}}selectTerminal(e){this.selectedId!==e&&(this.selectedId=e,this.disposeTerminalView())}ensureTerminalView(){const e=this.workspace;if(!this.visible||this.terminal!==void 0||this.selectedId===void 0||this.terminalHost===void 0||e===void 0)return;const i=new g({cursorBlink:!0,convertEol:!0,fontFamily:"ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",fontSize:13,theme:{background:"#05070a",foreground:"#e6edf3",cursor:"#58a6ff",selectionBackground:"#264f78"}}),t=new w;i.loadAddon(t),i.open(this.terminalHost),this.terminal=i,this.fitAddon=t,this.resizeObserver=new ResizeObserver(()=>{this.fitAndNotify()}),this.resizeObserver.observe(this.terminalHost),i.onData(r=>{this.send({type:"input",data:r})}),this.connectSocket(e.projectId,e.id,this.selectedId,i),requestAnimationFrame(()=>{this.fitAndNotify()}),i.focus()}connectSocket(e,i,t,r){const s=m(e,i,t);s.binaryType="arraybuffer",this.socket=s,s.addEventListener("open",()=>{this.fitAndNotify()}),s.addEventListener("message",a=>{this.handleSocketMessage(a.data,t,r)}),s.addEventListener("close",()=>{this.socket===s&&(this.socket=void 0)})}async handleSocketMessage(e,i,t){try{const r=k(await T(e));r.type==="output"&&t.write(r.data),r.type==="exit"&&(t.writeln(`\r
+[process exited${r.exitCode===void 0?"":` with code ${String(r.exitCode)}`}]`),this.terminals=this.terminals.map(s=>s.id===i?{...s,exited:!0,...r.exitCode===void 0?{}:{exitCode:r.exitCode}}:s)),r.type==="error"&&t.writeln(`\r
+[terminal error: ${r.message}]`)}catch(r){t.writeln(`\r
+[terminal error: ${r instanceof Error?r.message:String(r)}]`)}}fitAndNotify(){this.fitAddon===void 0||this.terminal===void 0||(this.fitAddon.fit(),this.send({type:"resize",cols:this.terminal.cols,rows:this.terminal.rows}))}send(e){this.socket?.readyState===WebSocket.OPEN&&this.socket.send(JSON.stringify(e))}disposeTerminalView(){this.resizeObserver?.disconnect(),this.resizeObserver=void 0,this.socket?.close(),this.socket=void 0,this.terminal?.dispose(),this.terminal=void 0,this.fitAddon=void 0}render(){return d`
+      <section class="terminal-shell">
+        <div class="terminal-tabs">
+          ${this.terminals.map(e=>d`
+            <button class=${this.selectedId===e.id?"selected":""} @click=${()=>{this.selectTerminal(e.id)}}>
+              <span>${e.name}${e.exited?" · exited":""}</span>
+              <small @click=${i=>{this.closeTerminal(e.id,i)}}>×</small>
+            </button>
+          `)}
+          <button class="new" ?disabled=${this.workspace===void 0} @click=${()=>{this.startTerminal()}}>+ Shell</button>
+        </div>
+        ${this.error===void 0?null:d`<p class="error">${this.error}</p>`}
+        ${this.loading?d`<p class="muted">Loading terminals…</p>`:null}
+        <div class="terminal-host"></div>
+      </section>
+    `}};o.styles=f`
+    :host { flex: 1 1 auto; min-height: 0; display: flex; }
+    .terminal-shell { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; overflow: hidden; background: #05070a; }
+    .terminal-tabs { flex: 0 0 auto; display: flex; gap: 6px; align-items: center; padding: 6px; border-bottom: 1px solid #21262d; background: #0d1117; overflow: auto; }
+    button { display: inline-flex; align-items: center; gap: 6px; min-width: 0; max-width: 180px; border: 1px solid #30363d; border-radius: 7px; background: #161b22; color: #e6edf3; padding: 5px 7px; cursor: pointer; }
+    button.selected { border-color: #58a6ff; background: #0d2847; }
+    button.new { flex: 0 0 auto; color: #8b949e; }
+    button span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+    button small { color: #8b949e; font-size: 14px; line-height: 1; }
+    button small:hover { color: #ff7b72; }
+    button:disabled { opacity: .5; cursor: not-allowed; }
+    .terminal-host { flex: 1 1 auto; min-height: 0; padding: 6px; box-sizing: border-box; overflow: hidden; }
+    .terminal-host .xterm { height: 100%; cursor: text; position: relative; user-select: none; }
+    .terminal-host .xterm.focus, .terminal-host .xterm:focus { outline: none; }
+    .terminal-host .xterm-helpers { position: absolute; top: 0; z-index: 5; }
+    .terminal-host .xterm-helper-textarea { position: absolute !important; left: -9999em !important; top: 0 !important; width: 0 !important; height: 0 !important; min-width: 0 !important; min-height: 0 !important; padding: 0 !important; border: 0 !important; margin: 0 !important; opacity: 0 !important; z-index: -5 !important; white-space: nowrap !important; overflow: hidden !important; resize: none !important; outline: 0 !important; appearance: none !important; }
+    .terminal-host .xterm-viewport { position: absolute; inset: 0; overflow-y: scroll; cursor: default; background-color: #05070a; }
+    .terminal-host .xterm-screen { position: relative; }
+    .terminal-host .xterm-screen canvas { position: absolute; left: 0; top: 0; }
+    .terminal-host .xterm-char-measure-element { display: inline-block; visibility: hidden; position: absolute; top: 0; left: -9999em; line-height: normal; }
+    .terminal-host .xterm-accessibility:not(.debug), .terminal-host .xterm-message { position: absolute; inset: 0; z-index: 10; color: transparent; pointer-events: none; }
+    .terminal-host .xterm-accessibility-tree:not(.debug) *::selection { color: transparent; }
+    .terminal-host .xterm-accessibility-tree { font-family: monospace; user-select: text; white-space: pre; }
+    .terminal-host .xterm-accessibility-tree > div { transform-origin: left; width: fit-content; }
+    .terminal-host .live-region { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
+    .error { flex: 0 0 auto; margin: 0; padding: 8px; color: #ff7b72; border-bottom: 1px solid #30363d; background: #161b22; }
+    .muted { margin: 10px; color: #8b949e; }
+    .xterm { height: 100%; }
+  `;n([u({attribute:!1})],o.prototype,"workspace",2);n([b(".terminal-host")],o.prototype,"terminalHost",2);n([l()],o.prototype,"terminals",2);n([l()],o.prototype,"selectedId",2);n([l()],o.prototype,"loading",2);n([l()],o.prototype,"error",2);n([l()],o.prototype,"visible",2);o=n([v("terminal-panel")],o);function k(e){const i=JSON.parse(e);if(!S(i))return{type:"error",message:"Invalid terminal message"};const t=i;return t.type==="output"&&typeof t.data=="string"?{type:"output",data:t.data}:t.type==="exit"?{type:"exit",...typeof t.exitCode=="number"?{exitCode:t.exitCode}:{}}:t.type==="error"&&typeof t.message=="string"?{type:"error",message:t.message}:{type:"error",message:"Invalid terminal message"}}async function T(e){return typeof e=="string"?e:e instanceof ArrayBuffer?new TextDecoder().decode(e):e instanceof Blob?await e.text():String(e)}function S(e){return typeof e=="object"&&e!==null}export{o as TerminalPanel};