clideck 1.25.0 → 1.25.1

package/handlers.js

@@ -28,6 +28,31 @@ for (const p of presets) {
   }
 }
 
+// Check for clideck-remote updates (cached, once per hour)
+let remoteUpdateCache = null;
+let remoteUpdateCheckedAt = 0;
+const REMOTE_UPDATE_INTERVAL = 3600000;
+
+function checkRemoteUpdate(ws) {
+  const now = Date.now();
+  if (remoteUpdateCache && now - remoteUpdateCheckedAt < REMOTE_UPDATE_INTERVAL) {
+    if (remoteUpdateCache.available) ws.send(JSON.stringify({ type: 'remote.update', ...remoteUpdateCache }));
+    return;
+  }
+  const shellOpt = process.platform === 'win32';
+  require('child_process').execFile('npm', ['list', '-g', 'clideck-remote', '--json', '--depth=0'], { shell: shellOpt, timeout: 10000 }, (err, stdout) => {
+    let installed;
+    try { installed = JSON.parse(stdout).dependencies['clideck-remote'].version; } catch { return; }
+    require('child_process').execFile('npm', ['view', 'clideck-remote', 'version'], { shell: shellOpt, timeout: 10000 }, (err2, stdout2) => {
+      if (err2) return;
+      const latest = stdout2.trim();
+      remoteUpdateCache = { installed, latest, available: latest !== installed };
+      remoteUpdateCheckedAt = now;
+      if (remoteUpdateCache.available) ws.send(JSON.stringify({ type: 'remote.update', ...remoteUpdateCache }));
+    });
+  });
+}
+
 // Check which agent binaries are available on PATH
 const whichCmd = process.platform === 'win32' ? 'where' : 'which';
 function checkAvailability() {
@@ -253,6 +278,7 @@ function onConnection(ws) {
           try { ws.send(JSON.stringify({ type: 'remote.status', installed: true, ...JSON.parse(stdout) })); }
           catch { ws.send(JSON.stringify({ type: 'remote.status', installed: true })); }
         });
+        checkRemoteUpdate(ws);
         break;
       }
 
@@ -289,7 +315,10 @@ function onConnection(ws) {
         });
         proc.stdout.on('data', d => ws.send(JSON.stringify({ type: 'remote.install.progress', text: d.toString() })));
         proc.stderr.on('data', d => ws.send(JSON.stringify({ type: 'remote.install.progress', text: d.toString() })));
-        proc.on('close', code => ws.send(JSON.stringify({ type: 'remote.install.done', success: code === 0 })));
+        proc.on('close', code => {
+          remoteUpdateCache = null;
+          ws.send(JSON.stringify({ type: 'remote.install.done', success: code === 0 }));
+        });
         break;
       }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "clideck",
