npm - react-native-simple-epub-reader - Versions diffs - 0.1.2 → 0.1.4 - Mend

react-native-simple-epub-reader 0.1.2 → 0.1.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (36) hide show

package/lib/module/components/GestureHandler/index.js +8 -2
package/lib/module/components/GestureHandler/index.js.map +1 -1
package/lib/module/components/Reader.js +125 -22
package/lib/module/components/Reader.js.map +1 -1
package/lib/module/constants/template.js +189 -226
package/lib/module/constants/template.js.map +1 -1
package/lib/module/constants/theme.js +28 -11
package/lib/module/constants/theme.js.map +1 -1
package/lib/module/helpers/downloadEpub.js +5 -1
package/lib/module/helpers/downloadEpub.js.map +1 -1
package/lib/module/helpers/saveTemplateToFile.js +4 -0
package/lib/module/helpers/saveTemplateToFile.js.map +1 -1
package/lib/module/hooks/useInjectWebviewVariables.js +4 -2
package/lib/module/hooks/useInjectWebviewVariables.js.map +1 -1
package/lib/typescript/src/components/GestureHandler/index.d.ts.map +1 -1
package/lib/typescript/src/components/Reader.d.ts +1 -1
package/lib/typescript/src/components/Reader.d.ts.map +1 -1
package/lib/typescript/src/constants/template.d.ts +1 -1
package/lib/typescript/src/constants/template.d.ts.map +1 -1
package/lib/typescript/src/constants/theme.d.ts.map +1 -1
package/lib/typescript/src/helpers/downloadEpub.d.ts.map +1 -1
package/lib/typescript/src/helpers/saveTemplateToFile.d.ts +1 -0
package/lib/typescript/src/helpers/saveTemplateToFile.d.ts.map +1 -1
package/lib/typescript/src/hooks/useInjectWebviewVariables.d.ts +2 -1
package/lib/typescript/src/hooks/useInjectWebviewVariables.d.ts.map +1 -1
package/lib/typescript/src/types/index.d.ts +4 -0
package/lib/typescript/src/types/index.d.ts.map +1 -1
package/package.json +1 -1
package/src/components/GestureHandler/index.tsx +8 -0
package/src/components/Reader.tsx +161 -27
package/src/constants/template.ts +189 -226
package/src/constants/theme.ts +28 -11
package/src/helpers/downloadEpub.ts +7 -1
package/src/helpers/saveTemplateToFile.ts +5 -0
package/src/hooks/useInjectWebviewVariables.ts +9 -0
package/src/types/index.ts +4 -0

package/lib/module/constants/template.js CHANGED Viewed

@@ -1,10 +1,10 @@
 "use strict";
 export default `
-<!doctype html>
-<html>
+<!DOCTYPE html>
+  <html>
   <head>
-    <meta charset="utf-8" />
+    <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>EPUB.js</title>
     <script id="jszip"></script>
@@ -13,7 +13,7 @@ export default `
     <style type="text/css">
       body {
         margin: 0;
-        background-color: #211f26;
+        background-color: #211F26;
       }
       #viewer {
