tmux-weblink 2.0.13 → 2.0.15

package/dist/lib/scheduler-drawer.js

@@ -1,379 +0,0 @@
-import{closeOtherDrawersExcept as o,wrapDrawerScript as a}from"./drawer-script.js";import{drawerResizeCSS as c,drawerResizeHandleHTML as d,drawerResizeScript as i}from"./drawer-resize.js";import{escapeHtml as l}from"./html.js";import{DELAY_INVALID_MESSAGE as h,DELAY_MAX_MESSAGE as p,MAX_SCHEDULE_MS as u,scheduleDelayParseScript as m}from"./schedule-delay.js";function v(){return`
-  #sched-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;
-  }
-  #sched-backdrop.open { opacity: 1; pointer-events: auto; }
-  #sched-drawer {
-    position: fixed; right: 0; top: 0; height: 100%; width: 400px; z-index: 1000;
-    background: var(--panel-bg); border-left: 1px solid var(--panel-border);
-    display: flex; flex-direction: column;
-    transform: translateX(100%); transition: transform 0.25s ease;
-  }
-  #sched-drawer.open { transform: translateX(0); }
-  ${c()}
-  .sched-form-section {
-    padding: 14px 16px; border-bottom: 1px solid var(--panel-border); flex-shrink: 0;
-    display: flex; flex-direction: column; gap: 10px;
-  }
-  .sched-field-row { display: flex; gap: 8px; align-items: center; }
-  .sched-field-row label {
-    font-size: var(--text-xs); color: var(--panel-muted); text-transform: uppercase;
-    letter-spacing: 0.08em; font-family: var(--font-mono);
-    width: 56px; flex-shrink: 0;
-  }
-  .sched-input {
-    flex: 1; background: color-mix(in srgb, var(--page-bg) 70%, transparent); border: 1px solid var(--panel-border);
-    color: var(--page-fg); font-family: var(--font-mono); font-size: var(--text-xs);
-    padding: 5px 9px; border-radius: 6px; outline: none; transition: border-color 0.15s;
-  }
-  .sched-input:focus { border-color: var(--panel-accent); }
-  .sched-input.error { border-color: #cc6666; }
-  select.sched-input { cursor: pointer; }
-  .sched-presets { display: flex; gap: 6px; padding-left: 64px; }
-  .sched-preset-btn {
-    font-size: var(--text-xs); color: var(--panel-muted); background: none;
-    border: 1px solid var(--panel-border); padding: 6px 12px; border-radius: 6px;
-    cursor: pointer; font-family: var(--font-mono); transition: all 0.15s;
-    min-height: 44px;
-  }
-  .sched-preset-btn:hover { border-color: var(--panel-accent); color: var(--panel-accent); background: color-mix(in srgb, var(--panel-accent) 8%, transparent); }
-  .sched-preset-btn:focus-visible { box-shadow: 0 0 0 2px var(--panel-accent); outline: none; }
-  .sched-bottom-row {
-    display: flex; justify-content: space-between; align-items: center; gap: 8px;
-  }
-  .sched-error-msg {
-    font-size: var(--text-xs); color: #cc6666; font-family: var(--font-mono); flex: 1;
-  }
-  .sched-submit-btn {
-    font-size: var(--text-xs); background: color-mix(in srgb, var(--panel-success) 12%, transparent);
-    border: 1px solid var(--panel-success); color: var(--panel-success);
-    padding: 8px 18px; border-radius: 6px; cursor: pointer; flex-shrink: 0;
-    font-family: var(--font-mono); transition: all 0.15s;
-    min-height: 44px;
-  }
-  .sched-submit-btn:hover { background: color-mix(in srgb, var(--panel-success) 22%, transparent); }
-  .sched-submit-btn:focus-visible { box-shadow: 0 0 0 2px var(--panel-success); outline: none; }
-  .sched-submit-btn:disabled { opacity: 0.4; cursor: not-allowed; }
-  .sched-tasks-section { flex: 1; display: flex; flex-direction: column; overflow: hidden; }
-  .sched-tasks-header {
-    padding: 8px 16px; font-size: var(--text-xs); color: var(--panel-muted);
-    text-transform: uppercase; letter-spacing: 0.1em; font-family: var(--font-mono);
-    border-bottom: 1px solid var(--panel-border); flex-shrink: 0;
-    display: flex; justify-content: space-between; align-items: center;
-  }
-  .sched-task-count {
-    font-size: var(--text-xs); color: var(--panel-success); font-family: var(--font-mono);
-  }
-  .sched-task-list {
-    flex: 1; overflow-y: auto;
-    scrollbar-width: thin;
-    scrollbar-color: var(--panel-border) transparent;
-  }
-  .sched-task-list::-webkit-scrollbar { width: 4px; }
-  .sched-task-list::-webkit-scrollbar-track { background: transparent; }
-  .sched-task-list::-webkit-scrollbar-thumb {
-    background: var(--panel-border); border-radius: 2px;
-  }
-  .sched-task-list::-webkit-scrollbar-thumb:hover { background: var(--panel-muted); }
-  .sched-task-item {
-    padding: 10px 16px; border-bottom: 1px solid var(--panel-border);
-    display: flex; flex-direction: column; gap: 4px;
-  }
-  .sched-task-item:last-child { border-bottom: none; }
-  .sched-task-row1 { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
-  .sched-task-cmd {
-    font-size: var(--text-xs); color: var(--panel-accent); font-family: var(--font-mono);
-    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
-  }
-  .sched-countdown {
-    font-size: var(--text-xs); color: var(--panel-success); font-family: var(--font-mono);
-    font-weight: 600; flex-shrink: 0; min-width: 48px; text-align: right;
-  }
-  .sched-countdown.urgent { color: #f0c674; }
-  .sched-countdown.imminent { color: #cc6666; }
-  .sched-task-row2 { display: flex; justify-content: space-between; align-items: center; }
-  .sched-task-meta {
-    font-size: var(--text-xs); color: var(--panel-muted); font-family: var(--font-mono);
-  }
-  .sched-cancel-btn {
-    font-size: var(--text-xs); color: var(--panel-muted); background: none;
-    border: 1px solid var(--panel-border); padding: 6px 10px; border-radius: 6px;
-    cursor: pointer; font-family: var(--font-mono); transition: all 0.15s;
-    min-height: 44px;
-  }
-  .sched-cancel-btn:hover { border-color: #cc6666; color: #cc6666; background: color-mix(in srgb, #cc6666 8%, transparent); }
-  .sched-cancel-btn:focus-visible { box-shadow: 0 0 0 2px #cc6666; outline: none; }
-  .sched-empty {
-    padding: 32px 16px; text-align: center; font-size: var(--text-xs);
-    color: var(--panel-muted); font-family: var(--font-mono);
-  }
-  #sched-drawer .drawer-header button {
-    background: none; border: none; color: var(--panel-muted); cursor: pointer;
-    font-size: var(--text-lg); line-height: 1; min-width: 44px; min-height: 44px; padding: 8px; border-radius: 8px; transition: color 0.15s, background 0.15s;
-  }
-  #sched-drawer .drawer-header button:hover { color: var(--panel-accent); background: color-mix(in srgb, var(--panel-accent) 8%, transparent); }
-  #sched-drawer .drawer-header button:focus-visible { box-shadow: 0 0 0 2px var(--panel-accent); outline: none; }
-  @media (max-width: 560px) {
-    #sched-drawer { width: min(100vw - 16px, 400px); }
-  }`}function g(e){return`
-<div id="sched-backdrop"></div>
-<div id="sched-drawer" class="resizable-drawer">
-  ${d()}
-  <div class="drawer-header">
-    <span>${l(e)}</span>
-    <button id="sched-close">&times;</button>
-  </div>
-  <div class="sched-form-section">
-    <div class="sched-field-row">
-      <label>Window</label>
-      <select id="sched-window" class="sched-input"></select>
-    </div>
-    <div class="sched-field-row">
-      <label>Command</label>
-      <input id="sched-cmd" class="sched-input" type="text"
-             placeholder="e.g. npm run build" autocomplete="off" spellcheck="false" />
-    </div>
-    <div class="sched-field-row">
-      <label>Delay</label>
-      <input id="sched-delay" class="sched-input" type="text"
-             placeholder="1h, 5m, 70h, 30d" autocomplete="off" />
-    </div>
-    <div class="sched-presets">
-      <button class="sched-preset-btn" data-delay="1m">1m</button>
-      <button class="sched-preset-btn" data-delay="5m">5m</button>
-      <button class="sched-preset-btn" data-delay="15m">15m</button>
-      <button class="sched-preset-btn" data-delay="1h">1h</button>
-    </div>
-    <div class="sched-bottom-row">
-      <div class="sched-error-msg" id="sched-error"></div>
-      <button class="sched-submit-btn" id="sched-submit">Schedule</button>
-    </div>
-  </div>
-  <div class="sched-tasks-section">
-    <div class="sched-tasks-header">
-      <span>Pending Tasks</span>
-      <span class="sched-task-count" id="sched-task-count"></span>
-    </div>
-    <div class="sched-task-list" id="sched-task-list"></div>
-  </div>
-</div>`}function k(e){const t=JSON.stringify(e),n=u,s=h,r=p;return a("scheduler",`
-const SCHED_SESSION = ${t};
-const MAX_SCHEDULE_MS = ${n};
-${i("sched-drawer","tmux-web:drawer-width:scheduler",400)}
-
-let schedCountdownInterval = null;
-let schedTickCount = 0;
-
-${m()}
-
-function formatCountdown(ms) {
-  if (ms <= 0) return 'FIRING';
-  const s = Math.ceil(ms / 1000);
-  const h = Math.floor(s / 3600);
-  const m = Math.floor((s % 3600) / 60);
-  const sec = s % 60;
-  if (h > 0) return h + ':' + String(m).padStart(2, '0') + ':' + String(sec).padStart(2, '0');
-  return String(m).padStart(2, '0') + ':' + String(sec).padStart(2, '0');
-}
-
-function updateCountdownEl(el) {
-  const fireAt = parseInt(el.dataset.fireAt, 10);
-  const remaining = fireAt - Date.now();
-  el.textContent = formatCountdown(remaining);
-  el.className = 'sched-countdown';
-  if (remaining <= 10000) el.classList.add('imminent');
-  else if (remaining <= 60000) el.classList.add('urgent');
-}
-
-function clearChildren(el) {
-  while (el.firstChild) el.removeChild(el.firstChild);
-}
-
-function el(tag, cls, text) {
-  const e = document.createElement(tag);
-  if (cls) e.className = cls;
-  if (text !== undefined) e.textContent = text;
-  return e;
-}
-
-async function fetchSchedWindows() {
-  try {
-    const res = await fetch('/api/session/' + encodeURIComponent(SCHED_SESSION) + '/windows');
-    if (!res.ok) return;
-    const windows = await res.json();
-    const sel = document.getElementById('sched-window');
-    clearChildren(sel);
-    windows.forEach(w => {
-      const opt = document.createElement('option');
-      opt.value = String(w.index);
-      opt.textContent = w.index + ': ' + w.name + (w.active ? ' (active)' : '');
-      if (w.active) opt.selected = true;
-      sel.appendChild(opt);
-    });
-  } catch {}
-}
-
-function renderTaskList(tasks) {
-  const list = document.getElementById('sched-task-list');
-  const countEl = document.getElementById('sched-task-count');
-  countEl.textContent = tasks.length ? String(tasks.length) : '';
-  clearChildren(list);
-  if (!tasks.length) {
-    list.appendChild(el('div', 'sched-empty', 'No pending tasks'));
-    return;
-  }
-  for (const task of tasks) {
-    const item = el('div', 'sched-task-item');
-
-    const row1 = el('div', 'sched-task-row1');
-    const cmd = el('div', 'sched-task-cmd', task.text);
-    const countdown = el('div', 'sched-countdown');
-    countdown.dataset.fireAt = String(task.fireAt);
-    updateCountdownEl(countdown);
-    row1.appendChild(cmd);
-    row1.appendChild(countdown);
-
-    const row2 = el('div', 'sched-task-row2');
-    const meta = el('div', 'sched-task-meta', 'win:' + task.windowIndex);
-    const cancelBtn = el('button', 'sched-cancel-btn', 'cancel');
-    cancelBtn.addEventListener('click', () => cancelTask(task.id));
-    row2.appendChild(meta);
-    row2.appendChild(cancelBtn);
-
-    item.appendChild(row1);
-    item.appendChild(row2);
-    list.appendChild(item);
-  }
-}
-
-async function fetchTasks() {
-  try {
-    const res = await fetch('/api/schedule?session=' + encodeURIComponent(SCHED_SESSION));
-    if (!res.ok) return;
-    renderTaskList(await res.json());
-  } catch {}
-}
-
-async function cancelTask(id) {
-  try {
-    await fetch('/api/schedule/' + id, { method: 'DELETE' });
-    fetchTasks();
-  } catch {}
-}
-
-async function scheduleTask() {
-  const cmdEl = document.getElementById('sched-cmd');
-  const delayEl = document.getElementById('sched-delay');
-  const winEl = document.getElementById('sched-window');
-  const errorEl = document.getElementById('sched-error');
-  const submitBtn = document.getElementById('sched-submit');
-
-  errorEl.textContent = '';
-  cmdEl.classList.remove('error');
-  delayEl.classList.remove('error');
-
-  const cmd = cmdEl.value.trim();
-  if (!cmd) {
-    cmdEl.classList.add('error');
-    errorEl.textContent = 'Command is required.';
-    return;
-  }
-  const delayMs = parseDelay(delayEl.value);
-  if (!delayMs) {
-    delayEl.classList.add('error');
-    errorEl.textContent = ${JSON.stringify(s)};
-    return;
-  }
-  if (delayMs > MAX_SCHEDULE_MS) {
-    delayEl.classList.add('error');
-    errorEl.textContent = ${JSON.stringify(r)};
-    return;
-  }
-  const windowIndex = parseInt(winEl.value, 10);
-
-  submitBtn.disabled = true;
-  try {
-    const res = await fetch('/api/schedule', {
-      method: 'POST',
-      headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({ sessionName: SCHED_SESSION, windowIndex, text: cmd, delayMs }),
-    });
-    if (!res.ok) {
-      const err = await res.json().catch(() => ({}));
-      errorEl.textContent = err.error || 'Server error.';
-      return;
-    }
-    cmdEl.value = '';
-    delayEl.value = '';
-    fetchTasks();
-  } catch {
-    errorEl.textContent = 'Network error.';
-  } finally {
-    submitBtn.disabled = false;
-  }
-}
-
-function startSchedTick() {
-  if (schedCountdownInterval) return;
-  schedTickCount = 0;
-  schedCountdownInterval = setInterval(() => {
-    document.querySelectorAll('.sched-countdown').forEach(updateCountdownEl);
-    schedTickCount++;
-    if (schedTickCount % 10 === 0) fetchTasks();
-  }, 1000);
-}
-
-function stopSchedTick() {
-  if (schedCountdownInterval) { clearInterval(schedCountdownInterval); schedCountdownInterval = null; }
-}
-
-function openSchedDrawer() {
-  ${o("scheduler")}
-  document.getElementById('sched-drawer').classList.add('open');
-  document.getElementById('sched-backdrop').classList.add('open');
-  fetchSchedWindows();
-  fetchTasks();
-  startSchedTick();
-  const url = new URL(location.href);
-  if (url.searchParams.get('tab') !== 'scheduler') {
-    url.searchParams.set('tab', 'scheduler');
-    history.pushState({ schedOpen: true }, '', url);
-  }
-}
-
-function closeSchedDrawer() {
-  document.getElementById('sched-drawer').classList.remove('open');
-  document.getElementById('sched-backdrop').classList.remove('open');
-  stopSchedTick();
-  const url = new URL(location.href);
-  if (url.searchParams.get('tab') === 'scheduler') {
-    url.searchParams.delete('tab');
-    history.pushState({}, '', url);
-  }
-}
-
-document.getElementById('sched-toggle').addEventListener('click', () => {
-  if (document.getElementById('sched-drawer').classList.contains('open')) closeSchedDrawer();
-  else openSchedDrawer();
-});
-document.getElementById('sched-close').addEventListener('click', closeSchedDrawer);
-document.getElementById('sched-backdrop').addEventListener('click', closeSchedDrawer);
-document.getElementById('sched-submit').addEventListener('click', scheduleTask);
-document.getElementById('sched-cmd').addEventListener('keydown', (e) => {
-  if (e.key === 'Enter') scheduleTask();
-});
-document.querySelectorAll('.sched-preset-btn').forEach(btn => {
-  btn.addEventListener('click', () => {
-    document.getElementById('sched-delay').value = btn.dataset.delay;
-    document.getElementById('sched-cmd').focus();
-  });
-});
-
-window.addEventListener('popstate', () => {
-  const tab = new URLSearchParams(location.search).get('tab');
-  if (tab === 'scheduler') openSchedDrawer();
-  else closeSchedDrawer();
-});
-
-if (new URLSearchParams(location.search).get('tab') === 'scheduler') openSchedDrawer();`,"closeSchedDrawer")}export{v as schedulerDrawerCSS,g as schedulerDrawerHTML,k as schedulerDrawerScript};

