@prose-reader/enhancer-gestures 22.0.0 → 22.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.map +1 -1
- package/dist/index.js.map +1 -1
- package/package.json +3 -3
package/dist/index.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","names":[],"sources":["../package.json","../src/gestures/pan.ts","../src/gestures/pinch.ts","../src/gestures/swipe.ts","../src/utils.ts","../src/gestures/taps/utils.ts","../src/gestures/taps/registerTaps.ts","../src/preventNativeDrag.ts","../src/SettingsManager.ts","../src/style.css?inline","../src/index.ts"],"sourcesContent":["{\n \"name\": \"@prose-reader/enhancer-gestures\",\n \"version\": \"21.0.2\",\n \"type\": \"module\",\n \"main\": \"./dist/index.cjs\",\n \"module\": \"./dist/index.js\",\n \"types\": \"./dist/index.d.ts\",\n \"private\": false,\n \"publishConfig\": {\n \"access\": \"public\",\n \"registry\": \"https://registry.npmjs.org/\"\n },\n \"exports\": {\n \".\": {\n \"import\": \"./dist/index.js\",\n \"require\": \"./dist/index.cjs\"\n }\n },\n \"files\": [\n \"/dist\"\n ],\n \"scripts\": {\n \"start\": \"vite build --watch --mode development\",\n \"build\": \"tsc && vite build\",\n \"test\": \"vitest run --coverage\"\n },\n \"dependencies\": {\n \"@prose-reader/core\": \"workspace:^\"\n },\n \"devDependencies\": {\n \"gesturx\": \"*\",\n \"rxjs\": \"^7.5.5\"\n },\n \"peerDependencies\": {\n \"gesturx\": \"^1.11.1\",\n \"rxjs\": \"^7.5.5\"\n },\n \"gitHead\": \"4601e14dcacf50b2295cb343582a7ef2c7e1eedc\"\n}\n","import type { HookManager, Reader } from \"@prose-reader/core\"\nimport type { PanRecognizer } from \"gesturx\"\nimport { filter, finalize, map, merge, of, switchMap, tap } from \"rxjs\"\nimport type { GesturesSettingsManager } from \"../SettingsManager\"\nimport type { Hook } from \"../types\"\n\nexport const registerPan = ({\n reader,\n recognizer,\n settingsManager,\n}: {\n recognizer: PanRecognizer\n reader: Reader\n hookManager: HookManager<Hook>\n settingsManager: GesturesSettingsManager\n}) => {\n const gestures$ = settingsManager.values$.pipe(\n switchMap(({ panNavigation }) => {\n const panStart$ = recognizer.events$.pipe(\n filter((event) => event.type === `panStart`),\n )\n const panMove$ = recognizer.events$.pipe(\n filter((event) => event.type === `panMove`),\n )\n const panEnd$ = recognizer.events$.pipe(\n filter((event) => event.type === `panEnd`),\n )\n\n const pan$ = panStart$.pipe(\n switchMap((panStartEvent) => {\n /**\n * We use the last cumulative delta to derive the new event atomic delta.\n * This is because panning the zoom does not necessarily means the zoom position\n * will always changes. If the user keep dragging while the zoom is blocked, we want\n * it to move the other direction when he start dragging the other way.\n * We cannot use the `reader.zoom.state.currentPosition` as previous position\n * and the event.deltaX to compute the new zoom position.\n */\n let lastDelta = { x: 0, y: 0 }\n\n /**\n * Whether this pan moves the page through the pan navigator, which\n * holds the navigation until it is stopped. However the pan ends,\n * it stops it, or the navigation stays held until the next pan.\n */\n let isPanningThePage = false\n\n const stopPanningThePage = (delta: { x: number; y: number }) => {\n if (!isPanningThePage) return\n\n isPanningThePage = false\n\n if (reader.navigation.panNavigator.value.isStarted)\n reader.navigation.panNavigator.stop(delta)\n }\n\n const moveAndEnd$ = merge(panMove$, panEnd$).pipe(\n tap((event) => {\n const isZooming = reader.zoom.state.isZooming\n const isZoomingIn = reader.zoom.state.currentScale > 1\n\n /**\n * When user is zooming in, we don't navigate anymore.\n * We still allow the pan gesture to move the zoomed controlled\n * viewport even when pan navigation itself is disabled.\n */\n if (isZooming && isZoomingIn) {\n const deltaX = event.deltaX - lastDelta.x\n const deltaY = event.deltaY - lastDelta.y\n\n lastDelta = {\n x: event.deltaX,\n y: event.deltaY,\n }\n\n reader.zoom.move(\n {\n x: reader.zoom.state.currentPosition.x + deltaX,\n y: reader.zoom.state.currentPosition.y + deltaY,\n },\n {\n constrain: \"within-viewport\",\n },\n )\n\n // A page moved before the zoom began lands where it was left.\n if (event.type === `panEnd`)\n stopPanningThePage(\n reader.navigation.panNavigator.value.lastDelta,\n )\n\n return\n }\n\n if (panNavigation !== \"pan\") return\n\n if (event.type === `panMove`) {\n isPanningThePage = true\n\n if (!reader.navigation.panNavigator.value.isStarted) {\n reader.navigation.panNavigator.start({\n x: event.deltaX,\n y: event.deltaY,\n })\n\n return\n }\n\n reader.navigation.panNavigator.panMoveTo({\n x: event.deltaX,\n y: event.deltaY,\n })\n\n return\n }\n\n stopPanningThePage({ x: event.deltaX, y: event.deltaY })\n }),\n /**\n * Torn down before it ended, as when the gestures settings change\n * mid-pan, the pan still lands where it was left.\n */\n finalize(() => {\n stopPanningThePage(reader.navigation.panNavigator.value.lastDelta)\n }),\n )\n\n return merge(of(panStartEvent), moveAndEnd$).pipe(\n map((event) => ({\n type: \"pan\" as const,\n gestureEvent: event,\n })),\n )\n }),\n )\n\n return pan$\n }),\n )\n\n return gestures$\n}\n","import {\n type HookManager,\n isHtmlElement,\n type Reader,\n} from \"@prose-reader/core\"\nimport type { PinchEvent } from \"gesturx\"\nimport {\n animationFrameScheduler,\n EMPTY,\n filter,\n map,\n merge,\n switchMap,\n takeUntil,\n tap,\n throttleTime,\n withLatestFrom,\n} from \"rxjs\"\nimport type { GesturesSettingsManager } from \"../SettingsManager\"\nimport type { GestureRecognizable, Hook } from \"../types\"\n\nconst isHtmlImageElement = (\n target: EventTarget | null,\n): 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 settingsManager: GesturesSettingsManager\n}) => {\n const pinchStart$ = recognizable.events$.pipe(\n map(({ event }) => event),\n filter((event): event is PinchEvent => event.type === \"pinchStart\"),\n )\n\n const pinchMove$ = recognizable.events$.pipe(\n map(({ event }) => event),\n filter((event): event is PinchEvent => event.type === \"pinchMove\"),\n )\n\n const pinchEnd$ = recognizable.events$.pipe(\n map(({ event }) => event),\n filter((event): event is PinchEvent => event.type === \"pinchEnd\"),\n )\n\n const shouldStartZoom = (\n target: EventTarget | null,\n ): target is HTMLImageElement =>\n isHtmlImageElement(target) && !reader.zoom.state.isZooming\n\n return settingsManager.values$.pipe(\n switchMap(({ fontScalePinchEnabled, fontScalePinchThrottleTime }) => {\n const zoomGestures$ = pinchStart$.pipe(\n switchMap(() => {\n const startScale = reader.zoom.state.currentScale\n\n return pinchMove$.pipe(\n withLatestFrom(reader.viewportState$),\n map(([event, viewportState]) => {\n // symmetric scaling calculation\n const newScale = startScale * event.scale\n\n /**\n * @important\n * We don't want to trigger zoom gestures if there is a pan navigation\n * in progress. This can happens if the user start panning and then adds\n * another finger triggering a pinch.\n */\n if (viewportState === \"busy\") {\n return event\n }\n\n if (!reader.zoom.state.isZooming && event.scale > 1) {\n reader.zoom.enter({ animate: false, scale: newScale })\n\n return event\n }\n\n if (reader.zoom.state.isZooming) {\n if (newScale < 1) {\n reader.zoom.exit()\n } else {\n reader.zoom.scaleAt(\n Math.min(newScale, settingsManager.values.zoomMaxScale),\n {\n constrain: \"within-viewport\",\n },\n )\n }\n\n return event\n }\n\n return event\n }),\n )\n }),\n )\n\n const watchForFontScaleChange$ = !fontScalePinchEnabled\n ? EMPTY\n : pinchStart$.pipe(\n withLatestFrom(reader.viewportState$),\n switchMap(([pinchStartEvent, viewportState]) => {\n if (\n viewportState === \"busy\" ||\n shouldStartZoom(pinchStartEvent.event.target) ||\n reader.zoom.state.isZooming\n )\n return EMPTY\n\n const lastFontScaleOnPinchStart = reader.settings.values.fontScale\n\n return pinchMove$.pipe(\n throttleTime(\n fontScalePinchThrottleTime,\n animationFrameScheduler,\n {\n trailing: true,\n },\n ),\n tap((event) => {\n const newScale = Number.parseFloat(\n (lastFontScaleOnPinchStart + (event.scale - 1)).toFixed(2),\n )\n\n const newMinMaxedFontScale = Math.max(\n Math.min(\n newScale,\n settingsManager.values.fontScaleMaxScale,\n ),\n settingsManager.values.fontScaleMinScale,\n )\n\n reader.settings.update({\n fontScale: newMinMaxedFontScale,\n })\n }),\n takeUntil(pinchEnd$),\n )\n }),\n )\n\n return merge(zoomGestures$, watchForFontScaleChange$).pipe(\n map((event) => ({\n type: \"pinch\" as const,\n gestureEvent: event,\n })),\n )\n }),\n )\n}\n","import type { HookManager, Reader } from \"@prose-reader/core\"\nimport type { SwipeEvent } from \"gesturx\"\nimport { EMPTY, filter, map, switchMap, tap } from \"rxjs\"\nimport type { GesturesSettingsManager } from \"../SettingsManager\"\nimport type { GestureEvent, GestureRecognizable, Hook } from \"../types\"\n\nconst isSwipeEvent = (event: GestureEvent[\"event\"]): event is SwipeEvent =>\n event.type === \"swipe\"\n\nexport const registerSwipe = ({\n reader,\n recognizable,\n settingsManager,\n}: {\n recognizable: GestureRecognizable\n reader: Reader\n hookManager: HookManager<Hook>\n settingsManager: GesturesSettingsManager\n}) => {\n const gestures$ = settingsManager.values$.pipe(\n switchMap(({ panNavigation }) =>\n panNavigation !== \"swipe\"\n ? EMPTY\n : recognizable.events$.pipe(\n map(({ event }) => event),\n filter(isSwipeEvent),\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 map((event) => ({ type: \"swipe\" as const, gestureEvent: event })),\n ),\n ),\n )\n\n return gestures$\n}\n","import { isHtmlElement } from \"@prose-reader/core\"\nimport type { GestureEvent } from \"./types\"\n\nexport const isNotLink = (event: GestureEvent[\"event\"]) => {\n const target = event.event.target\n\n if (isHtmlElement(target) && target.tagName === \"a\") return false\n\n return true\n}\n\nexport const getPositionRelativeToContainer = (\n event: { x: number; y: number },\n containerElementRect: DOMRectReadOnly,\n) => {\n const { x, y } = event\n const { left, top } = containerElementRect\n\n return {\n x: x - left,\n y: y - top,\n }\n}\n\nexport const istMatchingSelectors = (\n selectors: string[],\n event: GestureEvent[\"event\"],\n): boolean => {\n const target = event.event.target\n\n if (!isHtmlElement(target)) return false\n\n const match = selectors.find((selector) => {\n // Check if the target matches the selector directly\n if (target.matches(selector)) return true\n\n // Check if the target is within an element matching the selector\n if (target.closest(selector)) return true\n\n return false\n })\n\n return !!match\n}\n","import type { TapArea } from \"./types\"\n\nexport const isPositionInArea = (\n position: { x: number; y: number },\n area: TapArea,\n containerSize: { width: number; height: number },\n): boolean => {\n const { x, y } = position\n const { width, height } = containerSize\n\n switch (area.type) {\n case \"margins\": {\n const { top, bottom, left, right } = area\n const inTop = top !== undefined ? y < height * top : true\n const inBottom = bottom !== undefined ? y > height * (1 - bottom) : true\n const inLeft = left !== undefined ? x < width * left : true\n const inRight = right !== undefined ? x > width * (1 - right) : true\n\n return (\n (top !== undefined && inTop) ||\n (bottom !== undefined && inBottom) ||\n (left !== undefined && inLeft) ||\n (right !== undefined && inRight)\n )\n }\n\n case \"rectangle\": {\n const {\n x: rectX,\n y: rectY,\n width: rectWidth,\n height: rectHeight,\n unit = \"%\",\n } = area\n const actualX = unit === \"%\" ? width * (rectX / 100) : rectX\n const actualY = unit === \"%\" ? height * (rectY / 100) : rectY\n const actualWidth = unit === \"%\" ? width * (rectWidth / 100) : rectWidth\n const actualHeight =\n unit === \"%\" ? height * (rectHeight / 100) : rectHeight\n\n return (\n x >= actualX &&\n x <= actualX + actualWidth &&\n y >= actualY &&\n y <= actualY + actualHeight\n )\n }\n\n case \"corner\": {\n const { corner, size, unit = \"%\" } = area\n const actualSize =\n unit === \"%\" ? Math.min(width, height) * (size / 100) : size\n\n switch (corner) {\n case \"top-left\":\n return x < actualSize && y < actualSize\n case \"top-right\":\n return x > width - actualSize && y < actualSize\n case \"bottom-left\":\n return x < actualSize && y > height - actualSize\n case \"bottom-right\":\n return x > width - actualSize && y > height - actualSize\n default:\n return false\n }\n }\n\n case \"center\": {\n const { width: centerWidth, height: centerHeight, unit = \"%\" } = area\n const actualWidth =\n unit === \"%\" ? width * (centerWidth / 100) : centerWidth\n const actualHeight =\n unit === \"%\" ? height * (centerHeight / 100) : centerHeight\n const centerX = width / 2\n const centerY = height / 2\n\n return (\n x >= centerX - actualWidth / 2 &&\n x <= centerX + actualWidth / 2 &&\n y >= centerY - actualHeight / 2 &&\n y <= centerY + actualHeight / 2\n )\n }\n\n default:\n return false\n }\n}\n\nexport const calculatePageTurnLinearMargin = (screenWidth: number): number => {\n const minMargin = 0.15\n const maxMargin = 0.2\n const minWidth = 320\n const maxWidth = 1200\n\n if (screenWidth <= minWidth) return maxMargin\n if (screenWidth >= maxWidth) return minMargin\n\n // Linear interpolation between min and max\n const ratio = (screenWidth - minWidth) / (maxWidth - minWidth)\n return maxMargin - ratio * (maxMargin - minMargin)\n}\n","import type { HookManager, Reader } from \"@prose-reader/core\"\nimport type { TapRecognizer } from \"gesturx\"\nimport {\n combineLatest,\n EMPTY,\n filter,\n first,\n map,\n of,\n switchMap,\n withLatestFrom,\n} from \"rxjs\"\nimport type { GesturesSettingsManager } from \"../../SettingsManager\"\nimport type { GestureRecognizable, Hook } from \"../../types\"\nimport {\n getPositionRelativeToContainer,\n isNotLink,\n istMatchingSelectors,\n} from \"../../utils\"\nimport { calculatePageTurnLinearMargin, isPositionInArea } from \"./utils\"\n\nexport const registerTaps = ({\n reader,\n recognizable,\n hookManager,\n settingsManager,\n recognizer,\n}: {\n recognizable: GestureRecognizable\n reader: Reader\n hookManager: HookManager<Hook>\n recognizer: TapRecognizer\n settingsManager: GesturesSettingsManager\n}) => {\n const gestures$ = recognizable.events$.pipe(\n filter((event) => event.recognizer === recognizer),\n withLatestFrom(reader.context.watch(`rootElement`), reader.spine.element$),\n switchMap(([{ event }, containerElement, spineElement]) => {\n if (!containerElement || !spineElement) return EMPTY\n\n const normalizedEvent = event.event\n const { computedPageTurnDirection, computedPageTurnMode } =\n reader.settings.values\n\n if (\n event.type === \"tap\" &&\n isNotLink(event) &&\n !istMatchingSelectors(settingsManager.values.ignore, event)\n ) {\n if (`x` in normalizedEvent) {\n const containerElementRect = containerElement.getBoundingClientRect()\n const width = containerElementRect.width\n const pageTurnMargin = calculatePageTurnLinearMargin(width)\n const positionInContainer = getPositionRelativeToContainer(\n normalizedEvent,\n containerElementRect,\n )\n\n const positionInSpineNonTransformed =\n reader.coordinates.getSpinePositionFromClientPosition(\n normalizedEvent,\n )\n\n const spineItemPageInfo = positionInSpineNonTransformed\n ? reader.spine.locator.getSpineItemPagePositionFromSpinePosition(\n positionInSpineNonTransformed,\n )\n : undefined\n\n const beforeTapResults$ = hookManager.execute(\"beforeTapGesture\", {\n event$: of({ event, page: spineItemPageInfo }),\n })\n\n return combineLatest([...beforeTapResults$, of(true)]).pipe(\n first(),\n filter((results) => !results.some((result) => result === false)),\n map(() => {\n const isZoomedIn =\n reader.zoom.state.isZooming &&\n reader.zoom.state.currentScale > 1\n\n if (computedPageTurnMode === \"scrollable\" || isZoomedIn) {\n return {\n type: \"tap\" as const,\n gestureEvent: event,\n handled: false,\n }\n }\n\n if (\n computedPageTurnDirection === \"horizontal\" &&\n isPositionInArea(\n positionInContainer,\n { type: \"margins\", left: pageTurnMargin },\n containerElementRect,\n )\n ) {\n reader.navigation.turnLeftOrTop()\n } else if (\n computedPageTurnDirection === \"vertical\" &&\n isPositionInArea(\n positionInContainer,\n { type: \"margins\", top: pageTurnMargin },\n containerElementRect,\n )\n ) {\n reader.navigation.turnLeftOrTop()\n } else if (\n computedPageTurnDirection === \"vertical\" &&\n isPositionInArea(\n positionInContainer,\n { type: \"margins\", bottom: pageTurnMargin },\n containerElementRect,\n )\n ) {\n reader.navigation.turnRightOrBottom()\n } else if (\n computedPageTurnDirection === \"horizontal\" &&\n isPositionInArea(\n positionInContainer,\n { type: \"margins\", right: pageTurnMargin },\n containerElementRect,\n )\n ) {\n reader.navigation.turnRightOrBottom()\n } else {\n return {\n type: \"tap\" as const,\n gestureEvent: event,\n handled: false,\n }\n }\n\n return {\n type: \"tap\" as const,\n gestureEvent: event,\n handled: true,\n }\n }),\n )\n }\n }\n\n return EMPTY\n }),\n )\n\n return gestures$\n}\n","import type { Reader } from \"@prose-reader/core\"\n\n/**\n * A browser lets an image, a link or a text selection be dragged out of the\n * page: pressed and moved a few pixels, it starts a drag of its own and cancels\n * the pointer for it. The recognizers then never see the pointer move on or be\n * released, so the press neither taps nor pans. On a comic, every page is an\n * image.\n *\n * Inside the book the pointer belongs to the gestures, so those drags are\n * cancelled in each item's document, the one core forwards the pointer events\n * from. The listener runs in the capture phase, before any listener of the\n * book's own content, so a script that stops the event cannot let the drag\n * through.\n */\nexport const preventNativeDrag = (reader: Reader) => {\n const cancelDrag = (event: DragEvent) => {\n event.preventDefault()\n }\n\n const documentOf = (itemId: string) =>\n reader.spineItemsManager.get(itemId)?.renderer.getDocumentFrame()\n ?.contentDocument\n\n reader.hookManager.register(`item.onDocumentLoad`, async ({ itemId }) => {\n documentOf(itemId)?.addEventListener(`dragstart`, cancelDrag, {\n capture: true,\n })\n })\n\n reader.hookManager.register(`item.onDocumentUnload`, ({ itemId }) => {\n documentOf(itemId)?.removeEventListener(`dragstart`, cancelDrag, {\n capture: true,\n })\n })\n}\n","import { type Reader, SettingsManager } from \"@prose-reader/core\"\nimport { takeUntil, tap } from \"rxjs\"\nimport type { InputSettings, OutputSettings } from \"./types\"\n\nexport class GesturesSettingsManager extends SettingsManager<\n InputSettings,\n OutputSettings\n> {\n constructor(\n initialSettings: Partial<InputSettings>,\n private reader: Reader,\n ) {\n super(initialSettings)\n\n /**\n * Since we have settings that may be locked due to some reader settings\n * we need to update as soon as they update as well.\n */\n reader.settings.values$\n .pipe(\n tap(() => {\n this.update({})\n }),\n takeUntil(this.destroy$),\n )\n .subscribe()\n }\n\n getOutputSettings(inputSettings: InputSettings): OutputSettings {\n return {\n ...inputSettings,\n panNavigation:\n this.reader.settings.values.computedPageTurnMode === `scrollable`\n ? false\n : inputSettings.panNavigation,\n }\n }\n\n getDefaultSettings(): InputSettings {\n return {\n panNavigation: \"pan\",\n pinchCancelPan: true,\n fontScalePinchEnabled: true,\n fontScalePinchThrottleTime: 500,\n fontScaleMaxScale: 5,\n fontScaleMinScale: 0.2,\n zoomMaxScale: Infinity,\n ignore: [],\n }\n }\n}\n","[data-prose-reader-container=\"${id}\"] * {\n /* Make sure that touche actions are correctly dispatched no matter where the user interact */\n touch-action: inherit;\n}\n","import { HookManager, type Reader } from \"@prose-reader/core\"\nimport {\n PanRecognizer,\n PinchRecognizer,\n Recognizable,\n SwipeRecognizer,\n TapRecognizer,\n} from \"gesturx\"\nimport { combineLatest, merge, share, takeUntil, tap } from \"rxjs\"\nimport { name as packageName } from \"../package.json\"\nimport { registerPan } from \"./gestures/pan\"\nimport { registerPinch } from \"./gestures/pinch\"\nimport { registerSwipe } from \"./gestures/swipe\"\nimport { registerTaps } from \"./gestures/taps/registerTaps\"\nimport { preventNativeDrag } from \"./preventNativeDrag\"\nimport { GesturesSettingsManager } from \"./SettingsManager\"\nimport styles from \"./style.css?inline\"\nimport type { EnhancerAPI, Hook, InputSettings } from \"./types\"\n\nexport { isPositionInArea } from \"./gestures/taps/utils\"\nexport * from \"./types\"\n\nexport const gesturesEnhancer =\n <InheritOptions, InheritOutput extends Reader>(\n next: (options: InheritOptions) => InheritOutput,\n ) =>\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 removeStylesheet = reader.utils.injectScopedCSS(\n document,\n packageName,\n styles,\n )\n\n const settingsManager = new GesturesSettingsManager(gestures, reader)\n\n preventNativeDrag(reader)\n\n const hookManager = new HookManager<Hook>()\n\n const pinchRecognizer = new PinchRecognizer({\n options: {\n /**\n * @important\n * Ideally we want pinch to triggers before pan so we can\n * capture zoom before starting panning.\n */\n posThreshold: 10,\n },\n })\n\n const failWithSelection = {\n start$: reader.selection.selectionStart$,\n end$: reader.selection.selectionEnd$,\n }\n\n const panRecognizer = new PanRecognizer({\n failWith: [pinchRecognizer, failWithSelection],\n options: {\n // we want to have some margin to trigger zoom\n posThreshold: 20,\n },\n })\n\n const tapRecognizer = new TapRecognizer({\n failWith: [panRecognizer],\n })\n\n const swipeRecognizer = new SwipeRecognizer({\n failWith: [failWithSelection],\n })\n\n const recognizable = new Recognizable({\n recognizers: [\n tapRecognizer,\n panRecognizer,\n swipeRecognizer,\n pinchRecognizer,\n ],\n disableTextSelection: false,\n })\n\n const tapGestures$ = registerTaps({\n hookManager,\n reader,\n recognizable,\n settingsManager,\n recognizer: tapRecognizer,\n })\n\n const panGestures$ = registerPan({\n hookManager,\n reader,\n recognizer: panRecognizer,\n settingsManager,\n })\n\n const swipeGestures$ = registerSwipe({\n hookManager,\n reader,\n recognizable,\n settingsManager,\n })\n\n const pinchGestures$ = registerPinch({\n hookManager,\n reader,\n recognizable,\n settingsManager,\n })\n\n const containerUpdate$ = reader.context.watch(`rootElement`).pipe(\n tap((container) => {\n recognizable.update({\n container,\n })\n }),\n )\n\n const watchSettings$ = combineLatest([\n settingsManager.values$,\n panRecognizer.config$,\n ]).pipe(\n tap(([{ pinchCancelPan }, panRecognizerConfig]) => {\n const pinchAlreadyInFailWith =\n panRecognizerConfig.failWith?.includes(pinchRecognizer)\n\n if (pinchCancelPan && !pinchAlreadyInFailWith) {\n panRecognizer.update({\n failWith: [\n ...(panRecognizerConfig.failWith ?? []),\n pinchRecognizer,\n ],\n })\n }\n\n if (!pinchCancelPan && pinchAlreadyInFailWith) {\n panRecognizer.update({\n failWith: panRecognizerConfig.failWith?.filter(\n (recognizer) => recognizer !== pinchRecognizer,\n ),\n })\n }\n }),\n )\n\n const gestures$ = merge(\n pinchGestures$,\n tapGestures$,\n swipeGestures$,\n panGestures$,\n ).pipe(share())\n\n merge(containerUpdate$, watchSettings$, gestures$)\n .pipe(takeUntil(reader.$.destroy$))\n .subscribe()\n\n return {\n ...reader,\n destroy: () => {\n removeStylesheet()\n reader.destroy()\n settingsManager.destroy()\n },\n gestures: {\n settings: settingsManager,\n gestures$,\n hooks: hookManager,\n },\n }\n }\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.cjs","names":[],"sources":["../package.json","../src/gestures/pan.ts","../src/gestures/pinch.ts","../src/gestures/swipe.ts","../src/utils.ts","../src/gestures/taps/utils.ts","../src/gestures/taps/registerTaps.ts","../src/preventNativeDrag.ts","../src/SettingsManager.ts","../src/style.css?inline","../src/index.ts"],"sourcesContent":["{\n \"name\": \"@prose-reader/enhancer-gestures\",\n \"version\": \"22.0.0\",\n \"type\": \"module\",\n \"main\": \"./dist/index.cjs\",\n \"module\": \"./dist/index.js\",\n \"types\": \"./dist/index.d.ts\",\n \"private\": false,\n \"publishConfig\": {\n \"access\": \"public\",\n \"registry\": \"https://registry.npmjs.org/\"\n },\n \"exports\": {\n \".\": {\n \"import\": \"./dist/index.js\",\n \"require\": \"./dist/index.cjs\"\n }\n },\n \"files\": [\n \"/dist\"\n ],\n \"scripts\": {\n \"start\": \"vite build --watch --mode development\",\n \"build\": \"tsc && vite build\",\n \"test\": \"vitest run --coverage\"\n },\n \"dependencies\": {\n \"@prose-reader/core\": \"workspace:^\"\n },\n \"devDependencies\": {\n \"gesturx\": \"*\",\n \"rxjs\": \"^7.5.5\"\n },\n \"peerDependencies\": {\n \"gesturx\": \"^1.11.1\",\n \"rxjs\": \"^7.5.5\"\n },\n \"gitHead\": \"4601e14dcacf50b2295cb343582a7ef2c7e1eedc\"\n}\n","import type { HookManager, Reader } from \"@prose-reader/core\"\nimport type { PanRecognizer } from \"gesturx\"\nimport { filter, finalize, map, merge, of, switchMap, tap } from \"rxjs\"\nimport type { GesturesSettingsManager } from \"../SettingsManager\"\nimport type { Hook } from \"../types\"\n\nexport const registerPan = ({\n reader,\n recognizer,\n settingsManager,\n}: {\n recognizer: PanRecognizer\n reader: Reader\n hookManager: HookManager<Hook>\n settingsManager: GesturesSettingsManager\n}) => {\n const gestures$ = settingsManager.values$.pipe(\n switchMap(({ panNavigation }) => {\n const panStart$ = recognizer.events$.pipe(\n filter((event) => event.type === `panStart`),\n )\n const panMove$ = recognizer.events$.pipe(\n filter((event) => event.type === `panMove`),\n )\n const panEnd$ = recognizer.events$.pipe(\n filter((event) => event.type === `panEnd`),\n )\n\n const pan$ = panStart$.pipe(\n switchMap((panStartEvent) => {\n /**\n * We use the last cumulative delta to derive the new event atomic delta.\n * This is because panning the zoom does not necessarily means the zoom position\n * will always changes. If the user keep dragging while the zoom is blocked, we want\n * it to move the other direction when he start dragging the other way.\n * We cannot use the `reader.zoom.state.currentPosition` as previous position\n * and the event.deltaX to compute the new zoom position.\n */\n let lastDelta = { x: 0, y: 0 }\n\n /**\n * Whether this pan moves the page through the pan navigator, which\n * holds the navigation until it is stopped. However the pan ends,\n * it stops it, or the navigation stays held until the next pan.\n */\n let isPanningThePage = false\n\n const stopPanningThePage = (delta: { x: number; y: number }) => {\n if (!isPanningThePage) return\n\n isPanningThePage = false\n\n if (reader.navigation.panNavigator.value.isStarted)\n reader.navigation.panNavigator.stop(delta)\n }\n\n const moveAndEnd$ = merge(panMove$, panEnd$).pipe(\n tap((event) => {\n const isZooming = reader.zoom.state.isZooming\n const isZoomingIn = reader.zoom.state.currentScale > 1\n\n /**\n * When user is zooming in, we don't navigate anymore.\n * We still allow the pan gesture to move the zoomed controlled\n * viewport even when pan navigation itself is disabled.\n */\n if (isZooming && isZoomingIn) {\n const deltaX = event.deltaX - lastDelta.x\n const deltaY = event.deltaY - lastDelta.y\n\n lastDelta = {\n x: event.deltaX,\n y: event.deltaY,\n }\n\n reader.zoom.move(\n {\n x: reader.zoom.state.currentPosition.x + deltaX,\n y: reader.zoom.state.currentPosition.y + deltaY,\n },\n {\n constrain: \"within-viewport\",\n },\n )\n\n // A page moved before the zoom began lands where it was left.\n if (event.type === `panEnd`)\n stopPanningThePage(\n reader.navigation.panNavigator.value.lastDelta,\n )\n\n return\n }\n\n if (panNavigation !== \"pan\") return\n\n if (event.type === `panMove`) {\n isPanningThePage = true\n\n if (!reader.navigation.panNavigator.value.isStarted) {\n reader.navigation.panNavigator.start({\n x: event.deltaX,\n y: event.deltaY,\n })\n\n return\n }\n\n reader.navigation.panNavigator.panMoveTo({\n x: event.deltaX,\n y: event.deltaY,\n })\n\n return\n }\n\n stopPanningThePage({ x: event.deltaX, y: event.deltaY })\n }),\n /**\n * Torn down before it ended, as when the gestures settings change\n * mid-pan, the pan still lands where it was left.\n */\n finalize(() => {\n stopPanningThePage(reader.navigation.panNavigator.value.lastDelta)\n }),\n )\n\n return merge(of(panStartEvent), moveAndEnd$).pipe(\n map((event) => ({\n type: \"pan\" as const,\n gestureEvent: event,\n })),\n )\n }),\n )\n\n return pan$\n }),\n )\n\n return gestures$\n}\n","import {\n type HookManager,\n isHtmlElement,\n type Reader,\n} from \"@prose-reader/core\"\nimport type { PinchEvent } from \"gesturx\"\nimport {\n animationFrameScheduler,\n EMPTY,\n filter,\n map,\n merge,\n switchMap,\n takeUntil,\n tap,\n throttleTime,\n withLatestFrom,\n} from \"rxjs\"\nimport type { GesturesSettingsManager } from \"../SettingsManager\"\nimport type { GestureRecognizable, Hook } from \"../types\"\n\nconst isHtmlImageElement = (\n target: EventTarget | null,\n): 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 settingsManager: GesturesSettingsManager\n}) => {\n const pinchStart$ = recognizable.events$.pipe(\n map(({ event }) => event),\n filter((event): event is PinchEvent => event.type === \"pinchStart\"),\n )\n\n const pinchMove$ = recognizable.events$.pipe(\n map(({ event }) => event),\n filter((event): event is PinchEvent => event.type === \"pinchMove\"),\n )\n\n const pinchEnd$ = recognizable.events$.pipe(\n map(({ event }) => event),\n filter((event): event is PinchEvent => event.type === \"pinchEnd\"),\n )\n\n const shouldStartZoom = (\n target: EventTarget | null,\n ): target is HTMLImageElement =>\n isHtmlImageElement(target) && !reader.zoom.state.isZooming\n\n return settingsManager.values$.pipe(\n switchMap(({ fontScalePinchEnabled, fontScalePinchThrottleTime }) => {\n const zoomGestures$ = pinchStart$.pipe(\n switchMap(() => {\n const startScale = reader.zoom.state.currentScale\n\n return pinchMove$.pipe(\n withLatestFrom(reader.viewportState$),\n map(([event, viewportState]) => {\n // symmetric scaling calculation\n const newScale = startScale * event.scale\n\n /**\n * @important\n * We don't want to trigger zoom gestures if there is a pan navigation\n * in progress. This can happens if the user start panning and then adds\n * another finger triggering a pinch.\n */\n if (viewportState === \"busy\") {\n return event\n }\n\n if (!reader.zoom.state.isZooming && event.scale > 1) {\n reader.zoom.enter({ animate: false, scale: newScale })\n\n return event\n }\n\n if (reader.zoom.state.isZooming) {\n if (newScale < 1) {\n reader.zoom.exit()\n } else {\n reader.zoom.scaleAt(\n Math.min(newScale, settingsManager.values.zoomMaxScale),\n {\n constrain: \"within-viewport\",\n },\n )\n }\n\n return event\n }\n\n return event\n }),\n )\n }),\n )\n\n const watchForFontScaleChange$ = !fontScalePinchEnabled\n ? EMPTY\n : pinchStart$.pipe(\n withLatestFrom(reader.viewportState$),\n switchMap(([pinchStartEvent, viewportState]) => {\n if (\n viewportState === \"busy\" ||\n shouldStartZoom(pinchStartEvent.event.target) ||\n reader.zoom.state.isZooming\n )\n return EMPTY\n\n const lastFontScaleOnPinchStart = reader.settings.values.fontScale\n\n return pinchMove$.pipe(\n throttleTime(\n fontScalePinchThrottleTime,\n animationFrameScheduler,\n {\n trailing: true,\n },\n ),\n tap((event) => {\n const newScale = Number.parseFloat(\n (lastFontScaleOnPinchStart + (event.scale - 1)).toFixed(2),\n )\n\n const newMinMaxedFontScale = Math.max(\n Math.min(\n newScale,\n settingsManager.values.fontScaleMaxScale,\n ),\n settingsManager.values.fontScaleMinScale,\n )\n\n reader.settings.update({\n fontScale: newMinMaxedFontScale,\n })\n }),\n takeUntil(pinchEnd$),\n )\n }),\n )\n\n return merge(zoomGestures$, watchForFontScaleChange$).pipe(\n map((event) => ({\n type: \"pinch\" as const,\n gestureEvent: event,\n })),\n )\n }),\n )\n}\n","import type { HookManager, Reader } from \"@prose-reader/core\"\nimport type { SwipeEvent } from \"gesturx\"\nimport { EMPTY, filter, map, switchMap, tap } from \"rxjs\"\nimport type { GesturesSettingsManager } from \"../SettingsManager\"\nimport type { GestureEvent, GestureRecognizable, Hook } from \"../types\"\n\nconst isSwipeEvent = (event: GestureEvent[\"event\"]): event is SwipeEvent =>\n event.type === \"swipe\"\n\nexport const registerSwipe = ({\n reader,\n recognizable,\n settingsManager,\n}: {\n recognizable: GestureRecognizable\n reader: Reader\n hookManager: HookManager<Hook>\n settingsManager: GesturesSettingsManager\n}) => {\n const gestures$ = settingsManager.values$.pipe(\n switchMap(({ panNavigation }) =>\n panNavigation !== \"swipe\"\n ? EMPTY\n : recognizable.events$.pipe(\n map(({ event }) => event),\n filter(isSwipeEvent),\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 map((event) => ({ type: \"swipe\" as const, gestureEvent: event })),\n ),\n ),\n )\n\n return gestures$\n}\n","import { isHtmlElement } from \"@prose-reader/core\"\nimport type { GestureEvent } from \"./types\"\n\nexport const isNotLink = (event: GestureEvent[\"event\"]) => {\n const target = event.event.target\n\n if (isHtmlElement(target) && target.tagName === \"a\") return false\n\n return true\n}\n\nexport const getPositionRelativeToContainer = (\n event: { x: number; y: number },\n containerElementRect: DOMRectReadOnly,\n) => {\n const { x, y } = event\n const { left, top } = containerElementRect\n\n return {\n x: x - left,\n y: y - top,\n }\n}\n\nexport const istMatchingSelectors = (\n selectors: string[],\n event: GestureEvent[\"event\"],\n): boolean => {\n const target = event.event.target\n\n if (!isHtmlElement(target)) return false\n\n const match = selectors.find((selector) => {\n // Check if the target matches the selector directly\n if (target.matches(selector)) return true\n\n // Check if the target is within an element matching the selector\n if (target.closest(selector)) return true\n\n return false\n })\n\n return !!match\n}\n","import type { TapArea } from \"./types\"\n\nexport const isPositionInArea = (\n position: { x: number; y: number },\n area: TapArea,\n containerSize: { width: number; height: number },\n): boolean => {\n const { x, y } = position\n const { width, height } = containerSize\n\n switch (area.type) {\n case \"margins\": {\n const { top, bottom, left, right } = area\n const inTop = top !== undefined ? y < height * top : true\n const inBottom = bottom !== undefined ? y > height * (1 - bottom) : true\n const inLeft = left !== undefined ? x < width * left : true\n const inRight = right !== undefined ? x > width * (1 - right) : true\n\n return (\n (top !== undefined && inTop) ||\n (bottom !== undefined && inBottom) ||\n (left !== undefined && inLeft) ||\n (right !== undefined && inRight)\n )\n }\n\n case \"rectangle\": {\n const {\n x: rectX,\n y: rectY,\n width: rectWidth,\n height: rectHeight,\n unit = \"%\",\n } = area\n const actualX = unit === \"%\" ? width * (rectX / 100) : rectX\n const actualY = unit === \"%\" ? height * (rectY / 100) : rectY\n const actualWidth = unit === \"%\" ? width * (rectWidth / 100) : rectWidth\n const actualHeight =\n unit === \"%\" ? height * (rectHeight / 100) : rectHeight\n\n return (\n x >= actualX &&\n x <= actualX + actualWidth &&\n y >= actualY &&\n y <= actualY + actualHeight\n )\n }\n\n case \"corner\": {\n const { corner, size, unit = \"%\" } = area\n const actualSize =\n unit === \"%\" ? Math.min(width, height) * (size / 100) : size\n\n switch (corner) {\n case \"top-left\":\n return x < actualSize && y < actualSize\n case \"top-right\":\n return x > width - actualSize && y < actualSize\n case \"bottom-left\":\n return x < actualSize && y > height - actualSize\n case \"bottom-right\":\n return x > width - actualSize && y > height - actualSize\n default:\n return false\n }\n }\n\n case \"center\": {\n const { width: centerWidth, height: centerHeight, unit = \"%\" } = area\n const actualWidth =\n unit === \"%\" ? width * (centerWidth / 100) : centerWidth\n const actualHeight =\n unit === \"%\" ? height * (centerHeight / 100) : centerHeight\n const centerX = width / 2\n const centerY = height / 2\n\n return (\n x >= centerX - actualWidth / 2 &&\n x <= centerX + actualWidth / 2 &&\n y >= centerY - actualHeight / 2 &&\n y <= centerY + actualHeight / 2\n )\n }\n\n default:\n return false\n }\n}\n\nexport const calculatePageTurnLinearMargin = (screenWidth: number): number => {\n const minMargin = 0.15\n const maxMargin = 0.2\n const minWidth = 320\n const maxWidth = 1200\n\n if (screenWidth <= minWidth) return maxMargin\n if (screenWidth >= maxWidth) return minMargin\n\n // Linear interpolation between min and max\n const ratio = (screenWidth - minWidth) / (maxWidth - minWidth)\n return maxMargin - ratio * (maxMargin - minMargin)\n}\n","import type { HookManager, Reader } from \"@prose-reader/core\"\nimport type { TapRecognizer } from \"gesturx\"\nimport {\n combineLatest,\n EMPTY,\n filter,\n first,\n map,\n of,\n switchMap,\n withLatestFrom,\n} from \"rxjs\"\nimport type { GesturesSettingsManager } from \"../../SettingsManager\"\nimport type { GestureRecognizable, Hook } from \"../../types\"\nimport {\n getPositionRelativeToContainer,\n isNotLink,\n istMatchingSelectors,\n} from \"../../utils\"\nimport { calculatePageTurnLinearMargin, isPositionInArea } from \"./utils\"\n\nexport const registerTaps = ({\n reader,\n recognizable,\n hookManager,\n settingsManager,\n recognizer,\n}: {\n recognizable: GestureRecognizable\n reader: Reader\n hookManager: HookManager<Hook>\n recognizer: TapRecognizer\n settingsManager: GesturesSettingsManager\n}) => {\n const gestures$ = recognizable.events$.pipe(\n filter((event) => event.recognizer === recognizer),\n withLatestFrom(reader.context.watch(`rootElement`), reader.spine.element$),\n switchMap(([{ event }, containerElement, spineElement]) => {\n if (!containerElement || !spineElement) return EMPTY\n\n const normalizedEvent = event.event\n const { computedPageTurnDirection, computedPageTurnMode } =\n reader.settings.values\n\n if (\n event.type === \"tap\" &&\n isNotLink(event) &&\n !istMatchingSelectors(settingsManager.values.ignore, event)\n ) {\n if (`x` in normalizedEvent) {\n const containerElementRect = containerElement.getBoundingClientRect()\n const width = containerElementRect.width\n const pageTurnMargin = calculatePageTurnLinearMargin(width)\n const positionInContainer = getPositionRelativeToContainer(\n normalizedEvent,\n containerElementRect,\n )\n\n const positionInSpineNonTransformed =\n reader.coordinates.getSpinePositionFromClientPosition(\n normalizedEvent,\n )\n\n const spineItemPageInfo = positionInSpineNonTransformed\n ? reader.spine.locator.getSpineItemPagePositionFromSpinePosition(\n positionInSpineNonTransformed,\n )\n : undefined\n\n const beforeTapResults$ = hookManager.execute(\"beforeTapGesture\", {\n event$: of({ event, page: spineItemPageInfo }),\n })\n\n return combineLatest([...beforeTapResults$, of(true)]).pipe(\n first(),\n filter((results) => !results.some((result) => result === false)),\n map(() => {\n const isZoomedIn =\n reader.zoom.state.isZooming &&\n reader.zoom.state.currentScale > 1\n\n if (computedPageTurnMode === \"scrollable\" || isZoomedIn) {\n return {\n type: \"tap\" as const,\n gestureEvent: event,\n handled: false,\n }\n }\n\n if (\n computedPageTurnDirection === \"horizontal\" &&\n isPositionInArea(\n positionInContainer,\n { type: \"margins\", left: pageTurnMargin },\n containerElementRect,\n )\n ) {\n reader.navigation.turnLeftOrTop()\n } else if (\n computedPageTurnDirection === \"vertical\" &&\n isPositionInArea(\n positionInContainer,\n { type: \"margins\", top: pageTurnMargin },\n containerElementRect,\n )\n ) {\n reader.navigation.turnLeftOrTop()\n } else if (\n computedPageTurnDirection === \"vertical\" &&\n isPositionInArea(\n positionInContainer,\n { type: \"margins\", bottom: pageTurnMargin },\n containerElementRect,\n )\n ) {\n reader.navigation.turnRightOrBottom()\n } else if (\n computedPageTurnDirection === \"horizontal\" &&\n isPositionInArea(\n positionInContainer,\n { type: \"margins\", right: pageTurnMargin },\n containerElementRect,\n )\n ) {\n reader.navigation.turnRightOrBottom()\n } else {\n return {\n type: \"tap\" as const,\n gestureEvent: event,\n handled: false,\n }\n }\n\n return {\n type: \"tap\" as const,\n gestureEvent: event,\n handled: true,\n }\n }),\n )\n }\n }\n\n return EMPTY\n }),\n )\n\n return gestures$\n}\n","import type { Reader } from \"@prose-reader/core\"\n\n/**\n * A browser lets an image, a link or a text selection be dragged out of the\n * page: pressed and moved a few pixels, it starts a drag of its own and cancels\n * the pointer for it. The recognizers then never see the pointer move on or be\n * released, so the press neither taps nor pans. On a comic, every page is an\n * image.\n *\n * Inside the book the pointer belongs to the gestures, so those drags are\n * cancelled in each item's document, the one core forwards the pointer events\n * from. The listener runs in the capture phase, before any listener of the\n * book's own content, so a script that stops the event cannot let the drag\n * through.\n */\nexport const preventNativeDrag = (reader: Reader) => {\n const cancelDrag = (event: DragEvent) => {\n event.preventDefault()\n }\n\n const documentOf = (itemId: string) =>\n reader.spineItemsManager.get(itemId)?.renderer.getDocumentFrame()\n ?.contentDocument\n\n reader.hookManager.register(`item.onDocumentLoad`, async ({ itemId }) => {\n documentOf(itemId)?.addEventListener(`dragstart`, cancelDrag, {\n capture: true,\n })\n })\n\n reader.hookManager.register(`item.onDocumentUnload`, ({ itemId }) => {\n documentOf(itemId)?.removeEventListener(`dragstart`, cancelDrag, {\n capture: true,\n })\n })\n}\n","import { type Reader, SettingsManager } from \"@prose-reader/core\"\nimport { takeUntil, tap } from \"rxjs\"\nimport type { InputSettings, OutputSettings } from \"./types\"\n\nexport class GesturesSettingsManager extends SettingsManager<\n InputSettings,\n OutputSettings\n> {\n constructor(\n initialSettings: Partial<InputSettings>,\n private reader: Reader,\n ) {\n super(initialSettings)\n\n /**\n * Since we have settings that may be locked due to some reader settings\n * we need to update as soon as they update as well.\n */\n reader.settings.values$\n .pipe(\n tap(() => {\n this.update({})\n }),\n takeUntil(this.destroy$),\n )\n .subscribe()\n }\n\n getOutputSettings(inputSettings: InputSettings): OutputSettings {\n return {\n ...inputSettings,\n panNavigation:\n this.reader.settings.values.computedPageTurnMode === `scrollable`\n ? false\n : inputSettings.panNavigation,\n }\n }\n\n getDefaultSettings(): InputSettings {\n return {\n panNavigation: \"pan\",\n pinchCancelPan: true,\n fontScalePinchEnabled: true,\n fontScalePinchThrottleTime: 500,\n fontScaleMaxScale: 5,\n fontScaleMinScale: 0.2,\n zoomMaxScale: Infinity,\n ignore: [],\n }\n }\n}\n","[data-prose-reader-container=\"${id}\"] * {\n /* Make sure that touche actions are correctly dispatched no matter where the user interact */\n touch-action: inherit;\n}\n","import { HookManager, type Reader } from \"@prose-reader/core\"\nimport {\n PanRecognizer,\n PinchRecognizer,\n Recognizable,\n SwipeRecognizer,\n TapRecognizer,\n} from \"gesturx\"\nimport { combineLatest, merge, share, takeUntil, tap } from \"rxjs\"\nimport { name as packageName } from \"../package.json\"\nimport { registerPan } from \"./gestures/pan\"\nimport { registerPinch } from \"./gestures/pinch\"\nimport { registerSwipe } from \"./gestures/swipe\"\nimport { registerTaps } from \"./gestures/taps/registerTaps\"\nimport { preventNativeDrag } from \"./preventNativeDrag\"\nimport { GesturesSettingsManager } from \"./SettingsManager\"\nimport styles from \"./style.css?inline\"\nimport type { EnhancerAPI, Hook, InputSettings } from \"./types\"\n\nexport { isPositionInArea } from \"./gestures/taps/utils\"\nexport * from \"./types\"\n\nexport const gesturesEnhancer =\n <InheritOptions, InheritOutput extends Reader>(\n next: (options: InheritOptions) => InheritOutput,\n ) =>\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 removeStylesheet = reader.utils.injectScopedCSS(\n document,\n packageName,\n styles,\n )\n\n const settingsManager = new GesturesSettingsManager(gestures, reader)\n\n preventNativeDrag(reader)\n\n const hookManager = new HookManager<Hook>()\n\n const pinchRecognizer = new PinchRecognizer({\n options: {\n /**\n * @important\n * Ideally we want pinch to triggers before pan so we can\n * capture zoom before starting panning.\n */\n posThreshold: 10,\n },\n })\n\n const failWithSelection = {\n start$: reader.selection.selectionStart$,\n end$: reader.selection.selectionEnd$,\n }\n\n const panRecognizer = new PanRecognizer({\n failWith: [pinchRecognizer, failWithSelection],\n options: {\n // we want to have some margin to trigger zoom\n posThreshold: 20,\n },\n })\n\n const tapRecognizer = new TapRecognizer({\n failWith: [panRecognizer],\n })\n\n const swipeRecognizer = new SwipeRecognizer({\n failWith: [failWithSelection],\n })\n\n const recognizable = new Recognizable({\n recognizers: [\n tapRecognizer,\n panRecognizer,\n swipeRecognizer,\n pinchRecognizer,\n ],\n disableTextSelection: false,\n })\n\n const tapGestures$ = registerTaps({\n hookManager,\n reader,\n recognizable,\n settingsManager,\n recognizer: tapRecognizer,\n })\n\n const panGestures$ = registerPan({\n hookManager,\n reader,\n recognizer: panRecognizer,\n settingsManager,\n })\n\n const swipeGestures$ = registerSwipe({\n hookManager,\n reader,\n recognizable,\n settingsManager,\n })\n\n const pinchGestures$ = registerPinch({\n hookManager,\n reader,\n recognizable,\n settingsManager,\n })\n\n const containerUpdate$ = reader.context.watch(`rootElement`).pipe(\n tap((container) => {\n recognizable.update({\n container,\n })\n }),\n )\n\n const watchSettings$ = combineLatest([\n settingsManager.values$,\n panRecognizer.config$,\n ]).pipe(\n tap(([{ pinchCancelPan }, panRecognizerConfig]) => {\n const pinchAlreadyInFailWith =\n panRecognizerConfig.failWith?.includes(pinchRecognizer)\n\n if (pinchCancelPan && !pinchAlreadyInFailWith) {\n panRecognizer.update({\n failWith: [\n ...(panRecognizerConfig.failWith ?? []),\n pinchRecognizer,\n ],\n })\n }\n\n if (!pinchCancelPan && pinchAlreadyInFailWith) {\n panRecognizer.update({\n failWith: panRecognizerConfig.failWith?.filter(\n (recognizer) => recognizer !== pinchRecognizer,\n ),\n })\n }\n }),\n )\n\n const gestures$ = merge(\n pinchGestures$,\n tapGestures$,\n swipeGestures$,\n panGestures$,\n ).pipe(share())\n\n merge(containerUpdate$, watchSettings$, gestures$)\n .pipe(takeUntil(reader.$.destroy$))\n .subscribe()\n\n return {\n ...reader,\n destroy: () => {\n removeStylesheet()\n reader.destroy()\n settingsManager.destroy()\n },\n gestures: {\n settings: settingsManager,\n gestures$,\n hooks: hookManager,\n },\n }\n }\n"],"mappings":"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"}
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../package.json","../src/gestures/pan.ts","../src/gestures/pinch.ts","../src/gestures/swipe.ts","../src/utils.ts","../src/gestures/taps/utils.ts","../src/gestures/taps/registerTaps.ts","../src/preventNativeDrag.ts","../src/SettingsManager.ts","../src/style.css?inline","../src/index.ts"],"sourcesContent":["{\n \"name\": \"@prose-reader/enhancer-gestures\",\n \"version\": \"21.0.2\",\n \"type\": \"module\",\n \"main\": \"./dist/index.cjs\",\n \"module\": \"./dist/index.js\",\n \"types\": \"./dist/index.d.ts\",\n \"private\": false,\n \"publishConfig\": {\n \"access\": \"public\",\n \"registry\": \"https://registry.npmjs.org/\"\n },\n \"exports\": {\n \".\": {\n \"import\": \"./dist/index.js\",\n \"require\": \"./dist/index.cjs\"\n }\n },\n \"files\": [\n \"/dist\"\n ],\n \"scripts\": {\n \"start\": \"vite build --watch --mode development\",\n \"build\": \"tsc && vite build\",\n \"test\": \"vitest run --coverage\"\n },\n \"dependencies\": {\n \"@prose-reader/core\": \"workspace:^\"\n },\n \"devDependencies\": {\n \"gesturx\": \"*\",\n \"rxjs\": \"^7.5.5\"\n },\n \"peerDependencies\": {\n \"gesturx\": \"^1.11.1\",\n \"rxjs\": \"^7.5.5\"\n },\n \"gitHead\": \"4601e14dcacf50b2295cb343582a7ef2c7e1eedc\"\n}\n","import type { HookManager, Reader } from \"@prose-reader/core\"\nimport type { PanRecognizer } from \"gesturx\"\nimport { filter, finalize, map, merge, of, switchMap, tap } from \"rxjs\"\nimport type { GesturesSettingsManager } from \"../SettingsManager\"\nimport type { Hook } from \"../types\"\n\nexport const registerPan = ({\n reader,\n recognizer,\n settingsManager,\n}: {\n recognizer: PanRecognizer\n reader: Reader\n hookManager: HookManager<Hook>\n settingsManager: GesturesSettingsManager\n}) => {\n const gestures$ = settingsManager.values$.pipe(\n switchMap(({ panNavigation }) => {\n const panStart$ = recognizer.events$.pipe(\n filter((event) => event.type === `panStart`),\n )\n const panMove$ = recognizer.events$.pipe(\n filter((event) => event.type === `panMove`),\n )\n const panEnd$ = recognizer.events$.pipe(\n filter((event) => event.type === `panEnd`),\n )\n\n const pan$ = panStart$.pipe(\n switchMap((panStartEvent) => {\n /**\n * We use the last cumulative delta to derive the new event atomic delta.\n * This is because panning the zoom does not necessarily means the zoom position\n * will always changes. If the user keep dragging while the zoom is blocked, we want\n * it to move the other direction when he start dragging the other way.\n * We cannot use the `reader.zoom.state.currentPosition` as previous position\n * and the event.deltaX to compute the new zoom position.\n */\n let lastDelta = { x: 0, y: 0 }\n\n /**\n * Whether this pan moves the page through the pan navigator, which\n * holds the navigation until it is stopped. However the pan ends,\n * it stops it, or the navigation stays held until the next pan.\n */\n let isPanningThePage = false\n\n const stopPanningThePage = (delta: { x: number; y: number }) => {\n if (!isPanningThePage) return\n\n isPanningThePage = false\n\n if (reader.navigation.panNavigator.value.isStarted)\n reader.navigation.panNavigator.stop(delta)\n }\n\n const moveAndEnd$ = merge(panMove$, panEnd$).pipe(\n tap((event) => {\n const isZooming = reader.zoom.state.isZooming\n const isZoomingIn = reader.zoom.state.currentScale > 1\n\n /**\n * When user is zooming in, we don't navigate anymore.\n * We still allow the pan gesture to move the zoomed controlled\n * viewport even when pan navigation itself is disabled.\n */\n if (isZooming && isZoomingIn) {\n const deltaX = event.deltaX - lastDelta.x\n const deltaY = event.deltaY - lastDelta.y\n\n lastDelta = {\n x: event.deltaX,\n y: event.deltaY,\n }\n\n reader.zoom.move(\n {\n x: reader.zoom.state.currentPosition.x + deltaX,\n y: reader.zoom.state.currentPosition.y + deltaY,\n },\n {\n constrain: \"within-viewport\",\n },\n )\n\n // A page moved before the zoom began lands where it was left.\n if (event.type === `panEnd`)\n stopPanningThePage(\n reader.navigation.panNavigator.value.lastDelta,\n )\n\n return\n }\n\n if (panNavigation !== \"pan\") return\n\n if (event.type === `panMove`) {\n isPanningThePage = true\n\n if (!reader.navigation.panNavigator.value.isStarted) {\n reader.navigation.panNavigator.start({\n x: event.deltaX,\n y: event.deltaY,\n })\n\n return\n }\n\n reader.navigation.panNavigator.panMoveTo({\n x: event.deltaX,\n y: event.deltaY,\n })\n\n return\n }\n\n stopPanningThePage({ x: event.deltaX, y: event.deltaY })\n }),\n /**\n * Torn down before it ended, as when the gestures settings change\n * mid-pan, the pan still lands where it was left.\n */\n finalize(() => {\n stopPanningThePage(reader.navigation.panNavigator.value.lastDelta)\n }),\n )\n\n return merge(of(panStartEvent), moveAndEnd$).pipe(\n map((event) => ({\n type: \"pan\" as const,\n gestureEvent: event,\n })),\n )\n }),\n )\n\n return pan$\n }),\n )\n\n return gestures$\n}\n","import {\n type HookManager,\n isHtmlElement,\n type Reader,\n} from \"@prose-reader/core\"\nimport type { PinchEvent } from \"gesturx\"\nimport {\n animationFrameScheduler,\n EMPTY,\n filter,\n map,\n merge,\n switchMap,\n takeUntil,\n tap,\n throttleTime,\n withLatestFrom,\n} from \"rxjs\"\nimport type { GesturesSettingsManager } from \"../SettingsManager\"\nimport type { GestureRecognizable, Hook } from \"../types\"\n\nconst isHtmlImageElement = (\n target: EventTarget | null,\n): 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 settingsManager: GesturesSettingsManager\n}) => {\n const pinchStart$ = recognizable.events$.pipe(\n map(({ event }) => event),\n filter((event): event is PinchEvent => event.type === \"pinchStart\"),\n )\n\n const pinchMove$ = recognizable.events$.pipe(\n map(({ event }) => event),\n filter((event): event is PinchEvent => event.type === \"pinchMove\"),\n )\n\n const pinchEnd$ = recognizable.events$.pipe(\n map(({ event }) => event),\n filter((event): event is PinchEvent => event.type === \"pinchEnd\"),\n )\n\n const shouldStartZoom = (\n target: EventTarget | null,\n ): target is HTMLImageElement =>\n isHtmlImageElement(target) && !reader.zoom.state.isZooming\n\n return settingsManager.values$.pipe(\n switchMap(({ fontScalePinchEnabled, fontScalePinchThrottleTime }) => {\n const zoomGestures$ = pinchStart$.pipe(\n switchMap(() => {\n const startScale = reader.zoom.state.currentScale\n\n return pinchMove$.pipe(\n withLatestFrom(reader.viewportState$),\n map(([event, viewportState]) => {\n // symmetric scaling calculation\n const newScale = startScale * event.scale\n\n /**\n * @important\n * We don't want to trigger zoom gestures if there is a pan navigation\n * in progress. This can happens if the user start panning and then adds\n * another finger triggering a pinch.\n */\n if (viewportState === \"busy\") {\n return event\n }\n\n if (!reader.zoom.state.isZooming && event.scale > 1) {\n reader.zoom.enter({ animate: false, scale: newScale })\n\n return event\n }\n\n if (reader.zoom.state.isZooming) {\n if (newScale < 1) {\n reader.zoom.exit()\n } else {\n reader.zoom.scaleAt(\n Math.min(newScale, settingsManager.values.zoomMaxScale),\n {\n constrain: \"within-viewport\",\n },\n )\n }\n\n return event\n }\n\n return event\n }),\n )\n }),\n )\n\n const watchForFontScaleChange$ = !fontScalePinchEnabled\n ? EMPTY\n : pinchStart$.pipe(\n withLatestFrom(reader.viewportState$),\n switchMap(([pinchStartEvent, viewportState]) => {\n if (\n viewportState === \"busy\" ||\n shouldStartZoom(pinchStartEvent.event.target) ||\n reader.zoom.state.isZooming\n )\n return EMPTY\n\n const lastFontScaleOnPinchStart = reader.settings.values.fontScale\n\n return pinchMove$.pipe(\n throttleTime(\n fontScalePinchThrottleTime,\n animationFrameScheduler,\n {\n trailing: true,\n },\n ),\n tap((event) => {\n const newScale = Number.parseFloat(\n (lastFontScaleOnPinchStart + (event.scale - 1)).toFixed(2),\n )\n\n const newMinMaxedFontScale = Math.max(\n Math.min(\n newScale,\n settingsManager.values.fontScaleMaxScale,\n ),\n settingsManager.values.fontScaleMinScale,\n )\n\n reader.settings.update({\n fontScale: newMinMaxedFontScale,\n })\n }),\n takeUntil(pinchEnd$),\n )\n }),\n )\n\n return merge(zoomGestures$, watchForFontScaleChange$).pipe(\n map((event) => ({\n type: \"pinch\" as const,\n gestureEvent: event,\n })),\n )\n }),\n )\n}\n","import type { HookManager, Reader } from \"@prose-reader/core\"\nimport type { SwipeEvent } from \"gesturx\"\nimport { EMPTY, filter, map, switchMap, tap } from \"rxjs\"\nimport type { GesturesSettingsManager } from \"../SettingsManager\"\nimport type { GestureEvent, GestureRecognizable, Hook } from \"../types\"\n\nconst isSwipeEvent = (event: GestureEvent[\"event\"]): event is SwipeEvent =>\n event.type === \"swipe\"\n\nexport const registerSwipe = ({\n reader,\n recognizable,\n settingsManager,\n}: {\n recognizable: GestureRecognizable\n reader: Reader\n hookManager: HookManager<Hook>\n settingsManager: GesturesSettingsManager\n}) => {\n const gestures$ = settingsManager.values$.pipe(\n switchMap(({ panNavigation }) =>\n panNavigation !== \"swipe\"\n ? EMPTY\n : recognizable.events$.pipe(\n map(({ event }) => event),\n filter(isSwipeEvent),\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 map((event) => ({ type: \"swipe\" as const, gestureEvent: event })),\n ),\n ),\n )\n\n return gestures$\n}\n","import { isHtmlElement } from \"@prose-reader/core\"\nimport type { GestureEvent } from \"./types\"\n\nexport const isNotLink = (event: GestureEvent[\"event\"]) => {\n const target = event.event.target\n\n if (isHtmlElement(target) && target.tagName === \"a\") return false\n\n return true\n}\n\nexport const getPositionRelativeToContainer = (\n event: { x: number; y: number },\n containerElementRect: DOMRectReadOnly,\n) => {\n const { x, y } = event\n const { left, top } = containerElementRect\n\n return {\n x: x - left,\n y: y - top,\n }\n}\n\nexport const istMatchingSelectors = (\n selectors: string[],\n event: GestureEvent[\"event\"],\n): boolean => {\n const target = event.event.target\n\n if (!isHtmlElement(target)) return false\n\n const match = selectors.find((selector) => {\n // Check if the target matches the selector directly\n if (target.matches(selector)) return true\n\n // Check if the target is within an element matching the selector\n if (target.closest(selector)) return true\n\n return false\n })\n\n return !!match\n}\n","import type { TapArea } from \"./types\"\n\nexport const isPositionInArea = (\n position: { x: number; y: number },\n area: TapArea,\n containerSize: { width: number; height: number },\n): boolean => {\n const { x, y } = position\n const { width, height } = containerSize\n\n switch (area.type) {\n case \"margins\": {\n const { top, bottom, left, right } = area\n const inTop = top !== undefined ? y < height * top : true\n const inBottom = bottom !== undefined ? y > height * (1 - bottom) : true\n const inLeft = left !== undefined ? x < width * left : true\n const inRight = right !== undefined ? x > width * (1 - right) : true\n\n return (\n (top !== undefined && inTop) ||\n (bottom !== undefined && inBottom) ||\n (left !== undefined && inLeft) ||\n (right !== undefined && inRight)\n )\n }\n\n case \"rectangle\": {\n const {\n x: rectX,\n y: rectY,\n width: rectWidth,\n height: rectHeight,\n unit = \"%\",\n } = area\n const actualX = unit === \"%\" ? width * (rectX / 100) : rectX\n const actualY = unit === \"%\" ? height * (rectY / 100) : rectY\n const actualWidth = unit === \"%\" ? width * (rectWidth / 100) : rectWidth\n const actualHeight =\n unit === \"%\" ? height * (rectHeight / 100) : rectHeight\n\n return (\n x >= actualX &&\n x <= actualX + actualWidth &&\n y >= actualY &&\n y <= actualY + actualHeight\n )\n }\n\n case \"corner\": {\n const { corner, size, unit = \"%\" } = area\n const actualSize =\n unit === \"%\" ? Math.min(width, height) * (size / 100) : size\n\n switch (corner) {\n case \"top-left\":\n return x < actualSize && y < actualSize\n case \"top-right\":\n return x > width - actualSize && y < actualSize\n case \"bottom-left\":\n return x < actualSize && y > height - actualSize\n case \"bottom-right\":\n return x > width - actualSize && y > height - actualSize\n default:\n return false\n }\n }\n\n case \"center\": {\n const { width: centerWidth, height: centerHeight, unit = \"%\" } = area\n const actualWidth =\n unit === \"%\" ? width * (centerWidth / 100) : centerWidth\n const actualHeight =\n unit === \"%\" ? height * (centerHeight / 100) : centerHeight\n const centerX = width / 2\n const centerY = height / 2\n\n return (\n x >= centerX - actualWidth / 2 &&\n x <= centerX + actualWidth / 2 &&\n y >= centerY - actualHeight / 2 &&\n y <= centerY + actualHeight / 2\n )\n }\n\n default:\n return false\n }\n}\n\nexport const calculatePageTurnLinearMargin = (screenWidth: number): number => {\n const minMargin = 0.15\n const maxMargin = 0.2\n const minWidth = 320\n const maxWidth = 1200\n\n if (screenWidth <= minWidth) return maxMargin\n if (screenWidth >= maxWidth) return minMargin\n\n // Linear interpolation between min and max\n const ratio = (screenWidth - minWidth) / (maxWidth - minWidth)\n return maxMargin - ratio * (maxMargin - minMargin)\n}\n","import type { HookManager, Reader } from \"@prose-reader/core\"\nimport type { TapRecognizer } from \"gesturx\"\nimport {\n combineLatest,\n EMPTY,\n filter,\n first,\n map,\n of,\n switchMap,\n withLatestFrom,\n} from \"rxjs\"\nimport type { GesturesSettingsManager } from \"../../SettingsManager\"\nimport type { GestureRecognizable, Hook } from \"../../types\"\nimport {\n getPositionRelativeToContainer,\n isNotLink,\n istMatchingSelectors,\n} from \"../../utils\"\nimport { calculatePageTurnLinearMargin, isPositionInArea } from \"./utils\"\n\nexport const registerTaps = ({\n reader,\n recognizable,\n hookManager,\n settingsManager,\n recognizer,\n}: {\n recognizable: GestureRecognizable\n reader: Reader\n hookManager: HookManager<Hook>\n recognizer: TapRecognizer\n settingsManager: GesturesSettingsManager\n}) => {\n const gestures$ = recognizable.events$.pipe(\n filter((event) => event.recognizer === recognizer),\n withLatestFrom(reader.context.watch(`rootElement`), reader.spine.element$),\n switchMap(([{ event }, containerElement, spineElement]) => {\n if (!containerElement || !spineElement) return EMPTY\n\n const normalizedEvent = event.event\n const { computedPageTurnDirection, computedPageTurnMode } =\n reader.settings.values\n\n if (\n event.type === \"tap\" &&\n isNotLink(event) &&\n !istMatchingSelectors(settingsManager.values.ignore, event)\n ) {\n if (`x` in normalizedEvent) {\n const containerElementRect = containerElement.getBoundingClientRect()\n const width = containerElementRect.width\n const pageTurnMargin = calculatePageTurnLinearMargin(width)\n const positionInContainer = getPositionRelativeToContainer(\n normalizedEvent,\n containerElementRect,\n )\n\n const positionInSpineNonTransformed =\n reader.coordinates.getSpinePositionFromClientPosition(\n normalizedEvent,\n )\n\n const spineItemPageInfo = positionInSpineNonTransformed\n ? reader.spine.locator.getSpineItemPagePositionFromSpinePosition(\n positionInSpineNonTransformed,\n )\n : undefined\n\n const beforeTapResults$ = hookManager.execute(\"beforeTapGesture\", {\n event$: of({ event, page: spineItemPageInfo }),\n })\n\n return combineLatest([...beforeTapResults$, of(true)]).pipe(\n first(),\n filter((results) => !results.some((result) => result === false)),\n map(() => {\n const isZoomedIn =\n reader.zoom.state.isZooming &&\n reader.zoom.state.currentScale > 1\n\n if (computedPageTurnMode === \"scrollable\" || isZoomedIn) {\n return {\n type: \"tap\" as const,\n gestureEvent: event,\n handled: false,\n }\n }\n\n if (\n computedPageTurnDirection === \"horizontal\" &&\n isPositionInArea(\n positionInContainer,\n { type: \"margins\", left: pageTurnMargin },\n containerElementRect,\n )\n ) {\n reader.navigation.turnLeftOrTop()\n } else if (\n computedPageTurnDirection === \"vertical\" &&\n isPositionInArea(\n positionInContainer,\n { type: \"margins\", top: pageTurnMargin },\n containerElementRect,\n )\n ) {\n reader.navigation.turnLeftOrTop()\n } else if (\n computedPageTurnDirection === \"vertical\" &&\n isPositionInArea(\n positionInContainer,\n { type: \"margins\", bottom: pageTurnMargin },\n containerElementRect,\n )\n ) {\n reader.navigation.turnRightOrBottom()\n } else if (\n computedPageTurnDirection === \"horizontal\" &&\n isPositionInArea(\n positionInContainer,\n { type: \"margins\", right: pageTurnMargin },\n containerElementRect,\n )\n ) {\n reader.navigation.turnRightOrBottom()\n } else {\n return {\n type: \"tap\" as const,\n gestureEvent: event,\n handled: false,\n }\n }\n\n return {\n type: \"tap\" as const,\n gestureEvent: event,\n handled: true,\n }\n }),\n )\n }\n }\n\n return EMPTY\n }),\n )\n\n return gestures$\n}\n","import type { Reader } from \"@prose-reader/core\"\n\n/**\n * A browser lets an image, a link or a text selection be dragged out of the\n * page: pressed and moved a few pixels, it starts a drag of its own and cancels\n * the pointer for it. The recognizers then never see the pointer move on or be\n * released, so the press neither taps nor pans. On a comic, every page is an\n * image.\n *\n * Inside the book the pointer belongs to the gestures, so those drags are\n * cancelled in each item's document, the one core forwards the pointer events\n * from. The listener runs in the capture phase, before any listener of the\n * book's own content, so a script that stops the event cannot let the drag\n * through.\n */\nexport const preventNativeDrag = (reader: Reader) => {\n const cancelDrag = (event: DragEvent) => {\n event.preventDefault()\n }\n\n const documentOf = (itemId: string) =>\n reader.spineItemsManager.get(itemId)?.renderer.getDocumentFrame()\n ?.contentDocument\n\n reader.hookManager.register(`item.onDocumentLoad`, async ({ itemId }) => {\n documentOf(itemId)?.addEventListener(`dragstart`, cancelDrag, {\n capture: true,\n })\n })\n\n reader.hookManager.register(`item.onDocumentUnload`, ({ itemId }) => {\n documentOf(itemId)?.removeEventListener(`dragstart`, cancelDrag, {\n capture: true,\n })\n })\n}\n","import { type Reader, SettingsManager } from \"@prose-reader/core\"\nimport { takeUntil, tap } from \"rxjs\"\nimport type { InputSettings, OutputSettings } from \"./types\"\n\nexport class GesturesSettingsManager extends SettingsManager<\n InputSettings,\n OutputSettings\n> {\n constructor(\n initialSettings: Partial<InputSettings>,\n private reader: Reader,\n ) {\n super(initialSettings)\n\n /**\n * Since we have settings that may be locked due to some reader settings\n * we need to update as soon as they update as well.\n */\n reader.settings.values$\n .pipe(\n tap(() => {\n this.update({})\n }),\n takeUntil(this.destroy$),\n )\n .subscribe()\n }\n\n getOutputSettings(inputSettings: InputSettings): OutputSettings {\n return {\n ...inputSettings,\n panNavigation:\n this.reader.settings.values.computedPageTurnMode === `scrollable`\n ? false\n : inputSettings.panNavigation,\n }\n }\n\n getDefaultSettings(): InputSettings {\n return {\n panNavigation: \"pan\",\n pinchCancelPan: true,\n fontScalePinchEnabled: true,\n fontScalePinchThrottleTime: 500,\n fontScaleMaxScale: 5,\n fontScaleMinScale: 0.2,\n zoomMaxScale: Infinity,\n ignore: [],\n }\n }\n}\n","[data-prose-reader-container=\"${id}\"] * {\n /* Make sure that touche actions are correctly dispatched no matter where the user interact */\n touch-action: inherit;\n}\n","import { HookManager, type Reader } from \"@prose-reader/core\"\nimport {\n PanRecognizer,\n PinchRecognizer,\n Recognizable,\n SwipeRecognizer,\n TapRecognizer,\n} from \"gesturx\"\nimport { combineLatest, merge, share, takeUntil, tap } from \"rxjs\"\nimport { name as packageName } from \"../package.json\"\nimport { registerPan } from \"./gestures/pan\"\nimport { registerPinch } from \"./gestures/pinch\"\nimport { registerSwipe } from \"./gestures/swipe\"\nimport { registerTaps } from \"./gestures/taps/registerTaps\"\nimport { preventNativeDrag } from \"./preventNativeDrag\"\nimport { GesturesSettingsManager } from \"./SettingsManager\"\nimport styles from \"./style.css?inline\"\nimport type { EnhancerAPI, Hook, InputSettings } from \"./types\"\n\nexport { isPositionInArea } from \"./gestures/taps/utils\"\nexport * from \"./types\"\n\nexport const gesturesEnhancer =\n <InheritOptions, InheritOutput extends Reader>(\n next: (options: InheritOptions) => InheritOutput,\n ) =>\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 removeStylesheet = reader.utils.injectScopedCSS(\n document,\n packageName,\n styles,\n )\n\n const settingsManager = new GesturesSettingsManager(gestures, reader)\n\n preventNativeDrag(reader)\n\n const hookManager = new HookManager<Hook>()\n\n const pinchRecognizer = new PinchRecognizer({\n options: {\n /**\n * @important\n * Ideally we want pinch to triggers before pan so we can\n * capture zoom before starting panning.\n */\n posThreshold: 10,\n },\n })\n\n const failWithSelection = {\n start$: reader.selection.selectionStart$,\n end$: reader.selection.selectionEnd$,\n }\n\n const panRecognizer = new PanRecognizer({\n failWith: [pinchRecognizer, failWithSelection],\n options: {\n // we want to have some margin to trigger zoom\n posThreshold: 20,\n },\n })\n\n const tapRecognizer = new TapRecognizer({\n failWith: [panRecognizer],\n })\n\n const swipeRecognizer = new SwipeRecognizer({\n failWith: [failWithSelection],\n })\n\n const recognizable = new Recognizable({\n recognizers: [\n tapRecognizer,\n panRecognizer,\n swipeRecognizer,\n pinchRecognizer,\n ],\n disableTextSelection: false,\n })\n\n const tapGestures$ = registerTaps({\n hookManager,\n reader,\n recognizable,\n settingsManager,\n recognizer: tapRecognizer,\n })\n\n const panGestures$ = registerPan({\n hookManager,\n reader,\n recognizer: panRecognizer,\n settingsManager,\n })\n\n const swipeGestures$ = registerSwipe({\n hookManager,\n reader,\n recognizable,\n settingsManager,\n })\n\n const pinchGestures$ = registerPinch({\n hookManager,\n reader,\n recognizable,\n settingsManager,\n })\n\n const containerUpdate$ = reader.context.watch(`rootElement`).pipe(\n tap((container) => {\n recognizable.update({\n container,\n })\n }),\n )\n\n const watchSettings$ = combineLatest([\n settingsManager.values$,\n panRecognizer.config$,\n ]).pipe(\n tap(([{ pinchCancelPan }, panRecognizerConfig]) => {\n const pinchAlreadyInFailWith =\n panRecognizerConfig.failWith?.includes(pinchRecognizer)\n\n if (pinchCancelPan && !pinchAlreadyInFailWith) {\n panRecognizer.update({\n failWith: [\n ...(panRecognizerConfig.failWith ?? []),\n pinchRecognizer,\n ],\n })\n }\n\n if (!pinchCancelPan && pinchAlreadyInFailWith) {\n panRecognizer.update({\n failWith: panRecognizerConfig.failWith?.filter(\n (recognizer) => recognizer !== pinchRecognizer,\n ),\n })\n }\n }),\n )\n\n const gestures$ = merge(\n pinchGestures$,\n tapGestures$,\n swipeGestures$,\n panGestures$,\n ).pipe(share())\n\n merge(containerUpdate$, watchSettings$, gestures$)\n .pipe(takeUntil(reader.$.destroy$))\n .subscribe()\n\n return {\n ...reader,\n destroy: () => {\n removeStylesheet()\n reader.destroy()\n settingsManager.destroy()\n },\n gestures: {\n settings: settingsManager,\n gestures$,\n hooks: hookManager,\n },\n }\n }\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../package.json","../src/gestures/pan.ts","../src/gestures/pinch.ts","../src/gestures/swipe.ts","../src/utils.ts","../src/gestures/taps/utils.ts","../src/gestures/taps/registerTaps.ts","../src/preventNativeDrag.ts","../src/SettingsManager.ts","../src/style.css?inline","../src/index.ts"],"sourcesContent":["{\n \"name\": \"@prose-reader/enhancer-gestures\",\n \"version\": \"22.0.0\",\n \"type\": \"module\",\n \"main\": \"./dist/index.cjs\",\n \"module\": \"./dist/index.js\",\n \"types\": \"./dist/index.d.ts\",\n \"private\": false,\n \"publishConfig\": {\n \"access\": \"public\",\n \"registry\": \"https://registry.npmjs.org/\"\n },\n \"exports\": {\n \".\": {\n \"import\": \"./dist/index.js\",\n \"require\": \"./dist/index.cjs\"\n }\n },\n \"files\": [\n \"/dist\"\n ],\n \"scripts\": {\n \"start\": \"vite build --watch --mode development\",\n \"build\": \"tsc && vite build\",\n \"test\": \"vitest run --coverage\"\n },\n \"dependencies\": {\n \"@prose-reader/core\": \"workspace:^\"\n },\n \"devDependencies\": {\n \"gesturx\": \"*\",\n \"rxjs\": \"^7.5.5\"\n },\n \"peerDependencies\": {\n \"gesturx\": \"^1.11.1\",\n \"rxjs\": \"^7.5.5\"\n },\n \"gitHead\": \"4601e14dcacf50b2295cb343582a7ef2c7e1eedc\"\n}\n","import type { HookManager, Reader } from \"@prose-reader/core\"\nimport type { PanRecognizer } from \"gesturx\"\nimport { filter, finalize, map, merge, of, switchMap, tap } from \"rxjs\"\nimport type { GesturesSettingsManager } from \"../SettingsManager\"\nimport type { Hook } from \"../types\"\n\nexport const registerPan = ({\n reader,\n recognizer,\n settingsManager,\n}: {\n recognizer: PanRecognizer\n reader: Reader\n hookManager: HookManager<Hook>\n settingsManager: GesturesSettingsManager\n}) => {\n const gestures$ = settingsManager.values$.pipe(\n switchMap(({ panNavigation }) => {\n const panStart$ = recognizer.events$.pipe(\n filter((event) => event.type === `panStart`),\n )\n const panMove$ = recognizer.events$.pipe(\n filter((event) => event.type === `panMove`),\n )\n const panEnd$ = recognizer.events$.pipe(\n filter((event) => event.type === `panEnd`),\n )\n\n const pan$ = panStart$.pipe(\n switchMap((panStartEvent) => {\n /**\n * We use the last cumulative delta to derive the new event atomic delta.\n * This is because panning the zoom does not necessarily means the zoom position\n * will always changes. If the user keep dragging while the zoom is blocked, we want\n * it to move the other direction when he start dragging the other way.\n * We cannot use the `reader.zoom.state.currentPosition` as previous position\n * and the event.deltaX to compute the new zoom position.\n */\n let lastDelta = { x: 0, y: 0 }\n\n /**\n * Whether this pan moves the page through the pan navigator, which\n * holds the navigation until it is stopped. However the pan ends,\n * it stops it, or the navigation stays held until the next pan.\n */\n let isPanningThePage = false\n\n const stopPanningThePage = (delta: { x: number; y: number }) => {\n if (!isPanningThePage) return\n\n isPanningThePage = false\n\n if (reader.navigation.panNavigator.value.isStarted)\n reader.navigation.panNavigator.stop(delta)\n }\n\n const moveAndEnd$ = merge(panMove$, panEnd$).pipe(\n tap((event) => {\n const isZooming = reader.zoom.state.isZooming\n const isZoomingIn = reader.zoom.state.currentScale > 1\n\n /**\n * When user is zooming in, we don't navigate anymore.\n * We still allow the pan gesture to move the zoomed controlled\n * viewport even when pan navigation itself is disabled.\n */\n if (isZooming && isZoomingIn) {\n const deltaX = event.deltaX - lastDelta.x\n const deltaY = event.deltaY - lastDelta.y\n\n lastDelta = {\n x: event.deltaX,\n y: event.deltaY,\n }\n\n reader.zoom.move(\n {\n x: reader.zoom.state.currentPosition.x + deltaX,\n y: reader.zoom.state.currentPosition.y + deltaY,\n },\n {\n constrain: \"within-viewport\",\n },\n )\n\n // A page moved before the zoom began lands where it was left.\n if (event.type === `panEnd`)\n stopPanningThePage(\n reader.navigation.panNavigator.value.lastDelta,\n )\n\n return\n }\n\n if (panNavigation !== \"pan\") return\n\n if (event.type === `panMove`) {\n isPanningThePage = true\n\n if (!reader.navigation.panNavigator.value.isStarted) {\n reader.navigation.panNavigator.start({\n x: event.deltaX,\n y: event.deltaY,\n })\n\n return\n }\n\n reader.navigation.panNavigator.panMoveTo({\n x: event.deltaX,\n y: event.deltaY,\n })\n\n return\n }\n\n stopPanningThePage({ x: event.deltaX, y: event.deltaY })\n }),\n /**\n * Torn down before it ended, as when the gestures settings change\n * mid-pan, the pan still lands where it was left.\n */\n finalize(() => {\n stopPanningThePage(reader.navigation.panNavigator.value.lastDelta)\n }),\n )\n\n return merge(of(panStartEvent), moveAndEnd$).pipe(\n map((event) => ({\n type: \"pan\" as const,\n gestureEvent: event,\n })),\n )\n }),\n )\n\n return pan$\n }),\n )\n\n return gestures$\n}\n","import {\n type HookManager,\n isHtmlElement,\n type Reader,\n} from \"@prose-reader/core\"\nimport type { PinchEvent } from \"gesturx\"\nimport {\n animationFrameScheduler,\n EMPTY,\n filter,\n map,\n merge,\n switchMap,\n takeUntil,\n tap,\n throttleTime,\n withLatestFrom,\n} from \"rxjs\"\nimport type { GesturesSettingsManager } from \"../SettingsManager\"\nimport type { GestureRecognizable, Hook } from \"../types\"\n\nconst isHtmlImageElement = (\n target: EventTarget | null,\n): 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 settingsManager: GesturesSettingsManager\n}) => {\n const pinchStart$ = recognizable.events$.pipe(\n map(({ event }) => event),\n filter((event): event is PinchEvent => event.type === \"pinchStart\"),\n )\n\n const pinchMove$ = recognizable.events$.pipe(\n map(({ event }) => event),\n filter((event): event is PinchEvent => event.type === \"pinchMove\"),\n )\n\n const pinchEnd$ = recognizable.events$.pipe(\n map(({ event }) => event),\n filter((event): event is PinchEvent => event.type === \"pinchEnd\"),\n )\n\n const shouldStartZoom = (\n target: EventTarget | null,\n ): target is HTMLImageElement =>\n isHtmlImageElement(target) && !reader.zoom.state.isZooming\n\n return settingsManager.values$.pipe(\n switchMap(({ fontScalePinchEnabled, fontScalePinchThrottleTime }) => {\n const zoomGestures$ = pinchStart$.pipe(\n switchMap(() => {\n const startScale = reader.zoom.state.currentScale\n\n return pinchMove$.pipe(\n withLatestFrom(reader.viewportState$),\n map(([event, viewportState]) => {\n // symmetric scaling calculation\n const newScale = startScale * event.scale\n\n /**\n * @important\n * We don't want to trigger zoom gestures if there is a pan navigation\n * in progress. This can happens if the user start panning and then adds\n * another finger triggering a pinch.\n */\n if (viewportState === \"busy\") {\n return event\n }\n\n if (!reader.zoom.state.isZooming && event.scale > 1) {\n reader.zoom.enter({ animate: false, scale: newScale })\n\n return event\n }\n\n if (reader.zoom.state.isZooming) {\n if (newScale < 1) {\n reader.zoom.exit()\n } else {\n reader.zoom.scaleAt(\n Math.min(newScale, settingsManager.values.zoomMaxScale),\n {\n constrain: \"within-viewport\",\n },\n )\n }\n\n return event\n }\n\n return event\n }),\n )\n }),\n )\n\n const watchForFontScaleChange$ = !fontScalePinchEnabled\n ? EMPTY\n : pinchStart$.pipe(\n withLatestFrom(reader.viewportState$),\n switchMap(([pinchStartEvent, viewportState]) => {\n if (\n viewportState === \"busy\" ||\n shouldStartZoom(pinchStartEvent.event.target) ||\n reader.zoom.state.isZooming\n )\n return EMPTY\n\n const lastFontScaleOnPinchStart = reader.settings.values.fontScale\n\n return pinchMove$.pipe(\n throttleTime(\n fontScalePinchThrottleTime,\n animationFrameScheduler,\n {\n trailing: true,\n },\n ),\n tap((event) => {\n const newScale = Number.parseFloat(\n (lastFontScaleOnPinchStart + (event.scale - 1)).toFixed(2),\n )\n\n const newMinMaxedFontScale = Math.max(\n Math.min(\n newScale,\n settingsManager.values.fontScaleMaxScale,\n ),\n settingsManager.values.fontScaleMinScale,\n )\n\n reader.settings.update({\n fontScale: newMinMaxedFontScale,\n })\n }),\n takeUntil(pinchEnd$),\n )\n }),\n )\n\n return merge(zoomGestures$, watchForFontScaleChange$).pipe(\n map((event) => ({\n type: \"pinch\" as const,\n gestureEvent: event,\n })),\n )\n }),\n )\n}\n","import type { HookManager, Reader } from \"@prose-reader/core\"\nimport type { SwipeEvent } from \"gesturx\"\nimport { EMPTY, filter, map, switchMap, tap } from \"rxjs\"\nimport type { GesturesSettingsManager } from \"../SettingsManager\"\nimport type { GestureEvent, GestureRecognizable, Hook } from \"../types\"\n\nconst isSwipeEvent = (event: GestureEvent[\"event\"]): event is SwipeEvent =>\n event.type === \"swipe\"\n\nexport const registerSwipe = ({\n reader,\n recognizable,\n settingsManager,\n}: {\n recognizable: GestureRecognizable\n reader: Reader\n hookManager: HookManager<Hook>\n settingsManager: GesturesSettingsManager\n}) => {\n const gestures$ = settingsManager.values$.pipe(\n switchMap(({ panNavigation }) =>\n panNavigation !== \"swipe\"\n ? EMPTY\n : recognizable.events$.pipe(\n map(({ event }) => event),\n filter(isSwipeEvent),\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 map((event) => ({ type: \"swipe\" as const, gestureEvent: event })),\n ),\n ),\n )\n\n return gestures$\n}\n","import { isHtmlElement } from \"@prose-reader/core\"\nimport type { GestureEvent } from \"./types\"\n\nexport const isNotLink = (event: GestureEvent[\"event\"]) => {\n const target = event.event.target\n\n if (isHtmlElement(target) && target.tagName === \"a\") return false\n\n return true\n}\n\nexport const getPositionRelativeToContainer = (\n event: { x: number; y: number },\n containerElementRect: DOMRectReadOnly,\n) => {\n const { x, y } = event\n const { left, top } = containerElementRect\n\n return {\n x: x - left,\n y: y - top,\n }\n}\n\nexport const istMatchingSelectors = (\n selectors: string[],\n event: GestureEvent[\"event\"],\n): boolean => {\n const target = event.event.target\n\n if (!isHtmlElement(target)) return false\n\n const match = selectors.find((selector) => {\n // Check if the target matches the selector directly\n if (target.matches(selector)) return true\n\n // Check if the target is within an element matching the selector\n if (target.closest(selector)) return true\n\n return false\n })\n\n return !!match\n}\n","import type { TapArea } from \"./types\"\n\nexport const isPositionInArea = (\n position: { x: number; y: number },\n area: TapArea,\n containerSize: { width: number; height: number },\n): boolean => {\n const { x, y } = position\n const { width, height } = containerSize\n\n switch (area.type) {\n case \"margins\": {\n const { top, bottom, left, right } = area\n const inTop = top !== undefined ? y < height * top : true\n const inBottom = bottom !== undefined ? y > height * (1 - bottom) : true\n const inLeft = left !== undefined ? x < width * left : true\n const inRight = right !== undefined ? x > width * (1 - right) : true\n\n return (\n (top !== undefined && inTop) ||\n (bottom !== undefined && inBottom) ||\n (left !== undefined && inLeft) ||\n (right !== undefined && inRight)\n )\n }\n\n case \"rectangle\": {\n const {\n x: rectX,\n y: rectY,\n width: rectWidth,\n height: rectHeight,\n unit = \"%\",\n } = area\n const actualX = unit === \"%\" ? width * (rectX / 100) : rectX\n const actualY = unit === \"%\" ? height * (rectY / 100) : rectY\n const actualWidth = unit === \"%\" ? width * (rectWidth / 100) : rectWidth\n const actualHeight =\n unit === \"%\" ? height * (rectHeight / 100) : rectHeight\n\n return (\n x >= actualX &&\n x <= actualX + actualWidth &&\n y >= actualY &&\n y <= actualY + actualHeight\n )\n }\n\n case \"corner\": {\n const { corner, size, unit = \"%\" } = area\n const actualSize =\n unit === \"%\" ? Math.min(width, height) * (size / 100) : size\n\n switch (corner) {\n case \"top-left\":\n return x < actualSize && y < actualSize\n case \"top-right\":\n return x > width - actualSize && y < actualSize\n case \"bottom-left\":\n return x < actualSize && y > height - actualSize\n case \"bottom-right\":\n return x > width - actualSize && y > height - actualSize\n default:\n return false\n }\n }\n\n case \"center\": {\n const { width: centerWidth, height: centerHeight, unit = \"%\" } = area\n const actualWidth =\n unit === \"%\" ? width * (centerWidth / 100) : centerWidth\n const actualHeight =\n unit === \"%\" ? height * (centerHeight / 100) : centerHeight\n const centerX = width / 2\n const centerY = height / 2\n\n return (\n x >= centerX - actualWidth / 2 &&\n x <= centerX + actualWidth / 2 &&\n y >= centerY - actualHeight / 2 &&\n y <= centerY + actualHeight / 2\n )\n }\n\n default:\n return false\n }\n}\n\nexport const calculatePageTurnLinearMargin = (screenWidth: number): number => {\n const minMargin = 0.15\n const maxMargin = 0.2\n const minWidth = 320\n const maxWidth = 1200\n\n if (screenWidth <= minWidth) return maxMargin\n if (screenWidth >= maxWidth) return minMargin\n\n // Linear interpolation between min and max\n const ratio = (screenWidth - minWidth) / (maxWidth - minWidth)\n return maxMargin - ratio * (maxMargin - minMargin)\n}\n","import type { HookManager, Reader } from \"@prose-reader/core\"\nimport type { TapRecognizer } from \"gesturx\"\nimport {\n combineLatest,\n EMPTY,\n filter,\n first,\n map,\n of,\n switchMap,\n withLatestFrom,\n} from \"rxjs\"\nimport type { GesturesSettingsManager } from \"../../SettingsManager\"\nimport type { GestureRecognizable, Hook } from \"../../types\"\nimport {\n getPositionRelativeToContainer,\n isNotLink,\n istMatchingSelectors,\n} from \"../../utils\"\nimport { calculatePageTurnLinearMargin, isPositionInArea } from \"./utils\"\n\nexport const registerTaps = ({\n reader,\n recognizable,\n hookManager,\n settingsManager,\n recognizer,\n}: {\n recognizable: GestureRecognizable\n reader: Reader\n hookManager: HookManager<Hook>\n recognizer: TapRecognizer\n settingsManager: GesturesSettingsManager\n}) => {\n const gestures$ = recognizable.events$.pipe(\n filter((event) => event.recognizer === recognizer),\n withLatestFrom(reader.context.watch(`rootElement`), reader.spine.element$),\n switchMap(([{ event }, containerElement, spineElement]) => {\n if (!containerElement || !spineElement) return EMPTY\n\n const normalizedEvent = event.event\n const { computedPageTurnDirection, computedPageTurnMode } =\n reader.settings.values\n\n if (\n event.type === \"tap\" &&\n isNotLink(event) &&\n !istMatchingSelectors(settingsManager.values.ignore, event)\n ) {\n if (`x` in normalizedEvent) {\n const containerElementRect = containerElement.getBoundingClientRect()\n const width = containerElementRect.width\n const pageTurnMargin = calculatePageTurnLinearMargin(width)\n const positionInContainer = getPositionRelativeToContainer(\n normalizedEvent,\n containerElementRect,\n )\n\n const positionInSpineNonTransformed =\n reader.coordinates.getSpinePositionFromClientPosition(\n normalizedEvent,\n )\n\n const spineItemPageInfo = positionInSpineNonTransformed\n ? reader.spine.locator.getSpineItemPagePositionFromSpinePosition(\n positionInSpineNonTransformed,\n )\n : undefined\n\n const beforeTapResults$ = hookManager.execute(\"beforeTapGesture\", {\n event$: of({ event, page: spineItemPageInfo }),\n })\n\n return combineLatest([...beforeTapResults$, of(true)]).pipe(\n first(),\n filter((results) => !results.some((result) => result === false)),\n map(() => {\n const isZoomedIn =\n reader.zoom.state.isZooming &&\n reader.zoom.state.currentScale > 1\n\n if (computedPageTurnMode === \"scrollable\" || isZoomedIn) {\n return {\n type: \"tap\" as const,\n gestureEvent: event,\n handled: false,\n }\n }\n\n if (\n computedPageTurnDirection === \"horizontal\" &&\n isPositionInArea(\n positionInContainer,\n { type: \"margins\", left: pageTurnMargin },\n containerElementRect,\n )\n ) {\n reader.navigation.turnLeftOrTop()\n } else if (\n computedPageTurnDirection === \"vertical\" &&\n isPositionInArea(\n positionInContainer,\n { type: \"margins\", top: pageTurnMargin },\n containerElementRect,\n )\n ) {\n reader.navigation.turnLeftOrTop()\n } else if (\n computedPageTurnDirection === \"vertical\" &&\n isPositionInArea(\n positionInContainer,\n { type: \"margins\", bottom: pageTurnMargin },\n containerElementRect,\n )\n ) {\n reader.navigation.turnRightOrBottom()\n } else if (\n computedPageTurnDirection === \"horizontal\" &&\n isPositionInArea(\n positionInContainer,\n { type: \"margins\", right: pageTurnMargin },\n containerElementRect,\n )\n ) {\n reader.navigation.turnRightOrBottom()\n } else {\n return {\n type: \"tap\" as const,\n gestureEvent: event,\n handled: false,\n }\n }\n\n return {\n type: \"tap\" as const,\n gestureEvent: event,\n handled: true,\n }\n }),\n )\n }\n }\n\n return EMPTY\n }),\n )\n\n return gestures$\n}\n","import type { Reader } from \"@prose-reader/core\"\n\n/**\n * A browser lets an image, a link or a text selection be dragged out of the\n * page: pressed and moved a few pixels, it starts a drag of its own and cancels\n * the pointer for it. The recognizers then never see the pointer move on or be\n * released, so the press neither taps nor pans. On a comic, every page is an\n * image.\n *\n * Inside the book the pointer belongs to the gestures, so those drags are\n * cancelled in each item's document, the one core forwards the pointer events\n * from. The listener runs in the capture phase, before any listener of the\n * book's own content, so a script that stops the event cannot let the drag\n * through.\n */\nexport const preventNativeDrag = (reader: Reader) => {\n const cancelDrag = (event: DragEvent) => {\n event.preventDefault()\n }\n\n const documentOf = (itemId: string) =>\n reader.spineItemsManager.get(itemId)?.renderer.getDocumentFrame()\n ?.contentDocument\n\n reader.hookManager.register(`item.onDocumentLoad`, async ({ itemId }) => {\n documentOf(itemId)?.addEventListener(`dragstart`, cancelDrag, {\n capture: true,\n })\n })\n\n reader.hookManager.register(`item.onDocumentUnload`, ({ itemId }) => {\n documentOf(itemId)?.removeEventListener(`dragstart`, cancelDrag, {\n capture: true,\n })\n })\n}\n","import { type Reader, SettingsManager } from \"@prose-reader/core\"\nimport { takeUntil, tap } from \"rxjs\"\nimport type { InputSettings, OutputSettings } from \"./types\"\n\nexport class GesturesSettingsManager extends SettingsManager<\n InputSettings,\n OutputSettings\n> {\n constructor(\n initialSettings: Partial<InputSettings>,\n private reader: Reader,\n ) {\n super(initialSettings)\n\n /**\n * Since we have settings that may be locked due to some reader settings\n * we need to update as soon as they update as well.\n */\n reader.settings.values$\n .pipe(\n tap(() => {\n this.update({})\n }),\n takeUntil(this.destroy$),\n )\n .subscribe()\n }\n\n getOutputSettings(inputSettings: InputSettings): OutputSettings {\n return {\n ...inputSettings,\n panNavigation:\n this.reader.settings.values.computedPageTurnMode === `scrollable`\n ? false\n : inputSettings.panNavigation,\n }\n }\n\n getDefaultSettings(): InputSettings {\n return {\n panNavigation: \"pan\",\n pinchCancelPan: true,\n fontScalePinchEnabled: true,\n fontScalePinchThrottleTime: 500,\n fontScaleMaxScale: 5,\n fontScaleMinScale: 0.2,\n zoomMaxScale: Infinity,\n ignore: [],\n }\n }\n}\n","[data-prose-reader-container=\"${id}\"] * {\n /* Make sure that touche actions are correctly dispatched no matter where the user interact */\n touch-action: inherit;\n}\n","import { HookManager, type Reader } from \"@prose-reader/core\"\nimport {\n PanRecognizer,\n PinchRecognizer,\n Recognizable,\n SwipeRecognizer,\n TapRecognizer,\n} from \"gesturx\"\nimport { combineLatest, merge, share, takeUntil, tap } from \"rxjs\"\nimport { name as packageName } from \"../package.json\"\nimport { registerPan } from \"./gestures/pan\"\nimport { registerPinch } from \"./gestures/pinch\"\nimport { registerSwipe } from \"./gestures/swipe\"\nimport { registerTaps } from \"./gestures/taps/registerTaps\"\nimport { preventNativeDrag } from \"./preventNativeDrag\"\nimport { GesturesSettingsManager } from \"./SettingsManager\"\nimport styles from \"./style.css?inline\"\nimport type { EnhancerAPI, Hook, InputSettings } from \"./types\"\n\nexport { isPositionInArea } from \"./gestures/taps/utils\"\nexport * from \"./types\"\n\nexport const gesturesEnhancer =\n <InheritOptions, InheritOutput extends Reader>(\n next: (options: InheritOptions) => InheritOutput,\n ) =>\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 removeStylesheet = reader.utils.injectScopedCSS(\n document,\n packageName,\n styles,\n )\n\n const settingsManager = new GesturesSettingsManager(gestures, reader)\n\n preventNativeDrag(reader)\n\n const hookManager = new HookManager<Hook>()\n\n const pinchRecognizer = new PinchRecognizer({\n options: {\n /**\n * @important\n * Ideally we want pinch to triggers before pan so we can\n * capture zoom before starting panning.\n */\n posThreshold: 10,\n },\n })\n\n const failWithSelection = {\n start$: reader.selection.selectionStart$,\n end$: reader.selection.selectionEnd$,\n }\n\n const panRecognizer = new PanRecognizer({\n failWith: [pinchRecognizer, failWithSelection],\n options: {\n // we want to have some margin to trigger zoom\n posThreshold: 20,\n },\n })\n\n const tapRecognizer = new TapRecognizer({\n failWith: [panRecognizer],\n })\n\n const swipeRecognizer = new SwipeRecognizer({\n failWith: [failWithSelection],\n })\n\n const recognizable = new Recognizable({\n recognizers: [\n tapRecognizer,\n panRecognizer,\n swipeRecognizer,\n pinchRecognizer,\n ],\n disableTextSelection: false,\n })\n\n const tapGestures$ = registerTaps({\n hookManager,\n reader,\n recognizable,\n settingsManager,\n recognizer: tapRecognizer,\n })\n\n const panGestures$ = registerPan({\n hookManager,\n reader,\n recognizer: panRecognizer,\n settingsManager,\n })\n\n const swipeGestures$ = registerSwipe({\n hookManager,\n reader,\n recognizable,\n settingsManager,\n })\n\n const pinchGestures$ = registerPinch({\n hookManager,\n reader,\n recognizable,\n settingsManager,\n })\n\n const containerUpdate$ = reader.context.watch(`rootElement`).pipe(\n tap((container) => {\n recognizable.update({\n container,\n })\n }),\n )\n\n const watchSettings$ = combineLatest([\n settingsManager.values$,\n panRecognizer.config$,\n ]).pipe(\n tap(([{ pinchCancelPan }, panRecognizerConfig]) => {\n const pinchAlreadyInFailWith =\n panRecognizerConfig.failWith?.includes(pinchRecognizer)\n\n if (pinchCancelPan && !pinchAlreadyInFailWith) {\n panRecognizer.update({\n failWith: [\n ...(panRecognizerConfig.failWith ?? []),\n pinchRecognizer,\n ],\n })\n }\n\n if (!pinchCancelPan && pinchAlreadyInFailWith) {\n panRecognizer.update({\n failWith: panRecognizerConfig.failWith?.filter(\n (recognizer) => recognizer !== pinchRecognizer,\n ),\n })\n }\n }),\n )\n\n const gestures$ = merge(\n pinchGestures$,\n tapGestures$,\n swipeGestures$,\n panGestures$,\n ).pipe(share())\n\n merge(containerUpdate$, watchSettings$, gestures$)\n .pipe(takeUntil(reader.$.destroy$))\n .subscribe()\n\n return {\n ...reader,\n destroy: () => {\n removeStylesheet()\n reader.destroy()\n settingsManager.destroy()\n },\n gestures: {\n settings: settingsManager,\n gestures$,\n hooks: hookManager,\n },\n }\n }\n"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@prose-reader/enhancer-gestures",
|
|
3
|
-
"version": "22.0.
|
|
3
|
+
"version": "22.0.1",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./dist/index.cjs",
|
|
6
6
|
"module": "./dist/index.js",
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
"test": "vitest run --coverage"
|
|
26
26
|
},
|
|
27
27
|
"dependencies": {
|
|
28
|
-
"@prose-reader/core": "^22.0.
|
|
28
|
+
"@prose-reader/core": "^22.0.1"
|
|
29
29
|
},
|
|
30
30
|
"devDependencies": {
|
|
31
31
|
"gesturx": "*",
|
|
@@ -35,5 +35,5 @@
|
|
|
35
35
|
"gesturx": "^1.11.1",
|
|
36
36
|
"rxjs": "^7.5.5"
|
|
37
37
|
},
|
|
38
|
-
"gitHead": "
|
|
38
|
+
"gitHead": "763ac7fbd83f4dc95e6baef5f1ab46006cd8bba8"
|
|
39
39
|
}
|