Use novel refactor

App.tsx

@@ -16,6 +16,7 @@ import AppErrorBoundary from '@components/AppErrorBoundary/AppErrorBoundary';
 
 import Main from './src/navigators/Main';
 import { BottomSheetModalProvider } from '@gorhom/bottom-sheet';
+import { Providers } from './src/providers/Providers';
 
 Notifications.setNotificationHandler({
   handleNotification: async () => {
@@ -33,16 +34,18 @@ LottieSplashScreen.hide();
 const App = () => {
   return (
     <GestureHandlerRootView style={styles.flex}>
-      <AppErrorBoundary>
-        <SafeAreaProvider>
-          <PaperProvider>
-            <BottomSheetModalProvider>
-              <StatusBar translucent={true} backgroundColor="transparent" />
-              <Main />
-            </BottomSheetModalProvider>
-          </PaperProvider>
-        </SafeAreaProvider>
-      </AppErrorBoundary>
+      <Providers>
+        <AppErrorBoundary>
+          <SafeAreaProvider>
+            <PaperProvider>
+              <BottomSheetModalProvider>
+                <StatusBar translucent={true} backgroundColor="transparent" />
+                <Main />
+              </BottomSheetModalProvider>
+            </PaperProvider>
+          </SafeAreaProvider>
+        </AppErrorBoundary>
+      </Providers>
     </GestureHandlerRootView>
   );
 };

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;
+})();

babel.config.js

@@ -20,6 +20,7 @@ module.exports = function (api) {
             '@strings': './strings',
             '@services': './src/services',
             '@plugins': './src/plugins',
+            '@providers': './src/providers',
             '@utils': './src/utils',
             '@theme': './src/theme',
             '@navigators': './src/navigators',

package.json

@@ -25,7 +25,7 @@
     "android": {
       "javaPackageName": "com.lnreader.spec"
     },
-    "ios": { 
+    "ios": {
       "modulesProvider": {
         "NativeEpubUtil": "RCTNativeEpubUtil",
         "NativeFile": "RCTNativeFile",
@@ -96,8 +96,8 @@
   },
   "devDependencies": {
     "@babel/core": "^7.26.0",
-    "@babel/preset-env": "7.25.3",
-    "@babel/runtime": "7.25.0",
+    "@babel/preset-env": "^7.25.3",
+    "@babel/runtime": "^7.25.0",
     "@react-native-community/cli": "^18.0.0",
     "@react-native-community/cli-platform-android": "^18.0.0",
     "@react-native-community/cli-platform-ios": "^18.0.0",
@@ -111,7 +111,7 @@
     "@types/react": "19.1.3",
     "@types/sanitize-html": "^2.11.0",
     "babel-plugin-module-resolver": "^5.0.2",
-    "babel-plugin-react-compiler": "19.1.0-rc.1",
+    "babel-plugin-react-compiler": "19.1.0-rc.2",
     "eslint": "^8.19.0",
     "husky": "^7.0.4",
     "lint-staged": "^12.3.7",