@prose-reader/react-reader 1.117.0

package/src/navigation/useNavigationContext.ts

@@ -0,0 +1,46 @@
+import { usePagination } from "../pagination/usePagination"
+
+export const useNavigationContext = () => {
+  const pagination = usePagination()
+  const hasOnlyOnePage = pagination?.numberOfTotalPages === 1
+
+  const isBeginWithinChapter =
+    (pagination?.beginNumberOfPagesInSpineItem ?? 0) > 1
+
+  const isEndWithinChapter = (pagination?.endNumberOfPagesInSpineItem ?? 0) > 1
+
+  const beginPageIndex =
+    (pagination?.hasChapters
+      ? pagination?.beginPageIndexInSpineItem
+      : pagination?.beginAbsolutePageIndex) ?? 0
+  const endPageIndex =
+    (pagination?.hasChapters
+      ? pagination?.endPageIndexInSpineItem
+      : pagination?.endAbsolutePageIndex) ?? 0
+
+  const [leftPageIndex = 0, rightPageIndex = 0] = [
+    beginPageIndex,
+    endPageIndex,
+  ].sort((a, b) => a - b)
+
+  const beginAndEndAreDifferent =
+    pagination?.beginPageIndexInSpineItem !==
+      pagination?.endPageIndexInSpineItem ||
+    pagination?.beginSpineItemIndex !== pagination?.endSpineItemIndex
+
+  const totalApproximatePages = pagination?.hasChapters
+    ? pagination?.beginNumberOfPagesInSpineItem
+    : pagination?.numberOfTotalPages
+
+  return {
+    hasOnlyOnePage,
+    beginPageIndex,
+    endPageIndex,
+    isBeginWithinChapter,
+    isEndWithinChapter,
+    beginAndEndAreDifferent,
+    totalApproximatePages,
+    leftPageIndex,
+    rightPageIndex,
+  }
+}

package/src/pagination/usePagination.ts

@@ -0,0 +1,29 @@
+import type { Reader } from "@prose-reader/core"
+import { useObserve } from "reactjrx"
+import { NEVER, combineLatest, map } from "rxjs"
+import { useReader } from "../context/useReader"
+
+export const usePagination = ():
+  | (Reader["pagination"]["state"] & { hasChapters: boolean })
+  | undefined => {
+  const reader = useReader()
+
+  return useObserve(
+    () =>
+      !reader
+        ? NEVER
+        : combineLatest([reader.pagination.state$, reader.context.state$]).pipe(
+            map(([state, context]) => {
+              const isOnlyImages = context.manifest?.spineItems.every((item) =>
+                item.mediaType?.startsWith("image/"),
+              )
+
+              return {
+                ...state,
+                hasChapters: !context.isFullyPrePaginated && !isOnlyImages,
+              }
+            }),
+          ),
+    [reader],
+  )
+}

package/src/settings/useSettings.ts

@@ -0,0 +1,9 @@
+import type { Reader } from "@prose-reader/core"
+import { useObserve } from "reactjrx"
+import { useReader } from "../context/useReader"
+
+export const useSettings = (): Reader["settings"]["values"] | undefined => {
+  const reader = useReader()
+
+  return useObserve(() => reader?.settings.values$, [reader])
+}

package/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

package/tsconfig.app.json

@@ -0,0 +1,26 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "declaration": false,
+    "noEmit": true,
+    "jsx": "react-jsx",
+    "outDir": "dist",
+    "noUncheckedIndexedAccess": true,
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true,
+    "esModuleInterop": true
+  },
+  "include": ["src"]
+}

package/tsconfig.json

@@ -0,0 +1,7 @@
+{
+  "files": [],
+  "references": [
+    { "path": "./tsconfig.app.json" },
+    { "path": "./tsconfig.node.json" }
+  ]
+}

package/tsconfig.node.json

@@ -0,0 +1,22 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "target": "ES2022",
+    "lib": ["ES2023"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["vite.config.ts"]
+}

package/vite.config.ts

@@ -0,0 +1,32 @@
+import { resolve } from "node:path"
+import react from "@vitejs/plugin-react"
+import externals from "rollup-plugin-node-externals"
+import { defineConfig } from "vite"
+import dts from "vite-plugin-dts"
+
+// https://vite.dev/config/
+export default defineConfig(({ mode }) => ({
+  build: {
+    lib: {
+      entry: resolve(__dirname, "src/index.ts"),
+      name: "prose-react-reader",
+      fileName: `index`,
+    },
+    emptyOutDir: mode !== "development",
+    sourcemap: true,
+  },
+  plugins: [
+    {
+      enforce: `pre`,
+      ...externals({
+        peerDeps: true,
+        deps: true,
+        devDeps: true,
+      }),
+    },
+    react(),
+    dts({
+      tsconfigPath: "./tsconfig.app.json",
+    }),
+  ],
+}))