claude-opencode-viewer 2.6.11 → 2.6.12

package/index-pc.html

@@ -395,58 +395,6 @@
       display: block;
     }
 
-    #copy-popup {
-      display: none;
-      position: fixed;
-      top: 50%;
-      left: 50%;
-      transform: translate(-50%, -50%);
-      background: #1a1a1a;
-      border: 1px solid #444;
-      border-radius: 8px;
-      padding: 16px;
-      z-index: 10000;
-      max-width: 80vw;
-      max-height: 60vh;
-    }
-    #copy-popup.show {
-      display: flex;
-      flex-direction: column;
-      gap: 10px;
-    }
-    #copy-popup textarea {
-      width: 500px;
-      max-width: 70vw;
-      height: 120px;
-      background: #0a0a0a;
-      color: #ccc;
-      border: 1px solid #333;
-      border-radius: 4px;
-      padding: 8px;
-      font-family: Menlo, Monaco, monospace;
-      font-size: 12px;
-      resize: vertical;
-    }
-    #copy-popup .popup-actions {
-      display: flex;
-      justify-content: flex-end;
-      gap: 8px;
-    }
-    #copy-popup button {
-      padding: 6px 16px;
-      border: none;
-      border-radius: 4px;
-      cursor: pointer;
-      font-size: 13px;
-    }
-    #copy-popup .btn-copy {
-      background: #2563eb;
-      color: #fff;
-    }
-    #copy-popup .btn-close {
-      background: #333;
-      color: #ccc;
-    }
 
     /* Git Diff 面板 */
     #git-diff-bar {
@@ -786,14 +734,6 @@
   </div>
 
   <div id="copy-toast">已复制</div>
-  <div id="copy-popup">
-    <div style="color:#ccc;font-size:13px;">剪贴板写入需要 HTTPS，请手动复制：</div>
-    <textarea id="copy-popup-text" readonly></textarea>
-    <div class="popup-actions">
-      <button class="btn-copy" onclick="document.getElementById('copy-popup-text').select();document.execCommand('copy');document.getElementById('copy-popup').classList.remove('show');">选中并复制</button>
-      <button class="btn-close" onclick="document.getElementById('copy-popup').classList.remove('show');">关闭</button>
-    </div>
-  </div>
   <script src="https://cdn.jsdelivr.net/npm/@xterm/xterm@5.5.0/lib/xterm.min.js"></script>
   <script>
     (function() {
@@ -842,19 +782,15 @@
         try {
           var bytes = Uint8Array.from(atob(b64), function(c) { return c.charCodeAt(0); });
           var text = new TextDecoder().decode(bytes);
-          if (navigator.clipboard && navigator.clipboard.writeText) {
-            navigator.clipboard.writeText(text).then(function() {
-              showCopyToast();
-            }).catch(function() {
-              showCopyPopup(text);
-            });
-          } else {
-            showCopyPopup(text);
-          }
+          copyToClipboard(text);
         } catch (e) {}
         return true;
       });
 
+      // 自动检测反向代理子路径，确保 API/WS 请求带正确前缀
+      var basePath = location.pathname.replace(/\/[^/]*$/, '');
+      if (basePath === '' || basePath === '/') basePath = '';
+
       var modeSelect = document.getElementById('mode-select');
       var terminalEl = document.getElementById('terminal');
       var ws = null;
