103 lines
4.0 KiB
TypeScript
103 lines
4.0 KiB
TypeScript
/*
|
|
* Copyright (C) Contributors to the Suwayomi project
|
|
*
|
|
* This Source Code Form is subject to the terms of the Mozilla Public
|
|
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
* file, You can obtain one at https://mozilla.org/MPL/2.0/.
|
|
*/
|
|
|
|
import type { TReaderProgressCurrentPage } from '@/features/reader/overlay/progress-bar/ReaderProgressBar.types.ts';
|
|
import type { getOptionForDirection as getOptionForDirectionImpl } from '@/features/theme/services/ThemeCreator.ts';
|
|
import type { ReaderStatePages } from '@/features/reader/Reader.types.ts';
|
|
import { ProgressBarPosition } from '@/features/reader/Reader.types.ts';
|
|
import { coerceIn } from '@/lib/HelperFunctions.ts';
|
|
import { DirectionOffset } from '@/base/Base.types.ts';
|
|
|
|
export const getPage = (pageIndex: number, pages: ReaderStatePages['pages']): TReaderProgressCurrentPage => {
|
|
const pagesIndex = pages.findIndex(({ primary, secondary }) =>
|
|
[primary.index, secondary?.index].includes(pageIndex),
|
|
);
|
|
const page = pages[coerceIn(pagesIndex, 0, pages.length - 1)];
|
|
return {
|
|
...page,
|
|
pagesIndex,
|
|
};
|
|
};
|
|
|
|
/**
|
|
* for the double page mode the secondary page index has to be used to be able to correctly detect if the last page is visible
|
|
*
|
|
*/
|
|
export const getIndexOfPage = (page: ReaderStatePages['pages'][number]) => page.secondary?.index ?? page.primary.index;
|
|
|
|
export const getNextPageIndex = (
|
|
offset: 'previous' | 'next',
|
|
pagesIndex: number,
|
|
pages: ReaderStatePages['pages'],
|
|
): number => {
|
|
const offsetNumber = offset === 'previous' ? DirectionOffset.PREVIOUS : DirectionOffset.NEXT;
|
|
|
|
return getIndexOfPage(pages[coerceIn(pagesIndex + offsetNumber, 0, pages.length - 1)]);
|
|
};
|
|
|
|
export const getPageForMousePos = (
|
|
coordinates: { clientX: number; clientY: number },
|
|
element: HTMLElement,
|
|
pages: ReaderStatePages['pages'],
|
|
isHorizontalPosition: boolean,
|
|
fullSegmentClicks: boolean,
|
|
getOptionForDirection: typeof getOptionForDirectionImpl,
|
|
): ReaderStatePages['pages'][number] => {
|
|
const pos = isHorizontalPosition ? coordinates.clientX : coordinates.clientY;
|
|
|
|
const { paddingTop, paddingBottom, paddingLeft, paddingRight } = getComputedStyle(element);
|
|
const elementRect = element.getBoundingClientRect();
|
|
const padding = isHorizontalPosition
|
|
? parseFloat(paddingLeft) + parseFloat(paddingRight)
|
|
: parseFloat(paddingTop) + parseFloat(paddingBottom);
|
|
|
|
const rectPos = isHorizontalPosition ? elementRect.left : elementRect.top;
|
|
const rectSizeWithPadding = isHorizontalPosition ? elementRect.width : elementRect.height;
|
|
const rectSize = rectSizeWithPadding - padding;
|
|
|
|
const mousePosRelativeToProgressBar = pos - rectPos - padding / 2;
|
|
|
|
const totalPages = pages.length - Number(!fullSegmentClicks);
|
|
|
|
const segmentWidth = rectSize / totalPages;
|
|
const clickedSegmentIndex = Math.floor(mousePosRelativeToProgressBar / segmentWidth);
|
|
const segmentMiddlePoint = (clickedSegmentIndex + (fullSegmentClicks ? 1 : 0.5)) * segmentWidth;
|
|
const actualClickedSegmentIndex =
|
|
mousePosRelativeToProgressBar <= segmentMiddlePoint ? clickedSegmentIndex : clickedSegmentIndex + 1;
|
|
|
|
const minPageIndex = Math.max(0, actualClickedSegmentIndex);
|
|
const maxPageIndex = Math.min(minPageIndex, pages.length - 1);
|
|
const newPageIndex = getOptionForDirection(maxPageIndex, pages.length - 1 - maxPageIndex);
|
|
|
|
return pages[newPageIndex];
|
|
};
|
|
|
|
export const getProgressBarPositionInfo = (
|
|
position: ProgressBarPosition,
|
|
): {
|
|
isBottom: boolean;
|
|
isLeft: boolean;
|
|
isRight: boolean;
|
|
isHorizontal: boolean;
|
|
isVertical: boolean;
|
|
} => {
|
|
const isBottom = position === ProgressBarPosition.BOTTOM;
|
|
const isLeft = position === ProgressBarPosition.LEFT;
|
|
const isRight = position === ProgressBarPosition.RIGHT;
|
|
const isHorizontal = isBottom;
|
|
const isVertical = isLeft || isRight;
|
|
|
|
return {
|
|
isBottom,
|
|
isLeft,
|
|
isRight,
|
|
isHorizontal,
|
|
isVertical,
|
|
};
|
|
};
|