@bitcobblers/wod-wiki-ui 0.5.29 → 0.6.31

package/dist/extensions/index.cjs

@@ -800,11 +800,12 @@ var SectionGeometryPlugin = class {
   rects = [];
   docVersion = 0;
   listeners = /* @__PURE__ */ new Set();
+  pendingNotify = null;
   update(update) {
     if (update.docChanged) {
       this.docVersion++;
     }
-    if (update.docChanged || update.viewportChanged || update.geometryChanged) {
+    if (update.docChanged || update.geometryChanged) {
       this.measure();
     }
   }
@@ -819,18 +820,19 @@ var SectionGeometryPlugin = class {
     try {
       const sectionState = this.view.state.field(sectionField, false);
       const sections = sectionState?.sections ?? [];
-      const scrollRect = this.view.scrollDOM?.getBoundingClientRect ? this.view.scrollDOM.getBoundingClientRect() : { top: 0, left: 0, bottom: 0, right: 0 };
-      const scrollTop = this.view.scrollDOM?.scrollTop ?? 0;
+      const docLength = this.view.state.doc.length;
       this.rects = sections.map((sec) => {
-        let fromCoords = null;
-        let toCoords = null;
+        const from = Math.max(0, Math.min(sec.from, docLength));
+        const to = Math.max(0, Math.min(sec.to, docLength));
+        let top = 0;
+        let bottom = 20;
         try {
-          fromCoords = this.view.coordsAtPos ? this.view.coordsAtPos(sec.from) : null;
-          toCoords = this.view.coordsAtPos ? this.view.coordsAtPos(sec.to) : null;
+          const topBlock = this.view.lineBlockAt(from);
+          const bottomBlock = this.view.lineBlockAt(to);
+          top = topBlock.top;
+          bottom = bottomBlock.top + bottomBlock.height;
         } catch {
         }
-        const top = fromCoords ? fromCoords.top - (scrollRect?.top ?? 0) + scrollTop : 0;
-        const bottom = toCoords ? toCoords.bottom - (scrollRect?.top ?? 0) + scrollTop : top;
         const height = Math.max(bottom - top, 20);
         return {
           sectionId: sec.id,
@@ -846,11 +848,24 @@ var SectionGeometryPlugin = class {
     }
   }
   notify() {
-    for (const listener of this.listeners) {
-      listener(this.rects, this.docVersion);
+    if (typeof requestAnimationFrame === "function") {
+      if (this.pendingNotify !== null) return;
+      this.pendingNotify = requestAnimationFrame(() => {
+        this.pendingNotify = null;
+        for (const listener of this.listeners) {
+          listener(this.rects, this.docVersion);
+        }
+      });
+    } else {
+      for (const listener of this.listeners) {
+        listener(this.rects, this.docVersion);
+      }
     }
   }
   destroy() {
+    if (this.pendingNotify !== null && typeof cancelAnimationFrame === "function") {
+      cancelAnimationFrame(this.pendingNotify);
+    }
     this.listeners.clear();
   }
 };