npm - ttyd-mux - Versions diffs - 0.3.0 → 0.4.0 - Mend

ttyd-mux 0.3.0 → 0.4.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 (196) hide show

package/README.md +105 -1
package/dist/caddy/client.d.ts +3 -55
package/dist/caddy/client.d.ts.map +1 -1
package/dist/caddy/client.js +0 -73
package/dist/caddy/client.js.map +1 -1
package/dist/caddy/route-builder.d.ts +49 -0
package/dist/caddy/route-builder.d.ts.map +1 -0
package/dist/caddy/route-builder.js +175 -0
package/dist/caddy/route-builder.js.map +1 -0
package/dist/caddy/types.d.ts +27 -0
package/dist/caddy/types.d.ts.map +1 -0
package/dist/caddy/types.js +3 -0
package/dist/caddy/types.js.map +1 -0
package/dist/client/api-client.d.ts +26 -0
package/dist/client/api-client.d.ts.map +1 -0
package/dist/client/api-client.js +62 -0
package/dist/client/api-client.js.map +1 -0
package/dist/client/daemon-client.d.ts +48 -0
package/dist/client/daemon-client.d.ts.map +1 -0
package/dist/client/daemon-client.js +205 -0
package/dist/client/daemon-client.js.map +1 -0
package/dist/client/index.d.ts +2 -10
package/dist/client/index.d.ts.map +1 -1
package/dist/client/index.js +4 -136
package/dist/client/index.js.map +1 -1
package/dist/commands/attach.js +3 -4
package/dist/commands/attach.js.map +1 -1
package/dist/commands/caddy.d.ts +2 -1
package/dist/commands/caddy.d.ts.map +1 -1
package/dist/commands/caddy.js +227 -75
package/dist/commands/caddy.js.map +1 -1
package/dist/commands/daemon.js.map +1 -1
package/dist/commands/deploy.d.ts +7 -0
package/dist/commands/deploy.d.ts.map +1 -0
package/dist/commands/deploy.js +100 -0
package/dist/commands/deploy.js.map +1 -0
package/dist/commands/doctor.d.ts +8 -0
package/dist/commands/doctor.d.ts.map +1 -0
package/dist/commands/doctor.js +180 -0
package/dist/commands/doctor.js.map +1 -0
package/dist/commands/down.d.ts.map +1 -1
package/dist/commands/down.js +11 -0
package/dist/commands/down.js.map +1 -1
package/dist/commands/reload.d.ts +14 -0
package/dist/commands/reload.d.ts.map +1 -0
package/dist/commands/reload.js +50 -0
package/dist/commands/reload.js.map +1 -0
package/dist/commands/shutdown.d.ts +2 -1
package/dist/commands/shutdown.d.ts.map +1 -1
package/dist/commands/shutdown.js +8 -2
package/dist/commands/shutdown.js.map +1 -1
package/dist/commands/start.d.ts.map +1 -1
package/dist/commands/start.js +16 -3
package/dist/commands/start.js.map +1 -1
package/dist/commands/status.js.map +1 -1
package/dist/commands/stop.js.map +1 -1
package/dist/commands/up.js.map +1 -1
package/dist/config/config.d.ts.map +1 -1
package/dist/config/config.js +9 -2
package/dist/config/config.js.map +1 -1
package/dist/config/index.d.ts +3 -3
package/dist/config/index.d.ts.map +1 -1
package/dist/config/index.js +6 -3
package/dist/config/index.js.map +1 -1
package/dist/config/state-store.d.ts +27 -0
package/dist/config/state-store.d.ts.map +1 -0
package/dist/config/state-store.js +55 -0
package/dist/config/state-store.js.map +1 -0
package/dist/config/state.d.ts +6 -0
package/dist/config/state.d.ts.map +1 -1
package/dist/config/state.js +49 -14
package/dist/config/state.js.map +1 -1
package/dist/config/types.d.ts +35 -0
package/dist/config/types.d.ts.map +1 -1
package/dist/config/types.js +23 -1
package/dist/config/types.js.map +1 -1
package/dist/daemon/api-handler.d.ts +5 -0
package/dist/daemon/api-handler.d.ts.map +1 -0
package/dist/daemon/api-handler.js +97 -0
package/dist/daemon/api-handler.js.map +1 -0
package/dist/daemon/config-manager.d.ts +43 -0
package/dist/daemon/config-manager.d.ts.map +1 -0
package/dist/daemon/config-manager.js +154 -0
package/dist/daemon/config-manager.js.map +1 -0
package/dist/daemon/http-proxy.d.ts +27 -0
package/dist/daemon/http-proxy.d.ts.map +1 -0
package/dist/daemon/http-proxy.js +110 -0
package/dist/daemon/http-proxy.js.map +1 -0
package/dist/daemon/ime-helper.d.ts +1 -1
package/dist/daemon/ime-helper.d.ts.map +1 -1
package/dist/daemon/ime-helper.js +284 -10
package/dist/daemon/ime-helper.js.map +1 -1
package/dist/daemon/index.d.ts.map +1 -1
package/dist/daemon/index.js +134 -29
package/dist/daemon/index.js.map +1 -1
package/dist/daemon/portal-utils.d.ts +20 -0
package/dist/daemon/portal-utils.d.ts.map +1 -0
package/dist/daemon/portal-utils.js +109 -0
package/dist/daemon/portal-utils.js.map +1 -0
package/dist/daemon/portal.d.ts.map +1 -1
package/dist/daemon/portal.js +20 -77
package/dist/daemon/portal.js.map +1 -1
package/dist/daemon/pwa.d.ts +52 -0
package/dist/daemon/pwa.d.ts.map +1 -0
package/dist/daemon/pwa.js +229 -0
package/dist/daemon/pwa.js.map +1 -0
package/dist/daemon/router.d.ts +15 -0
package/dist/daemon/router.d.ts.map +1 -0
package/dist/daemon/router.js +164 -0
package/dist/daemon/router.js.map +1 -0
package/dist/daemon/server.d.ts +15 -3
package/dist/daemon/server.d.ts.map +1 -1
package/dist/daemon/server.js +23 -271
package/dist/daemon/server.js.map +1 -1
package/dist/daemon/session-manager.d.ts +44 -10
package/dist/daemon/session-manager.d.ts.map +1 -1
package/dist/daemon/session-manager.js +125 -49
package/dist/daemon/session-manager.js.map +1 -1
package/dist/daemon/session-resolver.d.ts +1 -1
package/dist/daemon/session-resolver.d.ts.map +1 -1
package/dist/daemon/session-resolver.js.map +1 -1
package/dist/daemon/toolbar/config.d.ts +13 -0
package/dist/daemon/toolbar/config.d.ts.map +1 -0
package/dist/daemon/toolbar/config.js +13 -0
package/dist/daemon/toolbar/config.js.map +1 -0
package/dist/daemon/toolbar/index.d.ts +43 -0
package/dist/daemon/toolbar/index.d.ts.map +1 -0
package/dist/daemon/toolbar/index.js +835 -0
package/dist/daemon/toolbar/index.js.map +1 -0
package/dist/daemon/toolbar/styles.d.ts +5 -0
package/dist/daemon/toolbar/styles.d.ts.map +1 -0
package/dist/daemon/toolbar/styles.js +278 -0
package/dist/daemon/toolbar/styles.js.map +1 -0
package/dist/daemon/toolbar/template.d.ts +6 -0
package/dist/daemon/toolbar/template.d.ts.map +1 -0
package/dist/daemon/toolbar/template.js +45 -0
package/dist/daemon/toolbar/template.js.map +1 -0
package/dist/daemon/ws-proxy.d.ts +17 -0
package/dist/daemon/ws-proxy.d.ts.map +1 -0
package/dist/daemon/ws-proxy.js +95 -0
package/dist/daemon/ws-proxy.js.map +1 -0
package/dist/deploy/caddyfile.d.ts +8 -0
package/dist/deploy/caddyfile.d.ts.map +1 -0
package/dist/deploy/caddyfile.js +62 -0
package/dist/deploy/caddyfile.js.map +1 -0
package/dist/deploy/deploy-script.d.ts +8 -0
package/dist/deploy/deploy-script.d.ts.map +1 -0
package/dist/deploy/deploy-script.js +72 -0
package/dist/deploy/deploy-script.js.map +1 -0
package/dist/deploy/static-portal.d.ts +3 -0
package/dist/deploy/static-portal.d.ts.map +1 -0
package/dist/deploy/static-portal.js +59 -0
package/dist/deploy/static-portal.js.map +1 -0
package/dist/index.js +38 -9
package/dist/index.js.map +1 -1
package/dist/test-setup.d.ts +19 -0
package/dist/test-setup.d.ts.map +1 -0
package/dist/test-setup.js +33 -0
package/dist/test-setup.js.map +1 -0
package/dist/tmux.d.ts +28 -1
package/dist/tmux.d.ts.map +1 -1
package/dist/tmux.js +37 -32
package/dist/tmux.js.map +1 -1
package/dist/ui.d.ts +2 -1
package/dist/ui.d.ts.map +1 -1
package/dist/ui.js +16 -9
package/dist/ui.js.map +1 -1
package/dist/utils/errors.d.ts +4 -0
package/dist/utils/errors.d.ts.map +1 -1
package/dist/utils/errors.js +9 -1
package/dist/utils/errors.js.map +1 -1
package/dist/utils/logger.d.ts +14 -0
package/dist/utils/logger.d.ts.map +1 -0
package/dist/utils/logger.js +53 -0
package/dist/utils/logger.js.map +1 -0
package/dist/utils/process-runner.d.ts +50 -0
package/dist/utils/process-runner.d.ts.map +1 -0
package/dist/utils/process-runner.js +73 -0
package/dist/utils/process-runner.js.map +1 -0
package/dist/utils/socket-client.d.ts +24 -0
package/dist/utils/socket-client.d.ts.map +1 -0
package/dist/utils/socket-client.js +30 -0
package/dist/utils/socket-client.js.map +1 -0
package/dist/utils/tmux-client.d.ts +57 -0
package/dist/utils/tmux-client.d.ts.map +1 -0
package/dist/utils/tmux-client.js +117 -0
package/dist/utils/tmux-client.js.map +1 -0
package/dist/version.d.ts +3 -0
package/dist/version.d.ts.map +1 -0
package/dist/version.js +4 -0
package/dist/version.js.map +1 -0
package/package.json +6 -2
package/dist/daemon/proxy.d.ts +0 -7
package/dist/daemon/proxy.d.ts.map +0 -1
package/dist/daemon/proxy.js +0 -17
package/dist/daemon/proxy.js.map +0 -1

