viberoom 0.5.3 → 0.5.4

package/dist/hub.js

@@ -113,6 +113,7 @@ export class Hub extends EventEmitter {
             diagrams: { preset: "pop", primary: null },
             editor: { ...DEFAULT_EDITOR_SETTINGS },
             appearance: { ...DEFAULT_APPEARANCE },
+            checkForUpdates: true,
             roomDefaults: {},
             vendorPresets: {},
         };
@@ -165,6 +166,8 @@ export class Hub extends EventEmitter {
             next.profileCompleted = patch.profileCompleted === true || patch.profileCompleted === "true";
         if (patch.agentSkillsNeedApproval !== undefined)
             next.agentSkillsNeedApproval = patch.agentSkillsNeedApproval === true || patch.agentSkillsNeedApproval === "true";
+        if (patch.checkForUpdates !== undefined)
+            next.checkForUpdates = patch.checkForUpdates === true || patch.checkForUpdates === "true";
         if (patch.diagrams !== undefined && typeof patch.diagrams === "object" && patch.diagrams) {
             const d = patch.diagrams;
             const preset = String(d.preset ?? next.diagrams?.preset ?? "pop");
@@ -432,9 +435,15 @@ export class Hub extends EventEmitter {
         else
             this.log.info(`removed room ${id}`);
     }
+    update = null;
+    setUpdate(update) {
+        this.update = update;
+        this.emit("event", { type: "update", update });
+    }
     snapshot() {
         return {
             settings: this.settings,
+            update: this.update,
             recipes: listRecipes().map(({ build: _b, ...r }) => r),
             skills: this.skills.list(),
             roomDefaults: { ...DEFAULT_ROOM_SETTINGS, ...this.settings.roomDefaults },

package/dist/main.js

@@ -86,6 +86,7 @@ Options
   --browser    open the default browser instead of a Chromium app window
 `);
 }
+import { checkForUpdate } from "./update.js";
 function buildInfo() {
     const pkg = JSON.parse(readFileSync(fileURLToPath(new URL("../package.json", import.meta.url)), "utf8"));
     const built = statSync(fileURLToPath(import.meta.url)).mtime;
@@ -251,6 +252,15 @@ async function runHub(options, log, info) {
         }
     }
     hub.setHubUrl(server.url);
+    if (hub.settings.checkForUpdates) {
+        void checkForUpdate(hub.dataDir, info.version).then((update) => {
+            hub.setUpdate(update);
+            if (update.available)
+                log.info(`viberoom ${update.latest} is available (this is ${update.current})`);
+            else if (update.error)
+                log.warn(`update check failed: ${update.error}`);
+        });
+    }
     if (background)
         writePidFile(options.dataDir, { pid: process.pid, port: options.port, build: info.build, startedAt: Date.now() });
     log.info(`viberoom ${info.version} (build ${info.build}) is open at ${server.url} (data: ${hub.dataDir}; rooms: ${[...hub.rooms.values()].map((r) => r.name).join(", ")})`);

package/dist/server.js

@@ -40,6 +40,7 @@ const STATIC_FILES = {
     "/vendor/mermaid.min.js": { file: "mermaid/dist/mermaid.min.js", type: "text/javascript; charset=utf-8", dir: "node_modules" },
     "/vendor/marked.umd.js": { file: "marked/lib/marked.umd.js", type: "text/javascript; charset=utf-8", dir: "node_modules" },
 };
+import { checkForUpdate, installUpdate, restartWithNewBuild, runsFromSourceCheckout } from "./update.js";
 export function startServer(hub, port, log, info, onShutdownRequest) {
     const uiDir = fileURLToPath(new URL("../ui/", import.meta.url));
     const assetsDir = fileURLToPath(new URL("../assets/", import.meta.url));
@@ -178,6 +179,28 @@ export function startServer(hub, port, log, info, onShutdownRequest) {
             sendJson(res, 200, snapshot());
             return;
         }
+        if (req.method === "GET" && path === "/api/update") {
+            if (url.searchParams.get("check") === "1")
+                hub.setUpdate(await checkForUpdate(hub.dataDir, info.version, { force: true }));
+            sendJson(res, 200, hub.update ?? { current: info.version, latest: null, available: false, checkedAt: null, error: null });
+            return;
+        }
+        if (req.method === "POST" && path === "/api/update/install") {
+            const mainUrl = new URL("./main.js", import.meta.url).href;
+            if (runsFromSourceCheckout(mainUrl))
+                throw new Error("this viberoom runs from a source checkout; update it with git pull and npm run update");
+            const latest = hub.update?.available ? hub.update.latest : null;
+            if (!latest)
+                throw new Error("no newer version is known; check for updates first");
+            log.info(`installing viberoom ${latest} (npm install -g)`);
+            const result = await installUpdate(latest);
+            if (!result.ok)
+                throw new Error(`npm install failed: ${result.output.slice(-600) || "no output"}`);
+            log.info(`viberoom ${latest} installed; starting the new build, which replaces this hub`);
+            sendJson(res, 200, { ok: true, version: latest });
+            setTimeout(() => restartWithNewBuild(mainUrl, port, hub.dataDir), 300);
+            return;
+        }
         if (req.method === "GET" && path === "/api/version") {
             sendJson(res, 200, info);
             return;

package/dist/update.js

@@ -0,0 +1,95 @@
+// viberoom - Copyright (c) 2026 Todor Rusev - AGPL-3.0-or-later; see LICENSE
+import { spawn } from "node:child_process";
+import { existsSync, readFileSync, writeFileSync } from "node:fs";
+import { join } from "node:path";
+import { fileURLToPath } from "node:url";
+export const REGISTRY_URL = "https://registry.npmjs.org/viberoom/latest";
+export const CHECK_INTERVAL_MS = 24 * 60 * 60 * 1000;
+const CHECK_FILE = "update-check.json";
+export function parseVersion(v) {
+    const m = /^v?(\d+)\.(\d+)\.(\d+)(-[0-9A-Za-z.-]+)?$/.exec(v.trim());
+    if (!m)
+        return null;
+    return { parts: [Number(m[1]), Number(m[2]), Number(m[3])], prerelease: !!m[4] };
+}
+export function compareVersions(a, b) {
+    const pa = parseVersion(a);
+    const pb = parseVersion(b);
+    if (!pa || !pb)
+        return 0;
+    for (let i = 0; i < 3; i++)
+        if (pa.parts[i] !== pb.parts[i])
+            return pa.parts[i] - pb.parts[i];
+    if (pa.prerelease !== pb.prerelease)
+        return pa.prerelease ? -1 : 1;
+    return 0;
+}
+export function readCheckRecord(dataDir) {
+    const file = join(dataDir, CHECK_FILE);
+    if (!existsSync(file))
+        return null;
+    try {
+        const raw = JSON.parse(readFileSync(file, "utf8"));
+        if (typeof raw.checkedAt !== "string")
+            return null;
+        return { checkedAt: raw.checkedAt, latest: typeof raw.latest === "string" ? raw.latest : null, error: typeof raw.error === "string" ? raw.error : null };
+    }
+    catch {
+        return null;
+    }
+}
+export function toInfo(current, record) {
+    const latest = record?.latest ?? null;
+    return { current, latest, available: latest !== null && compareVersions(latest, current) > 0, checkedAt: record?.checkedAt ?? null, error: record?.error ?? null };
+}
+export async function checkForUpdate(dataDir, current, options = {}) {
+    const now = options.now ?? Date.now;
+    const previous = readCheckRecord(dataDir);
+    if (!options.force && previous && now() - Date.parse(previous.checkedAt) < CHECK_INTERVAL_MS)
+        return toInfo(current, previous);
+    const doFetch = options.fetchImpl ?? fetch;
+    let record;
+    try {
+        const res = await doFetch(REGISTRY_URL, { headers: { accept: "application/json" }, signal: AbortSignal.timeout(options.timeoutMs ?? 6000) });
+        if (!res.ok)
+            throw new Error(`registry answered ${res.status}`);
+        const body = (await res.json());
+        if (typeof body.version !== "string" || !parseVersion(body.version))
+            throw new Error("registry answer had no version");
+        record = { checkedAt: new Date(now()).toISOString(), latest: body.version, error: null };
+    }
+    catch (error) {
+        const message = error instanceof Error ? error.message : String(error);
+        record = { checkedAt: new Date(now()).toISOString(), latest: previous?.latest ?? null, error: message.replace(/\s+/g, " ").slice(0, 200) };
+    }
+    writeFileSync(join(dataDir, CHECK_FILE), JSON.stringify(record, null, 2));
+    return toInfo(current, record);
+}
+export function runsFromSourceCheckout(mainModuleUrl) {
+    const path = decodeURIComponent(new URL(mainModuleUrl).pathname);
+    return !/\/node_modules\/viberoom\//.test(path);
+}
+export function installCommandLine(version) {
+    if (!parseVersion(version))
+        throw new Error(`not a version: ${version}`);
+    return `npm install -g viberoom@${version} --no-audit --no-fund`;
+}
+export function installUpdate(version) {
+    const line = installCommandLine(version);
+    return new Promise((resolve) => {
+        const child = process.platform === "win32" ? spawn(line, { shell: true, windowsHide: true }) : spawn("npm", line.split(" ").slice(1));
+        let output = "";
+        const collect = (chunk) => {
+            output = (output + chunk.toString()).slice(-4000);
+        };
+        child.stdout?.on("data", collect);
+        child.stderr?.on("data", collect);
+        child.on("error", (error) => resolve({ ok: false, output: `${output}\n${error.message}`.trim() }));
+        child.on("close", (code) => resolve({ ok: code === 0, output: output.trim() }));
+    });
+}
+export function restartWithNewBuild(mainModuleUrl, port, dataDir) {
+    const main = fileURLToPath(mainModuleUrl);
+    const child = spawn(process.execPath, [main, "start", "--port", String(port), "--data-dir", dataDir, "--no-open"], { detached: true, stdio: "ignore", windowsHide: true });
+    child.unref();
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "viberoom",
-  "version": "0.5.3",
+  "version": "0.5.4",
   "description": "viberoom: group chat rooms for a human and several coding agents over the Agent Client Protocol",
   "type": "module",
   "engines": {

package/ui/app.css

@@ -44,7 +44,15 @@
 .rail-toggle { width: 44px; height: 24px; margin-top: 8px; border-radius: 8px; border: 0; background: transparent; color: var(--faint); display: grid; place-content: center; padding: 0; align-self: center; transition: background var(--t-fast), color var(--t-fast); }
 .rail-toggle .i { width: 16px; height: 16px; }
 .rail-toggle:hover { background: #fff; color: var(--primary); }
-.rail-foot { margin-top: auto; display: flex; flex-direction: column; gap: 0; align-items: center; }
+.rail-foot { position: relative; margin-top: auto; display: flex; flex-direction: column; gap: 0; align-items: center; }
+.update-pop { position: absolute; left: 12px; bottom: calc(100% - 2px); z-index: 30; display: flex; gap: 6px; align-items: flex-start; width: 250px; padding: 10px 8px 10px 14px; background: #fff; border-radius: 18px 18px 18px 6px; box-shadow: 0 10px 28px -12px rgba(28, 27, 51, 0.45), var(--shadow-tile); font-size: 12.5px; font-weight: 600; color: var(--ink-2); animation: bubble-in 0.45s var(--ease-out); }
+.update-pop::after { content: ""; position: absolute; left: 14px; bottom: -6px; width: 12px; height: 12px; background: #fff; border-radius: 0 0 3px 0; transform: rotate(45deg); box-shadow: 3px 3px 4px -3px rgba(28, 27, 51, 0.25); }
+.update-pop .up-main { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 8px; }
+.update-pop .up-text { line-height: 1.4; }
+.update-pop .up-text b { color: var(--ink); }
+.update-pop .up-go { align-self: flex-start; }
+.update-pop .up-side { flex: none; display: flex; flex-direction: column; gap: 2px; }
+.update-pop .icon-btn.sm { width: 26px; height: 26px; }
 .shell.rail-open .rail-foot { align-items: stretch; padding: 0 14px; }
 .rail-item { position: relative; display: flex; align-items: center; justify-content: center; gap: 10px; width: 44px; height: 44px; padding: 0; border: 0; background: transparent; border-radius: 14px; color: var(--muted); font-weight: 800; font-size: 13px; white-space: nowrap; transition: background var(--t-fast), color var(--t-fast), box-shadow var(--t-fast); }
 .shell.rail-open .rail-item { width: auto; justify-content: flex-start; padding: 0 12px 0 0; }

package/ui/app.js

@@ -823,6 +823,51 @@
     maybeOfferReconnect();
   }
 
+  function renderUpdatePop() {
+    const old = $("#update-pop");
+    const u = state.update;
+    const show = u && u.available && u.latest && recall("updateDismissed") !== u.latest;
+    if (!show) {
+      if (old && !old.dataset.busy) old.remove();
+      return;
+    }
+    if (old && old.dataset.version === u.latest) return;
+    if (old) old.remove();
+    const pop = document.createElement("div");
+    pop.id = "update-pop";
+    pop.className = "update-pop";
+    pop.dataset.version = u.latest;
+    pop.innerHTML = `<div class="up-main"><div class="up-text"><b>viberoom ${esc(u.latest)}</b> is out. You have ${esc(u.current)}.</div><button type="button" class="btn sm primary up-go">Update now and restart</button></div>
+      <div class="up-side"><button type="button" class="icon-btn sm up-x" title="Not now">${ic("close")}</button><button type="button" class="icon-btn sm up-settings" title="Update settings">${ic("settings")}</button></div>`;
+    pop.querySelector(".up-x").addEventListener("click", () => {
+      remember("updateDismissed", u.latest);
+      pop.remove();
+    });
+    pop.querySelector(".up-settings").addEventListener("click", () => setView("settings"));
+    pop.querySelector(".up-go").addEventListener("click", () => installUpdate(pop, u.latest));
+    els.rail.querySelector(".rail-foot").appendChild(pop);
+  }
+  async function installUpdate(pop, version) {
+    const go = pop.querySelector(".up-go");
+    const text = pop.querySelector(".up-text");
+    pop.dataset.busy = "1";
+    go.disabled = true;
+    go.classList.add("loading");
+    text.innerHTML = `Installing <b>viberoom ${esc(version)}</b>… this takes a moment.`;
+    try {
+      await post("/api/update/install", {});
+      go.classList.remove("loading");
+      text.innerHTML = `<b>viberoom ${esc(version)}</b> is installed. Restarting…`;
+      go.hidden = true;
+    } catch (e) {
+      delete pop.dataset.busy;
+      go.classList.remove("loading");
+      go.disabled = false;
+      go.textContent = "Try again";
+      text.innerHTML = `<span class="error">${esc(e.message || String(e))}</span>`;
+    }
+  }
+
   function renderRail() {
     els.rail.querySelectorAll(".rail-item[data-nav]").forEach((b) => {
       const nav = b.dataset.nav;
@@ -2204,6 +2249,12 @@
           </div>
         </div>
         <div>
+          <div class="section" id="sp-update">
+            ${sectionTitle("refresh", "Updates")}
+            <label class="switch"><span class="label">Check for updates once a day<span class="hint">At start, one request to the npm registry for the latest viberoom version; nothing else leaves this machine. A newer version shows as a bubble over your avatar.</span></span><input type="checkbox" id="sp-updates" ${s.checkForUpdates !== false ? "checked" : ""}></label>
+            <p class="hint" id="sp-update-status">${updateStatusText()}</p>
+            <button type="button" class="btn sm" id="sp-update-check">Check now</button>
+          </div>
           <div class="section">
             ${sectionTitle("spark", "Vibemates on this machine")}
             ${machine || '<p class="hint">No supported vibemate is installed yet.</p>'}
@@ -2288,6 +2339,20 @@
     });
     $("#sp-font").addEventListener("change", () => (sample.style.fontFamily = FONTS.text[$("#sp-font").value].stack));
     $("#sp-mono").addEventListener("change", () => sample.querySelectorAll("code").forEach((c) => (c.style.fontFamily = FONTS.mono[$("#sp-mono").value].stack)));
+    $("#sp-update-check").addEventListener("click", async () => {
+      const b = $("#sp-update-check");
+      b.disabled = true;
+      b.classList.add("loading");
+      try {
+        state.update = await get("/api/update?check=1");
+        $("#sp-update-status").textContent = updateStatusText();
+        renderUpdatePop();
+      } catch (e) {
+        showError(e);
+      }
+      b.disabled = false;
+      b.classList.remove("loading");
+    });
     bindSave($("#sp-form"), $("#sp-save"), async () => {
         const vendorPresets = {};
         els.pageInner.querySelectorAll("input[data-vendor]").forEach((inp) => {
@@ -2297,6 +2362,7 @@
         await post("/api/settings", {
           bypassPermissionsByDefault: $("#sp-bypass").checked,
           agentSkillsNeedApproval: $("#sp-skill-approval").checked,
+          checkForUpdates: $("#sp-updates").checked,
           diagrams: { preset: $("#sp-diagram-preset").value, primary: $("#sp-diagram-custom").checked ? $("#sp-diagram-color").value : null },
           editor: { mode: $("#sp-editor-mode").value, command: $("#sp-editor-cmd").value },
           appearance: { chatFontSize: Number($("#sp-chat-fs").value), font: $("#sp-font").value, mono: $("#sp-mono").value },
@@ -2314,6 +2380,16 @@
     });
   }
 
+  function updateStatusText() {
+    const u = state.update;
+    const v = state.version ? state.version.version : "?";
+    if (!u || !u.checkedAt) return `This is viberoom ${v}; not checked yet.`;
+    const when = new Date(u.checkedAt).toLocaleString();
+    if (u.available) return `viberoom ${u.latest} is available (this is ${u.current}); checked ${when}.`;
+    if (u.error) return `Could not reach the registry (${u.error}); checked ${when}.`;
+    return `This is viberoom ${u.current}, the latest; checked ${when}.`;
+  }
+
   function skillBadges(sk) {
     const out = [];
     if (sk.userInvocable === false) out.push('<span class="badge">vibemate only</span>');
@@ -3163,6 +3239,8 @@
   function loadSnapshot(snapshot) {
     state.settings = snapshot.settings;
     applyAppearance();
+    state.update = snapshot.update || null;
+    renderUpdatePop();
     state.version = snapshot.version || null;
     state.skills = snapshot.skills || [];
     state.recipes = snapshot.recipes || [];
@@ -3346,6 +3424,11 @@
       if (state.detailsOpen && state.selection.kind === "me" && !editingInDetails()) renderDetails();
       if (state.view === "room") renderSideRoom();
     });
+    es.addEventListener("update", (e) => {
+      state.update = JSON.parse(e.data).update;
+      renderUpdatePop();
+      if (state.view === "settings" && !editingInDetails()) renderSettingsPage();
+    });
     es.addEventListener("reset", () => location.href = "/");
   }
   function releaseStream() {