@prose-reader/core 1.53.0 → 1.54.0

package/dist/index.umd.cjs

@@ -591,6 +591,63 @@
       }
     };
   };
+  const buildChaptersInfo = (href, tocItem, manifest) => {
+    const spineItemIndex = manifest.spineItems.findIndex((item) => item.href === href);
+    return tocItem.reduce((acc, tocItem2) => {
+      const indexOfHash = tocItem2.href.indexOf(`#`);
+      const tocItemPathWithoutAnchor = indexOfHash > 0 ? tocItem2.href.substr(0, indexOfHash) : tocItem2.href;
+      const tocItemHrefWithoutFilename = tocItemPathWithoutAnchor.substring(0, tocItemPathWithoutAnchor.lastIndexOf("/"));
+      const hrefWithoutFilename = href.substring(0, href.lastIndexOf("/"));
+      const hrefIsChapterHref = href.endsWith(tocItemPathWithoutAnchor);
+      const hrefIsWithinChapter = hrefWithoutFilename !== "" && hrefWithoutFilename.endsWith(tocItemHrefWithoutFilename);
+      const isPossibleTocItemCandidate = hrefIsChapterHref || hrefIsWithinChapter;
+      if (isPossibleTocItemCandidate) {
+        const spineItemIndexOfPossibleCandidate = manifest.spineItems.findIndex((item) => item.href === tocItem2.href);
+        const spineItemIsBeforeThisTocItem = spineItemIndex < spineItemIndexOfPossibleCandidate;
+        if (spineItemIsBeforeThisTocItem)
+          return acc;
+        const info = {
+          title: tocItem2.title,
+          path: tocItem2.path
+        };
+        const subInfo = buildChaptersInfo(href, tocItem2.contents, manifest);
+        if (subInfo) {
+          return {
+            ...info,
+            subChapter: subInfo
+          };
+        }
+        return info;
+      }
+      return acc;
+    }, void 0);
+  };
+  const buildChapterInfoFromSpineItem = (manifest, item) => {
+    var _a;
+    const { href } = item;
+    return buildChaptersInfo(href, ((_a = manifest.nav) == null ? void 0 : _a.toc) ?? [], manifest);
+  };
+  const getChaptersInfo = (reader) => {
+    const manifest = reader.context.getManifest();
+    const items = reader.getSpineItems();
+    if (!manifest)
+      return {};
+    return items.reduce(
+      (acc, { item }) => {
+        return {
+          ...acc,
+          [item.id]: buildChapterInfoFromSpineItem(manifest, item)
+        };
+      },
+      {}
+    );
+  };
+  const trackChapterInfo = (reader) => {
+    return reader.spineItems$.pipe(
+      rxjs.startWith([]),
+      rxjs.map(() => getChaptersInfo(reader))
+    );
+  };
   const NAMESPACE$6 = `pagination`;
   const createPagination = ({ context }) => {
     const paginationSubject$ = new rxjs.BehaviorSubject({
@@ -603,16 +660,16 @@
       endCfi: void 0,
       endSpineItemIndex: void 0
     });
-    const getSpineItemNumberOfPages = (spineItem) => {
+    const getSpineItemNumberOfPages2 = (spineItem) => {
       const writingMode = spineItem.spineItemFrame.getWritingMode();
       const { width, height } = spineItem.getElementDimensions();
       if (writingMode === `vertical-rl`) {
-        return getNumberOfPages(height, context.getPageSize().height);
+        return calculateNumberOfPagesForItem(height, context.getPageSize().height);
       }
-      return getNumberOfPages(width, context.getPageSize().width);
+      return calculateNumberOfPagesForItem(width, context.getPageSize().width);
     };
     const getInfoForUpdate = (info) => {
-      const numberOfPages = getSpineItemNumberOfPages(info.spineItem);
+      const numberOfPages = getSpineItemNumberOfPages2(info.spineItem);
       return {
         numberOfPages,
         pageIndex: info.pageIndex,
@@ -662,103 +719,39 @@
     const logicalOffset = itemWidth * (pageIndex * pageWidth) / itemWidth;
     return Math.max(0, Math.min(lastPageOffset, logicalOffset));
   };
-  const getNumberOfPages = (itemWidth, pageWidth) => {
+  const calculateNumberOfPagesForItem = (itemWidth, pageWidth) => {
     if ((pageWidth || 0) === 0 || (itemWidth || 0) === 0)
       return 1;
     return Math.floor(Math.max(1, itemWidth / pageWidth));
   };
   const getClosestValidOffsetFromApproximateOffsetInPages = (offset, pageWidth, itemWidth) => {
-    const numberOfPages = getNumberOfPages(itemWidth, pageWidth);
+    const numberOfPages = calculateNumberOfPagesForItem(itemWidth, pageWidth);
     const offsetValues = [...Array(numberOfPages)].map((_, i) => i * pageWidth);
     if (offset >= numberOfPages * pageWidth)
       return offsetValues[offsetValues.length - 1] || 0;
     return offsetValues.find((offsetRange) => offset < offsetRange + pageWidth) || 0;
   };
-  const NAMESPACE$5 = `paginationEnhancer`;
-  Report.namespace(NAMESPACE$5);
-  const paginationEnhancer = (next) => (options) => {
-    const reader = next(options);
-    const chaptersInfo = {};
-    const getChapterInfo2 = (item) => {
-      const manifest = reader.context.getManifest();
-      return item && manifest && buildChapterInfoFromSpineItem(manifest, item);
-    };
-    const mapPaginationInfoToExtendedInfo = (paginationInfo) => {
-      const context = reader.context;
-      const beginItem = paginationInfo.beginSpineItemIndex !== void 0 ? reader.getSpineItem(paginationInfo.beginSpineItemIndex) : void 0;
-      const endItem = paginationInfo.endSpineItemIndex !== void 0 ? reader.getSpineItem(paginationInfo.endSpineItemIndex) : void 0;
-      return {
-        ...paginationInfo,
-        beginChapterInfo: beginItem ? chaptersInfo[beginItem.item.id] : void 0,
-        // chapterIndex: number;
-        // pages: number;
-        // pageIndexInBook: number;
-        // pageIndexInChapter: number;
-        // pagesOfChapter: number;
-        // pagePercentageInChapter: number;
-        // offsetPercentageInChapter: number;
-        // domIndex: number;
-        // charOffset: number;
-        // serializeString?: string;
-        beginSpineItemReadingDirection: beginItem == null ? void 0 : beginItem.getReadingDirection(),
-        endChapterInfo: endItem ? chaptersInfo[endItem.item.id] : void 0,
-        endSpineItemReadingDirection: endItem == null ? void 0 : endItem.getReadingDirection(),
-        // spineItemReadingDirection: focusedSpineItem?.getReadingDirection(),
-        /**
-         * This percentage is based of the weight (kb) of every items and the number of pages.
-         * It is not accurate but gives a general good idea of the overall progress.
-         * It is recommended to use this progress only for reflow books. For pre-paginated books
-         * the number of pages and current index can be used instead since 1 page = 1 chapter.
-         */
-        percentageEstimateOfBook: endItem ? reader.progression.getPercentageEstimate(
-          context,
-          paginationInfo.endSpineItemIndex ?? 0,
-          paginationInfo.endNumberOfPagesInSpineItem,
-          paginationInfo.endPageIndexInSpineItem || 0,
-          reader.getCurrentViewportPosition(),
-          endItem
-        ) : 0,
-        isUsingSpread: context.isUsingSpreadMode() ?? false
-        // hasNextChapter: (reader.spine.spineItemIndex || 0) < (manifest.readingOrder.length - 1),
-        // hasPreviousChapter: (reader.spine.spineItemIndex || 0) < (manifest.readingOrder.length - 1),
-        // numberOfSpineItems: context.getManifest()?.readingOrder.length,
-      };
-    };
-    const getSpineItemNumberOfPages = (spineItem) => {
-      const writingMode = spineItem.spineItemFrame.getWritingMode();
-      const { width, height } = spineItem.getElementDimensions();
-      const settings = reader.settings.getSettings();
-      if (settings.pageTurnDirection === `vertical` && settings.pageTurnMode === `scrollable`) {
-        return 1;
-      }
-      if (writingMode === `vertical-rl`) {
-        return getNumberOfPages(height, reader.context.getPageSize().height);
-      }
-      return getNumberOfPages(width, reader.context.getPageSize().width);
-    };
-    const getNumberOfPagesPerItems = () => reader.getSpineItems().map((item) => {
-      return getSpineItemNumberOfPages(item);
-    }, 0);
-    reader.spineItems$.pipe(
-      operators.tap(
-        (items) => items.forEach(({ item }) => {
-          chaptersInfo[item.id] = getChapterInfo2(item);
-        })
-      ),
-      operators.takeUntil(reader.$.destroy$)
-    ).subscribe();
-    const innerPaginationExtendedInfo$ = reader.pagination.paginationInfo$.pipe(
-      operators.map((info) => ({
-        ...info,
-        ...mapPaginationInfoToExtendedInfo(info)
-      })),
-      operators.distinctUntilChanged(isShallowEqual)
-    );
+  const getSpineItemNumberOfPages = ({ spineItem, reader }) => {
+    const writingMode = spineItem.spineItemFrame.getWritingMode();
+    const { width, height } = spineItem.getElementDimensions();
+    const settings = reader.settings.getSettings();
+    if (settings.pageTurnDirection === `vertical` && settings.pageTurnMode === `scrollable`) {
+      return 1;
+    }
+    if (writingMode === `vertical-rl`) {
+      return calculateNumberOfPagesForItem(height, reader.context.getPageSize().height);
+    }
+    return calculateNumberOfPagesForItem(width, reader.context.getPageSize().width);
+  };
+  const getNumberOfPagesForAllSpineItems = (reader) => reader.getSpineItems().map((item) => {
+    return getSpineItemNumberOfPages({ spineItem: item, reader });
+  }, 0);
+  const trackTotalPages = (reader) => {
     const totalPages$ = reader.$.layout$.pipe(
-      operators.debounceTime(10, rxjs.animationFrameScheduler),
-      operators.withLatestFrom(reader.pagination.paginationInfo$),
-      operators.map(() => {
-        const numberOfPagesPerItems = getNumberOfPagesPerItems();
+      rxjs.debounceTime(10, rxjs.animationFrameScheduler),
+      rxjs.withLatestFrom(reader.pagination.paginationInfo$),
+      rxjs.map(() => {
+        const numberOfPagesPerItems = getNumberOfPagesForAllSpineItems(reader);
         return {
           numberOfPagesPerItems,
           /**
@@ -767,69 +760,102 @@
           numberOfTotalPages: numberOfPagesPerItems.reduce((acc, numberOfPagesForItem) => acc + numberOfPagesForItem, 0)
         };
       }),
-      operators.distinctUntilChanged(isShallowEqual),
-      operators.startWith({
+      rxjs.distinctUntilChanged(isShallowEqual),
+      rxjs.startWith({
         numberOfPagesPerItems: [],
         numberOfTotalPages: 0
       })
     );
-    const paginationInfo$ = rxjs.combineLatest([
-      innerPaginationExtendedInfo$,
-      totalPages$
-    ]).pipe(
-      operators.map(([pageInfo, totalPageInfo]) => ({
+    return totalPages$;
+  };
+  const mapPaginationInfoToExtendedInfo = (reader) => (paginationInfo, chaptersInfo) => {
+    const context = reader.context;
+    const beginItem = paginationInfo.beginSpineItemIndex !== void 0 ? reader.getSpineItem(paginationInfo.beginSpineItemIndex) : void 0;
+    const endItem = paginationInfo.endSpineItemIndex !== void 0 ? reader.getSpineItem(paginationInfo.endSpineItemIndex) : void 0;
+    return {
+      ...paginationInfo,
+      beginChapterInfo: beginItem ? chaptersInfo[beginItem.item.id] : void 0,
+      // chapterIndex: number;
+      // pages: number;
+      // pageIndexInBook: number;
+      // pageIndexInChapter: number;
+      // pagesOfChapter: number;
+      // pagePercentageInChapter: number;
+      // offsetPercentageInChapter: number;
+      // domIndex: number;
+      // charOffset: number;
+      // serializeString?: string;
+      beginSpineItemReadingDirection: beginItem == null ? void 0 : beginItem.getReadingDirection(),
+      endChapterInfo: endItem ? chaptersInfo[endItem.item.id] : void 0,
+      endSpineItemReadingDirection: endItem == null ? void 0 : endItem.getReadingDirection(),
+      // spineItemReadingDirection: focusedSpineItem?.getReadingDirection(),
+      /**
+       * This percentage is based of the weight (kb) of every items and the number of pages.
+       * It is not accurate but gives a general good idea of the overall progress.
+       * It is recommended to use this progress only for reflow books. For pre-paginated books
+       * the number of pages and current index can be used instead since 1 page = 1 chapter.
+       */
+      percentageEstimateOfBook: endItem ? reader.progression.getPercentageEstimate(
+        context,
+        paginationInfo.endSpineItemIndex ?? 0,
+        paginationInfo.endNumberOfPagesInSpineItem,
+        paginationInfo.endPageIndexInSpineItem || 0,
+        reader.getCurrentViewportPosition(),
+        endItem
+      ) : 0,
+      isUsingSpread: context.isUsingSpreadMode() ?? false
+      // hasNextChapter: (reader.spine.spineItemIndex || 0) < (manifest.readingOrder.length - 1),
+      // hasPreviousChapter: (reader.spine.spineItemIndex || 0) < (manifest.readingOrder.length - 1),
+      // numberOfSpineItems: context.getManifest()?.readingOrder.length,
+    };
+  };
+  const trackPaginationInfo = (reader) => {
+    const chaptersInfo$ = trackChapterInfo(reader);
+    const totalPages$ = trackTotalPages(reader);
+    const currentValue = new rxjs.BehaviorSubject({
+      ...reader.pagination.getPaginationInfo(),
+      ...mapPaginationInfoToExtendedInfo(reader)(reader.pagination.getPaginationInfo(), getChaptersInfo(reader)),
+      beginAbsolutePageIndex: 0,
+      endAbsolutePageIndex: 0,
+      numberOfTotalPages: 0
+    });
+    const extandedBasePagination$ = reader.pagination.paginationInfo$.pipe(
+      rxjs.combineLatestWith(chaptersInfo$),
+      rxjs.map(([info, chaptersInfo]) => ({
+        ...info,
+        ...mapPaginationInfoToExtendedInfo(reader)(info, chaptersInfo)
+      })),
+      rxjs.distinctUntilChanged(isShallowEqual)
+    );
+    const paginationInfo$ = rxjs.combineLatest([extandedBasePagination$, totalPages$]).pipe(
+      rxjs.map(([pageInfo, totalPageInfo]) => ({
         ...pageInfo,
         ...totalPageInfo,
         beginAbsolutePageIndex: totalPageInfo.numberOfPagesPerItems.slice(0, pageInfo.beginSpineItemIndex).reduce((acc, numberOfPagesForItem) => acc + numberOfPagesForItem, pageInfo.beginPageIndexInSpineItem ?? 0),
         endAbsolutePageIndex: totalPageInfo.numberOfPagesPerItems.slice(0, pageInfo.endSpineItemIndex).reduce((acc, numberOfPagesForItem) => acc + numberOfPagesForItem, pageInfo.endPageIndexInSpineItem ?? 0)
       })),
-      operators.shareReplay(1),
-      operators.takeUntil(reader.$.destroy$)
+      rxjs.tap((value) => {
+        currentValue.next(value);
+      }),
+      rxjs.shareReplay(1)
     );
+    return { paginationInfo$, getPaginationInfo: () => currentValue.value };
+  };
+  const NAMESPACE$5 = `paginationEnhancer`;
+  Report.namespace(NAMESPACE$5);
+  const paginationEnhancer = (next) => (options) => {
+    const reader = next(options);
+    const { paginationInfo$, getPaginationInfo } = trackPaginationInfo(reader);
+    paginationInfo$.pipe(rxjs.takeUntil(reader.$.destroy$)).subscribe();
     return {
       ...reader,
       pagination: {
         ...reader.pagination,
+        getPaginationInfo,
         paginationInfo$
       }
     };
   };
-  const buildChapterInfoFromSpineItem = (manifest, item) => {
-    var _a;
-    const { href } = item;
-    return getChapterInfo(href, ((_a = manifest.nav) == null ? void 0 : _a.toc) ?? [], manifest);
-  };
-  const getChapterInfo = (href, tocItem, manifest) => {
-    const spineItemIndex = manifest.spineItems.findIndex((item) => item.href === href);
-    return tocItem.reduce((acc, tocItem2) => {
-      const indexOfHash = tocItem2.href.indexOf(`#`);
-      const tocItemPathWithoutAnchor = indexOfHash > 0 ? tocItem2.href.substr(0, indexOfHash) : tocItem2.href;
-      const tocItemHrefWithoutFilename = tocItemPathWithoutAnchor.substring(0, tocItemPathWithoutAnchor.lastIndexOf("/"));
-      const hrefWithoutFilename = href.substring(0, href.lastIndexOf("/"));
-      const hrefIsChapterHref = href.endsWith(tocItemPathWithoutAnchor);
-      const hrefIsWithinChapter = hrefWithoutFilename !== "" && hrefWithoutFilename.endsWith(tocItemHrefWithoutFilename);
-      const isPossibleTocItemCandidate = hrefIsChapterHref || hrefIsWithinChapter;
-      if (isPossibleTocItemCandidate) {
-        const spineItemIndexOfPossibleCandidate = manifest.spineItems.findIndex((item) => item.href === tocItem2.href);
-        const spineItemIsBeforeThisTocItem = spineItemIndex < spineItemIndexOfPossibleCandidate;
-        if (spineItemIsBeforeThisTocItem)
-          return acc;
-        const info = {
-          title: tocItem2.title,
-          path: tocItem2.path
-        };
-        const subInfo = getChapterInfo(href, tocItem2.contents, manifest);
-        if (subInfo) {
-          return {
-            ...info,
-            subChapter: subInfo
-          };
-        }
-        return info;
-      }
-      return acc;
-    }, void 0);
-  };
   const defaultThemes = [
     {
       name: `bright`,
@@ -4314,10 +4340,10 @@
       const safePosition = getSafePosition(position, spineItem);
       const offset = context.isRTL() ? itemWidth - safePosition.x - context.getPageSize().width : safePosition.x;
       if (spineItem.isUsingVerticalWriting()) {
-        const numberOfPages = getNumberOfPages(itemHeight, pageHeight);
+        const numberOfPages = calculateNumberOfPagesForItem(itemHeight, pageHeight);
         return getPageFromOffset(position.y, pageHeight, numberOfPages);
       } else {
-        const numberOfPages = getNumberOfPages(itemWidth, pageWidth);
+        const numberOfPages = calculateNumberOfPagesForItem(itemWidth, pageWidth);
         const pageIndex = getPageFromOffset(offset, pageWidth, numberOfPages);
         return pageIndex;
       }
@@ -4438,11 +4464,11 @@
     const getNavigationForLastPage = (spineItem) => {
       if (spineItem.isUsingVerticalWriting()) {
         const pageHeight = context.getPageSize().height;
-        const numberOfPages = getNumberOfPages(spineItem.getElementDimensions().height, pageHeight);
+        const numberOfPages = calculateNumberOfPagesForItem(spineItem.getElementDimensions().height, pageHeight);
         return getNavigationForPage(numberOfPages - 1, spineItem);
       } else {
         const pageWidth = context.getPageSize().width;
-        const numberOfPages = getNumberOfPages(spineItem.getElementDimensions().width, pageWidth);
+        const numberOfPages = calculateNumberOfPagesForItem(spineItem.getElementDimensions().width, pageWidth);
         return getNavigationForPage(numberOfPages - 1, spineItem);
       }
     };