feat: Add Local Echo

Author: dalaolala

frontend/package-lock.json

@@ -21,7 +21,8 @@
     "vue-router": "^4.2.5",
     "xterm": "^5.3.0",
     "xterm-addon-fit": "^0.8.0",
-    "xterm-addon-web-links": "^0.9.0"
+    "xterm-addon-web-links": "^0.9.0",
+    "xterm-zerolag-input": "^0.1.4"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^4.4.0",

frontend/package.json

@@ -50,6 +50,7 @@ import { ref, onMounted, onUnmounted, nextTick, watch } from 'vue'
 import { Terminal } from 'xterm'
 import { FitAddon } from 'xterm-addon-fit'
 import { WebLinksAddon } from 'xterm-addon-web-links'
+import { ZerolagInputAddon } from 'xterm-zerolag-input'
 import 'xterm/css/xterm.css'
 import { DocumentCopy, DocumentAdd, Select, Delete } from '@element-plus/icons-vue'
 import { ElMessage } from 'element-plus'
@@ -67,6 +68,7 @@ const terminalRef = ref(null)
 
 let term = null
 let fitAddon = null
+let zerolag = null
 let isComposing = false
 let wheelHandler = null
 let viewportWheelHandler = null
@@ -142,6 +144,11 @@ const initTerminal = () => {
   const webLinksAddon = new WebLinksAddon()
   term.loadAddon(webLinksAddon)
   
+  zerolag = new ZerolagInputAddon({
+    prompt: { type: 'regex', pattern: /[$#%❯>]\s*$/, offset: 2 }
+  })
+  term.loadAddon(zerolag)
+  
   if (terminalRef.value) {
     term.open(terminalRef.value)
     fitAddon.fit()
@@ -161,7 +168,20 @@ const initTerminal = () => {
     // Terminal input handler
     term.onData((data) => {
       if (isComposing) return
-      emit('data', data)
+      
+      if (data === '\r') {
+        zerolag.clear()
+        emit('data', data)
+      } else if (data === '\x7f' || data === '\b') {
+        zerolag.removeChar()
+        emit('data', data)
+      } else if (data.length === 1 && data.charCodeAt(0) >= 32) {
+        zerolag.addChar(data)
+        emit('data', data)
+      } else {
+        zerolag.clear()
+        emit('data', data)
+      }
     })
 
     term.onSelectionChange(() => {
@@ -198,6 +218,7 @@ const initTerminal = () => {
       if (event.code === 'Space' || event.key === ' ') {
         event.preventDefault()
         if (props.isConnected) {
+          if (zerolag) zerolag.addChar(' ')
           emit('data', ' ')
           term.scrollToBottom()
         }
@@ -212,6 +233,7 @@ const initTerminal = () => {
         event.preventDefault()
         navigator.clipboard.readText().then(text => {
           if (props.isConnected) {
+            if (zerolag && text) zerolag.appendText(text)
             emit('data', text)
           }
         }).catch(err => console.warn('Paste failed:', err))
@@ -228,6 +250,13 @@ const initTerminal = () => {
       }
       return true
     })
+
+    // Rerender after write parsed
+    term.onWriteParsed(() => {
+      if (zerolag && zerolag.hasPending) {
+        zerolag.rerender()
+      }
+    })
   }
 }
 
@@ -330,6 +359,7 @@ const focus = () => {
 }
 
 const clear = () => {
+  if (zerolag) zerolag.clear()
   if (term) term.clear()
 }