package/dist/daemon/http-proxy.js ADDED Viewed

@@ -0,0 +1,110 @@
+import { gzipSync } from 'node:zlib';
+import { createLogger } from '../utils/logger.js';
+import httpProxy from 'http-proxy';
+import { injectToolbar } from './toolbar/index.js';
+const log = createLogger('proxy');
+/**
+ * Build clean headers object (filter out undefined values and encoding headers)
+ */
+export function buildCleanHeaders(headers) {
+    const cleanHeaders = {};
+    for (const [key, value] of Object.entries(headers)) {
+        if (value !== undefined && key !== 'content-encoding' && key !== 'transfer-encoding') {
+            cleanHeaders[key] = value;
+        }
+    }
+    return cleanHeaders;
+}
+/**
+ * Transform HTML response with toolbar injection and optional gzip compression
+ */
+export function transformHtmlResponse(originalHtml, supportsGzip, basePath) {
+    const modifiedHtml = injectToolbar(originalHtml, basePath);
+    const headers = {};
+    if (supportsGzip) {
+        const compressed = gzipSync(modifiedHtml);
+        headers['content-encoding'] = 'gzip';
+        headers['content-length'] = String(compressed.length);
+        return { body: compressed, headers };
+    }
+    headers['content-length'] = String(Buffer.byteLength(modifiedHtml));
+    return { body: Buffer.from(modifiedHtml), headers };
+}
+/**
+ * Check if content type is HTML
+ */
+export function isHtmlContentType(contentType) {
+    return contentType.includes('text/html');
+}
+/**
+ * Check if client supports gzip encoding
+ */
+export function supportsGzipEncoding(acceptEncoding) {
+    return acceptEncoding.includes('gzip');
+}
+// Create proxy server for HTTP only
+export const proxy = httpProxy.createProxyServer({
+    changeOrigin: true,
+    xfwd: true
+});
+// Handle proxy errors
+proxy.on('error', (err, req, res) => {
+    const url = req.url ?? 'unknown';
+    log.error(`Proxy error for ${url}: ${err.message}`);
+    if (res && 'writeHead' in res && typeof res.writeHead === 'function') {
+        const httpRes = res;
+        if (!httpRes.headersSent) {
+            httpRes.writeHead(502, { 'Content-Type': 'text/html; charset=utf-8' });
+            httpRes.end(`<!DOCTYPE html>
+<html><head><title>502 Bad Gateway</title></head>
+<body style="font-family:sans-serif;padding:2em;">
+<h1>502 Bad Gateway</h1>
+<p>The ttyd session may have been stopped or is not responding.</p>
+<p>Try <a href="javascript:location.reload()">reloading</a> or check session status with: <code>ttyd-mux status</code></p>
+</body></html>`);
+        }
+    }
+});
+// Handle selfHandleResponse for HTML injection
+proxy.on('proxyRes', (proxyRes, req, res) => {
+    const httpRes = res;
+    // Check if this is a self-handled HTML response
+    const contentType = proxyRes.headers['content-type'] ?? '';
+    if (!isHtmlContentType(contentType)) {
+        // Not HTML, just pipe through
+        httpRes.writeHead(proxyRes.statusCode ?? 200, proxyRes.headers);
+        proxyRes.pipe(httpRes);
+        return;
+    }
+    const extReq = req;
+    const acceptEncoding = extReq.originalAcceptEncoding ?? '';
+    const supportsGzip = supportsGzipEncoding(acceptEncoding);
+    const basePath = extReq.toolbarBasePath ?? '/ttyd-mux';
+    // Collect HTML body and inject toolbar
+    const chunks = [];
+    proxyRes.on('data', (chunk) => chunks.push(chunk));
+    proxyRes.on('end', () => {
+        const originalHtml = Buffer.concat(chunks).toString('utf-8');
+        const { body, headers: transformHeaders } = transformHtmlResponse(originalHtml, supportsGzip, basePath);
+        // Build clean headers object
+        const headers = buildCleanHeaders(proxyRes.headers);
+        Object.assign(headers, transformHeaders);
+        httpRes.writeHead(proxyRes.statusCode ?? 200, headers);
+        httpRes.end(body);
+    });
+});
+/**
+ * Proxy HTTP request to session backend
+ */
+export function proxyToSession(req, res, port, basePath) {
+    const target = `http://localhost:${port}`;
+    log.debug(`Proxying ${req.url} to ${target}`);
+    const extReq = req;
+    extReq.originalAcceptEncoding = req.headers['accept-encoding'];
+    extReq.toolbarBasePath = basePath;
+    // Request uncompressed response for HTML injection (identity = no encoding)
+    req.headers['accept-encoding'] = 'identity';
+    // Always use selfHandleResponse to avoid conflicts with proxyRes handler
+    proxy.web(req, res, { target, selfHandleResponse: true });
+}
+//# sourceMappingURL=http-proxy.js.map

package/dist/daemon/http-proxy.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"http-proxy.js","sourceRoot":"","sources":["../../src/daemon/http-proxy.ts"],"names":[],"mappings":"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"}

package/dist/daemon/ime-helper.d.ts CHANGED Viewed

@@ -3,6 +3,6 @@
  * Provides a pseudo copy-paste input field for Japanese IME support
  * Optimized for mobile devices
  */
