From 3f6bd71aaac4277d046485fe8ea2a791ea089cd8 Mon Sep 17 00:00:00 2001 From: Wolfgang Müller Date: Tue, 18 Feb 2025 15:51:14 +0100 Subject: frontend: Migrate PageView to Svelte 5 --- frontend/src/lib/Reader.svelte.ts | 59 +++++++++++++++++++++++++++++++++++++++ 1 file changed, 59 insertions(+) create mode 100644 frontend/src/lib/Reader.svelte.ts (limited to 'frontend/src/lib/Reader.svelte.ts') diff --git a/frontend/src/lib/Reader.svelte.ts b/frontend/src/lib/Reader.svelte.ts new file mode 100644 index 0000000..f5a5322 --- /dev/null +++ b/frontend/src/lib/Reader.svelte.ts @@ -0,0 +1,59 @@ +import { Layout, type PageFragment } from '$gql/graphql'; +import { getContext, setContext } from 'svelte'; + +export interface Chunk { + main: PageFragment; + secondary?: PageFragment; + index: number; +} + +class ReaderContext { + visible = $state(false); + sidebar = $state(false); + pages: PageFragment[] = $state([]); + page = $state(0); + + open = (page: number) => { + this.page = page; + this.visible = true; + }; +} + +export function initReaderContext() { + return setContext('reader', new ReaderContext()); +} + +export function getReaderContext() { + return getContext('reader'); +} + +export function partition(pages: PageFragment[], layout: Layout): [Chunk[], number[]] { + const single = layout === Layout.Single; + const offset = layout === Layout.DoubleOffset; + + const chunks: Chunk[] = []; + const lookup: number[] = Array(pages.length); + + for (let chunkIndex = 0, pageIndex = 0; pageIndex < pages.length; chunkIndex++) { + const wide = () => pages[pageIndex].image.aspectRatio > 1; + + const nextPage = () => { + lookup[pageIndex] = chunkIndex; + return pages[pageIndex++]; + }; + + const offsetFirst = pageIndex === 0 && offset; + const full = single || wide() || offsetFirst; + + const chunk: Chunk = { index: pageIndex, main: nextPage() }; + + if (!full && pageIndex < pages.length) { + if (!wide()) { + chunk.secondary = nextPage(); + } + } + + chunks.push(chunk); + } + return [chunks, lookup]; +} -- cgit v1.2.3-2-gb3c3