@zhongqian97-code/ecode 0.5.62 → 0.5.64

package/dist/index.js

@@ -802,7 +802,7 @@ if (rawArgs[0] === "web") {
       webAutoApprove = true;
     }
   }
-  const { buildServer, generateAccessToken } = await import("./web-N7JFJIBC.js");
+  const { buildServer, generateAccessToken } = await import("./web-X3KX3RJL.js");
   const token = finalConfig.webToken ?? generateAccessToken();
   const manager = new SessionManager(finalConfig);
   const __webDirname = dirname(fileURLToPath(import.meta.url));

package/dist/{web-N7JFJIBC.js → web-X3KX3RJL.js}

@@ -56,7 +56,10 @@ function generateAdminHtml(version) {
       font-family: "Courier New", Courier, monospace;
       background: #0d1117;
       color: #c9d1d9;
-      height: 100vh;
+      /* zoom \u653E\u5927\u6574\u4F53 UI\uFF1Bcalc \u8865\u507F\u8BA9\u89C6\u53E3\u9501\u5B9A\uFF0C\u907F\u514D 100vh \u88AB\u653E\u5927\u540E\u6EA2\u51FA */
+      zoom: var(--zoom, 1);
+      width: calc(100vw / var(--zoom, 1));
+      height: calc(100vh / var(--zoom, 1));
       display: flex;
       flex-direction: column;
       overflow: hidden;
@@ -510,6 +513,8 @@ function generateAdminHtml(version) {
     <h1>\u26A1 ecode web admin</h1>
     <span class="version">v${version}</span>
     <span id="topbar-model" class="version" style="display:none"></span>
+    <button id="zoom-out-btn" class="btn" title="\u7F29\u5C0F (Ctrl/Cmd -)" aria-label="\u7F29\u5C0F\u5B57\u4F53">A\u2212</button>
+    <button id="zoom-in-btn" class="btn" title="\u653E\u5927 (Ctrl/Cmd +)" aria-label="\u653E\u5927\u5B57\u4F53">A+</button>
     <button id="config-btn" class="btn">\u914D\u7F6E</button>
     <button id="upgrade-btn" class="btn">\u5347\u7EA7</button>
     <button id="toggle-tools-btn" class="btn">\u5DE5\u5177 \u25BE</button>
@@ -607,6 +612,7 @@ function generateAdminHtml(version) {
       showTools: true,
       skills: [],            // cached skills from /api/skills
       skillsLoaded: false,
+      zoom: 1,               // \u5168\u5C40 UI \u7F29\u653E\u7CFB\u6570
     };
 
     // \u2500\u2500 Toast \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
@@ -670,20 +676,45 @@ function generateAdminHtml(version) {
 
     // Basic markdown \u2192 HTML (no libs)
     function renderMarkdown(text) {
-      // Escape HTML first
-      let s = text
-        .replace(/&/g, '&amp;')
-        .replace(/</g, '&lt;')
-        .replace(/>/g, '&gt;');
-      // Code blocks (use highlightCode for syntax coloring)
-      s = s.replace(/\`\`\`([\\s\\S]*?)\`\`\`/g, (_, code) =>
-        '<pre><code>' + highlightCode(code.trim()) + '</code></pre>');
-      // Inline code
-      s = s.replace(/\`([^\`]+)\`/g, '<code>$1</code>');
-      // Bold
+      // Protect fenced/inline code BEFORE escaping (highlightCode/escHtml escape internally)
+      const codeBlocks = [];
+      let s = String(text).replace(/\`\`\`([\\s\\S]*?)\`\`\`/g, (_, code) => {
+        codeBlocks.push('<pre><code>' + highlightCode(code.replace(/^\\n+/, '').replace(/\\n+$/, '')) + '</code></pre>');
+        return '\\u0001CB' + (codeBlocks.length - 1) + '\\u0001';
+      });
+      const inlineCode = [];
+      s = s.replace(/\`([^\`]+)\`/g, (_, code) => {
+        inlineCode.push('<code>' + escHtml(code) + '</code>');
+        return '\\u0001IC' + (inlineCode.length - 1) + '\\u0001';
+      });
+      // Escape remaining text
+      s = escHtml(s);
+      // Inline: links, bold, italic, strikethrough
+      s = s.replace(/\\[([^\\]]+)\\]\\(([^)\\s]+)\\)/g, '<a href="$2" target="_blank" rel="noopener">$1</a>');
       s = s.replace(/\\*\\*([^*]+)\\*\\*/g, '<strong>$1</strong>');
+      s = s.replace(/(^|[^*])\\*([^*\\n]+)\\*/g, '$1<em>$2</em>');
+      s = s.replace(/~~([^~]+)~~/g, '<del>$1</del>');
+      // Block: headers + lists, line by line
+      const lines = s.split('\\n');
+      const out = [];
+      let listType = null;
+      const closeList = () => { if (listType) { out.push('</' + listType + '>'); listType = null; } };
+      for (const line of lines) {
+        const h = line.match(/^(#+)\\s+(.*)$/);
+        const ul = line.match(/^\\s*[-*]\\s+(.*)$/);
+        const ol = line.match(/^\\s*\\d+\\.\\s+(.*)$/);
+        if (h) { closeList(); const lvl = Math.min(h[1].length, 6); out.push('<h' + lvl + '>' + h[2] + '</h' + lvl + '>'); }
+        else if (ul) { if (listType !== 'ul') { closeList(); out.push('<ul>'); listType = 'ul'; } out.push('<li>' + ul[1] + '</li>'); }
+        else if (ol) { if (listType !== 'ol') { closeList(); out.push('<ol>'); listType = 'ol'; } out.push('<li>' + ol[1] + '</li>'); }
+        else { closeList(); out.push(line); }
+      }
+      closeList();
+      s = out.join('\\n');
       // Paragraph breaks
       s = s.replace(/\\n\\n+/g, '</p><p>');
+      // Restore code placeholders
+      s = s.replace(/\\u0001CB(\\d+)\\u0001/g, (_, i) => codeBlocks[+i]);
+      s = s.replace(/\\u0001IC(\\d+)\\u0001/g, (_, i) => inlineCode[+i]);
       return '<p>' + s + '</p>';
     }
 
@@ -834,7 +865,10 @@ function generateAdminHtml(version) {
     function finalizeStreamingMsg() {
       if (state.streamingMsgEl) {
         const body = state.streamingMsgEl.querySelector('.msg-body');
-        if (body) body.classList.remove('cursor-blink');
+        if (body) {
+          body.classList.remove('cursor-blink');
+          body.innerHTML = renderMarkdown(body.textContent);
+        }
         state.streamingMsgEl = null;
       }
       state.streamingThinkEl = null;
@@ -1363,6 +1397,32 @@ function generateAdminHtml(version) {
       }
     }
 
+    // \u2500\u2500 \u5168\u5C40 UI \u7F29\u653E \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+    function clampZoom(z) {
+      z = Math.round(z * 10) / 10;
+      if (!(z > 0)) z = 1;
+      return Math.min(2, Math.max(0.6, z));
+    }
+    function applyZoom(z) {
+      state.zoom = clampZoom(z);
+      document.documentElement.style.setProperty('--zoom', state.zoom);
+      try { localStorage.setItem('ecode-zoom', String(state.zoom)); } catch {}
+    }
+    function initZoom() {
+      let z = 1;
+      try { z = parseFloat(localStorage.getItem('ecode-zoom')) || 1; } catch {}
+      applyZoom(z);
+    }
+    document.getElementById('zoom-in-btn').addEventListener('click', () => applyZoom(state.zoom + 0.1));
+    document.getElementById('zoom-out-btn').addEventListener('click', () => applyZoom(state.zoom - 0.1));
+    document.addEventListener('keydown', function(e) {
+      if (!(e.ctrlKey || e.metaKey)) return;
+      if (e.key === '=' || e.key === '+') { e.preventDefault(); applyZoom(state.zoom + 0.1); }
+      else if (e.key === '-' || e.key === '_') { e.preventDefault(); applyZoom(state.zoom - 0.1); }
+      else if (e.key === '0') { e.preventDefault(); applyZoom(1); }
+    });
+
+    initZoom();
     loadSessions();
     initModel();
   </script>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zhongqian97-code/ecode",
-  "version": "0.5.62",
+  "version": "0.5.64",
   "description": "A minimal Claude Code clone with REPL interface and bash tool calling",
   "type": "module",
   "author": "zhongqian97-code",