@prose-reader/enhancer-gestures 1.81.0

package/LICENCE

@@ -0,0 +1,7 @@
+Copyright 2021 @prose-reader/core
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/dist/SettingsManager.d.ts

@@ -0,0 +1,6 @@
+import { SettingsManager } from '@prose-reader/core';
+import { InputSettings, OutputSettings } from './types';
+export declare class GesturesSettingsManager extends SettingsManager<InputSettings, OutputSettings> {
+    getOutputSettings(inputSettings: InputSettings): OutputSettings;
+    getDefaultSettings(): InputSettings;
+}

package/dist/gestures/pan.d.ts

@@ -0,0 +1,12 @@
+import { HookManager, Reader } from '@prose-reader/core';
+import { Subject } from 'rxjs';
+import { GestureEvent, Hook } from '../types';
+import { GesturesSettingsManager } from '../SettingsManager';
+import { PanRecognizer } from 'gesturx';
+export declare const registerPan: ({ reader, recognizer, settingsManager, }: {
+    recognizer: PanRecognizer;
+    reader: Reader;
+    hookManager: HookManager<Hook>;
+    unhandledEvent$: Subject<GestureEvent>;
+    settingsManager: GesturesSettingsManager;
+}) => import('rxjs').Observable<import('gesturx').PanEvent>;

package/dist/gestures/pinch.d.ts

@@ -0,0 +1,12 @@
+import { HookManager, Reader } from '@prose-reader/core';
+import { Subject } from 'rxjs';
+import { GestureEvent, GestureRecognizable, Hook } from '../types';
+import { GesturesSettingsManager } from '../SettingsManager';
+import { PinchEvent } from 'gesturx';
+export declare const registerPinch: ({ reader, recognizable, settingsManager, }: {
+    recognizable: GestureRecognizable;
+    reader: Reader;
+    hookManager: HookManager<Hook>;
+    unhandledEvent$: Subject<GestureEvent>;
+    settingsManager: GesturesSettingsManager;
+}) => import('rxjs').Observable<PinchEvent>;

package/dist/gestures/swipe.d.ts

@@ -0,0 +1,11 @@
+import { HookManager, Reader } from '@prose-reader/core';
+import { Subject } from 'rxjs';
+import { GestureEvent, GestureRecognizable, Hook } from '../types';
+import { GesturesSettingsManager } from '../SettingsManager';
+export declare const registerSwipe: ({ reader, recognizable, settingsManager, }: {
+    recognizable: GestureRecognizable;
+    reader: Reader;
+    hookManager: HookManager<Hook>;
+    unhandledEvent$: Subject<GestureEvent>;
+    settingsManager: GesturesSettingsManager;
+}) => import('rxjs').Observable<import('gesturx').SwipeEvent>;

package/dist/gestures/taps.d.ts

@@ -0,0 +1,11 @@
+import { HookManager, Reader } from '@prose-reader/core';
+import { Subject } from 'rxjs';
+import { GestureEvent, GestureRecognizable, Hook } from '../types';
+import { GesturesSettingsManager } from '../SettingsManager';
+export declare const registerTaps: ({ reader, recognizable, unhandledEvent$, hookManager, }: {
+    recognizable: GestureRecognizable;
+    reader: Reader;
+    hookManager: HookManager<Hook>;
+    unhandledEvent$: Subject<GestureEvent>;
+    settingsManager: GesturesSettingsManager;
+}) => import('rxjs').Observable<import('gesturx').TapEvent | import('gesturx').PanEvent | import('gesturx').SwipeEvent | import('gesturx').PinchEvent>;

package/dist/gestures/zoomPan.d.ts

@@ -0,0 +1,6 @@
+import { Reader } from '@prose-reader/core';
+import { PanRecognizer } from 'gesturx';
+export declare const registerZoomPan: ({ reader, recognizer }: {
+    recognizer: PanRecognizer;
+    reader: Reader;
+}) => import('rxjs').Observable<import('gesturx').PanEvent>;

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+import { Reader } from '@prose-reader/core';
+import { EnhancerAPI, InputSettings } from './types';
+export declare const gesturesEnhancer: <InheritOptions, InheritOutput extends Reader>(next: (options: InheritOptions) => InheritOutput) => (options: InheritOptions & {
+    gestures?: Partial<InputSettings>;
+}) => InheritOutput & EnhancerAPI;

package/dist/index.js

