npm - coxpit - Versions diffs - 5.26.2 → 5.27.0 - Mend

coxpit 5.26.2 → 5.27.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "coxpit",
-  "version": "5.26.2",
+  "version": "5.27.0",
   "description": "Self-hosted cockpit for running a fleet of AI coding agents across your own machines — parallel worktree runs, live board, compare & merge, web terminal, design capture.",
   "type": "module",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -44,6 +44,7 @@
   "dependencies": {
     "@fastify/websocket": "^11",
     "@libsql/client": "^0.14",
+    "@xterm/addon-clipboard": "^0.1.0",
     "@xterm/addon-fit": "^0.10.0",
     "@xterm/addon-search": "^0.15.0",
     "@xterm/addon-unicode11": "^0.8.0",

package/src/cockpit.ts CHANGED Viewed

@@ -552,6 +552,7 @@ export const COCKPIT_HTML = /* html */ `<!doctype html>
 <script src="/vendor/addon-unicode11.js"></script>
 <script src="/vendor/addon-web-links.js"></script>
 <script src="/vendor/addon-search.js"></script>
+<script src="/vendor/addon-clipboard.js"></script>
 <script src="/vendor/marked.js"></script>
 <script>
   // 모바일 = 터미널 우선을 유지하되 좁은 화면에 맞춤(드로어 트리 + 단일 터미널 + IME 입력바).
@@ -770,15 +771,27 @@ export const COCKPIT_HTML = /* html */ `<!doctype html>
       }
       cb(links.length?links:undefined);
     }}); }catch(e){}
+    // OSC 52 클립보드 — 터미널 안 앱(claude 등)이 "복사"하면 실제 시스템 클립보드로. (앱은 됐다는데 안 붙던 원인)
+    try{ term.loadAddon(new window.ClipboardAddon.ClipboardAddon()); }catch(e){}
     // 스크롤백 검색(⌘F) — SearchAddon. t.search 에 보관, 검색바가 findNext/Previous 호출.
     var search=null; try{ search=new window.SearchAddon.SearchAddon(); term.loadAddon(search);
       search.onDidChangeResults(function(e){ if($('termFind') && !$('termFind').hidden && focusedRunId()===runId){ var c=$('findCount'); if(c){ var n=(e&&e.resultCount)||0; c.textContent = n ? (((e.resultIndex>=0?e.resultIndex+1:0))+'/'+n) : '0'; } } });
     }catch(e){}
     // 복사 배선: xterm 은 user-select:none 이라 네이티브 선택이 없다 → term.getSelection() 을 직접 클립보드로.
     // ① 드래그 놓으면 자동 복사(select-to-copy) ② Cmd/Ctrl+C 로도 복사(선택 없으면 통과 → SIGINT).
+    // 복사: clipboard API 우선(HTTPS·PWA), 실패하면 execCommand 폴백(iOS 포함). 항상 토스트로 확인.
+    var copyFallback=function(s){ var ok=false;
+      try{ var ta=document.createElement('textarea'); ta.value=s; ta.setAttribute('readonly',''); ta.contentEditable='true';
+        ta.style.position='fixed'; ta.style.top='-9999px'; ta.style.opacity='0'; document.body.appendChild(ta);
+        var r=document.createRange(); r.selectNodeContents(ta); var sel=window.getSelection(); sel.removeAllRanges(); sel.addRange(r);
+        try{ ta.setSelectionRange(0, s.length); }catch(e){}
+        ok=document.execCommand('copy'); document.body.removeChild(ta);
+      }catch(e){ ok=false; }
+      toast(ok?('복사됨 · '+s.length+'자'):'복사 실패 — 브라우저가 클립보드를 막았어요'); };
     var copySel=function(){ var s=''; try{ s=term.getSelection(); }catch(e){} if(!s) return false;
-      try{ if(navigator.clipboard&&navigator.clipboard.writeText) navigator.clipboard.writeText(s); }catch(e){}
-      try{ var ta=document.createElement('textarea'); ta.value=s; ta.style.position='fixed'; ta.style.opacity='0'; document.body.appendChild(ta); ta.select(); document.execCommand('copy'); document.body.removeChild(ta); }catch(e){}
+      if(navigator.clipboard && navigator.clipboard.writeText){
+        navigator.clipboard.writeText(s).then(function(){ toast('복사됨 · '+s.length+'자'); }).catch(function(){ copyFallback(s); });
+      } else { copyFallback(s); }
       return true; };
     host.addEventListener('mouseup', function(){ copySel(); });
     host.addEventListener('touchend', function(){ copySel(); });