-export declare const imeHelperScript = "\n<style>\n#ttyd-ime-container {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background: #1e1e1e;\n  border-top: 2px solid #007acc;\n  padding: 8px;\n  z-index: 10000;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n  box-shadow: 0 -2px 10px rgba(0,0,0,0.3);\n}\n\n#ttyd-ime-container.hidden {\n  display: none;\n}\n\n#ttyd-ime-buttons {\n  display: flex;\n  gap: 6px;\n  margin-bottom: 8px;\n  flex-wrap: wrap;\n}\n\n#ttyd-ime-buttons button {\n  background: #3a3a3a;\n  border: 1px solid #555;\n  border-radius: 6px;\n  color: #fff;\n  cursor: pointer;\n  font-size: 13px;\n  padding: 8px 12px;\n  min-height: 40px;\n  min-width: 44px;\n  touch-action: manipulation;\n  flex-shrink: 0;\n}\n\n#ttyd-ime-buttons button:hover, #ttyd-ime-buttons button:active {\n  background: #4a4a4a;\n}\n\n#ttyd-ime-buttons button.active {\n  background: #007acc;\n  border-color: #005a9e;\n}\n\n#ttyd-ime-buttons button.modifier {\n  background: #2d2d2d;\n  font-weight: bold;\n}\n\n#ttyd-ime-buttons button.modifier.active {\n  background: #d9534f;\n  border-color: #c9302c;\n}\n\n#ttyd-ime-send {\n  background: #007acc !important;\n  border-color: #005a9e !important;\n  font-weight: bold;\n}\n\n#ttyd-ime-send:hover, #ttyd-ime-send:active {\n  background: #005a9e !important;\n}\n\n#ttyd-ime-run {\n  background: #28a745 !important;\n  border-color: #1e7e34 !important;\n  font-weight: bold;\n}\n\n#ttyd-ime-run:hover, #ttyd-ime-run:active {\n  background: #1e7e34 !important;\n}\n\n#ttyd-ime-input-row {\n  display: flex;\n  gap: 8px;\n  align-items: flex-end;\n}\n\n#ttyd-ime-input {\n  flex: 1;\n  background: #2d2d2d;\n  border: 1px solid #555;\n  border-radius: 8px;\n  color: #fff;\n  font-family: monospace;\n  font-size: 16px;\n  padding: 12px;\n  outline: none;\n  resize: none;\n  min-height: 44px;\n  max-height: 120px;\n  line-height: 1.4;\n}\n\n#ttyd-ime-input:focus {\n  border-color: #007acc;\n}\n\n#ttyd-ime-input::placeholder {\n  color: #888;\n}\n\n#ttyd-ime-toggle {\n  position: fixed;\n  bottom: 16px;\n  right: 16px;\n  background: #007acc;\n  border: 2px solid #005a9e;\n  border-radius: 50%;\n  color: #fff;\n  cursor: pointer;\n  font-size: 20px;\n  width: 56px;\n  height: 56px;\n  z-index: 10001;\n  touch-action: manipulation;\n  box-shadow: 0 2px 8px rgba(0,0,0,0.3);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n#ttyd-ime-toggle:hover, #ttyd-ime-toggle:active {\n  background: #005a9e;\n  transform: scale(1.05);\n}\n\n#ttyd-ime-container.hidden ~ #ttyd-ime-toggle {\n  bottom: 16px;\n}\n\n/* Adjust terminal height when IME bar is visible */\nbody:has(#ttyd-ime-container:not(.hidden)) .xterm {\n  height: calc(100vh - 140px) !important;\n}\n\n/* Mobile optimizations */\n@media (max-width: 768px) {\n  #ttyd-ime-container {\n    padding: 6px;\n  }\n\n  #ttyd-ime-buttons {\n    gap: 4px;\n    margin-bottom: 6px;\n  }\n\n  #ttyd-ime-buttons button {\n    font-size: 12px;\n    padding: 6px 10px;\n    min-height: 36px;\n    min-width: 40px;\n  }\n\n  #ttyd-ime-input {\n    font-size: 16px;\n    padding: 10px;\n  }\n\n  #ttyd-ime-toggle {\n    width: 64px;\n    height: 64px;\n    font-size: 24px;\n  }\n\n  body:has(#ttyd-ime-container:not(.hidden)) .xterm {\n    height: calc(100vh - 130px) !important;\n  }\n}\n</style>\n\n<div id=\"ttyd-ime-container\" class=\"hidden\">\n  <div id=\"ttyd-ime-buttons\">\n    <button id=\"ttyd-ime-ctrl\" class=\"modifier\">Ctrl</button>\n    <button id=\"ttyd-ime-alt\" class=\"modifier\">Alt</button>\n    <button id=\"ttyd-ime-esc\">Esc</button>\n    <button id=\"ttyd-ime-tab\">Tab</button>\n    <button id=\"ttyd-ime-up\">\u2191</button>\n    <button id=\"ttyd-ime-down\">\u2193</button>\n    <button id=\"ttyd-ime-enter\">Enter</button>\n    <button id=\"ttyd-ime-zoomout\">A-</button>\n    <button id=\"ttyd-ime-zoomin\">A+</button>\n    <button id=\"ttyd-ime-send\">Send</button>\n    <button id=\"ttyd-ime-run\">Run</button>\n  </div>\n  <div id=\"ttyd-ime-input-row\">\n    <textarea id=\"ttyd-ime-input\" rows=\"1\" placeholder=\"\u65E5\u672C\u8A9E\u5165\u529B (Enter: \u9001\u4FE1)\"></textarea>\n  </div>\n</div>\n<button id=\"ttyd-ime-toggle\">\u2328</button>\n\n<script>\n(function() {\n  const container = document.getElementById('ttyd-ime-container');\n  const input = document.getElementById('ttyd-ime-input');\n  const sendBtn = document.getElementById('ttyd-ime-send');\n  const enterBtn = document.getElementById('ttyd-ime-enter');\n  const zoomInBtn = document.getElementById('ttyd-ime-zoomin');\n  const zoomOutBtn = document.getElementById('ttyd-ime-zoomout');\n  const runBtn = document.getElementById('ttyd-ime-run');\n  const toggleBtn = document.getElementById('ttyd-ime-toggle');\n  const ctrlBtn = document.getElementById('ttyd-ime-ctrl');\n  const altBtn = document.getElementById('ttyd-ime-alt');\n  const escBtn = document.getElementById('ttyd-ime-esc');\n  const tabBtn = document.getElementById('ttyd-ime-tab');\n  const upBtn = document.getElementById('ttyd-ime-up');\n  const downBtn = document.getElementById('ttyd-ime-down');\n\n  let ws = null;\n  let ctrlActive = false;\n  let altActive = false;\n\n  // Detect mobile device\n  const isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);\n\n  // Find the WebSocket connection\n  function findWebSocket() {\n    if (ws && ws.readyState === WebSocket.OPEN) return ws;\n\n    if (window.socket && window.socket.readyState === WebSocket.OPEN) {\n      ws = window.socket;\n      return ws;\n    }\n\n    return null;\n  }\n\n  // Intercept WebSocket creation to capture the connection\n  const OriginalWebSocket = window.WebSocket;\n  window.WebSocket = function(url, protocols) {\n    const socket = new OriginalWebSocket(url, protocols);\n    if (url.includes('/ws')) {\n      ws = socket;\n    }\n    return socket;\n  };\n  window.WebSocket.prototype = OriginalWebSocket.prototype;\n  window.WebSocket.CONNECTING = OriginalWebSocket.CONNECTING;\n  window.WebSocket.OPEN = OriginalWebSocket.OPEN;\n  window.WebSocket.CLOSING = OriginalWebSocket.CLOSING;\n  window.WebSocket.CLOSED = OriginalWebSocket.CLOSED;\n\n  function sendText(text) {\n    const socket = findWebSocket();\n    if (!socket) {\n      console.error('[IME Helper] WebSocket not found');\n      return false;\n    }\n\n    // ttyd protocol: binary data with '0' (input command) as first byte\n    const encoder = new TextEncoder();\n    const textBytes = encoder.encode(text);\n    const data = new Uint8Array(textBytes.length + 1);\n    data[0] = '0'.charCodeAt(0);  // Input command\n    data.set(textBytes, 1);\n    socket.send(data);\n    return true;\n  }\n\n  function sendKey(key) {\n    // Apply modifiers\n    if (ctrlActive && key.length === 1) {\n      // Ctrl+key: send as control character (A=1, B=2, ..., Z=26)\n      const code = key.toUpperCase().charCodeAt(0) - 64;\n      if (code > 0 && code < 32) {\n        sendBytes([code]);\n      }\n      resetModifiers();\n    } else if (altActive && key.length === 1) {\n      // Alt+key: send ESC + key\n      const keyCode = key.charCodeAt(0);\n      sendBytes([0x1B, keyCode]);\n      resetModifiers();\n    } else {\n      sendText(key);\n    }\n  }\n\n  function resetModifiers() {\n    ctrlActive = false;\n    altActive = false;\n    ctrlBtn.classList.remove('active');\n    altBtn.classList.remove('active');\n  }\n\n  // Send raw bytes for special keys\n  function sendBytes(bytes) {\n    const socket = findWebSocket();\n    if (!socket) {\n      console.error('[IME Helper] WebSocket not found');\n      return false;\n    }\n    const data = new Uint8Array(bytes.length + 1);\n    data[0] = 0x30;  // '0' = input command\n    data.set(bytes, 1);\n    socket.send(data);\n    return true;\n  }\n\n  function sendEnter() {\n    sendBytes([0x0D]);  // CR\n  }\n\n  function sendEsc() {\n    sendBytes([0x1B]);  // ESC\n  }\n\n  function sendTab() {\n    sendBytes([0x09]);  // TAB\n  }\n\n  function sendUp() {\n    sendBytes([0x1B, 0x5B, 0x41]);  // ESC [ A\n  }\n\n  function sendDown() {\n    sendBytes([0x1B, 0x5B, 0x42]);  // ESC [ B\n  }\n\n  function fitTerminal() {\n    if (window.fitAddon && typeof window.fitAddon.fit === 'function') {\n      window.fitAddon.fit();\n      console.log('[IME Helper] Terminal fitted via fitAddon');\n      return;\n    }\n\n    if (window.term && window.term.fitAddon && typeof window.term.fitAddon.fit === 'function') {\n      window.term.fitAddon.fit();\n      console.log('[IME Helper] Terminal fitted via term.fitAddon');\n      return;\n    }\n\n    window.dispatchEvent(new Event('resize'));\n    console.log('[IME Helper] Dispatched resize event');\n  }\n\n  function zoomTerminal(delta) {\n    // Try to find the terminal instance\n    let term = window.term;\n    if (!term) {\n      // ttyd might store it differently\n      const termEl = document.querySelector('.xterm');\n      if (termEl && termEl._core) {\n        term = termEl._core;\n      }\n    }\n\n    if (term && term.options) {\n      const currentSize = term.options.fontSize || 14;\n      const newSize = Math.max(8, Math.min(32, currentSize + delta));\n      term.options.fontSize = newSize;\n      console.log('[IME Helper] Font size changed to ' + newSize);\n      fitTerminal();\n    } else {\n      console.log('[IME Helper] Terminal not found for zoom');\n    }\n  }\n\n  function submitInput() {\n    const text = input.value;\n    if (!text) return;\n\n    if (sendText(text)) {\n      input.value = '';\n      adjustTextareaHeight();\n    }\n  }\n\n  function runInput() {\n    const text = input.value;\n    if (!text) return;\n\n    if (sendText(text)) {\n      input.value = '';\n      adjustTextareaHeight();\n      // Wait 1 second then send Enter\n      setTimeout(function() {\n        sendEnter();\n      }, 1000);\n    }\n  }\n\n  function toggleIME(show) {\n    if (typeof show === 'boolean') {\n      container.classList.toggle('hidden', !show);\n    } else {\n      container.classList.toggle('hidden');\n    }\n\n    if (!container.classList.contains('hidden')) {\n      input.focus();\n      // Fit terminal after showing IME bar\n      setTimeout(fitTerminal, 100);\n    } else {\n      const terminal = document.querySelector('.xterm-helper-textarea');\n      if (terminal) terminal.focus();\n      setTimeout(fitTerminal, 100);\n    }\n  }\n\n  function adjustTextareaHeight() {\n    input.style.height = 'auto';\n    input.style.height = Math.min(input.scrollHeight, 120) + 'px';\n  }\n\n  // Event listeners\n  sendBtn.addEventListener('click', function(e) {\n    e.preventDefault();\n    submitInput();\n  });\n\n  enterBtn.addEventListener('click', function(e) {\n    e.preventDefault();\n    sendEnter();\n  });\n\n  runBtn.addEventListener('click', function(e) {\n    e.preventDefault();\n    runInput();\n  });\n\n  zoomInBtn.addEventListener('click', function(e) {\n    e.preventDefault();\n    zoomTerminal(2);\n  });\n\n  zoomOutBtn.addEventListener('click', function(e) {\n    e.preventDefault();\n    zoomTerminal(-2);\n  });\n\n  ctrlBtn.addEventListener('click', function(e) {\n    e.preventDefault();\n    ctrlActive = !ctrlActive;\n    ctrlBtn.classList.toggle('active', ctrlActive);\n    if (ctrlActive) {\n      altActive = false;\n      altBtn.classList.remove('active');\n    }\n  });\n\n  altBtn.addEventListener('click', function(e) {\n    e.preventDefault();\n    altActive = !altActive;\n    altBtn.classList.toggle('active', altActive);\n    if (altActive) {\n      ctrlActive = false;\n      ctrlBtn.classList.remove('active');\n    }\n  });\n\n  escBtn.addEventListener('click', function(e) {\n    e.preventDefault();\n    sendEsc();\n  });\n\n  tabBtn.addEventListener('click', function(e) {\n    e.preventDefault();\n    sendTab();\n  });\n\n  upBtn.addEventListener('click', function(e) {\n    e.preventDefault();\n    sendUp();\n  });\n\n  downBtn.addEventListener('click', function(e) {\n    e.preventDefault();\n    sendDown();\n  });\n\n  input.addEventListener('input', adjustTextareaHeight);\n\n  input.addEventListener('keydown', function(e) {\n    if (e.key === 'Enter' && !e.shiftKey && !e.isComposing) {\n      e.preventDefault();\n      submitInput();\n    } else if (e.key === 'Escape') {\n      e.preventDefault();\n      toggleIME(false);\n    }\n  });\n\n  toggleBtn.addEventListener('click', function(e) {\n    e.preventDefault();\n    toggleIME();\n  });\n\n  // Keyboard shortcut: Ctrl+J to toggle IME\n  document.addEventListener('keydown', function(e) {\n    if (e.ctrlKey && e.key === 'j') {\n      e.preventDefault();\n      toggleIME();\n    }\n  });\n\n  // Auto-show on mobile devices\n  if (isMobile) {\n    setTimeout(function() {\n      toggleIME(true);\n    }, 1000);\n  }\n\n  console.log('[IME Helper] Loaded. ' + (isMobile ? 'Mobile mode.' : 'Press Ctrl+J or click keyboard button to toggle.'));\n})();\n</script>\n";
+export declare const imeHelperScript = "\n<style>\n#ttyd-ime-container {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background: #1e1e1e;\n  border-top: 2px solid #007acc;\n  padding: 8px;\n  z-index: 10000;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n  box-shadow: 0 -2px 10px rgba(0,0,0,0.3);\n}\n\n#ttyd-ime-container.hidden {\n  display: none;\n}\n\n#ttyd-ime-buttons {\n  display: flex;\n  gap: 6px;\n  margin-bottom: 8px;\n  flex-wrap: wrap;\n}\n\n#ttyd-ime-buttons button {\n  background: #3a3a3a;\n  border: 1px solid #555;\n  border-radius: 6px;\n  color: #fff;\n  cursor: pointer;\n  font-size: 13px;\n  padding: 8px 12px;\n  min-height: 40px;\n  min-width: 44px;\n  touch-action: manipulation;\n  flex-shrink: 0;\n}\n\n#ttyd-ime-buttons button:hover, #ttyd-ime-buttons button:active {\n  background: #4a4a4a;\n}\n\n#ttyd-ime-buttons button.active {\n  background: #007acc;\n  border-color: #005a9e;\n}\n\n#ttyd-ime-buttons button.modifier {\n  background: #2d2d2d;\n  font-weight: bold;\n}\n\n#ttyd-ime-buttons button.modifier.active {\n  background: #d9534f;\n  border-color: #c9302c;\n}\n\n#ttyd-ime-send {\n  background: #007acc !important;\n  border-color: #005a9e !important;\n  font-weight: bold;\n}\n\n#ttyd-ime-send:hover, #ttyd-ime-send:active {\n  background: #005a9e !important;\n}\n\n#ttyd-ime-run {\n  background: #28a745 !important;\n  border-color: #1e7e34 !important;\n  font-weight: bold;\n}\n\n#ttyd-ime-run:hover, #ttyd-ime-run:active {\n  background: #1e7e34 !important;\n}\n\n#ttyd-ime-auto.active {\n  background: #f0ad4e !important;\n  border-color: #eea236 !important;\n  color: #000;\n}\n\n#ttyd-ime-input-row {\n  display: flex;\n  gap: 8px;\n  align-items: flex-end;\n}\n\n#ttyd-ime-input {\n  flex: 1;\n  background: #2d2d2d;\n  border: 1px solid #555;\n  border-radius: 8px;\n  color: #fff;\n  font-family: monospace;\n  font-size: 16px;\n  padding: 12px;\n  outline: none;\n  resize: none;\n  min-height: 44px;\n  max-height: 120px;\n  line-height: 1.4;\n}\n\n#ttyd-ime-input:focus {\n  border-color: #007acc;\n}\n\n#ttyd-ime-input::placeholder {\n  color: #888;\n}\n\n#ttyd-ime-toggle {\n  position: fixed;\n  bottom: 16px;\n  right: 16px;\n  background: #007acc;\n  border: 2px solid #005a9e;\n  border-radius: 50%;\n  color: #fff;\n  cursor: pointer;\n  font-size: 20px;\n  width: 56px;\n  height: 56px;\n  z-index: 10001;\n  touch-action: manipulation;\n  box-shadow: 0 2px 8px rgba(0,0,0,0.3);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n#ttyd-ime-toggle:hover, #ttyd-ime-toggle:active {\n  background: #005a9e;\n  transform: scale(1.05);\n}\n\n#ttyd-ime-container.hidden ~ #ttyd-ime-toggle {\n  bottom: 16px;\n}\n\n/* Adjust terminal height when IME bar is visible */\nbody:has(#ttyd-ime-container:not(.hidden)) .xterm {\n  height: calc(100vh - 140px) !important;\n}\n\n/* Mobile optimizations */\n@media (max-width: 768px) {\n  #ttyd-ime-container {\n    padding: 6px;\n  }\n\n  #ttyd-ime-buttons {\n    gap: 4px;\n    margin-bottom: 6px;\n  }\n\n  #ttyd-ime-buttons button {\n    font-size: 12px;\n    padding: 6px 10px;\n    min-height: 36px;\n    min-width: 40px;\n  }\n\n  #ttyd-ime-input {\n    font-size: 16px;\n    padding: 10px;\n  }\n\n  #ttyd-ime-toggle {\n    width: 64px;\n    height: 64px;\n    font-size: 24px;\n  }\n\n  body:has(#ttyd-ime-container:not(.hidden)) .xterm {\n    height: calc(100vh - 130px) !important;\n  }\n}\n</style>\n\n<div id=\"ttyd-ime-container\" class=\"hidden\">\n  <div id=\"ttyd-ime-buttons\">\n    <button id=\"ttyd-ime-ctrl\" class=\"modifier\">Ctrl</button>\n    <button id=\"ttyd-ime-alt\" class=\"modifier\">Alt</button>\n    <button id=\"ttyd-ime-shift\" class=\"modifier\">Shift</button>\n    <button id=\"ttyd-ime-esc\">Esc</button>\n    <button id=\"ttyd-ime-tab\">Tab</button>\n    <button id=\"ttyd-ime-up\">\u2191</button>\n    <button id=\"ttyd-ime-down\">\u2193</button>\n    <button id=\"ttyd-ime-enter\">Enter</button>\n    <button id=\"ttyd-ime-zoomout\">A-</button>\n    <button id=\"ttyd-ime-zoomin\">A+</button>\n    <button id=\"ttyd-ime-copy\">Copy</button>\n    <button id=\"ttyd-ime-copyall\">All</button>\n    <button id=\"ttyd-ime-send\">Send</button>\n    <button id=\"ttyd-ime-run\">Run</button>\n    <button id=\"ttyd-ime-auto\" class=\"modifier\">Auto</button>\n  </div>\n  <div id=\"ttyd-ime-input-row\">\n    <textarea id=\"ttyd-ime-input\" rows=\"1\" placeholder=\"\u65E5\u672C\u8A9E\u5165\u529B (Enter: \u9001\u4FE1)\"></textarea>\n  </div>\n</div>\n<button id=\"ttyd-ime-toggle\">\u2328</button>\n\n<script>\n(function() {\n  const container = document.getElementById('ttyd-ime-container');\n  const input = document.getElementById('ttyd-ime-input');\n  const sendBtn = document.getElementById('ttyd-ime-send');\n  const enterBtn = document.getElementById('ttyd-ime-enter');\n  const zoomInBtn = document.getElementById('ttyd-ime-zoomin');\n  const zoomOutBtn = document.getElementById('ttyd-ime-zoomout');\n  const runBtn = document.getElementById('ttyd-ime-run');\n  const toggleBtn = document.getElementById('ttyd-ime-toggle');\n  const ctrlBtn = document.getElementById('ttyd-ime-ctrl');\n  const altBtn = document.getElementById('ttyd-ime-alt');\n  const shiftBtn = document.getElementById('ttyd-ime-shift');\n  const escBtn = document.getElementById('ttyd-ime-esc');\n  const tabBtn = document.getElementById('ttyd-ime-tab');\n  const upBtn = document.getElementById('ttyd-ime-up');\n  const downBtn = document.getElementById('ttyd-ime-down');\n  const copyBtn = document.getElementById('ttyd-ime-copy');\n  const copyAllBtn = document.getElementById('ttyd-ime-copyall');\n  const autoBtn = document.getElementById('ttyd-ime-auto');\n\n  let ws = null;\n  let ctrlActive = false;\n  let altActive = false;\n  let shiftActive = false;\n  let autoRunActive = false;\n\n  // Detect mobile device\n  const isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);\n\n  // Find the WebSocket connection\n  function findWebSocket() {\n    if (ws && ws.readyState === WebSocket.OPEN) return ws;\n\n    if (window.socket && window.socket.readyState === WebSocket.OPEN) {\n      ws = window.socket;\n      return ws;\n    }\n\n    return null;\n  }\n\n  // Intercept WebSocket creation to capture the connection\n  const OriginalWebSocket = window.WebSocket;\n  window.WebSocket = function(url, protocols) {\n    const socket = new OriginalWebSocket(url, protocols);\n    if (url.includes('/ws')) {\n      ws = socket;\n    }\n    return socket;\n  };\n  window.WebSocket.prototype = OriginalWebSocket.prototype;\n  window.WebSocket.CONNECTING = OriginalWebSocket.CONNECTING;\n  window.WebSocket.OPEN = OriginalWebSocket.OPEN;\n  window.WebSocket.CLOSING = OriginalWebSocket.CLOSING;\n  window.WebSocket.CLOSED = OriginalWebSocket.CLOSED;\n\n  function sendText(text) {\n    const socket = findWebSocket();\n    if (!socket) {\n      console.error('[IME Helper] WebSocket not found');\n      return false;\n    }\n\n    // ttyd protocol: binary data with '0' (input command) as first byte\n    const encoder = new TextEncoder();\n    const textBytes = encoder.encode(text);\n    const data = new Uint8Array(textBytes.length + 1);\n    data[0] = '0'.charCodeAt(0);  // Input command\n    data.set(textBytes, 1);\n    socket.send(data);\n    return true;\n  }\n\n  function sendKey(key) {\n    // Apply modifiers\n    if (ctrlActive && key.length === 1) {\n      // Ctrl+key: send as control character (A=1, B=2, ..., Z=26)\n      const code = key.toUpperCase().charCodeAt(0) - 64;\n      if (code > 0 && code < 32) {\n        sendBytes([code]);\n      }\n      resetModifiers();\n    } else if (altActive && key.length === 1) {\n      // Alt+key: send ESC + key\n      const keyCode = key.charCodeAt(0);\n      sendBytes([0x1B, keyCode]);\n      resetModifiers();\n    } else {\n      sendText(key);\n    }\n  }\n\n  function resetModifiers() {\n    ctrlActive = false;\n    altActive = false;\n    ctrlBtn.classList.remove('active');\n    altBtn.classList.remove('active');\n  }\n\n  // Send raw bytes for special keys\n  function sendBytes(bytes) {\n    const socket = findWebSocket();\n    if (!socket) {\n      console.error('[IME Helper] WebSocket not found');\n      return false;\n    }\n    const data = new Uint8Array(bytes.length + 1);\n    data[0] = 0x30;  // '0' = input command\n    data.set(bytes, 1);\n    socket.send(data);\n    return true;\n  }\n\n  function sendEnter() {\n    sendBytes([0x0D]);  // CR\n  }\n\n  function sendEsc() {\n    sendBytes([0x1B]);  // ESC\n  }\n\n  function sendTab() {\n    sendBytes([0x09]);  // TAB\n  }\n\n  function sendUp() {\n    sendBytes([0x1B, 0x5B, 0x41]);  // ESC [ A\n  }\n\n  function sendDown() {\n    sendBytes([0x1B, 0x5B, 0x42]);  // ESC [ B\n  }\n\n  function fitTerminal() {\n    if (window.fitAddon && typeof window.fitAddon.fit === 'function') {\n      window.fitAddon.fit();\n      console.log('[IME Helper] Terminal fitted via fitAddon');\n      return;\n    }\n\n    if (window.term && window.term.fitAddon && typeof window.term.fitAddon.fit === 'function') {\n      window.term.fitAddon.fit();\n      console.log('[IME Helper] Terminal fitted via term.fitAddon');\n      return;\n    }\n\n    window.dispatchEvent(new Event('resize'));\n    console.log('[IME Helper] Dispatched resize event');\n  }\n\n  function findTerminal() {\n    if (window.term) return window.term;\n    const termEl = document.querySelector('.xterm');\n    if (termEl && termEl._core) return termEl._core;\n    return null;\n  }\n\n  function zoomTerminal(delta) {\n    const term = findTerminal();\n\n    if (term && term.options) {\n      const currentSize = term.options.fontSize || 14;\n      const newSize = Math.max(8, Math.min(32, currentSize + delta));\n      term.options.fontSize = newSize;\n      console.log('[IME Helper] Font size changed to ' + newSize);\n      fitTerminal();\n    } else {\n      console.log('[IME Helper] Terminal not found for zoom');\n    }\n  }\n\n  function copySelection() {\n    const term = findTerminal();\n    if (!term) {\n      console.log('[IME Helper] Terminal not found for copy');\n      return;\n    }\n    const selection = term.getSelection();\n    if (selection) {\n      navigator.clipboard.writeText(selection).then(function() {\n        console.log('[IME Helper] Copied selection to clipboard');\n      }).catch(function(err) {\n        console.error('[IME Helper] Failed to copy:', err);\n      });\n    } else {\n      console.log('[IME Helper] No text selected');\n    }\n  }\n\n  function copyAll() {\n    const term = findTerminal();\n    if (!term || !term.buffer || !term.buffer.active) {\n      console.log('[IME Helper] Terminal buffer not found');\n      return;\n    }\n    const buffer = term.buffer.active;\n    const lines = [];\n    for (let i = 0; i < buffer.length; i++) {\n      const line = buffer.getLine(i);\n      if (line) {\n        lines.push(line.translateToString(true));\n      }\n    }\n    const text = lines.join('\\n').trimEnd();\n    navigator.clipboard.writeText(text).then(function() {\n      console.log('[IME Helper] Copied all text to clipboard');\n    }).catch(function(err) {\n      console.error('[IME Helper] Failed to copy:', err);\n    });\n  }\n\n  function submitInput() {\n    const text = input.value;\n    if (!text) return;\n\n    if (sendText(text)) {\n      input.value = '';\n      adjustTextareaHeight();\n      // Auto mode: send Enter after 1 second\n      if (autoRunActive) {\n        setTimeout(function() {\n          sendEnter();\n        }, 1000);\n      }\n    }\n  }\n\n  function runInput() {\n    const text = input.value;\n    if (!text) return;\n\n    if (sendText(text)) {\n      input.value = '';\n      adjustTextareaHeight();\n      // Wait 1 second then send Enter\n      setTimeout(function() {\n        sendEnter();\n      }, 1000);\n    }\n  }\n\n  function toggleIME(show) {\n    if (typeof show === 'boolean') {\n      container.classList.toggle('hidden', !show);\n    } else {\n      container.classList.toggle('hidden');\n    }\n\n    if (!container.classList.contains('hidden')) {\n      input.focus();\n      // Fit terminal after showing IME bar\n      setTimeout(fitTerminal, 100);\n    } else {\n      const terminal = document.querySelector('.xterm-helper-textarea');\n      if (terminal) terminal.focus();\n      setTimeout(fitTerminal, 100);\n    }\n  }\n\n  function adjustTextareaHeight() {\n    input.style.height = 'auto';\n    input.style.height = Math.min(input.scrollHeight, 120) + 'px';\n  }\n\n  // Event listeners\n  sendBtn.addEventListener('click', function(e) {\n    e.preventDefault();\n    submitInput();\n  });\n\n  enterBtn.addEventListener('click', function(e) {\n    e.preventDefault();\n    sendEnter();\n  });\n\n  runBtn.addEventListener('click', function(e) {\n    e.preventDefault();\n    runInput();\n  });\n\n  zoomInBtn.addEventListener('click', function(e) {\n    e.preventDefault();\n    zoomTerminal(2);\n  });\n\n  zoomOutBtn.addEventListener('click', function(e) {\n    e.preventDefault();\n    zoomTerminal(-2);\n  });\n\n  ctrlBtn.addEventListener('click', function(e) {\n    e.preventDefault();\n    ctrlActive = !ctrlActive;\n    ctrlBtn.classList.toggle('active', ctrlActive);\n    if (ctrlActive) {\n      altActive = false;\n      altBtn.classList.remove('active');\n    }\n  });\n\n  altBtn.addEventListener('click', function(e) {\n    e.preventDefault();\n    altActive = !altActive;\n    altBtn.classList.toggle('active', altActive);\n    if (altActive) {\n      ctrlActive = false;\n      ctrlBtn.classList.remove('active');\n    }\n  });\n\n  shiftBtn.addEventListener('click', function(e) {\n    e.preventDefault();\n    shiftActive = !shiftActive;\n    shiftBtn.classList.toggle('active', shiftActive);\n  });\n\n  autoBtn.addEventListener('click', function(e) {\n    e.preventDefault();\n    autoRunActive = !autoRunActive;\n    autoBtn.classList.toggle('active', autoRunActive);\n  });\n\n  escBtn.addEventListener('click', function(e) {\n    e.preventDefault();\n    sendEsc();\n  });\n\n  tabBtn.addEventListener('click', function(e) {\n    e.preventDefault();\n    sendTab();\n  });\n\n  upBtn.addEventListener('click', function(e) {\n    e.preventDefault();\n    sendUp();\n  });\n\n  downBtn.addEventListener('click', function(e) {\n    e.preventDefault();\n    sendDown();\n  });\n\n  copyBtn.addEventListener('click', function(e) {\n    e.preventDefault();\n    copySelection();\n  });\n\n  copyAllBtn.addEventListener('click', function(e) {\n    e.preventDefault();\n    copyAll();\n  });\n\n  input.addEventListener('input', adjustTextareaHeight);\n\n  input.addEventListener('keydown', function(e) {\n    if (e.key === 'Enter' && !e.shiftKey && !e.isComposing) {\n      e.preventDefault();\n      submitInput();\n    } else if (e.key === 'Escape') {\n      e.preventDefault();\n      toggleIME(false);\n    }\n  });\n\n  toggleBtn.addEventListener('click', function(e) {\n    e.preventDefault();\n    toggleIME();\n  });\n\n  // Keyboard shortcut: Ctrl+J to toggle IME\n  document.addEventListener('keydown', function(e) {\n    if (e.ctrlKey && e.key === 'j') {\n      e.preventDefault();\n      toggleIME();\n    }\n  });\n\n  // Inject shiftKey into mouse events when Shift button is active\n  // This allows text selection to bypass tmux mouse mode\n  ['mousedown', 'mousemove', 'mouseup'].forEach(function(eventType) {\n    document.addEventListener(eventType, function(e) {\n      // Don't interfere with IME helper buttons\n      if (e.target.closest('#ttyd-ime-container') || e.target.closest('#ttyd-ime-toggle')) {\n        return;\n      }\n      if (shiftActive && !e.shiftKey) {\n        const newEvent = new MouseEvent(e.type, {\n          bubbles: e.bubbles,\n          cancelable: e.cancelable,\n          view: e.view,\n          detail: e.detail,\n          screenX: e.screenX,\n          screenY: e.screenY,\n          clientX: e.clientX,\n          clientY: e.clientY,\n          ctrlKey: e.ctrlKey,\n          altKey: e.altKey,\n          shiftKey: true,\n          metaKey: e.metaKey,\n          button: e.button,\n          buttons: e.buttons,\n          relatedTarget: e.relatedTarget\n        });\n        e.stopImmediatePropagation();\n        e.preventDefault();\n        e.target.dispatchEvent(newEvent);\n      }\n    }, true);\n  });\n\n  // Convert touch events to mouse events with shiftKey when Shift is active\n  // This enables text selection on mobile devices\n  let touchStartPos = null;\n\n  function dispatchMouseEvent(type, touch, shiftKey) {\n    const mouseEvent = new MouseEvent(type, {\n      bubbles: true,\n      cancelable: true,\n      view: window,\n      detail: 1,\n      screenX: touch.screenX,\n      screenY: touch.screenY,\n      clientX: touch.clientX,\n      clientY: touch.clientY,\n      ctrlKey: false,\n      altKey: false,\n      shiftKey: shiftKey,\n      metaKey: false,\n      button: 0,\n      buttons: type === 'mouseup' ? 0 : 1,\n      relatedTarget: null\n    });\n    touch.target.dispatchEvent(mouseEvent);\n  }\n\n  let shiftTouchActive = false;  // Track if we're in Shift+touch selection mode\n\n  document.addEventListener('touchstart', function(e) {\n    // Don't interfere with IME helper buttons\n    if (e.target.closest('#ttyd-ime-container') || e.target.closest('#ttyd-ime-toggle')) {\n      return;\n    }\n    // Single finger touch with Shift active -> convert to mouse event for selection\n    if (e.touches.length === 1 && shiftActive) {\n      const touch = e.touches[0];\n      touchStartPos = { x: touch.clientX, y: touch.clientY };\n      shiftTouchActive = true;\n      e.preventDefault();\n      dispatchMouseEvent('mousedown', touch, true);\n    }\n    // 2nd finger added -> cancel Shift selection mode, allow pinch\n    else if (e.touches.length === 2 && shiftTouchActive) {\n      dispatchMouseEvent('mouseup', e.touches[0], true);\n      shiftTouchActive = false;\n      touchStartPos = null;\n      // Don't preventDefault - let pinch handlers take over\n    }\n    // Track non-Shift single touch for hint\n    else if (e.touches.length === 1 && !shiftActive) {\n      const touch = e.touches[0];\n      touchStartPos = { x: touch.clientX, y: touch.clientY };\n    }\n  }, { passive: false, capture: true });\n\n  document.addEventListener('touchmove', function(e) {\n    // Only handle single-finger moves when in Shift selection mode\n    if (e.touches.length === 1 && shiftTouchActive) {\n      e.preventDefault();\n      dispatchMouseEvent('mousemove', e.touches[0], true);\n    }\n    // Don't interfere with 2-finger gestures (pinch)\n  }, { passive: false, capture: true });\n\n  document.addEventListener('touchend', function(e) {\n    // Shift selection mode ending\n    if (shiftTouchActive && e.touches.length === 0) {\n      const touch = e.changedTouches[0];\n      dispatchMouseEvent('mouseup', touch, true);\n      shiftTouchActive = false;\n      touchStartPos = null;\n    }\n  }, { passive: true, capture: true });\n\n  // Pinch-to-zoom for font size (when Ctrl or Shift is active)\n  let pinchStartDistance = 0;\n  let pinchStartFontSize = 14;\n\n  function getTouchDistance(touches) {\n    const dx = touches[0].clientX - touches[1].clientX;\n    const dy = touches[0].clientY - touches[1].clientY;\n    return Math.sqrt(dx * dx + dy * dy);\n  }\n\n  document.addEventListener('touchstart', function(e) {\n    if (e.touches.length === 2 && (ctrlActive || shiftActive)) {\n      pinchStartDistance = getTouchDistance(e.touches);\n      const term = findTerminal();\n      pinchStartFontSize = (term && term.options) ? (term.options.fontSize || 14) : 14;\n    }\n  }, { passive: true });\n\n  document.addEventListener('touchmove', function(e) {\n    if (e.touches.length === 2 && (ctrlActive || shiftActive) && pinchStartDistance > 0) {\n      e.preventDefault();  // Suppress browser zoom\n      const currentDistance = getTouchDistance(e.touches);\n      const scale = currentDistance / pinchStartDistance;\n      const newSize = Math.round(pinchStartFontSize * scale);\n      const clampedSize = Math.max(8, Math.min(32, newSize));\n\n      const term = findTerminal();\n      if (term && term.options && term.options.fontSize !== clampedSize) {\n        term.options.fontSize = clampedSize;\n        fitTerminal();\n      }\n    }\n  }, { passive: false });\n\n  document.addEventListener('touchend', function(e) {\n    if (e.touches.length < 2) {\n      pinchStartDistance = 0;\n    }\n  }, { passive: true });\n\n  // ========== PC: Ctrl+Wheel / Trackpad Pinch ==========\n  document.addEventListener('wheel', function(e) {\n    // ctrlKey = trackpad pinch (Mac) or Ctrl+scroll (PC)\n    if (e.ctrlKey) {\n      e.preventDefault();  // Suppress browser zoom\n\n      // deltaY > 0: zoom out, deltaY < 0: zoom in\n      const delta = e.deltaY > 0 ? -2 : 2;\n      zoomTerminal(delta);\n    }\n  }, { passive: false });\n\n  // Double-tap to send Enter (for reconnecting)\n  let lastTapTime = 0;\n  const DOUBLE_TAP_DELAY = 300;  // 300ms \u4EE5\u5185\u306E2\u56DE\u30BF\u30C3\u30D7\n\n  document.addEventListener('touchend', function(e) {\n    // IME \u30D8\u30EB\u30D1\u30FC\u8981\u7D20\u306F\u9664\u5916\n    if (e.target.closest('#ttyd-ime-container') || e.target.closest('#ttyd-ime-toggle')) {\n      return;\n    }\n    // \u30B7\u30F3\u30B0\u30EB\u30BF\u30C3\u30C1\u306E\u307F\n    if (e.changedTouches.length !== 1) return;\n\n    const now = Date.now();\n    if (now - lastTapTime < DOUBLE_TAP_DELAY) {\n      // \u30C0\u30D6\u30EB\u30BF\u30C3\u30D7\u691C\u51FA \u2192 Enter \u9001\u4FE1\n      sendEnter();\n      lastTapTime = 0;  // \u30EA\u30BB\u30C3\u30C8\n    } else {\n      lastTapTime = now;\n    }\n  }, { passive: true });\n\n  // Auto-show on mobile devices\n  if (isMobile) {\n    setTimeout(function() {\n      toggleIME(true);\n    }, 1000);\n  }\n\n  // Auto-reload when tab becomes visible if WebSocket is disconnected\n  document.addEventListener('visibilitychange', function() {\n    if (!document.hidden) {\n      const socket = findWebSocket();\n      if (!socket || socket.readyState !== WebSocket.OPEN) {\n        console.log('[IME Helper] Connection lost, reloading...');\n        location.reload();\n      }\n    }\n  });\n\n  console.log('[IME Helper] Loaded. ' + (isMobile ? 'Mobile mode.' : 'Press Ctrl+J or click keyboard button to toggle.'));\n})();\n</script>\n";
 export declare function injectImeHelper(html: string): string;
 //# sourceMappingURL=ime-helper.d.ts.map