@@ -0,0 +1,314 @@
+import { isHtmlElement, SettingsManager, HookManager } from "@prose-reader/core";
+import { filter, tap, switchMap, EMPTY, withLatestFrom, merge, throttleTime, animationFrameScheduler, takeUntil, Subject, combineLatest } from "rxjs";
+import { PinchRecognizer, PanRecognizer, TapRecognizer, SwipeRecognizer, Recognizable } from "gesturx";
+const filterNotLink = (stream) => stream.pipe(
+  filter((event) => {
+    const target = event.event.target;
+    if (isHtmlElement(target) && target.tagName === "a") return false;
+    return true;
+  })
+);
+const registerTaps = ({
+  reader,
+  recognizable,
+  unhandledEvent$,
+  hookManager
+}) => {
+  const gestures$ = recognizable.events$.pipe(
+    filterNotLink,
+    tap((event) => {
+      const normalizedEvent = event.event;
+      const { computedPageTurnDirection } = reader.settings.values;
+      if (event.type === "tap") {
+        const width = window.innerWidth;
+        const height = window.innerHeight;
+        const pageTurnMargin = 0.15;
+        if (`x` in normalizedEvent) {
+          const { x = 0, y } = normalizedEvent;
+          const beforeTapResults = hookManager.execute("beforeTap", void 0, { event });
+          if (beforeTapResults.some((result) => result === false)) {
+            return;
+          }
+          const isTopArea = y < height * pageTurnMargin;
+          const isBottomArea = y > height * (1 - pageTurnMargin);
+          const isLeftArea = x < width * pageTurnMargin;
+          const isRightArea = x > width * (1 - pageTurnMargin);
+          if (isLeftArea && computedPageTurnDirection === "horizontal") {
+            reader.navigation.turnLeftOrTop();
+          } else if (isTopArea && computedPageTurnDirection === "vertical") {
+            reader.navigation.turnLeftOrTop();
+          } else if (isBottomArea && computedPageTurnDirection === "vertical") {
+            reader.navigation.turnRightOrBottom();
+          } else if (isRightArea && computedPageTurnDirection === "horizontal") {
+            reader.navigation.turnRightOrBottom();
+          } else {
+            unhandledEvent$.next(event);
+          }
+        }
+      }
+    })
+  );
+  return gestures$;
+};
+const DELAY_IGNORE_PAN = 400;
+const registerPan = ({
+  reader,
+  recognizer,
+  settingsManager
+}) => {
+  const gestures$ = settingsManager.values$.pipe(
+    switchMap(({ panNavigation }) => {
+      if (panNavigation !== "pan") return EMPTY;
+      return recognizer.events$.pipe(
+        tap((event) => {
+          if (reader.zoom.isZooming) return;
+          if (event.type === `panStart`) {
+            if (event.delay > DELAY_IGNORE_PAN) return;
+            reader == null ? void 0 : reader.navigation.moveTo({ x: 0, y: 0 }, { start: true });
+          }
+          if (event.type === `panMove`) {
+            reader == null ? void 0 : reader.navigation.moveTo({ x: event.deltaX, y: event.deltaY });
+          }
+          if (event.type === `panEnd`) {
+            reader == null ? void 0 : reader.navigation.moveTo({ x: event.deltaX, y: event.deltaY }, { final: true });
+          }
+        })
+      );
+    })
+  );
+  return gestures$;
+};
+const registerSwipe = ({
+  reader,
+  recognizable,
+  settingsManager
+}) => {
+  const gestures$ = settingsManager.values$.pipe(
+    switchMap(
+      ({ panNavigation }) => panNavigation !== "swipe" ? EMPTY : recognizable.events$.pipe(
+        filter((event) => event.type === "swipe"),
+        tap((event) => {
+          const { computedPageTurnDirection } = reader.settings.values;
+          if (computedPageTurnDirection === "vertical") {
+            if (event.velocityY < -0.5) {
+              reader == null ? void 0 : reader.navigation.turnRight();
+            }
+            if (event.velocityY > 0.5) {
+              reader == null ? void 0 : reader.navigation.turnLeft();
+            }
+          } else {
+            if (event.velocityX < -0.5) {
+              reader == null ? void 0 : reader.navigation.turnRight();
+            }
+            if (event.velocityX > 0.5) {
+              reader == null ? void 0 : reader.navigation.turnLeft();
+            }
+          }
+        })
+      )
+    )
+  );
+  return gestures$;
+};
+class GesturesSettingsManager extends SettingsManager {
+  getOutputSettings(inputSettings) {
+    return inputSettings;
+  }
+  getDefaultSettings() {
+    return {
+      panNavigation: "pan",
+      fontScalePinchEnabled: false,
+      fontScalePinchThrottleTime: 500,
+      pinchCancelPan: true
+    };
+  }
+}
+const isHtmlImageElement = (target) => isHtmlElement(target) && !!target.ownerDocument.defaultView && target instanceof target.ownerDocument.defaultView.HTMLImageElement;
+const registerPinch = ({
+  reader,
+  recognizable,
+  settingsManager
+}) => {
+  const pinchStart$ = recognizable.events$.pipe(filter((event) => event.type === "pinchStart"));
+  const pinchMove$ = recognizable.events$.pipe(filter((event) => event.type === "pinchMove"));
+  const pinchEnd$ = recognizable.events$.pipe(filter((event) => event.type === "pinchEnd"));
+  const shouldStartZoom = (target) => isHtmlImageElement(target) && !reader.zoom.isZooming;
+  return settingsManager.values$.pipe(
+    switchMap(({ fontScalePinchEnabled, fontScalePinchThrottleTime }) => {
+      const zoomGestures$ = pinchStart$.pipe(
+        withLatestFrom(reader.viewportState$),
+        switchMap(([event, viewportState]) => {
+          const target = event.event.target;
+          const startScale = reader.zoom.currentScale;
+          if (viewportState === "busy") return EMPTY;
+          if (shouldStartZoom(target)) {
+            reader.zoom.enter(target);
+          }
+          if (!reader.zoom.isZooming) return EMPTY;
+          return merge(
+            pinchMove$.pipe(
+              tap((event2) => {
+                if (reader.zoom.isZooming) {
+                  const newScale = startScale + (event2.scale - 1);
+                  if (newScale < 1) {
+                    reader.zoom.exit();
+                  } else {
+                    reader.zoom.scaleAt(newScale);
+                  }
+                }
+              })
+            )
+          );
+        })
+      );
+      const watchForFontScaleChange$ = !fontScalePinchEnabled ? EMPTY : pinchStart$.pipe(
+        withLatestFrom(reader.viewportState$),
+        switchMap(([pinchStartEvent, viewportState]) => {
+          if (viewportState === "busy" || shouldStartZoom(pinchStartEvent.event.target) || reader.zoom.isZooming)
+            return EMPTY;
+          const lastFontScaleOnPinchStart = reader.settings.values.fontScale;
+          return pinchMove$.pipe(
+            throttleTime(fontScalePinchThrottleTime, animationFrameScheduler, {
+              trailing: true
+            }),
+            tap((event) => {
+              reader.settings.update({
+                fontScale: parseFloat((lastFontScaleOnPinchStart + (event.scale - 1)).toFixed(2))
+              });
+            }),
+            takeUntil(pinchEnd$)
+          );
+        })
+      );
+      return merge(zoomGestures$, watchForFontScaleChange$);
+    })
+  );
+};
+const registerZoomPan = ({ reader, recognizer }) => {
+  const panStart$ = recognizer.events$.pipe(filter((event) => event.type === "panStart"));
+  const panMove$ = recognizer.events$.pipe(filter((event) => event.type === "panMove"));
+  const zoomingPan$ = panStart$.pipe(
+    switchMap(() => {
+      const startPosition = reader.zoom.currentPosition;
+      return panMove$.pipe(
+        tap((panMoveEvent) => {
+          if (reader.zoom.isZooming) {
+            reader.zoom.moveAt({ x: startPosition.x + panMoveEvent.deltaX, y: startPosition.y + panMoveEvent.deltaY });
+          }
+        })
+      );
+    })
+  );
+  return zoomingPan$;
+};
+const gesturesEnhancer = (next) => (options) => {
+  const { gestures = {}, ...rest } = options;
+  const reader = next(rest);
+  const settingsManager = new GesturesSettingsManager(gestures);
+  const hookManager = new HookManager();
+  const pinchRecognizer = new PinchRecognizer({
+    options: {
+      /**
+       * @important
+       * To be less than pan otherwise it will not fail before it starts
+       */
+      posThreshold: 20
+    }
+  });
+  const panRecognizer = new PanRecognizer({
+    failWith: [pinchRecognizer],
+    options: {
+      // we want to have some margin to trigger zoom
+      posThreshold: 30
+    }
+  });
+  const zoomPanRecognizer = new PanRecognizer({
+    options: {
+      posThreshold: 1
+    }
+  });
+  const tapRecognizer = new TapRecognizer({
+    failWith: [panRecognizer]
+  });
+  const swipeRecognizer = new SwipeRecognizer();
+  const recognizable = new Recognizable({
+    recognizers: [tapRecognizer, panRecognizer, swipeRecognizer, pinchRecognizer, zoomPanRecognizer]
+  });
+  const unhandledEvent$ = new Subject();
+  const tapGestures$ = registerTaps({
+    hookManager,
+    reader,
+    recognizable,
+    unhandledEvent$,
+    settingsManager
+  });
+  const panGestures$ = registerPan({
+    hookManager,
+    reader,
+    recognizer: panRecognizer,
+    unhandledEvent$,
+    settingsManager
+  });
+  const swipeGestures$ = registerSwipe({
+    hookManager,
+    reader,
+    recognizable,
+    unhandledEvent$,
+    settingsManager
+  });
+  const pinchGestures$ = registerPinch({
+    hookManager,
+    reader,
+    recognizable,
+    settingsManager,
+    unhandledEvent$
+  });
+  const zoomPanGestures$ = registerZoomPan({
+    reader,
+    recognizer: zoomPanRecognizer
+  });
+  const containerUpdate$ = reader.context.containerElement$.pipe(
+    tap((container) => {
+      recognizable.update({
+        container
+      });
+    })
+  );
+  const watchSettings$ = combineLatest([settingsManager.values$, panRecognizer.config$]).pipe(
+    tap(([{ pinchCancelPan }, panRecognizerConfig]) => {
+      var _a, _b;
+      const pinchAlreadyInFailWith = (_a = panRecognizerConfig.failWith) == null ? void 0 : _a.includes(pinchRecognizer);
+      if (pinchCancelPan && !pinchAlreadyInFailWith) {
+        panRecognizer.update({
+          failWith: [...panRecognizerConfig.failWith ?? [], pinchRecognizer]
+        });
+      }
+      if (!pinchCancelPan && pinchAlreadyInFailWith) {
+        panRecognizer.update({
+          failWith: (_b = panRecognizerConfig.failWith) == null ? void 0 : _b.filter((recognizer) => recognizer !== pinchRecognizer)
+        });
+      }
+    })
+  );
+  merge(
+    containerUpdate$,
+    watchSettings$,
+    zoomPanGestures$,
+    pinchGestures$,
+    tapGestures$,
+    swipeGestures$,
+    panGestures$
+  ).pipe(takeUntil(reader.$.destroy$)).subscribe();
+  return {
+    ...reader,
+    gestures: {
+      settings: settingsManager,
+      unhandledEvent$: unhandledEvent$.asObservable(),
+      hookManager
+    }
+  };
+};
+export {
+  gesturesEnhancer
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/utils.ts","../src/gestures/taps.ts","../src/gestures/pan.ts","../src/gestures/swipe.ts","../src/SettingsManager.ts","../src/gestures/pinch.ts","../src/gestures/zoomPan.ts","../src/index.ts"],"sourcesContent":["import { isHtmlElement } from \"@prose-reader/core\"\nimport { filter, Observable } from \"rxjs\"\n\nexport const filterNotLink = <Event extends { event: PointerEvent }>(stream: Observable<Event>) =>\n  stream.pipe(\n    filter((event) => {\n      const target = event.event.target\n\n      if (isHtmlElement(target) && target.tagName === \"a\") return false\n\n      return true\n    }),\n  )\n","import { HookManager, Reader } from \"@prose-reader/core\"\nimport { Subject, tap } from \"rxjs\"\nimport { GestureEvent, GestureRecognizable, Hook } from \"../types\"\nimport { GesturesSettingsManager } from \"../SettingsManager\"\nimport { filterNotLink } from \"../utils\"\n\nexport const registerTaps = ({\n  reader,\n  recognizable,\n  unhandledEvent$,\n  hookManager,\n}: {\n  recognizable: GestureRecognizable\n  reader: Reader\n  hookManager: HookManager<Hook>\n  unhandledEvent$: Subject<GestureEvent>\n  settingsManager: GesturesSettingsManager\n}) => {\n  const gestures$ = recognizable.events$.pipe(\n    filterNotLink,\n    tap((event) => {\n      const normalizedEvent = event.event\n      const { computedPageTurnDirection } = reader.settings.values\n\n      if (event.type === \"tap\") {\n        const width = window.innerWidth\n        const height = window.innerHeight\n        const pageTurnMargin = 0.15\n\n        if (`x` in normalizedEvent) {\n          const { x = 0, y } = normalizedEvent\n\n          const beforeTapResults = hookManager.execute(\"beforeTap\", undefined, { event })\n\n          if (beforeTapResults.some((result) => result === false)) {\n            return\n          }\n\n          const isTopArea = y < height * pageTurnMargin\n          const isBottomArea = y > height * (1 - pageTurnMargin)\n          const isLeftArea = x < width * pageTurnMargin\n          const isRightArea = x > width * (1 - pageTurnMargin)\n\n          if (isLeftArea && computedPageTurnDirection === \"horizontal\") {\n            reader.navigation.turnLeftOrTop()\n          } else if (isTopArea && computedPageTurnDirection === \"vertical\") {\n            reader.navigation.turnLeftOrTop()\n          } else if (isBottomArea && computedPageTurnDirection === \"vertical\") {\n            reader.navigation.turnRightOrBottom()\n          } else if (isRightArea && computedPageTurnDirection === \"horizontal\") {\n            reader.navigation.turnRightOrBottom()\n          } else {\n            unhandledEvent$.next(event)\n          }\n        }\n      }\n    }),\n  )\n\n  return gestures$\n}\n","import { HookManager, Reader } from \"@prose-reader/core\"\nimport { EMPTY, Subject, switchMap, tap } from \"rxjs\"\nimport { GestureEvent, Hook } from \"../types\"\nimport { GesturesSettingsManager } from \"../SettingsManager\"\nimport { PanRecognizer } from \"gesturx\"\n\nconst DELAY_IGNORE_PAN = 400\n\nexport const registerPan = ({\n  reader,\n  recognizer,\n  settingsManager,\n}: {\n  recognizer: PanRecognizer\n  reader: Reader\n  hookManager: HookManager<Hook>\n  unhandledEvent$: Subject<GestureEvent>\n  settingsManager: GesturesSettingsManager\n}) => {\n  const gestures$ = settingsManager.values$.pipe(\n    switchMap(({ panNavigation }) => {\n      if (panNavigation !== \"pan\") return EMPTY\n\n      return recognizer.events$.pipe(\n        tap((event) => {\n          if (reader.zoom.isZooming) return\n\n          if (event.type === `panStart`) {\n            /**\n             * We let the user select\n             */\n            if (event.delay > DELAY_IGNORE_PAN) return\n\n            reader?.navigation.moveTo({ x: 0, y: 0 }, { start: true })\n          }\n\n          if (event.type === `panMove`) {\n            reader?.navigation.moveTo({ x: event.deltaX, y: event.deltaY })\n          }\n\n          if (event.type === `panEnd`) {\n            reader?.navigation.moveTo({ x: event.deltaX, y: event.deltaY }, { final: true })\n          }\n        }),\n      )\n    }),\n  )\n\n  return gestures$\n}\n","import { HookManager, Reader } from \"@prose-reader/core\"\nimport { EMPTY, Subject, filter, switchMap, tap } from \"rxjs\"\nimport { GestureEvent, GestureRecognizable, Hook } from \"../types\"\nimport { GesturesSettingsManager } from \"../SettingsManager\"\n\nexport const registerSwipe = ({\n  reader,\n  recognizable,\n  settingsManager,\n}: {\n  recognizable: GestureRecognizable\n  reader: Reader\n  hookManager: HookManager<Hook>\n  unhandledEvent$: Subject<GestureEvent>\n  settingsManager: GesturesSettingsManager\n}) => {\n  const gestures$ = settingsManager.values$.pipe(\n    switchMap(({ panNavigation }) =>\n      panNavigation !== \"swipe\"\n        ? EMPTY\n        : recognizable.events$.pipe(\n            filter((event) => event.type === \"swipe\"),\n            tap((event) => {\n              const { computedPageTurnDirection } = reader.settings.values\n\n              if (computedPageTurnDirection === \"vertical\") {\n                if (event.velocityY < -0.5) {\n                  reader?.navigation.turnRight()\n                }\n                if (event.velocityY > 0.5) {\n                  reader?.navigation.turnLeft()\n                }\n              } else {\n                if (event.velocityX < -0.5) {\n                  reader?.navigation.turnRight()\n                }\n                if (event.velocityX > 0.5) {\n                  reader?.navigation.turnLeft()\n                }\n              }\n            }),\n          ),\n    ),\n  )\n\n  return gestures$\n}\n","import { SettingsManager } from \"@prose-reader/core\"\nimport { InputSettings, OutputSettings } from \"./types\"\n\nexport class GesturesSettingsManager extends SettingsManager<InputSettings, OutputSettings> {\n  getOutputSettings(inputSettings: InputSettings): OutputSettings {\n    return inputSettings\n  }\n\n  getDefaultSettings(): InputSettings {\n    return {\n      panNavigation: \"pan\",\n      fontScalePinchEnabled: false,\n      fontScalePinchThrottleTime: 500,\n      pinchCancelPan: true,\n    }\n  }\n}\n","import { HookManager, isHtmlElement, Reader } from \"@prose-reader/core\"\nimport {\n  EMPTY,\n  Subject,\n  animationFrameScheduler,\n  filter,\n  merge,\n  switchMap,\n  takeUntil,\n  tap,\n  throttleTime,\n  withLatestFrom,\n} from \"rxjs\"\nimport { GestureEvent, GestureRecognizable, Hook } from \"../types\"\nimport { GesturesSettingsManager } from \"../SettingsManager\"\nimport { PinchEvent } from \"gesturx\"\n\nconst isHtmlImageElement = (target: EventTarget | null): target is HTMLImageElement =>\n  isHtmlElement(target) &&\n  !!target.ownerDocument.defaultView &&\n  target instanceof target.ownerDocument.defaultView.HTMLImageElement\n\nexport const registerPinch = ({\n  reader,\n  recognizable,\n  settingsManager,\n}: {\n  recognizable: GestureRecognizable\n  reader: Reader\n  hookManager: HookManager<Hook>\n  unhandledEvent$: Subject<GestureEvent>\n  settingsManager: GesturesSettingsManager\n}) => {\n  const pinchStart$ = recognizable.events$.pipe(filter((event): event is PinchEvent => event.type === \"pinchStart\"))\n\n  const pinchMove$ = recognizable.events$.pipe(filter((event): event is PinchEvent => event.type === \"pinchMove\"))\n\n  const pinchEnd$ = recognizable.events$.pipe(filter((event): event is PinchEvent => event.type === \"pinchEnd\"))\n\n  const shouldStartZoom = (target: EventTarget | null): target is HTMLImageElement =>\n    isHtmlImageElement(target) && !reader.zoom.isZooming\n\n  return settingsManager.values$.pipe(\n    switchMap(({ fontScalePinchEnabled, fontScalePinchThrottleTime }) => {\n      const zoomGestures$ = pinchStart$.pipe(\n        withLatestFrom(reader.viewportState$),\n        switchMap(([event, viewportState]) => {\n          const target = event.event.target\n          const startScale = reader.zoom.currentScale\n\n          if (viewportState === \"busy\") return EMPTY\n\n          if (shouldStartZoom(target)) {\n            reader.zoom.enter(target)\n          }\n\n          if (!reader.zoom.isZooming) return EMPTY\n\n          return merge(\n            pinchMove$.pipe(\n              tap((event) => {\n                if (reader.zoom.isZooming) {\n                  const newScale = startScale + (event.scale - 1)\n\n                  if (newScale < 1) {\n                    reader.zoom.exit()\n                  } else {\n                    reader.zoom.scaleAt(newScale)\n                  }\n                }\n              }),\n            ),\n          )\n        }),\n      )\n\n      const watchForFontScaleChange$ = !fontScalePinchEnabled\n        ? EMPTY\n        : pinchStart$.pipe(\n            withLatestFrom(reader.viewportState$),\n            switchMap(([pinchStartEvent, viewportState]) => {\n              if (viewportState === \"busy\" || shouldStartZoom(pinchStartEvent.event.target) || reader.zoom.isZooming)\n                return EMPTY\n\n              const lastFontScaleOnPinchStart = reader.settings.values.fontScale\n\n              return pinchMove$.pipe(\n                throttleTime(fontScalePinchThrottleTime, animationFrameScheduler, {\n                  trailing: true,\n                }),\n                tap((event) => {\n                  reader.settings.update({\n                    fontScale: parseFloat((lastFontScaleOnPinchStart + (event.scale - 1)).toFixed(2)),\n                  })\n                }),\n                takeUntil(pinchEnd$),\n              )\n            }),\n          )\n\n      return merge(zoomGestures$, watchForFontScaleChange$)\n    }),\n  )\n}\n","import { Reader } from \"@prose-reader/core\"\nimport { PanRecognizer } from \"gesturx\"\nimport { filter, switchMap, tap } from \"rxjs\"\n\nexport const registerZoomPan = ({ reader, recognizer }: { recognizer: PanRecognizer; reader: Reader }) => {\n  const panStart$ = recognizer.events$.pipe(filter((event) => event.type === \"panStart\"))\n  const panMove$ = recognizer.events$.pipe(filter((event) => event.type === \"panMove\"))\n\n  const zoomingPan$ = panStart$.pipe(\n    switchMap(() => {\n      const startPosition = reader.zoom.currentPosition\n\n      return panMove$.pipe(\n        tap((panMoveEvent) => {\n          if (reader.zoom.isZooming) {\n            reader.zoom.moveAt({ x: startPosition.x + panMoveEvent.deltaX, y: startPosition.y + panMoveEvent.deltaY })\n          }\n        }),\n      )\n    }),\n  )\n\n  return zoomingPan$\n}\n","import { HookManager, Reader } from \"@prose-reader/core\"\nimport { ObservedValueOf, Subject, combineLatest, merge, takeUntil, tap } from \"rxjs\"\nimport { PanRecognizer, PinchRecognizer, Recognizable, SwipeRecognizer, TapRecognizer } from \"gesturx\"\nimport { EnhancerAPI, InputSettings, Hook } from \"./types\"\nimport { registerTaps } from \"./gestures/taps\"\nimport { registerPan } from \"./gestures/pan\"\nimport { registerSwipe } from \"./gestures/swipe\"\nimport { GesturesSettingsManager } from \"./SettingsManager\"\nimport { registerPinch } from \"./gestures/pinch\"\nimport { registerZoomPan } from \"./gestures/zoomPan\"\n\nexport const gesturesEnhancer =\n  <InheritOptions, InheritOutput extends Reader>(next: (options: InheritOptions) => InheritOutput) =>\n  (\n    options: InheritOptions & {\n      gestures?: Partial<InputSettings>\n    },\n  ): InheritOutput & EnhancerAPI => {\n    const { gestures = {}, ...rest } = options\n    const reader = next(rest as InheritOptions)\n\n    const settingsManager = new GesturesSettingsManager(gestures)\n\n    const hookManager = new HookManager<Hook>()\n\n    const pinchRecognizer = new PinchRecognizer({\n      options: {\n        /**\n         * @important\n         * To be less than pan otherwise it will not fail before it starts\n         */\n        posThreshold: 20,\n      },\n    })\n\n    const panRecognizer = new PanRecognizer({\n      failWith: [pinchRecognizer],\n      options: {\n        // we want to have some margin to trigger zoom\n        posThreshold: 30,\n      },\n    })\n\n    const zoomPanRecognizer = new PanRecognizer({\n      options: {\n        posThreshold: 1,\n      },\n    })\n\n    const tapRecognizer = new TapRecognizer({\n      failWith: [panRecognizer],\n    })\n\n    const swipeRecognizer = new SwipeRecognizer()\n\n    const recognizable = new Recognizable({\n      recognizers: [tapRecognizer, panRecognizer, swipeRecognizer, pinchRecognizer, zoomPanRecognizer],\n    })\n\n    const unhandledEvent$ = new Subject<ObservedValueOf<typeof recognizable.events$>>()\n\n    const tapGestures$ = registerTaps({\n      hookManager,\n      reader,\n      recognizable,\n      unhandledEvent$,\n      settingsManager,\n    })\n\n    const panGestures$ = registerPan({\n      hookManager,\n      reader,\n      recognizer: panRecognizer,\n      unhandledEvent$,\n      settingsManager,\n    })\n\n    const swipeGestures$ = registerSwipe({\n      hookManager,\n      reader,\n      recognizable,\n      unhandledEvent$,\n      settingsManager,\n    })\n\n    const pinchGestures$ = registerPinch({\n      hookManager,\n      reader,\n      recognizable,\n      settingsManager,\n      unhandledEvent$,\n    })\n\n    const zoomPanGestures$ = registerZoomPan({\n      reader,\n      recognizer: zoomPanRecognizer,\n    })\n\n    const containerUpdate$ = reader.context.containerElement$.pipe(\n      tap((container) => {\n        recognizable.update({\n          container,\n        })\n      }),\n    )\n\n    const watchSettings$ = combineLatest([settingsManager.values$, panRecognizer.config$]).pipe(\n      tap(([{ pinchCancelPan }, panRecognizerConfig]) => {\n        const pinchAlreadyInFailWith = panRecognizerConfig.failWith?.includes(pinchRecognizer)\n\n        if (pinchCancelPan && !pinchAlreadyInFailWith) {\n          panRecognizer.update({\n            failWith: [...(panRecognizerConfig.failWith ?? []), pinchRecognizer],\n          })\n        }\n\n        if (!pinchCancelPan && pinchAlreadyInFailWith) {\n          panRecognizer.update({\n            failWith: panRecognizerConfig.failWith?.filter((recognizer) => recognizer !== pinchRecognizer),\n          })\n        }\n      }),\n    )\n\n    merge(\n      containerUpdate$,\n      watchSettings$,\n      zoomPanGestures$,\n      pinchGestures$,\n      tapGestures$,\n      swipeGestures$,\n      panGestures$,\n    )\n      .pipe(takeUntil(reader.$.destroy$))\n      .subscribe()\n\n    return {\n      ...reader,\n      gestures: {\n        settings: settingsManager,\n        unhandledEvent$: unhandledEvent$.asObservable(),\n        hookManager,\n      },\n    }\n  }\n"],"names":["event"],"mappings":"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"}

