@embedpdf/plugin-scroll 1.0.0 → 1.0.2

package/dist/index.d.ts

@@ -26,6 +26,7 @@ interface VirtualItem {
 
 interface ScrollState extends ScrollMetrics {
     virtualItems: VirtualItem[];
+    totalPages: number;
     totalContentSize: {
         width: number;
         height: number;
@@ -108,11 +109,17 @@ interface ScrollToPageOptions {
     behavior?: ScrollBehavior;
     center?: boolean;
 }
+interface PageChangePayload {
+    pageNumber: number;
+    totalPages: number;
+}
 interface ScrollCapability {
     onScrollerData: EventHook<ScrollerLayout>;
     onStateChange: EventHook<ScrollState>;
     onScroll: EventHook<ScrollMetrics>;
-    onPageChange: EventHook<number>;
+    getCurrentPage(): number;
+    getTotalPages(): number;
+    onPageChange: EventHook<PageChangePayload>;
     onLayoutChange: EventHook<LayoutChangePayload>;
     scrollToPage(options: ScrollToPageOptions): void;
     scrollToNextPage(behavior?: ScrollBehavior): void;
@@ -127,6 +134,7 @@ interface ScrollCapability {
 
 declare const UPDATE_SCROLL_STATE = "UPDATE_SCROLL_STATE";
 declare const SET_DESIRED_SCROLL_POSITION = "SET_DESIRED_SCROLL_POSITION";
+declare const UPDATE_TOTAL_PAGES = "UPDATE_TOTAL_PAGES";
 interface UpdateScrollStateAction extends Action {
     type: typeof UPDATE_SCROLL_STATE;
     payload: Partial<ScrollState>;
@@ -138,7 +146,11 @@ interface SetDesiredScrollPositionAction extends Action {
         y: number;
     };
 }
-type ScrollAction = UpdateScrollStateAction | SetDesiredScrollPositionAction;
+interface UpdateTotalPagesAction extends Action {
+    type: typeof UPDATE_TOTAL_PAGES;
+    payload: number;
+}
+type ScrollAction = UpdateScrollStateAction | SetDesiredScrollPositionAction | UpdateTotalPagesAction;
 
 declare class ScrollPlugin extends BasePlugin<ScrollPluginConfig, ScrollCapability, ScrollState, ScrollAction> {
     readonly id: string;
@@ -185,4 +197,4 @@ declare const manifest: PluginManifest<ScrollPluginConfig>;
 
 declare const ScrollPluginPackage: PluginPackage<ScrollPlugin, ScrollPluginConfig, ScrollState, ScrollAction>;
 
-export { type LayoutChangePayload, type PageLayout, type PageVisibilityMetrics, SCROLL_PLUGIN_ID, type ScrollCapability, type ScrollMetrics, ScrollPlugin, type ScrollPluginConfig, ScrollPluginPackage, type ScrollState, ScrollStrategy, type ScrollStrategyInterface, type ScrollToPageOptions, type ScrollerLayout, type VirtualItem, manifest };
+export { type LayoutChangePayload, type PageChangePayload, type PageLayout, type PageVisibilityMetrics, SCROLL_PLUGIN_ID, type ScrollCapability, type ScrollMetrics, ScrollPlugin, type ScrollPluginConfig, ScrollPluginPackage, type ScrollState, ScrollStrategy, type ScrollStrategyInterface, type ScrollToPageOptions, type ScrollerLayout, type VirtualItem, manifest };

package/dist/index.js

@@ -5,7 +5,6 @@ import {
   SET_PAGES,
   SET_ROTATION,
   createBehaviorEmitter,
-  createEmitter,
   getPagesWithRotatedSize
 } from "@embedpdf/core";
 
@@ -406,9 +405,13 @@ var HorizontalScrollStrategy = class extends BaseScrollStrategy {
 // src/lib/actions.ts
 var UPDATE_SCROLL_STATE = "UPDATE_SCROLL_STATE";
 var SET_DESIRED_SCROLL_POSITION = "SET_DESIRED_SCROLL_POSITION";
+var UPDATE_TOTAL_PAGES = "UPDATE_TOTAL_PAGES";
 function updateScrollState(payload) {
   return { type: UPDATE_SCROLL_STATE, payload };
 }
+function updateTotalPages(payload) {
+  return { type: UPDATE_TOTAL_PAGES, payload };
+}
 
 // src/lib/selectors.ts
 var getScrollerLayout = (state, scale) => {
@@ -449,7 +452,7 @@ var ScrollPlugin = class extends BasePlugin {
     this.scroll$ = createBehaviorEmitter();
     this.state$ = createBehaviorEmitter();
     this.scrollerLayout$ = createBehaviorEmitter();
-    this.pageChange$ = createEmitter();
+    this.pageChange$ = createBehaviorEmitter();
     this.viewport = this.registry.getPlugin("viewport").provides();
     this.strategyConfig = {
       pageGap: this.config?.pageGap ?? 10,
@@ -464,10 +467,12 @@ var ScrollPlugin = class extends BasePlugin {
       mode: "throttle",
       wait: 250
     });
-    this.coreStore.onAction(
-      SET_DOCUMENT,
-      (_action, state) => this.refreshAll(getPagesWithRotatedSize(state.core), this.viewport.getMetrics())
-    );
+    this.coreStore.onAction(SET_DOCUMENT, (_action, state) => {
+      const totalPages = state.core.pages.length;
+      this.dispatch(updateTotalPages(totalPages));
+      this.pageChange$.emit({ pageNumber: this.currentPage, totalPages });
+      this.refreshAll(getPagesWithRotatedSize(state.core), this.viewport.getMetrics());
+    });
     this.coreStore.onAction(
       SET_ROTATION,
       (_action, state) => this.refreshAll(getPagesWithRotatedSize(state.core), this.viewport.getMetrics())
@@ -498,7 +503,7 @@ var ScrollPlugin = class extends BasePlugin {
       this.scroll$.emit(emit.metrics);
       if (emit.metrics.currentPage !== this.currentPage) {
         this.currentPage = emit.metrics.currentPage;
-        this.pageChange$.emit(this.currentPage);
+        this.pageChange$.emit({ pageNumber: this.currentPage, totalPages: this.state.totalPages });
       }
     }
     this.scrollerLayout$.emit(this.getScrollerLayoutFromState());
@@ -559,6 +564,8 @@ var ScrollPlugin = class extends BasePlugin {
       onScroll: this.scroll$.on,
       onPageChange: this.pageChange$.on,
       onScrollerData: this.scrollerLayout$.on,
+      getCurrentPage: () => this.currentPage,
+      getTotalPages: () => this.state.totalPages,
       scrollToPage: (options) => {
         const { pageNumber, behavior = "smooth", pageCoordinates, center = false } = options;
         const virtualItems = this.getVirtualItemsFromState();
@@ -677,6 +684,7 @@ var defaultScrollMetrics = {
 };
 var initialState = (coreState, config) => ({
   virtualItems: [],
+  totalPages: coreState.pages.length,
   totalContentSize: { width: 0, height: 0 },
   desiredScrollPosition: { x: 0, y: 0 },
   strategy: config.strategy ?? "vertical" /* Vertical */,
@@ -686,6 +694,8 @@ var initialState = (coreState, config) => ({
 });
 var scrollReducer = (state, action) => {
   switch (action.type) {
+    case UPDATE_TOTAL_PAGES:
+      return { ...state, totalPages: action.payload };
     case SET_SCALE:
       return { ...state, scale: action.payload };
     case UPDATE_SCROLL_STATE: