tmux-weblink 0.3.2 → 0.3.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tmux-weblink",
-  "version": "0.3.2",
+  "version": "0.3.3",
   "description": "Access your tmux sessions from the browser. A continuation of tmux-web and persalink.",
   "type": "module",
   "bin": {

package/dist/lib/session-sidebar.js

@@ -1,253 +0,0 @@
-function s(){return`
-  #terminal-layout {
-    display: flex;
-    flex: 1;
-    min-height: 0;
-    overflow: hidden;
-  }
-  #session-sidebar {
-    width: 220px;
-    flex-shrink: 0;
-    background: var(--panel-bg);
-    border-right: 1px solid var(--panel-border);
-    display: flex;
-    flex-direction: column;
-    overflow: hidden;
-    transition: width 0.2s ease, border-color 0.2s ease;
-  }
-  #session-sidebar.collapsed {
-    width: 0;
-    border-right-color: transparent;
-  }
-  #session-sidebar .sidebar-header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: 10px 12px;
-    border-bottom: 1px solid var(--panel-border);
-    font-size: var(--text-xs);
-    font-weight: 600;
-    letter-spacing: 0.05em;
-    text-transform: uppercase;
-    color: var(--panel-accent);
-    font-family: var(--font-mono);
-    flex-shrink: 0;
-  }
-  #session-sidebar .sidebar-list {
-    flex: 1;
-    overflow-y: auto;
-    padding: 8px 0;
-    scrollbar-width: thin;
-    scrollbar-color: var(--panel-border) transparent;
-  }
-  #session-sidebar .sidebar-list::-webkit-scrollbar { width: 4px; }
-  #session-sidebar .sidebar-list::-webkit-scrollbar-track { background: transparent; }
-  #session-sidebar .sidebar-list::-webkit-scrollbar-thumb {
-    background: var(--panel-border); border-radius: 2px;
-  }
-  #session-sidebar .sidebar-list::-webkit-scrollbar-thumb:hover { background: var(--panel-muted); }
-  #session-sidebar .sidebar-empty {
-    padding: 16px;
-    text-align: center;
-    color: var(--panel-muted);
-    font-size: var(--text-xs);
-    font-family: var(--font-mono);
-  }
-  #session-sidebar .sidebar-row {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    width: 100%;
-    min-height: 40px;
-    padding: 8px 12px;
-    background: none;
-    border: none;
-    border-bottom: 1px solid var(--panel-border);
-    color: var(--page-fg);
-    cursor: pointer;
-    text-align: left;
-    font-family: var(--font-mono);
-    font-size: var(--text-sm);
-    transition: background 0.15s;
-    text-decoration: none;
-  }
-  #session-sidebar .sidebar-row:last-child { border-bottom: none; }
-  #session-sidebar .sidebar-row:hover { background: color-mix(in srgb, var(--panel-accent) 8%, transparent); }
-  #session-sidebar .sidebar-row.current {
-    background: color-mix(in srgb, var(--panel-accent) 12%, transparent);
-    color: var(--panel-accent);
-    font-weight: 500;
-  }
-  #session-sidebar .sidebar-row-name {
-    flex: 1;
-    min-width: 0;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-  #session-sidebar .sidebar-row-dot {
-    width: 8px;
-    height: 8px;
-    border-radius: 50%;
-    background: var(--panel-muted);
-    flex-shrink: 0;
-  }
-  #session-sidebar .sidebar-row.current .sidebar-row-dot { background: var(--panel-accent); }
-  #session-sidebar .sidebar-row.attached .sidebar-row-dot { background: var(--panel-success); }
-  #session-sidebar-toggle {
-    display: none;
-    align-items: center;
-    justify-content: center;
-    background: none;
-    border: none;
-    color: var(--panel-muted);
-    cursor: pointer;
-    min-width: 44px;
-    min-height: 44px;
-    padding: 8px;
-    border-radius: 10px;
-    transition: color 0.15s, background 0.15s;
-    font-size: var(--text-sm);
-  }
-  #session-sidebar-toggle:hover { color: var(--panel-accent); background: color-mix(in srgb, var(--panel-accent) 8%, transparent); }
-  #session-sidebar-toggle svg { width: 18px; height: 18px; fill: currentColor; }
-  @media (max-width: 768px) {
-    #session-sidebar {
-      position: fixed;
-      left: 0;
-      top: 0;
-      height: 100%;
-      z-index: 1000;
-      width: min(280px, 80vw);
-      transform: translateX(-100%);
-      transition: transform 0.25s ease;
-    }
-    #session-sidebar.open { transform: translateX(0); }
-    #session-sidebar.collapsed { width: min(280px, 80vw); }
-    #session-sidebar-backdrop {
-      position: fixed;
-      inset: 0;
-      background: rgba(0,0,0,0.45);
-      z-index: 999;
-      opacity: 0;
-      pointer-events: none;
-      transition: opacity 0.2s ease;
-    }
-    #session-sidebar-backdrop.open { opacity: 1; pointer-events: auto; }
-    #session-sidebar-toggle { display: flex; }
-  }
-  @media (min-width: 769px) {
-    #session-sidebar-backdrop { display: none; }
-  }
-`}function i(e){return`
-<div id="session-sidebar-backdrop"></div>
-<aside id="session-sidebar" aria-label="Sessions">
-  <div class="sidebar-header">
-    <span>Sessions</span>
-    <button type="button" id="session-sidebar-close" class="header-icon-btn" aria-label="Close sessions">\xD7</button>
-  </div>
-  <div class="sidebar-list" id="session-sidebar-list">
-    <div class="sidebar-empty">Loading sessions\u2026</div>
-  </div>
-</aside>`}function n(e){return`
-(function () {
-  const SIDEBAR_CURRENT = ${JSON.stringify(e)};
-  const sidebar = document.getElementById('session-sidebar');
-  const backdrop = document.getElementById('session-sidebar-backdrop');
-  const list = document.getElementById('session-sidebar-list');
-  const toggleBtn = document.getElementById('session-sidebar-toggle');
-  const closeBtn = document.getElementById('session-sidebar-close');
-
-  function isMobile() {
-    return window.innerWidth <= 768;
-  }
-
-  function openSidebar() {
-    if (isMobile()) {
-      sidebar.classList.add('open');
-      backdrop.classList.add('open');
-    } else {
-      sidebar.classList.remove('collapsed');
-      try { localStorage.setItem('tmux-web:session-sidebar', 'open'); } catch {}
-    }
-  }
-
-  function closeSidebar() {
-    if (isMobile()) {
-      sidebar.classList.remove('open');
-      backdrop.classList.remove('open');
-    } else {
-      sidebar.classList.add('collapsed');
-      try { localStorage.setItem('tmux-web:session-sidebar', 'collapsed'); } catch {}
-    }
-  }
-
-  function toggleSidebar() {
-    if (isMobile()) {
-      sidebar.classList.contains('open') ? closeSidebar() : openSidebar();
-    } else {
-      sidebar.classList.contains('collapsed') ? openSidebar() : closeSidebar();
-    }
-  }
-
-  function renderSessions(sessions) {
-    list.innerHTML = '';
-    if (!sessions || !sessions.length) {
-      list.innerHTML = '<div class="sidebar-empty">No tmux sessions</div>';
-      return;
-    }
-    sessions.forEach((session) => {
-      const row = document.createElement('a');
-      row.className = 'sidebar-row' +
-        (session.name === SIDEBAR_CURRENT ? ' current' : '') +
-        (session.attached ? ' attached' : '');
-      row.href = '/s/' + encodeURIComponent(session.name);
-      row.title = session.name + ' \xB7 ' + session.windows + ' window' + (session.windows === 1 ? '' : 's');
-
-      const dot = document.createElement('span');
-      dot.className = 'sidebar-row-dot';
-
-      const name = document.createElement('span');
-      name.className = 'sidebar-row-name';
-      name.textContent = session.name;
-
-      row.appendChild(dot);
-      row.appendChild(name);
-      list.appendChild(row);
-    });
-  }
-
-  function renderSidebar() {
-    const cfg = window.__TMUX_WEB_TERMINAL__;
-    const data = cfg && cfg.sidebarSessions ? cfg.sidebarSessions : { pinned: [], recent: [] };
-    const sessions = (data.recent || []).concat(data.pinned ? data.pinned.map((p) => ({
-      name: p.sessionName,
-      windows: p.windows ?? 0,
-      attached: p.attached ?? false,
-    })) : []);
-    const seen = new Set();
-    const unique = [];
-    sessions.forEach((s) => { if (!seen.has(s.name)) { seen.add(s.name); unique.push(s); } });
-    unique.sort((a, b) => {
-      if (a.name === SIDEBAR_CURRENT) return -1;
-      if (b.name === SIDEBAR_CURRENT) return 1;
-      return a.name.localeCompare(b.name);
-    });
-    renderSessions(unique);
-  }
-
-  if (toggleBtn) toggleBtn.addEventListener('click', toggleSidebar);
-  if (closeBtn) closeBtn.addEventListener('click', closeSidebar);
-  if (backdrop) backdrop.addEventListener('click', closeSidebar);
-
-  // Restore desktop collapsed state.
-  try {
-    const saved = localStorage.getItem('tmux-web:session-sidebar');
-    if (saved === 'collapsed' && !isMobile()) sidebar.classList.add('collapsed');
-  } catch {}
-
-  renderSidebar();
-})();
-`}function o(){return`<button type="button" id="session-sidebar-toggle" class="header-icon-btn" title="Toggle sessions sidebar" aria-label="Toggle sessions sidebar">
-    <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/></svg>
-  </button>`}export{s as sessionSidebarCSS,i as sessionSidebarHTML,n as sessionSidebarScript,o as sessionSidebarToggleButtonHTML};