package/dist/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/index.umd.cjs

@@ -0,0 +1,315 @@
+(function(global, factory) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("@prose-reader/core"), require("rxjs"), require("gesturx")) : typeof define === "function" && define.amd ? define(["exports", "@prose-reader/core", "rxjs", "gesturx"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global["prose-reader-enhancer-gestures"] = {}, global.core, global.rxjs, global.gesturx));
+})(this, function(exports2, core, rxjs, gesturx) {
+  "use strict";
+  const filterNotLink = (stream) => stream.pipe(
+    rxjs.filter((event) => {
+      const target = event.event.target;
+      if (core.isHtmlElement(target) && target.tagName === "a") return false;
+      return true;
+    })
+  );
+  const registerTaps = ({
+    reader,
+    recognizable,
+    unhandledEvent$,
+    hookManager
+  }) => {
+    const gestures$ = recognizable.events$.pipe(
+      filterNotLink,
+      rxjs.tap((event) => {
+        const normalizedEvent = event.event;
+        const { computedPageTurnDirection } = reader.settings.values;
+        if (event.type === "tap") {
+          const width = window.innerWidth;
+          const height = window.innerHeight;
+          const pageTurnMargin = 0.15;
+          if (`x` in normalizedEvent) {
+            const { x = 0, y } = normalizedEvent;
+            const beforeTapResults = hookManager.execute("beforeTap", void 0, { event });
+            if (beforeTapResults.some((result) => result === false)) {
+              return;
+            }
+            const isTopArea = y < height * pageTurnMargin;
+            const isBottomArea = y > height * (1 - pageTurnMargin);
+            const isLeftArea = x < width * pageTurnMargin;
+            const isRightArea = x > width * (1 - pageTurnMargin);
+            if (isLeftArea && computedPageTurnDirection === "horizontal") {
+              reader.navigation.turnLeftOrTop();
+            } else if (isTopArea && computedPageTurnDirection === "vertical") {
+              reader.navigation.turnLeftOrTop();
+            } else if (isBottomArea && computedPageTurnDirection === "vertical") {
+              reader.navigation.turnRightOrBottom();
+            } else if (isRightArea && computedPageTurnDirection === "horizontal") {
+              reader.navigation.turnRightOrBottom();
+            } else {
+              unhandledEvent$.next(event);
+            }
+          }
+        }
+      })
+    );
+    return gestures$;
+  };
+  const DELAY_IGNORE_PAN = 400;
+  const registerPan = ({
+    reader,
+    recognizer,
+    settingsManager
+  }) => {
+    const gestures$ = settingsManager.values$.pipe(
+      rxjs.switchMap(({ panNavigation }) => {
+        if (panNavigation !== "pan") return rxjs.EMPTY;
+        return recognizer.events$.pipe(
+          rxjs.tap((event) => {
+            if (reader.zoom.isZooming) return;
+            if (event.type === `panStart`) {
+              if (event.delay > DELAY_IGNORE_PAN) return;
+              reader == null ? void 0 : reader.navigation.moveTo({ x: 0, y: 0 }, { start: true });
+            }
+            if (event.type === `panMove`) {
+              reader == null ? void 0 : reader.navigation.moveTo({ x: event.deltaX, y: event.deltaY });
+            }
+            if (event.type === `panEnd`) {
+              reader == null ? void 0 : reader.navigation.moveTo({ x: event.deltaX, y: event.deltaY }, { final: true });
+            }
+          })
+        );
+      })
+    );
+    return gestures$;
+  };
+  const registerSwipe = ({
+    reader,
+    recognizable,
+    settingsManager
+  }) => {
+    const gestures$ = settingsManager.values$.pipe(
+      rxjs.switchMap(
+        ({ panNavigation }) => panNavigation !== "swipe" ? rxjs.EMPTY : recognizable.events$.pipe(
+          rxjs.filter((event) => event.type === "swipe"),
+          rxjs.tap((event) => {
+            const { computedPageTurnDirection } = reader.settings.values;
+            if (computedPageTurnDirection === "vertical") {
+              if (event.velocityY < -0.5) {
+                reader == null ? void 0 : reader.navigation.turnRight();
+              }
+              if (event.velocityY > 0.5) {
+                reader == null ? void 0 : reader.navigation.turnLeft();
+              }
+            } else {
+              if (event.velocityX < -0.5) {
+                reader == null ? void 0 : reader.navigation.turnRight();
+              }
+              if (event.velocityX > 0.5) {
+                reader == null ? void 0 : reader.navigation.turnLeft();
+              }
+            }
+          })
+        )
+      )
+    );
+    return gestures$;
+  };
+  class GesturesSettingsManager extends core.SettingsManager {
+    getOutputSettings(inputSettings) {
+      return inputSettings;
+    }
+    getDefaultSettings() {
+      return {
+        panNavigation: "pan",
+        fontScalePinchEnabled: false,
+        fontScalePinchThrottleTime: 500,
+        pinchCancelPan: true
+      };
+    }
+  }
+  const isHtmlImageElement = (target) => core.isHtmlElement(target) && !!target.ownerDocument.defaultView && target instanceof target.ownerDocument.defaultView.HTMLImageElement;
+  const registerPinch = ({
+    reader,
+    recognizable,
+    settingsManager
+  }) => {
+    const pinchStart$ = recognizable.events$.pipe(rxjs.filter((event) => event.type === "pinchStart"));
+    const pinchMove$ = recognizable.events$.pipe(rxjs.filter((event) => event.type === "pinchMove"));
+    const pinchEnd$ = recognizable.events$.pipe(rxjs.filter((event) => event.type === "pinchEnd"));
+    const shouldStartZoom = (target) => isHtmlImageElement(target) && !reader.zoom.isZooming;
+    return settingsManager.values$.pipe(
+      rxjs.switchMap(({ fontScalePinchEnabled, fontScalePinchThrottleTime }) => {
+        const zoomGestures$ = pinchStart$.pipe(
+          rxjs.withLatestFrom(reader.viewportState$),
+          rxjs.switchMap(([event, viewportState]) => {
+            const target = event.event.target;
+            const startScale = reader.zoom.currentScale;
+            if (viewportState === "busy") return rxjs.EMPTY;
+            if (shouldStartZoom(target)) {
+              reader.zoom.enter(target);
+            }
+            if (!reader.zoom.isZooming) return rxjs.EMPTY;
+            return rxjs.merge(
+              pinchMove$.pipe(
+                rxjs.tap((event2) => {
+                  if (reader.zoom.isZooming) {
+                    const newScale = startScale + (event2.scale - 1);
+                    if (newScale < 1) {
+                      reader.zoom.exit();
+                    } else {
+                      reader.zoom.scaleAt(newScale);
+                    }
+                  }
+                })
+              )
+            );
+          })
+        );
+        const watchForFontScaleChange$ = !fontScalePinchEnabled ? rxjs.EMPTY : pinchStart$.pipe(
+          rxjs.withLatestFrom(reader.viewportState$),
+          rxjs.switchMap(([pinchStartEvent, viewportState]) => {
+            if (viewportState === "busy" || shouldStartZoom(pinchStartEvent.event.target) || reader.zoom.isZooming)
+              return rxjs.EMPTY;
+            const lastFontScaleOnPinchStart = reader.settings.values.fontScale;
+            return pinchMove$.pipe(
+              rxjs.throttleTime(fontScalePinchThrottleTime, rxjs.animationFrameScheduler, {
+                trailing: true
+              }),
+              rxjs.tap((event) => {
+                reader.settings.update({
+                  fontScale: parseFloat((lastFontScaleOnPinchStart + (event.scale - 1)).toFixed(2))
+                });
+              }),
+              rxjs.takeUntil(pinchEnd$)
+            );
+          })
+        );
+        return rxjs.merge(zoomGestures$, watchForFontScaleChange$);
+      })
+    );
+  };
+  const registerZoomPan = ({ reader, recognizer }) => {
+    const panStart$ = recognizer.events$.pipe(rxjs.filter((event) => event.type === "panStart"));
+    const panMove$ = recognizer.events$.pipe(rxjs.filter((event) => event.type === "panMove"));
+    const zoomingPan$ = panStart$.pipe(
+      rxjs.switchMap(() => {
+        const startPosition = reader.zoom.currentPosition;
+        return panMove$.pipe(
+          rxjs.tap((panMoveEvent) => {
+            if (reader.zoom.isZooming) {
+              reader.zoom.moveAt({ x: startPosition.x + panMoveEvent.deltaX, y: startPosition.y + panMoveEvent.deltaY });
+            }
+          })
+        );
+      })
+    );
+    return zoomingPan$;
+  };
+  const gesturesEnhancer = (next) => (options) => {
+    const { gestures = {}, ...rest } = options;
+    const reader = next(rest);
+    const settingsManager = new GesturesSettingsManager(gestures);
+    const hookManager = new core.HookManager();
+    const pinchRecognizer = new gesturx.PinchRecognizer({
+      options: {
+        /**
+         * @important
+         * To be less than pan otherwise it will not fail before it starts
+         */
+        posThreshold: 20
+      }
+    });
+    const panRecognizer = new gesturx.PanRecognizer({
+      failWith: [pinchRecognizer],
+      options: {
+        // we want to have some margin to trigger zoom
+        posThreshold: 30
+      }
+    });
+    const zoomPanRecognizer = new gesturx.PanRecognizer({
+      options: {
+        posThreshold: 1
+      }
+    });
+    const tapRecognizer = new gesturx.TapRecognizer({
+      failWith: [panRecognizer]
+    });
+    const swipeRecognizer = new gesturx.SwipeRecognizer();
+    const recognizable = new gesturx.Recognizable({
+      recognizers: [tapRecognizer, panRecognizer, swipeRecognizer, pinchRecognizer, zoomPanRecognizer]
+    });
+    const unhandledEvent$ = new rxjs.Subject();
+    const tapGestures$ = registerTaps({
+      hookManager,
+      reader,
+      recognizable,
+      unhandledEvent$,
+      settingsManager
+    });
+    const panGestures$ = registerPan({
+      hookManager,
+      reader,
+      recognizer: panRecognizer,
+      unhandledEvent$,
+      settingsManager
+    });
+    const swipeGestures$ = registerSwipe({
+      hookManager,
+      reader,
+      recognizable,
+      unhandledEvent$,
+      settingsManager
+    });
+    const pinchGestures$ = registerPinch({
+      hookManager,
+      reader,
+      recognizable,
+      settingsManager,
+      unhandledEvent$
+    });
+    const zoomPanGestures$ = registerZoomPan({
+      reader,
+      recognizer: zoomPanRecognizer
+    });
+    const containerUpdate$ = reader.context.containerElement$.pipe(
+      rxjs.tap((container) => {
+        recognizable.update({
+          container
+        });
+      })
+    );
+    const watchSettings$ = rxjs.combineLatest([settingsManager.values$, panRecognizer.config$]).pipe(
+      rxjs.tap(([{ pinchCancelPan }, panRecognizerConfig]) => {
+        var _a, _b;
+        const pinchAlreadyInFailWith = (_a = panRecognizerConfig.failWith) == null ? void 0 : _a.includes(pinchRecognizer);
+        if (pinchCancelPan && !pinchAlreadyInFailWith) {
+          panRecognizer.update({
+            failWith: [...panRecognizerConfig.failWith ?? [], pinchRecognizer]
+          });
+        }
+        if (!pinchCancelPan && pinchAlreadyInFailWith) {
+          panRecognizer.update({
+            failWith: (_b = panRecognizerConfig.failWith) == null ? void 0 : _b.filter((recognizer) => recognizer !== pinchRecognizer)
+          });
+        }
+      })
+    );
+    rxjs.merge(
+      containerUpdate$,
+      watchSettings$,
+      zoomPanGestures$,
+      pinchGestures$,
+      tapGestures$,
+      swipeGestures$,
+      panGestures$
+    ).pipe(rxjs.takeUntil(reader.$.destroy$)).subscribe();
+    return {
+      ...reader,
+      gestures: {
+        settings: settingsManager,
+        unhandledEvent$: unhandledEvent$.asObservable(),
+        hookManager
+      }
+    };
+  };
+  exports2.gesturesEnhancer = gesturesEnhancer;
+  Object.defineProperty(exports2, Symbol.toStringTag, { value: "Module" });
+});
+//# sourceMappingURL=index.umd.cjs.map

