chore: Release v2.0.1

[skip ci]

.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: "2.0.0"
+        Example: "2.0.1"
     validations:
       required: true
 
@@ -88,7 +88,7 @@ body:
           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).
           required: true
-        - label: I have updated the app to version **[2.0.0](https://github.com/lnreader/lnreader/releases/latest)**.
+        - label: I have updated the app to version **[2.0.1](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

@@ -34,7 +34,7 @@ body:
           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).
           required: true
-        - label: I have updated the app to version **[2.0.0](https://github.com/LNReader/lnreader/releases/latest)**.
+        - label: I have updated the app to version **[2.0.1](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,57 +1,94 @@
-name: CI
+name: Build
 on:
   push:
     branches:
       - 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: '18'
-      - name: Install Dependencies
+          node-version: '20'
+
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v4
+
+      - name: Get pnpm Store Directory
+        shell: bash
         run: |
-          npm install
-      - name: Create .env
+          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: 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: Cache Gradle Wrapper
-        uses: actions/cache@v3
-        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') }}
-          restore-keys: |
-            ${{ runner.os }}-gradle-caches-
 
       - 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/lint.yml

@@ -1,4 +1,4 @@
-name: CI
+name: Lint
 on:
   push:
     branches:
@@ -7,13 +7,42 @@ on:
     branches:
       - 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 install
+      - 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/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

@@ -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/
@@ -74,4 +79,12 @@ web-build/
 # @end expo-cli
 
 .vscode/
-src/sources/en/generators/
+src/sources/en/generators/
+*.lockb
+*.lock
+!pnpm-lock.yaml
+.tool-versions
+flake.lock
+
+# pnpm
+.pnpm-store

.node-version

@@ -1 +0,0 @@
-18

.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.tsx

@@ -1,50 +1,104 @@
-import 'react-native-gesture-handler';
+import 'react-native-url-polyfill/auto';
 import { enableFreeze } from 'react-native-screens';
 
 enableFreeze(true);
 
 import React, { useEffect } from 'react';
-import { StatusBar } from 'react-native';
+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 BackgroundService from 'react-native-background-actions';
 
-import { createTables } from '@database/db';
-import AppErrorBoundary from '@components/AppErrorBoundary/AppErrorBoundary';
-import { collectPlugins } from '@plugins/pluginManager';
+import AppErrorBoundary, {
+  ErrorFallback,
+} from '@components/AppErrorBoundary/AppErrorBoundary';
+import { useDatabaseInitialization } from '@hooks';
 
 import Main from './src/navigators/Main';
 import { BottomSheetModalProvider } from '@gorhom/bottom-sheet';
-import { usePlugins } from '@hooks/persisted';
-import { MMKVStorage } from '@utils/mmkv/mmkv';
-import { BACKGROUND_ACTION } from '@services/constants';
 
 Notifications.setNotificationHandler({
   handleNotification: async () => {
     return {
-      shouldShowAlert: true,
-      shouldPlaySound: true,
-      shouldSetBadge: true,
+      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 { refreshPlugins } = usePlugins();
+  const { isDbReady, dbError, retryInitialization } =
+    useDatabaseInitialization();
+
   useEffect(() => {
-    createTables();
-    collectPlugins().then(() => LottieSplashScreen.hide());
-    refreshPlugins();
-    if (!BackgroundService.isRunning()) {
-      MMKVStorage.delete(BACKGROUND_ACTION);
+    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={{ flex: 1 }}>
+    <GestureHandlerRootView style={styles.flex}>
       <AppErrorBoundary>
         <SafeAreaProvider>
           <PaperProvider>
@@ -60,3 +114,9 @@ const App = () => {
 };
 
 export default App;
+
+const styles = StyleSheet.create({
+  flex: {
+    flex: 1,
+  },
+});

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,14 +2,19 @@
 
 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 <= 11    (for version management, get jenv [optional])
+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
@@ -18,11 +23,14 @@ 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
 ```
 
 ### Developing on Android
@@ -38,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/).
@@ -55,48 +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
-```
-# Database
-```mermaid
-erDiagram
-    Category ||--|{ NovelCategory : contains
-    Category{
-      INTEGER id PK
-      TEXT name
-      INTEGER sort
-    }
-    NovelCategory{
-      INTEGER id PK
-      INTEGER novelId FK
-      INTEGER categoryId FK "default: whose sort = 1"
-    }
-    Novel ||--|{ NovelCategory : contains
-    Novel{
-      INTEGER id PK
-      TEXT url
-      TEXT pluginId
-      TEXT name
-      TEXT cover
-      TEXT summary
-      TEXT author
-      TEXT artist
-      TEXT status
-      TEXT genres
-      INTEGER inLibrary "default: 0"
-    }
-    Novel ||--o| Chapter : has
-    Chapter{
-      INTEGER id PK
-      INTEGER novelId FK
-      text url
-      TEXT name
-      TEXT releaseTime
-      INTEGER bookmark  "default: 0"
-      INTEGER unread    "default: 1"
-      TEXT readTime
-      INTEGER isDownloaded  "default: 0"
-      TEXT updatedTime
-      TEXT chapterNumber
-    }
+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,7 +1,6 @@
 apply plugin: "com.android.application"
 apply plugin: "com.facebook.react"
-
-import com.android.build.OutputFile
+apply plugin: 'org.jetbrains.kotlin.android'
 
 /**
  * This is the configuration block to customize your React Native Android app.
@@ -9,14 +8,14 @@ import com.android.build.OutputFile
  */
 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")
+    //   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")
 
     /* Variants */
     //   The list of variants to that are debuggable. For those we're going to
@@ -50,15 +49,10 @@ react {
     //
     //   The list of flags to pass to the Hermes compiler. By default is "-O", "-output-source-map"
     // hermesFlags = ["-O", "-output-source-map"]
-}
 
-/**
- * Set this to true to create four separate APKs instead of one,
- * one for each native architecture. This is useful if you don't
- * use App Bundles (https://developer.android.com/guide/app-bundle/)
- * and want to have separate APKs to upload to the Play Store.
- */
-def enableSeparateBuildPerCPUArchitecture = false
+    /* Autolinking */
+    autolinkLibrariesWithApp()
+}
 
 /**
  * Set this to true to Run Proguard on Release builds to minify the Java bytecode.
@@ -69,24 +63,14 @@ def enableProguardInReleaseBuilds = false
  * 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
  * this variant is about 6MiB larger per architecture than default.
  */
-def jscFlavor = 'org.webkit:android-jsc:+'
-
-/**
- * Private function to get the list of Native Architectures you want to build.
- * This reads the value from reactNativeArchitectures in your gradle.properties
- * file and works together with the --active-arch-only flag of react-native run-android.
- */
-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 = 2
@@ -96,25 +80,17 @@ ext {
 
 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)
         versionName "$versionMajor.$versionMinor.$versionPatch"
     }
-    splits {
-        abi {
-            reset()
-            enable enableSeparateBuildPerCPUArchitecture
-            universalApk false  // If true, also generate a universal APK
-            include (*reactNativeArchitectures())
-        }
-    }
     signingConfigs {
         debug {
             storeFile file('debug.keystore')
@@ -126,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.
@@ -135,19 +113,12 @@ 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"
         }
     }
 }
@@ -155,41 +126,11 @@ android {
 dependencies {
     // The version of react-native is set by the React Native Gradle Plugin
     implementation("com.facebook.react:react-android")
-    implementation 'com.facebook.soloader:soloader:0.10.5+'
-
-    implementation("androidx.swiperefreshlayout:swiperefreshlayout:1.0.0")
-
-    implementation project(':react-native-lottie-splash-screen')
-    implementation project(':react-native-fs')
-
-    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'
-        }
-    }
+    implementation 'androidx.core:core-ktx:1.15.0'
 
     if (hermesEnabled.toBoolean()) {
         implementation("com.facebook.react:hermes-android")
     } else {
         implementation jscFlavor
     }
-}
-
-apply from: file("../../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesAppBuildGradle(project)
+}

android/app/google-services.json

@@ -1,20 +1,20 @@
 {
   "project_info": {
-    "project_number": "1093792259511",
-    "project_id": "lnreader-test",
-    "storage_bucket": "lnreader-test.appspot.com"
+    "project_number": "523872485654",
+    "project_id": "lnreader-backup",
+    "storage_bucket": "lnreader-backup.appspot.com"
   },
   "client": [
     {
       "client_info": {
-        "mobilesdk_app_id": "1:1093792259511:android:aab0078285720642369c32",
+        "mobilesdk_app_id": "1:523872485654:android:169cd062458db962ce1037",
         "android_client_info": {
           "package_name": "com.rajarsheechatterjee.LNReader"
         }
       },
       "oauth_client": [
         {
-          "client_id": "1093792259511-9kftu28l4ku1k3cco7pn83jbrlsc4fr5.apps.googleusercontent.com",
+          "client_id": "523872485654-14jtut8orr7dbrk2chea279d7k8889sr.apps.googleusercontent.com",
           "client_type": 1,
           "android_info": {
             "package_name": "com.rajarsheechatterjee.LNReader",
@@ -22,20 +22,20 @@
           }
         },
         {
-          "client_id": "1093792259511-ml5ko1gmnvihqb2j9nnteehoeom2umnt.apps.googleusercontent.com",
+          "client_id": "523872485654-liarmq8nl0g5an2cki3bpg9jc0d8a21j.apps.googleusercontent.com",
           "client_type": 3
         }
       ],
       "api_key": [
         {
-          "current_key": "AIzaSyDuumsGzm6iE4u7E8pkk8FcNH9wL5GzoI8"
+          "current_key": "AIzaSyBH_j-0Jyo9aFJ_KV8Nr3te2hs_L_ZYhrE"
         }
       ],
       "services": {
         "appinvite_service": {
           "other_platform_oauth_client": [
             {
-              "client_id": "1093792259511-ml5ko1gmnvihqb2j9nnteehoeom2umnt.apps.googleusercontent.com",
+              "client_id": "523872485654-liarmq8nl0g5an2cki3bpg9jc0d8a21j.apps.googleusercontent.com",
               "client_type": 3
             }
           ]
@@ -44,4 +44,4 @@
     }
   ],
   "configuration_version": "1"
-}
+}

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>
-</manifest>
+        tools:ignore="GoogleAppIndexingWarning"/>
+</manifest>

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,4 +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" />
@@ -14,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" />
@@ -32,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"
@@ -46,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"
@@ -64,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

@@ -1,155 +1,183 @@
 html {
-    scroll-behavior: smooth;
-    overflow-x: hidden;
-    padding-top: var(--StatusBar-currentHeight);
-    word-wrap: break-word;
+  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 {
-    padding-left: var(--readerSettings-padding);
-    padding-right: var(--readerSettings-padding);
-    padding-bottom: 40px;
+  margin-left: 0;
+  margin-right: 0;
+  padding-bottom: 40px;
+  padding-top: var(--StatusBar-currentHeight);
 
-    font-size: var(--readerSettings-textSize);
-    color: var(--readerSettings-textColor);
-    text-align: var(--readerSettings-textAlign);
-    line-height: var(--readerSettings-lineHeight);
-    font-family: var(--readerSettings-fontFamily);
+  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);
 }
 
-chapter {
-    display: block;
+#LNReader-chapter {
+  padding-left: var(--readerSettings-padding);
+  padding-right: var(--readerSettings-padding);
 }
 
 hr {
-    margin-top: 20px;
-    margin-bottom: 20px;
+  margin-top: 20px;
+  margin-bottom: 20px;
 }
 
 a {
-    color: var(--theme-primary);
+  color: var(--theme-primary);
+}
+
+sup {
+  line-height: 0.1em;
 }
 
 img {
-    display: block;
-    width: auto;
-    height: auto;
-    max-width: 100%;
+  display: block;
+  width: auto;
+  height: auto;
+  max-width: 100%;
 }
 
-.nextButton,
-.infoText {
-    width: 100%;
-    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;
+table {
+  background-color: var(--theme-onPrimary);
+  border-collapse: collapse;
+  color: var(--theme-primary);
 }
 
-.nextButton {
-    min-height: 40px;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    white-space: nowrap;
-    padding: 0 16px;
+th {
+  font-weight: bold;
 }
 
-.infoText {
-    background-color: transparent;
-    text-align: center;
-    border: none;
-    margin: 0px;
-    color: inherit;
-    padding-top: 16px;
-    padding-bottom: 16px;
+td {
+  padding: 10px;
+  text-align: center;
 }
 
-.chapterCtn {
-    min-height: var(--chapterCtn-height);
-    margin-bottom: auto;
+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;
+  display: none;
 }
 
-#ScrollBar {
-    position: fixed;
-    right: 5vw;
-    top: 27.5vh;
-    height: 45vh;
-    width: 2.4rem;
-    border-radius: 1.2rem;
-    background-color: var(--theme-surface-0-9);
-    touch-action: none;
+#reader-footer-wrapper {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  z-index: 9999999;
 }
 
-.scrollbar-item {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    color: var(--theme-onSurface);
+#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;
 }
 
-.scrollbar-item.scrollbar-text {
-    height: 12.5%;
+.reader-footer-item {
+  flex: 1;
 }
 
-.scrollbar-item#scrollbar-slider {
-    height: 75%;
-    align-items: unset;
+.reader-footer-item:first-child {
+  text-align: left;
 }
 
-#scrollbar-track {
-    width: 0.1rem;
-    height: 100%;
-    background-color: var(--theme-outline);
+.reader-footer-item:last-child {
+  text-align: right;
 }
 
-#scrollbar-progress {
-    width: 0.1rem;
-    height: 0;
-    background-color: var(--theme-primary);
-    transform: translateX(-0.1rem);
+.highlight {
+  color: var(--readerSettings-textColor) !important;
+  background-color: color-mix(
+    in srgb,
+    var(--readerSettings-textColor) 20%,
+    var(--readerSettings-theme)
+  );
 }
 
-#scrollbar-thumb-wrapper {
-    position: relative;
-    top: 100%;
-    height: 2rem;
-    width: 2rem;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    transform: translate(-0.95rem, -1rem);
+.highlight * {
+  color: var(--readerSettings-textColor) !important;
+  background-color: transparent;
 }
 
-#scrollbar-thumb {
-    top: 100%;
-    height: 1rem;
-    width: 1rem;
-    border-radius: 100%;
-    background-color: var(--theme-primary);
+#Image-Modal {
+  position: fixed;
+  left: 0;
+  top: 0;
+  user-select: none;
 }
 
-#reader-percentage {
-    position: fixed;
-    padding-top: 0.5rem;
-    min-height: 2rem;
-    width: 100%;
-    background-color: var(--readerSettings-theme);
-    color: var(--readerSettings-textColor);
-    bottom: 0;
-    left: 0;
-    right: 0;
-    font-size: 1rem;
-    text-align: center;
+#Image-Modal.show {
+  display: flex;
+  height: 100%;
+  width: 100%;
+  background-color: var(--theme-surface-0-9);
+  align-items: center;
+  justify-content: center;
+  overflow: scroll;
 }
 
-t-t-s.tts-highlight {
-    color: var(--theme-onSecondary);
-    background-color: var(--theme-secondary);
+#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,643 @@
+/* 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.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
+  this.findNextTextNode = () => {
+    if (this.currentElement.isSameNode(reader.chapterElement) && this.started) {
+      return false;
+    } else {
+      this.started = true;
+    }
+
+    // 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;
+      } else {
+        this.currentElement = this.currentElement.parentElement;
+      }
+      return this.findNextTextNode();
+    } 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;
+      } else if (this.currentElement.nextElementSibling) {
+        this.prevElement = this.currentElement;
+        this.currentElement = this.currentElement.nextElementSibling;
+      } else {
+        this.prevElement = this.currentElement;
+        this.currentElement = this.currentElement.parentElement;
+      }
+      return this.findNextTextNode();
+    }
+  };
+
+  this.next = () => {
+    try {
+      this.currentElement?.classList?.remove('highlight');
+      if (this.findNextTextNode()) {
+        const text = this.normalizeText(this.currentElement?.innerText);
+        if (text) {
+          this.reading = true;
+          this.speak();
+        } else {
+          this.next();
+        }
+      } else {
+        this.reading = false;
+        this.stop();
+        const controller = document.getElementById('TTS-Controller');
+        if (controller?.firstElementChild) {
+          controller.firstElementChild.innerHTML = volumnIcon;
+        }
+        if (reader.nextChapter) {
+          reader.post({ type: 'next', autoStartTTS: true });
+        }
+      }
+    } catch (e) {
+      alert(e);
+    }
+  };
+
+  this.start = element => {
+    this.stop();
+    this.currentElement = element ?? reader.chapterElement;
+    this.next();
+  };
+
+  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;
+    reader.post({ type: 'tts-state', data: { isReading: false } });
+  };
+
+  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
+    );
+  };
+
+  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) {
+      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 });
+      reader.post({ type: 'tts-state', data: { isReading: true } });
+    } else {
+      this.next();
+    }
+  };
+})();
+
+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

@@ -1,181 +1,339 @@
-class Reader {
-  constructor() {
-    this.percentage =
-      showScrollPercentage && document.getElementById('reader-percentage');
-    this.paddingTop = parseInt(
-      getComputedStyle(document.querySelector('html')).getPropertyValue(
-        'padding-top',
-      ),
-    );
-    this.chapter = document.querySelector('chapter');
-    this.chapterHeight = this.chapter.scrollHeight + this.paddingTop;
-    this.layoutHeight = window.innerHeight;
-    this.pluginId = this.chapter.getAttribute('data-plugin-id');
-    this.novelId = this.chapter.getAttribute('data-novel-id');
-    this.chapterId = this.chapter.getAttribute('data-chapter-id');
-    this.saveProgressInterval = setInterval(
-      () =>
-        this.post({
-          type: 'save',
-          data: {
-            offsetY: window.scrollY,
-            percentage: parseInt(
-              ((window.scrollY + this.layoutHeight) / this.chapterHeight) * 100,
-            ),
-          },
-        }),
-      autoSaveInterval,
-    );
-  }
+const { div, p, img, button } = van.tags;
 
-  refresh = () => {
-    this.chapterHeight = this.chapter.scrollHeight + this.paddingTop;
-  };
-  post = obj => window.ReactNativeWebView.postMessage(JSON.stringify(obj));
-}
-class ScrollHandler {
-  constructor(reader) {
-    this.reader = reader;
-    this.$ = document.getElementById('ScrollBar');
-    this.$.innerHTML = `
-        <div class="scrollbar-item scrollbar-text d-none" id="scrollbar-percentage">
-          0
-        </div>
-        <div class="scrollbar-item" id="scrollbar-slider">
-          <div id="scrollbar-track">
-          </div>
-          <div id="scrollbar-progress">
-            <div id="scrollbar-thumb-wrapper"> 
-              <div id="scrollbar-thumb"></div>
-            </div>
-          </div>
-        </div>
-        <div class="scrollbar-item scrollbar-text">
-          100
-        </div>
-      `;
-    this.percentage = this.$.querySelector('#scrollbar-percentage');
-    this.progress = this.$.querySelector('#scrollbar-progress');
-    this.thumb = this.$.querySelector('#scrollbar-thumb-wrapper');
-    this.slider = this.$.querySelector('#scrollbar-slider');
-    this.sliderHeight = this.slider.clientHeight;
-    this.sliderOffsetY = this.slider.offsetTop + this.$.offsetTop;
-    this.lock = false;
-    this.visible = false; // scrollbar
-    window.onscroll = () => !this.lock && this.update();
-    this.thumb.ontouchstart = () => (this.lock = true);
-    this.thumb.ontouchend = () => (this.lock = false);
-    this.thumb.ontouchmove = e => {
-      const ratio =
-        (e.changedTouches[0].clientY - this.sliderOffsetY) / this.sliderHeight;
-      this.update(ratio < 0 ? 0 : ratio);
-    };
-  }
-  update = ratio => {
+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 + this.reader.layoutHeight) / this.reader.chapterHeight;
+      ratio = (window.scrollY + reader.layoutHeight) / reader.chapterHeight;
     }
     if (ratio > 1) {
       ratio = 1;
     }
-    const percentage = parseInt(ratio * 100);
-    if (this.visible) {
-      this.progress.style.height = percentage + '%';
-      this.percentage.innerText = percentage;
+    if (reader.generalSettings.val.pageReader) {
+      pageReader.movePage(
+        parseInt(pageReader.totalPages.val * Math.min(0.99, ratio)),
+      );
+      return;
     }
-    if (this.lock) {
+    percentage.val = parseInt(ratio * 100);
+    if (lock) {
       window.scrollTo({
-        top: this.reader.chapterHeight * ratio - this.reader.layoutHeight,
+        top: reader.chapterHeight * ratio - reader.layoutHeight,
         behavior: 'instant',
       });
     }
-    if (this.reader.percentage) {
-      this.reader.percentage.innerText = percentage + '%';
-    }
   };
-  refresh = () => {
-    this.sliderHeight = this.slider.clientHeight;
-    this.sliderOffsetY = this.slider.offsetTop + this.$.offsetTop;
-  };
-  hide = () => {
-    this.$.classList.add('d-none');
-    this.visible = false;
-  };
-  show = () => {
-    this.reader.refresh();
-    this.visible = true;
-    this.$.classList.remove('d-none');
-    this.refresh();
-    this.update();
-  };
-}
+  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,
+    ),
+  );
+};
 
-class SwipeHandler {
-  constructor(reader) {
-    this.reader = reader;
-    this.initialX = null;
-    this.initialY = null;
-    if (swipeGestures) {
-      this.enable();
-    }
-  }
+const ToolWrapper = () => {
+  const horizontal = van.derive(
+    () => !reader.generalSettings.val.verticalSeekbar,
+  );
+  return div(
+    {
+      id: 'ToolWrapper',
+      class: () =>
+        `${reader.hidden.val ? 'hidden' : ''} ${
+          horizontal.val ? 'horizontal' : ''
+        }`,
+    },
+    Scrollbar(),
+  );
+};
 
-  touchStartHandler = e => {
-    this.initialX = e.changedTouches[0].screenX;
-    this.initialY = e.changedTouches[0].screenY;
+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',
+    );
   };
 
-  touchEndHandler = e => {
-    let diffX = e.changedTouches[0].screenX - this.initialX;
-    let diffY = e.changedTouches[0].screenY - this.initialY;
-    if (Math.abs(diffX) > Math.abs(diffY) && Math.abs(diffX) > 10) {
-      e.preventDefault();
-      this.reader.post({ type: diffX < 0 ? 'next' : 'prev' });
-    }
-  };
-
-  enable = () => {
-    document.addEventListener('touchstart', this.touchStartHandler);
-    document.addEventListener('touchend', this.touchEndHandler);
-  };
-
-  disable = () => {
-    document.removeEventListener('touchstart', this.touchStartHandler);
-    document.removeEventListener('touchend', this.touchEndHandler);
-  };
-}
-
-class TextToSpeech {
-  constructor(reader) {
-    this.reader = reader;
-    this.elements = this.reader.chapter.querySelectorAll('t-t-s');
-    this.previous = null;
-  }
-  play = index => {
-    if (index >= 0 && index < this.elements.length) {
-      if (this.previous !== null) {
-        this.unhighlight(this.previous);
+  document.addEventListener('contextmenu', e => {
+    if (e.target instanceof HTMLImageElement) {
+      if (!imgSrc.val) {
+        showImage(e.target.src);
+      } else {
+        hideImage();
       }
-      this.highlight(index);
-      this.previous = index;
     }
-  };
+  });
+  return div(ImageModal({ src: imgSrc }));
+};
 
-  highlight = index => {
-    if (index >= 0 && index < this.elements.length) {
-      this.elements[index].classList.add('tts-highlight');
+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' },
 
-  unhighlight = index => {
-    if (index >= 0 && index < this.elements.length) {
-      this.elements[index].classList.remove('tts-highlight');
-    }
-  };
-}
+      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 reader = new Reader();
-const scrollHandler = new ScrollHandler(reader);
-const swipeHandler = new SwipeHandler(reader);
-const tts = new TextToSpeech(reader);
+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'}`,
+      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`;
+          if (hoverElement) {
+            tts.start(hoverElement);
+            controllerElement.firstElementChild.innerHTML = pauseIcon;
+          }
+        }
+        clientX = null;
+        clientY = null;
+      },
+      onclick: e => {
+        e.stopPropagation();
+        if (tts.reading) {
+          tts.pause();
+          controllerElement.firstElementChild.innerHTML = resumeIcon;
+        } else {
+          tts.resume();
+          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/EpubParser/EpubParser.java

@@ -1,174 +0,0 @@
-package com.rajarsheechatterjee.EpubParser;
-
-import androidx.annotation.NonNull;
-
-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.ReadableArray;
-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 org.w3c.dom.Document;
-import org.w3c.dom.Element;
-import org.w3c.dom.Node;
-import org.w3c.dom.NodeList;
-
-import java.io.File;
-import java.io.FileInputStream;
-import java.io.FileOutputStream;
-import java.util.regex.Pattern;
-import java.util.zip.ZipEntry;
-import java.util.zip.ZipInputStream;
-
-import javax.xml.parsers.DocumentBuilder;
-import javax.xml.parsers.DocumentBuilderFactory;
-import javax.xml.xpath.XPath;
-import javax.xml.xpath.XPathConstants;
-import javax.xml.xpath.XPathFactory;
-
-public class EpubParser extends ReactContextBaseJavaModule {
-    String rootPath;
-    String contentDirPath;
-    XPath xPath = XPathFactory.newInstance().newXPath();
-    DocumentBuilder db = DocumentBuilderFactory.newInstance().newDocumentBuilder();
-
-    EpubParser(ReactApplicationContext context) throws Exception {
-        super(context);
-    }
-
-    @NonNull
-    @Override
-    public String getName() {
-        return "EpubParser";
-    }
-
-    @ReactMethod
-    public void parse(String epubFilePath, String epubDirPath, Promise promise) {
-        try{
-            this.rootPath = epubDirPath;
-            String novelCover = this.unzip(epubFilePath, epubDirPath);
-            File contentFile = this.parseContainer(epubDirPath);
-            this.contentDirPath = contentFile.getParent();
-            WritableMap novel = (WritableMap) this.parseContent(contentFile);
-            if(novelCover != null){
-                novel.putString("cover", new File(epubDirPath, novelCover).getAbsolutePath());
-            }
-            promise.resolve(novel);
-        } catch (Exception e) {
-            promise.reject(e.getCause());
-        }
-    }
-
-    public File parseContainer(String epubDir) throws Exception {
-        Document doc = this.parserDocument(new File(epubDir, "META-INF/container.xml"));
-        return new File(this.rootPath,
-                ((Element) doc.getElementsByTagName("rootfile").item(0)).getAttribute("full-path"));
-    }
-
-    public ReadableMap parseContent(File contentFile) throws Exception {
-        Document content = this.parserDocument(contentFile);
-        WritableMap novel = new WritableNativeMap();
-        novel.putString("name", this.getFirstElementByTag(content, "dc:title").getTextContent().trim());
-        novel.putString("url", contentFile.getParent());
-        novel.putString("author", this.getFirstElementByTag(content, "dc:creator").getTextContent().trim());
-        novel.putArray("chapters", this.getChapters(content));
-        return novel;
-    }
-
-    public ReadableArray getChapters(Document doc) throws Exception {
-        WritableArray chapters = new WritableNativeArray();
-        Document toc = null;
-        if (this.getFirstElementByTag(doc, "spine").getAttribute("toc") != null) {
-            toc = this.parserDocument(new File(this.contentDirPath, "toc.ncx"));
-        }
-        NodeList itemrefs = this.getNodeListByTag(doc, "itemref");
-        for (int i = 0; i < itemrefs.getLength(); i++) {
-            WritableMap chapter = new WritableNativeMap();
-            Element itemref = (Element) itemrefs.item(i);
-            chapter.putString("name", itemref.getAttribute("idref"));
-            Element item = this.getElementById(doc, chapter.getString("name"));
-            chapter.putString("url", new File(this.contentDirPath, item.getAttribute("href")).getAbsolutePath());
-            if(toc != null){
-                chapter.putString("name", this.getChapterName(toc, item.getAttribute(("href"))));
-                if(chapter.getString("name") == null) continue;
-            }
-            chapters.pushMap(chapter);
-        }
-        return chapters;
-    }
-
-    public String getChapterName(Document doc, String href) throws Exception {
-        String path = String.format("//*[starts-with(@src,'%1$s')]", href);
-        Node node = ((NodeList) this.xPath.compile(path).evaluate(doc, XPathConstants.NODESET)).item(0);
-        if(node != null){
-            String text = node.getPreviousSibling().getTextContent().trim();
-            if(text.isEmpty()) text = node.getPreviousSibling().getPreviousSibling().getTextContent().trim();
-            return !text.isEmpty() ? text : null;
-        }
-        return null;
-    }
-
-    public Element getElementById(Document doc, String id) throws Exception {
-        return (Element) ((NodeList) this.xPath
-                .compile(String.format("//*[@id='%1$s']", id))
-                .evaluate(doc, XPathConstants.NODESET))
-                .item(0);
-    }
-
-    public NodeList getNodeListByTag(Document doc, String tag) throws Exception {
-        return (NodeList)
-                (
-                        this.xPath.compile(String.format("//*[contains(name(), '%1$s')]", tag))
-                                .evaluate(doc, XPathConstants.NODESET)
-                );
-    }
-
-    public Element getFirstElementByTag(Document doc, String tag) throws Exception {
-        return (Element) this.getNodeListByTag(doc, tag).item(0);
-    }
-
-    public Document parserDocument(File docFile) throws Exception {
-        Document doc = this.db.parse(docFile);
-        doc.getDocumentElement().normalize();
-        return doc;
-    }
-
-    public String escapeFilePath(String filePath){
-        return filePath.replaceAll(":", "\uA789");
-    }
-
-    public String unzip(String epubFilePath, String epubDirPath) throws Exception {
-        ZipInputStream zis = new ZipInputStream(new FileInputStream(epubFilePath));
-        ZipEntry zipEntry;
-        int len;
-        String novelCover = null;
-        byte[] buffer = new byte[4096];
-        while ((zipEntry = zis.getNextEntry()) != null) {
-            String escapedFilePath = escapeFilePath(zipEntry.getName());
-            if(Pattern.compile(".*cover.*\\.(png|jpeg|jpg)", Pattern.CASE_INSENSITIVE).matcher(escapedFilePath).matches()){
-                novelCover = escapedFilePath;
-            }
-            File newFile = new File(epubDirPath, escapedFilePath);
-            if(newFile.exists()) continue;
-            newFile.getParentFile().mkdirs();
-            FileOutputStream fos = new FileOutputStream(newFile);
-            int writeCount = 0;
-            while ((len = zis.read(buffer)) > 0) {
-                writeCount += 1;
-                fos.write(buffer, 0, len);
-            }
-            fos.close();
-            if(writeCount == 0){
-                newFile.delete();
-            }
-        }
-        zis.closeEntry();
-        zis.close();
-        return novelCover;
-    }
-}

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

@@ -1,32 +0,0 @@
-package com.rajarsheechatterjee.EpubParser;
-
-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 EpubParserPackage implements ReactPackage {
-    @NonNull
-    @Override
-    public List<NativeModule> createNativeModules(@NonNull ReactApplicationContext reactApplicationContext) {
-        List<NativeModule> modules = new ArrayList<>();
-        try {
-            modules.add(new EpubParser(reactApplicationContext));
-        } catch (Exception e) {
-            throw new RuntimeException(e);
-        }
-        return modules;
-    }
-
-    @NonNull
-    @Override
-    public List<ViewManager> createViewManagers(@NonNull ReactApplicationContext reactApplicationContext) {
-        return Collections.emptyList();
-    }
-}

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

@@ -1,89 +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.defaults.DefaultNewArchitectureEntryPoint;
-import com.facebook.react.defaults.DefaultReactActivityDelegate;
-import com.rajarsheechatterjee.VolumeButtonListener.VolumeButtonListener;
-
-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();
-                        if (!VolumeButtonListener.prevent)
-                            return super.dispatchKeyEvent(event);
-                    }
-                    return true;
-                case KeyEvent.KEYCODE_VOLUME_DOWN:
-                    if (action == KeyEvent.ACTION_DOWN) {
-                        // voldown
-                        VolumeButtonListener.down();
-                        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 DefaultReactActivityDelegate(
-            this,
-            getMainComponentName(),
-            // If you opted-in for the New Architecture, we enable the Fabric Renderer.
-            DefaultNewArchitectureEntryPoint.getFabricEnabled(), // fabricEnabled
-            // If you opted-in for the New Architecture, we enable Concurrent React (i.e. React 18).
-            DefaultNewArchitectureEntryPoint.getConcurrentReactEnabled() // concurrentRootEnabled
-        ));
-    }
-}

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,78 +0,0 @@
-package com.rajarsheechatterjee.LNReader;
-
-import android.app.Application;
-import android.content.res.Configuration;
-import androidx.annotation.NonNull;
-
-import com.facebook.react.PackageList;
-import com.facebook.react.ReactApplication;
-import com.facebook.react.ReactNativeHost;
-import com.facebook.react.ReactPackage;
-import com.facebook.react.defaults.DefaultNewArchitectureEntryPoint;
-import com.facebook.react.defaults.DefaultReactNativeHost;
-import com.facebook.soloader.SoLoader;
-
-import com.rajarsheechatterjee.NavigationBarColor.NavigationBarColorPackage;
-import com.rajarsheechatterjee.VolumeButtonListener.VolumeButtonListenerPackage;
-import com.rajarsheechatterjee.EpubParser.EpubParserPackage;
-
-import expo.modules.ApplicationLifecycleDispatcher;
-import expo.modules.ReactNativeHostWrapper;
-
-import java.util.List;
-
-public class MainApplication extends Application implements ReactApplication {
-
-  private final ReactNativeHost mReactNativeHost = 
-    new ReactNativeHostWrapper(this, new DefaultReactNativeHost(this) {
-        @Override
-        public boolean getUseDeveloperSupport() {
-          return BuildConfig.DEBUG;
-        }
-
-        @Override
-        protected List<ReactPackage> getPackages() {
-          List<ReactPackage> packages = new PackageList(this).getPackages();
-          packages.add(new NavigationBarColorPackage());
-          packages.add(new VolumeButtonListenerPackage());
-          packages.add(new EpubParserPackage());
-          return packages;
-        }
-
-        @Override
-        protected String getJSMainModuleName() {
-          return "index";
-        }
-
-        @Override
-        protected boolean isNewArchEnabled() {
-          return BuildConfig.IS_NEW_ARCHITECTURE_ENABLED;
-        }
-        @Override
-        protected Boolean isHermesEnabled() {
-          return BuildConfig.IS_HERMES_ENABLED;
-        }
-      });
-
-  @Override
-  public ReactNativeHost getReactNativeHost() {
-      return mReactNativeHost;
-  }
-
-  @Override
-  public void onCreate() {
-    super.onCreate();
-    SoLoader.init(this, /* native exopackage */ false);
-    if (BuildConfig.IS_NEW_ARCHITECTURE_ENABLED) {
-      // If you opted-in for the New Architecture, we load the native entry point for this app.
-      DefaultNewArchitectureEntryPoint.load();
-    }
-    ApplicationLifecycleDispatcher.onApplicationCreate(this);
-  }
-
-  @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,227 @@
+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) {
+        val fw = FileWriter(path)
+        fw.write(content)
+        fw.close()
+    }
+
+    override fun readFile(path: String): String {
+        return File(path).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,
+    ) {
+        val inputStream = getInputStream(filepath)
+        val outputStream = getOutputStream(destPath)
+        val buffer = ByteArray(BUFFER_SIZE)
+        var length: Int
+        while (inputStream.read(buffer).also { length = it } > 0) {
+            outputStream.write(buffer, 0, length)
+        }
+        inputStream.close()
+        outputStream.close()
+        if (onDone != null) {
+            onDone()
+        }
+    }
+
+    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) {
+                            if (!response.isSuccessful || response.body == null) {
+                                promise.reject(Exception("Failed to download load: ${response.code}"))
+                                return
+                            }
+                            try {
+                                val inputStream = decompressStream(response.body!!.byteStream())
+                                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,167 +0,0 @@
-package com.rajarsheechatterjee.NavigationBarColor;
-
-import android.animation.ArgbEvaluator;
-import android.animation.ValueAnimator;
-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 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.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.NavigationBarColor;
-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,93 +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.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) {
-        if (active) {
-            WritableMap args = Arguments.createMap();
-            if (up)
-                appContext.getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter.class).emit("VolumeUp", args);
-            else
-                appContext.getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter.class).emit("VolumeDown", args);
-        }
-    }
-
-    public static void down() {
-        sendEvent(false);
-    }
-
-    public static void up() {
-        sendEvent(true);
-    }
-
-    @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.
-    }
-}

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/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/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>