@balaji003/lantransfer 1.0.9 → 1.0.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@balaji003/lantransfer",
-  "version": "1.0.9",
+  "version": "1.0.10",
   "description": "LAN File Transfer — peer-to-peer file sharing over local network. Zero dependencies.",
   "main": "server.js",
   "bin": {

package/public/index.html

@@ -186,6 +186,28 @@
     }
     .btn-change-dir:hover { background: var(--surface-hover); border-color: var(--accent); }
 
+    /* ── Update banner ── */
+    .update-banner {
+      display: none; align-items: center; justify-content: center; gap: 12px;
+      padding: 8px 24px; background: rgba(74, 158, 255, 0.1);
+      border-bottom: 1px solid var(--accent); font-size: 13px; flex-shrink: 0;
+    }
+    .update-banner.show { display: flex; }
+    .update-banner span { color: var(--text); }
+    .update-banner .version-new { color: var(--green); font-weight: 600; }
+    .update-banner .version-old { color: var(--text-dim); }
+    .btn-update {
+      background: var(--accent); color: #fff; border: none; border-radius: 4px;
+      padding: 3px 12px; font-size: 12px; font-weight: 500; cursor: pointer;
+      transition: background 0.12s;
+    }
+    .btn-update:hover { background: var(--accent-dim); }
+    .btn-dismiss {
+      background: none; border: none; color: var(--text-dim); cursor: pointer;
+      font-size: 16px; padding: 0 4px; line-height: 1;
+    }
+    .btn-dismiss:hover { color: var(--text); }
+
     /* ── Transfers ── */
     .transfers-section { flex: 1; overflow-y: auto; padding: 16px 24px; }
     .transfer {
@@ -284,6 +306,13 @@
     </div>
   </div>
 
+  <!-- Update banner -->
+  <div class="update-banner" id="update-banner">
+    <span>Update available: <span class="version-old" id="ver-current"></span> → <span class="version-new" id="ver-latest"></span></span>
+    <button class="btn-update" id="update-btn" onclick="doUpdate()">Update Now</button>
+    <button class="btn-dismiss" onclick="dismissUpdate()" title="Dismiss">&times;</button>
+  </div>
+
   <!-- Download location -->
   <div class="download-dir">
     <span>Save to:</span>
@@ -419,6 +448,28 @@
     api('open-folder', { transferId: transferId });
   }
 
