chore: Release v2.0.3

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

.eslintrc.js

@@ -1,18 +1,22 @@
 module.exports = {
   root: true,
-  extends: '@react-native-community',
-  parser: '@typescript-eslint/parser',
-  plugins: ['@typescript-eslint'],
+  extends: '@react-native',
   overrides: [
     {
       files: ['*.js', '*.jsx', '*.ts', '*.tsx'],
       rules: {
-        '@typescript-eslint/no-shadow': ['warn'],
         'no-shadow': 'off',
         'no-undef': 'off',
-        'react-native/no-inline-styles': 'warn',
-        'no-console': 'warn',
+        'no-console': 'error',
+        '@typescript-eslint/no-shadow': 'warn',
         'react-hooks/exhaustive-deps': 'warn',
+        'curly': ['error', 'multi-line', 'consistent'],
+        'no-useless-return': 'error',
+        'block-scoped-var': 'error',
+        'no-var': 'error',
+        'prefer-const': 'error',
+        'no-dupe-else-if': 'error',
+        'no-duplicate-imports': 'error',
       },
     },
   ],

.github/ISSUE_TEMPLATE/report_issue.yml

@@ -45,7 +45,7 @@ body:
       label: LNReader version
       description: You can find your LNReader version in **More → About**.
       placeholder: |
-        Example: "1.1.18"
+        Example: "2.0.3"
     validations:
       required: true
 
@@ -86,9 +86,9 @@ body:
           required: true
         - label: I have written a short but informative title.
           required: true
-        - label: If this is an issue with a source, I should be opening an issue in the [sources repository](https://github.com/lnreader/lnreader-sources/issues/new/choose).
+        - label: If this is an issue with a plugin, I should be opening an issue in the [plugins repository](https://github.com/lnreader/lnreader-plugins/issues/new/choose).
           required: true
-        - label: I have updated the app to version **[1.1.18](https://github.com/lnreader/lnreader/releases/latest)**.
+        - label: I have updated the app to version **[2.0.3](https://github.com/lnreader/lnreader/releases/latest)**.
           required: true
         - label: I will fill out all of the requested information in this form.
           required: true

.github/ISSUE_TEMPLATE/request_feature.yml

@@ -32,9 +32,9 @@ body:
           required: true
         - label: I have written a short but informative title.
           required: true
-        - label: If this is an issue with a source, I should be opening an issue in the [sources repository](https://github.com/LNReader/lnreader-sources/issues/new/choose).
+        - label: If this is an issue with a source, I should be opening an issue in the [sources repository](https://github.com/lnreader/lnreader-sources/issues/new/choose).
           required: true
-        - label: I have updated the app to version **[1.1.18](https://github.com/LNReader/lnreader/releases/latest)**.
+        - label: I have updated the app to version **[2.0.3](https://github.com/lnreader/lnreader/releases/latest)**.
           required: true
         - label: I will fill out all of the requested information in this form.
           required: true

.github/workflows/build.yml

@@ -1,52 +1,94 @@
-name: CI
+name: Build
 on:
   push:
     branches:
-      - main
+      - master
+  workflow_dispatch:
+
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
+
 jobs:
   build-android:
     name: Build App
     runs-on: ubuntu-latest
+    timeout-minutes: 60
     steps:
-      - name: Clone Repository (Latest)
-        uses: actions/checkout@v3
+      - name: Checkout Repository
+        uses: actions/checkout@v4
         with:
           fetch-depth: 0
-      - uses: actions/setup-node@v3
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
         with:
-          node-version: '16'
-      - name: Install Dependencies
+          node-version: '20'
+
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v4
+
+      - name: Get pnpm Store Directory
+        shell: bash
         run: |
-          npm install
+          echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV
 
-      - name: Cache Gradle Wrapper
-        uses: actions/cache@v3
+      - name: Setup pnpm Cache
+        uses: actions/cache@v4
         with:
-          path: ~/.gradle/wrapper
-          key: ${{ runner.os }}-gradle-wrapper-${{ hashFiles('gradle/wrapper/gradle-wrapper.properties') }}
-
-      - name: Cache Gradle Dependencies
-        uses: actions/cache@v3
-        with:
-          path: ~/.gradle/caches
-          key: ${{ runner.os }}-gradle-caches-${{ hashFiles('gradle/wrapper/gradle-wrapper.properties') }}
+          path: ${{ env.STORE_PATH }}
+          key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
           restore-keys: |
-            ${{ runner.os }}-gradle-caches-
+            ${{ runner.os }}-pnpm-store-
+
+      - name: Setup Java
+        uses: actions/setup-java@v4
+        with:
+          distribution: 'zulu'
+          java-version: '17'
+
+      - name: Setup Gradle
+        uses: gradle/actions/setup-gradle@v4
+        with:
+          cache-read-only: false
+
+      - name: Install Dependencies
+        run: pnpm install --frozen-lockfile
+
+      - name: Create Environment File
+        run: |
+          cat > .env << EOF
+          MYANIMELIST_CLIENT_ID=${{ vars.MYANIMELIST_CLIENT_ID }}
+          ANILIST_CLIENT_ID=${{ vars.ANILIST_CLIENT_ID }}
+          GIT_HASH=$(git rev-parse --short HEAD)
+          RELEASE_DATE=$(date --utc +'%d/%m/%y %I:%M %p %Z')
+          BUILD_TYPE=Github Action
+          EOF
 
       - name: Make Gradlew Executable
         run: cd android && chmod +x ./gradlew
 
-      - name: Build Android Release
-        run: |
-          cd android && ./gradlew assembleRelease --no-daemon
-
-      - name: Set Env
+      - name: Set Environment Variables
         run: |
           set -x
           echo "COMMIT_COUNT=$(git rev-list --count HEAD)" >> $GITHUB_ENV
+          echo "COMMIT_ID=$(git rev-parse --short HEAD)" >> $GITHUB_ENV
 
-      - name: Upload Artifact
-        uses: actions/upload-artifact@v1
+      - name: Build Android Release
+        env:
+          COMMIT_COUNT: ${{ env.COMMIT_COUNT }}
+          COMMIT_ID: ${{ env.COMMIT_ID }}
+        run: |
+          sed -i 's/lnreader/lnreader-r${{ env.COMMIT_COUNT }}(${{ env.COMMIT_ID }})/g' android/app/src/main/res/values/strings.xml
+          cd android && ./gradlew assembleRelease -PcustomAppId=com.rajarsheechatterjee.LNReader.commit_${{ env.COMMIT_ID }} --build-cache
+          mv app/build/outputs/apk/release/app-release.apk app/build/outputs/apk/release/LNReader-r${{ env.COMMIT_COUNT }}-${{ env.COMMIT_ID }}.apk
+
+      - name: Upload Release Artifact
+        env:
+          COMMIT_COUNT: ${{ env.COMMIT_COUNT }}
+          COMMIT_ID: ${{ env.COMMIT_ID }}
+        uses: actions/upload-artifact@v4
         with:
-          name: LNReader-r${{ env.COMMIT_COUNT }}
-          path: android/app/build/outputs/apk/release/app-release.apk
+          name: LNReader-r${{ env.COMMIT_COUNT }}-${{ env.COMMIT_ID }}
+          path: android/app/build/outputs/apk/release/LNReader-r${{ env.COMMIT_COUNT }}-${{ env.COMMIT_ID }}.apk
+          retention-days: 30

.github/workflows/issue_moderator.yml

@@ -13,11 +13,9 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Moderate issues
-        uses: tachiyomiorg/issue-moderator-action@v2
+        uses: tachiyomiorg/issue-moderator-action@v1
         with:
           repo-token: ${{ secrets.GITHUB_TOKEN }}
-          duplicate-label: Duplicate
-
           auto-close-rules: |
             [
               {
@@ -31,4 +29,3 @@ jobs:
                 "message": "Requested information in the template was not filled out."
               }
             ]
-          auto-close-ignore-label: do-not-autoclose

.github/workflows/lint.yml

@@ -1,19 +1,48 @@
-name: CI
+name: Lint
 on:
   push:
     branches:
-      - main
+      - master
   pull_request:
     branches:
-      - main
+      - master
+
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
 
 jobs:
   build:
     name: ESLint
     runs-on: ubuntu-latest
+    timeout-minutes: 10
     steps:
-      - uses: actions/checkout@v2
-      - name: Install modules
-        run: npm i
+      - name: Checkout Repository
+        uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v4
+
+      - name: Get pnpm Store Directory
+        shell: bash
+        run: |
+          echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV
+
+      - name: Setup pnpm Cache
+        uses: actions/cache@v4
+        with:
+          path: ${{ env.STORE_PATH }}
+          key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
+          restore-keys: |
+            ${{ runner.os }}-pnpm-store-
+
+      - name: Install Dependencies
+        run: pnpm install --frozen-lockfile
+
       - name: Run ESLint
-        run: npm run lint
+        run: pnpm run lint

.github/workflows/lock.yml

@@ -1,19 +0,0 @@
-name: Lock threads
-
-on:
-  # Daily
-  schedule:
-    - cron: '0 0 * * *'
-  # Manual trigger
-  workflow_dispatch:
-    inputs:
-
-jobs:
-  lock:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: dessant/lock-threads@v4
-        with:
-          github-token: ${{ github.token }}
-          issue-inactive-days: '2'
-          pr-inactive-days: '2'

.github/workflows/types.yml

@@ -0,0 +1,45 @@
+# Temporarily Disabled
+name: Type Check
+on:
+  workflow_dispatch:
+  # push:
+  #   branches:
+  #     - master
+  # pull_request:
+  #   branches:
+  #     - master
+
+jobs:
+  build:
+    name: Type Checking
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout Repository
+        uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v4
+
+      - name: Get pnpm Store Directory
+        shell: bash
+        run: |
+          echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV
+
+      - name: Setup pnpm Cache
+        uses: actions/cache@v4
+        with:
+          path: ${{ env.STORE_PATH }}
+          key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
+          restore-keys: |
+            ${{ runner.os }}-pnpm-store-
+
+      - name: Install Dependencies
+        run: pnpm install --frozen-lockfile
+
+      - name: Check Types
+        run: pnpm run type-check

.gitignore

@@ -9,7 +9,7 @@ npm-debug.*
 *.orig.*
 web-build/
 .env
-
+reader_playground/index.html
 # macOS
 .DS_Store
 
@@ -38,7 +38,7 @@ DerivedData
 *.hmap
 *.ipa
 *.xcuserstate
-project.xcworkspace
+**/.xcode.env.local
 
 # Android/IntelliJ
 #
@@ -48,6 +48,10 @@ build/
 local.properties
 *.iml
 *.hprof
+.cxx/
+*.keystore
+!debug.keystore
+.kotlin/
 
 # node.js
 #
@@ -66,6 +70,7 @@ buck-out/
 
 # CocoaPods
 /ios/Pods/
+Gemfile.lock
 
 # Expo
 .expo/
@@ -75,6 +80,15 @@ web-build/
 
 .vscode/
 src/sources/en/generators/
+*.lockb
+*.lock
+!pnpm-lock.yaml
+.tool-versions
+flake.lock
 
-# jenv
-.java-version
+# pnpm
+.pnpm-store
+
+.cursor/
+.agents/
+.claude/

.prettierignore

@@ -1 +1,3 @@
-**/node_modules
+**/node_modules
+android/**/js/van.js
+android/**/js/text-vibe.js

.prettierrc.js

@@ -7,4 +7,5 @@ module.exports = {
   trailingComma: 'all',
   arrowParens: 'avoid',
   quoteProps: 'preserve',
+  endOfLine: 'auto', // stop prettier from getting mad on windows
 };

App.js

@@ -1,66 +0,0 @@
-import 'react-native-gesture-handler';
-import { enableFreeze } from 'react-native-screens';
-
-enableFreeze(true);
-
-import React, { useEffect } from 'react';
-import { StatusBar } from 'react-native';
-import { GestureHandlerRootView } from 'react-native-gesture-handler';
-import LottieSplashScreen from 'react-native-lottie-splash-screen';
-import { SafeAreaProvider } from 'react-native-safe-area-context';
-import { Provider as PaperProvider } from 'react-native-paper';
-import { Provider } from 'react-redux';
-import { PersistGate } from 'redux-persist/lib/integration/react';
-import * as Notifications from 'expo-notifications';
-import { BottomSheetModalProvider } from '@gorhom/bottom-sheet';
-
-import { createDatabase } from '@database/db';
-import { persistor, store } from '@redux/store';
-import AppErrorBoundary from '@components/AppErrorBoundary/AppErrorBoundary';
-import NewUpdateDialog from '@components/NewUpdateDialog';
-
-import Main from './src/navigators/Main';
-
-// Initialize trackers
-import './src/services/Trackers/index';
-import './src/services/Trackers/aniList';
-import './src/services/Trackers/myAnimeList';
-
-Notifications.setNotificationHandler({
-  handleNotification: async () => {
-    return {
-      shouldShowAlert: true,
-      shouldPlaySound: true,
-      shouldSetBadge: true,
-    };
-  },
-});
-
-const App = () => {
-  useEffect(() => {
-    LottieSplashScreen.hide();
-    createDatabase();
-  }, []);
-
-  return (
-    <GestureHandlerRootView style={{ flex: 1 }}>
-      <AppErrorBoundary>
-        <Provider store={store}>
-          <PersistGate loading={null} persistor={persistor}>
-            <SafeAreaProvider>
-              <PaperProvider>
-                <BottomSheetModalProvider>
-                  <NewUpdateDialog />
-                  <StatusBar translucent={true} backgroundColor="transparent" />
-                  <Main />
-                </BottomSheetModalProvider>
-              </PaperProvider>
-            </SafeAreaProvider>
-          </PersistGate>
-        </Provider>
-      </AppErrorBoundary>
-    </GestureHandlerRootView>
-  );
-};
-
-export default App;

App.tsx

@@ -0,0 +1,122 @@
+import 'react-native-url-polyfill/auto';
+import { enableFreeze } from 'react-native-screens';
+
+enableFreeze(true);
+
+import React, { useEffect } from 'react';
+import { StatusBar, StyleSheet } from 'react-native';
+import { GestureHandlerRootView } from 'react-native-gesture-handler';
+import LottieSplashScreen from 'react-native-lottie-splash-screen';
+import { SafeAreaProvider } from 'react-native-safe-area-context';
+import { Provider as PaperProvider } from 'react-native-paper';
+import * as Notifications from 'expo-notifications';
+
+import AppErrorBoundary, {
+  ErrorFallback,
+} from '@components/AppErrorBoundary/AppErrorBoundary';
+import { useDatabaseInitialization } from '@hooks';
+
+import Main from './src/navigators/Main';
+import { BottomSheetModalProvider } from '@gorhom/bottom-sheet';
+
+Notifications.setNotificationHandler({
+  handleNotification: async () => {
+    return {
+      shouldPlaySound: false,
+      shouldSetBadge: false,
+      shouldShowBanner: true,
+      shouldShowList: true,
+    };
+  },
+});
+
+Notifications.setNotificationCategoryAsync('TTS_CONTROLS', [
+  {
+    identifier: 'TTS_PLAY_PAUSE',
+    buttonTitle: '▶️ Play',
+    options: {
+      opensAppToForeground: false,
+    },
+  },
+  {
+    identifier: 'TTS_STOP',
+    buttonTitle: '⏹️ Stop',
+    options: {
+      opensAppToForeground: false,
+    },
+  },
+  {
+    identifier: 'TTS_NEXT',
+    buttonTitle: '⏭️ Next',
+    options: {
+      opensAppToForeground: false,
+    },
+  },
+]);
+
+Notifications.setNotificationChannelAsync('tts-controls', {
+  name: 'TTS Controls',
+  description: 'Text-to-Speech playback controls',
+  importance: Notifications.AndroidImportance.HIGH,
+  vibrationPattern: [],
+  enableLights: false,
+  enableVibrate: false,
+});
+
+const App = () => {
+  const { isDbReady, dbError, retryInitialization } =
+    useDatabaseInitialization();
+
+  useEffect(() => {
+    if (isDbReady || dbError) {
+      LottieSplashScreen.hide();
+    }
+  }, [isDbReady, dbError]);
+
+  useEffect(() => {
+    const subscription = Notifications.addNotificationResponseReceivedListener(
+      response => {
+        const actionIdentifier = response.actionIdentifier;
+        if (actionIdentifier.startsWith('TTS_')) {
+          const { setTTSAction } = require('@utils/ttsNotification');
+          setTTSAction(actionIdentifier);
+        }
+      },
+    );
+
+    return () => {
+      subscription.remove();
+    };
+  }, []);
+
+  if (dbError) {
+    return <ErrorFallback error={dbError} resetError={retryInitialization} />;
+  }
+
+  if (!isDbReady) {
+    return null;
+  }
+
+  return (
+    <GestureHandlerRootView style={styles.flex}>
+      <AppErrorBoundary>
+        <SafeAreaProvider>
+          <PaperProvider>
+            <BottomSheetModalProvider>
+              <StatusBar translucent={true} backgroundColor="transparent" />
+              <Main />
+            </BottomSheetModalProvider>
+          </PaperProvider>
+        </SafeAreaProvider>
+      </AppErrorBoundary>
+    </GestureHandlerRootView>
+  );
+};
+
+export default App;
+
+const styles = StyleSheet.create({
+  flex: {
+    flex: 1,
+  },
+});

COMMON_ERRORS.md

@@ -1,13 +0,0 @@
-# Common Problems with First Setup
-
-### SDK Location not found. Define location with an ANDROID_SDK_ROOT environment variable. (expo modules error)
-
-If you're on windows, you'll need to edit your system (system wide)/user (just you) environment variables. You'll want to add an environment variable named **ANDROID_SDK_ROOT** (legacy env variable name) and **ANDROID_HOME** that points to your android studio's sdk location. It'll most likely look something like this:
-
-C:\Users\\**Username**\AppData\Local\Android\Sdk (copy paste this into the box)
-
-Delete your node_modules folder, invalidate caches and restart in android studio and restart your machine. Follow the steps again in the [setup section](./CONTRIBUTING.md#setup).
-
-### '.' is not recognized as an internal or external command, operable program or batch file. (npm run buildRelease error)
-
-Run this line in the terminal instead: ```cd android ; ./gradlew clean ; ./gradlew assembleRelease```

CONTRIBUTING-NIX.md

@@ -0,0 +1,108 @@
+# React Native Development Nix Environment Setup
+
+This document outlines how to set up your React Native development environment using Nix flakes for reproducibility and isolation.
+
+## Disclaimer
+
+This was tested on an Arch Linux system with AMD CPU and GPU. There are likely problems with NVIDIA GPUs.
+
+Compatibility with Microsoft WSL2 is not guaranteed, but should work withoud major issues, except for the emulator.
+
+## Prerequisites
+
+- **Nix installed**: [https://nixos.org/download.html](https://nixos.org/download.html)
+- **Git**: Required for cloning the repository.
+- **KVM (for emulator, if enabled)**: Ensure KVM is enabled and your user is in the `kvm` group for optimal emulator performance:
+  ```bash
+  sudo usermod -aG kvm $USER && newgrp kvm # (or log out/in)
+  kvm-ok # Verify KVM acceleration
+  ```
+- **GPU Drivers (for emulator, if enabled)**: For hardware-accelerated emulator (AMD/Intel), ensure host Vulkan drivers are working:
+  ```bash
+  vulkaninfo | grep -i "device name" # Should show your GPU
+  ```
+  If not, install `vulkan-radeon` (AMD) or `vulkan-intel` (Intel) on your host system and reboot.
+
+## Getting Started
+
+1.  **Clone the Project:**
+
+    ```bash
+    git clone <your-fork-url>
+    cd <your-fork-name>
+    ```
+
+2.  **Enter the Development Shell:**
+
+    If you have `pnpm` installed, use the defined scripts:
+
+    - **For Physical Device Only (default):**
+      ```bash
+      pnpm run nix:shell
+      ```
+    - **For Emulator Development (explicitly enable):**
+      ```bash
+      pnpm run nix:emulator
+      ```
+
+    If you do not have `pnpm` installed, execute the commands manually:
+
+    - **For Physical Device Only (default):**
+      ```bash
+      nix develop --extra-experimental-features nix-command --extra-experimental-features flakes
+      ```
+    - **For Emulator Development (explicitly enable):**
+      ```
+      nix develop .#emulator --extra-experimental-features nix-command --extra-experimental-features flakes
+      ```
+
+    The first time, this will download and set up all required tools, which can take considerable time. Subsequent entries will be much faster. You will also see a message about "Setting up writable Android SDK..." which only happens once.
+
+## Development Workflow
+
+Once inside the `nix develop` shell, all tools are available.
+
+### 1. Start Metro Bundler
+
+Open a new terminal or run in the background:
+
+```bash
+pnpm run dev:start
+```
+
+### 2. Physical Device Development
+
+1.  **Connect Device**: Enable USB debugging on your Android device and connect it via USB.
+2.  **Verify Device**:
+    ```bash
+    adb devices
+    ```
+3.  **Mirror Screen (Optional)**:
+    ```bash
+    scrcpy # Mirrors screen, provides control
+    scrcpy -s <device_serial> # If multiple devices connected
+    ```
+4.  **Run App**:
+    ```bash
+    npx run android
+    ```
+
+### 3. Android Emulator Development (if enabled)
+
+1.  **Launch Emulator**:
+
+    ```bash
+    emulator -avd ReactNative_API35 -gpu host -no-metrics -no-audio
+    ```
+
+    - Use `-gpu swiftshader_indirect` if hardware acceleration (`-gpu host`) fails.
+
+2.  **Verify Emulator**:
+    ```bash
+    adb devices
+    ```
+3.  **Run App**:
+    Launches the the emulater automatically, if it is not already running.
+    ```bash
+    npx run android
+    ```

CONTRIBUTING.md

@@ -2,16 +2,20 @@
 
 Contributions are welcome and are greatly appreciated!
 
+## Setup your environment with nix
+
+If you are on a Linux system, you can install the nix package manager and use the nix flakes to set up your development environment.
+See [CONTRIBUTING-NIX.md](CONTRIBUTING-NIX.md)
+
 ## Setting up your environment
 
 After forking to your own github org or account, do the following steps to get started:
 
 ```bash
 # prerequisites
-node --version <= 16.13.1           (for version management, get nvm [recommended])
-java sdk --version <= 17            (for version management, get jenv [optional])
-android sdk                         (https://developer.android.com/studio)
-python --version <= 3.11
+node --version >= 20   (for version management, get nvm [recommended])
+java sdk --version >= 17    (for version management, get jenv [optional])
+android sdk                 (https://developer.android.com/studio)
 
 # clone your fork to your local machine
 git clone https://github.com/<your-account-name>/lnreader.git
@@ -19,17 +23,16 @@ git clone https://github.com/<your-account-name>/lnreader.git
 # step into local repo
 cd lnreader
 
+# install pnpm (if not already installed)
+npm install -g pnpm
+
 # install dependencies
-npm install
+pnpm install
 
 # build the apk (the built apk will be found in ~/lnreader/android/app/build/outputs/apk/release/)
-npm run buildRelease
+pnpm run build:release:android
 ```
 
-### Common Problems with First Setup
-
-Please refer to this [file](./COMMON_ERRORS.md)
-
 ### Developing on Android
 
 You will need an Android device or emulator connected to your computer as well as an IDE of your choice. (eg: vscode)
@@ -43,15 +46,12 @@ IDE
 adb devices
 
 # run metro for development
-npm start
+pnpm run dev:start
 
 # then to view on your android device (new terminal)
-npm run android
+pnpm run dev:android
 ```
 
-To view any changes to the app with new code, save your code and press "r" on the metro terminal to
-reload it. The app on the android device/emulator will reload shortly.
-
 ### Style & Linting
 
 This codebase's linting rules are enforced using [ESLint](http://eslint.org/).
@@ -60,5 +60,5 @@ It is recommended that you install an eslint plugin for your editor of choice wh
 codebase, however you can always check to see if the source code is compliant by running:
 
 ```bash
-npm run lint
-```
+pnpm run lint
+```

Gemfile

@@ -0,0 +1,16 @@
+source 'https://rubygems.org'
+
+# You may use http://rbenv.org/ or https://rvm.io/ to install and use this version
+ruby ">= 2.6.10"
+
+# Exclude problematic versions of cocoapods and activesupport that causes build failures.
+gem 'cocoapods', '>= 1.13', '!= 1.15.0', '!= 1.15.1'
+gem 'activesupport', '>= 6.1.7.5', '!= 7.1.0'
+gem 'xcodeproj', '< 1.26.0'
+gem 'concurrent-ruby', '< 1.3.4'
+
+# Ruby 3.4.0 has removed some libraries from the standard library.
+gem 'bigdecimal'
+gem 'logger'
+gem 'benchmark'
+gem 'mutex_m'

README.md

@@ -1,47 +1,68 @@
 <p align="center">
-  <img src="./.github/readme-images/icon_alt.png" align="center" width="128" />
-<p>
-<h1 align="center">
-  LNReader
-</h1>
-<p align="center">
-  LNReader is a Tachiyomi-like, free and open source light novel reader for Android.
+  <a href="https://lnreader.app">
+    <img src="./.github/readme-images/icon_new.png" align="center" width="128" />
+  </a>
 </p>
+
+<h1 align="center">LNReader</h1>
+
+<p align="center">
+  LNReader is a free and open source light novel reader for Android, inspired by Tachiyomi.
+</p>
+
 <div align="center">
-  <a href="https://github.com/LNReader/lnreader/actions/workflows/build.yml">
-    <img alt="GitHub Workflow Status" src="https://img.shields.io/github/actions/workflow/status/LNReader/lnreader/build.yml?branch=main">
-  </a>
   <a href="https://discord.gg/QdcWN4MD63">
-    <img alt="Discord Chat" src="https://img.shields.io/discord/835746409357246465.svg?logo=discord&logoColor=white&logoWidth=20&labelColor=7289DA&label=Discord&color=17cf48">
+    <img alt="Discord Chat" src="https://img.shields.io/discord/835746409357246465.svg?logo=discord&logoColor=white&logoWidth=20&labelColor=5865F2&color=4752C4&label=discord&style=flat">
   </a>
-  <a href="https://github.com/LNReader/lnreader/releases/latest">
-    <img alt="GitHub release (latest by date)" src="https://img.shields.io/github/v/release/LNReader/lnreader">
-  </a>
-  <a href="https://github.com/LNReader/lnreader-preview/releases/latest">
-    <img alt="GitHub release (latest SemVer)" src="https://img.shields.io/github/v/release/LNReader/lnreader-preview?color=red&label=preview">
-  </a>
-  <a title="Crowdin" target="_blank" href="https://crowdin.com/project/lnreader"><img src="https://badges.crowdin.net/lnreader/localized.svg"></a>
-  <a href="https://github.com/LNReader/lnreader/blob/main/LICENSE">
-    <img alt="GitHub" src="https://img.shields.io/github/license/LNReader/lnreader">
+  <a href="https://github.com/lnreader/lnreader/releases">
+    <img alt="GitHub Downloads" src="https://img.shields.io/github/downloads/lnreader/lnreader/total?label=downloads&labelColor=27303D&color=0D1117&logo=github&logoColor=FFFFFF&style=flat">
   </a>
 </div>
 
-<br>
-<br>
+<div align="center">
+  <img alt="GitHub Actions Workflow Status" src="https://img.shields.io/github/actions/workflow/status/lnreader/lnreader/build.yml?labelColor=27303D&style=flat">
+  <a href="https://github.com/lnreader/lnreader/blob/main/LICENSE">
+    <img alt="GitHub" src="https://img.shields.io/github/license/lnreader/lnreader?labelColor=27303D&color=1a73e8&style=flat">
+  </a>
+  <a title="Crowdin" target="_blank" href="https://crowdin.com/project/lnreader">
+    <img src="https://badges.crowdin.net/lnreader/localized.svg">
+  </a>
+</div>
+
+<h2 align="center">Download</h2>
+
+<p align="center">
+  <a href="https://github.com/lnreader/lnreader/releases/latest">
+    <img alt="GitHub release (latest by date)" src="https://img.shields.io/github/v/release/lnreader/lnreader?label=Stable&labelColor=0d7377&color=084c4e&style=flat">
+  </a>
+  <a href="https://github.com/lnreader/lnreader/releases/latest">
+    <img alt="GitHub release (latest SemVer)" src="https://img.shields.io/github/v/release/lnreader/lnreader?include_prereleases&sort=semver&label=Beta&labelColor=3d3d5c&color=2a2a47&style=flat">
+  </a>
+</p>
+
+<p align="center">
+  Get the app from our <a href="https://github.com/lnreader/lnreader/releases">releases page</a>.
+</p>
+
+<p align="center">
+  <em>Android 7.0 or higher.</em>
+</p>
+
+<h2 align="center">Screenshots</h2>
 
 <p align="center">
   <img src="./.github/readme-images/screenshots.png" align="center" />
 </p>
 
-## Download
-
-Get the app from our [releases page](https://github.com/rajarsheechatterjee/LNReader/releases).
-
-## Sources
+## Plugins
 
 LNReader does not have any affiliation with the content providers available.
 
-Source requests should be created at [LNReader/lnreader-sources](https://github.com/LNReader/lnreader-sources).
+Plugin requests should be created at [lnreader-plugins](https://github.com/lnreader/lnreader-plugins).
+
+## Translation
+
+Help translate LNReader into your language on [Crowdin](https://crowdin.com/project/lnreader).
 
 ## Building & Contributing
 
@@ -49,4 +70,4 @@ See [CONTRIBUTING.md](./CONTRIBUTING.md)
 
 ## License
 
-[MIT](https://github.com/rajarsheechatterjee/lnreader/blob/main/LICENSE)
+[MIT](https://github.com/lnreader/lnreader/blob/main/LICENSE)

android/app/BUCK

@@ -1,55 +0,0 @@
-# To learn about Buck see [Docs](https://buckbuild.com/).
-# To run your application with Buck:
-# - install Buck
-# - `npm start` - to start the packager
-# - `cd android`
-# - `keytool -genkey -v -keystore keystores/debug.keystore -storepass android -alias androiddebugkey -keypass android -dname "CN=Android Debug,O=Android,C=US"`
-# - `./gradlew :app:copyDownloadableDepsToLibs` - make all Gradle compile dependencies available to Buck
-# - `buck install -r android/app` - compile, install and run application
-#
-
-load(":build_defs.bzl", "create_aar_targets", "create_jar_targets")
-
-lib_deps = []
-
-create_aar_targets(glob(["libs/*.aar"]))
-
-create_jar_targets(glob(["libs/*.jar"]))
-
-android_library(
-    name = "all-libs",
-    exported_deps = lib_deps,
-)
-
-android_library(
-    name = "app-code",
-    srcs = glob([
-        "src/main/java/**/*.java",
-    ]),
-    deps = [
-        ":all-libs",
-        ":build_config",
-        ":res",
-    ],
-)
-
-android_build_config(
-    name = "build_config",
-    package = "com.rajarsheechatterjee.LNReader",
-)
-
-android_resource(
-    name = "res",
-    package = "com.rajarsheechatterjee.LNReader",
-    res = "src/main/res",
-)
-
-android_binary(
-    name = "app",
-    keystore = "//android/keystores:debug",
-    manifest = "src/main/AndroidManifest.xml",
-    package_type = "debug",
-    deps = [
-        ":app-code",
-    ],
-)

android/app/build.gradle

@@ -1,177 +1,95 @@
 apply plugin: "com.android.application"
-apply plugin: "com.chaquo.python"
-
-import com.android.build.OutputFile
+apply plugin: "com.facebook.react"
+apply plugin: 'org.jetbrains.kotlin.android'
 
 /**
- * The react.gradle file registers a task for each build variant (e.g. bundleDebugJsAndAssets
- * and bundleReleaseJsAndAssets).
- * These basically call `react-native bundle` with the correct arguments during the Android build
- * cycle. By default, bundleDebugJsAndAssets is skipped, as in debug/dev mode we prefer to load the
- * bundle directly from the development server. Below you can see all the possible configurations
- * and their defaults. If you decide to add a configuration block, make sure to add it before the
- * `apply from: "../../node_modules/react-native/react.gradle"` line.
- *
- * project.ext.react = [
- *   // the name of the generated asset file containing your JS bundle
- *   bundleAssetName: "index.android.bundle",
- *
- *   // the entry file for bundle generation. If none specified and
- *   // "index.android.js" exists, it will be used. Otherwise "index.js" is
- *   // default. Can be overridden with ENTRY_FILE environment variable.
- *   entryFile: "index.android.js",
- *
- *   // https://reactnative.dev/docs/performance#enable-the-ram-format
- *   bundleCommand: "ram-bundle",
- *
- *   // whether to bundle JS and assets in debug mode
- *   bundleInDebug: false,
- *
- *   // whether to bundle JS and assets in release mode
- *   bundleInRelease: true,
- *
- *   // whether to bundle JS and assets in another build variant (if configured).
- *   // See http://tools.android.com/tech-docs/new-build-system/user-guide#TOC-Build-Variants
- *   // The configuration property can be in the following formats
- *   //         'bundleIn${productFlavor}${buildType}'
- *   //         'bundleIn${buildType}'
- *   // bundleInFreeDebug: true,
- *   // bundleInPaidRelease: true,
- *   // bundleInBeta: true,
- *
- *   // whether to disable dev mode in custom build variants (by default only disabled in release)
- *   // for example: to disable dev mode in the staging build type (if configured)
- *   devDisabledInStaging: true,
- *   // The configuration property can be in the following formats
- *   //         'devDisabledIn${productFlavor}${buildType}'
- *   //         'devDisabledIn${buildType}'
- *
- *   // the root of your project, i.e. where "package.json" lives
- *   root: "../../",
- *
- *   // where to put the JS bundle asset in debug mode
- *   jsBundleDirDebug: "$buildDir/intermediates/assets/debug",
- *
- *   // where to put the JS bundle asset in release mode
- *   jsBundleDirRelease: "$buildDir/intermediates/assets/release",
- *
- *   // where to put drawable resources / React Native assets, e.g. the ones you use via
- *   // require('./image.png')), in debug mode
- *   resourcesDirDebug: "$buildDir/intermediates/res/merged/debug",
- *
- *   // where to put drawable resources / React Native assets, e.g. the ones you use via
- *   // require('./image.png')), in release mode
- *   resourcesDirRelease: "$buildDir/intermediates/res/merged/release",
- *
- *   // by default the gradle tasks are skipped if none of the JS files or assets change; this means
- *   // that we don't look at files in android/ or ios/ to determine whether the tasks are up to
- *   // date; if you have any other folders that you want to ignore for performance reasons (gradle
- *   // indexes the entire tree), add them here. Alternatively, if you have JS files in android/
- *   // for example, you might want to remove it from here.
- *   inputExcludes: ["android/**", "ios/**"],
- *
- *   // override which node gets called and with what additional arguments
- *   nodeExecutableAndArgs: ["node"],
- *
- *   // supply additional arguments to the packager
- *   extraPackagerArgs: []
- * ]
+ * This is the configuration block to customize your React Native Android app.
+ * By default you don't need to apply any configuration, just uncomment the lines you need.
  */
+react {
+    /* Folders */
+    //   The root of your project, i.e. where "package.json" lives. Default is '../..'
+    // root = file("../../")
+    //   The folder where the react-native NPM package is. Default is ../../node_modules/react-native
+    // reactNativeDir = file("../../node_modules/react-native")
+    //   The folder where the react-native Codegen package is. Default is ../../node_modules/@react-native/codegen
+    // codegenDir = file("../../node_modules/@react-native/codegen")
+    //   The cli.js file which is the React Native CLI entrypoint. Default is ../../node_modules/react-native/cli.js
+    // cliFile = file("../../node_modules/react-native/cli.js")
 
-project.ext.react = [
-    entryFile: "index.js",
-    enableHermes: true,  // clean and rebuild if changing
-    hermesCommand: '../../node_modules/react-native/sdks/hermesc/%OS-BIN%/hermesc',
-]
+    /* Variants */
+    //   The list of variants to that are debuggable. For those we're going to
+    //   skip the bundling of the JS bundle and the assets. By default is just 'debug'.
+    //   If you add flavors like lite, prod, etc. you'll have to list your debuggableVariants.
+    // debuggableVariants = ["liteDebug", "prodDebug"]
 
-apply from: "../../node_modules/react-native/react.gradle"
+    /* Bundling */
+    //   A list containing the node command and its flags. Default is just 'node'.
+    // nodeExecutableAndArgs = ["node"]
+    //
+    //   The command to run when bundling. By default is 'bundle'
+    // bundleCommand = "ram-bundle"
+    //
+    //   The path to the CLI configuration file. Default is empty.
+    // bundleConfig = file(../rn-cli.config.js)
+    //
+    //   The name of the generated asset file containing your JS bundle
+    // bundleAssetName = "MyApplication.android.bundle"
+    //
+    //   The entry file for bundle generation. Default is 'index.android.js' or 'index.js'
+    // entryFile = file("../js/index.android.js")
+    //
+    //   A list of extra flags to pass to the 'bundle' commands.
+    //   See https://github.com/react-native-community/cli/blob/main/docs/commands.md#bundle
+    // extraPackagerArgs = []
+
+    /* Hermes Commands */
+    //   The hermes compiler command to run. By default it is 'hermesc'
+    // hermesCommand = "$rootDir/my-custom-hermesc/bin/hermesc"
+    //
+    //   The list of flags to pass to the Hermes compiler. By default is "-O", "-output-source-map"
+    // hermesFlags = ["-O", "-output-source-map"]
+
+    /* Autolinking */
+    autolinkLibrariesWithApp()
+}
 
 /**
- * Set this to true to create two separate APKs instead of one:
- *   - An APK that only works on ARM devices
- *   - An APK that only works on x86 devices
- * The advantage is the size of the APK is reduced by about 4MB.
- * Upload all the APKs to the Play Store and people will download
- * the correct one based on the CPU architecture of their device.
- */
-def enableSeparateBuildPerCPUArchitecture = false
-
-/**
- * Run Proguard to shrink the Java bytecode in release builds.
+ * Set this to true to Run Proguard on Release builds to minify the Java bytecode.
  */
 def enableProguardInReleaseBuilds = false
 
 /**
- * The preferred build flavor of JavaScriptCore.
+ * The preferred build flavor of JavaScriptCore (JSC).
  *
  * For example, to use the international variant, you can use:
- * `def jscFlavor = 'org.webkit:android-jsc-intl:+'`
+ * `def jscFlavor = io.github.react-native-community:jsc-android-intl:2026004.+`
  *
  * The international variant includes ICU i18n library and necessary data
  * allowing to use e.g. `Date.toLocaleString` and `String.localeCompare` that
- * give correct results when using with locales other than en-US.  Note that
+ * give correct results when using with locales other than en-US. Note that
  * this variant is about 6MiB larger per architecture than default.
  */
-def jscFlavor = 'org.webkit:android-jsc:+'
-
-/**
- * Whether to enable the Hermes VM.
- *
- * This should be set on project.ext.react and mirrored here.  If it is not set
- * on project.ext.react, JavaScript will not be compiled to Hermes Bytecode
- * and the benefits of using Hermes will therefore be sharply reduced.
- */
-def enableHermes = project.ext.react.get("enableHermes", false);
-
-/**
- * Architectures to build native code for.
- */
-def reactNativeArchitectures() {
-    def value = project.getProperties().get("reactNativeArchitectures")
-    return value ? value.split(",") : ["armeabi-v7a", "x86", "x86_64", "arm64-v8a"]
-}
+def jscFlavor = 'io.github.react-native-community:jsc-android:2026004.+'
 
 ext {
-    versionMajor = 1
-    versionMinor = 1
-    versionPatch = 18
+    versionMajor = 2
+    versionMinor = 0
+    versionPatch = 3
 }
 
 android {
     ndkVersion rootProject.ext.ndkVersion
-
-    compileSdkVersion rootProject.ext.compileSdkVersion
-
+    buildToolsVersion rootProject.ext.buildToolsVersion
+    compileSdk rootProject.ext.compileSdkVersion
+    namespace "com.rajarsheechatterjee.LNReader"
     defaultConfig {
-        applicationId 'com.rajarsheechatterjee.LNReader'
+        applicationId project.hasProperty('customAppId') ? project.getProperty('customAppId') : 'com.rajarsheechatterjee.LNReader'
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
         // Generated version code. Supports versions up to 1024.1024.2048
-        versionCode((((versionMajor << 10) | versionMinor) << 11) | versionPatch)
+        versionCode ((((versionMajor << 10) | versionMinor) << 11) | versionPatch)
         versionName "$versionMajor.$versionMinor.$versionPatch"
-        buildConfigField "boolean", "IS_NEW_ARCHITECTURE_ENABLED", isNewArchitectureEnabled().toString()
-        ndk {
-            abiFilters "armeabi-v7a", "arm64-v8a", "x86", "x86_64"
-        }
-        python {
-            //buildPython "C:/Users/kijij/AppData/Local/Programs/Python/Python39/python.exe" //don't believe you need this
-            pip {
-                install "-r", "./requirements.txt"
-            }
-        }
-        sourceSets {
-            main {
-                python.srcDirs = ["./src/main/python"]
-            }
-        }
-    }
-    splits {
-        abi {
-            reset()
-            enable enableSeparateBuildPerCPUArchitecture
-            universalApk false  // If true, also generate a universal APK
-            include (*reactNativeArchitectures())
-        }
     }
     signingConfigs {
         debug {
@@ -184,6 +102,8 @@ android {
     buildTypes {
         debug {
             signingConfig signingConfigs.debug
+            applicationIdSuffix 'debug'
+            versionNameSuffix '-debug'
         }
         release {
             // Caution! In production, you need to generate your own keystore file.
@@ -193,94 +113,24 @@ android {
             proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro"
         }
     }
-
-    // applicationVariants are e.g. debug, release
-    applicationVariants.all { variant ->
-        variant.outputs.each { output ->
-            // For each separate APK per architecture, set a unique version code as described here:
-            // https://developer.android.com/studio/build/configure-apk-splits.html
-            def versionCodes = ["armeabi-v7a": 1, "x86": 2, "arm64-v8a": 3, "x86_64": 4]
-            def abi = output.getFilter(OutputFile.ABI)
-            if (abi != null) {  // null for the universal-debug, universal-release variants
-                output.versionCodeOverride =
-                        versionCodes.get(abi) * 1048576 + defaultConfig.versionCode
-            }
-
+    kotlinOptions {
+        jvmTarget = '17'
+    }
+    externalNativeBuild {
+        cmake {
+            path "src/main/jni/CMakeLists.txt"
         }
     }
 }
 
 dependencies {
-    implementation fileTree(dir: "libs", include: ["*.jar"])
-    //noinspection GradleDynamicVersion
-    implementation "com.facebook.react:react-native:+"  // From node_modules
+    // The version of react-native is set by the React Native Gradle Plugin
+    implementation("com.facebook.react:react-android")
+    implementation 'androidx.core:core-ktx:1.15.0'
 
-    implementation "androidx.swiperefreshlayout:swiperefreshlayout:1.0.0"
-
-    implementation project(':react-native-lottie-splash-screen')
-    implementation project(':react-native-fs')
-    implementation 'com.github.bumptech.glide:glide:4.12.0'
-    
-    annotationProcessor 'com.github.bumptech.glide:compiler:4.12.0'
-
-    def isGifEnabled = (findProperty('expo.gif.enabled') ?: "") == "true";
-    def isWebpEnabled = (findProperty('expo.webp.enabled') ?: "") == "true";
-    def isWebpAnimatedEnabled = (findProperty('expo.webp.animated') ?: "") == "true";
-
-    if (isGifEnabled || isWebpEnabled) {
-        implementation 'com.facebook.fresco:fresco:2.0.0'
-        implementation 'com.facebook.fresco:imagepipeline-okhttp3:2.0.0'
-    }
-
-    if(isGifEnabled){
-        // For animated gif support
-        implementation 'com.facebook.fresco:animated-gif:2.0.0'
-    }
-
-    if(isWebpEnabled){
-        // For webp support
-        implementation 'com.facebook.fresco:webpsupport:2.0.0'
-        if(isWebpAnimatedEnabled){
-            // Animated webp support
-           implementation 'com.facebook.fresco:animated-webp:2.0.0'
-        }
-    }
-
-    debugImplementation("com.facebook.flipper:flipper:${FLIPPER_VERSION}") {
-      exclude group:'com.facebook.fbjni'
-    }
-    debugImplementation("com.facebook.flipper:flipper-network-plugin:${FLIPPER_VERSION}") {
-        exclude group:'com.facebook.flipper'
-        exclude group:'com.squareup.okhttp3', module:'okhttp'
-    }
-    debugImplementation("com.facebook.flipper:flipper-fresco-plugin:${FLIPPER_VERSION}") {
-        exclude group:'com.facebook.flipper'
-    }
-
-    if (enableHermes) {
-        //noinspection GradleDynamicVersion
-        implementation("com.facebook.react:hermes-engine:+") { // From node_modules
-            exclude group:'com.facebook.fbjni'
-        }
+    if (hermesEnabled.toBoolean()) {
+        implementation("com.facebook.react:hermes-android")
     } else {
         implementation jscFlavor
     }
-}
-
-// Run this once to be able to run the application with BUCK
-// puts all compile dependencies into folder libs for BUCK to use
-task copyDownloadableDepsToLibs(type: Copy) {
-    from configurations.implementation
-    into 'libs'
-}
-
-apply from: new File(["node", "--print", "require.resolve('@react-native-community/cli-platform-android/package.json')"].execute(null, rootDir).text.trim(), "../native_modules.gradle");
-applyNativeModulesAppBuildGradle(project)
-
-def isNewArchitectureEnabled() {
-    // To opt-in for the New Architecture, you can either:
-    // - Set `newArchEnabled` to true inside the `gradle.properties` file
-    // - Invoke gradle with `-newArchEnabled=true`
-    // - Set an environment variable `ORG_GRADLE_PROJECT_newArchEnabled=true`
-    return project.hasProperty("newArchEnabled") && project.newArchEnabled == "true"
 }

android/app/build_defs.bzl

@@ -1,19 +0,0 @@
-"""Helper definitions to glob .aar and .jar targets"""
-
-def create_aar_targets(aarfiles):
-    for aarfile in aarfiles:
-        name = "aars__" + aarfile[aarfile.rindex("/") + 1:aarfile.rindex(".aar")]
-        lib_deps.append(":" + name)
-        android_prebuilt_aar(
-            name = name,
-            aar = aarfile,
-        )
-
-def create_jar_targets(jarfiles):
-    for jarfile in jarfiles:
-        name = "jars__" + jarfile[jarfile.rindex("/") + 1:jarfile.rindex(".jar")]
-        lib_deps.append(":" + name)
-        prebuilt_jar(
-            name = name,
-            binary_jar = jarfile,
-        )

android/app/google-services.json

@@ -0,0 +1,47 @@
+{
+  "project_info": {
+    "project_number": "523872485654",
+    "project_id": "lnreader-backup",
+    "storage_bucket": "lnreader-backup.appspot.com"
+  },
+  "client": [
+    {
+      "client_info": {
+        "mobilesdk_app_id": "1:523872485654:android:169cd062458db962ce1037",
+        "android_client_info": {
+          "package_name": "com.rajarsheechatterjee.LNReader"
+        }
+      },
+      "oauth_client": [
+        {
+          "client_id": "523872485654-14jtut8orr7dbrk2chea279d7k8889sr.apps.googleusercontent.com",
+          "client_type": 1,
+          "android_info": {
+            "package_name": "com.rajarsheechatterjee.LNReader",
+            "certificate_hash": "5e8f16062ea3cd2c4a0d547876baa6f38cabf625"
+          }
+        },
+        {
+          "client_id": "523872485654-liarmq8nl0g5an2cki3bpg9jc0d8a21j.apps.googleusercontent.com",
+          "client_type": 3
+        }
+      ],
+      "api_key": [
+        {
+          "current_key": "AIzaSyBH_j-0Jyo9aFJ_KV8Nr3te2hs_L_ZYhrE"
+        }
+      ],
+      "services": {
+        "appinvite_service": {
+          "other_platform_oauth_client": [
+            {
+              "client_id": "523872485654-liarmq8nl0g5an2cki3bpg9jc0d8a21j.apps.googleusercontent.com",
+              "client_type": 3
+            }
+          ]
+        }
+      }
+    }
+  ],
+  "configuration_version": "1"
+}

android/app/proguard-rules.pro

@@ -12,11 +12,3 @@
 -keep class com.facebook.react.turbomodule.** { *; }
 -keep class com.facebook.hermes.unicode.** { *; }
 -keep class com.facebook.jni.** { *; }
--keep public class com.dylanvann.fastimage.* {*;}
--keep public class com.dylanvann.fastimage.** {*;}
--keep public class * implements com.bumptech.glide.module.GlideModule
--keep public class * extends com.bumptech.glide.module.AppGlideModule
--keep public enum com.bumptech.glide.load.ImageHeaderParser$** {
-  **[] $VALUES;
-  public *;
-}

android/app/requirements.txt

@@ -1 +0,0 @@
-lxml==4.6.3

android/app/src/debug/AndroidManifest.xml

@@ -1,12 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
 <manifest xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:tools="http://schemas.android.com/tools">
 
-    <uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW"/>
-
     <application
         android:usesCleartextTraffic="true"
         tools:targetApi="28"
-        tools:ignore="GoogleAppIndexingWarning">
-        <activity android:name="com.facebook.react.devsupport.DevSettingsActivity" android:exported="false"/>
-    </application>
+        tools:ignore="GoogleAppIndexingWarning"/>
 </manifest>

android/app/src/debug/java/com/lnreader/ReactNativeFlipper.java

@@ -1,70 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * <p>This source code is licensed under the MIT license found in the LICENSE file in the root
- * directory of this source tree.
- */
-package com.lnreader;
-
-import android.content.Context;
-import com.facebook.flipper.android.AndroidFlipperClient;
-import com.facebook.flipper.android.utils.FlipperUtils;
-import com.facebook.flipper.core.FlipperClient;
-import com.facebook.flipper.plugins.crashreporter.CrashReporterPlugin;
-import com.facebook.flipper.plugins.databases.DatabasesFlipperPlugin;
-import com.facebook.flipper.plugins.fresco.FrescoFlipperPlugin;
-import com.facebook.flipper.plugins.inspector.DescriptorMapping;
-import com.facebook.flipper.plugins.inspector.InspectorFlipperPlugin;
-import com.facebook.flipper.plugins.network.FlipperOkhttpInterceptor;
-import com.facebook.flipper.plugins.network.NetworkFlipperPlugin;
-import com.facebook.flipper.plugins.react.ReactFlipperPlugin;
-import com.facebook.flipper.plugins.sharedpreferences.SharedPreferencesFlipperPlugin;
-import com.facebook.react.ReactInstanceEventListener;
-import com.facebook.react.ReactInstanceManager;
-import com.facebook.react.bridge.ReactContext;
-import com.facebook.react.modules.network.NetworkingModule;
-import okhttp3.OkHttpClient;
-
-public class ReactNativeFlipper {
-  public static void initializeFlipper(Context context, ReactInstanceManager reactInstanceManager) {
-    if (FlipperUtils.shouldEnableFlipper(context)) {
-      final FlipperClient client = AndroidFlipperClient.getInstance(context);
-      client.addPlugin(new InspectorFlipperPlugin(context, DescriptorMapping.withDefaults()));
-      client.addPlugin(new ReactFlipperPlugin());
-      client.addPlugin(new DatabasesFlipperPlugin(context));
-      client.addPlugin(new SharedPreferencesFlipperPlugin(context));
-      client.addPlugin(CrashReporterPlugin.getInstance());
-      NetworkFlipperPlugin networkFlipperPlugin = new NetworkFlipperPlugin();
-      NetworkingModule.setCustomClientBuilder(
-          new NetworkingModule.CustomClientBuilder() {
-            @Override
-            public void apply(OkHttpClient.Builder builder) {
-              builder.addNetworkInterceptor(new FlipperOkhttpInterceptor(networkFlipperPlugin));
-            }
-          });
-      client.addPlugin(networkFlipperPlugin);
-      client.start();
-      // Fresco Plugin needs to ensure that ImagePipelineFactory is initialized
-      // Hence we run if after all native modules have been initialized
-      ReactContext reactContext = reactInstanceManager.getCurrentReactContext();
-      if (reactContext == null) {
-        reactInstanceManager.addReactInstanceEventListener(
-            new ReactInstanceEventListener() {
-              @Override
-              public void onReactContextInitialized(ReactContext reactContext) {
-                reactInstanceManager.removeReactInstanceEventListener(this);
-                reactContext.runOnNativeModulesQueueThread(
-                    new Runnable() {
-                      @Override
-                      public void run() {
-                        client.addPlugin(new FrescoFlipperPlugin());
-                      }
-                    });
-              }
-            });
-      } else {
-        client.addPlugin(new FrescoFlipperPlugin());
-      }
-    }
-  }
-}

android/app/src/debug/res/values/string.xml

@@ -0,0 +1,3 @@
+<resources>
+    <string name="app_name">LNReader debug</string>
+</resources>

android/app/src/main/AndroidManifest.xml

@@ -1,5 +1,4 @@
-<manifest xmlns:android="http://schemas.android.com/apk/res/android"
-	package="com.rajarsheechatterjee.LNReader">
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
 
 	<!-- Internet -->
 	<uses-permission android:name="android.permission.INTERNET" />
@@ -15,13 +14,7 @@
 	<uses-permission android:name="android.permission.WAKE_LOCK" />
 
 
-	<uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW" />
-	<uses-permission android:name="android.permission.READ_PHONE_STATE" />
 	<uses-permission android:name="android.permission.VIBRATE" />
-	<uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />
-	<uses-permission android:name="android.permission.RECEIVE_BOOT_COMPLETED" />
-	<uses-permission android:name="com.google.android.c2dm.permission.RECEIVE" />
-
 	<queries>
 		<intent>
 			<action android:name="android.intent.action.TTS_SERVICE" />
@@ -33,9 +26,11 @@
 		android:largeHeap="true"
 		android:label="@string/app_name"
 		android:icon="@mipmap/ic_launcher"
+		android:roundIcon="@mipmap/ic_launcher"
 		android:allowBackup="true"
 		android:theme="@style/AppTheme"
-		android:usesCleartextTraffic="true">
+		android:usesCleartextTraffic="true"
+		android:supportsRtl="true">
 
 		<meta-data
 			android:name="expo.modules.notifications.default_notification_icon"
@@ -47,7 +42,6 @@
 
 		<activity
 			android:name=".MainActivity"
-			android:label="@string/app_name"
 			android:configChanges="keyboard|keyboardHidden|orientation|screenLayout|screenSize|smallestScreenSize|uiMode"
 			android:launchMode="singleTask"
 			android:windowSoftInputMode="adjustResize"
@@ -65,13 +59,12 @@
 				<category android:name="android.intent.category.DEFAULT" />
 				<category android:name="android.intent.category.BROWSABLE" />
 				<data android:scheme="lnreader" />
-				<data android:scheme="com.rajarsheechatterjee.LNReader" />
 			</intent-filter>
 		</activity>
 
 		<activity android:name="com.facebook.react.devsupport.DevSettingsActivity" />
 
-		<service android:name="com.asterinet.react.bgactions.RNBackgroundActionsTask" />
+		<service android:name="com.asterinet.react.bgactions.RNBackgroundActionsTask" android:foregroundServiceType="shortService" />
 
 	</application>
-</manifest>
+</manifest>

android/app/src/main/assets/css/index.css

@@ -0,0 +1,183 @@
+html {
+  scroll-behavior: smooth;
+  overflow-x: hidden;
+  word-wrap: break-word;
+}
+
+::selection {
+  color: var(--theme-onSecondary);
+  background-color: var(--theme-secondary);
+}
+
+::-moz-selection {
+  color: var(--theme-onSecondary);
+  background-color: var(--theme-secondary);
+}
+
+body {
+  margin-left: 0;
+  margin-right: 0;
+  padding-bottom: 40px;
+  padding-top: var(--StatusBar-currentHeight);
+
+  font-size: var(--readerSettings-textSize);
+  background-color: var(--readerSettings-theme);
+  color: var(--readerSettings-textColor);
+  text-align: var(--readerSettings-textAlign);
+  line-height: var(--readerSettings-lineHeight);
+  font-family: var(--readerSettings-fontFamily);
+}
+
+#LNReader-chapter {
+  padding-left: var(--readerSettings-padding);
+  padding-right: var(--readerSettings-padding);
+}
+
+hr {
+  margin-top: 20px;
+  margin-bottom: 20px;
+}
+
+a {
+  color: var(--theme-primary);
+}
+
+sup {
+  line-height: 0.1em;
+}
+
+img {
+  display: block;
+  width: auto;
+  height: auto;
+  max-width: 100%;
+}
+
+table {
+  background-color: var(--theme-onPrimary);
+  border-collapse: collapse;
+  color: var(--theme-primary);
+}
+
+th {
+  font-weight: bold;
+}
+
+td {
+  padding: 10px;
+  text-align: center;
+}
+
+table,
+th,
+td {
+  border: 1px solid var(--theme-outline);
+}
+
+.hidden {
+  visibility: hidden;
+}
+
+.next-button,
+.info-text {
+  margin-left: var(--readerSettings-padding);
+  margin-right: var(--readerSettings-padding);
+  border-radius: 50px;
+  border-width: 1;
+  color: var(--theme-onPrimary);
+  background-color: var(--theme-primary);
+  font-family: var(--readerSettings-fontFamily);
+  font-size: 16px;
+  border-width: 0;
+  user-select: none;
+}
+
+.next-button {
+  min-height: 40px;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  padding: 0 16px;
+  width: calc(100% - var(--readerSettings-padding) * 2);
+}
+
+.info-text {
+  background-color: transparent;
+  text-align: center;
+  border: none;
+  margin: 0px;
+  color: inherit;
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+
+.d-none {
+  display: none;
+}
+
+#reader-footer-wrapper {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  z-index: 9999999;
+}
+
+#reader-footer {
+  display: flex;
+  flex: 3;
+  padding: 0.2rem 2rem;
+  background-color: var(--readerSettings-theme);
+  color: var(--readerSettings-textColor);
+  font-size: 1rem;
+  text-align: center;
+  user-select: none;
+}
+
+.reader-footer-item {
+  flex: 1;
+}
+
+.reader-footer-item:first-child {
+  text-align: left;
+}
+
+.reader-footer-item:last-child {
+  text-align: right;
+}
+
+.highlight {
+  color: var(--readerSettings-textColor) !important;
+  background-color: color-mix(
+    in srgb,
+    var(--readerSettings-textColor) 20%,
+    var(--readerSettings-theme)
+  );
+}
+
+.highlight * {
+  color: var(--readerSettings-textColor) !important;
+  background-color: transparent;
+}
+
+#Image-Modal {
+  position: fixed;
+  left: 0;
+  top: 0;
+  user-select: none;
+}
+
+#Image-Modal.show {
+  display: flex;
+  height: 100%;
+  width: 100%;
+  background-color: var(--theme-surface-0-9);
+  align-items: center;
+  justify-content: center;
+  overflow: scroll;
+}
+
+#Image img {
+  display: block;
+  width: 100%;
+}

android/app/src/main/assets/css/pageReader.css

@@ -0,0 +1,29 @@
+body.page-reader {
+  overflow: hidden;
+  padding-bottom: unset;
+}
+
+body.page-reader > #LNReader-chapter {
+  height: calc(90vh);
+  column-width: calc(100vw - var(--readerSettings-padding) * 2);
+  column-gap: calc(var(--readerSettings-padding) * 2);
+  transition: 200ms;
+}
+.transition-chapter {
+  height: 100vh;
+  width: 100vw;
+  max-width: 100vw;
+
+  position: fixed;
+  left: 100vw;
+  top: 0;
+
+  box-sizing: border-box;
+  padding: var(--readerSettings-padding);
+  padding-top: 30vh;
+
+  text-align: center;
+  font-size: 2rem;
+  z-index: 888888;
+  background-color: var(--readerSettings-theme);
+}

android/app/src/main/assets/css/toolWrapper.css

@@ -0,0 +1,151 @@
+#ToolWrapper {
+  position: fixed;
+  top: 50%;
+  transform: translateY(-50%);
+  right: 5vw;
+  transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);
+  z-index: 9999999;
+}
+
+#ToolWrapper.horizontal {
+  top: unset;
+  right: unset;
+  left: 50%;
+  transform: translateX(-50%);
+  bottom: 120px;
+  display: flex;
+  flex-direction: row-reverse;
+  align-items: center;
+}
+
+@media only screen and (min-width: 500px) {
+  #ToolWrapper.horizontal {
+    bottom: 80px;
+  }
+}
+
+#ToolWrapper.hidden {
+  opacity: 0;
+  right: 0;
+  transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+#ToolWrapper.hidden.horizontal {
+  opacity: 0;
+  bottom: 80px;
+  right: unset;
+}
+
+#ToolWrapper > #ScrollBar {
+  margin-top: 8px;
+  width: 2.4rem;
+  height: 50vh;
+  min-height: 200px;
+  border-radius: 1.2rem;
+  background-color: var(--theme-surface-0-9);
+  touch-action: none;
+  font-size: 14px;
+  user-select: none;
+}
+
+#ScrollBar > .scrollbar-item {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: var(--theme-onSurface);
+}
+
+#ScrollBar > .scrollbar-item.scrollbar-text {
+  height: 12.5%;
+}
+
+#ScrollBar > .scrollbar-item#scrollbar-slider {
+  height: 75%;
+  align-items: unset;
+}
+
+#ScrollBar #scrollbar-track {
+  width: 0.1rem;
+  height: 100%;
+  background-color: var(--theme-outline);
+}
+
+#ScrollBar #scrollbar-progress {
+  width: 100%;
+  height: 0;
+  background-color: var(--theme-primary);
+}
+
+#ScrollBar #scrollbar-thumb-wrapper {
+  position: relative;
+  top: 100%;
+  height: 2rem;
+  width: 2rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transform: translate(-0.95rem, -1rem);
+}
+
+#ScrollBar #scrollbar-thumb {
+  top: 100%;
+  height: 1rem;
+  width: 1rem;
+  border-radius: 100%;
+  background-color: var(--theme-primary);
+}
+
+#ToolWrapper.horizontal > #ScrollBar {
+  display: flex;
+  width: 95.5vw;
+  height: 2.4rem;
+  min-height: unset;
+  align-items: center;
+  margin-top: unset;
+}
+
+#ToolWrapper.horizontal > #ScrollBar > .scrollbar-item {
+  display: flex;
+  justify-content: center;
+  color: var(--theme-onSurface);
+}
+
+#ToolWrapper.horizontal > #ScrollBar > .scrollbar-item.scrollbar-text {
+  width: 12.5%;
+}
+
+#ToolWrapper.horizontal > #ScrollBar > .scrollbar-item#scrollbar-slider {
+  width: 75%;
+  align-items: center;
+}
+
+#ToolWrapper.horizontal > #ScrollBar #scrollbar-track {
+  height: 0.1rem;
+  width: 100%;
+  background-color: var(--theme-outline);
+}
+
+#ToolWrapper.horizontal > #ScrollBar #scrollbar-progress {
+  height: 100%;
+  width: 0;
+  background-color: var(--theme-primary);
+}
+
+#ToolWrapper.horizontal > #ScrollBar #scrollbar-thumb-wrapper {
+  position: relative;
+  left: 100%;
+  height: 2rem;
+  width: 2rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transform: translate(-0.95rem, -1rem);
+}
+
+#ToolWrapper.horizontal > #ScrollBar #scrollbar-thumb {
+  top: 100%;
+  height: 1rem;
+  width: 1rem;
+  border-radius: 100%;
+  background-color: var(--theme-primary);
+}

