npm - react-native-simple-epub-reader - Versions diffs - 0.1.1 → 0.1.3 - Mend

react-native-simple-epub-reader 0.1.1 → 0.1.3

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 (18) hide show

package/lib/module/components/Reader.js +52 -10
package/lib/module/components/Reader.js.map +1 -1
package/lib/module/constants/template.js +214 -255
package/lib/module/constants/template.js.map +1 -1
package/lib/module/context/ReaderContext.js +29 -26
package/lib/module/context/ReaderContext.js.map +1 -1
package/lib/module/helpers/downloadEpub.js +8 -1
package/lib/module/helpers/downloadEpub.js.map +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/context/ReaderContext.d.ts.map +1 -1
package/lib/typescript/src/helpers/downloadEpub.d.ts.map +1 -1
package/package.json +1 -1
package/src/components/Reader.tsx +60 -13
package/src/constants/template.ts +214 -255
package/src/context/ReaderContext.tsx +29 -27
package/src/helpers/downloadEpub.ts +9 -1

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>
@@ -61,151 +59,114 @@ export default `
       const allowPopups = window.allowPopups || false;
       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,94 +180,62 @@ export default `
         .then(function () {
           var currentLocation = rendition.currentLocation();
-          reactNativeWebview.postMessage(
-            JSON.stringify({
-              type: 'onReady',
+          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",
+              epubKey: book.key(),
+              locations: initialLocations,
               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',
-                epubKey: book.key(),
-                locations: initialLocations,
-                totalLocations: book.locations.total,
-                currentLocation: currentLocation,
-                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',
-                  epubKey: book.key(),
-                  locations: book.locations.save(),
-                  totalLocations: book.locations.total,
-                  currentLocation: generatedLocation,
-                  progress: generatedLocation?.start?.cfi
-                    ? book.locations.percentageFromCfi(
-                        generatedLocation.start.cfi
-                      )
-                    : 0,
-                })
-              );
-            })
-            .catch(function () {
-              reactNativeWebview.postMessage(
-                JSON.stringify({
-                  type: 'onLocationsReady',
-                  epubKey: book.key(),
-                  locations: [],
-                  totalLocations: book.locations.total,
-                  currentLocation: currentLocation,
-                  progress: 0,
-                })
-              );
-            });
+          return book.locations.generate(1600).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)
+                : 0,
+            }));
+          }).catch(function () {
+            reactNativeWebview.postMessage(JSON.stringify({
+              type: "onLocationsReady",
+              epubKey: book.key(),
+              locations: [],
+              totalLocations: book.locations.total,
+              currentLocation: currentLocation,
+              progress: 0,
+            }));
+          });
           book
-            .coverUrl()
-            .then(async (url) => {
-              var reader = new FileReader();
-              reader.onload = (res) => {
-                reactNativeWebview.postMessage(
-                  JSON.stringify({
-                    type: 'meta',
-                    metadata: {
-                      cover: reader.result,
-                      author: book.package.metadata.creator,
-                      title: book.package.metadata.title,
-                      description: book.package.metadata.description,
-                      language: book.package.metadata.language,
-                      publisher: book.package.metadata.publisher,
-                      rights: book.package.metadata.rights,
-                    },
-                  })
-                );
-              };
-              reader.readAsDataURL(await fetch(url).then((res) => res.blob()));
-            })
-            .catch(() => {
+          .coverUrl()
+          .then(async (url) => {
+            var reader = new FileReader();
+            reader.onload = (res) => {
               reactNativeWebview.postMessage(
                 JSON.stringify({
-                  type: 'meta',
+                  type: "meta",
                   metadata: {
-                    cover: undefined,
+                    cover: reader.result,
                     author: book.package.metadata.creator,
                     title: book.package.metadata.title,
                     description: book.package.metadata.description,
@@ -316,39 +245,53 @@ export default `
                   },
                 })
               );
-            });
-          book.loaded.navigation.then(function (item) {
+            };
+            reader.readAsDataURL(await fetch(url).then((res) => res.blob()));
+          })
+          .catch(() => {
             reactNativeWebview.postMessage(
               JSON.stringify({
-                type: 'onNavigationLoaded',
-                toc: item.toc,
-                landmarks: item.landmarks,
+                type: "meta",
+                metadata: {
+                  cover: undefined,
+                  author: book.package.metadata.creator,
+                  title: book.package.metadata.title,
+                  description: book.package.metadata.description,
+                  language: book.package.metadata.language,
+                  publisher: book.package.metadata.publisher,
+                  rights: book.package.metadata.rights,
+                },
               })
             );
           });
+          book.loaded.navigation.then(function (item) {
+            reactNativeWebview.postMessage(JSON.stringify({
+              type: 'onNavigationLoaded',
+              toc: item.toc,
+              landmarks: item.landmarks
+            }));
+          });
         })
         .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 +304,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 +329,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('layout', function (layout) {
-        reactNativeWebview.postMessage(
-          JSON.stringify({
-            type: 'onLayout',
-            layout: layout,
-          })
-        );
+      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("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,CAAC","ignoreList":[]}