backpack-viewer 0.7.13 → 0.7.15

package/dist/server-api-routes.js

@@ -1,4 +1,5 @@
 import { listBackpacks, getActiveBackpack, setActiveBackpack, registerBackpack, unregisterBackpack, } from "backpack-ontology";
+import { readExtensionSettings } from "./server-extensions.js";
 // --- Small HTTP helpers (used only inside this module) ---
 function readBody(req) {
     return new Promise((resolve, reject) => {
@@ -375,6 +376,24 @@ export async function handleApiRequest(req, res, ctx) {
             }
             return true;
         }
+        // --- /api/sync-status ---
+        if (url === "/api/sync-status" && method === "GET") {
+            try {
+                const settings = await readExtensionSettings("share");
+                const syncedMap = settings.synced;
+                const synced = [];
+                if (syncedMap && typeof syncedMap === "object" && !Array.isArray(syncedMap)) {
+                    for (const name of Object.keys(syncedMap)) {
+                        synced.push(name);
+                    }
+                }
+                sendJson(res, 200, { synced });
+            }
+            catch {
+                sendJson(res, 200, { synced: [] });
+            }
+            return true;
+        }
         // --- /api/ontologies/* ---
         if (url === "/api/ontologies" && method === "GET") {
             try {

package/dist/sidebar.js

@@ -254,6 +254,10 @@ export function initSidebar(container, onSelectOrCallbacks) {
             const lockBatchPromise = fetch("/api/locks")
                 .then((r) => r.json())
                 .catch(() => ({}));
+            const syncStatusPromise = fetch("/api/sync-status")
+                .then((r) => r.json())
+                .then((d) => new Set(d.synced))
+                .catch(() => new Set());
             items = summaries.map((s) => {
                 const li = document.createElement("li");
                 li.className = "ontology-item";
@@ -273,8 +277,6 @@ export function initSidebar(container, onSelectOrCallbacks) {
                 lockBadge.className = "sidebar-lock-badge";
                 lockBadge.dataset.graph = s.name;
                 lockBatchPromise.then((locks) => {
-                    // Bail if this badge has been detached from the DOM (sidebar
-                    // re-rendered before the batch resolved)
                     if (!lockBadge.isConnected)
                         return;
                     const lock = locks[s.name];
@@ -284,9 +286,23 @@ export function initSidebar(container, onSelectOrCallbacks) {
                         lockBadge.classList.add("active");
                     }
                 });
+                // Sync badge — shows a cloud icon for graphs that have been synced
+                const syncBadge = document.createElement("span");
+                syncBadge.className = "sidebar-sync-badge";
+                syncBadge.dataset.graph = s.name;
+                syncStatusPromise.then((syncedSet) => {
+                    if (!syncBadge.isConnected)
+                        return;
+                    if (syncedSet.has(s.name)) {
+                        syncBadge.textContent = "synced";
+                        syncBadge.title = "This graph has been synced";
+                        syncBadge.classList.add("active");
+                    }
+                });
                 li.appendChild(nameSpan);
                 li.appendChild(statsSpan);
                 li.appendChild(lockBadge);
+                li.appendChild(syncBadge);
                 li.appendChild(branchSpan);
                 if (cbs.onRename) {
                     const editBtn = document.createElement("button");

package/dist/style.css

@@ -506,6 +506,22 @@ body {
   color: #c08c00;
 }
 
+.sidebar-sync-badge {
+  font-size: 10px;
+  color: #5a9fd4;
+  display: none;
+  margin-top: 2px;
+}
+
+.sidebar-sync-badge.active {
+  display: block;
+}
+
+.sidebar-sync-badge.active::before {
+  content: "☁ ";
+  color: #5a9fd4;
+}
+
 .branch-picker {
   background: var(--bg-surface);
   border: 1px solid var(--border);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "backpack-viewer",
-  "version": "0.7.13",
+  "version": "0.7.15",
   "description": "Web-based graph visualizer for backpack-ontology — Canvas 2D, force-directed layout, live reload",
   "license": "Apache-2.0",
   "author": "Noah Irzinger",
@@ -18,7 +18,8 @@
     "build": "npm run build:lib && node scripts/bundle-extensions.js && vite build",
     "preview": "vite preview",
     "serve": "node bin/serve.js",
-    "prepare": "npm run build:lib",
+    "prepare": "test -d dist || npm run build:lib",
+    "prepublishOnly": "npm run build",
     "preversion": "npm run build",
     "release:patch": "npm version patch && git push && git push --tags",
     "release:minor": "npm version minor && git push && git push --tags",