Feature/dynamic settings

App.tsx

@@ -9,13 +9,13 @@ 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 { BottomSheetModalProvider } from '@gorhom/bottom-sheet';
 import * as Notifications from 'expo-notifications';
 
 import { createTables } from '@database/db';
 import AppErrorBoundary from '@components/AppErrorBoundary/AppErrorBoundary';
 
 import Main from './src/navigators/Main';
-import { BottomSheetModalProvider } from '@gorhom/bottom-sheet';
 
 // Rozenite DevTools
 import { useReactNavigationDevTools } from '@rozenite/react-navigation-plugin';
@@ -26,6 +26,13 @@ import { store } from '@plugins/helpers/storage';
 import { MMKVStorage } from '@utils/mmkv/mmkv';
 import { NavigationContainerRef } from '@react-navigation/native';
 
+declare global {
+  interface ObjectConstructor {
+    typedKeys<T>(obj: T): Array<keyof T>;
+  }
+}
+Object.typedKeys = Object.keys as any;
+
 Notifications.setNotificationHandler({
   handleNotification: async () => {
     return {

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

@@ -58,7 +58,7 @@ window.reader = new (function () {
     const settings = this.readerSettings.val;
     document.documentElement.style.setProperty(
       '--readerSettings-theme',
-      settings.theme,
+      settings.backgroundColor,
     );
     document.documentElement.style.setProperty(
       '--readerSettings-padding',

flake.nix

@@ -67,7 +67,6 @@
                 which
                 rsync
                 scrcpy
-
               ]
               ++ pkgs.lib.optionals enableEmulator [
                 libglvnd
@@ -175,7 +174,7 @@
                 echo "  scrcpy"
                 echo "--------------------------"
               '';
-            };            
+            };
         };
       });
 }

metro.config.js

@@ -26,6 +26,14 @@ const customConfig = {
   resolver: {
     unstable_enableSymlinks: true, // For pnpm symlinks
   },
+  transformer: {
+    getTransformOptions: async () => ({
+      transform: {
+        experimentalImportSupport: false,
+        inlineRequires: false, // temporarily disable to rule out bundle fetch issue
+      },
+    }),
+  },
   server: {
     port: 8081,
     enhanceMiddleware: (metroMiddleware, metroServer) => {
@@ -52,4 +60,4 @@ const customConfig = {
     },
   },
 };
-module.exports = withRozenite(mergeConfig(defaultConfig, customConfig));
+module.exports = withRozenite(mergeConfig(defaultConfig, customConfig));

package.json

@@ -47,7 +47,6 @@
     "@react-navigation/bottom-tabs": "^7.4.7",
     "@react-navigation/native": "^7.1.17",
     "@react-navigation/native-stack": "^7.3.26",
-    "@react-navigation/stack": "^7.4.8",
     "@shopify/flash-list": "2.0.2",
     "cheerio": "1.0.0-rc.12",
     "color": "^5.0.0",
@@ -137,5 +136,8 @@
   },
   "engines": {
     "node": ">=20"
-  }
+  },
+  "trustedDependencies": [
+    "protobufjs"
+  ]
 }

src/components/Context/LibraryContext.tsx

@@ -3,14 +3,10 @@ import {
   useLibrary,
   UseLibraryReturnType,
 } from '@screens/library/hooks/useLibrary';
-import { useLibrarySettings } from '@hooks/persisted';
-import { LibrarySettings } from '@hooks/persisted/useSettings';
 
 // type Library = Category & { novels: LibraryNovelInfo[] };
 
-type LibraryContextType = UseLibraryReturnType & {
-  settings: LibrarySettings;
-};
+type LibraryContextType = UseLibraryReturnType;
 
 const defaultValue = {} as LibraryContextType;
 const LibraryContext = createContext<LibraryContextType>(defaultValue);
@@ -21,10 +17,9 @@ export function LibraryContextProvider({
   children: React.ReactNode;
 }) {
   const useLibraryParams = useLibrary();
-  const settings = useLibrarySettings();
 
   return (
-    <LibraryContext.Provider value={{ ...useLibraryParams, settings }}>
+    <LibraryContext.Provider value={useLibraryParams}>
       {children}
     </LibraryContext.Provider>
   );

src/components/Context/SettingsContext.tsx

@@ -0,0 +1,27 @@
+import React, { createContext, useContext } from 'react';
+
+import { useSettings } from '@hooks/persisted/useSettings';
+import { defaultSettings } from '@screens/settings/constants/defaultValues';
+
+type SettingsContextType = ReturnType<typeof useSettings>;
+
+const defaultValue = defaultSettings as any as SettingsContextType;
+const SettingsContext = createContext<SettingsContextType>(defaultValue);
+
+export function SettingsContextProvider({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  const settings = useSettings();
+
+  return (
+    <SettingsContext.Provider value={settings}>
+      {children}
+    </SettingsContext.Provider>
+  );
+}
+
+export const useSettingsContext = (): SettingsContextType => {
+  return useContext(SettingsContext);
+};