From fca37868f1d6fa2e77ffbc7445dc5661dc177419 Mon Sep 17 00:00:00 2001
From: nyagami <hoangquan05112002@gmail.com>
Date: Sat, 8 Jun 2024 23:01:07 +0700
Subject: [PATCH] Feat: NOVEL and CHAPTER reader context

---
 src/screens/reader/ReaderScreen.tsx           |  1 -
 .../reader/components/WebViewReader.tsx       | 10 +++--
 .../SettingsReaderScreen.tsx                  | 37 +++++++++++++++++++
 3 files changed, 44 insertions(+), 4 deletions(-)

diff --git a/src/screens/reader/ReaderScreen.tsx b/src/screens/reader/ReaderScreen.tsx
index 54b9eb6c..58a82dab 100644
--- a/src/screens/reader/ReaderScreen.tsx
+++ b/src/screens/reader/ReaderScreen.tsx
@@ -326,7 +326,6 @@ export const ChapterContent = ({
       />
     );
   }
-  console.log('re-render');
   return (
     <>
       <WebViewReader
diff --git a/src/screens/reader/components/WebViewReader.tsx b/src/screens/reader/components/WebViewReader.tsx
index e7aafb7a..2379c790 100644
--- a/src/screens/reader/components/WebViewReader.tsx
+++ b/src/screens/reader/components/WebViewReader.tsx
@@ -50,7 +50,7 @@ type WebViewReaderProps = {
 
 const WebViewReader: FC<WebViewReaderProps> = props => {
   const {
-    data,
+    data: { chapter, novel },
     html,
     nextChapter,
     webViewRef,
@@ -66,7 +66,6 @@ const WebViewReader: FC<WebViewReaderProps> = props => {
   const { RNDeviceInfo } = NativeModules;
   const deviceInfoEmitter = new NativeEventEmitter(RNDeviceInfo);
   const theme = useTheme();
-  const { novel, chapter } = data;
   const readerSettings = useMemo(
     () =>
       getMMKVObject<ChapterReaderSettings>(CHAPTER_READER_SETTINGS) ||
@@ -133,6 +132,7 @@ const WebViewReader: FC<WebViewReaderProps> = props => {
       showsVerticalScrollIndicator={false}
       javaScriptEnabled={true}
       onLayout={async () => onLayout()}
+      injectedJavaScriptObject={{ customValue: 'myCustomValue' }}
       onMessage={ev => {
         const event: WebViewPostEvent = JSON.parse(ev.nativeEvent.data);
         switch (event.type) {
@@ -221,7 +221,7 @@ const WebViewReader: FC<WebViewReaderProps> = props => {
                     </style>
                     <link rel="stylesheet" href="${assetsUriPrefix}/css/index.css">
                     <style>${readerSettings.customCSS}</style>
-                    <script async>
+                    <script>
                       var initSettings = {
                         showScrollPercentage: ${showScrollPercentage},
                         swipeGestures: ${swipeGestures},
@@ -231,6 +231,10 @@ const WebViewReader: FC<WebViewReaderProps> = props => {
                       }
                       var batteryLevel = ${batteryLevel};
                       var autoSaveInterval = 2222;
+                      var { NOVEL, CHAPTER } = ${JSON.stringify({
+                        NOVEL: novel,
+                        CHAPTER: chapter,
+                      })}
                     </script>
                   </head>
                   <body>
diff --git a/src/screens/settings/SettingsReaderScreen/SettingsReaderScreen.tsx b/src/screens/settings/SettingsReaderScreen/SettingsReaderScreen.tsx
index 39da4906..5bc819c6 100644
--- a/src/screens/settings/SettingsReaderScreen/SettingsReaderScreen.tsx
+++ b/src/screens/settings/SettingsReaderScreen/SettingsReaderScreen.tsx
@@ -45,6 +45,39 @@ const SettingsReaderScreen = () => {
   const navigation = useNavigation();
   const webViewRef = useRef<WebView>(null);
   const { bottom } = useSafeAreaInsets();
+  const novel = {
+    'artist': null,
+    'author': 'Kinugasa Shougo',
+    'cover':
+      'file:///storage/emulated/0/Android/data/com.rajarsheechatterjee.LNReader/files/Novels/lightnovelcave/16/cover.png?1717862123181',
+    'genres': 'Drama,Slice of Life,Psychological,School Life,Shounen',
+    'id': 16,
+    'inLibrary': 1,
+    'isLocal': 0,
+    'name': 'Classroom of the Elite (LN)',
+    'path': 'novel/classroom-of-the-elite-16091321',
+    'pluginId': 'lightnovelcave',
+    'status': 'Ongoing',
+    'summary':
+      'Kōdo Ikusei Senior High School, a leading prestigious school with state-of-the-art facilities where nearly 100% of students go on to university or find employment. The students there have the freedom to wear any hairstyle and bring any personal effects they desire. Kōdo Ikusei is a paradise-like school, but the truth is that only the most superior of students receive favorable treatment.The protagonist Kiyotaka Ayanokōji is a student of D-class, which is where the school dumps its “inferior” students in order to ridicule them. For a certain reason, Kiyotaka was careless on his entrance examination, and was put in D-class. After meeting Suzune Horikita and Kikyō Kushida, two other students in his class, Kiyotaka’s situation begins to change.Show More',
+    'totalPages': 8,
+  };
+  const chapter = {
+    'bookmark': 0,
+    'chapterNumber': 2.1,
+    'id': 3722,
+    'isDownloaded': 1,
+    'name': 'Chapter V4C2.1 - A Vast Array of Thoughts Part 1',
+    'novelId': 16,
+    'page': '2',
+    'path': 'novel/classroom-of-the-elite-547/vol-4-chapter-2-1',
+    'position': 0,
+    'progress': 3,
+    'readTime': '2024-06-08 22:56:09',
+    'releaseTime': '14 tháng 9 năm 2021',
+    'unread': 1,
+    'updatedTime': null,
+  };
   const [hidden, setHidden] = useState(true);
   const layoutHeight = Dimensions.get('window').height;
   const batteryLevel = useBatteryLevel();
@@ -180,6 +213,10 @@ const SettingsReaderScreen = () => {
                   }
                   var batteryLevel = ${batteryLevel};
                   var autoSaveInterval = 2222;
+                  var { NOVEL, CHAPTER } = ${JSON.stringify({
+                    NOVEL: novel,
+                    CHAPTER: chapter,
+                  })}
                 </script>
               </head>
               <body>