@file-viewer/renderer-pdf 2.2.5 → 2.2.6

package/dist/pdf.js

@@ -341,6 +341,8 @@ export default async function renderPdf(buffer, target, context) {
     let suppressScrollEventUntil = 0;
     let userScrollIntentUntil = 0;
     let scrollStateFrame = 0;
+    let rotationOperationVersion = 0;
+    let pendingUserRotationAnchor = null;
     let pdfSearchState = createPdfSearchState();
     let pdfMatchesCount = { current: 0, total: 0 };
     let pdfSearchOptions;
@@ -457,9 +459,22 @@ export default async function renderPdf(buffer, target, context) {
         visit(outlineItems, 0);
         return result;
     };
+    const navScrollTopByMode = {
+        pages: 0,
+        outline: 0,
+    };
     const renderNavList = () => {
+        if (navList.classList.contains('pdf-page-list')) {
+            navScrollTopByMode.pages = navList.scrollTop;
+        }
+        else if (navList.classList.contains('pdf-outline-list')) {
+            navScrollTopByMode.outline = navList.scrollTop;
+        }
         navList.replaceChildren();
         navList.className = navMode === 'pages' ? 'pdf-page-list' : 'pdf-outline-list';
+        const restoreNavScrollTop = () => {
+            navList.scrollTop = navScrollTopByMode[navMode];
+        };
         if (navMode === 'pages') {
             thumbnailObserver === null || thumbnailObserver === void 0 ? void 0 : thumbnailObserver.disconnect();
             for (let page = 1; page <= pageCount; page += 1) {
@@ -479,6 +494,7 @@ export default async function renderPdf(buffer, target, context) {
                 button.addEventListener('click', () => goToPage(page, 'page-click', 'user'));
                 navList.append(button);
             }
+            restoreNavScrollTop();
             return;
         }
         const entries = flattenedOutlineItems();
@@ -501,6 +517,7 @@ export default async function renderPdf(buffer, target, context) {
         if (!entries.length) {
             navList.append(createElement(documentRef, 'div', 'pdf-outline-empty', t('pdf.nav.outlineEmpty')));
         }
+        restoreNavScrollTop();
     };
     const paintPdfThumbnail = (pageNumber, thumb) => {
         const imageUrl = pdfThumbnails.get(pageNumber);
@@ -1020,7 +1037,83 @@ export default async function renderPdf(buffer, target, context) {
         autoFitWidth = false;
         activeFitRequest = null;
     };
+    const getPdfPageElement = (pageNumber) => {
+        var _a;
+        const pageView = (_a = pdfContext.viewer) === null || _a === void 0 ? void 0 : _a.getPageView(pageNumber - 1);
+        return (pageView === null || pageView === void 0 ? void 0 : pageView.div) ||
+            pdfViewerRoot.querySelector(`.page[data-page-number="${pageNumber}"]`);
+    };
+    const captureCurrentPdfPageAnchor = () => {
+        const pageElement = getPdfPageElement(currentPage);
+        if (!pageElement) {
+            return null;
+        }
+        const containerRect = container.getBoundingClientRect();
+        const pageRect = pageElement.getBoundingClientRect();
+        const pageHeight = pageElement.offsetHeight || pageRect.height;
+        if (pageHeight <= 0) {
+            return null;
+        }
+        const pageTop = pageRect.top - containerRect.top + container.scrollTop;
+        const inPageRatio = (container.scrollTop - pageTop) / pageHeight;
+        return {
+            page: currentPage,
+            inPageRatio: Math.max(0, Math.min(1, inPageRatio)),
+        };
+    };
+    const cancelPendingUserRotationRestore = () => {
+        if (!pendingUserRotationAnchor) {
+            return;
+        }
+        pendingUserRotationAnchor = null;
+        rotationOperationVersion += 1;
+    };
+    const restoreUserRotationAnchor = (anchor, operationVersion) => {
+        const apply = () => {
+            if (destroyed ||
+                operationVersion !== rotationOperationVersion ||
+                pendingUserRotationAnchor !== anchor) {
+                return false;
+            }
+            const pageElement = getPdfPageElement(anchor.page);
+            if (!pageElement) {
+                return false;
+            }
+            const containerRect = container.getBoundingClientRect();
+            const pageRect = pageElement.getBoundingClientRect();
+            const pageHeight = pageElement.offsetHeight || pageRect.height;
+            if (pageHeight <= 0) {
+                return false;
+            }
+            const pageTop = pageRect.top - containerRect.top + container.scrollTop;
+            const maxTop = Math.max(0, container.scrollHeight - container.clientHeight);
+            suppressProgrammaticScrollEvents();
+            container.scrollTop = Math.max(0, Math.min(maxTop, pageTop + anchor.inPageRatio * pageHeight));
+            currentPage = anchor.page;
+            syncUi();
+            return true;
+        };
+        apply();
+        void waitForPaint(targetWindow)
+            .then(() => {
+            apply();
+            return waitForPaint(targetWindow);
+        })
+            .then(apply);
+        targetWindow.requestAnimationFrame(() => {
+            apply();
+            targetWindow.requestAnimationFrame(apply);
+        });
+        targetWindow.setTimeout(() => {
+            apply();
+            if (operationVersion === rotationOperationVersion &&
+                pendingUserRotationAnchor === anchor) {
+                pendingUserRotationAnchor = null;
+            }
+        }, 180);
+    };
     const recordUserScrollIntent = () => {
+        cancelPendingUserRotationRestore();
         userScrollIntentUntil = Date.now() + 750;
         suppressScrollEventUntil = 0;
         markFitInteraction('user');
@@ -1313,6 +1406,18 @@ export default async function renderPdf(buffer, target, context) {
     const applyRotation = (rotation, action = 'rotation-change', source = 'viewer', notifyViewState = true) => {
         markFitInteraction(source);
         const normalized = normalizeRotation(rotation);
+        if (source === 'user' && pdfContext.viewer) {
+            pendingUserRotationAnchor || (pendingUserRotationAnchor = captureCurrentPdfPageAnchor());
+        }
+        else {
+            cancelPendingUserRotationRestore();
+        }
+        const pageAnchor = source === 'user' ? pendingUserRotationAnchor : null;
+        const operationVersion = ++rotationOperationVersion;
+        if (pageAnchor) {
+            suppressProgrammaticScrollEvents();
+            currentPage = pageAnchor.page;
+        }
         currentRotation = normalized;
         pdfThumbnails.clear();
         pendingPdfThumbnails.clear();
@@ -1323,6 +1428,9 @@ export default async function renderPdf(buffer, target, context) {
         pdfContext.viewer.pagesRotation = normalized;
         void waitForPaint(targetWindow).then(() => {
             var _a;
+            if (operationVersion !== rotationOperationVersion) {
+                return;
+            }
             const refocusBoundingBoxes = () => {
                 if (pdfBoundingBoxController.hasBoxes()) {
                     void waitForPaint(targetWindow)
@@ -1331,6 +1439,9 @@ export default async function renderPdf(buffer, target, context) {
                 }
             };
             if (reapplyFitAfterLayout(source, notifyViewState)) {
+                if (pageAnchor) {
+                    restoreUserRotationAnchor(pageAnchor, operationVersion);
+                }
                 if (notifyViewState) {
                     emitViewStateChange(action, source);
                 }
@@ -1340,6 +1451,9 @@ export default async function renderPdf(buffer, target, context) {
             (_a = pdfContext.viewer) === null || _a === void 0 ? void 0 : _a.update();
             scheduleLegacyPageDimensionPatch();
             syncUi();
+            if (pageAnchor) {
+                restoreUserRotationAnchor(pageAnchor, operationVersion);
+            }
             if (notifyViewState) {
                 emitViewStateChange(action, source);
             }
@@ -1358,6 +1472,9 @@ export default async function renderPdf(buffer, target, context) {
         if (!pdfContext.viewer || !pageCount) {
             return;
         }
+        if (source === 'user') {
+            cancelPendingUserRotationRestore();
+        }
         markFitInteraction(source);
         const nextPage = Math.min(pageCount, Math.max(1, pageNumber));
         runWithStableHorizontalScroll(() => {
@@ -1604,6 +1721,11 @@ export default async function renderPdf(buffer, target, context) {
                 }
             });
             eventBus.on('pagechanging', ({ pageNumber }) => {
+                if (pendingUserRotationAnchor && pageNumber !== pendingUserRotationAnchor.page) {
+                    currentPage = pendingUserRotationAnchor.page;
+                    syncUi();
+                    return;
+                }
                 const previousPage = currentPage;
                 currentPage = pageNumber;
                 syncUi();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@file-viewer/renderer-pdf",
-  "version": "2.2.5",
+  "version": "2.2.6",
   "private": false,
   "type": "module",
   "description": "Standalone PDF renderer plugin for File Viewer powered by PDF.js.",
@@ -54,7 +54,7 @@
     "LICENSE"
   ],
   "dependencies": {
-    "@file-viewer/core": "2.2.5",
+    "@file-viewer/core": "2.2.6",
     "@fontsource-variable/noto-sans-sc": "5.2.10",
     "pdf-lib": "1.17.1",
     "pdfjs-dist": "5.4.624"