pdfjs-viewer-highlight-echo 5.4.456 → 5.4.457

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pdfjs-viewer-highlight-echo",
-  "version": "5.4.456",
+  "version": "5.4.457",
   "main": "build/pdf.mjs",
   "types": "types/src/pdf.d.ts",
   "description": "Dafu custom PDF.js distribution",

package/web/config/highlights.json

@@ -1,12 +1,12 @@
 [
   {
     "location": [
-      32,
-      456,
-      258,
-      428
+      22,
+      500,
+      563,
+      267
     ],
-    "page": 10,
+    "page": 1,
     "text": "Environmental Progress Report"
   },
    {

package/web/pdf_viewer.mjs

@@ -21,8 +21,8 @@
  */
 
 /**
- * pdfjsVersion = 5.4.456
- * pdfjsBuild = 01b61ef1d
+ * pdfjsVersion = 5.4.457
+ * pdfjsBuild = d53d4404b
  */
 /******/ // The require scope
 /******/ var __webpack_require__ = {};
@@ -7655,7 +7655,7 @@ class PDFViewer {
   #textLayerMode = TextLayerMode.ENABLE;
   #viewerAlert = null;
   constructor(options) {
-    const viewerVersion = "5.4.456";
+    const viewerVersion = "5.4.457";
     if (version !== viewerVersion) {
       throw new Error(`The API version "${version}" does not match the Viewer version "${viewerVersion}".`);
     }

package/web/viewer.mjs

@@ -21,8 +21,8 @@
  */
 
 /**
- * pdfjsVersion = 5.4.456
- * pdfjsBuild = 01b61ef1d
+ * pdfjsVersion = 5.4.457
+ * pdfjsBuild = d53d4404b
  */
 /******/ // The require scope
 /******/ var __webpack_require__ = {};
@@ -7603,7 +7603,7 @@ class FilterHighlightOverlay {
       this.#uiManager = uiManager;
     });
   }
-  showHighlight(pageNumber, location) {
+  async showHighlight(pageNumber, location) {
     this.clearHighlight();
     const uiManager = this.#uiManager || window.PDFViewerApplication?.pdfViewer?.annotationEditorUIManager;
     if (!uiManager) {
@@ -7615,9 +7615,10 @@ class FilterHighlightOverlay {
       console.error("Page view not found for page", pageNumber);
       return;
     }
-    if (!pageView.textLayer) {
-      console.warn("Text layer not ready, waiting...");
-      setTimeout(() => this.showHighlight(pageNumber, location), 100);
+    try {
+      await this.#waitForTextLayer(pageView);
+    } catch (error) {
+      console.error("Failed to load text layer:", error);
       return;
     }
     const textLayer = pageView.textLayer.div;
@@ -7648,6 +7649,40 @@ class FilterHighlightOverlay {
       selection.removeAllRanges();
     }
   }
+  async #waitForTextLayer(pageView) {
+    if (pageView.textLayer?.div) {
+      return;
+    }
+    if (pageView.renderingState < 3) {
+      await new Promise(resolve => {
+        const checkRendering = () => {
+          if (pageView.renderingState >= 3) {
+            resolve();
+          } else {
+            setTimeout(checkRendering, 50);
+          }
+        };
+        checkRendering();
+      });
+    }
+    if (pageView.textLayer?.renderingDone) {
+      await pageView.textLayer.renderingDone;
+      return;
+    }
+    return new Promise((resolve, reject) => {
+      const timeout = setTimeout(() => {
+        reject(new Error("Text layer rendering timeout"));
+      }, 5000);
+      const handler = evt => {
+        if (evt.pageNumber === pageView.id) {
+          clearTimeout(timeout);
+          this.#eventBus._off("textlayerrendered", handler);
+          resolve();
+        }
+      };
+      this.#eventBus._on("textlayerrendered", handler);
+    });
+  }
   #convertLocationToBoxes(pageView, location) {
     if (!pageView.div) {
       return null;
@@ -13288,7 +13323,7 @@ class PDFViewer {
   #textLayerMode = TextLayerMode.ENABLE;
   #viewerAlert = null;
   constructor(options) {
-    const viewerVersion = "5.4.456";
+    const viewerVersion = "5.4.457";
     if (version !== viewerVersion) {
       throw new Error(`The API version "${version}" does not match the Viewer version "${viewerVersion}".`);
     }