@@ -1169,14 +1182,38 @@ export const COCKPIT_HTML = /* html */ `<!doctype html>
     if (e.target.closest('.leaf-h .x')){ closeSlot(leaf.dataset.leaf); return; }
     setLeafFocus(leaf.dataset.leaf);
   });
-  $('panes').addEventListener('dragover', function(e){ var body=e.target.closest('[data-leafbody]'); if(body && dragRunId!=null){ e.preventDefault(); body.classList.add('drop'); } });
+  function dragHasFiles(e){ try{ return e.dataTransfer && Array.prototype.indexOf.call(e.dataTransfer.types||[],'Files')>=0; }catch(_){ return false; } }
+  $('panes').addEventListener('dragover', function(e){ var body=e.target.closest('[data-leafbody]'); if(body && (dragRunId!=null || dragHasFiles(e))){ e.preventDefault(); if(dragHasFiles(e)) try{ e.dataTransfer.dropEffect='copy'; }catch(_){}; body.classList.add('drop'); } });
   $('panes').addEventListener('dragleave', function(e){ var body=e.target.closest('[data-leafbody]'); if(body) body.classList.remove('drop'); });
   $('panes').addEventListener('drop', function(e){
-    var body=e.target.closest('[data-leafbody]'); if(!body || dragRunId==null) return; e.preventDefault(); body.classList.remove('drop');
+    var body=e.target.closest('[data-leafbody]'); if(!body) return;
+    if(dragHasFiles(e)){ e.preventDefault(); body.classList.remove('drop'); var lf=findLeaf(body.dataset.leafbody);
+      if(lf && lf.tab!=null && e.dataTransfer.files && e.dataTransfer.files.length) uploadToTab(lf.tab, e.dataTransfer.files); else toast('업로드할 터미널 페인이 아닙니다'); return; }
+    if(dragRunId==null) return; e.preventDefault(); body.classList.remove('drop');
     var l=findLeaf(body.dataset.leafbody); if(!l) return;
     var rid=dragRunId; eachLeaf(layout,function(x){ if(x.tab===rid) x.tab=null; });
     ensureTab(rid); l.tab=rid; focusLeaf=l.id; render(); renderTree();
   });
+  // 파일 첨부 — 로컬 파일을 그 페인 run 의 작업폴더(cwd)로 업로드하고 경로를 터미널에 삽입.
+  function uploadToTab(tabId, files){
+    var t=tabs[tabId]; if(!t || t.kind==='viewer' || !t.ws){ toast('터미널 페인에만 첨부할 수 있어요'); return; }
+    var r=runById[tabId]; var cwd=r&&r.worktreePath; if(!cwd){ toast('이 페인의 작업 폴더를 몰라 첨부할 수 없어요'); return; }
+    Array.prototype.forEach.call(files, function(file){
+      if(file.size > 25*1024*1024){ toast('너무 큼(25MB 초과): '+file.name); return; }
+      var reader=new FileReader();
+      reader.onload=function(){
+        var b64=String(reader.result||'').split(',')[1]||'';
+        fetch('/api/fs/upload',{method:'POST',headers:{'content-type':'application/json'},body:JSON.stringify({path:cwd, name:file.name, dataB64:b64})})
+          .then(function(x){return x.json();}).then(function(d){
+            if(d.error){ toast('첨부 실패: '+d.error); return; }
+            var p=d.path; var ins=/[ "'\\\\]/.test(p) ? ('"'+p.replace(/(["\\\\])/g,'\\\\$1')+'"') : p;
+            if(t.ws && t.ws.readyState===1) t.ws.send(JSON.stringify({t:'i', d:ins+' '}));
+            toast('첨부됨 · '+d.name+' → 경로 삽입');
+          }).catch(function(){ toast('첨부 실패'); });
+      };
+      reader.readAsDataURL(file);
+    });
+  }
   $('panes').addEventListener('mousedown', function(e){
     var g=e.target.closest('[data-gutter]'); if(!g) return; e.preventDefault();
     var node=findSplit(g.dataset.gutter); if(!node) return;

package/src/files.ts CHANGED Viewed

@@ -186,6 +186,25 @@ export async function readRaw(input?: string) {
   return { path, name: pbasename(path), mime: mimeFor(path), buf: await readFile(path) };
 }
+const MAX_UPLOAD = 25 * 1024 * 1024;   // 25MB
+// Save an uploaded file into a directory (within root). Returns the final path (dedup, never clobbers).
+export async function uploadFile(dir: string, name: string, buf: Buffer) {
+  if (buf.length > MAX_UPLOAD) throw new Error('파일이 너무 큽니다 (25MB 초과)');
+  const base = (name || 'file').replace(/[\/\x00]/g, '_').replace(/^\.+/, '').slice(0, 200) || 'file';
+  const dot = base.lastIndexOf('.');
+  const stem = dot > 0 ? base.slice(0, dot) : base;
+  const ext = dot > 0 ? base.slice(dot) : '';
+  const cleanDir = (dir || '').replace(/\/+$/, '');
+  let path = await jail(cleanDir + '/' + base);   // jail validates within root
+  for (let i = 1; i < 100; i++) {
+    const st = await stat(path).catch(() => null);
+    if (!st) break;                                 // free name
+    path = await jail(cleanDir + '/' + stem + '-' + i + ext);
+  }
+  await writeFile(path, buf);
+  return { path, name: pbasename(path), size: buf.length };
+}
 export async function writeText(input: string, content: string) {
   let path: string;
   try { path = await jail(input); } catch (e) { throw friendly(e); }

package/src/server.ts CHANGED Viewed

@@ -26,7 +26,7 @@ import { getProvider, listProviders } from './providers';
 import { remoteState, setServe, setFunnel } from './remote';
 import { BOARD_HTML } from './board';
 import { COCKPIT_HTML } from './cockpit';
-import { listDir as fsListDir, readForView as fsReadForView, readRaw as fsReadRaw, writeText as fsWriteText, findFiles as fsFindFiles } from './files';
+import { listDir as fsListDir, readForView as fsReadForView, readRaw as fsReadRaw, writeText as fsWriteText, findFiles as fsFindFiles, uploadFile as fsUploadFile } from './files';
 const require_ = createRequire(import.meta.url);
@@ -38,6 +38,7 @@ const VENDOR: Record<string, { pkg: string; rel: string; type: string }> = {
   'addon-unicode11.js': { pkg: '@xterm/addon-unicode11/package.json', rel: 'lib/addon-unicode11.js', type: 'text/javascript' },
   'addon-web-links.js': { pkg: '@xterm/addon-web-links/package.json', rel: 'lib/addon-web-links.js', type: 'text/javascript' },
   'addon-search.js': { pkg: '@xterm/addon-search/package.json', rel: 'lib/addon-search.js', type: 'text/javascript' },
+  'addon-clipboard.js': { pkg: '@xterm/addon-clipboard/package.json', rel: 'lib/addon-clipboard.js', type: 'text/javascript' },
   'marked.js': { pkg: 'marked/package.json', rel: 'marked.min.js', type: 'text/javascript' },
 };
@@ -784,6 +785,13 @@ export async function buildServer(): Promise<FastifyInstance> {
         .send(buf);
     } catch (e: any) { return reply.code(400).send({ error: String(e?.message || e) }); }
   });
+  // 파일 첨부 — 로컬 파일을 세션 폴더로 업로드(base64). 경로 삽입은 클라가 함. 32MB 바디 허용.
+  app.post('/api/fs/upload', { bodyLimit: 32 * 1024 * 1024 }, async (req, reply) => {
+    const b = (req.body ?? {}) as { path?: string; name?: string; dataB64?: string };
+    if (!b.path || !b.name || typeof b.dataB64 !== 'string') return reply.code(400).send({ error: 'path, name, dataB64 required' });
+    try { const buf = Buffer.from(b.dataB64, 'base64'); return await fsUploadFile(b.path, b.name, buf); }
+    catch (e: any) { return reply.code(400).send({ error: String(e?.message || e) }); }
+  });
   app.post('/api/fs/write', async (req, reply) => {
     const b = (req.body ?? {}) as { path?: string; content?: string };
     if (!b.path || typeof b.content !== 'string') return reply.code(400).send({ error: 'path and content required' });