package/dist/lib/scheduler.js

@@ -1 +0,0 @@
-import{execFileSync as o}from"node:child_process";import{tmuxEnv as h}from"./tmux-env.js";import{randomUUID as u}from"node:crypto";import{ARM_SCAN_INTERVAL_MS as T,isValidDelayMs as l,MAX_TIMER_MS as d}from"./schedule-delay.js";const m=10080*60*1e3;function f(n,e,s){const t=`${n}:${e}`;o("tmux",["send-keys","-t",t,"-l",s],{timeout:5e3,env:h()}),o("tmux",["send-keys","-t",t,"Enter"],{timeout:5e3,env:h()})}function I(n){if(!n||typeof n!="object")return!1;const e=n;return typeof e.delayMs=="number"&&l(e.delayMs)}function p(n){if(!n||typeof n!="object")return!1;const e=n;return typeof e.sessionName=="string"&&e.sessionName.length>0&&typeof e.windowIndex=="number"&&Number.isInteger(e.windowIndex)&&e.windowIndex>=0&&typeof e.text=="string"&&e.text.length>0&&e.text.length<=4096&&typeof e.delayMs=="number"&&l(e.delayMs)}class b{deps;scheduledTasks=new Map;now;setTimer;clearTimer;setIntervalFn;clearIntervalFn;armScanIntervalMs;createId;sendKeys;onError;onMissedTask;historyRetentionMs;scanIntervalHandle=null;constructor(e){this.deps=e,this.now=e.now??Date.now,this.setTimer=e.setTimer??setTimeout,this.clearTimer=e.clearTimer??clearTimeout,this.setIntervalFn=e.setInterval??setInterval,this.clearIntervalFn=e.clearInterval??clearInterval,this.armScanIntervalMs=e.armScanIntervalMs??T,this.createId=e.createId??u,this.sendKeys=e.sendKeys??f,this.onError=e.onError??(s=>console.error(s)),this.onMissedTask=e.onMissedTask??(()=>{}),this.historyRetentionMs=e.historyRetentionMs??m}record(e){this.deps.db.data.triggeredTasks??=[],this.deps.db.data.triggeredTasks.push(e);const s=this.now()-this.historyRetentionMs;this.deps.db.data.triggeredTasks=this.deps.db.data.triggeredTasks.filter(t=>t.triggeredAt>=s)}listTriggered(){this.deps.db.data.triggeredTasks??=[];const e=this.now()-this.historyRetentionMs;return this.deps.db.data.triggeredTasks.filter(s=>s.triggeredAt>=e).sort((s,t)=>t.triggeredAt-s.triggeredAt)}async restoreFromDb(){const e=this.now(),s=[];for(const r of this.deps.db.data.scheduledTasks)r.fireAt<=e?(s.push(r.id),this.onMissedTask(r),this.record({...r,triggeredAt:e,status:"missed"})):this.registerTask(r);this.deps.db.data.triggeredTasks??=[];const t=this.deps.db.data.triggeredTasks.length,i=e-this.historyRetentionMs;this.deps.db.data.triggeredTasks=this.deps.db.data.triggeredTasks.filter(r=>r.triggeredAt>=i);const a=this.deps.db.data.triggeredTasks.length!==t;s.length&&(this.deps.db.data.scheduledTasks=this.deps.db.data.scheduledTasks.filter(r=>!s.includes(r.id))),(s.length||a)&&await this.deps.db.write(),this.scanPending(),this.startScanLoop()}list(e){return[...this.scheduledTasks.values()].filter(s=>!e||s.sessionName===e).map(({id:s,sessionName:t,windowIndex:i,text:a,fireAt:r,createdAt:c})=>({id:s,sessionName:t,windowIndex:i,text:a,fireAt:r,createdAt:c,remainingMs:Math.max(0,r-this.now())})).sort((s,t)=>s.fireAt-t.fireAt)}async create(e){const s=this.createId(),t=this.now(),i={id:s,sessionName:e.sessionName,windowIndex:e.windowIndex,text:e.text,fireAt:t+e.delayMs,createdAt:t};return this.registerTask(i),this.deps.db.data.scheduledTasks.push(i),await this.deps.db.write(),this.tryArm(i.id),i}async reschedule(e,s){const t=this.scheduledTasks.get(e);if(!t)return null;this.disarmTask(e);const i={...t,fireAt:this.now()+s};this.registerTask(i);const a=this.deps.db.data.scheduledTasks.findIndex(r=>r.id===e);return a>=0&&(this.deps.db.data.scheduledTasks[a]=i),await this.deps.db.write(),this.tryArm(e),i}async delete(e){return this.scheduledTasks.get(e)?(this.disarmTask(e),this.scheduledTasks.delete(e),this.deps.db.data.scheduledTasks=this.deps.db.data.scheduledTasks.filter(t=>t.id!==e),await this.deps.db.write(),!0):!1}cleanup(){if(this.scanIntervalHandle!=null){try{this.clearIntervalFn(this.scanIntervalHandle)}catch{}this.scanIntervalHandle=null}for(const e of this.scheduledTasks.values())if(e.timeoutHandle!=null)try{this.clearTimer(e.timeoutHandle)}catch{}this.scheduledTasks.clear()}scanPending(){for(const e of[...this.scheduledTasks.values()]){const s=e.fireAt-this.now();if(s<=0){e.timeoutHandle!=null&&this.disarmTask(e.id),this.fireTask(e);continue}s<=d&&e.timeoutHandle==null&&this.armTask(e)}}registerTask(e){this.scheduledTasks.set(e.id,{...e,timeoutHandle:null})}disarmTask(e){const s=this.scheduledTasks.get(e);s&&s.timeoutHandle!=null&&(this.clearTimer(s.timeoutHandle),s.timeoutHandle=null)}tryArm(e){const s=this.scheduledTasks.get(e);if(!s)return;const t=s.fireAt-this.now();if(t<=0){this.fireTask(s);return}t<=d&&s.timeoutHandle==null&&this.armTask(s)}armTask(e){const s=e.fireAt-this.now();if(s<=0){this.fireTask(e);return}this.disarmTask(e.id);const t=Math.min(s,d),i=this.setTimer(()=>this.onTimer(e.id),t);this.scheduledTasks.set(e.id,{...e,timeoutHandle:i})}onTimer(e){const s=this.scheduledTasks.get(e);if(s){if(s.timeoutHandle=null,s.fireAt<=this.now()){this.fireTask(s);return}this.armTask(s)}}startScanLoop(){this.scanIntervalHandle==null&&(this.scanIntervalHandle=this.setIntervalFn(()=>this.scanPending(),this.armScanIntervalMs))}fireTask(e){if(!this.scheduledTasks.has(e.id))return;this.disarmTask(e.id);const s=this.now(),t={id:e.id,sessionName:e.sessionName,windowIndex:e.windowIndex,text:e.text,fireAt:e.fireAt,createdAt:e.createdAt};try{this.sendKeys(e.sessionName,e.windowIndex,e.text),this.record({...t,triggeredAt:s,status:"ok"})}catch(i){const a=String(i?.message??i);this.onError(`[scheduler] send-keys to ${e.sessionName}:${e.windowIndex} failed: ${a}`),this.record({...t,triggeredAt:s,status:"error",error:a})}this.scheduledTasks.delete(e.id),this.deps.db.data.scheduledTasks=this.deps.db.data.scheduledTasks.filter(i=>i.id!==e.id),this.deps.db.write().catch(this.onError)}}export{b as SchedulerService,I as isValidRescheduleInput,p as isValidScheduleInput,f as sendTmuxKeys};