-  "version": "1.25.0",
+  "version": "1.25.1",
   "description": "One screen for all your AI coding agents — run, monitor, and manage multiple CLI agents from a single browser tab",
   "main": "server.js",
   "bin": {

package/public/js/app.js

@@ -224,6 +224,9 @@ function connect() {
       case 'remote.install.done':
         handleInstallDone(msg.success);
         break;
+      case 'remote.update':
+        showRemoteUpdateToast(msg);
+        break;
       default:
         if (msg.type?.startsWith('plugin.')) dispatchPluginMessage(msg);
         break;
@@ -1117,6 +1120,55 @@ function handleInstallDone(success) {
   }
 }
 
+let remoteUpdateShown = false;
+
+function showRemoteUpdateToast(msg) {
+  if (remoteUpdateShown) return;
+  remoteUpdateShown = true;
+
+  const toast = document.createElement('div');
+  toast.className = 'fixed bottom-5 right-5 z-[500] w-[360px] bg-slate-800/95 backdrop-blur-sm border border-slate-700/60 rounded-xl shadow-2xl shadow-black/60';
+  toast.style.cssText = 'opacity:0;transform:translateY(12px);transition:opacity 0.3s ease,transform 0.3s ease';
+
+  toast.innerHTML = `
+    <div class="flex items-center gap-2.5 px-4 pt-3.5 pb-1">
+      <svg class="w-5 h-5 flex-shrink-0 text-blue-400" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"/></svg>
+      <span class="text-[13px] font-semibold text-slate-200">CliDeck Remote Update</span>
+      <button class="dismiss-btn ml-auto w-6 h-6 flex items-center justify-center rounded-md text-slate-500 hover:text-slate-300 hover:bg-slate-700/50 transition-colors">
+        <svg class="w-3.5 h-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path d="M18 6L6 18M6 6l12 12"/></svg>
+      </button>
+    </div>
+    <p class="px-4 pt-1 pb-2.5 text-xs text-slate-400 leading-relaxed">
+      Version <span class="text-slate-300">${esc(msg.latest)}</span> is available (installed: ${esc(msg.installed)}).
+    </p>
+    <div class="px-4 pb-3.5 flex items-center gap-2">
+      <button class="update-btn flex-1 px-3 py-2 text-xs font-medium bg-blue-600 hover:bg-blue-500 text-white rounded-lg transition-colors">Update</button>
+      <button class="dismiss-btn px-3 py-2 text-xs text-slate-500 hover:text-slate-300 transition-colors">Later</button>
+    </div>`;
+
+  const dismiss = () => {
+    toast.style.opacity = '0';
+    toast.style.transform = 'translateY(12px)';
+    setTimeout(() => toast.remove(), 300);
+  };
+
+  toast.querySelectorAll('.dismiss-btn').forEach(b => {
+    b.onclick = () => { dismiss(); setTimeout(() => { remoteUpdateShown = false; }, 600000); };
+  });
+
+  toast.querySelector('.update-btn').onclick = () => {
+    dismiss();
+    remoteUpdateShown = false;
+    document.getElementById('remote-install-log').textContent = '';
+    setRemotePane('installing');
+    openRemoteModal();
+    send({ type: 'remote.install' });
+  };
+
+  document.body.appendChild(toast);
+  requestAnimationFrame(() => { toast.style.opacity = '1'; toast.style.transform = 'translateY(0)'; });
+}
+
 // Button click
 btnRemote.addEventListener('click', () => {
   if (remoteModalOpen && remoteState !== 'paired') { closeRemoteModal(); return; }

package/server.js

@@ -3,6 +3,41 @@ const { readFileSync, existsSync } = require('fs');
 const { join, extname, resolve } = require('path');
 const { WebSocketServer } = require('ws');
 const { ensurePtyHelper } = require('./utils');
+
+// --- Self-update check (runs before server starts) ---
+const currentVersion = require('./package.json').version;
+const { execFile, execSync } = require('child_process');
+const shellOpt = process.platform === 'win32';
+
+function checkSelfUpdate() {
+  return new Promise(ok => {
+    // Skip in non-interactive or local dev contexts
+    if (!process.stdin.isTTY || !process.stdout.isTTY) return ok();
+    if (!__dirname.includes(join('node_modules', 'clideck'))) return ok();
+    execFile('npm', ['view', 'clideck', 'version'], { shell: shellOpt, timeout: 10000 }, (err, stdout) => {
+      if (err) return ok();
+      const latest = stdout.trim();
+      if (!latest || latest === currentVersion) return ok();
+      const rl = require('readline').createInterface({ input: process.stdin, output: process.stdout });
+      rl.question(`\n\x1b[38;5;105m  Update available:\x1b[0m \x1b[38;5;245m${currentVersion}\x1b[0m → \x1b[38;5;44m${latest}\x1b[0m\n\n  \x1b[38;5;252mUpdate now? [Y/n]\x1b[0m `, answer => {
+        rl.close();
+        if (answer.trim().toLowerCase() === 'n') return ok();
+        console.log('\n  \x1b[38;5;245mUpdating...\x1b[0m\n');
+        try {
+          execSync('npm install -g clideck', { stdio: 'inherit', shell: true });
+          console.log('\n  \x1b[38;5;44mUpdated to v' + latest + '.\x1b[0m Restart with: \x1b[38;5;252mclideck\x1b[0m\n');
+          process.exit(0);
+        } catch {
+          console.log('\n  \x1b[38;5;196mUpdate failed.\x1b[0m Continuing with v' + currentVersion + '.\n');
+          ok();
+        }
+      });
+    });
+  });
+}
+
+checkSelfUpdate().then(() => {
+
 const { onConnection } = require('./handlers');
 const sessions = require('./sessions');
 
@@ -124,3 +159,5 @@ server.listen(PORT, '127.0.0.1', () => {
 \x1b[38;5;245m  ▸ Stop with \x1b[38;5;252mCtrl+C\x1b[38;5;245m · Restart anytime with \x1b[38;5;252mclideck\x1b[0m
 `);
 });
+
+}); // checkSelfUpdate