+  let updateDismissed = false;
+
+  function doUpdate() {
+    const btn = document.getElementById('update-btn');
+    btn.textContent = 'Updating...';
+    btn.disabled = true;
+    api('do-update');
+    // Server will restart — poll until it's back
+    setTimeout(function poll() {
+      fetch('/api/ping').then(() => {
+        window.location.reload();
+      }).catch(() => {
+        setTimeout(poll, 1000);
+      });
+    }, 3000);
+  }
+
+  function dismissUpdate() {
+    updateDismissed = true;
+    document.getElementById('update-banner').classList.remove('show');
+  }
+
   function doShutdown() {
     if (confirm('Stop the server? This will close LAN Transfer.')) {
       api('shutdown');
@@ -450,6 +501,16 @@
     }
     document.getElementById('local-ip').textContent = state.localIP || '';
 
+    // Update banner
+    const banner = document.getElementById('update-banner');
+    if (!updateDismissed && state.latestVersion && state.currentVersion && state.latestVersion !== state.currentVersion) {
+      document.getElementById('ver-current').textContent = 'v' + state.currentVersion;
+      document.getElementById('ver-latest').textContent = 'v' + state.latestVersion;
+      banner.classList.add('show');
+    } else {
+      banner.classList.remove('show');
+    }
+
     // Download dir
     const dirEl = document.getElementById('download-dir');
     dirEl.textContent = state.downloadDir || '';

package/server.js

@@ -13,6 +13,7 @@
  */
 
 const http = require('http');
+const https = require('https');
 const fs = require('fs');
 const path = require('path');
 const crypto = require('crypto');
@@ -30,6 +31,10 @@ const HTTP_PORT = 3000;
 const PEER_TIMEOUT = 10_000;   // ms
 const BROADCAST_INTERVAL = 3_000; // ms
 const ECDH_CURVE = 'prime256v1'; // NIST P-256
+const PKG = JSON.parse(fs.readFileSync(path.join(__dirname, 'package.json'), 'utf-8'));
+const CURRENT_VERSION = PKG.version;
+const PKG_NAME = PKG.name;
+let latestVersion = null; // filled by update check
 
 // ──────────────────────────────────────────────────────────────────────────────
 // Persistent config (device name)
@@ -101,6 +106,8 @@ function serializeState() {
     isDiscoverable,
     deviceName,
     downloadDir,
+    currentVersion: CURRENT_VERSION,
+    latestVersion,
     localIP: getLocalIP(),
     peers: [...peers.entries()].map(([id, p]) => ({
       id, name: p.device_name, ip: p.ip,
@@ -354,6 +361,34 @@ const server = http.createServer(async (req, res) => {
         console.log(`  [open] Failed — transferId: ${transferId}, found: ${!!t}, savePath: ${t ? t.savePath : 'N/A'}`);
       }
     }
+    else if (req.url === '/api/check-update') {
+      checkForUpdate();
+    }
+    else if (req.url === '/api/do-update') {
+      res.writeHead(200, { 'Content-Type': 'text/plain' });
+      res.end('ok');
+      console.log(`  [update] Running: npm install -g ${PKG_NAME}`);
+      exec(`npm install -g ${PKG_NAME}`, { timeout: 120_000 }, (err, stdout, stderr) => {
+        if (err) {
+          console.error(`  [update] Failed: ${err.message}`);
+          console.error(stderr);
+        } else {
+          console.log(`  [update] Success! Restarting...`);
+          console.log(stdout);
+          // Restart the process
+          setTimeout(() => {
+            const args = process.argv.slice(1);
+            const child = require('child_process').spawn(process.execPath, args, {
+              detached: true,
+              stdio: 'ignore',
+            });
+            child.unref();
+            process.exit(0);
+          }, 500);
+        }
+      });
+      return;
+    }
     else if (req.url === '/api/shutdown') {
       res.writeHead(200, { 'Content-Type': 'text/plain' });
       res.end('ok');
@@ -717,6 +752,33 @@ async function sendFile(peer, file) {
   }
 }
 
+// ──────────────────────────────────────────────────────────────────────────────
+// Update checker
+// ──────────────────────────────────────────────────────────────────────────────
+function checkForUpdate() {
+  const url = `https://registry.npmjs.org/${PKG_NAME}/latest`;
+  console.log(`  [update] Checking ${url}`);
+  https.get(url, { timeout: 5000 }, res => {
+    let body = '';
+    res.on('data', c => body += c);
+    res.on('end', () => {
+      try {
+        const data = JSON.parse(body);
+        latestVersion = data.version || null;
+        console.log(`  [update] Current: ${CURRENT_VERSION}, Latest: ${latestVersion}`);
+        if (latestVersion && latestVersion !== CURRENT_VERSION) {
+          console.log(`  [update] Update available! Run: npm install -g ${PKG_NAME}`);
+        }
+        broadcast();
+      } catch (e) {
+        console.error(`  [update] Parse error: ${e.message}`);
+      }
+    });
+  }).on('error', e => {
+    console.error(`  [update] Check failed: ${e.message}`);
+  });
+}
+
 // ──────────────────────────────────────────────────────────────────────────────
 // Utility
 // ──────────────────────────────────────────────────────────────────────────────
@@ -826,9 +888,13 @@ server.listen(HTTP_PORT, () => {
   console.log(`  Discovery  UDP :${DISCOVERY_PORT} (fallback)`);
   console.log(`  Transfer   TCP :${TRANSFER_PORT}`);
   console.log(`  Encryption ECDH + AES-256-CTR (E2E)`);
+  console.log(`  Version    ${CURRENT_VERSION}`);
   console.log(`  UI:        http://localhost:${HTTP_PORT}`);
   console.log('');
 
+  // Check for updates on startup
+  checkForUpdate();
+
   // Auto-open browser
   const url = `http://localhost:${HTTP_PORT}`;
   if (process.platform === 'win32') exec(`start "" "${url}"`);