termbeam 1.11.1 → 1.12.0

package/public/js/keybar.js

@@ -1,180 +0,0 @@
-/**
- * Key Bar — touch/mouse key-bar logic for the terminal UI.
- *
- * Depends on globals defined in terminal.html's inline script:
- *   - managed  (Map of session objects)
- *   - activeId (current session ID)
- */
-
-// ===== Key Bar =====
-// Modifier state (shared with terminal onData)
-let ctrlActive = false;
-let shiftActive = false;
-function clearModifiers() {
-  ctrlActive = false;
-  shiftActive = false;
-  const ctrlBtn = document.getElementById('ctrl-btn');
-  const shiftBtn = document.getElementById('shift-btn');
-  if (ctrlBtn) ctrlBtn.classList.remove('active');
-  if (shiftBtn) shiftBtn.classList.remove('active');
-}
-
-function setupKeyBar() {
-  const keyBar = document.getElementById('key-bar');
-  const ctrlBtn = document.getElementById('ctrl-btn');
-  const shiftBtn = document.getElementById('shift-btn');
-  let repeatTimer = null;
-  let repeatInterval = null;
-
-  function toggleModifier(which) {
-    if (which === 'ctrl') {
-      ctrlActive = !ctrlActive;
-      ctrlBtn.classList.toggle('active', ctrlActive);
-    } else {
-      shiftActive = !shiftActive;
-      shiftBtn.classList.toggle('active', shiftActive);
-    }
-  }
-
-  function applyModifiers(key) {
-    if (!ctrlActive && !shiftActive) return key;
-    // Modifier param: Shift=2, Ctrl=5, Ctrl+Shift=6
-    const mod = ctrlActive && shiftActive ? 6 : ctrlActive ? 5 : 2;
-    // Arrow keys: \x1b[X → \x1b[1;{mod}X
-    const csiMatch = key.match(/^\x1b\[([ABCD])$/);
-    if (csiMatch) return '\x1b[1;' + mod + csiMatch[1];
-    // Home/End: \x1bOH/\x1bOF → \x1b[1;{mod}H/F
-    const ssMatch = key.match(/^\x1bO([HF])$/);
-    if (ssMatch) return '\x1b[1;' + mod + ssMatch[1];
-    // Tab with Shift → reverse tab
-    if (key === '\x09' && shiftActive && !ctrlActive) return '\x1b[Z';
-    return key;
-  }
-
-  function flashBtn(btn) {
-    btn.classList.add('flash');
-    setTimeout(() => btn.classList.remove('flash'), 120);
-  }
-
-  function sendKey(btn) {
-    if (!btn || !btn.dataset.key) return;
-    flashBtn(btn);
-    let data =
-      btn.dataset.key === 'enter' ? '\r' : btn.dataset.key === 'tab' ? '\x09' : btn.dataset.key;
-    data = applyModifiers(data);
-    const ms = managed.get(activeId);
-    if (ms && ms.ws && ms.ws.readyState === 1) {
-      ms.ws.send(JSON.stringify({ type: 'input', data }));
-    }
-    clearModifiers();
-  }
-
-  function stopRepeat() {
-    clearTimeout(repeatTimer);
-    clearInterval(repeatInterval);
-    repeatTimer = null;
-    repeatInterval = null;
-  }
-
-  function startRepeat(btn) {
-    stopRepeat();
-    sendKey(btn);
-    repeatTimer = setTimeout(() => {
-      repeatInterval = setInterval(() => sendKey(btn), 80);
-    }, 400);
-  }
-
-  ctrlBtn.addEventListener('click', (e) => {
-    e.preventDefault();
-    e.stopPropagation();
-    toggleModifier('ctrl');
-  });
-  shiftBtn.addEventListener('click', (e) => {
-    e.preventDefault();
-    e.stopPropagation();
-    toggleModifier('shift');
-  });
-  ctrlBtn.addEventListener('mousedown', (e) => e.preventDefault());
-  shiftBtn.addEventListener('mousedown', (e) => e.preventDefault());
-  ctrlBtn.addEventListener(
-    'touchstart',
-    (e) => {
-      e.preventDefault();
-      keyBarTouched = true;
-      toggleModifier('ctrl');
-    },
-    { passive: false },
-  );
-  shiftBtn.addEventListener(
-    'touchstart',
-    (e) => {
-      e.preventDefault();
-      keyBarTouched = true;
-      toggleModifier('shift');
-    },
-    { passive: false },
-  );
-
-  let keyBarTouched = false;
-  keyBar.addEventListener('mousedown', (e) => {
-    if (keyBarTouched) {
-      keyBarTouched = false;
-      return;
-    }
-    const btn = e.target.closest('.key-btn');
-    if (btn && btn.dataset.key) {
-      e.preventDefault();
-      startRepeat(btn);
-    }
-  });
-  keyBar.addEventListener('mouseup', stopRepeat);
-  keyBar.addEventListener('mouseleave', stopRepeat);
-
-  // Touch handling: allow native scroll when swiping, fire key only on tap
-  const SWIPE_THRESHOLD = 10;
-  let touchStartX = 0;
-  let touchBtn = null;
-  let touchMoved = false;
-
-  keyBar.addEventListener(
-    'touchstart',
-    (e) => {
-      keyBarTouched = true;
-      touchBtn = e.target.closest('.key-btn');
-      touchMoved = false;
-      touchStartX = e.touches[0].clientX;
-      // Don't preventDefault — let the browser handle scroll
-    },
-    { passive: true },
-  );
-  keyBar.addEventListener(
-    'touchmove',
-    (e) => {
-      if (Math.abs(e.touches[0].clientX - touchStartX) > SWIPE_THRESHOLD) {
-        touchMoved = true;
-        stopRepeat();
-      }
-    },
-    { passive: true },
-  );
-  keyBar.addEventListener('touchend', (e) => {
-    if (!touchMoved && touchBtn && touchBtn.dataset.key) {
-      e.preventDefault();
-      sendKey(touchBtn);
-    }
-    stopRepeat();
-    touchBtn = null;
-  });
-  keyBar.addEventListener('touchcancel', () => {
-    stopRepeat();
-    touchBtn = null;
-  });
-
-  keyBar.addEventListener('click', (e) => {
-    const btn = e.target.closest('.key-btn');
-    if (btn) {
-      const ms = managed.get(activeId);
-      if (ms) ms.term.focus();
-    }
-  });
-}

package/public/js/search.js

@@ -1,95 +0,0 @@
-/**
- * Terminal search bar logic.
- * Depends on globals defined in terminal.html:
- *   - managed (Map of session objects)
- *   - activeId (current active session ID)
- */
-
-// ===== Terminal Search =====
-const searchBar = document.getElementById('search-bar');
-const searchInput = document.getElementById('search-input');
-const searchCount = document.getElementById('search-count');
-const searchRegexBtn = document.getElementById('search-regex');
-let searchRegex = false;
-let searchResultIndex = 0;
-let searchResultTotal = 0;
-
-function getActiveSearchAddon() {
-  if (!activeId) return null;
-  const ms = managed.get(activeId);
-  return ms ? ms.searchAddon : null;
-}
-
-function updateSearchCount(idx, total) {
-  searchResultIndex = idx;
-  searchResultTotal = total;
-  searchCount.textContent = total > 0 ? idx + 1 + ' of ' + total : 'No results';
-}
-
-function doSearch(direction) {
-  const addon = getActiveSearchAddon();
-  if (!addon) return;
-  const query = searchInput.value;
-  if (!query) {
-    searchCount.textContent = '';
-    return;
-  }
-  const opts = {
-    regex: searchRegex,
-    caseSensitive: false,
-    incremental: direction === 'next',
-  };
-  let result;
-  if (direction === 'prev') {
-    result = addon.findPrevious(query, opts);
-  } else {
-    result = addon.findNext(query, opts);
-  }
-  // SearchAddon returns boolean; no match count API in v0.15
-  searchCount.textContent = result ? 'Found' : 'No results';
-}
-
-function openSearchBar() {
-  searchBar.classList.add('visible');
-  searchInput.focus();
-  searchInput.select();
-}
-
-function closeSearchBar() {
-  searchBar.classList.remove('visible');
-  searchCount.textContent = '';
-  searchInput.value = '';
-  const addon = getActiveSearchAddon();
-  if (addon) addon.clearDecorations();
-  // Re-focus terminal
-  if (activeId) {
-    const ms = managed.get(activeId);
-    if (ms) ms.term.focus();
-  }
-}
-
-searchInput.addEventListener('input', () => doSearch('next'));
-searchInput.addEventListener('keydown', (e) => {
-  if (e.key === 'Escape') {
-    closeSearchBar();
-    e.preventDefault();
-  } else if (e.key === 'Enter') {
-    e.preventDefault();
-    doSearch(e.shiftKey ? 'prev' : 'next');
-  }
-});
-document.getElementById('search-next').addEventListener('click', () => doSearch('next'));
-document.getElementById('search-prev').addEventListener('click', () => doSearch('prev'));
-document.getElementById('search-close').addEventListener('click', closeSearchBar);
-document.getElementById('search-regex').addEventListener('click', () => {
-  searchRegex = !searchRegex;
-  searchRegexBtn.classList.toggle('active', searchRegex);
-  if (searchInput.value) doSearch('next');
-});
-
-document.addEventListener('keydown', (e) => {
-  if ((e.ctrlKey || e.metaKey) && e.key === 'f') {
-    e.preventDefault();
-    openSearchBar();
-  }
-});

package/public/js/shared.js

@@ -1,39 +0,0 @@
-// shared.js — utility functions shared across TermBeam pages
-
-/**
- * Escape a string for safe insertion into HTML.
- * Uses the DOM to handle entity encoding.
- */
-function esc(str) {
-  const d = document.createElement('div');
-  d.textContent = str;
-  return d.innerHTML;
-}
-
-/**
- * Textarea-based clipboard copy fallback for non-secure contexts (HTTP over LAN).
- * Returns true if the copy succeeded, false otherwise.
- */
-function copyToClipboardFallback(text) {
-  const ta = document.createElement('textarea');
-  ta.value = text;
-  ta.style.cssText = 'position:fixed;left:-9999px;top:-9999px';
-  document.body.appendChild(ta);
-  ta.focus();
-  ta.select();
-  let ok = false;
-  try {
-    ok = document.execCommand('copy');
-  } catch {}
-  document.body.removeChild(ta);
-  return ok;
-}
-
-/**
- * Register the service worker if supported.
- */
-function registerServiceWorker() {
-  if ('serviceWorker' in navigator) {
-    navigator.serviceWorker.register('/sw.js').catch(() => {});
-  }
-}

package/public/js/terminal-themes.js

@@ -1,291 +0,0 @@
-// Terminal color themes for xterm.js
-const darkTermTheme = {
-  background: '#1e1e1e',
-  foreground: '#d4d4d4',
-  cursor: '#aeafad',
-  cursorAccent: '#1e1e1e',
-  selectionBackground: 'rgba(38, 79, 120, 0.5)',
-  black: '#000000',
-  red: '#cd3131',
-  green: '#0dbc79',
-  yellow: '#e5e510',
-  blue: '#2472c8',
-  magenta: '#bc3fbc',
-  cyan: '#11a8cd',
-  white: '#e5e5e5',
-  brightBlack: '#666666',
-  brightRed: '#f14c4c',
-  brightGreen: '#23d18b',
-  brightYellow: '#f5f543',
-  brightBlue: '#3b8eea',
-  brightMagenta: '#d670d6',
-  brightCyan: '#29b8db',
-  brightWhite: '#e5e5e5',
-};
-const lightTermTheme = {
-  background: '#ffffff',
-  foreground: '#1e1e1e',
-  cursor: '#000000',
-  cursorAccent: '#ffffff',
-  selectionBackground: 'rgba(0, 120, 215, 0.3)',
-  black: '#000000',
-  red: '#cd3131',
-  green: '#00bc7c',
-  yellow: '#949800',
-  blue: '#0451a5',
-  magenta: '#bc05bc',
-  cyan: '#0598bc',
-  white: '#555555',
-  brightBlack: '#666666',
-  brightRed: '#cd3131',
-  brightGreen: '#14ce14',
-  brightYellow: '#b5ba00',
-  brightBlue: '#0451a5',
-  brightMagenta: '#bc05bc',
-  brightCyan: '#0598bc',
-  brightWhite: '#a5a5a5',
-};
-const monokaiTermTheme = {
-  background: '#272822',
-  foreground: '#f8f8f2',
-  cursor: '#f8f8f0',
-  cursorAccent: '#272822',
-  selectionBackground: 'rgba(166, 226, 46, 0.3)',
-  black: '#272822',
-  red: '#f92672',
-  green: '#a6e22e',
-  yellow: '#f4bf75',
-  blue: '#66d9e8',
-  magenta: '#ae81ff',
-  cyan: '#a1efe4',
-  white: '#f8f8f2',
-  brightBlack: '#75715e',
-  brightRed: '#f92672',
-  brightGreen: '#a6e22e',
-  brightYellow: '#f4bf75',
-  brightBlue: '#66d9e8',
-  brightMagenta: '#ae81ff',
-  brightCyan: '#a1efe4',
-  brightWhite: '#f9f8f5',
-};
-const solarizedDarkTermTheme = {
-  background: '#002b36',
-  foreground: '#839496',
-  cursor: '#839496',
-  cursorAccent: '#002b36',
-  selectionBackground: 'rgba(7, 54, 66, 0.8)',
-  black: '#073642',
-  red: '#dc322f',
-  green: '#859900',
-  yellow: '#b58900',
-  blue: '#268bd2',
-  magenta: '#d33682',
-  cyan: '#2aa198',
-  white: '#eee8d5',
-  brightBlack: '#002b36',
-  brightRed: '#cb4b16',
-  brightGreen: '#586e75',
-  brightYellow: '#657b83',
-  brightBlue: '#839496',
-  brightMagenta: '#6c71c4',
-  brightCyan: '#93a1a1',
-  brightWhite: '#fdf6e3',
-};
-const solarizedLightTermTheme = {
-  background: '#fdf6e3',
-  foreground: '#657b83',
-  cursor: '#586e75',
-  cursorAccent: '#fdf6e3',
-  selectionBackground: 'rgba(238, 232, 213, 0.8)',
-  black: '#073642',
-  red: '#dc322f',
-  green: '#859900',
-  yellow: '#b58900',
-  blue: '#268bd2',
-  magenta: '#d33682',
-  cyan: '#2aa198',
-  white: '#eee8d5',
-  brightBlack: '#002b36',
-  brightRed: '#cb4b16',
-  brightGreen: '#586e75',
-  brightYellow: '#657b83',
-  brightBlue: '#839496',
-  brightMagenta: '#6c71c4',
-  brightCyan: '#93a1a1',
-  brightWhite: '#fdf6e3',
-};
-const nordTermTheme = {
-  background: '#2e3440',
-  foreground: '#d8dee9',
-  cursor: '#d8dee9',
-  cursorAccent: '#2e3440',
-  selectionBackground: 'rgba(67, 76, 94, 0.5)',
-  black: '#3b4252',
-  red: '#bf616a',
-  green: '#a3be8c',
-  yellow: '#ebcb8b',
-  blue: '#81a1c1',
-  magenta: '#b48ead',
-  cyan: '#88c0d0',
-  white: '#e5e9f0',
-  brightBlack: '#4c566a',
-  brightRed: '#bf616a',
-  brightGreen: '#a3be8c',
-  brightYellow: '#ebcb8b',
-  brightBlue: '#81a1c1',
-  brightMagenta: '#b48ead',
-  brightCyan: '#8fbcbb',
-  brightWhite: '#eceff4',
-};
-const draculaTermTheme = {
-  background: '#282a36',
-  foreground: '#f8f8f2',
-  cursor: '#f8f8f2',
-  cursorAccent: '#282a36',
-  selectionBackground: 'rgba(68, 71, 90, 0.7)',
-  black: '#21222c',
-  red: '#ff5555',
-  green: '#50fa7b',
-  yellow: '#f1fa8c',
-  blue: '#bd93f9',
-  magenta: '#ff79c6',
-  cyan: '#8be9fd',
-  white: '#f8f8f2',
-  brightBlack: '#6272a4',
-  brightRed: '#ff6e6e',
-  brightGreen: '#69ff94',
-  brightYellow: '#ffffa5',
-  brightBlue: '#d6acff',
-  brightMagenta: '#ff92df',
-  brightCyan: '#a4ffff',
-  brightWhite: '#ffffff',
-};
-const githubDarkTermTheme = {
-  background: '#0d1117',
-  foreground: '#c9d1d9',
-  cursor: '#c9d1d9',
-  cursorAccent: '#0d1117',
-  selectionBackground: 'rgba(56, 139, 253, 0.3)',
-  black: '#484f58',
-  red: '#ff7b72',
-  green: '#3fb950',
-  yellow: '#d29922',
-  blue: '#58a6ff',
-  magenta: '#bc8cff',
-  cyan: '#39c5cf',
-  white: '#c9d1d9',
-  brightBlack: '#6e7681',
-  brightRed: '#ffa198',
-  brightGreen: '#56d364',
-  brightYellow: '#e3b341',
-  brightBlue: '#79c0ff',
-  brightMagenta: '#d2a8ff',
-  brightCyan: '#56d4dd',
-  brightWhite: '#f0f6fc',
-};
-const oneDarkTermTheme = {
-  background: '#282c34',
-  foreground: '#abb2bf',
-  cursor: '#528bff',
-  cursorAccent: '#282c34',
-  selectionBackground: 'rgba(62, 68, 82, 0.7)',
-  black: '#3f4451',
-  red: '#e06c75',
-  green: '#98c379',
-  yellow: '#e5c07b',
-  blue: '#61afef',
-  magenta: '#c678dd',
-  cyan: '#56b6c2',
-  white: '#d7dae0',
-  brightBlack: '#4f5666',
-  brightRed: '#e06c75',
-  brightGreen: '#98c379',
-  brightYellow: '#e5c07b',
-  brightBlue: '#61afef',
-  brightMagenta: '#c678dd',
-  brightCyan: '#56b6c2',
-  brightWhite: '#ffffff',
-};
-const catppuccinTermTheme = {
-  background: '#1e1e2e',
-  foreground: '#cdd6f4',
-  cursor: '#f5e0dc',
-  cursorAccent: '#1e1e2e',
-  selectionBackground: 'rgba(88, 91, 112, 0.5)',
-  black: '#45475a',
-  red: '#f38ba8',
-  green: '#a6e3a1',
-  yellow: '#f9e2af',
-  blue: '#89b4fa',
-  magenta: '#f5c2e7',
-  cyan: '#94e2d5',
-  white: '#bac2de',
-  brightBlack: '#585b70',
-  brightRed: '#f38ba8',
-  brightGreen: '#a6e3a1',
-  brightYellow: '#f9e2af',
-  brightBlue: '#89b4fa',
-  brightMagenta: '#f5c2e7',
-  brightCyan: '#94e2d5',
-  brightWhite: '#a6adc8',
-};
-const gruvboxTermTheme = {
-  background: '#282828',
-  foreground: '#ebdbb2',
-  cursor: '#ebdbb2',
-  cursorAccent: '#282828',
-  selectionBackground: 'rgba(80, 73, 69, 0.7)',
-  black: '#282828',
-  red: '#cc241d',
-  green: '#98971a',
-  yellow: '#d79921',
-  blue: '#458588',
-  magenta: '#b16286',
-  cyan: '#689d6a',
-  white: '#a89984',
-  brightBlack: '#928374',
-  brightRed: '#fb4934',
-  brightGreen: '#b8bb26',
-  brightYellow: '#fabd2f',
-  brightBlue: '#83a598',
-  brightMagenta: '#d3869b',
-  brightCyan: '#8ec07c',
-  brightWhite: '#ebdbb2',
-};
-const nightOwlTermTheme = {
-  background: '#011627',
-  foreground: '#d6deeb',
-  cursor: '#80a4c2',
-  cursorAccent: '#011627',
-  selectionBackground: 'rgba(29, 59, 83, 0.7)',
-  black: '#010e1a',
-  red: '#ef5350',
-  green: '#22da6e',
-  yellow: '#addb67',
-  blue: '#82aaff',
-  magenta: '#c792ea',
-  cyan: '#21c7a8',
-  white: '#d6deeb',
-  brightBlack: '#575656',
-  brightRed: '#ef5350',
-  brightGreen: '#22da6e',
-  brightYellow: '#ffeb95',
-  brightBlue: '#82aaff',
-  brightMagenta: '#c792ea',
-  brightCyan: '#7fdbca',
-  brightWhite: '#ffffff',
-};
-const TERM_THEMES = {
-  dark: darkTermTheme,
-  light: lightTermTheme,
-  monokai: monokaiTermTheme,
-  'solarized-dark': solarizedDarkTermTheme,
-  'solarized-light': solarizedLightTermTheme,
-  nord: nordTermTheme,
-  dracula: draculaTermTheme,
-  'github-dark': githubDarkTermTheme,
-  'one-dark': oneDarkTermTheme,
-  catppuccin: catppuccinTermTheme,
-  gruvbox: gruvboxTermTheme,
-  'night-owl': nightOwlTermTheme,
-};

package/public/js/themes.js

@@ -1,54 +0,0 @@
-// Shared theme switching logic for index.html and terminal.html
-const THEMES = [
-  { id: 'dark', name: 'Dark', bg: '#1e1e1e' },
-  { id: 'light', name: 'Light', bg: '#f3f3f3' },
-  { id: 'monokai', name: 'Monokai', bg: '#272822' },
-  { id: 'solarized-dark', name: 'Solarized Dark', bg: '#002b36' },
-  { id: 'solarized-light', name: 'Solarized Light', bg: '#fdf6e3' },
-  { id: 'nord', name: 'Nord', bg: '#2e3440' },
-  { id: 'dracula', name: 'Dracula', bg: '#282a36' },
-  { id: 'github-dark', name: 'GitHub Dark', bg: '#0d1117' },
-  { id: 'one-dark', name: 'One Dark', bg: '#282c34' },
-  { id: 'catppuccin', name: 'Catppuccin', bg: '#1e1e2e' },
-  { id: 'gruvbox', name: 'Gruvbox', bg: '#282828' },
-  { id: 'night-owl', name: 'Night Owl', bg: '#011627' },
-];
-
-function getTheme() {
-  return localStorage.getItem('termbeam-theme') || 'dark';
-}
-
-function applyTheme(theme) {
-  document.documentElement.setAttribute('data-theme', theme);
-  const t = THEMES.find((x) => x.id === theme) || THEMES[0];
-  document.querySelector('meta[name="theme-color"]').content = t.bg;
-  localStorage.setItem('termbeam-theme', theme);
-  document.querySelectorAll('.theme-option').forEach((el) => {
-    el.classList.toggle('active', el.dataset.themeOption === theme);
-  });
-  if (typeof window.onThemeApplied === 'function') {
-    window.onThemeApplied(theme);
-  }
-}
-
-// Theme toggle button
-document.getElementById('theme-toggle').addEventListener('click', (e) => {
-  e.stopPropagation();
-  document.getElementById('theme-picker').classList.toggle('open');
-});
-
-// Close picker on outside click
-document.addEventListener('click', () => {
-  document.getElementById('theme-picker').classList.remove('open');
-});
-
-// Theme option click handlers
-document.querySelectorAll('.theme-option').forEach((el) => {
-  el.addEventListener('click', (e) => {
-    e.stopPropagation();
-    applyTheme(el.dataset.themeOption);
-  });
-});
-
-// Apply saved theme on load
-applyTheme(getTheme());

package/public/manifest.json

@@ -1,14 +0,0 @@
-{
-  "name": "TermBeam",
-  "short_name": "TermBeam",
-  "description": "Beam your terminal to any device",
-  "start_url": "/",
-  "display": "standalone",
-  "background_color": "#1e1e1e",
-  "theme_color": "#1e1e1e",
-  "icons": [
-    { "src": "/icons/icon-192.png", "sizes": "192x192", "type": "image/png" },
-    { "src": "/icons/icon-512.png", "sizes": "512x512", "type": "image/png" },
-    { "src": "/icons/icon.svg", "sizes": "any", "type": "image/svg+xml" }
-  ]
-}