@unhingged/vizu-core 0.1.22 → 0.2.0

package/dist/internal.cjs

@@ -9,9 +9,9 @@ var __export = (target, all) => {
 };
 var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+    for (let key2 of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key2) && key2 !== except)
+        __defProp(to, key2, { get: () => from[key2], enumerable: !(desc = __getOwnPropDesc(from, key2)) || desc.enumerable });
   }
   return to;
 };
@@ -21,6 +21,9 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var internal_exports = {};
 __export(internal_exports, {
   Highlighter: () => Highlighter,
+  InMemoryStorageAdapter: () => InMemoryStorageAdapter,
+  LocalStorageAdapter: () => LocalStorageAdapter,
+  NullStorageAdapter: () => NullStorageAdapter,
   Pill: () => Pill,
   Popover: () => Popover,
   Sidebar: () => Sidebar,
@@ -28,6 +31,9 @@ __export(internal_exports, {
 });
 module.exports = __toCommonJS(internal_exports);
 
+// src/types.ts
+var SCHEMA_VERSION = 2;
+
 // src/util.ts
 function isInside(target, selector) {
   return !!target.closest(selector);
@@ -104,6 +110,41 @@ function renderAttachmentsHtml(attachments) {
   }).join("");
   return `<div class="vz-attachment-grid">${items}</div>`;
 }
+function migrateComment(raw) {
+  if (!raw || typeof raw !== "object") return raw;
+  const next = { ...raw };
+  if (next.id == null && next._id != null) {
+    next.id = next._id;
+  }
+  if (!Array.isArray(next.fingerprints) || next.fingerprints.length === 0) {
+    if (next.fingerprint) {
+      next.fingerprints = [next.fingerprint];
+    }
+  }
+  delete next.fingerprint;
+  if (next.url && !next.pageUrl) {
+    next.pageUrl = next.url;
+  }
+  if (!("status" in next) || !isValidStatus(next.status)) next.status = "open";
+  if (!Array.isArray(next.replies)) next.replies = [];
+  if (!Array.isArray(next.attachments)) next.attachments = [];
+  if (!Array.isArray(next.mentions)) next.mentions = [];
+  if (!("fingerprintsRefreshedAt" in next)) next.fingerprintsRefreshedAt = null;
+  next.schemaVersion = SCHEMA_VERSION;
+  return next;
+}
+function isValidStatus(s) {
+  return s === "open" || s === "resolved" || s === "wontfix";
+}
+function migrateComments(raws) {
+  if (!Array.isArray(raws)) return [];
+  const out = [];
+  for (const raw of raws) {
+    if (!raw || typeof raw !== "object") continue;
+    out.push(migrateComment(raw));
+  }
+  return out;
+}
 
 // src/pill.ts
 var Pill = class {
@@ -418,8 +459,8 @@ var Popover = class {
       const removeBtn = target.closest('[data-vz="remove-anchor"]');
       if (removeBtn) {
         e.stopPropagation();
-        const key = removeBtn.getAttribute("data-fp-key");
-        if (key) this.removeAnchor(key);
+        const key2 = removeBtn.getAttribute("data-fp-key");
+        if (key2) this.removeAnchor(key2);
         return;
       }
       const refEl = target.closest('[data-vz="ref"]');
@@ -514,8 +555,8 @@ var Popover = class {
   }
   /** Add another anchor to the in-progress comment (Shift+Click flow). */
   addAnchor(fp, target) {
-    const key = fingerprintKey(fp);
-    if (this.anchorFingerprints.some((x) => fingerprintKey(x) === key)) return false;
+    const key2 = fingerprintKey(fp);
+    if (this.anchorFingerprints.some((x) => fingerprintKey(x) === key2)) return false;
     this.anchorFingerprints.push(fp);
     if (target) this.anchorTargets.push(target);
     this.callbacks.onAnchorsChanged([...this.anchorFingerprints]);
@@ -524,9 +565,9 @@ var Popover = class {
     return true;
   }
   /** Remove an anchor by fingerprint key. Never removes the last anchor. */
-  removeAnchor(key) {
+  removeAnchor(key2) {
     if (this.anchorFingerprints.length <= 1) return false;
-    const idx = this.anchorFingerprints.findIndex((x) => fingerprintKey(x) === key);
+    const idx = this.anchorFingerprints.findIndex((x) => fingerprintKey(x) === key2);
     if (idx < 0) return false;
     this.anchorFingerprints.splice(idx, 1);
     this.anchorTargets.splice(idx, 1);
@@ -636,9 +677,9 @@ var Popover = class {
       return;
     }
     const chips = this.anchorFingerprints.map((fp) => {
-      const key = fingerprintKey(fp);
+      const key2 = fingerprintKey(fp);
       const label = fingerprintLabel(fp);
-      return `<span class="vz-anchor-chip" data-fp-key="${escapeHtml(key)}">${escapeHtml(label)}<button class="vz-anchor-chip-remove" data-vz="remove-anchor" data-fp-key="${escapeHtml(key)}" aria-label="Remove anchor">\xD7</button></span>`;
+      return `<span class="vz-anchor-chip" data-fp-key="${escapeHtml(key2)}">${escapeHtml(label)}<button class="vz-anchor-chip-remove" data-vz="remove-anchor" data-fp-key="${escapeHtml(key2)}" aria-label="Remove anchor">\xD7</button></span>`;
     }).join("");
     wrap.innerHTML = `
       <div class="vz-anchor-hint">Anchored to ${this.anchorFingerprints.length} elements:</div>
@@ -1359,10 +1400,10 @@ var Sidebar = class {
       const fps = c.fingerprints || [];
       const primary = fps[0];
       if (!primary) continue;
-      const key = fingerprintKey(primary);
-      const g = groups.get(key);
+      const key2 = fingerprintKey(primary);
+      const g = groups.get(key2);
       if (g) g.comments.push(c);
-      else groups.set(key, { fp: primary, comments: [c] });
+      else groups.set(key2, { fp: primary, comments: [c] });
     }
     const groupHtml = [];
     let gi = 0;
@@ -1423,8 +1464,8 @@ var Sidebar = class {
     }
     const chips = this.el.querySelectorAll('[data-vz="jump-fp"]');
     for (const chip of chips) {
-      const key = chip.getAttribute("data-fp-key");
-      const fp = findFingerprintByKey(visible, key || "");
+      const key2 = chip.getAttribute("data-fp-key");
+      const fp = findFingerprintByKey(visible, key2 || "");
       chip.__fp = fp;
     }
   }
@@ -1512,10 +1553,10 @@ function renderOrphansHtml(orphans) {
     </div>
   `;
 }
-function findFingerprintByKey(comments, key) {
+function findFingerprintByKey(comments, key2) {
   for (const c of comments) {
     for (const fp of c.fingerprints || []) {
-      if (fingerprintKey(fp) === key) return fp;
+      if (fingerprintKey(fp) === key2) return fp;
     }
   }
   return null;
@@ -2547,9 +2588,155 @@ function injectStyles() {
   style.textContent = STYLES;
   (document.head || document.documentElement).appendChild(style);
 }
+
+// src/storage.ts
+var key = (ns) => `vizu:comments:${ns}`;
+var LocalStorageAdapter = class {
+  async load(namespace) {
+    return readArray(namespace);
+  }
+  async addComment(namespace, comment) {
+    const list = readArray(namespace);
+    list.push(comment);
+    writeArray(namespace, list);
+  }
+  async updateComment(namespace, id, patch) {
+    const list = readArray(namespace);
+    const idx = list.findIndex((c) => c.id === id);
+    if (idx === -1) return null;
+    const next = { ...list[idx], ...patch, id: list[idx].id };
+    list[idx] = next;
+    writeArray(namespace, list);
+    return next;
+  }
+  async removeComment(namespace, id) {
+    const list = readArray(namespace);
+    writeArray(namespace, list.filter((c) => c.id !== id));
+  }
+  async setAll(namespace, comments) {
+    writeArray(namespace, comments);
+  }
+  async clear(namespace) {
+    if (typeof localStorage === "undefined") return;
+    localStorage.removeItem(key(namespace));
+  }
+  async addReply(namespace, commentId, reply) {
+    const list = readArray(namespace);
+    const idx = list.findIndex((c) => c.id === commentId);
+    if (idx === -1) return null;
+    const next = { ...list[idx], replies: [...list[idx].replies ?? [], reply] };
+    list[idx] = next;
+    writeArray(namespace, list);
+    return next;
+  }
+  async removeReply(namespace, commentId, replyId) {
+    const list = readArray(namespace);
+    const idx = list.findIndex((c) => c.id === commentId);
+    if (idx === -1) return null;
+    const next = {
+      ...list[idx],
+      replies: (list[idx].replies ?? []).filter((r) => r.id !== replyId)
+    };
+    list[idx] = next;
+    writeArray(namespace, list);
+    return next;
+  }
+};
+function readArray(namespace) {
+  if (typeof localStorage === "undefined") return [];
+  const raw = localStorage.getItem(key(namespace));
+  if (!raw) return [];
+  try {
+    const parsed = JSON.parse(raw);
+    return Array.isArray(parsed) ? migrateComments(parsed) : [];
+  } catch {
+    return [];
+  }
+}
+function writeArray(namespace, comments) {
+  if (typeof localStorage === "undefined") return;
+  localStorage.setItem(key(namespace), JSON.stringify(comments));
+}
+var InMemoryStorageAdapter = class {
+  constructor() {
+    this.store = /* @__PURE__ */ new Map();
+  }
+  async load(namespace) {
+    return [...this.store.get(namespace) || []];
+  }
+  async addComment(namespace, comment) {
+    const list = this.store.get(namespace) ?? [];
+    this.store.set(namespace, [...list, comment]);
+  }
+  async updateComment(namespace, id, patch) {
+    const list = this.store.get(namespace) ?? [];
+    const idx = list.findIndex((c) => c.id === id);
+    if (idx === -1) return null;
+    const next = { ...list[idx], ...patch, id: list[idx].id };
+    const copy = [...list];
+    copy[idx] = next;
+    this.store.set(namespace, copy);
+    return next;
+  }
+  async removeComment(namespace, id) {
+    const list = this.store.get(namespace) ?? [];
+    this.store.set(
+      namespace,
+      list.filter((c) => c.id !== id)
+    );
+  }
+  async setAll(namespace, comments) {
+    this.store.set(namespace, [...comments]);
+  }
+  async clear(namespace) {
+    this.store.delete(namespace);
+  }
+  async addReply(namespace, commentId, reply) {
+    const list = this.store.get(namespace) ?? [];
+    const idx = list.findIndex((c) => c.id === commentId);
+    if (idx === -1) return null;
+    const next = { ...list[idx], replies: [...list[idx].replies ?? [], reply] };
+    const copy = [...list];
+    copy[idx] = next;
+    this.store.set(namespace, copy);
+    return next;
+  }
+  async removeReply(namespace, commentId, replyId) {
+    const list = this.store.get(namespace) ?? [];
+    const idx = list.findIndex((c) => c.id === commentId);
+    if (idx === -1) return null;
+    const next = {
+      ...list[idx],
+      replies: (list[idx].replies ?? []).filter((r) => r.id !== replyId)
+    };
+    const copy = [...list];
+    copy[idx] = next;
+    this.store.set(namespace, copy);
+    return next;
+  }
+};
+var NullStorageAdapter = class {
+  async load() {
+    return [];
+  }
+  async addComment() {
+  }
+  async updateComment() {
+    return null;
+  }
+  async removeComment() {
+  }
+  async setAll() {
+  }
+  async clear() {
+  }
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Highlighter,
+  InMemoryStorageAdapter,
+  LocalStorageAdapter,
+  NullStorageAdapter,
   Pill,
   Popover,
   Sidebar,