tmux-weblink 2.0.13 → 2.0.14

package/dist/lib/shared-layout.js

@@ -1,4 +1,4 @@
-import{commandbarButtonHTML as w}from"./commandbar.js";import{escapeHtml as c}from"./html.js";import{icon as a,iconPath as n}from"./icons.js";const d=[{id:"vscode",name:"VS Code",dot:"#007acc"},{id:"ghostty",name:"Ghostty",dot:"#ff5f00"},{id:"warm-clay",name:"Warm Clay",dot:"#b86b52"},{id:"dark-cove",name:"Dark Cove",dot:"#7aa2f7"}];function r(t="var(--panel-accent)"){return`box-shadow: 0 0 0 2px ${t}; outline: none;`}function y(t=""){return`
+import{escapeHtml as c}from"./html.js";import{icon as i,iconPath as n}from"./icons.js";const d=[{id:"vscode",name:"VS Code",dot:"#007acc"},{id:"ghostty",name:"Ghostty",dot:"#ff5f00"},{id:"warm-clay",name:"Warm Clay",dot:"#b86b52"},{id:"dark-cove",name:"Dark Cove",dot:"#7aa2f7"}];function o(e="var(--panel-accent)"){return`box-shadow: 0 0 0 2px ${e}; outline: none;`}function w(e=""){return`
   @media (prefers-reduced-motion: reduce) {
     *, *::before, *::after {
       animation-duration: 0.01ms !important;
@@ -6,21 +6,21 @@ import{commandbarButtonHTML as w}from"./commandbar.js";import{escapeHtml as c}fr
       transition-duration: 0.01ms !important;
       scroll-behavior: auto !important;
     }
-    ${t}
-  }`}function k(t="vscode"){const o=d.find(e=>e.id===t)??d[0],i=d.map(e=>{const s=e.id===t;return`<button type="button" class="theme-option${s?" active":""}" data-theme="${e.id}" role="menuitem">
-      <span class="theme-dot" style="background:${e.dot}"></span>
-      ${c(e.name)}
-      ${s?a("check",'class="theme-check" aria-hidden="true"'):""}
+    ${e}
+  }`}function y(e="vscode"){const r=d.find(t=>t.id===e)??d[0],a=d.map(t=>{const s=t.id===e;return`<button type="button" class="theme-option${s?" active":""}" data-theme="${t.id}" role="menuitem">
+      <span class="theme-dot" style="background:${t.dot}"></span>
+      ${c(t.name)}
+      ${s?i("check",'class="theme-check" aria-hidden="true"'):""}
     </button>`}).join(`
 `);return`<div class="theme-switcher" id="theme-switcher">
     <button type="button" class="theme-switcher-btn" aria-label="Theme" aria-haspopup="true" aria-expanded="false">
-      <span class="theme-dot" style="background:${o.dot}"></span>
-      <span>${c(o.name)}</span>
+      <span class="theme-dot" style="background:${r.dot}"></span>
+      <span>${c(r.name)}</span>
     </button>
     <div class="theme-switcher-popover" role="menu">
-      ${i}
+      ${a}
     </div>
-  </div>`}function I(){return`(function() {
+  </div>`}function k(){return`(function() {
   const switcher = document.getElementById('theme-switcher');
   if (!switcher) return;
   const btn = switcher.querySelector('.theme-switcher-btn');
@@ -47,7 +47,7 @@ import{commandbarButtonHTML as w}from"./commandbar.js";import{escapeHtml as c}fr
   document.addEventListener('click', (e) => {
     if (switcher.classList.contains('open') && !switcher.contains(e.target)) close();
   });
-})();`}function B(t=""){return`
+})();`}function S(e=""){return`
   *, *::before, *::after { box-sizing: border-box; }
   html, body { background: var(--page-bg); color: var(--page-fg); min-height: 100%; font-family: var(--font-sans); margin: 0; padding: 0; }
 
@@ -75,7 +75,7 @@ import{commandbarButtonHTML as w}from"./commandbar.js";import{escapeHtml as c}fr
     font-size: var(--text-sm); text-decoration: none;
   }
   .header-btn:hover, .icon-btn:hover { color: var(--panel-accent); background: color-mix(in srgb, var(--panel-accent) 8%, transparent); }
-  .header-btn:focus-visible, .icon-btn:focus-visible { ${r()} }
+  .header-btn:focus-visible, .icon-btn:focus-visible { ${o()} }
   .header-btn svg, .icon-btn svg { width: 18px; height: 18px; fill: currentColor; flex-shrink: 0; }
 
   /* \u2500\u2500 Theme switcher popover \u2500\u2500 */
