@lemoncat7/dsh-knowledge 2.7.0 → 2.8.0

package/web/document-sync.js

@@ -0,0 +1,43 @@
+/** One bounded metadata poll for the active document; no full-library reloads. */
+export function createDocumentSync({ current, check, refresh, notify, visible = () => !document.hidden, interval = 5000 }) {
+  let timer, controller, stopped = false, failures = 0
+  const same = target => {
+    const active = current()
+    return active && active.identity === target.identity && active.version === target.version && active.key === target.key
+  }
+  async function tick() {
+    clearTimeout(timer)
+    if (stopped || controller) return
+    const target = visible() ? current() : null
+    if (!target) return schedule()
+    controller = new AbortController()
+    const timeout = setTimeout(() => controller?.abort(), 10000)
+    try {
+      const remote = await check(target, controller.signal)
+      if (stopped || !visible() || !same(target)) return
+      failures = 0
+      if (remote.version !== target.version || remote.updatedAt !== target.updatedAt) {
+        if (current().busy()) notify(target, 'changed')
+        else await refresh(target, controller.signal, () => !stopped && visible() && same(target) && !current().busy())
+      } else notify(target, 'current')
+    } catch (error) {
+      if (!stopped && same(target)) {
+        failures++
+        notify(target, error.status === 404 ? 'missing' : 'offline')
+      }
+    } finally {
+      clearTimeout(timeout)
+      controller = null
+      schedule()
+    }
+  }
+  function schedule() {
+    clearTimeout(timer)
+    if (!stopped && visible()) timer = setTimeout(tick, Math.min(30000, interval * 2 ** Math.min(failures, 3)))
+  }
+  return {
+    wake() { if (!stopped) void tick() },
+    pause() { clearTimeout(timer); controller?.abort() },
+    stop() { stopped = true; clearTimeout(timer); controller?.abort() },
+  }
+}

package/web/styles.css

@@ -1,3 +1,17 @@
+.document-sync-notice {
+  flex: 1 0 100%; display: flex; flex-wrap: wrap; align-items: center; gap: 8px;
+  padding: 8px 0 0; color: var(--text); font-size: 12px;
+  border-top: 1px solid var(--separator); overflow-wrap: anywhere;
+}
+.note-editor-toolbar:has(.document-sync-notice), .notes-document-toolbar:has(.document-sync-notice) { flex-wrap: wrap; }
+.sync-conflict-dialog { width: min(980px, calc(100vw - 32px)); max-width: 980px; }
+.sync-conflict-body { display: grid; gap: 16px; }
+.sync-merge-columns { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; }
+.sync-merge-columns section { min-width: 0; display: flex; flex-direction: column; gap: 8px; }
+.sync-merge-columns h3, .sync-merge-columns p { margin: 0; overflow-wrap: anywhere; }
+.sync-conflict-dialog .sync-merge-content { width: 100%; height: 260px; min-height: 200px; resize: vertical; line-height: 1.6; }
+@media (max-width: 640px) { .sync-merge-columns { grid-template-columns: minmax(0, 1fr); } }
+
 :root {
   color-scheme: light dark;
   font-family: var(--font-ui);