android/app/src/main/assets/css/tts.css

@@ -0,0 +1,48 @@
+#TTS-Controller {
+  position: fixed;
+  top: 50%;
+  left: 20px;
+  opacity: 0.5;
+}
+
+#TTS-Controller button {
+  background: color-mix(
+    in srgb,
+    var(--readerSettings-theme) 85%,
+    var(--readerSettings-textColor) 15%
+  );
+  outline: none;
+  border-width: 1px;
+  border-style: solid;
+  border-color: color-mix(
+    in srgb,
+    var(--readerSettings-textColor) 30%,
+    var(--readerSettings-theme) 70%
+  );
+  display: flex;
+  justify-items: center;
+  align-items: center;
+  padding: 4px;
+  border-radius: 100%;
+  transition: 0.5s;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+}
+
+#TTS-Controller.active {
+  opacity: 1;
+}
+
+#TTS-Controller.active button {
+  padding: 16px;
+}
+
+#TTS-Controller svg {
+  fill: var(--readerSettings-textColor);
+  width: 20px;
+  height: 20px;
+}
+
+#TTS-Controller.active svg {
+  width: 24px;
+  height: 24px;
+}

android/app/src/main/assets/js/core.js

@@ -0,0 +1,772 @@
+/* eslint-disable no-console */
+window.reader = new (function () {
+  const {
+    readerSettings,
+    chapterGeneralSettings,
+    novel,
+    chapter,
+    nextChapter,
+    prevChapter,
+    batteryLevel,
+    autoSaveInterval,
+    DEBUG,
+    strings,
+  } = initialReaderConfig;
+
+  // state
+  this.hidden = van.state(true);
+  this.batteryLevel = van.state(batteryLevel);
+  this.readerSettings = van.state(readerSettings);
+  this.generalSettings = van.state(chapterGeneralSettings);
+
+  this.chapterElement = document.querySelector('#LNReader-chapter');
+  this.selection = window.getSelection();
+  this.viewport = document.querySelector('meta[name=viewport]');
+
+  this.novel = novel;
+  this.chapter = chapter;
+  this.nextChapter = nextChapter;
+  this.prevChapter = prevChapter;
+  this.strings = strings;
+  this.autoSaveInterval = autoSaveInterval;
+  this.rawHTML = this.chapterElement.innerHTML;
+
+  //layout props
+  this.paddingTop = parseInt(
+    getComputedStyle(document.querySelector('body')).getPropertyValue(
+      'padding-top',
+    ),
+    10,
+  );
+  this.chapterHeight = this.chapterElement.scrollHeight + this.paddingTop;
+  this.layoutHeight = window.screen.height;
+  this.layoutWidth = window.screen.width;
+
+  this.layoutEvent = undefined;
+  this.chapterEndingVisible = van.state(false);
+
+  this.post = obj => window.ReactNativeWebView.postMessage(JSON.stringify(obj));
+  this.refresh = () => {
+    if (this.generalSettings.val.pageReader) {
+      this.chapterWidth = this.chapterElement.scrollWidth;
+    } else {
+      this.chapterHeight = this.chapterElement.scrollHeight + this.paddingTop;
+    }
+  };
+
+  van.derive(() => {
+    const settings = this.readerSettings.val;
+    document.documentElement.style.setProperty(
+      '--readerSettings-theme',
+      settings.theme,
+    );
+    document.documentElement.style.setProperty(
+      '--readerSettings-padding',
+      settings.padding + 'px',
+    );
+    document.documentElement.style.setProperty(
+      '--readerSettings-textSize',
+      settings.textSize + 'px',
+    );
+    document.documentElement.style.setProperty(
+      '--readerSettings-textColor',
+      settings.textColor,
+    );
+    document.documentElement.style.setProperty(
+      '--readerSettings-textAlign',
+      settings.textAlign,
+    );
+    document.documentElement.style.setProperty(
+      '--readerSettings-lineHeight',
+      settings.lineHeight,
+    );
+    document.documentElement.style.setProperty(
+      '--readerSettings-fontFamily',
+      settings.fontFamily,
+    );
+    if (settings.fontFamily) {
+      new FontFace(
+        settings.fontFamily,
+        'url("file:///android_asset/fonts/' + settings.fontFamily + '.ttf")',
+      )
+        .load()
+        .then(function (loadedFont) {
+          document.fonts.add(loadedFont);
+        });
+    } else {
+      // have no affect with a font declared in head
+      document.fonts.forEach(fontFace => document.fonts.delete(fontFace));
+    }
+  });
+
+  document.onscrollend = () => {
+    if (!this.generalSettings.val.pageReader) {
+      this.post({
+        type: 'save',
+        data: parseInt(
+          ((window.scrollY + this.layoutHeight) / this.chapterHeight) * 100,
+          10,
+        ),
+      });
+    }
+  };
+
+  if (DEBUG) {
+    // eslint-disable-next-line no-global-assign, no-new-object
+    console = new Object();
+    console.log = function (...data) {
+      reader.post({ 'type': 'console', 'msg': data?.join(' ') });
+    };
+    console.debug = console.log;
+    console.info = console.log;
+    console.warn = console.log;
+    console.error = console.log;
+  }
+  // end reader
+})();
+
+window.tts = new (function () {
+  this.readableNodeNames = [
+    '#text',
+    'B',
+    'I',
+    'SPAN',
+    'EM',
+    'BR',
+    'STRONG',
+    'A',
+  ];
+  this.prevElement = null;
+  this.currentElement = reader.chapterElement;
+  this.started = false;
+  this.reading = false;
+  this.elementsRead = 0;
+  this.totalElements = 0;
+  this.allReadableElements = []; // Store all readable elements at start
+  this.textQueue = []; // Flat list of normalized text for native fallback
+
+  this.readable = element => {
+    const ele = element ?? this.currentElement;
+    if (
+      ele.nodeName !== 'SPAN' &&
+      this.readableNodeNames.includes(ele.nodeName)
+    ) {
+      return false;
+    }
+    if (!ele.hasChildNodes()) {
+      return false;
+    }
+    for (let i = 0; i < ele.childNodes.length; i++) {
+      if (!this.readableNodeNames.includes(ele.childNodes.item(i).nodeName)) {
+        return false;
+      }
+    }
+    return true;
+  };
+
+  this.normalizeText = text => {
+    if (!text) return '';
+    return text
+      .replace(/\s+/g, ' ')
+      .replace(/\s*([.,!?;:])\s*/g, '$1 ')
+      .trim();
+  };
+
+  // if can find a readable node, else stop tts
+  // FIXED: Added proper boundary checks to prevent stack overflow
+  this.findNextTextNode = (depth = 0) => {
+    // Prevent deep recursion
+    if (depth > 500) {
+      console.warn('TTS: findNextTextNode max depth reached');
+      return false;
+    }
+
+    if (this.currentElement.isSameNode(reader.chapterElement) && this.started) {
+      return false;
+    } else {
+      this.started = true;
+    }
+
+    // Safety check: ensure currentElement is valid
+    if (!this.currentElement || !this.currentElement.nodeName) {
+      return false;
+    }
+
+    // is read, have to go next or go back
+    if (this.currentElement.isSameNode(this.prevElement)) {
+      this.prevElement = this.currentElement;
+      if (this.currentElement.nextElementSibling) {
+        this.currentElement = this.currentElement.nextElementSibling;
+        return this.findNextTextNode(depth + 1);
+      } else if (
+        this.currentElement.parentElement &&
+        !this.currentElement.parentElement.isSameNode(document.body) &&
+        !this.currentElement.parentElement.isSameNode(document.documentElement)
+      ) {
+        this.currentElement = this.currentElement.parentElement;
+        return this.findNextTextNode(depth + 1);
+      } else {
+        return false;
+      }
+    } else {
+      // can read? read it
+      if (this.readable()) {
+        return true;
+      }
+      if (
+        !this.prevElement?.parentElement?.isSameNode(this.currentElement) &&
+        this.currentElement.firstElementChild
+      ) {
+        // go deep
+        this.prevElement = this.currentElement;
+        this.currentElement = this.currentElement.firstElementChild;
+        return this.findNextTextNode(depth + 1);
+      } else if (this.currentElement.nextElementSibling) {
+        this.prevElement = this.currentElement;
+        this.currentElement = this.currentElement.nextElementSibling;
+        return this.findNextTextNode(depth + 1);
+      } else if (
+        this.currentElement.parentElement &&
+        !this.currentElement.parentElement.isSameNode(document.body) &&
+        !this.currentElement.parentElement.isSameNode(document.documentElement)
+      ) {
+        this.prevElement = this.currentElement;
+        this.currentElement = this.currentElement.parentElement;
+        return this.findNextTextNode(depth + 1);
+      } else {
+        return false;
+      }
+    }
+  };
+
+  this.next = () => {
+    try {
+      this.currentElement?.classList?.remove('highlight');
+
+      // Use array-based approach instead of DOM traversal (no recursion!)
+      while (this.elementsRead < this.totalElements) {
+        const nextElement = this.allReadableElements[this.elementsRead];
+        if (!nextElement) break;
+
+        const text = this.normalizeText(nextElement.innerText);
+        if (text) {
+          // Found valid text - speak it
+          this.currentElement = nextElement;
+          this.reading = true;
+          this.elementsRead++;
+          this.speak();
+          return;
+        } else {
+          // Empty text, skip to next in array (no recursion!)
+          this.elementsRead++;
+        }
+      }
+
+      // Reached the end (elementsRead >= totalElements or no more valid elements)
+      this.reading = false;
+      const autoPageAdvance =
+        reader.readerSettings.val.tts?.autoPageAdvance === true;
+      const hasNextChapter = !!reader.nextChapter;
+
+      if (autoPageAdvance && hasNextChapter) {
+        reader.post({ type: 'next', autoStartTTS: true });
+      } else {
+        this.stop();
+        const controller = document.getElementById('TTS-Controller');
+        if (controller?.firstElementChild) {
+          controller.firstElementChild.innerHTML = volumnIcon;
+        }
+      }
+    } catch (e) {
+      this.stop();
+      alert('TTS Error: ' + e.message);
+    }
+  };
+
+  this.start = element => {
+    this.stop();
+    const startElement = element ?? reader.chapterElement;
+    this.currentElement = startElement;
+
+    // Get all readable elements from the chapter
+    this.allReadableElements = this.getAllReadableElements(
+      reader.chapterElement,
+    );
+    this.totalElements = this.allReadableElements.length;
+    this.textQueue = this.allReadableElements
+      .map(el => this.normalizeText(el.innerText))
+      .filter(text => !!text);
+    reader.post({
+      type: 'tts-queue',
+      data: {
+        queue: this.textQueue,
+        startIndex: this.elementsRead,
+      },
+    });
+
+    // If starting from a specific element, count how many are before it
+    if (element && element !== reader.chapterElement) {
+      const startIndex = this.allReadableElements.indexOf(element);
+      this.elementsRead = startIndex >= 0 ? startIndex : 0;
+    } else {
+      this.elementsRead = 0;
+    }
+
+    this.next();
+  };
+
+  // Get all readable elements in order
+  this.getAllReadableElements = element => {
+    const elements = [];
+    const traverse = el => {
+      if (!el) return;
+      if (this.readable(el)) {
+        elements.push(el);
+      }
+      for (let i = 0; i < el.children.length; i++) {
+        traverse(el.children[i]);
+      }
+    };
+    traverse(element);
+    return elements;
+  };
+
+  this.resume = () => {
+    if (!this.reading) {
+      if (
+        this.currentElement &&
+        this.currentElement.id !== 'LNReader-chapter'
+      ) {
+        this.speak();
+        this.reading = true;
+      } else {
+        this.next();
+      }
+    }
+  };
+
+  this.pause = () => {
+    this.reading = false;
+    reader.post({ type: 'stop-speak' });
+    reader.post({ type: 'tts-state', data: { isReading: false } });
+  };
+
+  this.stop = () => {
+    reader.post({ type: 'stop-speak' });
+    this.currentElement?.classList?.remove('highlight');
+    this.prevElement = null;
+    this.currentElement = reader.chapterElement;
+    this.started = false;
+    this.reading = false;
+    this.elementsRead = 0;
+    this.totalElements = 0;
+    this.allReadableElements = [];
+    this.textQueue = [];
+    reader.post({ type: 'tts-state', data: { isReading: false } });
+    // Ensure icon updates to stopped state
+    const controller = document.getElementById('TTS-Controller');
+    if (controller?.firstElementChild) {
+      controller.firstElementChild.innerHTML = volumnIcon;
+    }
+  };
+
+  this.isElementInViewport = element => {
+    if (!element) return false;
+    const rect = element.getBoundingClientRect();
+    const windowHeight =
+      window.innerHeight || document.documentElement.clientHeight;
+    const windowWidth =
+      window.innerWidth || document.documentElement.clientWidth;
+
+    return (
+      rect.top >= 0 &&
+      rect.left >= 0 &&
+      rect.bottom <= windowHeight &&
+      rect.right <= windowWidth
+    );
+  };
+
+  // UPDATED: Scroll to top or center based on settings with padding for notch/camera
+  this.scrollToElement = element => {
+    if (!element) return;
+    // Check if element is partially visible (at least some part is in viewport)
+    const rect = element.getBoundingClientRect();
+    const windowHeight =
+      window.innerHeight || document.documentElement.clientHeight;
+    const isPartiallyVisible =
+      rect.top < windowHeight &&
+      rect.bottom > 0 &&
+      rect.left < window.innerWidth &&
+      rect.right > 0;
+
+    // Only scroll if element is not visible or barely visible
+    if (!isPartiallyVisible || rect.top < 0 || rect.bottom > windowHeight) {
+      // Check scrollToTop setting (default to true for better reading experience)
+      const scrollToTop = reader.readerSettings.val.tts?.scrollToTop !== false;
+
+      if (scrollToTop) {
+        // Scroll to top with padding for notch/camera (80px from top)
+        const elementTop =
+          element.getBoundingClientRect().top + window.pageYOffset;
+        const offsetPosition = elementTop - 80; // 80px padding for notch/camera
+
+        window.scrollTo({
+          top: offsetPosition,
+          behavior: 'smooth',
+        });
+      } else {
+        // Center scroll (original behavior)
+        element.scrollIntoView({
+          behavior: 'smooth',
+          block: 'center',
+          inline: 'nearest',
+        });
+      }
+    }
+  };
+
+  this.speak = () => {
+    if (!this.currentElement) return;
+    this.prevElement = this.currentElement;
+    this.scrollToElement(this.currentElement);
+    this.currentElement.classList.add('highlight');
+    const text = this.normalizeText(this.currentElement.innerText);
+    if (text) {
+      reader.post({
+        type: 'speak',
+        data: text,
+        index: this.elementsRead - 1,
+      });
+      reader.post({ type: 'tts-state', data: { isReading: true } });
+    } else {
+      this.next();
+    }
+  };
+})();
+
+// Watch for TTSEnable changes and stop TTS when disabled
+van.derive(() => {
+  if (!reader.generalSettings.val.TTSEnable && window.tts) {
+    if (tts.reading || tts.started) {
+      tts.stop();
+    }
+  }
+});
+
+window.pageReader = new (function () {
+  this.page = van.state(0);
+  this.totalPages = van.state(0);
+  this.chapterEndingVisible = van.state(
+    initialPageReaderConfig.nextChapterScreenVisible,
+  );
+  this.chapterEnding = document.getElementsByClassName('transition-chapter')[0];
+
+  this.showChapterEnding = (bool, instant, left) => {
+    if (!this.chapterEnding) {
+      this.chapterEnding =
+        document.getElementsByClassName('transition-chapter')[0];
+      if (!this.chapterEnding) return;
+    }
+    this.chapterEnding.style.transition = 'unset';
+    if (bool) {
+      this.chapterEnding.style.transform = `translateX(${left ? -200 : 0}vw)`;
+      requestAnimationFrame(() => {
+        if (!instant) this.chapterEnding.style.transition = '200ms';
+        this.chapterEnding.style.transform = 'translateX(-100vw)';
+      });
+      this.chapterEndingVisible.val = true;
+    } else {
+      if (!instant) this.chapterEnding.style.transition = '200ms';
+      this.chapterEnding.style.transform = `translateX(${left ? -200 : 0}vw)`;
+      this.chapterEndingVisible.val = false;
+    }
+  };
+
+  this.movePage = destPage => {
+    if (this.chapterEndingVisible.val) {
+      if (destPage < 0) {
+        this.showChapterEnding(false);
+        return;
+      }
+      if (destPage < this.totalPages.val) {
+        this.showChapterEnding(false, false, true);
+        return;
+      }
+      if (destPage >= this.totalPages.val) {
+        return reader.post({ type: 'next' });
+      }
+    }
+    destPage = parseInt(destPage, 10);
+    if (destPage < 0) {
+      document.getElementsByClassName('transition-chapter')[0].innerText =
+        reader.prevChapter.name;
+      this.showChapterEnding(true, false, true);
+      setTimeout(() => {
+        reader.post({ type: 'prev' });
+      }, 200);
+      return;
+    }
+    if (destPage >= this.totalPages.val) {
+      document.getElementsByClassName('transition-chapter')[0].innerText =
+        reader.nextChapter.name;
+      this.showChapterEnding(true);
+      setTimeout(() => {
+        reader.post({ type: 'next' });
+      }, 200);
+      return;
+    }
+    this.page.val = destPage;
+    reader.chapterElement.style.transform =
+      'translateX(-' + destPage * 100 + '%)';
+
+    const newProgress = parseInt(
+      ((pageReader.page.val + 1) / pageReader.totalPages.val) * 100,
+      10,
+    );
+
+    if (newProgress > reader.chapter.progress) {
+      reader.post({
+        type: 'save',
+        data: parseInt(
+          ((pageReader.page.val + 1) / pageReader.totalPages.val) * 100,
+          10,
+        ),
+      });
+    }
+  };
+
+  van.derive(() => {
+    // ignore if initial or other states change
+    if (
+      reader.generalSettings.val.pageReader ===
+      reader.generalSettings.oldVal.pageReader
+    ) {
+      return;
+    }
+    if (reader.generalSettings.val.pageReader) {
+      const ratio = Math.min(
+        0.99,
+        (window.scrollY + reader.layoutHeight) / reader.chapterHeight,
+      );
+      document.body.classList.add('page-reader');
+      setTimeout(() => {
+        reader.refresh();
+        this.totalPages.val = parseInt(
+          (reader.chapterWidth + reader.readerSettings.val.padding * 2) /
+            reader.layoutWidth,
+          10,
+        );
+        this.movePage(this.totalPages.val * ratio);
+      }, 100);
+    } else {
+      reader.chapterElement.style = '';
+      document.body.classList.remove('page-reader');
+      setTimeout(() => {
+        reader.refresh();
+        window.scrollTo({
+          top:
+            (reader.chapterHeight * (this.page.val + 1)) / this.totalPages.val -
+            reader.layoutHeight,
+          behavior: 'smooth',
+        });
+      }, 100);
+    }
+  });
+})();
+
+document.addEventListener('DOMContentLoaded', () => {
+  if (pageReader.chapterEndingVisible.val) {
+    pageReader.showChapterEnding(true, true);
+  }
+});
+
+function calculatePages() {
+  reader.refresh();
+
+  if (reader.generalSettings.val.pageReader) {
+    pageReader.totalPages.val = parseInt(
+      (reader.chapterWidth + reader.readerSettings.val.padding * 2) /
+        reader.layoutWidth,
+      10,
+    );
+
+    if (initialPageReaderConfig.nextChapterScreenVisible) return;
+
+    pageReader.movePage(
+      Math.max(
+        0,
+        Math.round(
+          (pageReader.totalPages.val * reader.chapter.progress) / 100,
+        ) - 1,
+      ),
+    );
+  } else {
+    window.scrollTo({
+      top:
+        (reader.chapterHeight * reader.chapter.progress) / 100 -
+        reader.layoutHeight,
+      behavior: 'smooth',
+    });
+  }
+}
+
+const ro = new ResizeObserver(() => {
+  if (pageReader.totalPages.val) {
+    calculatePages();
+  }
+});
+ro.observe(reader.chapterElement);
+
+// Also call once on load
+window.addEventListener('load', () => {
+  document.fonts.ready.then(() => {
+    requestAnimationFrame(() => setTimeout(calculatePages, 0));
+  });
+});
+
+// click handler
+(function () {
+  const detectTapPosition = (x, y, horizontal) => {
+    if (horizontal) {
+      if (x < 0.33) {
+        return 'left';
+      }
+      if (x > 0.66) {
+        return 'right';
+      }
+    } else {
+      if (y < 0.33) {
+        return 'top';
+      }
+      if (y > 0.66) {
+        return 'bottom';
+      }
+    }
+    return 'center';
+  };
+  document.onclick = e => {
+    const { clientX, clientY } = e;
+    const { x, y } = {
+      x: clientX / reader.layoutWidth,
+      y: clientY / reader.layoutHeight,
+    };
+
+    if (reader.generalSettings.val.pageReader) {
+      const position = detectTapPosition(x, y, true);
+      if (position === 'left') {
+        pageReader.movePage(pageReader.page.val - 1);
+        return;
+      }
+      if (position === 'right') {
+        pageReader.movePage(pageReader.page.val + 1);
+        return;
+      }
+    } else {
+      if (reader.generalSettings.val.tapToScroll) {
+        const position = detectTapPosition(x, y, false);
+        if (position === 'top') {
+          window.scrollBy({
+            top: -reader.layoutHeight * 0.75,
+            behavior: 'smooth',
+          });
+          return;
+        }
+        if (position === 'bottom') {
+          window.scrollBy({
+            top: reader.layoutHeight * 0.75,
+            behavior: 'smooth',
+          });
+          return;
+        }
+      }
+    }
+    reader.post({ type: 'hide' });
+  };
+})();
+
+// swipe handler
+(function () {
+  this.initialX = null;
+  this.initialY = null;
+
+  reader.chapterElement.addEventListener('touchstart', e => {
+    this.initialX = e.changedTouches[0].screenX;
+    this.initialY = e.changedTouches[0].screenY;
+  });
+
+  reader.chapterElement.addEventListener('touchmove', e => {
+    if (reader.generalSettings.val.pageReader) {
+      const diffX =
+        (e.changedTouches[0].screenX - this.initialX) / reader.layoutWidth;
+      reader.chapterElement.style.transition = 'unset';
+      reader.chapterElement.style.transform =
+        'translateX(-' + (pageReader.page.val - diffX) * 100 + '%)';
+    }
+  });
+
+  reader.chapterElement.addEventListener('touchend', e => {
+    const diffX = e.changedTouches[0].screenX - this.initialX;
+    const diffY = e.changedTouches[0].screenY - this.initialY;
+    if (reader.generalSettings.val.pageReader) {
+      reader.chapterElement.style.transition = '200ms';
+      const diffXPercentage = diffX / reader.layoutWidth;
+      if (diffXPercentage < -0.3) {
+        pageReader.movePage(pageReader.page.val + 1);
+      } else if (diffXPercentage > 0.3) {
+        pageReader.movePage(pageReader.page.val - 1);
+      } else {
+        pageReader.movePage(pageReader.page.val);
+      }
+      return;
+    }
+    if (
+      e.target.id?.startsWith('scrollbar') ||
+      e.target.id === 'Image-Modal-img'
+    ) {
+      return;
+    }
+    if (
+      reader.generalSettings.val.swipeGestures &&
+      Math.abs(diffX) > Math.abs(diffY) * 2 &&
+      Math.abs(diffX) > 180
+    ) {
+      if (diffX < 0 && this.initialX >= window.innerWidth / 2) {
+        e.preventDefault();
+        reader.post({ type: 'next' });
+      } else if (diffX > 0 && this.initialX <= window.innerWidth / 2) {
+        e.preventDefault();
+        reader.post({ type: 'prev' });
+      }
+    }
+  });
+})();
+
+// text options
+(function () {
+  van.derive(() => {
+    let html = reader.rawHTML;
+    if (reader.generalSettings.val.bionicReading) {
+      html = textVide.textVide(reader.rawHTML);
+    }
+
+    if (reader.generalSettings.val.removeExtraParagraphSpacing) {
+      html = html
+        .replace(/(?:&nbsp;\s*|[\u200b]\s*)+(?=<\/?p[> ])/g, '')
+        .replace(/<br>\s*<br>\s*(?:<br>\s*)+/g, '<br><br>') //force max 2 consecutive <br>, chaining regex
+        .replace(
+          /<br>\s*<br>[^]+/,
+          _ =>
+            `${
+              /\/p>/.test(_)
+                ? _.replace(
+                    /<br>\s*<br>(?:(?=\s*<\/?p[> ])|(?<=<\/?p\b[^>]*><br>\s*<br>))\s*/g,
+                    '',
+                  )
+                : _
+            }`,
+        ) //if p found, delete all double br near p
+        .replace(/<br>(?:(?=\s*<\/?p[> ])|(?<=<\/?p>\s*<br>))\s*/g, '');
+    }
+    reader.chapterElement.innerHTML = html;
+  });
+})();