@@ -1270,7 +1206,7 @@
 
       function connect() {
         var proto = location.protocol === 'https:' ? 'wss:' : 'ws:';
-        ws = new WebSocket(proto + '//' + location.host + '/ws');
+        ws = new WebSocket(proto + '//' + location.host + basePath + '/ws');
 
         ws.onopen = function() {
           isBufferReplay = true;
@@ -1416,7 +1352,7 @@
         var sessionList = document.getElementById('session-list');
         sessionList.innerHTML = '<div class="session-loading">加载历史会话...</div>';
 
-        fetch('/api/sessions')
+        fetch(basePath + '/api/sessions')
           .then(function(response) { return response.json(); })
           .then(function(data) {
             sessions = data;
@@ -1499,7 +1435,7 @@
         itemEl.style.opacity = '0.4';
         itemEl.style.pointerEvents = 'none';
 
-        fetch('/api/session/' + sessionId, { method: 'DELETE' })
+        fetch(basePath + '/api/session/' + sessionId, { method: 'DELETE' })
           .then(function(r) { return r.json(); })
           .then(function(data) {
             if (data.ok) {
@@ -1645,15 +1581,6 @@
         showCopyToast();
       }
 
-      function showCopyPopup(text) {
-        var popup = document.getElementById('copy-popup');
-        var ta = document.getElementById('copy-popup-text');
-        ta.value = text;
-        popup.classList.add('show');
-        ta.focus();
-        ta.select();
-      }
-
       function showCopyToast() {
         var toast = document.getElementById('copy-toast');
         toast.classList.add('show');
@@ -1732,7 +1659,7 @@
         fileList.innerHTML = '<div class="git-diff-loading">加载中...</div>';
         document.getElementById('git-diff-count').textContent = '0';
 
-        fetch('/api/git-status')
+        fetch(basePath + '/api/git-status')
           .then(function(r) { return r.json(); })
           .then(function(data) {
             diffChanges = data.changes || [];
@@ -1780,7 +1707,7 @@
         var area = document.getElementById('git-diff-content-area');
         area.innerHTML = '<div class="git-diff-loading">加载 diff...</div>';
 
-        fetch('/api/git-diff?files=' + encodeURIComponent(file))
+        fetch(basePath + '/api/git-diff?files=' + encodeURIComponent(file))
           .then(function(r) { return r.json(); })
           .then(function(data) {
             if (!data.diffs || !data.diffs[0]) {

package/index.html

@@ -850,6 +850,10 @@
         return true;
       });
 
+      // 自动检测反向代理子路径，确保 API/WS 请求带正确前缀
+      var basePath = location.pathname.replace(/\/[^/]*$/, '');
+      if (basePath === '' || basePath === '/') basePath = '';
+
       var modeSelect = document.getElementById('mode-select');
       var terminalEl = document.getElementById('terminal');
       var ws = null;
@@ -1327,7 +1331,7 @@
 
       function connect() {
         var proto = location.protocol === 'https:' ? 'wss:' : 'ws:';
-        ws = new WebSocket(proto + '//' + location.host + '/ws');
+        ws = new WebSocket(proto + '//' + location.host + basePath + '/ws');
 
         ws.onopen = function() {
           resize();
@@ -1578,7 +1582,7 @@
         var sessionList = document.getElementById('session-list');
         sessionList.innerHTML = '<div class="session-loading">加载历史会话...</div>';
 
-        fetch('/api/sessions')
+        fetch(basePath + '/api/sessions')
           .then(function(response) { return response.json(); })
           .then(function(data) {
             sessions = data;
@@ -1661,7 +1665,7 @@
         itemEl.style.opacity = '0.4';
         itemEl.style.pointerEvents = 'none';
 
-        fetch('/api/session/' + sessionId, { method: 'DELETE' })
+        fetch(basePath + '/api/session/' + sessionId, { method: 'DELETE' })
           .then(function(r) { return r.json(); })
           .then(function(data) {
             if (data.ok) {
@@ -1885,7 +1889,7 @@
         fileList.innerHTML = '<div class="git-diff-loading">加载中...</div>';
         document.getElementById('git-diff-count').textContent = '0';
 
-        fetch('/api/git-status')
+        fetch(basePath + '/api/git-status')
           .then(function(r) { return r.json(); })
           .then(function(data) {
             diffChanges = data.changes || [];
@@ -1933,7 +1937,7 @@
         var area = document.getElementById('git-diff-content-area');
         area.innerHTML = '<div class="git-diff-loading">加载 diff...</div>';
 
-        fetch('/api/git-diff?files=' + encodeURIComponent(file))
+        fetch(basePath + '/api/git-diff?files=' + encodeURIComponent(file))
           .then(function(r) { return r.json(); })
           .then(function(data) {
             if (!data.diffs || !data.diffs[0]) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-opencode-viewer",
-  "version": "2.6.11",
+  "version": "2.6.12",
   "description": "A unified terminal viewer for Claude Code and OpenCode with seamless switching",
   "type": "module",
   "main": "server.js",