@@ -88,7 +88,7 @@ import{commandbarButtonHTML as w}from"./commandbar.js";import{escapeHtml as c}fr
     font-size: var(--text-sm); text-decoration: none; font-family: inherit;
   }
   .theme-switcher-btn:hover { color: var(--panel-accent); background: color-mix(in srgb, var(--panel-accent) 8%, transparent); }
-  .theme-switcher-btn:focus-visible { ${r()} }
+  .theme-switcher-btn:focus-visible { ${o()} }
   .theme-switcher-btn svg { width: 18px; height: 18px; fill: currentColor; flex-shrink: 0; }
   .theme-switcher-popover {
     position: absolute; top: calc(100% + 6px); right: 0;
@@ -104,7 +104,7 @@ import{commandbarButtonHTML as w}from"./commandbar.js";import{escapeHtml as c}fr
     color: var(--page-fg); font-size: var(--text-sm); cursor: pointer; text-align: left; font-family: inherit;
   }
   .theme-option:hover { background: color-mix(in srgb, var(--panel-accent) 8%, transparent); color: var(--panel-accent); }
-  .theme-option:focus-visible { ${r()} }
+  .theme-option:focus-visible { ${o()} }
   .theme-option.active { color: var(--panel-accent); font-weight: 500; }
   .theme-dot { width: 12px; height: 12px; border-radius: 50%; flex-shrink: 0; }
   .theme-check { width: 16px; height: 16px; margin-left: auto; color: var(--panel-accent); }
@@ -138,7 +138,7 @@ import{commandbarButtonHTML as w}from"./commandbar.js";import{escapeHtml as c}fr
     text-align: left;
   }
   .sidebar-btn:hover { background: color-mix(in srgb, var(--panel-accent) 8%, transparent); color: var(--panel-accent); }
-  .sidebar-btn:focus-visible { ${r()} }
+  .sidebar-btn:focus-visible { ${o()} }
   .sidebar-btn.primary {
     background: var(--panel-accent); border-color: var(--panel-accent); color: var(--panel-accent-on);
     font-weight: 500; margin-bottom: 16px; justify-content: center;
@@ -197,7 +197,7 @@ import{commandbarButtonHTML as w}from"./commandbar.js";import{escapeHtml as c}fr
     color: var(--page-fg); transition: opacity 0.15s;
   }
   .modal-btn:hover { opacity: 0.85; }
-  .modal-btn:focus-visible { ${r()} }
+  .modal-btn:focus-visible { ${o()} }
   .modal-btn.confirm {
     background: var(--panel-accent); border-color: var(--panel-accent);
     color: var(--panel-accent-on); font-weight: 500;
@@ -216,8 +216,8 @@ import{commandbarButtonHTML as w}from"./commandbar.js";import{escapeHtml as c}fr
     .header-btn, .theme-switcher-btn { padding: 8px; }
   }
 