android/app/src/main/assets/js/icons.js

@@ -0,0 +1,6 @@
+const volumnIcon =
+  '<svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px" fill="#e8eaed"><path d="M552-152v-75q86-23 139-93.5T744-480q0-89-53.5-158.5T552-734v-75q116 25 190 117t74 211q0 119-73.5 211.5T552-152ZM144-385v-192h144l192-192v576L288-385H144Zm408 55v-302q45 20 70.5 61t25.5 90q0 49-25.5 89.5T552-330Z"/></svg>';
+const pauseIcon =
+  '<svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px" fill="#e8eaed"><path d="M564-228v-504h168v504H564Zm-336 0v-504h168v504H228Z"/></svg>';
+const resumeIcon =
+  '<svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px" fill="#e8eaed"><path d="M240-240v-480h72v480h-72Zm144 0 384-240-384-240v480Z"/></svg>';

android/app/src/main/assets/js/index.d.ts

@@ -0,0 +1,62 @@
+import { ChapterInfo, NovelInfo } from '@database/types';
+import {
+  ChapterGeneralSettings,
+  ChapterReaderSettings,
+} from '@hooks/persisted/useSettings';
+import { State } from './van';
+
+export interface Reader {
+  // element
+  chapterElement: HTMLElement;
+  viewport: HTMLMetaElement;
+  selection: Selection;
+
+  // state
+  hidden: State<boolean>;
+  generalSettings: State<ChapterGeneralSettings>;
+  readerSettings: State<ChapterReaderSettings>;
+  batteryLevel: State<number>;
+
+  novel: NovelInfo;
+  chapter: ChapterInfo;
+  nextChapter?: ChapterInfo;
+  autoSaveInterval: number;
+  rawHTML: string;
+  strings: {
+    finished: string;
+    nextChapter: string;
+    noNextChapter: string;
+  };
+
+  //layout props
+  paddingTop: number;
+  layoutHeight: number;
+  layoutWidth: number;
+  chapterHeight: number;
+  chapterWidth: number;
+
+  post: (obj: Record<string, any>) => void;
+  refresh: () => void;
+}
+
+interface PageReader {
+  page: State<number>;
+  totalPages: State<number>;
+  movePage: (page: number) => void;
+}
+
+interface TTS {
+  started: boolean;
+  reading: boolean;
+  start: (element?: HTMLElement) => void;
+  resume: () => void;
+  stop: () => void;
+  pause: () => void;
+  readable: (element?: HTMLElement) => void;
+}
+
+declare global {
+  const reader: Reader;
+  const tts: TTS;
+  const pageReader: PageReader;
+}