@@ -25,18 +25,16 @@ export default `
         align-items: center;
       }
-      [ref='epubjs-mk-balloon'] {
-        background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPScxLjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZycgeG1sbnM6eGxpbms9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsnIHg9JzBweCcgeT0nMHB4JyB2aWV3Qm94PScwIDAgNzUgNzUnPjxnIGZpbGw9JyNCREJEQkQnIGlkPSdidWJibGUnPjxwYXRoIGNsYXNzPSdzdDAnIGQ9J00zNy41LDkuNEMxOS42LDkuNCw1LDIwLjUsNSwzNC4zYzAsNS45LDIuNywxMS4zLDcuMSwxNS42TDkuNiw2NS42bDE5LTcuM2MyLjgsMC42LDUuOCwwLjksOC45LDAuOSBDNTUuNSw1OS4yLDcwLDQ4LjEsNzAsMzQuM0M3MCwyMC41LDU1LjQsOS40LDM3LjUsOS40eicvPjwvZz48L3N2Zz4=')
-          no-repeat;
+      [ref="epubjs-mk-balloon"] {
+        background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPScxLjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZycgeG1sbnM6eGxpbms9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsnIHg9JzBweCcgeT0nMHB4JyB2aWV3Qm94PScwIDAgNzUgNzUnPjxnIGZpbGw9JyNCREJEQkQnIGlkPSdidWJibGUnPjxwYXRoIGNsYXNzPSdzdDAnIGQ9J00zNy41LDkuNEMxOS42LDkuNCw1LDIwLjUsNSwzNC4zYzAsNS45LDIuNywxMS4zLDcuMSwxNS42TDkuNiw2NS42bDE5LTcuM2MyLjgsMC42LDUuOCwwLjksOC45LDAuOSBDNTUuNSw1OS4yLDcwLDQ4LjEsNzAsMzQuM0M3MCwyMC41LDU1LjQsOS40LDM3LjUsOS40eicvPjwvZz48L3N2Zz4=") no-repeat;
         width: 20px;
         height: 20px;
         cursor: pointer;
         margin-left: 0;
       }
-      [ref='epubjs-mk-heart'] {
-        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAACOUlEQVR4nLWUTWgTURDH14Oe9JiPNqFNujvvzdsm3bdvPxKMFUEPag/iwdaD3j1JDymlCMXiqUeRHvWgFRQUxKPirUU8eFARvCnUj7QXP7DiJtk8easJjRjzIQ784bEz82Pe7MzTtP9tpmnu8UbNpOM4uzvFKF+3GM1BHHIAbwjA7xyY5AaGPuCarZtHmzGcsGM+YevKp2JUrAN4XeW2wSxKMy6wrSkKtbsiJZ96SfnAGZbl8bG6DawhdLwqAK9xYI25XLaufCrmjkjJKQpVF3DLzrDRFtAHXJ9hUNsoxOTH8hn5afGcrBRjkR66w3I/0GoJaPWRO9T63tRGISanmVHzgK1FMBvGmSr/iZeUn5fL8svlRbl5aKQt6bGXjPQ7bKefA5MOIahZOpsuAQmUY3t1pWNSN5WABtwwT2kW4Mki0OqgoMov+YA1rrMTmk3IhCr3hd/5St303EtEV54Yw5xq4y4PcHOFt/etH12xRqQHWFGsn/MFuHAQaPCmGO8b9roQl5OEBpaB862xoZTuc4F+uJDLhv0CF/LZ0DPoe9M097YNNwd2hAMLb9rpnmGrdlr1LrQJO/zH9bMMnBWA4X0n1RV2T6TU6oUc2Pm/vQ0aN/CSAKzfFp0rvWWnI5gNbEnrxWwD59UOL+UzjXc7ftTbYlxezGca0X4Dm+sJ1jQO7LgA/Hoa9eCln5Cv/IQ8i3ogAL+pZdAGMYcQdAGfHSAkmCQkUOc8pXQgWNPUgysAl5XU+Z9gg9gPaBjV+CGbZVoAAAAASUVORK5CYII=')
-          no-repeat;
+      [ref="epubjs-mk-heart"] {
+        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAACOUlEQVR4nLWUTWgTURDH14Oe9JiPNqFNujvvzdsm3bdvPxKMFUEPag/iwdaD3j1JDymlCMXiqUeRHvWgFRQUxKPirUU8eFARvCnUj7QXP7DiJtk8easJjRjzIQ784bEz82Pe7MzTtP9tpmnu8UbNpOM4uzvFKF+3GM1BHHIAbwjA7xyY5AaGPuCarZtHmzGcsGM+YevKp2JUrAN4XeW2wSxKMy6wrSkKtbsiJZ96SfnAGZbl8bG6DawhdLwqAK9xYI25XLaufCrmjkjJKQpVF3DLzrDRFtAHXJ9hUNsoxOTH8hn5afGcrBRjkR66w3I/0GoJaPWRO9T63tRGISanmVHzgK1FMBvGmSr/iZeUn5fL8svlRbl5aKQt6bGXjPQ7bKefA5MOIahZOpsuAQmUY3t1pWNSN5WABtwwT2kW4Mki0OqgoMov+YA1rrMTmk3IhCr3hd/5St303EtEV54Yw5xq4y4PcHOFt/etH12xRqQHWFGsn/MFuHAQaPCmGO8b9roQl5OEBpaB862xoZTuc4F+uJDLhv0CF/LZ0DPoe9M097YNNwd2hAMLb9rpnmGrdlr1LrQJO/zH9bMMnBWA4X0n1RV2T6TU6oUc2Pm/vQ0aN/CSAKzfFp0rvWWnI5gNbEnrxWwD59UOL+UzjXc7ftTbYlxezGca0X4Dm+sJ1jQO7LgA/Hoa9eCln5Cv/IQ8i3ogAL+pZdAGMYcQdAGfHSAkmCQkUOc8pXQgWNPUgysAl5XU+Z9gg9gPaBjV+CGbZVoAAAAASUVORK5CYII=") no-repeat;
         width: 20px;
         height: 20px;
         cursor: pointer;
@@ -45,7 +43,7 @@ export default `
     </style>
   </head>