package/dist/index.umd.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.umd.cjs","sources":["../src/utils.ts","../src/gestures/taps.ts","../src/gestures/pan.ts","../src/gestures/swipe.ts","../src/SettingsManager.ts","../src/gestures/pinch.ts","../src/gestures/zoomPan.ts","../src/index.ts"],"sourcesContent":["import { isHtmlElement } from \"@prose-reader/core\"\nimport { filter, Observable } from \"rxjs\"\n\nexport const filterNotLink = <Event extends { event: PointerEvent }>(stream: Observable<Event>) =>\n  stream.pipe(\n    filter((event) => {\n      const target = event.event.target\n\n      if (isHtmlElement(target) && target.tagName === \"a\") return false\n\n      return true\n    }),\n  )\n","import { HookManager, Reader } from \"@prose-reader/core\"\nimport { Subject, tap } from \"rxjs\"\nimport { GestureEvent, GestureRecognizable, Hook } from \"../types\"\nimport { GesturesSettingsManager } from \"../SettingsManager\"\nimport { filterNotLink } from \"../utils\"\n\nexport const registerTaps = ({\n  reader,\n  recognizable,\n  unhandledEvent$,\n  hookManager,\n}: {\n  recognizable: GestureRecognizable\n  reader: Reader\n  hookManager: HookManager<Hook>\n  unhandledEvent$: Subject<GestureEvent>\n  settingsManager: GesturesSettingsManager\n}) => {\n  const gestures$ = recognizable.events$.pipe(\n    filterNotLink,\n    tap((event) => {\n      const normalizedEvent = event.event\n      const { computedPageTurnDirection } = reader.settings.values\n\n      if (event.type === \"tap\") {\n        const width = window.innerWidth\n        const height = window.innerHeight\n        const pageTurnMargin = 0.15\n\n        if (`x` in normalizedEvent) {\n          const { x = 0, y } = normalizedEvent\n\n          const beforeTapResults = hookManager.execute(\"beforeTap\", undefined, { event })\n\n          if (beforeTapResults.some((result) => result === false)) {\n            return\n          }\n\n          const isTopArea = y < height * pageTurnMargin\n          const isBottomArea = y > height * (1 - pageTurnMargin)\n          const isLeftArea = x < width * pageTurnMargin\n          const isRightArea = x > width * (1 - pageTurnMargin)\n\n          if (isLeftArea && computedPageTurnDirection === \"horizontal\") {\n            reader.navigation.turnLeftOrTop()\n          } else if (isTopArea && computedPageTurnDirection === \"vertical\") {\n            reader.navigation.turnLeftOrTop()\n          } else if (isBottomArea && computedPageTurnDirection === \"vertical\") {\n            reader.navigation.turnRightOrBottom()\n          } else if (isRightArea && computedPageTurnDirection === \"horizontal\") {\n            reader.navigation.turnRightOrBottom()\n          } else {\n            unhandledEvent$.next(event)\n          }\n        }\n      }\n    }),\n  )\n\n  return gestures$\n}\n","import { HookManager, Reader } from \"@prose-reader/core\"\nimport { EMPTY, Subject, switchMap, tap } from \"rxjs\"\nimport { GestureEvent, Hook } from \"../types\"\nimport { GesturesSettingsManager } from \"../SettingsManager\"\nimport { PanRecognizer } from \"gesturx\"\n\nconst DELAY_IGNORE_PAN = 400\n\nexport const registerPan = ({\n  reader,\n  recognizer,\n  settingsManager,\n}: {\n  recognizer: PanRecognizer\n  reader: Reader\n  hookManager: HookManager<Hook>\n  unhandledEvent$: Subject<GestureEvent>\n  settingsManager: GesturesSettingsManager\n}) => {\n  const gestures$ = settingsManager.values$.pipe(\n    switchMap(({ panNavigation }) => {\n      if (panNavigation !== \"pan\") return EMPTY\n\n      return recognizer.events$.pipe(\n        tap((event) => {\n          if (reader.zoom.isZooming) return\n\n          if (event.type === `panStart`) {\n            /**\n             * We let the user select\n             */\n            if (event.delay > DELAY_IGNORE_PAN) return\n\n            reader?.navigation.moveTo({ x: 0, y: 0 }, { start: true })\n          }\n\n          if (event.type === `panMove`) {\n            reader?.navigation.moveTo({ x: event.deltaX, y: event.deltaY })\n          }\n\n          if (event.type === `panEnd`) {\n            reader?.navigation.moveTo({ x: event.deltaX, y: event.deltaY }, { final: true })\n          }\n        }),\n      )\n    }),\n  )\n\n  return gestures$\n}\n","import { HookManager, Reader } from \"@prose-reader/core\"\nimport { EMPTY, Subject, filter, switchMap, tap } from \"rxjs\"\nimport { GestureEvent, GestureRecognizable, Hook } from \"../types\"\nimport { GesturesSettingsManager } from \"../SettingsManager\"\n\nexport const registerSwipe = ({\n  reader,\n  recognizable,\n  settingsManager,\n}: {\n  recognizable: GestureRecognizable\n  reader: Reader\n  hookManager: HookManager<Hook>\n  unhandledEvent$: Subject<GestureEvent>\n  settingsManager: GesturesSettingsManager\n}) => {\n  const gestures$ = settingsManager.values$.pipe(\n    switchMap(({ panNavigation }) =>\n      panNavigation !== \"swipe\"\n        ? EMPTY\n        : recognizable.events$.pipe(\n            filter((event) => event.type === \"swipe\"),\n            tap((event) => {\n              const { computedPageTurnDirection } = reader.settings.values\n\n              if (computedPageTurnDirection === \"vertical\") {\n                if (event.velocityY < -0.5) {\n                  reader?.navigation.turnRight()\n                }\n                if (event.velocityY > 0.5) {\n                  reader?.navigation.turnLeft()\n                }\n              } else {\n                if (event.velocityX < -0.5) {\n                  reader?.navigation.turnRight()\n                }\n                if (event.velocityX > 0.5) {\n                  reader?.navigation.turnLeft()\n                }\n              }\n            }),\n          ),\n    ),\n  )\n\n  return gestures$\n}\n","import { SettingsManager } from \"@prose-reader/core\"\nimport { InputSettings, OutputSettings } from \"./types\"\n\nexport class GesturesSettingsManager extends SettingsManager<InputSettings, OutputSettings> {\n  getOutputSettings(inputSettings: InputSettings): OutputSettings {\n    return inputSettings\n  }\n\n  getDefaultSettings(): InputSettings {\n    return {\n      panNavigation: \"pan\",\n      fontScalePinchEnabled: false,\n      fontScalePinchThrottleTime: 500,\n      pinchCancelPan: true,\n    }\n  }\n}\n","import { HookManager, isHtmlElement, Reader } from \"@prose-reader/core\"\nimport {\n  EMPTY,\n  Subject,\n  animationFrameScheduler,\n  filter,\n  merge,\n  switchMap,\n  takeUntil,\n  tap,\n  throttleTime,\n  withLatestFrom,\n} from \"rxjs\"\nimport { GestureEvent, GestureRecognizable, Hook } from \"../types\"\nimport { GesturesSettingsManager } from \"../SettingsManager\"\nimport { PinchEvent } from \"gesturx\"\n\nconst isHtmlImageElement = (target: EventTarget | null): target is HTMLImageElement =>\n  isHtmlElement(target) &&\n  !!target.ownerDocument.defaultView &&\n  target instanceof target.ownerDocument.defaultView.HTMLImageElement\n\nexport const registerPinch = ({\n  reader,\n  recognizable,\n  settingsManager,\n}: {\n  recognizable: GestureRecognizable\n  reader: Reader\n  hookManager: HookManager<Hook>\n  unhandledEvent$: Subject<GestureEvent>\n  settingsManager: GesturesSettingsManager\n}) => {\n  const pinchStart$ = recognizable.events$.pipe(filter((event): event is PinchEvent => event.type === \"pinchStart\"))\n\n  const pinchMove$ = recognizable.events$.pipe(filter((event): event is PinchEvent => event.type === \"pinchMove\"))\n\n  const pinchEnd$ = recognizable.events$.pipe(filter((event): event is PinchEvent => event.type === \"pinchEnd\"))\n\n  const shouldStartZoom = (target: EventTarget | null): target is HTMLImageElement =>\n    isHtmlImageElement(target) && !reader.zoom.isZooming\n\n  return settingsManager.values$.pipe(\n    switchMap(({ fontScalePinchEnabled, fontScalePinchThrottleTime }) => {\n      const zoomGestures$ = pinchStart$.pipe(\n        withLatestFrom(reader.viewportState$),\n        switchMap(([event, viewportState]) => {\n          const target = event.event.target\n          const startScale = reader.zoom.currentScale\n\n          if (viewportState === \"busy\") return EMPTY\n\n          if (shouldStartZoom(target)) {\n            reader.zoom.enter(target)\n          }\n\n          if (!reader.zoom.isZooming) return EMPTY\n\n          return merge(\n            pinchMove$.pipe(\n              tap((event) => {\n                if (reader.zoom.isZooming) {\n                  const newScale = startScale + (event.scale - 1)\n\n                  if (newScale < 1) {\n                    reader.zoom.exit()\n                  } else {\n                    reader.zoom.scaleAt(newScale)\n                  }\n                }\n              }),\n            ),\n          )\n        }),\n      )\n\n      const watchForFontScaleChange$ = !fontScalePinchEnabled\n        ? EMPTY\n        : pinchStart$.pipe(\n            withLatestFrom(reader.viewportState$),\n            switchMap(([pinchStartEvent, viewportState]) => {\n              if (viewportState === \"busy\" || shouldStartZoom(pinchStartEvent.event.target) || reader.zoom.isZooming)\n                return EMPTY\n\n              const lastFontScaleOnPinchStart = reader.settings.values.fontScale\n\n              return pinchMove$.pipe(\n                throttleTime(fontScalePinchThrottleTime, animationFrameScheduler, {\n                  trailing: true,\n                }),\n                tap((event) => {\n                  reader.settings.update({\n                    fontScale: parseFloat((lastFontScaleOnPinchStart + (event.scale - 1)).toFixed(2)),\n                  })\n                }),\n                takeUntil(pinchEnd$),\n              )\n            }),\n          )\n\n      return merge(zoomGestures$, watchForFontScaleChange$)\n    }),\n  )\n}\n","import { Reader } from \"@prose-reader/core\"\nimport { PanRecognizer } from \"gesturx\"\nimport { filter, switchMap, tap } from \"rxjs\"\n\nexport const registerZoomPan = ({ reader, recognizer }: { recognizer: PanRecognizer; reader: Reader }) => {\n  const panStart$ = recognizer.events$.pipe(filter((event) => event.type === \"panStart\"))\n  const panMove$ = recognizer.events$.pipe(filter((event) => event.type === \"panMove\"))\n\n  const zoomingPan$ = panStart$.pipe(\n    switchMap(() => {\n      const startPosition = reader.zoom.currentPosition\n\n      return panMove$.pipe(\n        tap((panMoveEvent) => {\n          if (reader.zoom.isZooming) {\n            reader.zoom.moveAt({ x: startPosition.x + panMoveEvent.deltaX, y: startPosition.y + panMoveEvent.deltaY })\n          }\n        }),\n      )\n    }),\n  )\n\n  return zoomingPan$\n}\n","import { HookManager, Reader } from \"@prose-reader/core\"\nimport { ObservedValueOf, Subject, combineLatest, merge, takeUntil, tap } from \"rxjs\"\nimport { PanRecognizer, PinchRecognizer, Recognizable, SwipeRecognizer, TapRecognizer } from \"gesturx\"\nimport { EnhancerAPI, InputSettings, Hook } from \"./types\"\nimport { registerTaps } from \"./gestures/taps\"\nimport { registerPan } from \"./gestures/pan\"\nimport { registerSwipe } from \"./gestures/swipe\"\nimport { GesturesSettingsManager } from \"./SettingsManager\"\nimport { registerPinch } from \"./gestures/pinch\"\nimport { registerZoomPan } from \"./gestures/zoomPan\"\n\nexport const gesturesEnhancer =\n  <InheritOptions, InheritOutput extends Reader>(next: (options: InheritOptions) => InheritOutput) =>\n  (\n    options: InheritOptions & {\n      gestures?: Partial<InputSettings>\n    },\n  ): InheritOutput & EnhancerAPI => {\n    const { gestures = {}, ...rest } = options\n    const reader = next(rest as InheritOptions)\n\n    const settingsManager = new GesturesSettingsManager(gestures)\n\n    const hookManager = new HookManager<Hook>()\n\n    const pinchRecognizer = new PinchRecognizer({\n      options: {\n        /**\n         * @important\n         * To be less than pan otherwise it will not fail before it starts\n         */\n        posThreshold: 20,\n      },\n    })\n\n    const panRecognizer = new PanRecognizer({\n      failWith: [pinchRecognizer],\n      options: {\n        // we want to have some margin to trigger zoom\n        posThreshold: 30,\n      },\n    })\n\n    const zoomPanRecognizer = new PanRecognizer({\n      options: {\n        posThreshold: 1,\n      },\n    })\n\n    const tapRecognizer = new TapRecognizer({\n      failWith: [panRecognizer],\n    })\n\n    const swipeRecognizer = new SwipeRecognizer()\n\n    const recognizable = new Recognizable({\n      recognizers: [tapRecognizer, panRecognizer, swipeRecognizer, pinchRecognizer, zoomPanRecognizer],\n    })\n\n    const unhandledEvent$ = new Subject<ObservedValueOf<typeof recognizable.events$>>()\n\n    const tapGestures$ = registerTaps({\n      hookManager,\n      reader,\n      recognizable,\n      unhandledEvent$,\n      settingsManager,\n    })\n\n    const panGestures$ = registerPan({\n      hookManager,\n      reader,\n      recognizer: panRecognizer,\n      unhandledEvent$,\n      settingsManager,\n    })\n\n    const swipeGestures$ = registerSwipe({\n      hookManager,\n      reader,\n      recognizable,\n      unhandledEvent$,\n      settingsManager,\n    })\n\n    const pinchGestures$ = registerPinch({\n      hookManager,\n      reader,\n      recognizable,\n      settingsManager,\n      unhandledEvent$,\n    })\n\n    const zoomPanGestures$ = registerZoomPan({\n      reader,\n      recognizer: zoomPanRecognizer,\n    })\n\n    const containerUpdate$ = reader.context.containerElement$.pipe(\n      tap((container) => {\n        recognizable.update({\n          container,\n        })\n      }),\n    )\n\n    const watchSettings$ = combineLatest([settingsManager.values$, panRecognizer.config$]).pipe(\n      tap(([{ pinchCancelPan }, panRecognizerConfig]) => {\n        const pinchAlreadyInFailWith = panRecognizerConfig.failWith?.includes(pinchRecognizer)\n\n        if (pinchCancelPan && !pinchAlreadyInFailWith) {\n          panRecognizer.update({\n            failWith: [...(panRecognizerConfig.failWith ?? []), pinchRecognizer],\n          })\n        }\n\n        if (!pinchCancelPan && pinchAlreadyInFailWith) {\n          panRecognizer.update({\n            failWith: panRecognizerConfig.failWith?.filter((recognizer) => recognizer !== pinchRecognizer),\n          })\n        }\n      }),\n    )\n\n    merge(\n      containerUpdate$,\n      watchSettings$,\n      zoomPanGestures$,\n      pinchGestures$,\n      tapGestures$,\n      swipeGestures$,\n      panGestures$,\n    )\n      .pipe(takeUntil(reader.$.destroy$))\n      .subscribe()\n\n    return {\n      ...reader,\n      gestures: {\n        settings: settingsManager,\n        unhandledEvent$: unhandledEvent$.asObservable(),\n        hookManager,\n      },\n    }\n  }\n"],"names":["filter","isHtmlElement","tap","switchMap","EMPTY","SettingsManager","withLatestFrom","merge","event","throttleTime","animationFrameScheduler","takeUntil","HookManager","PinchRecognizer","PanRecognizer","TapRecognizer","SwipeRecognizer","Recognizable","Subject","combineLatest"],"mappings":"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"}