android/app/src/main/assets/js/index.js

@@ -0,0 +1,351 @@
+const { div, p, img, button } = van.tags;
+
+const ChapterEnding = () => {
+  return () =>
+    reader.generalSettings.val.pageReader
+      ? div()
+      : div(div({ class: 'info-text' }, reader.strings.finished), () =>
+          reader.nextChapter
+            ? button(
+                {
+                  class: 'next-button',
+                  onclick: e => {
+                    e.stopPropagation();
+                    reader.post({ type: 'next' });
+                  },
+                },
+                reader.strings.nextChapter,
+              )
+            : div({ class: 'info-text' }, reader.strings.noNextChapter),
+        );
+};
+
+const Scrollbar = () => {
+  const horizontal = van.derive(
+    () => !reader.generalSettings.val.verticalSeekbar,
+  );
+  let lock = false;
+  const percentage = van.state(0);
+  const update = ratio => {
+    if (ratio === undefined) {
+      ratio = (window.scrollY + reader.layoutHeight) / reader.chapterHeight;
+    }
+    if (ratio > 1) {
+      ratio = 1;
+    }
+    if (reader.generalSettings.val.pageReader) {
+      pageReader.movePage(
+        parseInt(pageReader.totalPages.val * Math.min(0.99, ratio)),
+      );
+      return;
+    }
+    percentage.val = parseInt(ratio * 100);
+    if (lock) {
+      window.scrollTo({
+        top: reader.chapterHeight * ratio - reader.layoutHeight,
+        behavior: 'instant',
+      });
+    }
+  };
+  window.addEventListener(
+    'scroll',
+    () => !lock && !reader.generalSettings.val.pageReader && update(),
+  );
+  return div(
+    { id: 'ScrollBar' },
+    div(
+      { class: 'scrollbar-item scrollbar-text', id: 'scrollbar-percentage' },
+      () =>
+        reader.generalSettings.val.pageReader
+          ? pageReader.page.val + 1
+          : percentage.val,
+    ),
+    div(
+      { class: 'scrollbar-item', id: 'scrollbar-slider' },
+      div(
+        { id: 'scrollbar-track' },
+        div(
+          {
+            id: 'scrollbar-progress',
+            style: () => {
+              const percentageValue = reader.generalSettings.val.pageReader
+                ? ((pageReader.page.val + 1) / pageReader.totalPages.val) * 100
+                : percentage.val;
+              return horizontal.val
+                ? `width: ${percentageValue}%; height: 100%;`
+                : `height: ${percentageValue}%; width: 100%;`;
+            },
+          },
+          div(
+            {
+              id: 'scrollbar-thumb-wrapper',
+              ontouchstart: () => {
+                lock = true;
+              },
+              ontouchend: () => {
+                lock = false;
+              },
+              ontouchmove: function (e) {
+                const slider = this.parentElement.parentElement.parentElement;
+                const sliderHeight = horizontal.val
+                  ? slider.clientWidth
+                  : slider.clientHeight;
+                const sliderOffsetY = horizontal.val
+                  ? slider.getBoundingClientRect().left
+                  : slider.getBoundingClientRect().top;
+                const ratio =
+                  ((horizontal.val
+                    ? e.changedTouches[0].clientX
+                    : e.changedTouches[0].clientY) -
+                    sliderOffsetY) /
+                  sliderHeight;
+                update(ratio < 0 ? 0 : ratio);
+              },
+            },
+            div({ id: 'scrollbar-thumb' }),
+          ),
+        ),
+      ),
+    ),
+    div(
+      {
+        class: 'scrollbar-item scrollbar-text',
+        id: 'scrollbar-percentage-max',
+      },
+      () =>
+        reader.generalSettings.val.pageReader ? pageReader.totalPages.val : 100,
+    ),
+  );
+};
+
+const ToolWrapper = () => {
+  const horizontal = van.derive(
+    () => !reader.generalSettings.val.verticalSeekbar,
+  );
+  return div(
+    {
+      id: 'ToolWrapper',
+      class: () =>
+        `${reader.hidden.val ? 'hidden' : ''} ${
+          horizontal.val ? 'horizontal' : ''
+        }`,
+    },
+    Scrollbar(),
+  );
+};
+
+const ImageModal = ({ src }) => {
+  return div(
+    {
+      id: 'Image-Modal',
+      class: () => (src.val ? 'show' : ''),
+      onclick: e => {
+        if (e.target.id !== 'Image-Modal-img') {
+          e.stopPropagation();
+          src.val = '';
+        }
+      },
+    },
+    img({
+      id: 'Image-Modal-img',
+      src: src,
+      alt: () => (src.val ? `Cant not render image from ${src.val}` : ''),
+    }),
+  );
+};
+
+const ModalWrapper = () => {
+  const imgSrc = van.state('');
+  const showImage = src => {
+    imgSrc.val = src;
+    reader.viewport.setAttribute(
+      'content',
+      'width=device-width, initial-scale=1.0, maximum-scale=10',
+    );
+  };
+  const hideImage = () => {
+    imgSrc.val = '';
+    reader.viewport.setAttribute(
+      'content',
+      'width=device-width, initial-scale=1.0, maximum-scale=1.0',
+    );
+  };
+
+  document.addEventListener('contextmenu', e => {
+    if (e.target instanceof HTMLImageElement) {
+      if (!imgSrc.val) {
+        showImage(e.target.src);
+      } else {
+        hideImage();
+      }
+    }
+  });
+  return div(ImageModal({ src: imgSrc }));
+};
+
+const Footer = () => {
+  const percentage = van.state(0);
+  const time = van.state(
+    new Date().toLocaleTimeString(undefined, {
+      hour: '2-digit',
+      minute: '2-digit',
+      hour12: false,
+    }),
+  );
+  window.addEventListener('scroll', () => {
+    let ratio = (window.scrollY + reader.layoutHeight) / reader.chapterHeight;
+    if (ratio > 1) {
+      ratio = 1;
+    }
+    percentage.val = parseInt(ratio * 100);
+  });
+  setInterval(() => {
+    time.val = new Date().toLocaleTimeString(undefined, {
+      hour: '2-digit',
+      minute: '2-digit',
+      hour12: false,
+    });
+  }, 10000);
+  return div(
+    {
+      id: 'reader-footer-wrapper',
+      class: () =>
+        reader.generalSettings.val.showBatteryAndTime ||
+        reader.generalSettings.val.showScrollPercentage
+          ? ''
+          : 'd-none',
+    },
+    div(
+      { id: 'reader-footer' },
+
+      div(
+        {
+          id: 'reader-battery',
+          class: () =>
+            `reader-footer-item ${
+              reader.generalSettings.val.showBatteryAndTime ? '' : 'hidden'
+            }`,
+        },
+        () => Math.ceil(reader.batteryLevel.val * 100) + '%',
+      ),
+      div(
+        {
+          id: 'reader-percentage',
+          class: () =>
+            `reader-footer-item ${
+              reader.generalSettings.val.showScrollPercentage ? '' : 'hidden'
+            }`,
+        },
+        () =>
+          reader.generalSettings.val.pageReader
+            ? `${pageReader.page.val + 1}/${pageReader.totalPages.val}`
+            : percentage.val + '%',
+      ),
+      div(
+        {
+          id: 'reader-time',
+          class: () =>
+            `reader-footer-item ${
+              reader.generalSettings.val.showBatteryAndTime ? '' : 'hidden'
+            }`,
+        },
+        time,
+      ),
+    ),
+  );
+};
+
+const TTSController = () => {
+  let controllerElement = null;
+  let hoverElement = null;
+  let clientX = null;
+  let clientY = null;
+  return div(
+    {
+      id: 'TTS-Controller',
+      class: () => `${reader.generalSettings.val.TTSEnable ? '' : 'hidden'}`,
+      style: () =>
+        reader.generalSettings.val.TTSEnable
+          ? 'pointer-events: auto;'
+          : 'pointer-events: none; display: none !important; opacity: 0; transition: none;',
+      ontouchstart: () => {
+        if (!controllerElement) {
+          controllerElement = document.getElementById('TTS-Controller');
+        }
+        controllerElement.classList.add('active');
+        controllerElement.style.transition = '';
+      },
+      ontouchmove: e => {
+        e.preventDefault();
+        e.stopPropagation();
+        clientX = e.changedTouches[0].clientX;
+        clientY = e.changedTouches[0].clientY;
+        controllerElement.style.left = `${clientX}px`;
+        controllerElement.style.top = `${clientY}px`;
+        const hoverElements = document.elementsFromPoint(clientX, clientY);
+        const newHoverElement = hoverElements.reverse().find(e => {
+          if (e.id.includes('scrollbar')) {
+            return false;
+          }
+          return tts.readable(e);
+        });
+        hoverElement?.classList.remove('highlight');
+        if (newHoverElement) {
+          newHoverElement.classList.add('highlight');
+          hoverElement = newHoverElement;
+        } else {
+          hoverElement = null;
+        }
+      },
+      ontouchend: () => {
+        controllerElement.style.transition = '1s';
+        controllerElement.classList.remove('active');
+        controllerElement.style.left = '20px';
+        if (clientX && clientY) {
+          let top = clientY < 120 ? 120 : clientY;
+          if (top + 120 > reader.layoutHeight) {
+            top = reader.layoutHeight - 120;
+          }
+          controllerElement.style.top = `${top}px`;
+          // Check if TTS is still enabled before starting
+          if (hoverElement && reader.generalSettings.val.TTSEnable) {
+            tts.start(hoverElement);
+            controllerElement.firstElementChild.innerHTML = pauseIcon;
+          }
+        }
+        clientX = null;
+        clientY = null;
+      },
+      onclick: e => {
+        e.stopPropagation();
+        // Don't allow interaction if TTS is disabled
+        if (!reader.generalSettings.val.TTSEnable) {
+          return;
+        }
+        if (tts.reading) {
+          tts.pause();
+          controllerElement.firstElementChild.innerHTML = resumeIcon;
+        } else if (tts.started) {
+          tts.resume();
+          controllerElement.firstElementChild.innerHTML = pauseIcon;
+        } else {
+          tts.start();
+          controllerElement.firstElementChild.innerHTML = pauseIcon;
+        }
+      },
+    },
+    button({ innerHTML: volumnIcon }),
+  );
+};
+
+const ReaderUI = () => {
+  return div(
+    ToolWrapper(),
+    TTSController(),
+    ModalWrapper(),
+    Footer(),
+    ChapterEnding(),
+  );
+};
+
+van.add(document.getElementById('reader-ui'), ReaderUI());

android/app/src/main/assets/js/polyfill-onscrollend.js

@@ -0,0 +1,91 @@
+/* eslint-disable eslint-comments/no-unlimited-disable */
+/* eslint-disable */
+'use strict';
+(() => {
+  function f(i, o, r, s = !1) {
+    if (!(o in i) || typeof r != 'function') return !1;
+    let t = i[o];
+    return (
+      (i[o] = function (...e) {
+        return (
+          s || t.apply(this, e), (t = t.bind(this)), r.apply(this, [t, ...e])
+        );
+      }),
+      !0
+    );
+  }
+  if (typeof window == 'undefined') throw 'Not in a browser.';
+  var p = 'onscrollend' in window;
+  if (!p) {
+    let s = function (e, u, l) {
+        if (u !== 'scrollend') {
+          e.apply(this, [u, l]);
+          return;
+        }
+        let c = this,
+          n = i.get(c);
+        if (!n) {
+          let d;
+          (n = {
+            scrollFn: () => {
+              clearTimeout(d),
+                (d = setTimeout(() => {
+                  l();
+                }, 100));
+            },
+            handlers: [l],
+          }),
+            e.apply(c, ['scroll', n.scrollFn, !1]),
+            i.set(c, n);
+        }
+      },
+      t = function (e, u, l) {
+        if (u !== 'scrollend') {
+          e.apply(this, [u, l]);
+          return;
+        }
+        let c = this,
+          n = i.get(c);
+        if (n) {
+          if (
+            (typeof n.scrollFn == 'function' &&
+              e.apply(this, ['scroll', n.scrollFn]),
+            typeof l == 'undefined')
+          )
+            n.handlers = [];
+          else {
+            let d = n.handlers.indexOf(l);
+            d > -1 && n.handlers.splice(d, 1);
+          }
+          n.handlers.length === 0 && i.delete(c);
+        }
+      };
+    (a = s), (w = t);
+    let i = new WeakMap(),
+      o = null,
+      r = null;
+    f(window, 'addEventListener', s, !0),
+      f(window, 'removeEventListener', t, !0),
+      Object.defineProperty(window, 'onscrollend', {
+        set: e => {
+          (typeof e != 'function' || o) &&
+            t.call(window, window.removeEventListener, 'scrollend', o),
+            (o = e),
+            e && s.call(window, window.addEventListener, 'scrollend', e);
+        },
+        get: () => o,
+      }),
+      f(document, 'addEventListener', s, !0),
+      f(document, 'removeEventListener', t, !0),
+      Object.defineProperty(document, 'onscrollend', {
+        set: e => {
+          (typeof e != 'function' || r) &&
+            t.call(document, document.removeEventListener, 'scrollend', r),
+            (r = e),
+            e && s.call(document, document.addEventListener, 'scrollend', e);
+        },
+        get: () => r,
+      });
+  }
+  var a, w;
+})();

android/app/src/main/assets/js/text-vibe.js

@@ -0,0 +1 @@
+var textVide = function(L){'use strict'; const f = t=>t == null || t === '',h = (t,n)=>Object.keys(t).reduce((e,s)=>(n(e[s]) && delete e[s],e),t),I = (t,n)=>({...n,...h(t,f)}),_ = ['<b>','</b>'],y = t=>I(t,{sep:_,fixationPoint:1,ignoreHtmlTag:!0,ignoreHtmlEntity:!0}),u = [[0,4,12,17,24,29,35,42,48],[1,2,7,10,13,14,19,22,25,28,31,34,37,40,43,46,49],[1,2,5,7,9,11,13,15,17,19,21,23,25,27,29,31,33,35,37,39,41,43,45,47,49],[0,2,4,5,6,8,9,11,14,15,17,18,20,0,21,23,24,26,27,29,30,32,33,35,36,38,39,41,42,44,45,47,48],[0,2,3,5,6,7,8,10,11,12,14,15,17,19,20,21,23,24,25,26,28,29,30,32,33,34,35,37,38,39,41,42,43,44,46,47,48]],A = (t,n)=>{const {length:i} = t,e = u[n - 1] ?? u[0],s = e.findIndex(c=>i <= c); let o = i - s; return s === -1 && (o = i - e.length),Math.max(o,0);},R = (t,n)=>typeof n === 'string' ? `${n}${t}${n}` : `${n[0]}${t}${n[1]}`,m = t=>Array.from(t).map(n=>{const i = n.index,[e] = n,{length:s} = e; return [i,i + s - 1];}),H = /<!--[^]*?-->|(<[^>]+>)/g,N = t=>{const n = t.matchAll(H),e = m(n).reverse(); return s=>{const o = s.index,c = e.find(([r])=>o > r); if (!c) {return !1;} const [,a] = c; return o < a;};},O = /&[\w#]+;/g,M = t=>{const n = t.matchAll(O),e = m(n).reverse(); return s=>{const o = s.index,c = e.find(([r])=>o > r); if (!c) {return !1;} const [,a] = c; return o < a;};},x = /(\p{L}|\p{Nd})*\p{L}(\p{L}|\p{Nd})*/gu,F = (t,n = {})=>{if (!(t != null && t.length)) {return '';} const {fixationPoint:i,sep:e,ignoreHtmlTag:s,ignoreHtmlEntity:o} = y(n),c = Array.from(t.matchAll(x)); let a = '',l = 0,r; s && (r = N(t)); let d; o && (d = M(t)); for (const g of c){if ((r == null ? void 0 : r(g)) || (d == null ? void 0 : d(g))) {continue;} const [D] = g,T = g.index,E = T + A(D,i),U = t.slice(l,T); a += U,T !== E && (a += R(t.slice(T,E),e)),l = E;} const G = t.slice(l); return a + G;}; return L.textVide = F,Object.defineProperty(L,Symbol.toStringTag,{value:'Module'}),L;}({});

android/app/src/main/assets/js/van.d.ts

@@ -0,0 +1,70 @@
+import 'typescript';
+import 'typescript/lib/lib.dom';
+export interface State<T> {
+  val: T;
+  readonly oldVal: T;
+  readonly rawVal: T;
+}
+
+// Defining readonly view of State<T> for covariance.
+// Basically we want StateView<string> to implement StateView<string | number>
+export type StateView<T> = Readonly<State<T>>;
+
+export type Val<T> = State<T> | T;
+
+export type Primitive = string | number | boolean | bigint;
+
+export type PropValue = Primitive | ((e: any) => void) | null;
+
+export type PropValueOrDerived =
+  | PropValue
+  | StateView<PropValue>
+  | (() => PropValue);
+
+export type Props = Record<string, PropValueOrDerived> & {
+  class?: PropValueOrDerived;
+};
+
+export type PropsWithKnownKeys<ElementType> = Partial<{
+  [K in keyof ElementType]: PropValueOrDerived;
+}>;
+
+export type ValidChildDomValue = Primitive | Node | null | undefined;
+
+export type BindingFunc =
+  | ((dom?: Node) => ValidChildDomValue)
+  | ((dom?: Element) => Element);
+
+export type ChildDom =
+  | ValidChildDomValue
+  | StateView<Primitive | null | undefined>
+  | BindingFunc
+  | readonly ChildDom[];
+
+export type TagFunc<Result> = (
+  first?: (Props & PropsWithKnownKeys<Result>) | ChildDom,
+  ...rest: readonly ChildDom[]
+) => Result;
+
+type Tags = Readonly<Record<string, TagFunc<Element>>> & {
+  [K in keyof HTMLElementTagNameMap]: TagFunc<HTMLElementTagNameMap[K]>;
+};
+
+declare function state<T>(): State<T>;
+declare function state<T>(initVal: T): State<T>;
+
+export interface Van {
+  readonly state: typeof state;
+  readonly derive: <T>(f: () => T) => State<T>;
+  readonly add: (dom: Element, ...children: readonly ChildDom[]) => Element;
+  readonly tags: Tags &
+    ((namespaceURI: string) => Readonly<Record<string, TagFunc<Element>>>);
+  readonly hydrate: <T extends Node>(
+    dom: T,
+    f: (dom: T) => T | null | undefined,
+  ) => T;
+}
+
+declare global {
+  const van: Van;
+}

android/app/src/main/assets/js/van.js

@@ -0,0 +1 @@
+{let e,t,r,o,n,l,s,f,i,h,w,a,d,u,_,c,S,g,y,b,m,v,j,x,O; s = Object.getPrototypeOf,i = {},h = s(f = {isConnected:1}),w = s(s),a = (e,t,r,o)=>(e ?? (setTimeout(r,o),new Set())).add(t),d = (e,t,o)=>{let n = r; r = t; try {return e(o);} catch (e){return console.error(e),o;} finally {r = n;}},u = e=>e.filter(e=>e.t?.isConnected),_ = e=>n = a(n,e,()=>{for (let e of n){e.o = u(e.o),e.l = u(e.l);}n = l;},1e3),c = {get val(){return r?.i?.add(this),this.rawVal;},get oldVal(){return r?.i?.add(this),this.h;},set val(o){r?.u?.add(this),o !== this.rawVal && (this.rawVal = o,this.o.length + this.l.length ? (t?.add(this),e = a(e,this,x)) : this.h = o);}},S = e=>({__proto__:c,rawVal:e,h:e,o:[],l:[]}),g = (e,t)=>{let r = {i:new Set(),u:new Set()},n = {f:e},l = o; o = []; let s = d(e,r,t); s = (s ?? document).nodeType ? s : new Text(s); for (let e of r.i){r.u.has(e) || (_(e),e.o.push(n));} for (let e of o){e.t = s;} return o = l,n.t = s;},y = (e,t = S(),r)=>{let n = {i:new Set(),u:new Set()},l = {f:e,s:t}; l.t = r ?? o?.push(l) ?? f,t.val = d(e,n,t.rawVal); for (let e of n.i){n.u.has(e) || (_(e),e.l.push(l));} return t;},b = (e,...t)=>{for (let r of t.flat(1 / 0)){let t = s(r ?? 0),o = t === c ? g(()=>r.val) : t === w ? g(r) : r; o != l && e.append(o);} return e;},m = (e,t,...r)=>{let [o,...n] = s(r[0] ?? 0) === h ? r : [{},...r],f = e ? document.createElementNS(e,t) : document.createElement(t); for (let [e,r] of Object.entries(o)){let o = t=>t ? Object.getOwnPropertyDescriptor(t,e) ?? o(s(t)) : l,n = t + ',' + e,h = i[n] ?? (i[n] = o(s(f))?.set ?? 0),a = e.startsWith('on') ? (t,r)=>{let o = e.slice(2); f.removeEventListener(o,r),f.addEventListener(o,t);} : h ? h.bind(f) : f.setAttribute.bind(f,e),d = s(r ?? 0); e.startsWith('on') || d === w && (r = y(r),d = c),d === c ? g(()=>(a(r.val,r.h),f)) : a(r);} return b(f,n);},v = e=>({get:(t,r)=>m.bind(l,e,r)}),j = (e,t)=>t ? t !== e && e.replaceWith(t) : e.remove(),x = ()=>{let r = 0,o = [...e].filter(e=>e.rawVal !== e.h); do {t = new Set(); for (let e of new Set(o.flatMap(e=>e.l = u(e.l)))){y(e.f,e.s,e.t),e.t = l;}} while (++r < 100 && (o = [...t]).length); let n = [...e].filter(e=>e.rawVal !== e.h); e = l; for (let e of new Set(n.flatMap(e=>e.o = u(e.o)))){j(e.t,g(e.f,e.t)),e.t = l;} for (let e of n){e.h = e.rawVal;}},O = {tags:new Proxy(e=>new Proxy(m,v(e)),v()),hydrate:(e,t)=>j(e,g(t,e)),add:b,state:S,derive:y},window.van = O;}

android/app/src/main/java/com/rajarsheechatterjee/LNReader/MainActivity.java

@@ -1,105 +0,0 @@
-package com.rajarsheechatterjee.LNReader;
-
-import android.graphics.Color;
-import android.os.Build;
-import android.os.Bundle;
-import android.view.KeyEvent;
-import android.view.View;
-import android.view.Window;
-import android.view.WindowManager;
-
-import expo.modules.ReactActivityDelegateWrapper;
-import com.facebook.react.ReactActivity;
-import com.facebook.react.ReactActivityDelegate;
-import com.facebook.react.ReactRootView;
-import com.rajarsheechatterjee.VolumeButtonListener.VolumeButtonListener;
-import com.swmansion.gesturehandler.react.RNGestureHandlerEnabledRootView;
-
-import org.devio.rn.splashscreen.SplashScreen;
-
-public class MainActivity extends ReactActivity {
-    
-    @Override
-    protected void onCreate(Bundle savedInstanceState) {
-        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.P) {
-            WindowManager.LayoutParams layoutParams = new WindowManager.LayoutParams();
-            layoutParams.layoutInDisplayCutoutMode = WindowManager.LayoutParams.LAYOUT_IN_DISPLAY_CUTOUT_MODE_SHORT_EDGES;
-            getWindow().setAttributes(layoutParams);
-        }
-
-        Window w = getWindow();
-        w.setStatusBarColor(Color.TRANSPARENT);
-        w.setNavigationBarColor(Color.TRANSPARENT);
-        w.getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION | View.SYSTEM_UI_FLAG_LAYOUT_STABLE);
-        super.onCreate(null);
-        SplashScreen.show(this,R.style.SplashScreenTheme, R.id.lottie);
-        SplashScreen.setAnimationFinished(true);
-    }
-
-    @Override
-    public boolean dispatchKeyEvent(KeyEvent event) {
-        if (VolumeButtonListener.isActive()) {
-
-            int action = event.getAction();
-            int keyCode = event.getKeyCode();
-            switch (keyCode) {
-                case KeyEvent.KEYCODE_VOLUME_UP:
-                    if (action == KeyEvent.ACTION_DOWN) {
-                        // volup
-                        VolumeButtonListener.up(VolumeButtonListener.getScrollAmount());
-                        if (!VolumeButtonListener.prevent)
-                            return super.dispatchKeyEvent(event);
-                    }
-                    return true;
-                case KeyEvent.KEYCODE_VOLUME_DOWN:
-                    if (action == KeyEvent.ACTION_DOWN) {
-                        // voldown
-                        VolumeButtonListener.down(VolumeButtonListener.getScrollAmount());
-                        if (!VolumeButtonListener.prevent)
-                            return super.dispatchKeyEvent(event);
-                    }
-                    return true;
-                default:
-                    return super.dispatchKeyEvent(event);
-            }
-        }
-        return super.dispatchKeyEvent(event);
-    }
-
-    /**
-     * Returns the name of the main component registered from JavaScript.
-     * This is used to schedule rendering of the component.
-     */
-    @Override
-    protected String getMainComponentName() {
-        return "main";
-    }
-
-    @Override
-    protected ReactActivityDelegate createReactActivityDelegate() {
-        return new ReactActivityDelegateWrapper(this, BuildConfig.IS_NEW_ARCHITECTURE_ENABLED,  
-            new MainActivityDelegate(this, getMainComponentName()
-        ));
-    }
-
-    public static class MainActivityDelegate extends ReactActivityDelegate {
-        public MainActivityDelegate(ReactActivity activity, String mainComponentName) {
-            super(activity, mainComponentName);
-        }
-
-        @Override
-        protected ReactRootView createRootView() {
-            ReactRootView reactRootView = new ReactRootView(getContext());
-            // If you opted-in for the New Architecture, we enable the Fabric Renderer.
-            reactRootView.setIsFabric(BuildConfig.IS_NEW_ARCHITECTURE_ENABLED);
-            return reactRootView;
-        }
-
-        @Override
-        protected boolean isConcurrentRootEnabled() {
-            // If you opted-in for the New Architecture, we enable Concurrent Root (i.e. React 18).
-            // More on this on https://reactjs.org/blog/2022/03/29/react-v18.html
-            return BuildConfig.IS_NEW_ARCHITECTURE_ENABLED;
-        }
-    }
-}

android/app/src/main/java/com/rajarsheechatterjee/LNReader/MainActivity.kt

@@ -0,0 +1,74 @@
+package com.rajarsheechatterjee.LNReader
+
+import android.graphics.Color
+import android.os.Build
+import android.os.Bundle
+import android.view.KeyEvent
+import android.view.View
+import android.view.WindowManager
+import com.facebook.react.ReactActivity
+import com.facebook.react.ReactActivityDelegate
+import com.facebook.react.defaults.DefaultNewArchitectureEntryPoint.fabricEnabled
+import com.facebook.react.defaults.DefaultReactActivityDelegate
+import com.rajarsheechatterjee.NativeVolumeButtonListener.NativeVolumeButtonListener
+import expo.modules.ReactActivityDelegateWrapper
+import org.devio.rn.splashscreen.SplashScreen
+
+class MainActivity : ReactActivity() {
+    override fun onCreate(savedInstanceState: Bundle?) {
+        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.P) {
+            val layoutParams = WindowManager.LayoutParams()
+            layoutParams.layoutInDisplayCutoutMode =
+                WindowManager.LayoutParams.LAYOUT_IN_DISPLAY_CUTOUT_MODE_SHORT_EDGES
+            window.attributes = layoutParams
+        }
+        window.statusBarColor = Color.TRANSPARENT
+        window.navigationBarColor = Color.TRANSPARENT
+        @Suppress("DEPRECATION")
+        window.decorView.systemUiVisibility =
+            View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION or View.SYSTEM_UI_FLAG_LAYOUT_STABLE
+        super.onCreate(null)
+        SplashScreen.show(this, R.style.SplashScreenTheme, R.id.lottie)
+        SplashScreen.setAnimationFinished(true)
+    }
+
+    override fun dispatchKeyEvent(event: KeyEvent): Boolean {
+        if (NativeVolumeButtonListener.isActive) {
+            val action = event.action
+            return when (event.keyCode) {
+                KeyEvent.KEYCODE_VOLUME_UP -> {
+                    if (action == KeyEvent.ACTION_DOWN) {
+                        NativeVolumeButtonListener.sendEvent(true)
+                    }
+                    true
+                }
+
+                KeyEvent.KEYCODE_VOLUME_DOWN -> {
+                    if (action == KeyEvent.ACTION_DOWN) {
+                        NativeVolumeButtonListener.sendEvent(false)
+                    }
+                    true
+                }
+
+                else -> super.dispatchKeyEvent(event)
+            }
+        }
+        return super.dispatchKeyEvent(event)
+    }
+
+    /**
+     * Returns the name of the main component registered from JavaScript.
+     * This is used to schedule rendering of the component.
+     */
+    override fun getMainComponentName(): String = "main"
+
+    override fun createReactActivityDelegate(): ReactActivityDelegate {
+        return ReactActivityDelegateWrapper(
+            this, BuildConfig.IS_NEW_ARCHITECTURE_ENABLED, DefaultReactActivityDelegate(
+                this,
+                mainComponentName,  // If you opted-in for the New Architecture, we enable the Fabric Renderer.
+                fabricEnabled
+            )
+        )
+    }
+}