-  ${y()}
-  ${t}`}function A(t){const{commandbarEnabled:o,title:i="TMUX Sessions",themeTemplate:e="vscode"}=t;return`<script>
+  ${w()}
+  ${e}`}function z(e){const{title:r="TMUX Sessions",themeTemplate:a="vscode"}=e;return`<script>
 (function() {
   const token = localStorage.getItem('tmux-web-token');
   if (token) {
@@ -236,40 +236,39 @@ import{commandbarButtonHTML as w}from"./commandbar.js";import{escapeHtml as c}fr
 <header class="fixed-header">
   <div class="brand"><a href="/" aria-label="Go to home">tmux<span>-weblink</span></a></div>
   <div class="header-actions">
-    ${o?w("Search"):""}
     <button class="header-btn" id="notes-toggle" title="Global notes" aria-label="Global notes">
-      ${a("notes")}
+      ${i("notes")}
       <span>Notes</span>
     </button>
-    ${k(e)}
+    ${y(a)}
     <a class="header-btn" href="/settings" title="Settings">
-      ${a("settings")}
+      ${i("settings")}
       <span>Settings</span>
     </a>
   </div>
 </header>
-<script>${I()}</script>`}function T(t){const{activePage:o,refreshHref:i}=t;function e(l,x,f,g,v=""){return`<a href="${x}" class="${l!==null&&l===o?"sidebar-btn current":"sidebar-btn"}"${v}>
+<script>${k()}</script>`}function B(e){const{activePage:r,refreshHref:a}=e;function t(l,x,f,g,v=""){return`<a href="${x}" class="${l!==null&&l===r?"sidebar-btn current":"sidebar-btn"}"${v}>
         <svg viewBox="0 0 24 24" fill="currentColor">${f}</svg>
         ${g}
-      </a>`}const s=n("sessions"),p=n("notes"),m=n("schedule"),b=n("history"),u=n("quick-commands"),h=n("file"),E=n("refresh");return`<aside class="action-sidebar">
+      </a>`}const s=n("sessions"),p=n("notes"),m=n("schedule"),b=n("history"),u=n("quick-commands"),h=n("file"),I=n("refresh");return`<aside class="action-sidebar">
       <p class="sidebar-label">Actions</p>
       <button class="sidebar-btn primary" id="new-session-btn">
-        ${a("add")}
+        ${i("add")}
         New Session
       </button>
       <hr class="sidebar-divider">
-      ${e("home","/",s,"Sessions")}
-      ${e("notes","/notes",p,"All Notes")}
-      ${e("schedule","/schedule",m,"Scheduled")}
-      ${e("files","/files",h,"Files")}
-      ${e("history","/history",b,"History")}
-      ${e("quickCommands","/quick-commands",u,"Quick Commands")}
+      ${t("home","/",s,"Sessions")}
+      ${t("notes","/notes",p,"All Notes")}
+      ${t("schedule","/schedule",m,"Scheduled")}
+      ${t("files","/files",h,"Files")}
+      ${t("history","/history",b,"History")}
+      ${t("quickCommands","/quick-commands",u,"Quick Commands")}
       <hr class="sidebar-divider">
-      <a href="${i}" class="sidebar-btn">
-        ${a("refresh")}
+      <a href="${a}" class="sidebar-btn">
+        ${i("refresh")}
         Refresh
       </a>
-    </aside>`}function M(){return`  /* \u2500\u2500 New session modal \u2500\u2500 */
+    </aside>`}function A(){return`  /* \u2500\u2500 New session modal \u2500\u2500 */
   .modal-backdrop {
     display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.3);
     z-index: 500; align-items: center; justify-content: center;
@@ -314,13 +313,13 @@ import{commandbarButtonHTML as w}from"./commandbar.js";import{escapeHtml as c}fr
     color: var(--page-fg); transition: opacity 0.15s;
   }
   .modal-btn:hover { opacity: 0.85; }
-  .modal-btn:focus-visible { ${r()} }
+  .modal-btn:focus-visible { ${o()} }
   .modal-btn.confirm {
     background: var(--panel-accent); border-color: var(--panel-accent);
     color: var(--panel-accent-on); font-weight: 500;
   }
   .modal-btn.confirm:hover { opacity: 0.9; }
-`}function D(){return`<div class="modal-backdrop" id="new-session-modal" role="dialog" aria-modal="true" aria-label="Create new tmux session">
+`}function T(){return`<div class="modal-backdrop" id="new-session-modal" role="dialog" aria-modal="true" aria-label="Create new tmux session">
   <div class="modal-panel">
     <h2>New Session</h2>
     <div class="modal-field">
@@ -338,7 +337,7 @@ import{commandbarButtonHTML as w}from"./commandbar.js";import{escapeHtml as c}fr
       <button class="modal-btn confirm" id="ns-submit">Create</button>
     </div>
   </div>
-</div>`}function j(t){return`(function() {
+</div>`}function M(e){return`(function() {
   const modal = document.getElementById('new-session-modal');
   const openBtn = document.getElementById('new-session-btn');
   const cancelBtn = document.getElementById('ns-cancel');
@@ -347,7 +346,7 @@ import{commandbarButtonHTML as w}from"./commandbar.js";import{escapeHtml as c}fr
   const dirInput = document.getElementById('ns-dir');
   const dirList = document.getElementById('ns-dir-list');
   const errorEl = document.getElementById('ns-error');
-  const onCreated = '${t??""}';
+  const onCreated = '${e??""}';
 
   // The new session is created on the machine of the currently selected
   // session (window.__tmuxWebScopeAgent is set by the shell client; agent
@@ -479,4 +478,4 @@ import{commandbarButtonHTML as w}from"./commandbar.js";import{escapeHtml as c}fr
     }
     if (e.key === 'Enter') submit();
   });
-})();`}export{M as newSessionModalCSS,D as newSessionModalHTML,j as newSessionModalScript,y as reducedMotion,A as sharedHeader,B as sharedLayoutCSS,T as sharedSidebar,k as themeSwitcherButtonHTML,I as themeSwitcherScript};
+})();`}export{A as newSessionModalCSS,T as newSessionModalHTML,M as newSessionModalScript,w as reducedMotion,z as sharedHeader,S as sharedLayoutCSS,B as sharedSidebar,y as themeSwitcherButtonHTML,k as themeSwitcherScript};

package/package.json

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