npm - bloby-bot - Versions diffs - 0.53.3 → 0.53.5 - Mend

bloby-bot 0.53.3 → 0.53.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/package.json +1 -1
package/supervisor/backend.ts +23 -0
package/supervisor/index.ts +101 -1
package/supervisor/public/what-happened.mp4 +0 -0
package/supervisor/public/what-happened.webm +0 -0

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "bloby-bot",
-  "version": "0.53.3",
+  "version": "0.53.5",
   "releaseNotes": [
     "1. New Morphy animation system: config-driven sprites loaded from /morphy/*.json",
     "2. Swapped teleporting (splash) and headphones (bubble + chat) to the new format",

package/supervisor/backend.ts CHANGED Viewed

@@ -8,6 +8,10 @@ let child: ChildProcess | null = null;
 let restarts = 0;
 let lastSpawnTime = 0;
 let intentionallyStopped = false;
+// True once the backend has crash-looped past MAX_RESTARTS and given up — i.e. it's down and
+// will NOT come back without the user fixing the code. The supervisor shows the "backend down"
+// interstitial in this state. Cleared on every spawn attempt (a deliberate restart is "trying again").
+let gaveUp = false;
 const MAX_RESTARTS = 3;
 const STABLE_THRESHOLD = 30_000; // 30s — if backend ran this long, it wasn't a crash loop
@@ -39,6 +43,7 @@ export function spawnBackend(port: number): ChildProcess {
   const backendPath = path.join(WORKSPACE_DIR, 'backend', 'index.ts');
   lastSpawnTime = Date.now();
   intentionallyStopped = false;
+  gaveUp = false;
   // Clear log file on each restart — only keeps current run
   try { fs.writeFileSync(LOG_FILE, ''); } catch {}
@@ -106,6 +111,7 @@ export function spawnBackend(port: number): ChildProcess {
       log.info(`Restarting backend (${restarts}/${MAX_RESTARTS}, delay ${delay}ms)...`);
       setTimeout(() => spawnBackend(port), delay);
     } else {
+      gaveUp = true;
       log.error('Backend failed too many times. Use Bloby chat to debug.');
     }
   });
@@ -183,6 +189,23 @@ export function isBackendAlive(): boolean {
   return child !== null && child.exitCode === null;
 }
+/** True when the backend has crash-looped past MAX_RESTARTS and given up — down and not
+ *  coming back without a code fix. Drives the supervisor's "backend down" interstitial. */
+export function isBackendDead(): boolean {
+  return gaveUp;
+}
+/** Read the tail of the backend log (default 100 lines) for the "copy logs" debug helper. */
+export function readBackendLogTail(maxLines = 100): string {
+  try {
+    const text = fs.readFileSync(LOG_FILE, 'utf-8');
+    const lines = text.split('\n');
+    return lines.slice(-maxLines).join('\n').trim();
+  } catch {
+    return '';
+  }
+}
 export function isBackendStopping(): boolean {
   return stopPromise !== null;
 }

package/supervisor/index.ts CHANGED Viewed

@@ -11,7 +11,7 @@ import { log } from '../shared/logger.js';
 import { startTunnel, stopTunnel, isTunnelAlive, restartTunnel, startNamedTunnel, restartNamedTunnel } from './tunnel.js';
 import { createWorkerApp } from '../worker/index.js';
 import { closeDb, getSession, getSetting } from '../worker/db.js';