android/app/src/main/java/com/rajarsheechatterjee/LNReader/MainApplication.java

@@ -1,110 +0,0 @@
-package com.rajarsheechatterjee.LNReader;
-
-import android.app.Application;
-import android.content.Context;
-import android.content.res.Configuration;
-import androidx.annotation.NonNull;
-
-import com.facebook.react.PackageList;
-import com.facebook.react.ReactApplication;
-import com.facebook.react.ReactInstanceManager;
-import com.facebook.react.ReactNativeHost;
-import com.facebook.react.ReactPackage;
-import com.facebook.soloader.SoLoader;
-import com.rajarsheechatterjee.VolumeButtonListener.VolumeButtonListenerPackage;
-import com.rajarsheechatterjee.EpubParser.EpubParserPackage;
-import expo.modules.ApplicationLifecycleDispatcher;
-import expo.modules.ReactNativeHostWrapper;
-
-import com.facebook.react.bridge.JSIModulePackage;
-import com.swmansion.reanimated.ReanimatedJSIModulePackage;
-
-import java.lang.reflect.InvocationTargetException;
-import java.util.List;
-
-import org.devio.rn.splashscreen.SplashScreenReactPackage;
-import com.rnfs.RNFSPackage;
-
-public class MainApplication extends Application implements ReactApplication {
-
-  private final ReactNativeHost mReactNativeHost = 
-    new ReactNativeHostWrapper(this, new ReactNativeHost(this) {
-        @Override
-        public boolean getUseDeveloperSupport() {
-          return BuildConfig.DEBUG;
-        }
-
-        @Override
-        protected List<ReactPackage> getPackages() {
-          @SuppressWarnings("UnnecessaryLocalVariable")
-          List<ReactPackage> packages = new PackageList(this).getPackages();
-          packages.add(new com.rajarsheechatterjee.LNReader.NavigationBarColorPackage());
-          packages.add(new VolumeButtonListenerPackage());
-          packages.add(new EpubParserPackage());
-          return packages;
-        }
-
-        @Override
-        protected String getJSMainModuleName() {
-          return "index";
-        }
-
-        @Override
-        protected JSIModulePackage getJSIModulePackage() {
-          return new ReanimatedJSIModulePackage();
-        }
-      }
-    );
-
-  @Override
-  public ReactNativeHost getReactNativeHost() {
-      return mReactNativeHost;
-  }
-
-  @Override
-  public void onCreate() {
-    super.onCreate();
-    SoLoader.init(this, /* native exopackage */ false);
-
-    initializeFlipper(this, getReactNativeHost().getReactInstanceManager());
-    ApplicationLifecycleDispatcher.onApplicationCreate(this);
-  }
-
-  /**
-   * Loads Flipper in React Native templates. Call this in the onCreate method
-   * with something like
-   * initializeFlipper(this, getReactNativeHost().getReactInstanceManager());
-   *
-   * @param context
-   * @param reactInstanceManager
-   */
-  private static void initializeFlipper(
-    Context context, ReactInstanceManager reactInstanceManager) {
-    if (BuildConfig.DEBUG) {
-      try {
-        /*
-         * We use reflection here to pick up the class that initializes Flipper,
-         * since Flipper library is not available in release mode
-         */
-        Class<?> aClass = Class.forName("com.rajarsheechatterjee.LNReader.ReactNativeFlipper");
-        aClass
-            .getMethod("initializeFlipper", Context.class, ReactInstanceManager.class)
-            .invoke(null, context, reactInstanceManager);
-      } catch (ClassNotFoundException e) {
-        e.printStackTrace();
-      } catch (NoSuchMethodException e) {
-        e.printStackTrace();
-      } catch (IllegalAccessException e) {
-        e.printStackTrace();
-      } catch (InvocationTargetException e) {
-        e.printStackTrace();
-      }
-    }
-  }
-
-  @Override
-  public void onConfigurationChanged(@NonNull Configuration newConfig) {
-    super.onConfigurationChanged(newConfig);
-    ApplicationLifecycleDispatcher.onConfigurationChanged(this, newConfig);
-  }
-}

android/app/src/main/java/com/rajarsheechatterjee/LNReader/MainApplication.kt

@@ -0,0 +1,52 @@
+package com.rajarsheechatterjee.LNReader
+
+import android.app.Application
+import android.content.res.Configuration
+import com.facebook.react.PackageList
+import com.facebook.react.ReactApplication
+import com.facebook.react.ReactHost
+import com.facebook.react.ReactNativeApplicationEntryPoint.loadReactNative
+import com.facebook.react.ReactNativeHost
+import com.facebook.react.ReactPackage
+import com.facebook.react.defaults.DefaultNewArchitectureEntryPoint.load
+import com.facebook.react.defaults.DefaultReactHost.getDefaultReactHost
+import com.facebook.react.defaults.DefaultReactNativeHost
+import com.facebook.react.soloader.OpenSourceMergedSoMapping
+import com.facebook.soloader.SoLoader
+import com.rajarsheechatterjee.NativeFile.NativePackage
+import com.rajarsheechatterjee.NativeVolumeButtonListener.NativeVolumeButtonListenerPackage
+import com.rajarsheechatterjee.NativeZipArchive.NativeZipArchivePackage
+import expo.modules.ApplicationLifecycleDispatcher
+
+class MainApplication : Application(), ReactApplication {
+    override val reactNativeHost: ReactNativeHost =
+        object : DefaultReactNativeHost(this) {
+            override fun getPackages(): List<ReactPackage> =
+                PackageList(this).packages.apply {
+                    add(NativePackage())
+                    add(NativeVolumeButtonListenerPackage())
+                    add(NativeZipArchivePackage())
+                }
+
+            override fun getJSMainModuleName(): String = "index"
+
+            override fun getUseDeveloperSupport(): Boolean = BuildConfig.DEBUG
+
+            override val isNewArchEnabled: Boolean = BuildConfig.IS_NEW_ARCHITECTURE_ENABLED
+            override val isHermesEnabled: Boolean = BuildConfig.IS_HERMES_ENABLED
+        }
+
+    override val reactHost: ReactHost
+        get() = getDefaultReactHost(applicationContext, reactNativeHost)
+ 
+    override fun onCreate() {
+        super.onCreate()
+        loadReactNative(this)
+        ApplicationLifecycleDispatcher.onApplicationCreate(this)
+    }
+
+    override fun onConfigurationChanged(newConfig: Configuration) {
+        super.onConfigurationChanged(newConfig)
+        ApplicationLifecycleDispatcher.onConfigurationChanged(this, newConfig)
+    }
+}

android/app/src/main/java/com/rajarsheechatterjee/NativeFile/NativeFile.kt

@@ -0,0 +1,248 @@
+package com.rajarsheechatterjee.NativeFile
+
+import android.net.Uri
+import android.os.Build
+import com.facebook.react.bridge.Promise
+import com.facebook.react.bridge.ReactApplicationContext
+import com.facebook.react.bridge.ReadableMap
+import com.facebook.react.bridge.WritableArray
+import com.facebook.react.bridge.WritableMap
+import com.facebook.react.bridge.WritableNativeArray
+import com.facebook.react.bridge.WritableNativeMap
+import com.facebook.react.modules.network.CookieJarContainer
+import com.facebook.react.modules.network.ForwardingCookieHandler
+import com.facebook.react.modules.network.OkHttpClientProvider
+import com.lnreader.spec.NativeFileSpec
+import kotlinx.coroutines.CoroutineScope
+import kotlinx.coroutines.Dispatchers
+import kotlinx.coroutines.launch
+import okhttp3.Call
+import okhttp3.Callback
+import okhttp3.Headers
+import okhttp3.JavaNetCookieJar
+import okhttp3.Request
+import okhttp3.RequestBody.Companion.toRequestBody
+import okhttp3.Response
+import java.io.File
+import java.io.FileOutputStream
+import java.io.FileWriter
+import java.io.IOException
+import java.io.InputStream
+import java.io.OutputStream
+import java.io.PushbackInputStream
+import java.util.zip.GZIPInputStream
+
+
+class NativeFile(context: ReactApplicationContext) :
+    NativeFileSpec(context) {
+    private val BUFFER_SIZE = 4096
+    private val okHttpClient = OkHttpClientProvider.createClient()
+    private val coroutineScope = CoroutineScope(Dispatchers.IO)
+
+    init {
+        val cookieContainer = okHttpClient.cookieJar as CookieJarContainer
+        val cookieHandler = ForwardingCookieHandler(reactApplicationContext)
+        cookieContainer.setCookieJar(JavaNetCookieJar(cookieHandler))
+    }
+
+    private fun getFileUri(filepath: String): Uri {
+        var uri = Uri.parse(filepath)
+        if (uri.scheme == null) {
+            // No prefix, assuming that provided path is absolute path to file
+            val file = File(filepath)
+            if (file.isDirectory) {
+                throw Exception("Invalid file, folder found!")
+            }
+            uri = Uri.parse("file://$filepath")
+        }
+        return uri
+    }
+
+    private fun getInputStream(filepath: String): InputStream {
+        val uri = getFileUri(filepath)
+        return reactApplicationContext.contentResolver.openInputStream(uri)
+            ?: throw Exception("ENOENT: could not open an input stream for '$filepath'")
+    }
+
+    private val writeAccessByAPILevel: String
+        get() = if (Build.VERSION.SDK_INT <= Build.VERSION_CODES.P) "w" else "rwt"
+
+    private fun getOutputStream(filepath: String): OutputStream {
+        val uri = getFileUri(filepath)
+        return reactApplicationContext.contentResolver.openOutputStream(uri, writeAccessByAPILevel)
+            ?: throw Exception("ENOENT: could not open an output stream for '$filepath'")
+    }
+
+    override fun writeFile(path: String, content: String) {
+        try {
+            val fw = FileWriter(path)
+            fw.write(content)
+            fw.close()
+        } catch (e: IOException) {
+            throw Exception("Failed to write file '$path': ${e.message}")
+        }
+    }
+
+    override fun readFile(path: String): String {
+        val file = File(path)
+        if (!file.exists()) {
+            throw Exception("File not found: '$path'")
+        }
+        return file.bufferedReader().readText()
+    }
+
+    override fun copyFile(filepath: String, destPath: String) {
+        copyFileContent(filepath, destPath)
+    }
+
+    override fun moveFile(filepath: String, destPath: String) {
+        val inFile = File(filepath)
+        copyFileContent(filepath, destPath, { inFile.delete() })
+    }
+
+    private fun copyFileContent(
+        filepath: String,
+        destPath: String,
+        onDone: (() -> Unit)? = null,
+    ) {
+        try {
+            val inputStream = getInputStream(filepath)
+            try {
+                val outputStream = getOutputStream(destPath)
+                try {
+                    val buffer = ByteArray(BUFFER_SIZE)
+                    var length: Int
+                    while (inputStream.read(buffer).also { length = it } > 0) {
+                        outputStream.write(buffer, 0, length)
+                    }
+                } finally {
+                    outputStream.close()
+                }
+            } finally {
+                inputStream.close()
+            }
+            if (onDone != null) {
+                onDone()
+            }
+        } catch (e: IOException) {
+            throw Exception("Failed to copy file from '$filepath' to '$destPath': ${e.message}")
+        }
+    }
+
+    override fun exists(filepath: String) = File(filepath).exists()
+
+    override fun mkdir(filepath: String) {
+        val file = File(filepath)
+        if (!file.exists()) {
+            val created = file.mkdirs()
+            if (!created) throw Exception("Directory could not be created")
+        }
+    }
+
+    private fun deleteRecursive(fileOrDirectory: File) {
+        if (fileOrDirectory.isDirectory) {
+            for (child in fileOrDirectory.listFiles()!!) {
+                deleteRecursive(child)
+            }
+        }
+        fileOrDirectory.delete()
+    }
+
+    override fun unlink(filepath: String) {
+        val file = File(filepath)
+        if (!file.exists()) throw Exception("File does not exist")
+        deleteRecursive(file)
+    }
+
+    override fun readDir(directory: String): WritableArray {
+        val file = File(directory)
+        if (!file.exists()) throw Exception("Folder does not exist")
+        val files = file.listFiles()
+        val fileMaps: WritableArray = WritableNativeArray()
+        for (childFile in files!!) {
+            val fileMap: WritableMap = WritableNativeMap()
+            fileMap.putString("name", childFile.name)
+            fileMap.putString("path", childFile.absolutePath)
+            fileMap.putBoolean("isDirectory", childFile.isDirectory)
+            fileMaps.pushMap(fileMap)
+        }
+        return fileMaps
+    }
+
+    private fun decompressStream(input: InputStream?): InputStream {
+        val pb = PushbackInputStream(input, 2)
+        val signature = ByteArray(2)
+        val len = pb.read(signature)
+        if(len == -1) return pb;
+        pb.unread(signature, 0, len)
+        return if (signature[0] == 0x1f.toByte() && signature[1] == 0x8b.toByte())
+            GZIPInputStream(pb) else pb
+    }
+
+    override fun downloadFile(
+        url: String,
+        destPath: String,
+        method: String,
+        headers: ReadableMap,
+        body: String?,
+        promise: Promise
+    ) {
+        coroutineScope.launch {
+            try {
+                val headersBuilder = Headers.Builder()
+                headers.entryIterator.forEach { entry ->
+                    headersBuilder.add(entry.key, entry.value.toString())
+                }
+                val requestBuilder = Request.Builder()
+                    .url(url)
+                    .headers(headersBuilder.build())
+                if (method.lowercase() == "get") {
+                    requestBuilder.get()
+                } else if (body != null) {
+                    requestBuilder.post(body.toRequestBody())
+                }
+
+                okHttpClient.newCall(requestBuilder.build())
+                    .enqueue(object : Callback {
+                        override fun onFailure(call: Call, e: IOException) {
+                            promise.reject(e)
+                        }
+
+                        override fun onResponse(call: Call, response: Response) {
+                            response.use {
+                                if (!it.isSuccessful || it.body == null) {
+                                    promise.reject(Exception("Failed to download: ${it.code}"))
+                                    return
+                                }
+                                try {
+                                    decompressStream(it.body!!.byteStream()).use { inputStream ->
+                                        FileOutputStream(destPath).use { fos ->
+                                            inputStream.copyTo(fos, BUFFER_SIZE)
+                                        }
+                                    }
+                                    promise.resolve(null)
+                                } catch (e: Exception) {
+                                    promise.reject(e)
+                                }
+                            }
+                        }
+                    })
+            } catch (e: Exception) {
+                promise.reject(e)
+            }
+        }
+    }
+
+    override fun getTypedExportedConstants(): MutableMap<String, Any> {
+        val constants: MutableMap<String, Any> = HashMap()
+        val externalDirectory = this.reactApplicationContext.getExternalFilesDir(null)
+        if (externalDirectory != null) {
+            constants["ExternalDirectoryPath"] = externalDirectory.absolutePath
+        }
+        val externalCachesDirectory = this.reactApplicationContext.externalCacheDir
+        if (externalCachesDirectory != null) {
+            constants["ExternalCachesDirectoryPath"] = externalCachesDirectory.absolutePath
+        }
+        return constants
+    }
+}

android/app/src/main/java/com/rajarsheechatterjee/NativeFile/NativePackage.kt

@@ -0,0 +1,30 @@
+package com.rajarsheechatterjee.NativeFile
+
+import com.facebook.react.BaseReactPackage
+import com.facebook.react.bridge.NativeModule
+import com.facebook.react.bridge.ReactApplicationContext
+import com.facebook.react.module.model.ReactModuleInfo
+import com.facebook.react.module.model.ReactModuleInfoProvider
+import com.lnreader.spec.NativeFileSpec
+
+class NativePackage : BaseReactPackage() {
+    override fun getModule(name: String, reactContext: ReactApplicationContext): NativeModule? =
+        if (name == NativeFileSpec.NAME) {
+            NativeFile(reactContext)
+        } else {
+            null
+        }
+
+    override fun getReactModuleInfoProvider() = ReactModuleInfoProvider {
+        mapOf(
+            NativeFileSpec.NAME to ReactModuleInfo(
+                NativeFileSpec.NAME,
+                NativeFileSpec.NAME,
+                canOverrideExistingModule = false,
+                needsEagerInit = false,
+                isCxxModule = false,
+                isTurboModule = true
+            )
+        )
+    }
+}

android/app/src/main/java/com/rajarsheechatterjee/NativeVolumeButtonListener/NativeVolumeButtonListener.kt

@@ -0,0 +1,32 @@
+package com.rajarsheechatterjee.NativeVolumeButtonListener
+
+import com.facebook.react.bridge.ReactApplicationContext
+import com.facebook.react.modules.core.DeviceEventManagerModule
+import com.lnreader.spec.NativeVolumeButtonListenerSpec
+
+class NativeVolumeButtonListener(appContext: ReactApplicationContext) :
+    NativeVolumeButtonListenerSpec(appContext) {
+    init {
+        NativeVolumeButtonListener.appContext = appContext
+    }
+
+    override fun addListener(eventName: String?) {
+        isActive = true
+    }
+
+    override fun removeListeners(count: Double) {
+        isActive = false
+    }
+
+    companion object {
+        lateinit var appContext: ReactApplicationContext
+        var isActive = false
+
+        fun sendEvent(up: Boolean) {
+            if (isActive) {
+                appContext.getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter::class.java)
+                    .emit(if (up) "VolumeUp" else "VolumeDown", null)
+            }
+        }
+    }
+}

android/app/src/main/java/com/rajarsheechatterjee/NativeVolumeButtonListener/NativeVolumeButtonListenerPackage.kt

@@ -0,0 +1,30 @@
+package com.rajarsheechatterjee.NativeVolumeButtonListener
+
+import com.facebook.react.BaseReactPackage
+import com.facebook.react.bridge.NativeModule
+import com.facebook.react.bridge.ReactApplicationContext
+import com.facebook.react.module.model.ReactModuleInfo
+import com.facebook.react.module.model.ReactModuleInfoProvider
+import com.lnreader.spec.NativeVolumeButtonListenerSpec
+
+class NativeVolumeButtonListenerPackage : BaseReactPackage() {
+    override fun getModule(name: String, reactContext: ReactApplicationContext): NativeModule? =
+        if (name == NativeVolumeButtonListenerSpec.NAME) {
+            NativeVolumeButtonListener(reactContext)
+        } else {
+            null
+        }
+
+    override fun getReactModuleInfoProvider() = ReactModuleInfoProvider {
+        mapOf(
+            NativeVolumeButtonListenerSpec.NAME to ReactModuleInfo(
+                NativeVolumeButtonListenerSpec.NAME,
+                NativeVolumeButtonListenerSpec.NAME,
+                canOverrideExistingModule = false,
+                needsEagerInit = false,
+                isCxxModule = false,
+                isTurboModule = true
+            )
+        )
+    }
+}

android/app/src/main/java/com/rajarsheechatterjee/NativeZipArchive/NativeZipArchive.kt

@@ -0,0 +1,137 @@
+package com.rajarsheechatterjee.NativeZipArchive
+
+import com.facebook.react.bridge.Promise
+import com.facebook.react.bridge.ReactApplicationContext
+import com.facebook.react.bridge.ReactMethod
+import com.facebook.react.bridge.ReadableMap
+import com.lnreader.spec.NativeZipArchiveSpec
+import java.io.File
+import java.io.FileOutputStream
+import java.net.HttpURLConnection
+import java.net.URL
+import java.util.zip.ZipEntry
+import java.util.zip.ZipFile
+import java.util.zip.ZipInputStream
+import java.util.zip.ZipOutputStream
+
+class NativeZipArchive(context: ReactApplicationContext) : NativeZipArchiveSpec(context) {
+    @ReactMethod
+    override fun unzip(sourceFilePath: String, distDirPath: String, promise: Promise) {
+        Thread {
+            try {
+                ZipFile(sourceFilePath).use { zis ->
+                    zis.entries().asSequence().filterNot { it.isDirectory }.forEach { zipEntry ->
+                        val newFile = File(distDirPath, zipEntry.name)
+                        newFile.parentFile?.mkdirs()
+                        zis.getInputStream(zipEntry).use { inputStream ->
+                            FileOutputStream(newFile).use { fos -> inputStream.copyTo(fos, 4096) }
+                        }
+                        Thread.yield()
+                    }
+                }
+                promise.resolve(null)
+            } catch (e: Exception) {
+                promise.reject(e)
+            }
+        }.start()
+    }
+    
+    @ReactMethod
+    override fun zip(sourceDirPath: String, zipFilePath: String, promise: Promise) {
+        Thread {
+            try {
+                FileOutputStream(zipFilePath).use { fos -> 
+                    ZipOutputStream(fos).use { zos -> zipProcess(sourceDirPath, zos) }
+                }
+                promise.resolve(null)
+            } catch (e: Exception) {
+                promise.reject(e)
+            }
+        }.start()
+    }
+
+    @ReactMethod
+    override fun remoteUnzip(
+        distDirPath: String,
+        urlString: String,
+        headers: ReadableMap,
+        promise: Promise
+    ) {
+        val connection = URL(urlString).openConnection() as HttpURLConnection
+        Thread {
+            try {
+                connection.requestMethod = "GET"
+                val it = headers.entryIterator
+                while (it.hasNext()) {
+                    val (key, value) = it.next()
+                    connection.setRequestProperty(key, value.toString())
+                }
+                ZipInputStream(connection.inputStream).use { zis ->
+                    generateSequence { zis.nextEntry }
+                        .filterNot { it.isDirectory }
+                        .forEach { zipEntry ->
+                            val newFile = File(distDirPath, zipEntry.name)
+                            newFile.parentFile?.mkdirs()
+                            FileOutputStream(newFile).use { fos -> zis.copyTo(fos, 4096) }
+                            Thread.yield()
+                        }
+                }
+                if (connection.responseCode == 200) {
+                    promise.resolve(null)
+                } else {
+                    throw Exception("Network request failed")
+                }
+            } catch (e: Exception) {
+                promise.reject(e)
+            } finally {
+                connection.disconnect()
+            }
+        }.start()
+    }
+
+    private fun zipProcess(sourceDirPath: String, zos: ZipOutputStream) {
+        val sourceDir = File(sourceDirPath)
+        sourceDir.walkBottomUp().filter { it.isFile }.forEach { file ->
+            val zipFileName =
+                file.absolutePath.removePrefix(sourceDir.absolutePath).removePrefix("/")
+            val entry = ZipEntry("$zipFileName${(if (file.isDirectory) "/" else "")}")
+            zos.putNextEntry(entry)
+            file.inputStream().use { fis ->
+                fis.copyTo(zos, 4096)
+                fis.close()
+            }
+            Thread.yield()
+        }
+    }
+
+    @ReactMethod
+    override fun remoteZip(
+        sourceDirPath: String,
+        urlString: String,
+        headers: ReadableMap,
+        promise: Promise
+    ) {
+        Thread {
+            val connection = URL(urlString).openConnection() as HttpURLConnection
+            try {
+                connection.requestMethod = "POST"
+                val it = headers.entryIterator
+                while (it.hasNext()) {
+                    val (key, value) = it.next()
+                    connection.setRequestProperty(key, value.toString())
+                }
+                ZipOutputStream(connection.outputStream).use { zipProcess(sourceDirPath, it) }
+                if (connection.responseCode == 200) {
+                    promise.resolve(
+                        connection.inputStream.bufferedReader().use { it.readText() })
+                } else {
+                    throw Exception("Network request failed")
+                }
+            } catch (e: Exception) {
+                promise.reject(e)
+            } finally {
+                connection.disconnect()
+            }
+        }.start()
+    }
+}

android/app/src/main/java/com/rajarsheechatterjee/NativeZipArchive/NativeZipArchivePackage.kt

@@ -0,0 +1,30 @@
+package com.rajarsheechatterjee.NativeZipArchive
+
+import com.facebook.react.BaseReactPackage
+import com.facebook.react.bridge.NativeModule
+import com.facebook.react.bridge.ReactApplicationContext
+import com.facebook.react.module.model.ReactModuleInfo
+import com.facebook.react.module.model.ReactModuleInfoProvider
+import com.lnreader.spec.NativeZipArchiveSpec
+
+class NativeZipArchivePackage : BaseReactPackage() {
+    override fun getModule(name: String, reactContext: ReactApplicationContext): NativeModule? =
+        if (name == NativeZipArchiveSpec.NAME) {
+            NativeZipArchive(reactContext)
+        } else {
+            null
+        }
+
+    override fun getReactModuleInfoProvider() = ReactModuleInfoProvider {
+        mapOf(
+            NativeZipArchiveSpec.NAME to ReactModuleInfo(
+                NativeZipArchiveSpec.NAME,
+                NativeZipArchiveSpec.NAME,
+                canOverrideExistingModule = false,
+                needsEagerInit = false,
+                isCxxModule = false,
+                isTurboModule = true
+            )
+        )
+    }
+}

android/app/src/main/java/com/rajarsheechatterjee/NavigationBarColor/NavigationBarColorModule.java

@@ -1,170 +0,0 @@
-package com.rajarsheechatterjee.LNReader;
-
-import android.animation.ArgbEvaluator;
-import android.animation.ValueAnimator;
-import android.annotation.TargetApi;
-import android.graphics.Color;
-import android.os.Build;
-import android.app.Activity;
-import android.view.View;
-import android.view.Window;
-import android.view.WindowManager;
-import androidx.annotation.UiThread;
-import com.facebook.react.bridge.Arguments;
-import com.facebook.react.bridge.Promise;
-import com.facebook.react.bridge.ReactApplicationContext;
-import com.facebook.react.bridge.ReactContextBaseJavaModule;
-import com.facebook.react.bridge.ReactMethod;
-import com.facebook.react.bridge.UiThreadUtil;
-import com.facebook.react.bridge.WritableMap;
-import java.util.HashMap;
-import java.util.Map;
-import com.facebook.react.uimanager.IllegalViewOperationException;
-import static com.facebook.react.bridge.UiThreadUtil.runOnUiThread;
-
-public class NavigationBarColorModule extends ReactContextBaseJavaModule {
-    public static final String REACT_CLASS = "NavigationBarColor";
-    private static final String ERROR_NO_ACTIVITY = "E_NO_ACTIVITY";
-    private static final String ERROR_NO_ACTIVITY_MESSAGE = "Tried to change the navigation bar while not attached to an Activity";
-    private static final String ERROR_API_LEVEL = "API_LEVEl";
-    private static final String ERROR_API_LEVEL_MESSAGE = "Only Android Oreo and above is supported";
-    private static ReactApplicationContext reactContext = null;
-    private static final int UI_FLAG_HIDE_NAV_BAR = View.SYSTEM_UI_FLAG_LAYOUT_STABLE
-            | View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
-            | View.SYSTEM_UI_FLAG_HIDE_NAVIGATION // hide nav bar
-            | View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY;
-
-    public NavigationBarColorModule(ReactApplicationContext context) {
-        super(context);
-        reactContext = context;
-    }
-
-    public void setNavigationBarTheme(Activity activity, Boolean light) {
-        if (activity != null && Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
-            Window window = activity.getWindow();
-            int flags = window.getDecorView().getSystemUiVisibility();
-            if (light) {
-                flags |= View.SYSTEM_UI_FLAG_LIGHT_NAVIGATION_BAR;
-            } else {
-                flags &= ~View.SYSTEM_UI_FLAG_LIGHT_NAVIGATION_BAR;
-            }
-            window.getDecorView().setSystemUiVisibility(flags);
-        }
-    }
-
-
-    @Override
-    public String getName() {
-        return REACT_CLASS;
-    }
-
-    @Override
-    public Map<String, Object> getConstants() {
-        final Map<String, Object> constants = new HashMap<>();
-        constants.put("EXAMPLE_CONSTANT", "example");
-
-        return constants;
-    }
-
-    @ReactMethod
-    public void changeNavigationBarColor(final String color, final Boolean light, final Boolean animated, final Promise promise) {
-        final WritableMap map = Arguments.createMap();
-        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
-            if (getCurrentActivity() != null) {
-                try {
-                    final Window window = getCurrentActivity().getWindow();
-                    runOnUiThread(new Runnable() {
-                        @Override
-                        public void run() {
-                            if (color.equals("transparent") || color.equals("translucent")) {
-                                window.clearFlags(WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS);
-                                window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
-                                if (color.equals("transparent")) {
-                                    window.setFlags(WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS, WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS);
-                                } else {
-                                    window.setFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION, WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
-                                }
-                                setNavigationBarTheme(getCurrentActivity(), light);
-                                map.putBoolean("success", true);
-                                promise.resolve(map);
-                                return;
-                            } else {
-                                window.clearFlags(WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS);
-                                window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
-                            }
-                            if (animated) {
-                                Integer colorFrom = window.getNavigationBarColor();
-                                Integer colorTo = Color.parseColor(String.valueOf(color));
-                                //window.setNavigationBarColor(colorTo);
-                                ValueAnimator colorAnimation = ValueAnimator.ofObject(new ArgbEvaluator(), colorFrom, colorTo);
-                                colorAnimation.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
-                                    @Override
-                                    public void onAnimationUpdate(ValueAnimator animator) {
-                                        window.setNavigationBarColor((Integer) animator.getAnimatedValue());
-                                    }
-                                });
-                                colorAnimation.start();
-                            } else {
-                                window.setNavigationBarColor(Color.parseColor(String.valueOf(color)));
-                            }
-                            setNavigationBarTheme(getCurrentActivity(), light);
-                            WritableMap map = Arguments.createMap();
-                            map.putBoolean("success", true);
-                            promise.resolve(map);
-                        }
-                    });
-                } catch (IllegalViewOperationException e) {
-                    map.putBoolean("success", false);
-                    promise.reject("error", e);
-                }
-
-            } else {
-                promise.reject(ERROR_NO_ACTIVITY, new Throwable(ERROR_NO_ACTIVITY_MESSAGE));
-
-            }
-        } else {
-            promise.reject(ERROR_API_LEVEL, new Throwable(ERROR_API_LEVEL_MESSAGE));
-        }
-    }
-
-    @ReactMethod
-    public void hideNavigationBar(Promise promise) {
-        try {
-            runOnUiThread(new Runnable() {
-                @Override
-                public void run() {
-                    if (getCurrentActivity() != null) {
-                        View decorView = getCurrentActivity().getWindow().getDecorView();
-                        decorView.setSystemUiVisibility(UI_FLAG_HIDE_NAV_BAR);
-                    }
-                }
-            });
-        } catch (IllegalViewOperationException e) {
-            WritableMap map = Arguments.createMap();
-            map.putBoolean("success", false);
-            promise.reject("error", e);
-        }
-    }
-
-    @ReactMethod
-    public void showNavigationBar(Promise promise) {
-        try {
-            runOnUiThread(new Runnable() {
-                @Override
-                public void run() {
-                    if (getCurrentActivity() != null) {
-                        Window w = getCurrentActivity().getWindow();
-                        w.setStatusBarColor(Color.TRANSPARENT);
-                        w.setNavigationBarColor(Color.TRANSPARENT);
-                        View decorView = w.getDecorView();
-                        decorView.setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION | View.SYSTEM_UI_FLAG_LAYOUT_STABLE);
-                    }
-                }
-            });
-        } catch (IllegalViewOperationException e) {
-            WritableMap map = Arguments.createMap();
-            map.putBoolean("success", false);
-            promise.reject("error", e);
-        }
-    }
-}