package/dist/daemon/ime-helper.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ime-helper.d.ts","sourceRoot":"","sources":["../../src/daemon/ime-helper.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,eAAO,MAAM,eAAe,~~qpZAigB3B~~,CAAC;AAEF,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAGpD"}
1	+ {"version":3,"file":"ime-helper.d.ts","sourceRoot":"","sources":["../../src/daemon/ime-helper.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,eAAO,MAAM,eAAe,09rBAmxB3B,CAAC;AAEF,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAGpD"}

package/dist/daemon/ime-helper.js CHANGED Viewed

@@ -82,6 +82,12 @@ export const imeHelperScript = `
   background: #1e7e34 !important;
 }
+#ttyd-ime-auto.active {
+  background: #f0ad4e !important;
+  border-color: #eea236 !important;
+  color: #000;
+}
 #ttyd-ime-input-row {
   display: flex;
   gap: 8px;
@@ -185,6 +191,7 @@ body:has(#ttyd-ime-container:not(.hidden)) .xterm {
   <div id="ttyd-ime-buttons">
     <button id="ttyd-ime-ctrl" class="modifier">Ctrl</button>
     <button id="ttyd-ime-alt" class="modifier">Alt</button>
+    <button id="ttyd-ime-shift" class="modifier">Shift</button>
     <button id="ttyd-ime-esc">Esc</button>
     <button id="ttyd-ime-tab">Tab</button>
     <button id="ttyd-ime-up">↑</button>
@@ -192,8 +199,11 @@ body:has(#ttyd-ime-container:not(.hidden)) .xterm {
     <button id="ttyd-ime-enter">Enter</button>
     <button id="ttyd-ime-zoomout">A-</button>
     <button id="ttyd-ime-zoomin">A+</button>
+    <button id="ttyd-ime-copy">Copy</button>
+    <button id="ttyd-ime-copyall">All</button>
     <button id="ttyd-ime-send">Send</button>
     <button id="ttyd-ime-run">Run</button>
+    <button id="ttyd-ime-auto" class="modifier">Auto</button>
   </div>
   <div id="ttyd-ime-input-row">
     <textarea id="ttyd-ime-input" rows="1" placeholder="日本語入力 (Enter: 送信)"></textarea>
@@ -213,14 +223,20 @@ body:has(#ttyd-ime-container:not(.hidden)) .xterm {
   const toggleBtn = document.getElementById('ttyd-ime-toggle');
   const ctrlBtn = document.getElementById('ttyd-ime-ctrl');
   const altBtn = document.getElementById('ttyd-ime-alt');
+  const shiftBtn = document.getElementById('ttyd-ime-shift');
   const escBtn = document.getElementById('ttyd-ime-esc');
   const tabBtn = document.getElementById('ttyd-ime-tab');
   const upBtn = document.getElementById('ttyd-ime-up');
   const downBtn = document.getElementById('ttyd-ime-down');
+  const copyBtn = document.getElementById('ttyd-ime-copy');
+  const copyAllBtn = document.getElementById('ttyd-ime-copyall');
+  const autoBtn = document.getElementById('ttyd-ime-auto');
   let ws = null;
   let ctrlActive = false;
   let altActive = false;
+  let shiftActive = false;
+  let autoRunActive = false;
   // Detect mobile device
   const isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
@@ -346,16 +362,15 @@ body:has(#ttyd-ime-container:not(.hidden)) .xterm {
     console.log('[IME Helper] Dispatched resize event');
   }
+  function findTerminal() {
+    if (window.term) return window.term;
+    const termEl = document.querySelector('.xterm');
+    if (termEl && termEl._core) return termEl._core;
+    return null;
+  }
   function zoomTerminal(delta) {
-    // Try to find the terminal instance
-    let term = window.term;
-    if (!term) {
-      // ttyd might store it differently
-      const termEl = document.querySelector('.xterm');
-      if (termEl && termEl._core) {
-        term = termEl._core;
-      }
-    }
+    const term = findTerminal();
     if (term && term.options) {
       const currentSize = term.options.fontSize || 14;
@@ -368,6 +383,46 @@ body:has(#ttyd-ime-container:not(.hidden)) .xterm {
     }
   }
+  function copySelection() {
+    const term = findTerminal();
+    if (!term) {
+      console.log('[IME Helper] Terminal not found for copy');
+      return;
+    }
+    const selection = term.getSelection();
+    if (selection) {
+      navigator.clipboard.writeText(selection).then(function() {
+        console.log('[IME Helper] Copied selection to clipboard');
+      }).catch(function(err) {
+        console.error('[IME Helper] Failed to copy:', err);
+      });
+    } else {
+      console.log('[IME Helper] No text selected');
+    }
+  }
+  function copyAll() {
+    const term = findTerminal();
+    if (!term || !term.buffer || !term.buffer.active) {
+      console.log('[IME Helper] Terminal buffer not found');
+      return;
+    }
+    const buffer = term.buffer.active;
+    const lines = [];
+    for (let i = 0; i < buffer.length; i++) {
+      const line = buffer.getLine(i);
+      if (line) {
+        lines.push(line.translateToString(true));
+      }
+    }
+    const text = lines.join('\\n').trimEnd();
+    navigator.clipboard.writeText(text).then(function() {
+      console.log('[IME Helper] Copied all text to clipboard');
+    }).catch(function(err) {
+      console.error('[IME Helper] Failed to copy:', err);
+    });
+  }
   function submitInput() {
     const text = input.value;
     if (!text) return;
@@ -375,6 +430,12 @@ body:has(#ttyd-ime-container:not(.hidden)) .xterm {
     if (sendText(text)) {
       input.value = '';
       adjustTextareaHeight();
+      // Auto mode: send Enter after 1 second
+      if (autoRunActive) {
+        setTimeout(function() {
+          sendEnter();
+        }, 1000);
+      }
     }
   }
@@ -461,6 +522,18 @@ body:has(#ttyd-ime-container:not(.hidden)) .xterm {
     }
   });
+  shiftBtn.addEventListener('click', function(e) {
+    e.preventDefault();
+    shiftActive = !shiftActive;
+    shiftBtn.classList.toggle('active', shiftActive);
+  });
+  autoBtn.addEventListener('click', function(e) {
+    e.preventDefault();
+    autoRunActive = !autoRunActive;
+    autoBtn.classList.toggle('active', autoRunActive);
+  });
   escBtn.addEventListener('click', function(e) {
     e.preventDefault();
     sendEsc();
@@ -481,6 +554,16 @@ body:has(#ttyd-ime-container:not(.hidden)) .xterm {
     sendDown();
   });
+  copyBtn.addEventListener('click', function(e) {
+    e.preventDefault();
+    copySelection();
+  });
+  copyAllBtn.addEventListener('click', function(e) {
+    e.preventDefault();
+    copyAll();
+  });
   input.addEventListener('input', adjustTextareaHeight);
   input.addEventListener('keydown', function(e) {
@@ -506,6 +589,186 @@ body:has(#ttyd-ime-container:not(.hidden)) .xterm {
     }
   });
+  // Inject shiftKey into mouse events when Shift button is active
+  // This allows text selection to bypass tmux mouse mode
+  ['mousedown', 'mousemove', 'mouseup'].forEach(function(eventType) {
+    document.addEventListener(eventType, function(e) {
+      // Don't interfere with IME helper buttons
+      if (e.target.closest('#ttyd-ime-container') || e.target.closest('#ttyd-ime-toggle')) {
+        return;
+      }
+      if (shiftActive && !e.shiftKey) {
+        const newEvent = new MouseEvent(e.type, {
+          bubbles: e.bubbles,
+          cancelable: e.cancelable,
+          view: e.view,
+          detail: e.detail,
+          screenX: e.screenX,
+          screenY: e.screenY,
+          clientX: e.clientX,
+          clientY: e.clientY,
+          ctrlKey: e.ctrlKey,
+          altKey: e.altKey,
+          shiftKey: true,
+          metaKey: e.metaKey,
+          button: e.button,
+          buttons: e.buttons,
+          relatedTarget: e.relatedTarget
+        });
+        e.stopImmediatePropagation();
+        e.preventDefault();
+        e.target.dispatchEvent(newEvent);
+      }
+    }, true);
+  });
+  // Convert touch events to mouse events with shiftKey when Shift is active
+  // This enables text selection on mobile devices
+  let touchStartPos = null;
+  function dispatchMouseEvent(type, touch, shiftKey) {
+    const mouseEvent = new MouseEvent(type, {
+      bubbles: true,
+      cancelable: true,
+      view: window,
+      detail: 1,
+      screenX: touch.screenX,
+      screenY: touch.screenY,
+      clientX: touch.clientX,
+      clientY: touch.clientY,
+      ctrlKey: false,
+      altKey: false,
+      shiftKey: shiftKey,
+      metaKey: false,
+      button: 0,
+      buttons: type === 'mouseup' ? 0 : 1,
+      relatedTarget: null
+    });
+    touch.target.dispatchEvent(mouseEvent);
+  }
+  let shiftTouchActive = false;  // Track if we're in Shift+touch selection mode
+  document.addEventListener('touchstart', function(e) {
+    // Don't interfere with IME helper buttons
+    if (e.target.closest('#ttyd-ime-container') || e.target.closest('#ttyd-ime-toggle')) {
+      return;
+    }
+    // Single finger touch with Shift active -> convert to mouse event for selection
+    if (e.touches.length === 1 && shiftActive) {
+      const touch = e.touches[0];
+      touchStartPos = { x: touch.clientX, y: touch.clientY };
+      shiftTouchActive = true;
+      e.preventDefault();
+      dispatchMouseEvent('mousedown', touch, true);
+    }
+    // 2nd finger added -> cancel Shift selection mode, allow pinch
+    else if (e.touches.length === 2 && shiftTouchActive) {
+      dispatchMouseEvent('mouseup', e.touches[0], true);
+      shiftTouchActive = false;
+      touchStartPos = null;
+      // Don't preventDefault - let pinch handlers take over
+    }
+    // Track non-Shift single touch for hint
+    else if (e.touches.length === 1 && !shiftActive) {
+      const touch = e.touches[0];
+      touchStartPos = { x: touch.clientX, y: touch.clientY };
+    }
+  }, { passive: false, capture: true });
+  document.addEventListener('touchmove', function(e) {
+    // Only handle single-finger moves when in Shift selection mode
+    if (e.touches.length === 1 && shiftTouchActive) {
+      e.preventDefault();
+      dispatchMouseEvent('mousemove', e.touches[0], true);
+    }
+    // Don't interfere with 2-finger gestures (pinch)
+  }, { passive: false, capture: true });
+  document.addEventListener('touchend', function(e) {
+    // Shift selection mode ending
+    if (shiftTouchActive && e.touches.length === 0) {
+      const touch = e.changedTouches[0];
+      dispatchMouseEvent('mouseup', touch, true);
+      shiftTouchActive = false;
+      touchStartPos = null;
+    }
+  }, { passive: true, capture: true });
+  // Pinch-to-zoom for font size (when Ctrl or Shift is active)
+  let pinchStartDistance = 0;
+  let pinchStartFontSize = 14;
+  function getTouchDistance(touches) {
+    const dx = touches[0].clientX - touches[1].clientX;
+    const dy = touches[0].clientY - touches[1].clientY;
+    return Math.sqrt(dx * dx + dy * dy);
+  }
+  document.addEventListener('touchstart', function(e) {
+    if (e.touches.length === 2 && (ctrlActive || shiftActive)) {
+      pinchStartDistance = getTouchDistance(e.touches);
+      const term = findTerminal();
+      pinchStartFontSize = (term && term.options) ? (term.options.fontSize || 14) : 14;
+    }
+  }, { passive: true });
+  document.addEventListener('touchmove', function(e) {
+    if (e.touches.length === 2 && (ctrlActive || shiftActive) && pinchStartDistance > 0) {
+      e.preventDefault();  // Suppress browser zoom
+      const currentDistance = getTouchDistance(e.touches);
+      const scale = currentDistance / pinchStartDistance;
+      const newSize = Math.round(pinchStartFontSize * scale);
+      const clampedSize = Math.max(8, Math.min(32, newSize));
+      const term = findTerminal();
+      if (term && term.options && term.options.fontSize !== clampedSize) {
+        term.options.fontSize = clampedSize;
+        fitTerminal();
+      }
+    }
+  }, { passive: false });
+  document.addEventListener('touchend', function(e) {
+    if (e.touches.length < 2) {
+      pinchStartDistance = 0;
+    }
+  }, { passive: true });
+  // ========== PC: Ctrl+Wheel / Trackpad Pinch ==========
+  document.addEventListener('wheel', function(e) {
+    // ctrlKey = trackpad pinch (Mac) or Ctrl+scroll (PC)
+    if (e.ctrlKey) {
+      e.preventDefault();  // Suppress browser zoom
+      // deltaY > 0: zoom out, deltaY < 0: zoom in
+      const delta = e.deltaY > 0 ? -2 : 2;
+      zoomTerminal(delta);
+    }
+  }, { passive: false });
+  // Double-tap to send Enter (for reconnecting)
+  let lastTapTime = 0;
+  const DOUBLE_TAP_DELAY = 300;  // 300ms 以内の2回タップ
+  document.addEventListener('touchend', function(e) {
+    // IME ヘルパー要素は除外
+    if (e.target.closest('#ttyd-ime-container') || e.target.closest('#ttyd-ime-toggle')) {
+      return;
+    }
+    // シングルタッチのみ
+    if (e.changedTouches.length !== 1) return;
+    const now = Date.now();
+    if (now - lastTapTime < DOUBLE_TAP_DELAY) {
+      // ダブルタップ検出 → Enter 送信
+      sendEnter();
+      lastTapTime = 0;  // リセット
+    } else {
+      lastTapTime = now;
+    }
+  }, { passive: true });
   // Auto-show on mobile devices
   if (isMobile) {
     setTimeout(function() {
@@ -513,12 +776,23 @@ body:has(#ttyd-ime-container:not(.hidden)) .xterm {
     }, 1000);
   }
+  // Auto-reload when tab becomes visible if WebSocket is disconnected
+  document.addEventListener('visibilitychange', function() {
+    if (!document.hidden) {
+      const socket = findWebSocket();
+      if (!socket || socket.readyState !== WebSocket.OPEN) {
+        console.log('[IME Helper] Connection lost, reloading...');
+        location.reload();
+      }
+    }
+  });
   console.log('[IME Helper] Loaded. ' + (isMobile ? 'Mobile mode.' : 'Press Ctrl+J or click keyboard button to toggle.'));
 })();
 </script>
 `;
 export function injectImeHelper(html) {
     // Inject before </body>
-    return html.replace('</body>', imeHelperScript + '</body>');
+    return html.replace('</body>', `${imeHelperScript}</body>`);
 }
 //# sourceMappingURL=ime-helper.js.map

package/dist/daemon/ime-helper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ime-helper.js","sourceRoot":"","sources":["../../src/daemon/ime-helper.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,MAAM,CAAC,MAAM,eAAe,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAigB9B,CAAC;AAEF,MAAM,UAAU,eAAe,CAAC,IAAY;IAC1C,wBAAwB;IACxB,OAAO,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,eAAe,~~GAAG,~~SAAS,CAAC,CAAC;AAC9D,CAAC"}
1	+ {"version":3,"file":"ime-helper.js","sourceRoot":"","sources":["../../src/daemon/ime-helper.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,MAAM,CAAC,MAAM,eAAe,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmxB9B,CAAC;AAEF,MAAM,UAAU,eAAe,CAAC,IAAY;IAC1C,wBAAwB;IACxB,OAAO,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,GAAG,eAAe,SAAS,CAAC,CAAC;AAC9D,CAAC"}

package/dist/daemon/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/daemon/index.ts"],"names":[],"mappings":"~~AAOA~~,MAAM,WAAW,aAAa;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;~~AAED~~,wBAAsB,WAAW,CAAC,OAAO,GAAE,aAAkB,GAAG,OAAO,CAAC,IAAI,CAAC,~~CAiG5E~~"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/daemon/index.ts"],"names":[],"mappings":"AAUA,MAAM,WAAW,aAAa;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AA0CD,wBAAsB,WAAW,CAAC,OAAO,GAAE,aAAkB,GAAG,OAAO,CAAC,IAAI,CAAC,CA+K5E"}