@bod.ee/db 0.12.6 → 0.12.8

package/admin/admin.ts

@@ -30,7 +30,7 @@ export function startAdminUI(options?: { port?: number; serverUrl?: string }) {
       const url = new URL(req.url);
 
       // Proxy API calls to the BodDB server
-      if (url.pathname.startsWith('/db/') || url.pathname.startsWith('/files/') || url.pathname.startsWith('/sse/')) {
+      if (url.pathname.startsWith('/db/') || url.pathname.startsWith('/files/') || url.pathname.startsWith('/sse/') || url.pathname.startsWith('/replication')) {
         const target = httpBase + url.pathname + url.search;
         return fetch(target, { method: req.method, headers: req.headers, body: req.body });
       }

package/admin/ui.html

@@ -11,7 +11,6 @@
   #metrics-bar { display: flex; background: #0a0a0a; border-bottom: 1px solid #2a2a2a; flex-shrink: 0; align-items: stretch; width: 100%; }
   .metric-card { display: flex; flex-direction: column; padding: 5px 10px 4px; border-right: 1px solid #181818; min-width: 140px; flex-shrink: 0; gap: 1px; overflow: hidden; }
   .metric-card:last-child { border-right: none; width: auto; }
-  .metric-right { margin-left: auto; }
   .metric-top { display: flex; justify-content: space-between; align-items: baseline; width: 100%; }
   .metric-label { font-size: 9px; color: #555; text-transform: uppercase; letter-spacing: 0.5px; }
   .metric-value { font-size: 13px; color: #4ec9b0; font-weight: bold; min-width: 5ch; text-align: right; font-variant-numeric: tabular-nums; }
@@ -31,15 +30,18 @@
   #tree-header span { color: #555; font-size: 11px; }
   #tree-container { flex: 1; overflow-y: auto; padding: 4px; }
   #tree-container details { margin-left: 12px; }
-  #tree-container summary { cursor: pointer; padding: 2px 4px; border-radius: 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #4ec9b0; list-style: none; }
-  #tree-container summary::before { content: '▶'; font-size: 10px; color: #666; margin-right: 5px; display: inline-block; transition: transform 0.15s; }
+  #tree-container summary { cursor: pointer; padding: 2px 4px; border-radius: 3px; color: #4ec9b0; list-style: none; display: flex; align-items: center; white-space: nowrap; overflow: hidden; }
+  #tree-container summary::before { content: '▶'; font-size: 10px; color: #666; margin-right: 5px; flex-shrink: 0; display: inline-block; transition: transform 0.15s; }
   details[open] > summary::before { transform: rotate(90deg); color: #aaa; }
+  #tree-container summary .tree-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
+  #tree-container summary .ttl-badge, #tree-container summary .count-badge { flex-shrink: 0; margin-left: 4px; }
   #tree-container summary:hover { background: #1e1e1e; }
   .tree-leaf { padding: 2px 4px 2px 16px; cursor: pointer; border-radius: 3px; color: #9cdcfe; display: flex; gap: 4px; align-items: baseline; overflow: hidden; }
   .tree-leaf:hover { background: #1e1e1e; }
   .tree-val { color: #ce9178; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; }
   .tree-key { color: #4ec9b0; flex-shrink: 0; }
   .ttl-badge { font-size: 9px; padding: 0 4px; border-radius: 3px; background: #4d3519; color: #d4a054; flex-shrink: 0; }
+  .count-badge { font-size: 9px; padding: 0 4px; border-radius: 3px; background: #1e2d3d; color: #569cd6; flex-shrink: 0; }
   @keyframes treeFlash { 0%,100% { background: transparent; } 30% { background: rgba(86,156,214,0.25); } }
   .flash { animation: treeFlash 1.2s ease-out; border-radius: 3px; }
 
@@ -127,16 +129,18 @@
     <div class="metric-top"><span class="metric-label">Ping</span><span class="metric-value" id="s-ping">—</span></div>
     <canvas class="metric-canvas" id="g-ping" width="100" height="28"></canvas>
   </div>
-  <div class="metric-card" id="repl-card" style="border-left:1px solid #282828;display:none;width:180px">
-    <div class="metric-top"><span class="metric-label">Replication</span><span class="metric-value dim" id="s-repl-role">—</span></div>
-    <div style="margin-top:4px;font-size:10px" id="s-repl-sources"></div>
-  </div>
-  <div class="metric-card metric-right" style="border-left:1px solid #282828;justify-content:space-between">
+  <div style="margin-left:auto;display:flex;flex-shrink:0">
+    <div class="metric-card" id="repl-card" style="border-left:1px solid #282828;display:none;width:180px">
+      <div class="metric-top"><span class="metric-label">Replication</span><span class="metric-value dim" id="s-repl-role">—</span></div>
+      <div style="margin-top:4px;font-size:10px" id="s-repl-sources"></div>
+    </div>
+    <div class="metric-card" style="border-left:1px solid #282828;justify-content:space-between">
     <div class="metric-top"><span class="metric-label">Uptime</span><span class="metric-value dim" id="s-uptime">—</span></div>
     <div style="font-size:10px;color:#555;display:flex;justify-content:space-between"><span id="s-ts">—</span><span>v<span id="s-version">—</span></span></div>
     <div><span class="metric-label">WS<span id="ws-dot"></span></span> <span style="font-size:10px;color:#555"><span id="s-clients">0</span> clients · <span id="s-subs">0</span> subs</span></div>
     <div><button id="stats-toggle" class="sm" onclick="toggleStats()" title="Toggle server stats collection">Stats: ON</button></div>
   </div>
+  </div>
 </div>
 
 <div id="main">
@@ -1455,7 +1459,8 @@ function renderChildren(children, parentPath) {
       html += `<div class="tree-leaf" data-path="${escHtml(path)}" onclick="selectPath('${path.replace(/'/g, "\\'")}')"><span class="tree-key">${escHtml(ch.key)}</span>${ttlBadge}<span class="tree-val">${escHtml(String(display ?? ''))}</span></div>`;
     } else {
       const isOpen = _restoredOpenPaths.has(path);
-      html += `<details data-path="${escHtml(path)}"${isOpen ? ' open' : ''}><summary><span onclick="selectPath('${path.replace(/'/g, "\\'")}')">${escHtml(ch.key)}${ttlBadge}</span></summary><div class="tree-children" data-parent="${escHtml(path)}"></div></details>`;
+      const countBadge = ch.count != null ? `<span class="count-badge">${ch.count}</span>` : '';
+      html += `<details data-path="${escHtml(path)}"${isOpen ? ' open' : ''}><summary><span class="tree-label" onclick="selectPath('${path.replace(/'/g, "\\'")}')">${escHtml(ch.key)}</span>${ttlBadge}${countBadge}</summary><div class="tree-children" data-parent="${escHtml(path)}"></div></details>`;
     }
   }
   return html;
@@ -1534,8 +1539,6 @@ async function expandNode(details, isRefresh) {
 }
 
 async function refreshPath(path) {
-  // Re-fetch the nearest loaded ancestor and update its children in-place
-  // For simplicity, find the <details> or root and re-expand
   const parts = path.split('/');
   let target = '';
   // Walk up to find the deepest loaded ancestor
@@ -1545,8 +1548,17 @@ async function refreshPath(path) {
   }
 
   if (!target) {
-    // Refresh root
-    return loadTree([path]);
+    // No loaded ancestor — try to update just the root-level item without full reload
+    const topKey = parts[0];
+    const container = document.getElementById('tree-container');
+    const existing = container.querySelector(`[data-path="${CSS.escape(topKey)}"]`);
+    if (!existing) {
+      // Truly new top-level key — must reload root
+      return loadTree([path]);
+    }
+    // Root item exists but children weren't loaded — just flash it
+    flashPaths([path]);
+    return;
   }
 
   // Re-fetch this node and all its children
@@ -1557,6 +1569,9 @@ async function refreshPath(path) {
   if (det && det.open) {
     await expandNode(det, true);
     flashPaths([path]);
+  } else {
+    // Node exists but is collapsed — just flash it
+    flashPaths([path]);
   }
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bod.ee/db",
-  "version": "0.12.6",
+  "version": "0.12.8",
   "module": "index.ts",
   "type": "module",
   "exports": {
@@ -23,6 +23,7 @@
     "admin:remote": "bun run admin/proxy.ts",
     "serve": "bun run cli.ts",
     "start": "bun run cli.ts config.ts",
+    "start-admin": "bunx concurrently -n server,admin -c cyan,yellow \"bun run cli.ts config.ts\" \"bun run admin/admin.ts\"",
     "publish-lib": "bun publish --access public",
     "mcp": "bun run mcp.ts --stdio",
     "deploy": "bun run deploy/deploy.ts boddb deploy",

package/src/server/ReplicationEngine.ts

@@ -324,6 +324,8 @@ export class ReplicationEngine {
 
   /** Buffer replication events during transactions, emit immediately otherwise */
   private emit(ev: WriteEvent): void {
+    // _repl writes must never emit to _repl (infinite loop), regardless of config
+    if (ev.path.startsWith('_repl')) return;
     if (this._emitting) {
       this.log.debug('emit: skipped (re-entrant)', { path: ev.path });
       return;

package/src/server/StorageEngine.ts

@@ -137,7 +137,7 @@ export class StorageEngine {
   }
 
   /** Get immediate children of a path (one level deep). Returns { key, isLeaf, value? }[] */
-  getShallow(path?: string): Array<{ key: string; isLeaf: boolean; value?: unknown; ttl?: number }> {
+  getShallow(path?: string): Array<{ key: string; isLeaf: boolean; value?: unknown; ttl?: number; count?: number }> {
     const prefix = path ? path + '/' : '';
     const end = prefix + '\uffff';
     const rows = (prefix
@@ -145,7 +145,7 @@ export class StorageEngine {
       : this.db.prepare('SELECT path, value, expires_at FROM nodes ORDER BY path').all()
     ) as Array<{ path: string; value: string; expires_at: number | null }>;
 
-    const children: Array<{ key: string; isLeaf: boolean; value?: unknown; ttl?: number }> = [];
+    const children: Array<{ key: string; isLeaf: boolean; value?: unknown; ttl?: number; count?: number }> = [];
     const seen = new Set<string>();
     for (const row of rows) {
       const rest = row.path.slice(prefix.length);
@@ -158,10 +158,18 @@ export class StorageEngine {
         if (row.expires_at) entry.ttl = Math.max(0, row.expires_at - Math.floor(Date.now() / 1000));
         children.push(entry);
       } else {
-        // Check if any child in this branch has TTL
+        // Check if any child in this branch has TTL; count direct children
         const branchPrefix = prefix + key + '/';
         const hasTTL = rows.some(r => r.path.startsWith(branchPrefix) && r.expires_at);
-        children.push(hasTTL ? { key, isLeaf: false, ttl: -1 } : { key, isLeaf: false });
+        const directChildren = new Set<string>();
+        for (const r of rows) {
+          if (!r.path.startsWith(branchPrefix)) continue;
+          const seg = r.path.slice(branchPrefix.length).split('/')[0];
+          if (seg) directChildren.add(seg);
+        }
+        const entry: { key: string; isLeaf: boolean; ttl?: number; count?: number } = { key, isLeaf: false, count: directChildren.size };
+        if (hasTTL) entry.ttl = -1;
+        children.push(entry);
       }
     }
     return children;

package/src/server/Transport.ts

@@ -253,6 +253,49 @@ export class Transport {
       })();
     }
 
+    // Replication REST routes
+    if (url.pathname.startsWith('/replication')) {
+      return (async () => {
+        const repl = this.db.replication;
+        if (!repl) {
+          if (req.method === 'GET' && url.pathname === '/replication') {
+            return Response.json({ ok: true, role: 'primary', started: false, seq: 0, topology: null, sources: [], synced: {} });
+          }
+          return Response.json({ ok: false, error: 'Replication not configured' }, { status: 503 });
+        }
+        if (req.method === 'GET' && url.pathname === '/replication') {
+          const s = repl.stats();
+          // Build synced snapshot: read local copies of each source's paths
+          const synced: Record<string, unknown> = {};
+          for (const src of (s.sources ?? [])) {
+            for (const p of (src.paths ?? [])) {
+              try { synced[p] = this.db.get(p); } catch {}
+            }
+          }
+          return Response.json({ ok: true, ...s, synced });
+        }
+        if (req.method === 'POST' && url.pathname === '/replication/source-write') {
+          try {
+            const body = await req.json() as { path: string; value: unknown };
+            await repl.proxyWrite({ op: 'set', path: body.path, value: body.value });
+            return Response.json({ ok: true });
+          } catch (e: any) {
+            return Response.json({ ok: false, error: e.message }, { status: 500 });
+          }
+        }
+        if (req.method === 'DELETE' && url.pathname.startsWith('/replication/source-delete/')) {
+          const path = url.pathname.slice('/replication/source-delete/'.length);
+          try {
+            await repl.proxyWrite({ op: 'delete', path });
+            return Response.json({ ok: true });
+          } catch (e: any) {
+            return Response.json({ ok: false, error: e.message }, { status: 500 });
+          }
+        }
+        return Response.json({ ok: false, error: 'Not found' }, { status: 404 });
+      })();
+    }
+
     // VFS REST routes
     if (this.db.vfs && url.pathname.startsWith('/files/')) {
       const vfsPath = normalizePath(url.pathname.slice(7));