android/app/src/main/java/com/rajarsheechatterjee/NavigationBarColor/NavigationBarColorPackage.java

@@ -1,25 +0,0 @@
-package com.rajarsheechatterjee.LNReader;
-import com.facebook.react.ReactPackage;
-import com.facebook.react.bridge.NativeModule;
-import com.facebook.react.bridge.ReactApplicationContext;
-import com.facebook.react.uimanager.ViewManager;
-
-import java.util.ArrayList;
-import java.util.Collections;
-import java.util.List;
-
-public class NavigationBarColorPackage implements ReactPackage {
-    @Override
-    public List<ViewManager> createViewManagers(ReactApplicationContext reactContext) {
-        return Collections.emptyList();
-    }
-
-    @Override
-    public List<NativeModule> createNativeModules(ReactApplicationContext reactContext) {
-       List<NativeModule> modules = new ArrayList<>();
-
-       modules.add(new NavigationBarColorModule(reactContext));
-
-       return modules;
-   }
-}

android/app/src/main/java/com/rajarsheechatterjee/VolumeButtonListener/VolumeButtonListener.java

@@ -1,114 +0,0 @@
-package com.rajarsheechatterjee.VolumeButtonListener;
-import androidx.annotation.NonNull;
-
-import com.facebook.react.bridge.Arguments;
-import com.facebook.react.bridge.ReactApplicationContext;
-import com.facebook.react.bridge.ReactContextBaseJavaModule;
-import com.facebook.react.bridge.ReactMethod;
-import com.facebook.react.bridge.Promise;
-import com.facebook.react.bridge.WritableMap;
-import com.facebook.react.modules.core.DeviceEventManagerModule;
-
-
-public class VolumeButtonListener extends ReactContextBaseJavaModule {
-
-    static ReactApplicationContext appContext;
-
-    public VolumeButtonListener(ReactApplicationContext context) {
-        super(context);
-        appContext = context;
-    }
-
-    private static boolean active = false;
-
-    public static boolean isActive() {
-        return active;
-    }
-
-    public static boolean prevent = false;
-
-    public static void sendEvent(boolean up, int amount) {
-        if (active) {
-            WritableMap args = Arguments.createMap();
-            args.putInt("scrollAmount", amount); // add scroll amount to event data
-            if (up)
-                appContext.getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter.class).emit("VolumeUp", args);
-            else
-                appContext.getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter.class).emit("VolumeDown", args);
-        }
-    }
-
-    public static void down(int amount) {
-        sendEvent(false, amount);
-    }
-
-    public static void up(int amount) {
-        sendEvent(true, amount);
-    }
-
-    private static int scrollAmount = 100;
-
-    public static void setScrollAmount(int amount) {
-        scrollAmount = amount;
-    }
-
-    public static int getScrollAmount() {
-        return scrollAmount;
-    }
-
-    @ReactMethod
-    public void connect() {
-        active = true;
-    }
-
-    @ReactMethod
-    void disconnect() {
-        active = false;
-    }
-
-    @ReactMethod
-    public void pause() {
-        active = false;
-    }
-
-    @ReactMethod
-    public void unpause() {
-        active = true;
-    }
-
-    @ReactMethod
-    public void preventDefault() {
-        prevent = true;
-    }
-
-    @ReactMethod
-    public void noPreventDefault() {
-        prevent = false;
-    }
-
-    @NonNull
-    @Override
-    public String getName() {
-        return "VolumeButtonListener";
-    }
-
-    @ReactMethod
-    public void addListener(String eventName) {
-        // Keep: Required for RN built in Event Emitter Calls.
-    }
-
-    @ReactMethod
-    public void removeListeners(Integer count) {
-        // Keep: Required for RN built in Event Emitter Calls.
-    }
-
-    @ReactMethod
-    public void setVolumeButtonScrollAmount(int amount) {
-        setScrollAmount(amount);
-    }
-
-    @ReactMethod
-    public void getVolumeButtonScrollAmount(Promise promise) {
-        promise.resolve(getScrollAmount());
-    }
-}

android/app/src/main/java/com/rajarsheechatterjee/VolumeButtonListener/VolumeButtonListenerPackage.java

@@ -1,30 +0,0 @@
-package com.rajarsheechatterjee.VolumeButtonListener;
-
-import androidx.annotation.NonNull;
-
-import com.facebook.react.ReactPackage;
-import com.facebook.react.bridge.NativeModule;
-import com.facebook.react.bridge.ReactApplicationContext;
-import com.facebook.react.uimanager.ViewManager;
-
-import java.util.ArrayList;
-import java.util.Collections;
-import java.util.List;
-
-public class VolumeButtonListenerPackage implements ReactPackage {
-    @NonNull
-    @Override
-    public List<NativeModule> createNativeModules(@NonNull ReactApplicationContext reactContext) {
-        List<NativeModule> modules = new ArrayList<NativeModule>();
-
-        modules.add(new VolumeButtonListener(reactContext));
-
-        return modules;
-    }
-
-    @NonNull
-    @Override
-    public List<ViewManager> createViewManagers(@NonNull ReactApplicationContext reactContext) {
-        return Collections.emptyList();
-    }
-}

android/app/src/main/java/com/rajarsheechatterjee/epubParser/EpubParser.java

@@ -1,123 +0,0 @@
-package com.rajarsheechatterjee.EpubParser;
-
-import com.chaquo.python.PyObject;
-import com.chaquo.python.Python;
-import com.chaquo.python.android.AndroidPlatform;
-
-import android.app.Activity;
-import android.content.Intent;
-import android.content.Context;
-import android.content.ContentResolver;
-
-import android.database.Cursor;
-import android.net.Uri;
-import android.os.Bundle;
-import android.provider.OpenableColumns;
-import android.view.View;
-import android.widget.Button;
-import android.widget.TextView;
-import android.widget.Toast;
-
-import com.facebook.react.bridge.ActivityEventListener;
-import com.facebook.react.bridge.BaseActivityEventListener;
-import com.facebook.react.bridge.Promise;
-import com.facebook.react.bridge.ReactApplicationContext;
-import com.facebook.react.bridge.ReactContextBaseJavaModule;
-import com.facebook.react.bridge.ReactMethod;
-import com.facebook.react.modules.core.DeviceEventManagerModule;
-import java.io.File;
-
-import java.io.FileOutputStream;
-import java.io.IOException;
-import java.io.InputStream;
-import java.io.OutputStream;
-
-import android.util.Log;
-
-public class EpubParser extends ReactContextBaseJavaModule implements ActivityEventListener{
-    private static final int REQUEST_DIRECTORY=100;  //constant request code dunno if will use it
-    private static String epubPath;
-    private static Promise promise;
-    private final EpubParserActivityEventListener activityEventListener;
-    private static ReactApplicationContext appContext = null;
-
-    public EpubParser(ReactApplicationContext context){
-        super(context);
-        appContext = context;
-        activityEventListener = new EpubParserActivityEventListener(context, this);
-        context.addActivityEventListener(activityEventListener);
-        if (!Python.isStarted()) {
-            // Initialize Python with the Chaquopy SDK
-            Python.start(new AndroidPlatform(context));
-        }
-    }
-    @Override
-    public void onActivityResult(Activity activity, int requestCode, int resultCode, Intent data) {
-        if (activity != null && requestCode == REQUEST_DIRECTORY && resultCode == Activity.RESULT_OK) {
-            Uri uri = data.getData();
-            String epubPath = getFilePathFromUri(uri);
-
-            Python py = Python.getInstance();
-            PyObject epubParser = py.getModule("epubParser");
-
-            if (epubPath != null && epubPath.toLowerCase().endsWith(".epub")) {
-                PyObject savePath = epubParser.callAttr("parseEpub", epubPath, "/data/data/com.rajarsheechatterjee.LNReader/files/");
-                promise.resolve(savePath.toString());
-            }
-        }
-    }
-
-    @Override
-    public String getName(){
-        return "EpubParser";
-    }
-
-    @ReactMethod
-    public void openDirectory(Promise promise){
-        this.promise = promise;
-        try{
-            Intent intent=new Intent(Intent.ACTION_OPEN_DOCUMENT);
-            intent.addCategory(Intent.CATEGORY_OPENABLE);
-            intent.setType("*/*"); //there's an extra backslash in there
-            final Activity activity = getCurrentActivity();
-            activity.startActivityForResult(intent,REQUEST_DIRECTORY);
-        } catch (Exception e){
-            promise.reject(e);
-        }
-    }
-
-    private String getFilePathFromUri(Uri uri){
-        String filePath=null;
-        if(uri!=null){
-            ContentResolver resolver = getCurrentActivity().getContentResolver();
-            Cursor cursor=resolver.query(uri,null,null,null,null);
-            if(cursor!=null&&cursor.moveToFirst()){
-                int index=cursor.getColumnIndex(OpenableColumns.DISPLAY_NAME);
-                String fileName=cursor.getString(index);
-                cursor.close();
-
-                File file=new File(getReactApplicationContext().getCacheDir(),fileName);
-                filePath=file.getAbsolutePath();
-
-                try{
-                    InputStream inputStream=resolver.openInputStream(uri);
-                    OutputStream outputStream=new FileOutputStream(file);
-                    byte[]buffer=new byte[4096];
-                    int bytesRead;
-                    while((bytesRead=inputStream.read(buffer))!=-1){
-                        outputStream.write(buffer,0,bytesRead);
-                    }
-                    outputStream.close();
-                    inputStream.close();
-                }catch(IOException e){
-                    e.printStackTrace();
-                }
-            }
-        }
-        return filePath;
-    }
-    @Override
-    public void onNewIntent(Intent intent) {
-        // Handle new intents if needed
-    }
-}

android/app/src/main/java/com/rajarsheechatterjee/epubParser/EpubParserActivityEventListener.java

@@ -1,25 +0,0 @@
-package com.rajarsheechatterjee.EpubParser;
-
-
-import android.app.Activity;
-import android.content.Intent;
-import com.facebook.react.bridge.ActivityEventListener;
-import com.facebook.react.bridge.ReactApplicationContext;
-import com.facebook.react.bridge.ReactContextBaseJavaModule;
-import com.facebook.react.bridge.BaseActivityEventListener;
-import com.facebook.react.bridge.ReactMethod;
-
-public class EpubParserActivityEventListener extends BaseActivityEventListener {
-    private final ReactApplicationContext reactContext;
-    private final EpubParser epubParser;
-
-    public EpubParserActivityEventListener(ReactApplicationContext reactContext, EpubParser epubParser) {
-        this.reactContext = reactContext;
-        this.epubParser = epubParser;
-    }
-
-    @Override
-    public void onActivityResult(Activity activity, int requestCode, int resultCode, Intent data) {
-        epubParser.onActivityResult(activity, requestCode, resultCode, data);
-    }
-}

android/app/src/main/java/com/rajarsheechatterjee/epubParser/EpubParserPackage.java

@@ -1,26 +0,0 @@
-package com.rajarsheechatterjee.EpubParser;
-
-import com.facebook.react.ReactPackage;
-import com.facebook.react.bridge.NativeModule;
-import com.facebook.react.bridge.ReactApplicationContext;
-import com.facebook.react.uimanager.ViewManager;
-
-import java.util.ArrayList;
-import java.util.Collections;
-import java.util.List;
-
-public class EpubParserPackage implements ReactPackage {
-    @Override
-    public List<NativeModule> createNativeModules(ReactApplicationContext reactContext) {
-        List<NativeModule> modules = new ArrayList<NativeModule>();
-
-        modules.add(new EpubParser(reactContext));
-
-        return modules;
-    }
-
-    @Override
-    public List<ViewManager> createViewManagers(ReactApplicationContext reactContext) {
-        return Collections.emptyList();
-    }
-}

android/app/src/main/jni/CMakeLists.txt

@@ -0,0 +1,17 @@
+cmake_minimum_required(VERSION 3.13)
+
+# Define the library name here.
+project(appmodules)
+
+# This file includes all the necessary to let you build your React Native application
+include(${REACT_ANDROID_DIR}/cmake-utils/ReactNative-application.cmake)
+
+# Define where the additional source code lives. We need to crawl back the jni, main, src, app, android folders
+target_sources(${CMAKE_PROJECT_NAME} PRIVATE 
+    ../../../../../shared/NativeEpub.cpp
+    ../../../../../shared/Epub.cpp
+    ../../../../../shared/pugixml.cpp
+)
+
+# Define where CMake can find the additional header files. We need to crawl back the jni, main, src, app, android folders
+target_include_directories(${CMAKE_PROJECT_NAME} PUBLIC ../../../../../shared)

android/app/src/main/jni/OnLoad.cpp

@@ -0,0 +1,138 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+// This C++ file is part of the default configuration used by apps and is placed
+// inside react-native to encapsulate it from user space (so you won't need to
+// touch C++/Cmake code at all on Android).
+//
+// If you wish to customize it (because you want to manually link a C++ library
+// or pass a custom compilation flag) you can:
+//
+// 1. Copy this CMake file inside the `android/app/src/main/jni` folder of your
+// project
+// 2. Copy the OnLoad.cpp (in this same folder) file inside the same folder as
+// above.
+// 3. Extend your `android/app/build.gradle` as follows
+//
+// android {
+//    // Other config here...
+//    externalNativeBuild {
+//        cmake {
+//            path "src/main/jni/CMakeLists.txt"
+//        }
+//    }
+// }
+
+#include <DefaultComponentsRegistry.h>
+#include <DefaultTurboModuleManagerDelegate.h>
+#include <autolinking.h>
+#include <fbjni/fbjni.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
+#include <FBReactNativeSpec.h>
+#include <NativeEpub.hpp>
+
+#ifdef REACT_NATIVE_APP_CODEGEN_HEADER
+#include REACT_NATIVE_APP_CODEGEN_HEADER
+#endif
+#ifdef REACT_NATIVE_APP_COMPONENT_DESCRIPTORS_HEADER
+#include REACT_NATIVE_APP_COMPONENT_DESCRIPTORS_HEADER
+#endif
+
+namespace facebook::react
+{
+
+    void registerComponents(
+        std::shared_ptr<const ComponentDescriptorProviderRegistry> registry)
+    {
+        // Custom Fabric Components go here. You can register custom
+        // components coming from your App or from 3rd party libraries here.
+        //
+        // providerRegistry->add(concreteComponentDescriptorProvider<
+        //        MyComponentDescriptor>());
+
+        // We link app local components if available
+#ifdef REACT_NATIVE_APP_COMPONENT_REGISTRATION
+        REACT_NATIVE_APP_COMPONENT_REGISTRATION(registry);
+#endif
+
+        // And we fallback to the components autolinked
+        autolinking_registerProviders(registry);
+    }
+
+    std::shared_ptr<TurboModule> cxxModuleProvider(
+        const std::string &name,
+        const std::shared_ptr<CallInvoker> &jsInvoker)
+    {
+        // Here you can provide your CXX Turbo Modules coming from
+        // either your application or from external libraries. The approach to follow
+        // is similar to the following (for a module called `NativeCxxModuleExample`):
+        //
+        // if (name == NativeCxxModuleExample::kModuleName) {
+        //   return std::make_shared<NativeCxxModuleExample>(jsInvoker);
+        // }
+
+        if (name == NativeEpub::kModuleName)
+        {
+            return std::make_shared<NativeEpub>(jsInvoker);
+        }
+
+        // And we fallback to the CXX module providers autolinked
+        return autolinking_cxxModuleProvider(name, jsInvoker);
+    }
+
+    std::shared_ptr<TurboModule> javaModuleProvider(
+        const std::string &name,
+        const JavaTurboModule::InitParams &params)
+    {
+        // Here you can provide your own module provider for TurboModules coming from
+        // either your application or from external libraries. The approach to follow
+        // is similar to the following (for a library called `samplelibrary`):
+        //
+        // auto module = samplelibrary_ModuleProvider(name, params);
+        // if (module != nullptr) {
+        //    return module;
+        // }
+        // return FBReactNativeSpec_ModuleProvider(name, params);
+
+        // We link app local modules if available
+#ifdef REACT_NATIVE_APP_MODULE_PROVIDER
+        auto module = REACT_NATIVE_APP_MODULE_PROVIDER(name, params);
+        if (module != nullptr)
+        {
+            return module;
+        }
+#endif
+
+        // We first try to look up core modules
+        if (auto module = FBReactNativeSpec_ModuleProvider(name, params))
+        {
+            return module;
+        }
+
+        // And we fallback to the module providers autolinked
+        if (auto module = autolinking_ModuleProvider(name, params))
+        {
+            return module;
+        }
+
+        return nullptr;
+    }
+
+} // namespace facebook::react
+
+JNIEXPORT jint JNICALL JNI_OnLoad(JavaVM *vm, void *)
+{
+    return facebook::jni::initialize(vm, []
+                                     {
+    facebook::react::DefaultTurboModuleManagerDelegate::cxxModuleProvider =
+        &facebook::react::cxxModuleProvider;
+    facebook::react::DefaultTurboModuleManagerDelegate::javaModuleProvider =
+        &facebook::react::javaModuleProvider;
+    facebook::react::DefaultComponentsRegistry::
+        registerComponentDescriptorsFromEntryPoint =
+            &facebook::react::registerComponents; });
+}

android/app/src/main/python/epubParser.py

@@ -1,268 +0,0 @@
-import json
-import os.path
-import os
-import re
-import zipfile
-from lxml import etree
-
-# import shutil
-# from PIL import Image #not necessary only for debugging
-
-'''export interface SourceNovel {
-  url: string; //must be absoulute
-  name: string;
-  cover?: string;
-  genres?: string;
-  summary?: string;
-  author?: string;
-  artist?: string;
-  status?: string;
-  chapters?: ChapterItem[];
-}
-export interface ChapterItem {
-  name: string;
-  url: string; //must be absoulute
-  releaseTime?: string;
-}'''
-
-
-class ChapterItem:
-    def __init__(self, name, url, releaseTime):
-        self.name = name
-        self.url = url
-        self.releaseTime = releaseTime  # perhaps epub creation date?
-
-
-namespaces = {
-    'calibre': 'http://calibre.kovidgoyal.net/2009/metadata',
-    'dc': 'http://purl.org/dc/elements/1.1/',
-    'dcterms': 'http://purl.org/dc/terms/',
-    'opf': 'http://www.idpf.org/2007/opf',
-    'ncx': 'http://www.daisy.org/z3986/2005/ncx/',
-    'u': 'urn:oasis:names:tc:opendocument:xmlns:container',
-    'xsi': 'http://www.w3.org/2001/XMLSchema-instance',
-    'xhtml': 'http://www.w3.org/1999/xhtml'
-}
-
-
-def getContentOPF(epub_path):
-    with zipfile.ZipFile(epub_path) as z:
-        text = z.read('META-INF/container.xml')  # get container xml to get content
-        tree = etree.fromstring(text)
-        rootfile_path = tree.xpath('/u:container/u:rootfiles/u:rootfile',
-                                   namespaces=namespaces)[0].get('full-path')
-        tree = etree.fromstring(z.read(rootfile_path))
-    return tree
-
-
-def cleanTitle(dir_name):
-    # cleans a string so that it is valid for directories
-    pattern = r'[<>:"/\\|?*\x00-\x1F]'
-    # Remove any disallowed characters from the directory name string
-    clean_dir_name = re.sub(pattern, '', dir_name)
-    return clean_dir_name
-
-
-def getContent(epub_path, dest_dir):
-    extensions = ['.html', '.htm', '.xhtml', '.css', '.png', '.jpeg', '.jpg', '.gif', '.ncx',
-                  '.opf']  # still need the content.opf file
-    with zipfile.ZipFile(epub_path) as z:
-        for filename in z.namelist():
-            if (filename.endswith('opf')):
-                contentOPF = filename  # search for opf file
-                break
-
-        tree = etree.XML(z.read(contentOPF))
-        title = tree.find('.//dc:title', namespaces=namespaces).text
-        cleanedTitle = cleanTitle(title)
-        dir = dest_dir + 'convertedEpubs/' + cleanedTitle  # temporary directory for saving
-
-        for fileInfo in z.infolist():
-            if any(fileInfo.filename.endswith(ext) for ext in extensions):
-                z.extract(fileInfo, path=dir)
-
-        return dir
-
-
-def treeFindsAll(queryString, XMLtree):
-    list = XMLtree.findall(queryString, namespaces=namespaces)
-    query = ''
-    if len(list) == 0:
-        query = 'N/A'
-        return query
-    for item in list:
-        query += (item.text + ' ')
-    return query
-
-
-class SourceNovel:
-    def __init__(self, url, name, cover, genres, summary, author, artist, chapters):
-        self.url = url  # file location?
-        self.name = name
-        self.cover = cover
-        self.genres = genres
-        self.summary = summary
-        self.author = author
-        self.artist = artist
-        self.status = 'local'
-        self.chapters = chapters
-
-
-def getChapters(z: zipfile.ZipFile, opf_tree, dir_path):
-    isEPUB2 = False
-    chapters = []
-
-    for filename in z.namelist():
-        if filename.endswith('toc.ncx'):
-            isEPUB2 = True
-            chpts_data_filename = filename
-            break
-
-    if isEPUB2:
-        name_by_path = {}
-        tree = etree.XML(z.read(chpts_data_filename))
-
-        for nav_point in tree.xpath('.//ncx:navPoint', namespaces=namespaces):
-            name = nav_point.find('.//ncx:text', namespaces=namespaces).text
-            path = nav_point.find('.//ncx:content', namespaces=namespaces).attrib['src']
-
-            chapter_path = path[:path.index('#')] if '#' in path else path
-            if chapter_path not in name_by_path:
-                name_by_path[chapter_path] = name
-
-        chapters_elements = opf_tree.xpath('//opf:spine//opf:itemref', namespaces=namespaces)
-        for i, chapter_el in enumerate(chapters_elements):
-            id = chapter_el.get('idref')
-            item = opf_tree.find(f".//opf:manifest/opf:item[@id='{id}']", namespaces=namespaces)
-            path = item.attrib['href']
-            chapter_has_name = path in name_by_path
-            print(chapter_has_name)
-            if chapter_has_name:
-                chapter_name = name_by_path[path]
-                if chapter_name.isnumeric():
-                    chapterName = f'Chapter {chapter_name}'
-                else:
-                    chapterName = chapter_name
-            else:
-                chapterName = id.split('_')[0]
-
-            chapters.append({
-                'name': chapterName,
-                'path': dir_path + '/' + path if len(dir_path) > 0 else path,
-            })
-    else:
-        # EPUB3 uses nav.xhtml instead but I don't have an example rn
-        # For now it will list all files without their corresponding chapter names
-        chapters_elements = opf_tree.xpath('//opf:spine//opf:itemref', namespaces=namespaces)
-        for i, chapter_el in enumerate(chapters_elements):
-            id = chapter_el.get('idref')
-            item = opf_tree.find(f".//opf:manifest/opf:item[@id='{id}']", namespaces=namespaces)
-            path = item.attrib['href']
-
-            chapters.append({
-                'name': f'EPUB3 - Chapter {i + 1}',
-                'path': dir_path + '/' + path if len(dir_path) > 0 else path,
-            })
-
-    return chapters
-
-
-def getMetadata(epub_path, save_path):
-    with zipfile.ZipFile(epub_path) as z:
-        for filename in z.namelist():
-            if (filename.endswith('opf')):
-                contentOPF = filename  # search for opf file
-                break
-        print('content.opf', contentOPF)
-        tree = etree.XML(z.read(contentOPF))
-
-        title = tree.find('.//dc:title', namespaces=namespaces).text
-        # print('title', title)
-
-        cover = getCover(epub_path)
-        # print('cover', cover)
-
-        authors = ''
-        for author in tree.findall('.//dc:creator', namespaces=namespaces):
-            authors += (author.text + ' ')
-        # print('authors', authors)
-
-        genre = treeFindsAll('.//dc:subject', tree)
-        # print('genre', genre)
-
-        summary = treeFindsAll('.//dc:description', tree)
-        # print('summary', summary)
-
-        artist = ''  # this will be included with author as epub files do not need to have an artist role and distinction is probably not necessary
-        chapters = getChapters(z, tree, os.path.dirname(contentOPF))
-        print('chapters', chapters)
-
-        return {
-            'url': save_path,
-            'title': title,
-            'cover': cover,
-            'genre': genre,
-            'summary': summary,
-            'authors': authors.strip(),
-            'artist': artist,
-            'chapters': chapters,
-        }
-
-
-def getCover(epub_path):
-    with zipfile.ZipFile(epub_path) as z:
-        for filename in z.namelist():
-            if (filename.endswith('opf')):
-                contentOPF = filename  # search for opf file
-
-        tree = etree.XML(z.read(contentOPF))
-        coverHREF = None
-
-        try:
-            coverID = tree.xpath("//opf:metadata/opf:meta[@name='cover']", namespaces=namespaces)[0].get('content')
-            # print('coverID 2', coverID)  # now we know where the cover image is located
-            coverHREF = tree.xpath("//opf:manifest/opf:item[@id='" + coverID + "']", namespaces=namespaces)[0].get(
-                'href')
-
-        except IndexError:  # not an EPUB 2.0
-            # print('EPUB 2 failure')
-            pass
-
-        if not coverHREF:  # try EPUB 3.0
-            try:
-                coverHREF = tree.xpath("//opf:manifest/opf:item[@properties='cover-image']", namespaces=namespaces)[
-                    0].get('href')
-            except IndexError:
-                # print('EPUB 3 failure')
-                pass
-        elif not coverHREF:  # some EPUBs don't explicitly declare cover images
-            try:
-                coverID = tree.xpath("//opf:spine/open:itemref[@idref='cover']", namespaces=namespaces)[0].get('idref')
-                temp = tree.xpath("//opf:manifest/opf:item[@id='" + coverID + "']", namespaces=namespaces)[0].get(
-                    'href')
-
-                tree = etree.fromstring(z.read(temp))
-                coverHREF = tree.xpath('//xhtml:img', namespaces=namespaces)[0].get('src')
-            except IndexError:
-                print('Edge case failure')
-        elif not coverHREF:
-            # print('No cover found')
-            return None
-
-        coverPath = coverHREF.replace('\\', '/')
-        # print('coverPath', coverPath)
-
-        return coverPath if os.path.dirname(contentOPF) == 0 else os.path.dirname(contentOPF) + '/' + coverPath
-
-
-def dumpMetaData(metaData, dest_dir):
-    dir = dest_dir + 'convertedEpubs/' + cleanTitle(metaData.get('title')) + '/'
-    with open(dir + 'metadata.json', 'w') as fileout:
-        json.dump(metaData, fileout)
-
-
-def parseEpub(epub_path, dest_dir):
-    save_path = getContent(epub_path, dest_dir)  # simultaneously writes and saves content to a variable
-    metaData = getMetadata(epub_path, save_path)
-    dumpMetaData(metaData, dest_dir)
-    return save_path

android/app/src/main/res/drawable/invisible.xml