-  <body oncopy="return false;" oncut="return false;">
+  <body oncopy='return false' oncut='return false'>
     <div id="viewer"></div>
     <script>
@@ -59,153 +57,117 @@ export default `
       const enableSelection = window.enable_selection;
       const allowScriptedContent = window.allowScriptedContent || false;
       const allowPopups = window.allowPopups || false;
+      const LOCATION_GENERATION_CHARS = 2800;
       if (!file) {
-        const reactNativeWebview =
-          window.ReactNativeWebView !== undefined &&
-          window.ReactNativeWebView !== null
-            ? window.ReactNativeWebView
-            : window;
-        reactNativeWebview.postMessage(
-          JSON.stringify({
-            type: 'onDisplayError',
-            reason: 'Book file is missing',
-          })
-        );
+        const reactNativeWebview = window.ReactNativeWebView !== undefined && window.ReactNativeWebView !== null ? window.ReactNativeWebView : window;
+        reactNativeWebview.postMessage(JSON.stringify({
+          type: "onDisplayError",
+          reason: "Book file is missing"
+        }));
       }
       if (type === 'epub' || type === 'opf' || type === 'binary') {
         book = ePub(file);
       } else if (type === 'base64') {
-        book = ePub(file, { encoding: 'base64' });
+        book = ePub(file, { encoding: "base64" });
       } else {
-        const reactNativeWebview =
-          window.ReactNativeWebView !== undefined &&
-          window.ReactNativeWebView !== null
-            ? window.ReactNativeWebView
-            : window;
-        reactNativeWebview.postMessage(
-          JSON.stringify({
-            type: 'onDisplayError',
-            reason: 'Missing or invalid file type',
-          })
-        );
+        const reactNativeWebview = window.ReactNativeWebView !== undefined && window.ReactNativeWebView !== null ? window.ReactNativeWebView : window;
+        reactNativeWebview.postMessage(JSON.stringify({
+          type: "onDisplayError",
+          reason: "Missing or invalid file type"
+        }));
       }
-      rendition = book.renderTo('viewer', {
-        width: '100%',
-        height: '100%',
-        manager: 'default',
-        flow: 'auto',
+      rendition = book.renderTo("viewer", {
+        width: "100%",
+        height: "100%",
+        manager: "default",
+        flow: "auto",
         snap: undefined,
         spread: undefined,
         fullsize: undefined,
         allowPopups: allowPopups,
-        allowScriptedContent: allowScriptedContent,
+        allowScriptedContent: allowScriptedContent
       });
-      const reactNativeWebview =
-        window.ReactNativeWebView !== undefined &&
-        window.ReactNativeWebView !== null
-          ? window.ReactNativeWebView
-          : window;
-      reactNativeWebview.postMessage(JSON.stringify({ type: 'onStarted' }));
+      const reactNativeWebview = window.ReactNativeWebView !== undefined && window.ReactNativeWebView!== null ? window.ReactNativeWebView: window;
+      reactNativeWebview.postMessage(JSON.stringify({ type: "onStarted" }));
       function flatten(chapters) {
-        return [].concat.apply(
-          [],
-          chapters.map((chapter) =>
-            [].concat.apply([chapter], flatten(chapter.subitems))
-          )
-        );
+        return [].concat.apply([], chapters.map((chapter) => [].concat.apply([chapter], flatten(chapter.subitems))));
       }
       function getCfiFromHref(book, href) {
-        const [_, id] = href.split('#');
-        let section =
-          book.spine.get(href.split('/')[1]) ||
-          book.spine.get(href) ||
-          book.spine.get(href.split('/').slice(1).join('/'));
-        const el = id
-          ? section.document.getElementById(id)
-          : section.document.body;
-        return section.cfiFromElement(el);
+        const [_, id] = href.split('#')
+        let section = book.spine.get(href.split('/')[1]) || book.spine.get(href) || book.spine.get(href.split('/').slice(1).join('/'))
+        const el = (id ? section.document.getElementById(id) : section.document.body)
+        return section.cfiFromElement(el)
       }
       function getChapter(location) {
-        const locationHref = location.start.href;
-        let match = flatten(book.navigation.toc)
-          .filter((chapter) => {
-            return book.canonical(chapter.href).includes(locationHref);
-          }, null)
-          .reduce((result, chapter) => {
-            const locationAfterChapter =
-              ePub.CFI.prototype.compare(
-                location.start.cfi,
-                getCfiFromHref(book, chapter.href)
-              ) > 0;
-            return locationAfterChapter ? chapter : result;
-          }, null);
-        return match;
-      }
+          const locationHref = location.start.href
+          let match = flatten(book.navigation.toc)
+              .filter((chapter) => {
+                  return book.canonical(chapter.href).includes(locationHref)
+              }, null)
+              .reduce((result, chapter) => {
+                  const locationAfterChapter = ePub.CFI.prototype.compare(location.start.cfi, getCfiFromHref(book, chapter.href)) > 0
+                  return locationAfterChapter ? chapter : result
+              }, null);
+          return match;
+      };
       const makeRangeCfi = (a, b) => {
-        const CFI = new ePub.CFI();
-        const start = CFI.parse(a),
-          end = CFI.parse(b);
+        const CFI = new ePub.CFI()
+        const start = CFI.parse(a), end = CFI.parse(b)
         const cfi = {
-          range: true,
-          base: start.base,
-          path: {
-            steps: [],
-            terminal: null,
-          },
-          start: start.path,
-          end: end.path,
-        };
-        const len = cfi.start.steps.length;
+            range: true,
+            base: start.base,
+            path: {
+                steps: [],
+                terminal: null
+            },
+            start: start.path,
+            end: end.path
+        }
+        const len = cfi.start.steps.length
         for (let i = 0; i < len; i++) {
           if (CFI.equalStep(cfi.start.steps[i], cfi.end.steps[i])) {
-            if (i == len - 1) {
-              // Last step is equal, check terminals
-              if (cfi.start.terminal === cfi.end.terminal) {
-                // CFI's are equal
-                cfi.path.steps.push(cfi.start.steps[i]);
-                // Not a range
-                cfi.range = false;
-              }
-            } else cfi.path.steps.push(cfi.start.steps[i]);
-          } else break;
+              if (i == len - 1) {
+                  // Last step is equal, check terminals
+                  if (cfi.start.terminal === cfi.end.terminal) {
+                      // CFI's are equal
+                      cfi.path.steps.push(cfi.start.steps[i])
+                      // Not a range
+                      cfi.range = false
+                  }
+              } else cfi.path.steps.push(cfi.start.steps[i])
+          } else break
         }
-        cfi.start.steps = cfi.start.steps.slice(cfi.path.steps.length);
-        cfi.end.steps = cfi.end.steps.slice(cfi.path.steps.length);
-        return (
-          'epubcfi(' +
-          CFI.segmentString(cfi.base) +
-          '!' +
-          CFI.segmentString(cfi.path) +
-          ',' +
-          CFI.segmentString(cfi.start) +
-          ',' +
-          CFI.segmentString(cfi.end) +
-          ')'
-        );
-      };
+        cfi.start.steps = cfi.start.steps.slice(cfi.path.steps.length)
+        cfi.end.steps = cfi.end.steps.slice(cfi.path.steps.length)
+        return 'epubcfi(' + CFI.segmentString(cfi.base)
+            + '!' + CFI.segmentString(cfi.path)
+            + ',' + CFI.segmentString(cfi.start)
+            + ',' + CFI.segmentString(cfi.end)
+            + ')'
+      }
       if (!enableSelection) {
         rendition.themes.default({
-          body: {
-            '-webkit-touch-callout': 'none' /* iOS Safari */,
-            '-webkit-user-select': 'none' /* Safari */,
-            '-khtml-user-select': 'none' /* Konqueror HTML */,
-            '-moz-user-select': 'none' /* Firefox */,
-            '-ms-user-select': 'none' /* Internet Explorer/Edge */,
-            'user-select': 'none',
-          },
+          'body': {
+            '-webkit-touch-callout': 'none', /* iOS Safari */
+            '-webkit-user-select': 'none', /* Safari */
+            '-khtml-user-select': 'none', /* Konqueror HTML */
+            '-moz-user-select': 'none', /* Firefox */
+            '-ms-user-select': 'none', /* Internet Explorer/Edge */
+            'user-select': 'none'
+          }
         });
       }
@@ -219,21 +181,20 @@ export default `
         .then(function () {
           var currentLocation = rendition.currentLocation();
-          reactNativeWebview.postMessage(
-            JSON.stringify({
-              type: 'onReady',
-              totalLocations: book.locations.total,
-              currentLocation: currentLocation,
-              progress: currentLocation?.start?.cfi
-                ? book.locations.percentageFromCfi(currentLocation.start.cfi)
-                : 0,
-            })
-          );
-          if (initialLocations) {
-            reactNativeWebview.postMessage(
-              JSON.stringify({
-                type: 'onLocationsReady',
+          reactNativeWebview.postMessage(JSON.stringify({
+            type: "onReady",
+            totalLocations: book.locations.total,
+            currentLocation: currentLocation,
+            progress: currentLocation?.start?.cfi
+              ? book.locations.percentageFromCfi(currentLocation.start.cfi)
+              : 0,
+          }));
+          // Defer heavier work to let the onReady bridge message be delivered first.
+          setTimeout(function () {
+            if (initialLocations && initialLocations.length) {
+              reactNativeWebview.postMessage(JSON.stringify({
+                type: "onLocationsReady",
                 epubKey: book.key(),
                 locations: initialLocations,
                 totalLocations: book.locations.total,
@@ -241,52 +202,41 @@ export default `
                 progress: currentLocation?.start?.cfi
                   ? book.locations.percentageFromCfi(currentLocation.start.cfi)
                   : 0,
-              })
-            );
-            return Promise.resolve();
-          }
-          return book.locations
-            .generate(1600)
-            .then(function () {
-              var generatedLocation =
-                rendition.currentLocation() || currentLocation;
-              reactNativeWebview.postMessage(
-                JSON.stringify({
-                  type: 'onLocationsReady',
+              }));
+            } else {
+              // Larger chunk size reduces startup cost for the first locations map.
+              book.locations.generate(LOCATION_GENERATION_CHARS).then(function () {
+                var generatedLocation = rendition.currentLocation() || currentLocation;
+                reactNativeWebview.postMessage(JSON.stringify({
+                  type: "onLocationsReady",
                   epubKey: book.key(),
                   locations: book.locations.save(),
                   totalLocations: book.locations.total,
                   currentLocation: generatedLocation,
                   progress: generatedLocation?.start?.cfi
-                    ? book.locations.percentageFromCfi(
-                        generatedLocation.start.cfi
-                      )
+                    ? book.locations.percentageFromCfi(generatedLocation.start.cfi)
                     : 0,
-                })
-              );
-            })
-            .catch(function () {
-              reactNativeWebview.postMessage(
-                JSON.stringify({
-                  type: 'onLocationsReady',
+                }));
+              }).catch(function () {
+                reactNativeWebview.postMessage(JSON.stringify({
+                  type: "onLocationsReady",
                   epubKey: book.key(),
                   locations: [],
                   totalLocations: book.locations.total,
                   currentLocation: currentLocation,
                   progress: 0,
-                })
-              );
-            });
+                }));
+              });
+            }
-          book
+            book
             .coverUrl()
             .then(async (url) => {
               var reader = new FileReader();
-              reader.onload = (res) => {
+              reader.onload = () => {
                 reactNativeWebview.postMessage(
                   JSON.stringify({
-                    type: 'meta',
+                    type: "meta",
                     metadata: {
                       cover: reader.result,
                       author: book.package.metadata.creator,
@@ -304,7 +254,7 @@ export default `
             .catch(() => {
               reactNativeWebview.postMessage(
                 JSON.stringify({
-                  type: 'meta',
+                  type: "meta",
                   metadata: {
                     cover: undefined,
                     author: book.package.metadata.creator,
@@ -318,37 +268,34 @@ export default `
               );
             });
-          book.loaded.navigation.then(function (item) {
-            reactNativeWebview.postMessage(
-              JSON.stringify({
+            book.loaded.navigation.then(function (item) {
+              reactNativeWebview.postMessage(JSON.stringify({
                 type: 'onNavigationLoaded',
                 toc: item.toc,
-                landmarks: item.landmarks,
-              })
-            );
-          });
+                landmarks: item.landmarks
+              }));
+            });
+          }, 0);
         })
         .catch(function (err) {
-          reactNativeWebview.postMessage(
-            JSON.stringify({
-              type: 'onDisplayError',
-              reason: err.message || err.toString(),
-            })
-          );
-        });
+          reactNativeWebview.postMessage(JSON.stringify({
+          type: "onDisplayError",
+          reason: err.message || err.toString()
+        }));
+      });
       let isAnimating = false;
       const originalNext = rendition.next.bind(rendition);
       const originalPrev = rendition.prev.bind(rendition);
-      rendition.next = function () {
+      rendition.next = function() {
         if (isAnimating) return;
         isAnimating = true;
         const container = rendition.manager.container;
         container.style.transition = 'opacity 0.2s ease-out';
         container.style.opacity = '0.4';
         setTimeout(() => {
           originalNext();
           setTimeout(() => {
@@ -361,14 +308,14 @@ export default `
         }, 100);
       };
-      rendition.prev = function () {
+      rendition.prev = function() {
         if (isAnimating) return;
         isAnimating = true;
         const container = rendition.manager.container;
         container.style.transition = 'opacity 0.2s ease-out';
         container.style.opacity = '0.4';
         setTimeout(() => {
           originalPrev();
           setTimeout(() => {
@@ -386,55 +333,71 @@ export default `
         rendition.themes.select('theme');
       });
-      rendition.on('relocated', function (location) {
+      rendition.on("relocated", function (location) {
         var percent = book.locations.percentageFromCfi(location.start.cfi);
         var percentage = Math.floor(percent * 100);
         var chapter = getChapter(location);
-        reactNativeWebview.postMessage(
-          JSON.stringify({
-            type: 'onLocationChange',
-            totalLocations: book.locations.total,
-            currentLocation: location,
-            progress: percentage,
-            currentSection: chapter,
-          })
-        );
+        reactNativeWebview.postMessage(JSON.stringify({
+          type: "onLocationChange",
+          totalLocations: book.locations.total,
+          currentLocation: location,
+          progress: percentage,
+          currentSection: chapter,
+        }));
         if (location.atStart) {
-          reactNativeWebview.postMessage(
-            JSON.stringify({
-              type: 'onBeginning',
-            })
-          );
+          reactNativeWebview.postMessage(JSON.stringify({
+            type: "onBeginning",
+          }));
         }
         if (location.atEnd) {
-          reactNativeWebview.postMessage(
-            JSON.stringify({
-              type: 'onFinish',
-            })
-          );
+          reactNativeWebview.postMessage(JSON.stringify({
+            type: "onFinish",
+          }));
         }
       });
-      rendition.on('rendered', function (section) {
-        reactNativeWebview.postMessage(
-          JSON.stringify({
-            type: 'onRendered',
-            section: section,
-            currentSection: book.navigation.get(section.href),
-          })
-        );
+      rendition.on("orientationchange", function (orientation) {
+        reactNativeWebview.postMessage(JSON.stringify({
+          type: 'onOrientationChange',
+          orientation: orientation
+        }));
+      });
+      rendition.on("rendered", function (section) {
+        reactNativeWebview.postMessage(JSON.stringify({
+          type: 'onRendered',
+          section: section,
+          currentSection: book.navigation.get(section.href),
+        }));
+      });
+      rendition.on("layout", function (layout) {
+        reactNativeWebview.postMessage(JSON.stringify({
+          type: 'onLayout',
+          layout: layout,
+        }));
+      });
+      rendition.on("selected", function (cfiRange, contents) {
+        book.getRange(cfiRange).then(function (range) {
+          if (range) {
+            reactNativeWebview.postMessage(JSON.stringify({
+              type: 'onSelected',
+              cfiRange: cfiRange,
+              text: range.toString(),
+            }));
+          }
+        });
       });
-      rendition.on('layout', function (layout) {
-        reactNativeWebview.postMessage(
-          JSON.stringify({
-            type: 'onLayout',
-            layout: layout,
-          })
-        );
+      rendition.on("resized", function (layout) {
+        reactNativeWebview.postMessage(JSON.stringify({
+          type: 'onResized',
+          layout: layout,
+        }));
       });
     </script>
   </body>

package/lib/module/constants/template.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":[],"sourceRoot":"../../../src","sources":["constants/template.ts"],"mappings":";;AAAA,eAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA~~;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA~~,CAAC","ignoreList":[]}
1	+ {"version":3,"names":[],"sourceRoot":"../../../src","sources":["constants/template.ts"],"mappings":";;AAAA,eAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/lib/module/constants/theme.js CHANGED Viewed

@@ -2,42 +2,59 @@
 export const defaultTheme = {
   'body': {
-    background: '#FFF'
+    background: '#211F26'
   },
   'span': {
-    color: '#000'
+    color: '#ffffff !important',
+    backgroundColor: '#211F26'
   },
   'p': {
-    color: '#000'
+    color: '#ffffff !important',
+    backgroundColor: '#211F26'
   },
   'li': {
-    color: '#000'
+    color: '#ffffff !important',
+    backgroundColor: '#211F26'
   },
   'h1': {
-    color: '#000'
+    color: '#ffffff !important',
+    backgroundColor: '#211F26'
   },
   'h2': {
-    color: '#000'
+    color: '#ffffff !important',
+    backgroundColor: '#211F26'
   },
   'h3': {
-    color: '#000'
+    color: '#ffffff !important',
+    backgroundColor: '#211F26'
   },
   'h4': {
-    color: '#000'
+    color: '#ffffff !important',
+    backgroundColor: '#211F26'
   },
   'h5': {
-    color: '#000'
+    color: '#ffffff !important',
+    backgroundColor: '#211F26'
   },
   'h6': {
-    color: '#000'
+    color: '#ffffff !important',
+    backgroundColor: '#211F26'
   },
   'a': {
-    'color': '#000',
+    'color': '#ffffff !important',
+    'backgroundColor': '#211F26',
     'pointer-events': 'auto',
     'cursor': 'pointer'
   },
+  '*': {
+    color: '#ffffff !important',
+    backgroundColor: '#211F26'
+  },
   '::selection': {
     background: 'lightskyblue'
+  },
+  '::marker': {
+    color: '#ffffff !important'
   }
 };
 //# sourceMappingURL=theme.js.map