package/dist/types.d.ts

@@ -0,0 +1,26 @@
+import { Observable, ObservedValueOf } from 'rxjs';
+import { PanRecognizer, PinchRecognizer, Recognizable, SwipeRecognizer, TapRecognizer, TapEvent } from 'gesturx';
+import { HookManager } from '../../core/dist/hooks/HookManager';
+import { GesturesSettingsManager } from './SettingsManager';
+export type Hook = {
+    name: "beforeTap";
+    runFn: (params: {
+        event: TapEvent;
+    }) => boolean;
+};
+export type GestureRecognizable = Recognizable<(TapRecognizer | PanRecognizer | SwipeRecognizer | PinchRecognizer)[]>;
+export type GestureEvent = ObservedValueOf<GestureRecognizable["events$"]>;
+export type InputSettings = {
+    panNavigation: "pan" | "swipe" | false;
+    fontScalePinchEnabled: boolean;
+    fontScalePinchThrottleTime: number;
+    pinchCancelPan: boolean;
+};
+export type OutputSettings = InputSettings;
+export type EnhancerAPI = {
+    gestures: {
+        settings: GesturesSettingsManager;
+        unhandledEvent$: Observable<GestureEvent>;
+        hookManager: HookManager<Hook>;
+    };
+};

package/dist/utils.d.ts

@@ -0,0 +1,4 @@
+import { Observable } from 'rxjs';
+export declare const filterNotLink: <Event extends {
+    event: PointerEvent;
+}>(stream: Observable<Event>) => Observable<Event>;

package/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "@prose-reader/enhancer-gestures",
+  "version": "1.81.0",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "private": false,
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.umd.cjs"
+    }
+  },
+  "files": [
+    "/dist"
+  ],
+  "scripts": {
+    "start": "vite build --watch --mode development",
+    "build": "tsc && vite build",
+    "lint:read": "prettier --check . && eslint . --ext .ts,.tsx,.js,.jsx",
+    "lint:write": "prettier --write . && eslint --fix . --ext .ts,.tsx,.js,.jsx",
+    "test": "vitest run --coverage"
+  },
+  "dependencies": {
+    "@prose-reader/core": "^1.81.0"
+  },
+  "devDependencies": {
+    "gesturx": "^1.8.2"
+  },
+  "peerDependencies": {
+    "gesturx": "*",
+    "rxjs": "*"
+  },
+  "gitHead": "5eacda3e3f1e62ead3edb1d925d82a286d62b9a6"
+}