@@ -0,0 +1,93 @@
+<vector android:alpha="0" android:height="1dp"
+    android:viewportHeight="1024" android:viewportWidth="1024"
+    android:width="1dp" xmlns:android="http://schemas.android.com/apk/res/android">
+    <path android:fillAlpha="0.994" android:fillColor="#132c33"
+        android:pathData="M479.5,-0.5C500.8,-0.5 522.2,-0.5 543.5,-0.5C704.4,13.5 832.9,84.8 929,213.5C985.1,293.3 1016.5,382 1023.5,479.5C1023.5,500.8 1023.5,522.2 1023.5,543.5C1009.2,709.4 934.5,840.2 799.5,936C722,987.8 636.6,1017 543.5,1023.5C522.2,1023.5 500.8,1023.5 479.5,1023.5C333.8,1011.4 213.3,950.4 118,840.5C47.3,754.3 7.8,655.3 -0.5,543.5C-0.5,522.2 -0.5,500.8 -0.5,479.5C13.5,318.6 84.8,190.1 213.5,94C293.3,37.9 382,6.4 479.5,-0.5Z" android:strokeAlpha="0.994"/>
+    <path android:fillColor="#106476" android:pathData="M870.5,325.5C876.8,340.6 882.7,355.9 888,371.5C889.7,373.2 891.1,375.2 892,377.5C895.1,386.3 897.4,395.3 899,404.5C900,406.7 901.5,408.4 903.5,409.5C903.5,410.2 903.5,410.8 903.5,411.5C907.2,436.2 910.8,460.8 914.5,485.5C915.4,500.5 915.7,515.5 915.5,530.5C911.7,612.8 885.4,686.8 836.5,752.5C836.5,750.7 837,749 838,747.5C894.4,667.2 918.8,577.8 911,479.5C899,365 848.5,271.8 759.5,200C652.9,120.8 534.9,97.5 405.5,130C299,161.6 218.1,225.4 163,321.5C108.7,424.4 99.1,531.4 134,642.5C147,680.2 165,715.2 188,747.5C189,749 189.5,750.7 189.5,752.5C141.4,688 115.1,615.3 110.5,534.5C110.3,518.5 110.5,502.5 111,486.5C112.8,477.3 113.8,467.9 114,458.5C119,435.8 124.4,413.1 130,390.5C140,359.6 153.3,330.6 170,303.5C184.2,283.1 199.4,263.5 215.5,244.5C231.1,229.1 246.7,213.9 262.5,199C273.8,191.7 285.1,184.4 296.5,177C297.3,175.5 298.3,174.2 299.5,173C303.2,172.6 306.5,171.3 309.5,169C313,166 316.3,162.9 319.5,159.5C330.1,155.2 340.1,149.9 349.5,143.5C360.1,142.3 370.1,139.2 379.5,134C385.7,132.1 392.1,130.5 398.5,129C400.5,128 402.5,127 404.5,126C452.1,113.9 500.4,109.7 549.5,113.5C567,115.2 584.3,117.7 601.5,121C620.6,126.7 639.8,132.6 659,138.5C668,141.9 676.8,145.8 685.5,150C695.4,156.1 705.8,161.5 716.5,166C717.2,167 717.8,168 718.5,169C733.7,175.2 747.1,184.2 758.5,196C764.2,199.9 769.5,204.2 774.5,209C776.6,210.8 778.9,212.1 781.5,213C785.3,218.2 789.8,222.7 795,226.5C797.1,228.3 798.4,230.7 799,233.5C807,241.6 815,249.6 823,257.5C823.3,258.8 823.7,260.2 824,261.5C828,266.5 832.4,271.2 837,275.5C841.8,284.4 847.1,293.1 853,301.5C858.3,307.4 862.6,314.1 866,321.5C867,323.4 868.5,324.7 870.5,325.5Z"/>
+    <path android:fillColor="#126e81" android:pathData="M836.5,752.5C791,813.4 733,858.3 662.5,887C545.5,931 431.5,924.3 320.5,867C268.3,838.7 224.7,800.5 189.5,752.5C189.5,750.7 189,749 188,747.5C165,715.2 147,680.2 134,642.5C99.1,531.4 108.7,424.4 163,321.5C218.1,225.4 299,161.6 405.5,130C534.9,97.5 652.9,120.8 759.5,200C848.5,271.8 899,365 911,479.5C918.8,577.8 894.4,667.2 838,747.5C837,749 836.5,750.7 836.5,752.5Z"/>
+    <path android:fillColor="#a1abaf" android:pathData="M660.5,203.5C657.7,203.4 655,202.8 652.5,201.5C641.6,195.4 629.9,191.5 617.5,190C609.7,188 602.4,185 595.5,181C580.9,179.2 566.6,176.6 552.5,173C521.2,169 490.2,169.9 459.5,175.5C447.6,178.3 435.6,180.5 423.5,182C418.2,183.8 412.9,185.3 407.5,186.5C388.5,192.1 370.1,199.6 352.5,209C351.2,209.5 349.9,209.7 348.5,209.5C423.4,170 502.4,159.1 585.5,177C611.8,182.6 636.8,191.4 660.5,203.5Z"/>
+    <path android:fillColor="#d7e2e6" android:pathData="M688.5,223.5C690.9,224.3 692.9,225.7 694.5,227.5C695.4,229.8 696.7,232 698.5,234C734,257.8 763.8,287.3 788,322.5C789.3,323.9 790.8,324.9 792.5,325.5C793.2,325.8 793.8,326.2 794.5,326.5C794.3,327.9 794.5,329.2 795,330.5C851.6,424.2 862.9,523.2 829,627.5C824.9,638.7 820.3,649.7 815,660.5C812.6,667.1 810.4,673.7 808.5,680.5C806.4,682.7 803.9,684.7 801,686.5C790.6,704.3 778.8,720.7 765.5,735.5C765.5,737.2 765.5,738.8 765.5,740.5C721,790.4 666.4,824.1 601.5,841.5C586.8,843.9 572.2,846.4 557.5,849C523.2,853.2 488.9,853.4 454.5,849.5C364.7,834.1 292.3,790.4 237.5,718.5C236.2,715.7 235.4,712.7 235,709.5C188.1,642.5 167.8,567.8 174,485.5C176.7,456.8 182.5,428.8 191.5,401.5C194.1,391.7 197.3,382 201,372.5C201.9,372 202.8,371.3 203.5,370.5C208.1,361.7 212.3,352.7 216,343.5C220.2,338.6 223.9,333.3 227,327.5C242.1,304 260,282.5 280.5,263C290.7,256.1 300.3,248.4 309.5,240C314.3,237.6 318.9,235.1 323.5,232.5C408.4,179.1 499.7,164.2 597.5,188C611.5,191.7 625.2,196.3 638.5,202C641.5,202.3 644.5,202.7 647.5,203C661.2,209.8 674.9,216.7 688.5,223.5Z"/>
+    <path android:fillColor="#cfdade" android:pathData="M556.5,177.5C577.5,179.3 597.9,184.2 617.5,192C621.3,192.3 624.9,192.9 628.5,194C636.6,198 645,201.2 653.5,203.5C663.6,208.4 673.6,213.6 683.5,219C685.6,220 687.3,221.5 688.5,223.5C674.9,216.7 661.2,209.8 647.5,203C644.5,202.7 641.5,202.3 638.5,202C625.2,196.3 611.5,191.7 597.5,188C499.7,164.2 408.4,179.1 323.5,232.5C330.8,226.2 338.8,220.9 347.5,216.5C348.5,215.1 349.5,213.8 350.5,212.5C363.9,207 377.2,201.1 390.5,195C402.2,191.3 413.8,187.7 425.5,184C448.7,180 472.1,177 495.5,175C505.5,174.3 515.5,174.3 525.5,175C535.8,176.1 546.2,176.9 556.5,177.5Z"/>
+    <path android:fillColor="#c4ced2" android:pathData="M556.5,177.5C546.2,176.9 535.8,176.1 525.5,175C515.5,174.3 505.5,174.3 495.5,175C472.1,177 448.7,180 425.5,184C413.8,187.7 402.2,191.3 390.5,195C377.2,201.1 363.9,207 350.5,212.5C368.9,202.5 387.9,193.8 407.5,186.5C412.9,185.3 418.2,183.8 423.5,182C435.6,180.5 447.6,178.3 459.5,175.5C491.2,171.4 522.9,171.5 554.5,176C555.4,176.3 556.1,176.8 556.5,177.5Z"/>
+    <path android:fillColor="#bac3c7" android:pathData="M652.5,201.5C652.8,202.2 653.2,202.8 653.5,203.5C645,201.2 636.6,198 628.5,194C624.9,192.9 621.3,192.3 617.5,192C597.9,184.2 577.5,179.3 556.5,177.5C556.1,176.8 555.4,176.3 554.5,176C522.9,171.5 491.2,171.4 459.5,175.5C490.2,169.9 521.2,169 552.5,173C566.6,176.6 580.9,179.2 595.5,181C602.4,185 609.7,188 617.5,190C629.9,191.5 641.6,195.4 652.5,201.5Z"/>
+    <path android:fillColor="#0e5565" android:pathData="M870.5,325.5C868.5,324.7 867,323.4 866,321.5C862.6,314.1 858.3,307.4 853,301.5C847.1,293.1 841.8,284.4 837,275.5C832.4,271.2 828,266.5 824,261.5C823.7,260.2 823.3,258.8 823,257.5C815,249.6 807,241.6 799,233.5C798.4,230.7 797.1,228.3 795,226.5C789.8,222.7 785.3,218.2 781.5,213C778.9,212.1 776.6,210.8 774.5,209C769.5,204.2 764.2,199.9 758.5,196C747.1,184.2 733.7,175.2 718.5,169C717.8,168 717.2,167 716.5,166C705.8,161.5 695.4,156.1 685.5,150C676.8,145.8 668,141.9 659,138.5C639.8,132.6 620.6,126.7 601.5,121C584.3,117.7 567,115.2 549.5,113.5C500.4,109.7 452.1,113.9 404.5,126C402.5,127 400.5,128 398.5,129C392.1,130.5 385.7,132.1 379.5,134C370.1,139.2 360.1,142.3 349.5,143.5C420.7,111.5 495,101.3 572.5,113C678.8,130.2 765.3,180.7 832,264.5C846.7,283.7 859.5,304 870.5,325.5Z"/>
+    <path android:fillColor="#a9b3b7" android:pathData="M652.5,201.5C655,202.8 657.7,203.4 660.5,203.5C704.9,224.6 742.6,254.2 773.5,292.5C765,283.5 756.4,274.7 747.5,266C744,263.6 741,260.8 738.5,257.5C733.8,254.1 729.1,250.8 724.5,247.5C722.4,245.3 720.1,243.3 717.5,241.5C709.8,236.7 702.1,232 694.5,227.5C692.9,225.7 690.9,224.3 688.5,223.5C687.3,221.5 685.6,220 683.5,219C673.6,213.6 663.6,208.4 653.5,203.5C653.2,202.8 652.8,202.2 652.5,201.5Z"/>
+    <path android:fillColor="#cfdadd" android:pathData="M694.5,227.5C702.1,232 709.8,236.7 717.5,241.5C720.1,243.3 722.4,245.3 724.5,247.5C740.5,264 756.6,280.3 773,296.5C779.5,304.9 785.8,313.3 792,321.5C792.5,322.8 792.7,324.1 792.5,325.5C790.8,324.9 789.3,323.9 788,322.5C763.8,287.3 734,257.8 698.5,234C696.7,232 695.4,229.8 694.5,227.5Z"/>
+    <path android:fillColor="#a8b3b6" android:pathData="M407.5,186.5C387.9,193.8 368.9,202.5 350.5,212.5C348.1,212.5 345.7,213 343.5,214C280.9,251.6 233.3,303.1 200.5,368.5C200,369.3 199.4,369.6 198.5,369.5C231,299.7 281,246.4 348.5,209.5C349.9,209.7 351.2,209.5 352.5,209C370.1,199.6 388.5,192.1 407.5,186.5Z"/>
+    <path android:fillColor="#c7d1d5" android:pathData="M350.5,212.5C349.5,213.8 348.5,215.1 347.5,216.5C338.8,220.9 330.8,226.2 323.5,232.5C318.9,235.1 314.3,237.6 309.5,240C300.3,248.4 290.7,256.1 280.5,263C260,282.5 242.1,304 227,327.5C223.9,333.3 220.2,338.6 216,343.5C212.3,352.7 208.1,361.7 203.5,370.5C202.8,371.3 201.9,372 201,372.5C197.3,382 194.1,391.7 191.5,401.5C187.7,410.3 184.4,419.3 181.5,428.5C183.2,412.5 188.1,397.5 196,383.5C196.7,378.7 197.5,374.1 198.5,369.5C199.4,369.6 200,369.3 200.5,368.5C233.3,303.1 280.9,251.6 343.5,214C345.7,213 348.1,212.5 350.5,212.5Z"/>
+    <path android:fillColor="#0f5969" android:pathData="M349.5,143.5C340.1,149.9 330.1,155.2 319.5,159.5C316.3,162.9 313,166 309.5,169C306.5,171.3 303.2,172.6 299.5,173C298.3,174.2 297.3,175.5 296.5,177C285.1,184.4 273.8,191.7 262.5,199C246.7,213.9 231.1,229.1 215.5,244.5C199.4,263.5 184.2,283.1 170,303.5C153.3,330.6 140,359.6 130,390.5C124.4,413.1 119,435.8 114,458.5C113.8,467.9 112.8,477.3 111,486.5C110.5,502.5 110.3,518.5 110.5,534.5C105.6,408 149,301.1 240.5,214C273,184.7 309.3,161.2 349.5,143.5Z"/>
+    <path android:fillColor="#b5bfc3" android:pathData="M724.5,247.5C729.1,250.8 733.8,254.1 738.5,257.5C741,260.8 744,263.6 747.5,266C756.4,274.7 765,283.5 773.5,292.5C804,327.4 825.6,367.4 838.5,412.5C837.5,412 836.7,411.4 836,410.5C833.5,403.3 831,396.2 828.5,389C820.3,372.7 812.4,356.2 805,339.5C803.9,338.7 802.7,338 801.5,337.5C799.9,333.3 797.6,329.6 794.5,326.5C793.8,326.2 793.2,325.8 792.5,325.5C792.7,324.1 792.5,322.8 792,321.5C785.8,313.3 779.5,304.9 773,296.5C756.6,280.3 740.5,264 724.5,247.5Z"/>
+    <path android:fillColor="#d0dade" android:pathData="M558.5,314.5C570.2,314.3 581.8,314.5 593.5,315C603.6,318.9 605.1,325 598,333.5C597.2,342.4 597.3,351.2 598.5,360C629.8,360.3 661.2,360.7 692.5,361C694.7,361.8 696.2,363.3 697,365.5C697.7,376.5 697.7,387.5 697,398.5C696.2,400 695,401.2 693.5,402C661.6,403.5 629.6,404 597.5,403.5C597.2,411.8 597.5,419.9 598.5,428C623.3,428 647.9,428.7 672.5,430C673.7,430.9 674.5,432.1 675,433.5C675.7,444.2 675.7,454.8 675,465.5C674.2,468.8 672,470.7 668.5,471C638.7,471.2 608.8,471.3 579,471.5C547.8,471.7 516.6,471.2 485.5,470C483.5,468.7 482.3,466.8 482,464.5C481.3,454.5 481.3,444.5 482,434.5C482.3,432.7 483.1,431.2 484.5,430C507.1,428.5 529.7,428 552.5,428.5C552.5,420.2 552.5,411.8 552.5,403.5C525.2,403.7 497.8,403.5 470.5,403C467.2,403.1 465.1,401.6 464,398.5C462,387.2 462,375.8 464,364.5C465.2,363 466.7,361.8 468.5,361C496.5,360.5 524.5,360.3 552.5,360.5C552.1,346.5 552.6,332.5 554,318.5C555.4,316.9 556.9,315.6 558.5,314.5Z"/>
+    <path android:fillColor="#849094" android:pathData="M591.5,317.5C580.5,317.5 569.5,317.5 558.5,317.5C558.8,332.7 558.5,347.7 557.5,362.5C557.5,347.2 557.5,331.8 557.5,316.5C569,316.2 580.3,316.5 591.5,317.5Z"/>
+    <path android:fillColor="#132c33" android:pathData="M591.5,317.5C599,318.8 599.5,321.8 593,326.5C592.5,338.5 592.3,350.5 592.5,362.5C625.8,362.5 659.2,362.5 692.5,362.5C692.5,373.2 692.5,383.8 692.5,394.5C658.8,394.5 625.2,394.5 591.5,394.5C591.2,406.7 591.5,418.7 592.5,430.5C618,431.5 643.7,431.8 669.5,431.5C669.5,441.8 669.5,452.2 669.5,462.5C608.8,462.5 548.2,462.5 487.5,462.5C487.5,451.8 487.5,441.2 487.5,430.5C510.2,430.5 532.8,430.5 555.5,430.5C556.2,430.5 556.8,430.5 557.5,430.5C558.5,418.7 558.8,406.7 558.5,394.5C528.5,394.5 498.5,394.5 468.5,394.5C468.5,383.8 468.5,373.2 468.5,362.5C498.2,362.5 527.8,362.5 557.5,362.5C558.5,347.7 558.8,332.7 558.5,317.5C569.5,317.5 580.5,317.5 591.5,317.5Z"/>
+    <path android:fillColor="#cfdade" android:pathData="M331.5,324.5C366.9,324 402.2,324.5 437.5,326C439.5,327.3 440.7,329.2 441,331.5C441.9,342.2 441.6,352.9 440,363.5C439,365.3 437.5,366.4 435.5,367C399.8,368 364.1,367.6 328.5,366C327.3,365.1 326.5,363.9 326,362.5C325.3,351.5 325.3,340.5 326,329.5C327.4,327.3 329.2,325.6 331.5,324.5Z"/>
+    <path android:fillColor="#b8c1c4" android:pathData="M330.5,331.5C330.2,341 330.5,350.3 331.5,359.5C331.6,360.1 331.9,360.6 332.5,361C349.3,361.2 366.2,361.3 383,361.5C400.2,361.5 417,360.8 433.5,359.5C434.2,359.5 434.8,359.5 435.5,359.5C435.8,359.5 436.2,359.5 436.5,359.5C436.4,361.4 435.4,362.6 433.5,363C399.2,363.7 364.8,363.7 330.5,363C329.9,362.3 329.4,361.4 329,360.5C328.3,351.2 328.3,341.8 329,332.5C329.4,331.9 329.9,331.6 330.5,331.5Z"/>
+    <path android:fillColor="#a3abaf" android:pathData="M331.5,359.5C365.5,359.5 399.5,359.5 433.5,359.5C417,360.8 400.2,361.5 383,361.5C366.2,361.3 349.3,361.2 332.5,361C331.9,360.6 331.6,360.1 331.5,359.5Z"/>
+    <path android:fillColor="#142d34" android:pathData="M330.5,327.5C365.5,327.5 400.5,327.5 435.5,327.5C435.5,338.2 435.5,348.8 435.5,359.5C434.8,359.5 434.2,359.5 433.5,359.5C399.5,359.5 365.5,359.5 331.5,359.5C330.5,350.3 330.2,341 330.5,331.5C330.5,330.2 330.5,328.8 330.5,327.5Z"/>
+    <path android:fillColor="#79868a" android:pathData="M330.5,327.5C365.7,326.5 401,326.2 436.5,326.5C436.5,337.5 436.5,348.5 436.5,359.5C436.2,359.5 435.8,359.5 435.5,359.5C435.5,348.8 435.5,338.2 435.5,327.5C400.5,327.5 365.5,327.5 330.5,327.5Z"/>
+    <path android:fillColor="#0f5a6b" android:pathData="M870.5,325.5C884.8,352.1 895.8,380.1 903.5,409.5C901.5,408.4 900,406.7 899,404.5C897.4,395.3 895.1,386.3 892,377.5C891.1,375.2 889.7,373.2 888,371.5C882.7,355.9 876.8,340.6 870.5,325.5Z"/>
+    <path android:fillColor="#8e979a" android:pathData="M468.5,394.5C498.5,394.5 528.5,394.5 558.5,394.5C558.8,406.7 558.5,418.7 557.5,430.5C558.1,419.1 557.5,407.9 555.5,397C528.2,396.7 500.8,396.3 473.5,396C471.6,395.8 470,395.3 468.5,394.5Z"/>
+    <path android:fillColor="#a6aeb1" android:pathData="M690.5,395.5C690.4,396.1 690.1,396.6 689.5,397C658.2,397.3 626.8,397.7 595.5,398C594.6,399 593.6,399.9 592.5,400.5C592.5,398.8 592.5,397.2 592.5,395.5C625.2,395.5 657.8,395.5 690.5,395.5Z"/>
+    <path android:fillColor="#b4bec1" android:pathData="M468.5,362.5C468.5,373.2 468.5,383.8 468.5,394.5C470,395.3 471.6,395.8 473.5,396C500.8,396.3 528.2,396.7 555.5,397C557.5,407.9 558.1,419.1 557.5,430.5C556.8,430.5 556.2,430.5 555.5,430.5C556.6,420.9 556.8,411.2 556,401.5C555.5,401 555,400.5 554.5,400C526.5,399.7 498.5,399.3 470.5,399C469.7,398.2 468.8,397.3 468,396.5C467.2,385 467.3,373.7 468.5,362.5Z"/>
+    <path android:fillColor="#b9c3c6" android:pathData="M690.5,395.5C691.2,395.5 691.8,395.5 692.5,395.5C691.9,396.5 691.2,397.5 690.5,398.5C658.8,399.3 627.2,399.8 595.5,400C595,400.5 594.5,401 594,401.5C593.2,411.2 593.4,420.9 594.5,430.5C593.8,430.5 593.2,430.5 592.5,430.5C592.5,420.5 592.5,410.5 592.5,400.5C593.6,399.9 594.6,399 595.5,398C626.8,397.7 658.2,397.3 689.5,397C690.1,396.6 690.4,396.1 690.5,395.5Z"/>
+    <path android:fillColor="#515f63" android:pathData="M692.5,394.5C692.5,394.8 692.5,395.2 692.5,395.5C691.8,395.5 691.2,395.5 690.5,395.5C657.8,395.5 625.2,395.5 592.5,395.5C592.5,397.2 592.5,398.8 592.5,400.5C592.5,410.5 592.5,420.5 592.5,430.5C591.5,418.7 591.2,406.7 591.5,394.5C625.2,394.5 658.8,394.5 692.5,394.5Z"/>
+    <path android:fillColor="#ced9dd" android:pathData="M191.5,401.5C182.5,428.8 176.7,456.8 174,485.5C167.8,567.8 188.1,642.5 235,709.5C235.4,712.7 236.2,715.7 237.5,718.5C214.2,688.9 196.9,655.9 185.5,619.5C182.6,606.1 179.5,592.8 176,579.5C174,566 171.8,552.6 169.5,539.5C167.9,501.8 171.9,464.8 181.5,428.5C184.4,419.3 187.7,410.3 191.5,401.5Z"/>
+    <path android:fillColor="#ced8dc" android:pathData="M313.5,384.5C359.2,384.3 404.8,384.5 450.5,385C452,386.2 453.2,387.7 454,389.5C454.7,400.5 454.7,411.5 454,422.5C451.8,425.8 448.6,427.3 444.5,427C400.5,428 356.5,427.6 312.5,426C311,424.8 309.8,423.3 309,421.5C308.3,410.8 308.3,400.2 309,389.5C310,387.3 311.5,385.6 313.5,384.5Z"/>
+    <path android:fillColor="#bbc4c8" android:pathData="M313.5,389.5C313.5,399.2 313.5,408.8 313.5,418.5C314.4,419.3 315.4,420.1 316.5,421C360.2,421.7 403.8,421.7 447.5,421C448.4,420.3 449,419.5 449.5,418.5C449.5,408.8 449.5,399.2 449.5,389.5C450.7,399.7 450.8,410 450,420.5C449.1,421.7 447.9,422.5 446.5,423C402.5,423.7 358.5,423.7 314.5,423C313.8,421.7 313,420.6 312,419.5C311.3,409.8 311.3,400.2 312,390.5C312.4,389.9 312.9,389.6 313.5,389.5Z"/>
+    <path android:fillColor="#9da6a9" android:pathData="M313.5,418.5C358.8,418.5 404.2,418.5 449.5,418.5C449,419.5 448.4,420.3 447.5,421C403.8,421.7 360.2,421.7 316.5,421C315.4,420.1 314.4,419.3 313.5,418.5Z"/>
+    <path android:fillColor="#132c33" android:pathData="M449.5,389.5C449.5,399.2 449.5,408.8 449.5,418.5C404.2,418.5 358.8,418.5 313.5,418.5C313.5,408.8 313.5,399.2 313.5,389.5C313.5,388.5 313.5,387.5 313.5,386.5C358.8,386.5 404.2,386.5 449.5,386.5C449.5,387.5 449.5,388.5 449.5,389.5Z"/>
+    <path android:fillColor="#273b41" android:pathData="M592.5,430.5C593.2,430.5 593.8,430.5 594.5,430.5C620.2,429.8 645.5,430.5 670.5,432.5C670.5,432.8 670.5,433.2 670.5,433.5C670.5,443.2 670.5,452.8 670.5,462.5C670.2,462.5 669.8,462.5 669.5,462.5C669.5,452.2 669.5,441.8 669.5,431.5C643.7,431.8 618,431.5 592.5,430.5Z"/>
+    <path android:fillColor="#b8c4c8" android:pathData="M198.5,369.5C197.5,374.1 196.7,378.7 196,383.5C188.1,397.5 183.2,412.5 181.5,428.5C171.9,464.8 167.9,501.8 169.5,539.5C163.8,480.3 173.5,423.6 198.5,369.5Z"/>
+    <path android:fillColor="#cfdadd" android:pathData="M330.5,445.5C365.8,445.3 401.2,445.5 436.5,446C439.1,447.3 440.6,449.5 441,452.5C441.9,463.2 441.6,473.9 440,484.5C439.2,485.3 438.3,486.2 437.5,487C401.5,487.7 365.5,487.7 329.5,487C327.3,486.3 326.1,484.8 326,482.5C325.3,471.8 325.3,461.2 326,450.5C327,448.3 328.5,446.6 330.5,445.5Z"/>
+    <path android:fillColor="#132c32" android:pathData="M435.5,448.5C435.5,458.8 435.5,469.2 435.5,479.5C400.8,479.5 366.2,479.5 331.5,479.5C331.5,469.2 331.5,458.8 331.5,448.5C366.2,448.5 400.8,448.5 435.5,448.5Z"/>
+    <path android:fillColor="#273b41" android:pathData="M435.5,447.5C435.5,447.8 435.5,448.2 435.5,448.5C400.8,448.5 366.2,448.5 331.5,448.5C331.5,458.8 331.5,469.2 331.5,479.5C330.5,470.7 330.2,461.7 330.5,452.5C330.5,450.8 330.5,449.2 330.5,447.5C365.5,447.5 400.5,447.5 435.5,447.5Z"/>
+    <path android:fillColor="#6b7679" android:pathData="M487.5,430.5C487.5,441.2 487.5,451.8 487.5,462.5C548.2,462.5 608.8,462.5 669.5,462.5C669.8,462.5 670.2,462.5 670.5,462.5C670.2,463.3 669.5,463.7 668.5,463.5C608.5,463.5 548.5,463.5 488.5,463.5C488.2,463.5 487.8,463.5 487.5,463.5C486.5,453 486.2,442.3 486.5,431.5C486.5,430.8 486.8,430.5 487.5,430.5Z"/>
+    <path android:fillColor="#c8d3d6" android:pathData="M486.5,431.5C486.2,442.3 486.5,453 487.5,463.5C487.8,465.8 489.1,466.9 491.5,467C550.8,467.7 610.2,467.7 669.5,467C670.9,465.8 671.7,464.3 672,462.5C672.7,453.2 672.7,443.8 672,434.5C671.6,433.9 671.1,433.6 670.5,433.5C670.5,433.2 670.5,432.8 670.5,432.5C672.4,432.6 673.6,433.6 674,435.5C674.7,445.2 674.7,454.8 674,464.5C672.6,466.1 671.1,467.6 669.5,469C608.8,469.7 548.2,469.7 487.5,469C486.2,467.6 485,466.1 484,464.5C483.3,454.2 483.3,443.8 484,433.5C484.7,432.6 485.5,432 486.5,431.5Z"/>
+    <path android:fillColor="#bac3c7" android:pathData="M670.5,433.5C671.1,433.6 671.6,433.9 672,434.5C672.7,443.8 672.7,453.2 672,462.5C671.7,464.3 670.9,465.8 669.5,467C610.2,467.7 550.8,467.7 491.5,467C489.1,466.9 487.8,465.8 487.5,463.5C487.8,463.5 488.2,463.5 488.5,463.5C488.6,464.1 488.9,464.6 489.5,465C548.8,465.7 608.2,465.7 667.5,465C668.1,464.6 668.4,464.1 668.5,463.5C669.5,463.7 670.2,463.3 670.5,462.5C670.5,452.8 670.5,443.2 670.5,433.5Z"/>
+    <path android:fillColor="#a6aeb1" android:pathData="M488.5,463.5C548.5,463.5 608.5,463.5 668.5,463.5C668.4,464.1 668.1,464.6 667.5,465C608.2,465.7 548.8,465.7 489.5,465C488.9,464.6 488.6,464.1 488.5,463.5Z"/>
+    <path android:fillColor="#0f5b6c" android:pathData="M903.5,411.5C914.1,450.5 918.1,490.2 915.5,530.5C915.7,515.5 915.4,500.5 914.5,485.5C910.8,460.8 907.2,436.2 903.5,411.5Z"/>
+    <path android:fillColor="#9fa8ab" android:pathData="M435.5,447.5C436.4,448.6 436.8,449.9 436.5,451.5C436.8,461.5 436.5,471.5 435.5,481.5C434.7,481.8 434,482.3 433.5,483C399.5,483.7 365.5,483.7 331.5,483C331,482.3 330.3,481.8 329.5,481.5C329.2,471.7 329.5,462 330.5,452.5C330.2,461.7 330.5,470.7 331.5,479.5C366.2,479.5 400.8,479.5 435.5,479.5C435.5,469.2 435.5,458.8 435.5,448.5C435.5,448.2 435.5,447.8 435.5,447.5Z"/>
+    <path android:fillColor="#c2ccd0" android:pathData="M436.5,451.5C437.1,451.6 437.6,451.9 438,452.5C438.7,462.2 438.7,471.8 438,481.5C437.6,482.4 437.1,483.3 436.5,484C418.2,485.1 399.9,485.6 381.5,485.5C364.5,485.2 347.5,484.8 330.5,484.5C329.9,483.6 329.5,482.6 329.5,481.5C330.3,481.8 331,482.3 331.5,483C365.5,483.7 399.5,483.7 433.5,483C434,482.3 434.7,481.8 435.5,481.5C436.5,471.5 436.8,461.5 436.5,451.5Z"/>
+    <path android:fillColor="#142c33" android:pathData="M459.5,485.5C538.8,485.5 618.2,485.5 697.5,485.5C697.5,509.5 697.5,533.5 697.5,557.5C686.2,557.5 674.8,557.5 663.5,557.5C663.5,545.8 663.5,534.2 663.5,522.5C663.5,521.8 663.5,521.2 663.5,520.5C663.5,519.5 663.5,518.5 663.5,517.5C606.8,517.5 550.2,517.5 493.5,517.5C493.5,531.5 493.5,545.5 493.5,559.5C482.2,559.5 470.8,559.5 459.5,559.5C459.5,536.5 459.5,513.5 459.5,490.5C459.5,489.2 459.5,487.8 459.5,486.5C459.5,486.2 459.5,485.8 459.5,485.5Z"/>
+    <path android:fillColor="#8f9a9e" android:pathData="M459.5,485.5C499.2,484.8 539,484.5 579,484.5C619.2,484.5 659,485.2 698.5,486.5C698.8,510.7 698.5,534.7 697.5,558.5C686,558.8 674.7,558.5 663.5,557.5C674.8,557.5 686.2,557.5 697.5,557.5C697.5,533.5 697.5,509.5 697.5,485.5C618.2,485.5 538.8,485.5 459.5,485.5Z"/>
+    <path android:fillColor="#bac6ca" android:pathData="M838.5,412.5C841.3,419.5 843.4,426.9 845,434.5C854.7,478.4 855.8,522.4 848.5,566.5C851.3,530.5 851.1,494.5 848,458.5C846.2,447.9 843.5,437.6 840,427.5C839.5,422.5 839,417.5 838.5,412.5Z"/>
+    <path android:fillColor="#132c32" android:pathData="M331.5,507.5C366.2,507.5 400.8,507.5 435.5,507.5C435.5,517.8 435.5,528.2 435.5,538.5C400.8,538.5 366.2,538.5 331.5,538.5C331.5,528.2 331.5,517.8 331.5,507.5Z"/>
+    <path android:fillColor="#cbd6d9" android:pathData="M459.5,486.5C459.5,487.8 459.5,489.2 459.5,490.5C458.3,514.3 458.2,538.3 459,562.5C459.5,563 460,563.5 460.5,564C471.2,564.7 481.8,564.7 492.5,564C493.3,563.7 494,563.2 494.5,562.5C495.3,549.9 495.8,537.2 496,524.5C496.9,523.3 498.1,522.5 499.5,522C553.2,521.3 606.8,521.3 660.5,522C661,522.5 661.5,523 662,523.5C662.3,535.5 662.7,547.5 663,559.5C663.8,560.3 664.7,561.2 665.5,562C675.2,562.7 684.8,562.7 694.5,562C695.7,561 696.7,559.8 697.5,558.5C698.5,534.7 698.8,510.7 698.5,486.5C699.5,487 700.3,487.6 701,488.5C701.7,511.8 701.7,535.2 701,558.5C700.3,561.3 698.4,562.8 695.5,563C684.5,563.7 673.5,563.7 662.5,563C662,562.5 661.5,562 661,561.5C659.9,549.4 659,537.2 658.5,525C605.2,524.5 551.8,524.3 498.5,524.5C498.7,537.5 498.5,550.5 498,563.5C496.2,566.3 493.7,567.8 490.5,568C479.8,568.9 469.1,568.5 458.5,567C456.3,565.4 454.9,563.2 454.5,560.5C455.3,537.2 455.8,513.9 456,490.5C456.7,488.7 457.8,487.3 459.5,486.5Z"/>
+    <path android:fillColor="#aab3b7" android:pathData="M663.5,520.5C663.5,521.2 663.5,521.8 663.5,522.5C662.7,522.2 662,521.7 661.5,521C605.8,520.2 550.1,520.3 494.5,521.5C494.9,520.1 495.9,519.2 497.5,519C552.2,518.3 606.8,518.3 661.5,519C662,519.7 662.7,520.2 663.5,520.5Z"/>
+    <path android:fillColor="#9ca4a7" android:pathData="M663.5,520.5C662.7,520.2 662,519.7 661.5,519C606.8,518.3 552.2,518.3 497.5,519C495.9,519.2 494.9,520.1 494.5,521.5C494.8,534.3 494.5,547 493.5,559.5C493.5,545.5 493.5,531.5 493.5,517.5C550.2,517.5 606.8,517.5 663.5,517.5C663.5,518.5 663.5,519.5 663.5,520.5Z"/>
+    <path android:fillColor="#132c33" android:pathData="M629.5,538.5C629.9,541.8 628.5,544.1 625.5,545.5C624.2,582 624.2,618.3 625.5,654.5C625.7,658.6 627.7,661.4 631.5,663C641.5,663.7 651.5,663.7 661.5,663C665.1,661.1 667.6,658.3 669,654.5C671.2,646.6 673,638.6 674.5,630.5C675,629.1 675.6,627.8 676.5,626.5C686.4,629.9 696.4,632.9 706.5,635.5C707.1,636.4 707.4,637.4 707.5,638.5C704.9,648.7 702.4,659 700,669.5C698.8,673.6 697.3,677.6 695.5,681.5C691.1,688.5 684.8,692.9 676.5,694.5C655.5,695.5 634.5,695.8 613.5,695.5C600.6,694.3 593.1,687.3 591,674.5C590.5,630.5 590.3,586.5 590.5,542.5C590.5,541.2 590.5,539.8 590.5,538.5C596.1,537.2 602.1,536.5 608.5,536.5C614.5,536.7 620.5,536.8 626.5,537C627.7,537.2 628.7,537.7 629.5,538.5Z"/>
+    <path android:fillColor="#2b3e44" android:pathData="M331.5,507.5C331.5,517.8 331.5,528.2 331.5,538.5C366.2,538.5 400.8,538.5 435.5,538.5C435.2,539.3 434.5,539.7 433.5,539.5C399.8,539.5 366.2,539.5 332.5,539.5C330.5,531.2 329.9,522.6 330.5,513.5C330.5,512.2 330.5,510.8 330.5,509.5C330.3,508.5 330.7,507.8 331.5,507.5Z"/>
+    <path android:fillColor="#b3bcbf" android:pathData="M435.5,507.5C436.2,508.8 437.1,510.1 438,511.5C438.7,521.2 438.7,530.8 438,540.5C437.6,542.4 436.4,543.4 434.5,543.5C400.5,543.7 366.5,543.5 332.5,543C331.7,542.2 330.8,541.3 330,540.5C329.2,531.3 329.3,522.3 330.5,513.5C329.9,522.6 330.5,531.2 332.5,539.5C332.8,540.2 333.1,540.8 333.5,541.5C366.5,542.7 399.5,542.8 432.5,542C433.3,541.3 433.6,540.5 433.5,539.5C434.5,539.7 435.2,539.3 435.5,538.5C435.5,528.2 435.5,517.8 435.5,507.5Z"/>
+    <path android:fillColor="#a5aeb1" android:pathData="M332.5,539.5C366.2,539.5 399.8,539.5 433.5,539.5C433.6,540.5 433.3,541.3 432.5,542C399.5,542.8 366.5,542.7 333.5,541.5C333.1,540.8 332.8,540.2 332.5,539.5Z"/>
+    <path android:fillColor="#c7d1d5" android:pathData="M330.5,509.5C330.5,510.8 330.5,512.2 330.5,513.5C329.3,522.3 329.2,531.3 330,540.5C330.8,541.3 331.7,542.2 332.5,543C366.5,543.5 400.5,543.7 434.5,543.5C417.5,544.8 400.2,545.5 382.5,545.5C365.2,545.3 347.8,545.2 330.5,545C330,544.1 329.3,543.2 328.5,542.5C327.3,532.2 327.2,521.8 328,511.5C328.7,510.6 329.5,510 330.5,509.5Z"/>
+    <path android:fillColor="#cdd8dc" android:pathData="M794.5,326.5C797.6,329.6 799.9,333.3 801.5,337.5C802.7,338 803.9,338.7 805,339.5C812.4,356.2 820.3,372.7 828.5,389C831,396.2 833.5,403.3 836,410.5C836.7,411.4 837.5,412 838.5,412.5C839,417.5 839.5,422.5 840,427.5C843.5,437.6 846.2,447.9 848,458.5C851.1,494.5 851.3,530.5 848.5,566.5C842.5,607.2 829.2,645.2 808.5,680.5C810.4,673.7 812.6,667.1 815,660.5C820.3,649.7 824.9,638.7 829,627.5C862.9,523.2 851.6,424.2 795,330.5C794.5,329.2 794.3,327.9 794.5,326.5Z"/>
+    <path android:fillColor="#b4bdc0" android:pathData="M459.5,490.5C459.5,513.5 459.5,536.5 459.5,559.5C470.8,559.5 482.2,559.5 493.5,559.5C494.5,547 494.8,534.3 494.5,521.5C550.1,520.3 605.8,520.2 661.5,521C662,521.7 662.7,522.2 663.5,522.5C663.5,534.2 663.5,545.8 663.5,557.5C674.7,558.5 686,558.8 697.5,558.5C696.7,559.8 695.7,561 694.5,562C684.8,562.7 675.2,562.7 665.5,562C664.7,561.2 663.8,560.3 663,559.5C662.7,547.5 662.3,535.5 662,523.5C661.5,523 661,522.5 660.5,522C606.8,521.3 553.2,521.3 499.5,522C498.1,522.5 496.9,523.3 496,524.5C495.8,537.2 495.3,549.9 494.5,562.5C494,563.2 493.3,563.7 492.5,564C481.8,564.7 471.2,564.7 460.5,564C460,563.5 459.5,563 459,562.5C458.2,538.3 458.3,514.3 459.5,490.5Z"/>
+    <path android:fillColor="#becacd" android:pathData="M169.5,539.5C171.8,552.6 174,566 176,579.5C179.5,592.8 182.6,606.1 185.5,619.5C176.5,593.7 171.1,567 169.5,539.5Z"/>
+    <path android:fillColor="#ccd7db" android:pathData="M674.5,630.5C673,638.6 671.2,646.6 669,654.5C667.6,658.3 665.1,661.1 661.5,663C651.5,663.7 641.5,663.7 631.5,663C627.7,661.4 625.7,658.6 625.5,654.5C625.3,619.5 625.5,584.5 626,549.5C630.1,546.6 631.3,542.9 629.5,538.5C628.7,537.7 627.7,537.2 626.5,537C620.5,536.8 614.5,536.7 608.5,536.5C602.1,536.5 596.1,537.2 590.5,538.5C589.8,538.8 589.2,539.1 588.5,539.5C587.3,586.2 587.2,632.8 588,679.5C588.6,683.6 590.1,687.2 592.5,690.5C593.3,691.4 594.3,691.7 595.5,691.5C599.4,695.2 604.1,697.7 609.5,699C631.2,699.7 652.8,699.7 674.5,699C678.4,697.5 682.4,696.4 686.5,695.5C691,693.2 694.3,689.7 696.5,685C697.8,684.7 698.9,684.2 700,683.5C702.3,679.1 703.9,674.4 705,669.5C705.5,659.1 706.3,648.7 707.5,638.5C707.4,637.4 707.1,636.4 706.5,635.5C708,636.2 708.9,637.6 709,639.5C710.4,656.8 707.1,673.1 699,688.5C693.4,696.1 685.9,701 676.5,703C653.8,703.7 631.2,703.7 608.5,703C595.4,699.9 587.9,691.8 586,678.5C585.3,631.8 585.3,585.2 586,538.5C587.1,536.2 588.9,534.7 591.5,534C602.5,533.3 613.5,533.3 624.5,534C630.5,534.3 633.8,537.3 634.5,543C633.9,546.9 632.4,550.4 630,553.5C629,588.5 629.4,623.5 631,658.5C632.5,660 634.3,660.8 636.5,661C644.6,661.9 652.6,661.6 660.5,660C667.7,652.6 671.7,643.8 672.5,633.5C672.6,632 673.3,631 674.5,630.5Z"/>
+    <path android:fillColor="#aeb7ba" android:pathData="M590.5,542.5C590.3,586.5 590.5,630.5 591,674.5C593.1,687.3 600.6,694.3 613.5,695.5C633.7,696.7 654,696.8 674.5,696C675.4,695.7 676.1,695.2 676.5,694.5C684.8,692.9 691.1,688.5 695.5,681.5C694,687.1 691,691.8 686.5,695.5C682.4,696.4 678.4,697.5 674.5,699C652.8,699.7 631.2,699.7 609.5,699C604.1,697.7 599.4,695.2 595.5,691.5C594.5,687.4 592.7,683.8 590,680.5C589.2,634.3 589.3,588.3 590.5,542.5Z"/>
+    <path android:fillColor="#838d90" android:pathData="M676.5,694.5C676.1,695.2 675.4,695.7 674.5,696C654,696.8 633.7,696.7 613.5,695.5C634.5,695.8 655.5,695.5 676.5,694.5Z"/>
+    <path android:fillColor="#bdc7ca" android:pathData="M707.5,638.5C706.3,648.7 705.5,659.1 705,669.5C703.9,674.4 702.3,679.1 700,683.5C698.9,684.2 697.8,684.7 696.5,685C694.3,689.7 691,693.2 686.5,695.5C691,691.8 694,687.1 695.5,681.5C697.3,677.6 698.8,673.6 700,669.5C702.4,659 704.9,648.7 707.5,638.5Z"/>
+    <path android:fillColor="#aeb7bb" android:pathData="M629.5,538.5C631.3,542.9 630.1,546.6 626,549.5C625.5,584.5 625.3,619.5 625.5,654.5C624.2,618.3 624.2,582 625.5,545.5C628.5,544.1 629.9,541.8 629.5,538.5Z"/>
+    <path android:fillColor="#c3cdd1" android:pathData="M590.5,538.5C590.5,539.8 590.5,541.2 590.5,542.5C589.3,588.3 589.2,634.3 590,680.5C592.7,683.8 594.5,687.4 595.5,691.5C594.3,691.7 593.3,691.4 592.5,690.5C590.1,687.2 588.6,683.6 588,679.5C587.2,632.8 587.3,586.2 588.5,539.5C589.2,539.1 589.8,538.8 590.5,538.5Z"/>
+    <path android:fillColor="#cad6db" android:pathData="M808.5,680.5C796.6,702.3 782.3,722.3 765.5,740.5C765.5,738.8 765.5,737.2 765.5,735.5C778.8,720.7 790.6,704.3 801,686.5C803.9,684.7 806.4,682.7 808.5,680.5Z"/>
+    <path android:fillColor="#d0dbdf" android:pathData="M474.5,666.5C466.2,669.7 457.6,671.4 448.5,671.5C447.8,671.9 447.3,672.6 447,673.5C446.7,673.2 446.3,672.8 446,672.5C445.7,640.8 445.3,609.2 445,577.5C444.8,576.3 444.3,575.3 443.5,574.5C443.5,572.8 443.5,571.2 443.5,569.5C403.3,569.2 363.3,569.5 323.5,570.5C323.5,571.5 323.5,572.5 323.5,573.5C322.9,573.6 322.4,573.9 322,574.5C321.3,619.5 321.3,664.5 322,709.5C322.8,710.3 323.7,711.2 324.5,712C333.8,714 343.2,714 352.5,712C353.9,710.8 354.7,709.3 355,707.5C355.3,703.8 355.7,700.2 356,696.5C356.4,695.6 356.9,694.8 357.5,694C374.2,693.3 390.8,693.3 407.5,694C408.4,694.4 409.3,694.9 410,695.5C409.7,700.1 411.2,703.9 414.5,707C423.2,707.7 431.8,707.7 440.5,707C442.3,706.2 443.8,705 445,703.5C446,697.9 446.9,692.2 447.5,686.5C448.7,687.3 449.7,688.3 450.5,689.5C452.8,693.9 454.6,698.5 456,703.5C459.1,710.8 464.6,713.3 472.5,711C481.2,708.8 489.2,705.3 496.5,700.5C502.5,698 507.8,694.5 512.5,690C513.8,689.5 515.1,689.3 516.5,689.5C518.3,688.9 519.9,688.1 521.5,687C527.7,679.8 534.2,673 541,666.5C552.5,646.5 558.9,624.8 560,601.5C560.3,584.5 560.7,567.5 561,550.5C563.7,548.3 564.8,545.5 564.5,542C564.4,540 563.8,538.5 562.5,537.5C560.9,537 559.2,536.6 557.5,536.5C546.3,535.5 535,535.2 523.5,535.5C523.5,536.5 523.5,537.5 523.5,538.5C522.2,539.1 521.4,540.1 521,541.5C520.8,565.5 520.2,589.5 519,613.5C517.2,619.1 515.7,624.8 514.5,630.5C508.7,644 499.4,654.3 486.5,661.5C486.6,660.5 486.3,659.7 485.5,659C499.8,650.4 509.3,637.9 514,621.5C515.8,614.9 517.2,608.3 518,601.5C518.3,582.2 518.7,562.8 519,543.5C518.8,538.6 521,535.5 525.5,534C536.5,533.3 547.5,533.3 558.5,534C569.5,537.3 571.3,543.5 564,552.5C563.9,572.5 563.2,592.5 562,612.5C554.2,670.8 521.4,705.1 463.5,715.5C461,715.2 458.8,714.2 457,712.5C454.1,706.2 451.5,699.9 449,693.5C448.2,697.1 447.6,700.8 447,704.5C445.2,707.3 442.7,708.8 439.5,709C430.4,709.8 421.4,709.5 412.5,708C411.7,707.2 410.8,706.3 410,705.5C409.8,702.2 409.3,699.1 408.5,696C391.8,695.3 375.2,695.3 358.5,696C357.7,701.1 357.2,706.3 357,711.5C356.5,713.3 355.3,714.5 353.5,715C343.5,715.7 333.5,715.7 323.5,715C322.1,714.5 320.9,713.7 320,712.5C318.3,666.3 318,619.9 319,573.5C319.9,570.2 322.1,568.4 325.5,568C365.2,567 404.9,567.4 444.5,569C445.7,569.9 446.5,571.1 447,572.5C447.5,605.2 447.7,637.8 447.5,670.5C456.5,669.2 465.5,667.8 474.5,666.5Z"/>
+    <path android:fillColor="#c5d0d3" android:pathData="M323.5,573.5C323.5,574.2 323.5,574.8 323.5,575.5C322.5,619.7 322.2,664 322.5,708.5C331.6,710.5 341,711 350.5,710C351.4,709.3 352,708.5 352.5,707.5C353.5,703 353.8,698.4 353.5,693.5C354.3,693.2 355,692.7 355.5,692C373.5,691.3 391.5,691.3 409.5,692C410,692.7 410.7,693.2 411.5,693.5C412.2,696.3 412.8,699 413.5,701.5C413.8,701.5 414.2,701.5 414.5,701.5C414.4,702.5 414.7,703.3 415.5,704C424.9,704.9 434.2,704.6 443.5,703C444.1,693.9 444.9,684.7 446,675.5C446.9,677.7 448,679.7 449.5,681.5C450.5,684.1 450.8,686.8 450.5,689.5C449.7,688.3 448.7,687.3 447.5,686.5C446.9,692.2 446,697.9 445,703.5C443.8,705 442.3,706.2 440.5,707C431.8,707.7 423.2,707.7 414.5,707C411.2,703.9 409.7,700.1 410,695.5C409.3,694.9 408.4,694.4 407.5,694C390.8,693.3 374.2,693.3 357.5,694C356.9,694.8 356.4,695.6 356,696.5C355.7,700.2 355.3,703.8 355,707.5C354.7,709.3 353.9,710.8 352.5,712C343.2,714 333.8,714 324.5,712C323.7,711.2 322.8,710.3 322,709.5C321.3,664.5 321.3,619.5 322,574.5C322.4,573.9 322.9,573.6 323.5,573.5Z"/>
+    <path android:fillColor="#737e82" android:pathData="M413.5,687.5C414.5,691.6 414.8,696 414.5,700.5C423.8,700.5 433.2,700.5 442.5,700.5C433.3,701.5 424,701.8 414.5,701.5C414.2,701.5 413.8,701.5 413.5,701.5C413.5,698.5 413.5,695.5 413.5,692.5C413.5,690.8 413.5,689.2 413.5,687.5Z"/>
+    <path android:fillColor="#b6bfc2" android:pathData="M413.5,692.5C413.5,695.5 413.5,698.5 413.5,701.5C412.8,699 412.2,696.3 411.5,693.5C410.7,693.2 410,692.7 409.5,692C391.5,691.3 373.5,691.3 355.5,692C355,692.7 354.3,693.2 353.5,693.5C353.5,692.2 353.5,690.8 353.5,689.5C372.2,689.3 390.8,689.5 409.5,690C411,690.7 412.3,691.5 413.5,692.5Z"/>
+    <path android:fillColor="#a2aaae" android:pathData="M413.5,687.5C413.5,689.2 413.5,690.8 413.5,692.5C412.3,691.5 411,690.7 409.5,690C390.8,689.5 372.2,689.3 353.5,689.5C353.5,690.8 353.5,692.2 353.5,693.5C353.8,698.4 353.5,703 352.5,707.5C352.5,700.8 352.5,694.2 352.5,687.5C372.8,687.5 393.2,687.5 413.5,687.5Z"/>
+    <path android:fillColor="#a5aeb1" android:pathData="M547.5,645.5C546.6,651.6 544.5,657.3 541,662.5C533.3,672 525.1,681 516.5,689.5C515.1,689.3 513.8,689.5 512.5,690C507.8,694.5 502.5,698 496.5,700.5C486.3,703.7 475.9,706.7 465.5,709.5C461.2,709.8 459.2,707.8 459.5,703.5C460.6,704.6 461.4,705.9 462,707.5C490.8,703.1 514.8,690.1 534,668.5C539.2,661.2 543.7,653.5 547.5,645.5Z"/>
+    <path android:fillColor="#b8c2c6" android:pathData="M562.5,537.5C563.8,538.5 564.4,540 564.5,542C564.8,545.5 563.7,548.3 561,550.5C560.7,567.5 560.3,584.5 560,601.5C558.9,624.8 552.5,646.5 541,666.5C534.2,673 527.7,679.8 521.5,687C519.9,688.1 518.3,688.9 516.5,689.5C525.1,681 533.3,672 541,662.5C544.5,657.3 546.6,651.6 547.5,645.5C553,630.3 556.5,614.6 558,598.5C558.3,580.8 558.7,563.2 559,545.5C562.5,543.6 563.7,540.9 562.5,537.5Z"/>
+    <path android:fillColor="#b4bdc0" android:pathData="M323.5,575.5C323.5,619.5 323.5,663.5 323.5,707.5C333.2,707.5 342.8,707.5 352.5,707.5C352,708.5 351.4,709.3 350.5,710C341,711 331.6,710.5 322.5,708.5C322.2,664 322.5,619.7 323.5,575.5Z"/>
+    <path android:fillColor="#bcc5c9" android:pathData="M443.5,574.5C444.3,575.3 444.8,576.3 445,577.5C445.3,609.2 445.7,640.8 446,672.5C446.3,672.8 446.7,673.2 447,673.5C447.3,672.6 447.8,671.9 448.5,671.5C452.2,682.2 455.8,692.8 459.5,703.5C459.2,707.8 461.2,709.8 465.5,709.5C475.9,706.7 486.3,703.7 496.5,700.5C489.2,705.3 481.2,708.8 472.5,711C464.6,713.3 459.1,710.8 456,703.5C454.6,698.5 452.8,693.9 450.5,689.5C450.8,686.8 450.5,684.1 449.5,681.5C448,679.7 446.9,677.7 446,675.5C444.9,684.7 444.1,693.9 443.5,703C434.2,704.6 424.9,704.9 415.5,704C414.7,703.3 414.4,702.5 414.5,701.5C424,701.8 433.3,701.5 442.5,700.5C443.5,658.7 443.8,616.7 443.5,574.5Z"/>
+    <path android:fillColor="#8e999d" android:pathData="M323.5,570.5C363.3,569.5 403.3,569.2 443.5,569.5C443.5,571.2 443.5,572.8 443.5,574.5C443.8,616.7 443.5,658.7 442.5,700.5C442.5,657.2 442.5,613.8 442.5,570.5C402.8,570.5 363.2,570.5 323.5,570.5Z"/>
+    <path android:fillColor="#142c33" android:pathData="M323.5,570.5C363.2,570.5 402.8,570.5 442.5,570.5C442.5,613.8 442.5,657.2 442.5,700.5C433.2,700.5 423.8,700.5 414.5,700.5C414.8,696 414.5,691.6 413.5,687.5C393.2,687.5 372.8,687.5 352.5,687.5C352.5,694.2 352.5,700.8 352.5,707.5C342.8,707.5 333.2,707.5 323.5,707.5C323.5,663.5 323.5,619.5 323.5,575.5C323.5,574.8 323.5,574.2 323.5,573.5C323.5,572.5 323.5,571.5 323.5,570.5Z"/>
+    <path android:fillColor="#728084" android:pathData="M413.5,597.5C414.5,618.3 414.8,639.3 414.5,660.5C393.7,660.8 373,660.5 352.5,659.5C352.8,659.5 353.2,659.5 353.5,659.5C354.2,659.5 354.8,659.5 355.5,659.5C374.5,659.5 393.5,659.5 412.5,659.5C413.5,640 413.8,620.3 413.5,600.5C413.5,599.5 413.5,598.5 413.5,597.5Z"/>
+    <path android:fillColor="#bcc6ca" android:pathData="M413.5,600.5C413.8,620.3 413.5,640 412.5,659.5C412.8,640.8 412.5,622.2 411.5,603.5C393.2,602.3 374.9,602.2 356.5,603C356,603.5 355.5,604 355,604.5C354.2,622.9 354.3,641.2 355.5,659.5C354.8,659.5 354.2,659.5 353.5,659.5C353.2,639.9 353.5,620.4 354.5,601C364.4,599.9 374.4,599.4 384.5,599.5C394.2,599.5 403.9,599.9 413.5,600.5Z"/>
+    <path android:fillColor="#cfdade" android:pathData="M412.5,659.5C393.5,659.5 374.5,659.5 355.5,659.5C354.3,641.2 354.2,622.9 355,604.5C355.5,604 356,603.5 356.5,603C374.9,602.2 393.2,602.3 411.5,603.5C412.5,622.2 412.8,640.8 412.5,659.5Z"/>
+    <path android:fillColor="#d7e2e6" android:pathData="M358.5,605.5C375.2,605.5 391.8,605.5 408.5,605.5C408.5,622.8 408.5,640.2 408.5,657.5C391.6,657.8 374.8,657.5 358,656.5C357.2,639.4 357.3,622.4 358.5,605.5Z"/>
+    <path android:fillColor="#a0a8ab" android:pathData="M413.5,597.5C413.5,598.5 413.5,599.5 413.5,600.5C403.9,599.9 394.2,599.5 384.5,599.5C374.4,599.4 364.4,599.9 354.5,601C353.5,620.4 353.2,639.9 353.5,659.5C353.2,659.5 352.8,659.5 352.5,659.5C352.5,638.8 352.5,618.2 352.5,597.5C372.8,597.5 393.2,597.5 413.5,597.5Z"/>
+    <path android:fillColor="#8e999d" android:pathData="M557.5,536.5C546.5,536.5 535.5,536.5 524.5,536.5C524.8,555 524.5,573.3 523.5,591.5C523.5,573.8 523.5,556.2 523.5,538.5C523.5,537.5 523.5,536.5 523.5,535.5C535,535.2 546.3,535.5 557.5,536.5Z"/>
+    <path android:fillColor="#c4ced2" android:pathData="M523.5,538.5C523.5,556.2 523.5,573.8 523.5,591.5C523.6,605.4 520.6,618.4 514.5,630.5C515.7,624.8 517.2,619.1 519,613.5C520.2,589.5 520.8,565.5 521,541.5C521.4,540.1 522.2,539.1 523.5,538.5Z"/>
+    <path android:fillColor="#142c33" android:pathData="M557.5,536.5C559.2,536.6 560.9,537 562.5,537.5C563.7,540.9 562.5,543.6 559,545.5C558.7,563.2 558.3,580.8 558,598.5C556.5,614.6 553,630.3 547.5,645.5C543.7,653.5 539.2,661.2 534,668.5C514.8,690.1 490.8,703.1 462,707.5C461.4,705.9 460.6,704.6 459.5,703.5C455.8,692.8 452.2,682.2 448.5,671.5C457.6,671.4 466.2,669.7 474.5,666.5C478.9,665.6 482.9,663.9 486.5,661.5C499.4,654.3 508.7,644 514.5,630.5C520.6,618.4 523.6,605.4 523.5,591.5C524.5,573.3 524.8,555 524.5,536.5C535.5,536.5 546.5,536.5 557.5,536.5Z"/>
+    <path android:fillColor="#cad8dc" android:pathData="M601.5,841.5C553.1,855.4 504.1,858.1 454.5,849.5C488.9,853.4 523.2,853.2 557.5,849C572.2,846.4 586.8,843.9 601.5,841.5Z"/>
+</vector>

