@band-app/server 0.12.0 → 0.13.0

package/dist/server/assets/TerminalPanel-_8vdN94i.js

@@ -1,442 +0,0 @@
-import { r as reactExports, j as jsxRuntimeExports } from "../server.js";
-import { b as useSettingsQuery, bb as openExternalUrl, bc as SearchBar } from "./router-VlIt4cC5.js";
-import "node:async_hooks";
-import "node:stream";
-import "util";
-import "crypto";
-import "async_hooks";
-import "stream";
-import "node:stream/web";
-import "node:process";
-import "node:path";
-import "node:url";
-const SEARCH_DECORATIONS = {
-  matchBackground: "#515c6a",
-  activeMatchBackground: "#a9913680",
-  matchOverviewRuler: "#a9913680",
-  activeMatchColorOverviewRuler: "#a99136"
-};
-const DEFAULT_SEARCH_OPTIONS = {
-  caseSensitive: false,
-  wholeWord: false,
-  regex: false
-};
-function toXtermSearchOptions(opts) {
-  return {
-    caseSensitive: opts.caseSensitive,
-    wholeWord: opts.wholeWord,
-    regex: opts.regex,
-    decorations: SEARCH_DECORATIONS
-  };
-}
-const DARK_TERMINAL_THEME = {
-  background: "#1e1e1e",
-  foreground: "#e8e8e8",
-  cursor: "#e8e8e8",
-  selectionBackground: "rgba(255, 255, 255, 0.2)"
-};
-const LIGHT_TERMINAL_THEME = {
-  background: "#ffffff",
-  foreground: "#1e1e1e",
-  cursor: "#1e1e1e",
-  cursorAccent: "#ffffff",
-  selectionBackground: "rgba(0, 0, 0, 0.15)",
-  // Tweak ANSI colors so they remain readable on a white background. The default
-  // bright-yellow / bright-green xterm palette washes out badly in light mode.
-  black: "#000000",
-  red: "#cd3131",
-  green: "#0a8043",
-  yellow: "#946800",
-  blue: "#0451a5",
-  magenta: "#bc05bc",
-  cyan: "#0598bc",
-  white: "#555555",
-  brightBlack: "#666666",
-  brightRed: "#cd3131",
-  brightGreen: "#0a8043",
-  brightYellow: "#946800",
-  brightBlue: "#0451a5",
-  brightMagenta: "#bc05bc",
-  brightCyan: "#0598bc",
-  brightWhite: "#1e1e1e"
-};
-function isDarkMode() {
-  return document.documentElement.classList.contains("dark");
-}
-function getTerminalTheme() {
-  return isDarkMode() ? DARK_TERMINAL_THEME : LIGHT_TERMINAL_THEME;
-}
-function TerminalPanel({
-  workspaceId,
-  terminalId,
-  visible,
-  paneMetadata,
-  autoFocus,
-  onTitleChange
-}) {
-  const containerRef = reactExports.useRef(null);
-  const terminalRef = reactExports.useRef(null);
-  const fitAddonRef = reactExports.useRef(null);
-  const searchAddonRef = reactExports.useRef(null);
-  const webglAddonRef = reactExports.useRef(null);
-  const wsRef = reactExports.useRef(null);
-  const onTitleChangeRef = reactExports.useRef(onTitleChange);
-  onTitleChangeRef.current = onTitleChange;
-  const { settings } = useSettingsQuery();
-  const useWebGLRenderer = settings.useWebGLTerminalRenderer ?? true;
-  const useWebGLRendererRef = reactExports.useRef(useWebGLRenderer);
-  useWebGLRendererRef.current = useWebGLRenderer;
-  const [searchOpen, setSearchOpen] = reactExports.useState(false);
-  const [searchQuery, setSearchQuery] = reactExports.useState("");
-  const [searchOptions, setSearchOptions] = reactExports.useState(DEFAULT_SEARCH_OPTIONS);
-  const [matchInfo, setMatchInfo] = reactExports.useState({
-    total: 0,
-    current: 0
-  });
-  const searchBarRef = reactExports.useRef(null);
-  const openSearchRef = reactExports.useRef(() => {
-  });
-  reactExports.useEffect(() => {
-    if (!containerRef.current) return;
-    let cancelled = false;
-    let cleanup;
-    Promise.all([
-      import("./xterm-CkV9CBvP.js"),
-      import("./addon-fit-D89xfLfG.js"),
-      import("./addon-web-links-CzLDtFWc.js"),
-      import("./addon-search-BS53_-cp.js"),
-      import("./addon-webgl-BeO2q2vc.js")
-    ]).then(([xtermMod, fitMod, webLinksMod, searchMod, webglMod]) => {
-      const { Terminal: XTerm } = xtermMod;
-      const { FitAddon: XFitAddon } = fitMod;
-      const { WebLinksAddon: XWebLinksAddon } = webLinksMod;
-      const { SearchAddon: XSearchAddon } = searchMod;
-      const { WebglAddon: XWebglAddon } = webglMod;
-      if (cancelled || !containerRef.current) return;
-      const wantsWebGL = useWebGLRendererRef.current;
-      Promise.resolve({          });
-      const terminal = new XTerm({
-        // Opt in to addon-only APIs (decorations, markers, etc.) that
-        // xterm.js 6.1-beta gates behind this flag. Without it, the search
-        // addon's `findNext` throws "You must set the allowProposedApi
-        // option to true to use proposed API" the first time the user
-        // types in the find bar. The addons we ship (search, webgl) are
-        // first-party xterm.js addons that depend on these APIs.
-        allowProposedApi: true,
-        cursorBlink: true,
-        fontSize: 13,
-        fontFamily: "'SF Mono', Menlo, Monaco, 'Courier New', monospace",
-        // iTerm-style row spacing — only safe with the WebGL renderer.
-        // The WebGL addon redraws box-drawing (U+2500-U+257F), block
-        // elements (U+2580-U+259F), powerline separators, and other
-        // continuous glyphs at the full cell rect (via its `customGlyphs`
-        // option, default true) so a 1.2 lineHeight doesn't slice horizontal
-        // gaps through the opencode banner, claude-code's powerline
-        // statusline, or other ASCII art. xterm.js's DOM renderer does
-        // NOT do this — falling back to it means we have to revert to
-        // lineHeight: 1.0 to keep block art continuous.
-        // See https://github.com/band-app/band/issues/391 for history.
-        lineHeight: wantsWebGL ? 1.2 : 1,
-        macOptionIsMeta: true,
-        // Alt+Left/Right → word navigation on macOS
-        scrollback: 1e4,
-        theme: getTerminalTheme()
-      });
-      const themeObserver = new MutationObserver(() => {
-        terminal.options.theme = getTerminalTheme();
-      });
-      themeObserver.observe(document.documentElement, {
-        attributes: true,
-        attributeFilter: ["class"]
-      });
-      const fitAddon = new XFitAddon();
-      terminal.loadAddon(fitAddon);
-      terminal.loadAddon(new XWebLinksAddon((_event, uri) => openExternalUrl(uri)));
-      terminal.open(containerRef.current);
-      let webglContextLossDisposable;
-      const attachWebGL = () => {
-        try {
-          const addon = new XWebglAddon({ customGlyphs: true });
-          terminal.loadAddon(addon);
-          const screenEl = containerRef.current?.querySelector(
-            ".xterm-screen"
-          );
-          const webglCanvas = screenEl?.querySelector(
-            ":scope > canvas:last-of-type"
-          );
-          if (webglCanvas) {
-            webglCanvas.style.pointerEvents = "none";
-            webglCanvas.style.touchAction = "none";
-          }
-          webglAddonRef.current = addon;
-          webglContextLossDisposable?.dispose();
-          webglContextLossDisposable = addon.onContextLoss(() => {
-            console.warn("[TerminalPanel] WebGL context lost, reattaching addon");
-            addon.dispose();
-            webglAddonRef.current = null;
-            attachWebGL();
-          });
-          return true;
-        } catch (err) {
-          console.warn("[TerminalPanel] WebGL renderer unavailable, falling back to DOM", err);
-          return false;
-        }
-      };
-      if (wantsWebGL) attachWebGL();
-      const searchAddon = new XSearchAddon();
-      terminal.loadAddon(searchAddon);
-      const searchResultsDisposable = searchAddon.onDidChangeResults((event) => {
-        setMatchInfo({
-          total: event.resultCount,
-          current: event.resultIndex >= 0 ? event.resultIndex + 1 : 0
-        });
-      });
-      terminal.attachCustomKeyEventHandler((e) => {
-        if (e.type === "keydown") {
-          if ((e.metaKey || e.ctrlKey) && !e.shiftKey && !e.altKey && e.key.toLowerCase() === "f") {
-            e.preventDefault();
-            openSearchRef.current();
-            return false;
-          }
-          if (e.key === "Enter" && e.shiftKey && !e.altKey && !e.metaKey && !e.ctrlKey) {
-            terminal.input("\x1B[13;2u");
-            return false;
-          }
-          if (e.altKey && !e.metaKey && !e.ctrlKey) {
-            if (e.key === "ArrowLeft") {
-              terminal.input("\x1Bb");
-              return false;
-            }
-            if (e.key === "ArrowRight") {
-              terminal.input("\x1Bf");
-              return false;
-            }
-          }
-        }
-        return true;
-      });
-      terminalRef.current = terminal;
-      fitAddonRef.current = fitAddon;
-      searchAddonRef.current = searchAddon;
-      const containerEl = containerRef.current;
-      let lastTouchY = null;
-      const onTouchStart = (e) => {
-        lastTouchY = e.touches.length === 1 ? e.touches[0].clientY : null;
-      };
-      const onTouchMove = (e) => {
-        if (e.touches.length !== 1 || lastTouchY === null) return;
-        const currentY = e.touches[0].clientY;
-        const deltaY = lastTouchY - currentY;
-        const viewport = containerEl.querySelector(".xterm-viewport");
-        const cellHeight = viewport && terminal.rows > 0 ? viewport.clientHeight / terminal.rows : 17;
-        const lineDelta = Math.trunc(deltaY / cellHeight);
-        if (lineDelta !== 0) {
-          terminal.scrollLines(lineDelta);
-          lastTouchY = currentY + (deltaY - lineDelta * cellHeight);
-          e.preventDefault();
-        }
-      };
-      const onTouchEnd = () => {
-        lastTouchY = null;
-      };
-      containerEl.addEventListener("touchstart", onTouchStart, { passive: true });
-      containerEl.addEventListener("touchmove", onTouchMove, { passive: false });
-      containerEl.addEventListener("touchend", onTouchEnd, { passive: true });
-      containerEl.addEventListener("touchcancel", onTouchEnd, { passive: true });
-      let tapStartX = null;
-      let tapStartY = null;
-      const onTapStart = (e) => {
-        if (e.touches.length === 1) {
-          tapStartX = e.touches[0].clientX;
-          tapStartY = e.touches[0].clientY;
-        } else {
-          tapStartX = null;
-          tapStartY = null;
-        }
-      };
-      const onTapEnd = (e) => {
-        const startX = tapStartX;
-        const startY = tapStartY;
-        tapStartX = null;
-        tapStartY = null;
-        if (startX === null || startY === null || e.changedTouches.length !== 1) return;
-        const dx = Math.abs(e.changedTouches[0].clientX - startX);
-        const dy = Math.abs(e.changedTouches[0].clientY - startY);
-        if (dx < 10 && dy < 10) {
-          terminal.focus();
-        }
-      };
-      const onTapCancel = () => {
-        tapStartX = null;
-        tapStartY = null;
-      };
-      containerEl.addEventListener("touchstart", onTapStart, { passive: true });
-      containerEl.addEventListener("touchend", onTapEnd, { passive: true });
-      containerEl.addEventListener("touchcancel", onTapCancel, { passive: true });
-      const proto = location.protocol === "https:" ? "wss:" : "ws:";
-      const ws = new WebSocket(
-        `${proto}//${location.host}/terminal?workspaceId=${encodeURIComponent(workspaceId)}&terminalId=${encodeURIComponent(terminalId)}`
-      );
-      wsRef.current = ws;
-      ws.binaryType = "arraybuffer";
-      ws.onopen = () => {
-        if (paneMetadata && (paneMetadata.command || paneMetadata.cwd || paneMetadata.env)) {
-          const initMsg = { type: "init" };
-          if (paneMetadata.command) initMsg.command = paneMetadata.command;
-          if (paneMetadata.cwd) initMsg.cwd = paneMetadata.cwd;
-          if (paneMetadata.env) initMsg.env = paneMetadata.env;
-          ws.send(JSON.stringify(initMsg));
-        }
-        fitAddon.fit();
-        ws.send(
-          JSON.stringify({
-            type: "resize",
-            cols: terminal.cols,
-            rows: terminal.rows
-          })
-        );
-        if (autoFocus) {
-          terminal.focus();
-        }
-      };
-      ws.onmessage = (event) => {
-        if (event.data instanceof ArrayBuffer) {
-          terminal.write(new Uint8Array(event.data));
-        } else {
-          try {
-            const msg = JSON.parse(event.data);
-            if (msg.type === "title" && typeof msg.title === "string") {
-              onTitleChangeRef.current?.(msg.title);
-            }
-          } catch {
-            terminal.write(event.data);
-          }
-        }
-      };
-      ws.onclose = () => {
-        terminal.write("\r\n\x1B[90m[Terminal disconnected]\x1B[0m\r\n");
-      };
-      terminal.onData((data) => {
-        if (ws.readyState === WebSocket.OPEN) {
-          ws.send(data);
-        }
-      });
-      terminal.onTitleChange((title) => {
-        onTitleChangeRef.current?.(title);
-      });
-      const resizeObserver = new ResizeObserver((entries) => {
-        const entry = entries[0];
-        if (!entry || entry.contentRect.width === 0 || entry.contentRect.height === 0) return;
-        fitAddon.fit();
-        if (ws.readyState === WebSocket.OPEN && terminal.cols > 0 && terminal.rows > 0) {
-          ws.send(
-            JSON.stringify({
-              type: "resize",
-              cols: terminal.cols,
-              rows: terminal.rows
-            })
-          );
-        }
-      });
-      resizeObserver.observe(containerRef.current);
-      cleanup = () => {
-        themeObserver.disconnect();
-        resizeObserver.disconnect();
-        searchResultsDisposable.dispose();
-        webglContextLossDisposable?.dispose();
-        containerEl.removeEventListener("touchstart", onTouchStart);
-        containerEl.removeEventListener("touchmove", onTouchMove);
-        containerEl.removeEventListener("touchend", onTouchEnd);
-        containerEl.removeEventListener("touchcancel", onTouchEnd);
-        containerEl.removeEventListener("touchstart", onTapStart);
-        containerEl.removeEventListener("touchend", onTapEnd);
-        containerEl.removeEventListener("touchcancel", onTapCancel);
-        ws.close();
-        terminal.dispose();
-        terminalRef.current = null;
-        fitAddonRef.current = null;
-        searchAddonRef.current = null;
-        webglAddonRef.current = null;
-        wsRef.current = null;
-      };
-    });
-    return () => {
-      cancelled = true;
-      cleanup?.();
-    };
-  }, [terminalId, workspaceId, paneMetadata, autoFocus]);
-  reactExports.useEffect(() => {
-    if (visible && fitAddonRef.current) {
-      requestAnimationFrame(() => {
-        fitAddonRef.current?.fit();
-        const term = terminalRef.current;
-        const ws = wsRef.current;
-        if (term && ws?.readyState === WebSocket.OPEN && term.cols > 0 && term.rows > 0) {
-          ws.send(JSON.stringify({ type: "resize", cols: term.cols, rows: term.rows }));
-        }
-      });
-    }
-  }, [visible]);
-  reactExports.useEffect(() => {
-    const handler = () => {
-      if (!visible) return;
-      terminalRef.current?.focus();
-    };
-    window.addEventListener("band:focus-terminal", handler);
-    return () => window.removeEventListener("band:focus-terminal", handler);
-  }, [visible]);
-  const handleOpenSearch = reactExports.useCallback(() => {
-    setSearchOpen(true);
-    requestAnimationFrame(() => {
-      searchBarRef.current?.focus();
-      searchBarRef.current?.select();
-    });
-  }, []);
-  openSearchRef.current = handleOpenSearch;
-  const handleCloseSearch = reactExports.useCallback(() => {
-    searchAddonRef.current?.clearDecorations();
-    setSearchOpen(false);
-    setSearchQuery("");
-    setMatchInfo({ total: 0, current: 0 });
-    terminalRef.current?.focus();
-  }, []);
-  const handleNext = reactExports.useCallback(() => {
-    if (!searchQuery) return;
-    searchAddonRef.current?.findNext(searchQuery, toXtermSearchOptions(searchOptions));
-  }, [searchQuery, searchOptions]);
-  const handlePrevious = reactExports.useCallback(() => {
-    if (!searchQuery) return;
-    searchAddonRef.current?.findPrevious(searchQuery, toXtermSearchOptions(searchOptions));
-  }, [searchQuery, searchOptions]);
-  reactExports.useEffect(() => {
-    const addon = searchAddonRef.current;
-    if (!addon) return;
-    if (!searchQuery) {
-      addon.clearDecorations();
-      setMatchInfo({ total: 0, current: 0 });
-      return;
-    }
-    addon.findNext(searchQuery, toXtermSearchOptions(searchOptions));
-  }, [searchQuery, searchOptions]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative flex h-full w-full flex-col", children: [
-    searchOpen && /* @__PURE__ */ jsxRuntimeExports.jsx(
-      SearchBar,
-      {
-        ref: searchBarRef,
-        query: searchQuery,
-        onQueryChange: setSearchQuery,
-        options: searchOptions,
-        onOptionsChange: setSearchOptions,
-        placeholder: "Find in terminal...",
-        matchInfo,
-        onNext: handleNext,
-        onPrevious: handlePrevious,
-        onClose: handleCloseSearch
-      }
-    ),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "relative min-h-0 flex-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: containerRef, className: "absolute inset-2 overflow-hidden" }) })
-  ] });
-}
-export {
-  TerminalPanel
-};