-import { spawnBackend, stopBackend, restartBackend, getBackendPort, isBackendAlive, isBackendStopping, setBackendEnv } from './backend.js';
+import { spawnBackend, stopBackend, restartBackend, getBackendPort, isBackendAlive, isBackendStopping, isBackendDead, readBackendLogTail, setBackendEnv } from './backend.js';
 import { handleAgentQuery, type AgentQueryRequest } from './agent-api.js';
 import { updateTunnelUrl, startHeartbeat, stopHeartbeat, disconnect } from '../shared/relay.js';
 import {
@@ -69,6 +69,8 @@ const PLATFORM_ASSETS = new Set([
   '/pi-logo.svg',
   '/codex.svg',
   '/manifest.json',
+  '/what-happened.webm',
+  '/what-happened.mp4',
 ]);
 // Directory-prefix platform assets — anything under these is served from supervisor/public/.
@@ -250,6 +252,77 @@ const RECOVERING_HTML = `<!DOCTYPE html><html style="background:#222122"><head><
 </div><script>setTimeout(function(){location.reload()},3000)</script>
 <script src="/bloby/widget.js"></script></body></html>`;
+/** Interstitial shown (by the supervisor, not the workspace) when the workspace backend has
+ *  crash-looped and given up. Replaces proxying the dashboard SPA to Vite — which would 503 on
+ *  every /app/api call and, for the common workspace-lock template, misread "no backend" as
+ *  "no password set" and show the lock-setup screen. Embeds the Bloby chat widget so the user
+ *  can ask the agent to fix it inline, a "copy logs" button (last 100 backend log lines baked in
+ *  at render time), and a poll that reloads into the real dashboard once the backend is back. */
+function backendDownPage(logTail: string): string {
+  // Embed logs as a JS string literal; escape `<` so a stray `</script>` in the logs can't break out.
+  const logs = JSON.stringify(logTail && logTail.length ? logTail : '(no backend logs were captured)').replace(/</g, '\\u003c');
+  return `<!DOCTYPE html>
+<html lang="en"><head>
+<meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1">
+<title>Backend down · Bloby</title>
+<style>
+  *{margin:0;padding:0;box-sizing:border-box}
+  body{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;background:#0a0a0b;color:#e4e4e7;display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:1.5rem;overflow:hidden}
+  .c{text-align:center;max-width:480px;width:100%;animation:fade-up .6s ease-out both}
+  .video-wrap{position:relative;width:200px;height:200px;margin:0 auto 1.4rem;display:flex;align-items:center;justify-content:center}
+  .video-wrap::before{content:'';position:absolute;inset:-20px;background:radial-gradient(circle,rgba(1,102,255,0.18) 0%,transparent 60%);filter:blur(20px);animation:glow 3s ease-in-out infinite}
+  .video-wrap video{position:relative;width:100%;height:100%;object-fit:contain;pointer-events:none;border-radius:50%}
+  h1{font-size:1.55rem;font-weight:700;margin-bottom:.6rem;background:linear-gradient(135deg,#0166FF,#009AFE,#4AEEFF);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
+  p{color:#a1a1aa;line-height:1.6;margin-bottom:.5rem;font-size:.95rem}
+  .lead{color:#e4e4e7;font-size:1rem}
+  .actions{margin-top:1.3rem}
+  button{font:inherit;cursor:pointer;border-radius:10px;padding:.65rem 1.2rem;font-size:.9rem;font-weight:600;border:none;background:linear-gradient(135deg,#0166FF,#0069FE);color:#fff;transition:filter .15s}
+  button:hover{filter:brightness(1.12)}
+  .sub{font-size:.82rem;color:#71717a;display:inline-flex;align-items:center;gap:.5rem;background:#18181b;border:1px solid #27272a;border-radius:9999px;padding:.35rem .9rem;margin-top:1.1rem}
+  .sub .dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#0166FF,#009AFE);box-shadow:0 0 8px rgba(1,102,255,.6);animation:pulse 1.6s ease-in-out infinite}
+  .badge{display:block;font-size:.7rem;color:#52525b;margin-top:1.3rem}
+  @keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.85)}}
+  @keyframes glow{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}
+  @keyframes fade-up{0%{opacity:0;transform:translateY(12px)}100%{opacity:1;transform:translateY(0)}}
+</style></head>
+<body><div class="c">
+  <div class="video-wrap"><video autoplay loop muted playsinline>
+    <source src="/what-happened.webm" type="video/webm">
+    <source src="/what-happened.mp4" type="video/mp4">
+  </video></div>
+  <h1>Your app's backend is down</h1>
+  <p class="lead">The workspace server crashed and couldn't restart on its own.</p>
+  <p>Ask your agent to fix it — the chat is right here in the corner. Tap below to copy the logs so it can debug faster.</p>
+  <div class="actions"><button id="copyBtn">Copy logs for your agent</button></div>
+  <div class="sub"><span class="dot"></span><span id="statusText">Watching for recovery…</span></div>
+  <span class="badge">Powered by Bloby</span>
+</div>
+<script>
+(function(){
+  var LOGS = ${logs};
+  var btn = document.getElementById('copyBtn'), statusEl = document.getElementById('statusText');
+  btn.addEventListener('click', function(){
+    var text = 'My workspace backend crashed and will not start. Find and fix the root cause. Last backend logs:\\n\\n' + LOGS;
+    function ok(){ btn.textContent = '✓ Copied — paste it to your agent'; setTimeout(function(){ btn.textContent = 'Copy logs for your agent'; }, 2600); }
+    function fallback(){ var ta=document.createElement('textarea'); ta.value=text; ta.style.position='fixed'; ta.style.opacity='0'; document.body.appendChild(ta); ta.select(); try{ document.execCommand('copy'); ok(); }catch(e){ btn.textContent='Copy failed — open the logs manually'; } document.body.removeChild(ta); }
+    if (navigator.clipboard && navigator.clipboard.writeText) { navigator.clipboard.writeText(text).then(ok).catch(fallback); } else { fallback(); }
+  });
+  var attempt = 0;
+  function retry(){
+    attempt++;
+    fetch('/__bloby/backend-status', { cache:'no-store' })
+      .then(function(r){ return r.json(); })
+      .then(function(s){ if (s && s.alive) { location.reload(); } else { schedule(); } })
+      .catch(schedule);
+  }
+  function schedule(){ statusEl.textContent = 'Watching for recovery… (checked ' + attempt + 'x)'; setTimeout(retry, Math.min(4000, 1500 + attempt*250)); }
+  setTimeout(retry, 2500);
+})();
+</script>
+<script src="/bloby/widget.js"></script>
+</body></html>`;
+}
 /** Kill any stale process holding a port. Ensures clean startup after crashes/updates. */
 function killPort(port: number): void {
   try {
@@ -464,6 +537,15 @@ export async function startSupervisor() {
       return;
     }
+    // Backend liveness for the "backend down" interstitial's recovery poll. Supervisor-served
+    // (not proxied) so it answers even when the workspace backend is dead, and independent of
+    // whatever routes the user's backend happens to define.
+    if (req.url === '/__bloby/backend-status') {
+      res.writeHead(200, { 'Content-Type': 'application/json', 'Cache-Control': 'no-store' });
+      res.end(JSON.stringify({ alive: isBackendAlive(), dead: isBackendDead() }));
+      return;
+    }
     // App API routes → proxy to user's backend server
     if (req.url?.startsWith('/app/api')) {
       const backendPath = req.url.replace(/^\/app/, '');
@@ -1696,6 +1778,24 @@ mint();
       } catch { /* fall through to Vite */ }
     }
+    // Workspace backend has crash-looped and given up → serve the "backend down" interstitial
+    // for dashboard DOCUMENT navigations, instead of proxying to Vite (which serves the user's
+    // SPA that then 503s on every /app/api call and, for the common workspace-lock template,
+    // misreads the dead backend as "no password set" and shows the lock-setup screen). Scoped to
+    // top-level navigations only (not assets/HMR/XHR) and only when the backend has truly given
+    // up — never during a normal 1–2s restart. The chat PWA (/bloby/*) is served earlier and is
+    // unaffected.
+    const wantsHtml = req.method === 'GET' && (
+      req.headers['sec-fetch-dest'] === 'document' ||
+      req.headers['sec-fetch-mode'] === 'navigate' ||
+      (!req.headers['sec-fetch-dest'] && String(req.headers['accept'] || '').includes('text/html'))
+    );
+    if (wantsHtml && isBackendDead()) {
+      res.writeHead(503, { 'Content-Type': 'text/html', 'Cache-Control': 'no-store, no-cache, must-revalidate' });
+      res.end(backendDownPage(readBackendLogTail(100)));
+      return;
+    }
     // Everything else → proxy to dashboard Vite dev server
     console.log(`[supervisor] → dashboard Vite :${vitePorts.dashboard} | ${req.method} ${(req.url || '').split('?')[0]}`);
     const proxy = http.request(

package/supervisor/public/what-happened.mp4 ADDED Viewed

Binary file

package/supervisor/public/what-happened.webm ADDED Viewed

Binary file