android/app/src/main/res/layout/launch_screen.xml

@@ -5,21 +5,19 @@
     android:layout_width="match_parent"
     android:layout_height="match_parent"
     android:layout_gravity="center"
-    android:background="@color/colorPrimaryDark"
+    android:background="@color/splashscreen_background"
     android:gravity="center"
     android:orientation="vertical"
     android:scaleType="centerCrop"
     android:navigationBarColor="#333333"
     tools:context=".MainActivity">
-
     <com.airbnb.lottie.LottieAnimationView
         android:id="@+id/lottie"
-        android:layout_width="200dp"
-        android:layout_height="200dp"
-        android:layout_gravity="center_horizontal"
-        android:orientation="horizontal"
-        android:paddingLeft="25dp"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_margin="130dp"
+        app:lottie_rawRes="@raw/loading"
         app:lottie_autoPlay="true"
         app:lottie_loop="false"
-        app:lottie_rawRes="@raw/loading" />
+        />
 </LinearLayout>

android/app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="utf-8"?>
 <adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
-    <background android:drawable="@mipmap/ic_launcher_background" />
-    <foreground android:drawable="@mipmap/ic_launcher_foreground" />
-    <monochrome android:drawable="@mipmap/ic_launcher_monochrome" />
+    <background android:drawable="@mipmap/ic_launcher_background"/>
+    <foreground android:drawable="@mipmap/ic_launcher_foreground"/>
+    <monochrome android:drawable="@mipmap/ic_launcher_foreground"/>
 </adaptive-icon>

android/app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+    <background android:drawable="@mipmap/ic_launcher_background"/>
+    <foreground android:drawable="@mipmap/ic_launcher_foreground"/>
+</adaptive-icon>