react-native-simple-epub-reader 0.1.0 → 0.1.2
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.
- package/README.md +155 -12
- package/lib/module/components/Reader.js +30 -5
- package/lib/module/components/Reader.js.map +1 -1
- package/lib/module/constants/internalEvents.js +5 -0
- package/lib/module/constants/internalEvents.js.map +1 -0
- package/lib/module/constants/template.js +255 -214
- 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/typescript/src/components/Reader.d.ts +1 -1
- package/lib/typescript/src/components/Reader.d.ts.map +1 -1
- package/lib/typescript/src/constants/internalEvents.d.ts +3 -0
- package/lib/typescript/src/constants/internalEvents.d.ts.map +1 -0
- 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/types/index.d.ts +1 -0
- package/lib/typescript/src/types/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/Reader.tsx +32 -4
- package/src/constants/internalEvents.ts +27 -0
- package/src/constants/template.ts +255 -214
- package/src/context/ReaderContext.tsx +29 -27
- package/src/types/index.ts +1 -0
|
@@ -112,8 +112,11 @@ function ReaderProvider({
|
|
|
112
112
|
const getMeta = useCallback(() => state.meta, [state.meta]);
|
|
113
113
|
const changeFontFamily = useCallback(fontFamily => {
|
|
114
114
|
book.current?.injectJavaScript(`
|
|
115
|
-
rendition
|
|
116
|
-
|
|
115
|
+
if (typeof rendition !== 'undefined' && rendition) {
|
|
116
|
+
rendition.themes.font('${fontFamily}');
|
|
117
|
+
rendition.views().forEach(view => view.pane ? view.pane.render() : null);
|
|
118
|
+
}
|
|
119
|
+
true;
|
|
117
120
|
`);
|
|
118
121
|
dispatch({
|
|
119
122
|
type: Actions.CHANGE_FONT_FAMILY,
|
|
@@ -123,24 +126,14 @@ function ReaderProvider({
|
|
|
123
126
|
const injectJavascript = useCallback(script => {
|
|
124
127
|
book.current?.injectJavaScript(script);
|
|
125
128
|
}, []);
|
|
126
|
-
const changeFlow = useCallback(flow => {
|
|
127
|
-
webViewInjectFunctions.injectJavaScript(book, `rendition.flow(${JSON.stringify(flow)}); true`);
|
|
128
|
-
dispatch({
|
|
129
|
-
type: Actions.SET_FLOW,
|
|
130
|
-
payload: flow
|
|
131
|
-
});
|
|
132
|
-
}, []);
|
|
133
|
-
const setFlow = useCallback(flow => {
|
|
134
|
-
dispatch({
|
|
135
|
-
type: Actions.SET_FLOW,
|
|
136
|
-
payload: flow
|
|
137
|
-
});
|
|
138
|
-
}, []);
|
|
139
129
|
const changeTheme = useCallback(theme => {
|
|
140
130
|
book.current?.injectJavaScript(`
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
131
|
+
if (typeof rendition !== 'undefined' && rendition) {
|
|
132
|
+
rendition.themes.register({ theme: ${JSON.stringify(theme)} });
|
|
133
|
+
rendition.themes.select('theme');
|
|
134
|
+
rendition.views().forEach(view => view.pane ? view.pane.render() : null);
|
|
135
|
+
}
|
|
136
|
+
true;
|
|
144
137
|
`);
|
|
145
138
|
dispatch({
|
|
146
139
|
type: Actions.CHANGE_THEME,
|
|
@@ -149,21 +142,33 @@ function ReaderProvider({
|
|
|
149
142
|
}, []);
|
|
150
143
|
const goNext = useCallback(() => {
|
|
151
144
|
webViewInjectFunctions.injectJavaScript(book, `
|
|
152
|
-
rendition
|
|
145
|
+
if (typeof rendition !== 'undefined' && rendition) {
|
|
146
|
+
rendition.next();
|
|
147
|
+
}
|
|
153
148
|
`);
|
|
154
149
|
}, []);
|
|
155
150
|
const goPrevious = useCallback(() => {
|
|
156
151
|
webViewInjectFunctions.injectJavaScript(book, `
|
|
157
|
-
rendition
|
|
152
|
+
if (typeof rendition !== 'undefined' && rendition) {
|
|
153
|
+
rendition.prev();
|
|
154
|
+
}
|
|
158
155
|
`);
|
|
159
156
|
}, []);
|
|
160
157
|
const goToLocation = useCallback(targetCfi => {
|
|
161
|
-
book.current?.injectJavaScript(`
|
|
158
|
+
book.current?.injectJavaScript(`
|
|
159
|
+
if (typeof rendition !== 'undefined' && rendition) {
|
|
160
|
+
rendition.display('${targetCfi}');
|
|
161
|
+
}
|
|
162
|
+
true;
|
|
163
|
+
`);
|
|
162
164
|
}, []);
|
|
163
165
|
const changeFontSize = useCallback(size => {
|
|
164
166
|
book.current?.injectJavaScript(`
|
|
165
|
-
rendition
|
|
166
|
-
|
|
167
|
+
if (typeof rendition !== 'undefined' && rendition) {
|
|
168
|
+
rendition.themes.fontSize('${size}');
|
|
169
|
+
rendition.views().forEach(view => view.pane ? view.pane.render() : null);
|
|
170
|
+
}
|
|
171
|
+
true;
|
|
167
172
|
`);
|
|
168
173
|
dispatch({
|
|
169
174
|
type: Actions.CHANGE_FONT_SIZE,
|
|
@@ -188,8 +193,6 @@ function ReaderProvider({
|
|
|
188
193
|
setLocations,
|
|
189
194
|
changeFontFamily,
|
|
190
195
|
injectJavascript,
|
|
191
|
-
changeFlow,
|
|
192
|
-
setFlow,
|
|
193
196
|
changeFontSize,
|
|
194
197
|
theme: state.theme,
|
|
195
198
|
flow: state.flow,
|
|
@@ -203,7 +206,7 @@ function ReaderProvider({
|
|
|
203
206
|
locations: state.locations,
|
|
204
207
|
isLoading: loading,
|
|
205
208
|
setIsLoading: setLoading
|
|
206
|
-
}), [registerBook, goNext, goPrevious, goToLocation, setAtStart, setAtEnd, setTotalLocations, setCurrentLocation, changeTheme, getLocations, getCurrentLocation, getMeta, setMeta, setProgress, setLocations, changeFontFamily, injectJavascript,
|
|
209
|
+
}), [registerBook, goNext, goPrevious, goToLocation, setAtStart, setAtEnd, setTotalLocations, setCurrentLocation, changeTheme, getLocations, getCurrentLocation, getMeta, setMeta, setProgress, setLocations, changeFontFamily, injectJavascript, changeFontSize, state.theme, state.flow, state.fontSize, state.atStart, state.atEnd, state.totalLocations, state.currentLocation, state.meta, state.progress, state.locations, loading, setLoading]);
|
|
207
210
|
return /*#__PURE__*/_jsx(ReaderContext.Provider, {
|
|
208
211
|
value: contextValue,
|
|
209
212
|
children: children
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createContext","useCallback","useMemo","useReducer","useRef","useState","defaultTheme","webViewInjectFunctions","useReaderState","Actions","jsx","_jsx","ReaderContext","registerBook","setAtStart","setAtEnd","setTotalLocations","setCurrentLocation","setMeta","setProgress","setLocations","goToLocation","goPrevious","goNext","getLocations","getCurrentLocation","getMeta","cover","author","title","description","language","publisher","rights","atStart","atEnd","totalLocations","currentLocation","meta","progress","locations","theme","injectJavascript","changeFontSize","changeTheme","fontSize","isLoading","setIsLoading","ReaderProvider","children","bookReducer","initialState","state","dispatch","loading","setLoading","book","bookRef","current","type","SET_AT_START","payload","SET_AT_END","SET_TOTAL_LOCATIONS","location","SET_CURRENT_LOCATION","SET_META","SET_PROGRESS","SET_LOCATIONS","changeFontFamily","fontFamily","injectJavaScript","CHANGE_FONT_FAMILY","script","
|
|
1
|
+
{"version":3,"names":["createContext","useCallback","useMemo","useReducer","useRef","useState","defaultTheme","webViewInjectFunctions","useReaderState","Actions","jsx","_jsx","ReaderContext","registerBook","setAtStart","setAtEnd","setTotalLocations","setCurrentLocation","setMeta","setProgress","setLocations","goToLocation","goPrevious","goNext","getLocations","getCurrentLocation","getMeta","cover","author","title","description","language","publisher","rights","atStart","atEnd","totalLocations","currentLocation","meta","progress","locations","theme","injectJavascript","changeFontSize","changeTheme","fontSize","isLoading","setIsLoading","ReaderProvider","children","bookReducer","initialState","state","dispatch","loading","setLoading","book","bookRef","current","type","SET_AT_START","payload","SET_AT_END","SET_TOTAL_LOCATIONS","location","SET_CURRENT_LOCATION","SET_META","SET_PROGRESS","SET_LOCATIONS","changeFontFamily","fontFamily","injectJavaScript","CHANGE_FONT_FAMILY","script","JSON","stringify","CHANGE_THEME","targetCfi","size","CHANGE_FONT_SIZE","contextValue","flow","Provider","value"],"sourceRoot":"../../../src","sources":["context/ReaderContext.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { type ReaderProps } from '../types';
|
|
2
|
-
declare const Reader: ({ src, onTap, onSwipeLeft, onSwipeRight, initialLocation, onLocationsReady, onLocationChange, onFinish, onBeginning, onPinch, LoaderComponent, }: ReaderProps) => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
declare const Reader: ({ src, onTap, onSwipeLeft, onSwipeRight, initialLocation, onLocationsReady, onLocationChange, onFinish, onBeginning, onPinch, LoaderComponent, onWebViewMessage, }: ReaderProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export default Reader;
|
|
4
4
|
//# sourceMappingURL=Reader.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Reader.d.ts","sourceRoot":"","sources":["../../../../src/components/Reader.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"Reader.d.ts","sourceRoot":"","sources":["../../../../src/components/Reader.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAwBxD,QAAA,MAAM,MAAM,GAAI,oKAab,WAAW,4CA8Ob,CAAC;AAaF,eAAe,MAAM,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"internalEvents.d.ts","sourceRoot":"","sources":["../../../../src/constants/internalEvents.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,eAAe,UAwBpB,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
declare const _default: "\n<!DOCTYPE html>\n <html>\n <head>\n <meta charset=\"utf-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n <title>EPUB.js</title>\n <script id=\"jszip\"></script>\n <script id=\"epubjs\"></script>\n\n <style type=\"text/css\">\n body {\n margin: 0;\n background-color: #211F26;\n }\n\n #viewer {\n height: 100vh;\n width: 100vw;\n overflow: hidden !important;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n [ref=\"epubjs-mk-balloon\"] {\n background: url(\"data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPScxLjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZycgeG1sbnM6eGxpbms9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsnIHg9JzBweCcgeT0nMHB4JyB2aWV3Qm94PScwIDAgNzUgNzUnPjxnIGZpbGw9JyNCREJEQkQnIGlkPSdidWJibGUnPjxwYXRoIGNsYXNzPSdzdDAnIGQ9J00zNy41LDkuNEMxOS42LDkuNCw1LDIwLjUsNSwzNC4zYzAsNS45LDIuNywxMS4zLDcuMSwxNS42TDkuNiw2NS42bDE5LTcuM2MyLjgsMC42LDUuOCwwLjksOC45LDAuOSBDNTUuNSw1OS4yLDcwLDQ4LjEsNzAsMzQuM0M3MCwyMC41LDU1LjQsOS40LDM3LjUsOS40eicvPjwvZz48L3N2Zz4=\") no-repeat;\n width: 20px;\n height: 20px;\n cursor: pointer;\n margin-left: 0;\n }\n\n [ref=\"epubjs-mk-heart\"] {\n 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;\n width: 20px;\n height: 20px;\n cursor: pointer;\n margin-left: 0;\n }\n </style>\n </head>\n\n <body oncopy='return false' oncut='return false'>\n <div id=\"viewer\"></div>\n\n <script>\n let book;\n let rendition;\n\n const type = window.type;\n const file = window.book;\n const theme = window.theme;\n const initialLocations = window.locations;\n const enableSelection = window.enable_selection;\n const allowScriptedContent = window.allowScriptedContent || false;\n const allowPopups = window.allowPopups || false;\n\n if (!file) {\n const reactNativeWebview = window.ReactNativeWebView !== undefined && window.ReactNativeWebView !== null ? window.ReactNativeWebView : window;\n reactNativeWebview.postMessage(JSON.stringify({\n type: \"onDisplayError\",\n reason: \"Book file is missing\"\n }));\n }\n\n if (type === 'epub' || type === 'opf' || type === 'binary') {\n book = ePub(file);\n } else if (type === 'base64') {\n book = ePub(file, { encoding: \"base64\" });\n } else {\n const reactNativeWebview = window.ReactNativeWebView !== undefined && window.ReactNativeWebView !== null ? window.ReactNativeWebView : window;\n reactNativeWebview.postMessage(JSON.stringify({\n type: \"onDisplayError\",\n reason: \"Missing or invalid file type\"\n }));\n }\n\n rendition = book.renderTo(\"viewer\", {\n width: \"100%\",\n height: \"100%\",\n manager: \"default\",\n flow: \"auto\",\n snap: undefined,\n spread: undefined,\n fullsize: undefined,\n allowPopups: allowPopups,\n allowScriptedContent: allowScriptedContent\n });\n \n const reactNativeWebview = window.ReactNativeWebView !== undefined && window.ReactNativeWebView!== null ? window.ReactNativeWebView: window;\n reactNativeWebview.postMessage(JSON.stringify({ type: \"onStarted\" }));\n\n function flatten(chapters) {\n return [].concat.apply([], chapters.map((chapter) => [].concat.apply([chapter], flatten(chapter.subitems))));\n }\n\n function getCfiFromHref(book, href) {\n const [_, id] = href.split('#')\n let section = book.spine.get(href.split('/')[1]) || book.spine.get(href) || book.spine.get(href.split('/').slice(1).join('/'))\n\n const el = (id ? section.document.getElementById(id) : section.document.body)\n return section.cfiFromElement(el)\n }\n\n function getChapter(location) {\n const locationHref = location.start.href\n\n let match = flatten(book.navigation.toc)\n .filter((chapter) => {\n return book.canonical(chapter.href).includes(locationHref)\n }, null)\n .reduce((result, chapter) => {\n const locationAfterChapter = ePub.CFI.prototype.compare(location.start.cfi, getCfiFromHref(book, chapter.href)) > 0\n return locationAfterChapter ? chapter : result\n }, null);\n\n return match;\n };\n\n const makeRangeCfi = (a, b) => {\n const CFI = new ePub.CFI()\n const start = CFI.parse(a), end = CFI.parse(b)\n const cfi = {\n range: true,\n base: start.base,\n path: {\n steps: [],\n terminal: null\n },\n start: start.path,\n end: end.path\n }\n const len = cfi.start.steps.length\n for (let i = 0; i < len; i++) {\n if (CFI.equalStep(cfi.start.steps[i], cfi.end.steps[i])) {\n if (i == len - 1) {\n // Last step is equal, check terminals\n if (cfi.start.terminal === cfi.end.terminal) {\n // CFI's are equal\n cfi.path.steps.push(cfi.start.steps[i])\n // Not a range\n cfi.range = false\n }\n } else cfi.path.steps.push(cfi.start.steps[i])\n } else break\n }\n cfi.start.steps = cfi.start.steps.slice(cfi.path.steps.length)\n cfi.end.steps = cfi.end.steps.slice(cfi.path.steps.length)\n\n return 'epubcfi(' + CFI.segmentString(cfi.base)\n + '!' + CFI.segmentString(cfi.path)\n + ',' + CFI.segmentString(cfi.start)\n + ',' + CFI.segmentString(cfi.end)\n + ')'\n }\n\n if (!enableSelection) {\n rendition.themes.default({\n 'body': {\n '-webkit-touch-callout': 'none', /* iOS Safari */\n '-webkit-user-select': 'none', /* Safari */\n '-khtml-user-select': 'none', /* Konqueror HTML */\n '-moz-user-select': 'none', /* Firefox */\n '-ms-user-select': 'none', /* Internet Explorer/Edge */\n 'user-select': 'none'\n }\n });\n }\n\n book.ready\n .then(function () {\n if (initialLocations) {\n book.locations.load(initialLocations);\n }\n return rendition.display();\n })\n .then(function () {\n var currentLocation = rendition.currentLocation();\n\n reactNativeWebview.postMessage(JSON.stringify({\n type: \"onReady\",\n totalLocations: book.locations.total,\n currentLocation: currentLocation,\n progress: currentLocation?.start?.cfi\n ? book.locations.percentageFromCfi(currentLocation.start.cfi)\n : 0,\n }));\n\n if (initialLocations) {\n reactNativeWebview.postMessage(JSON.stringify({\n type: \"onLocationsReady\",\n epubKey: book.key(),\n locations: initialLocations,\n totalLocations: book.locations.total,\n currentLocation: currentLocation,\n progress: currentLocation?.start?.cfi\n ? book.locations.percentageFromCfi(currentLocation.start.cfi)\n : 0,\n }));\n return Promise.resolve();\n }\n\n return book.locations.generate(1600).then(function () {\n var generatedLocation = rendition.currentLocation() || currentLocation;\n reactNativeWebview.postMessage(JSON.stringify({\n type: \"onLocationsReady\",\n epubKey: book.key(),\n locations: book.locations.save(),\n totalLocations: book.locations.total,\n currentLocation: generatedLocation,\n progress: generatedLocation?.start?.cfi\n ? book.locations.percentageFromCfi(generatedLocation.start.cfi)\n : 0,\n }));\n }).catch(function () {\n reactNativeWebview.postMessage(JSON.stringify({\n type: \"onLocationsReady\",\n epubKey: book.key(),\n locations: [],\n totalLocations: book.locations.total,\n currentLocation: currentLocation,\n progress: 0,\n }));\n });\n\n book\n .coverUrl()\n .then(async (url) => {\n var reader = new FileReader();\n reader.onload = (res) => {\n reactNativeWebview.postMessage(\n JSON.stringify({\n type: \"meta\",\n metadata: {\n cover: reader.result,\n author: book.package.metadata.creator,\n title: book.package.metadata.title,\n description: book.package.metadata.description,\n language: book.package.metadata.language,\n publisher: book.package.metadata.publisher,\n rights: book.package.metadata.rights,\n },\n })\n );\n };\n reader.readAsDataURL(await fetch(url).then((res) => res.blob()));\n })\n .catch(() => {\n reactNativeWebview.postMessage(\n JSON.stringify({\n type: \"meta\",\n metadata: {\n cover: undefined,\n author: book.package.metadata.creator,\n title: book.package.metadata.title,\n description: book.package.metadata.description,\n language: book.package.metadata.language,\n publisher: book.package.metadata.publisher,\n rights: book.package.metadata.rights,\n },\n })\n );\n });\n\n book.loaded.navigation.then(function (item) {\n reactNativeWebview.postMessage(JSON.stringify({\n type: 'onNavigationLoaded',\n toc: item.toc,\n landmarks: item.landmarks\n }));\n });\n })\n .catch(function (err) {\n reactNativeWebview.postMessage(JSON.stringify({\n type: \"onDisplayError\",\n reason: err.message || err.toString()\n }));\n });\n\n let isAnimating = false;\n const originalNext = rendition.next.bind(rendition);\n const originalPrev = rendition.prev.bind(rendition);\n\n rendition.next = function() {\n if (isAnimating) return;\n isAnimating = true;\n \n const container = rendition.manager.container;\n container.style.transition = 'opacity 0.2s ease-out';\n container.style.opacity = '0.4';\n \n setTimeout(() => {\n originalNext();\n setTimeout(() => {\n container.style.opacity = '1';\n setTimeout(() => {\n container.style.transition = '';\n isAnimating = false;\n }, 200);\n }, 50);\n }, 100);\n };\n\n rendition.prev = function() {\n if (isAnimating) return;\n isAnimating = true;\n \n const container = rendition.manager.container;\n container.style.transition = 'opacity 0.2s ease-out';\n container.style.opacity = '0.4';\n \n setTimeout(() => {\n originalPrev();\n setTimeout(() => {\n container.style.opacity = '1';\n setTimeout(() => {\n container.style.transition = '';\n isAnimating = false;\n }, 200);\n }, 50);\n }, 100);\n };\n\n rendition.on('started', () => {\n rendition.themes.register({ theme: theme });\n rendition.themes.select('theme');\n });\n\n rendition.on(\"relocated\", function (location) {\n var percent = book.locations.percentageFromCfi(location.start.cfi);\n var percentage = Math.floor(percent * 100);\n var chapter = getChapter(location);\n\n reactNativeWebview.postMessage(JSON.stringify({\n type: \"onLocationChange\",\n totalLocations: book.locations.total,\n currentLocation: location,\n progress: percentage,\n currentSection: chapter,\n }));\n\n if (location.atStart) {\n reactNativeWebview.postMessage(JSON.stringify({\n type: \"onBeginning\",\n }));\n }\n\n if (location.atEnd) {\n reactNativeWebview.postMessage(JSON.stringify({\n type: \"onFinish\",\n }));\n }\n });\n\n rendition.on(\"orientationchange\", function (orientation) {\n reactNativeWebview.postMessage(JSON.stringify({\n type: 'onOrientationChange',\n orientation: orientation\n }));\n });\n\n rendition.on(\"rendered\", function (section) {\n reactNativeWebview.postMessage(JSON.stringify({\n type: 'onRendered',\n section: section,\n currentSection: book.navigation.get(section.href),\n }));\n });\n\n rendition.on(\"layout\", function (layout) {\n reactNativeWebview.postMessage(JSON.stringify({\n type: 'onLayout',\n layout: layout,\n }));\n });\n\n rendition.on(\"selected\", function (cfiRange, contents) {\n book.getRange(cfiRange).then(function (range) {\n if (range) {\n reactNativeWebview.postMessage(JSON.stringify({\n type: 'onSelected',\n cfiRange: cfiRange,\n text: range.toString(),\n }));\n }\n });\n });\n\n rendition.on(\"resized\", function (layout) {\n reactNativeWebview.postMessage(JSON.stringify({\n type: 'onResized',\n layout: layout,\n }));\n });\n </script>\n </body>\n</html>\n";
|
|
1
|
+
declare const _default: "\n<!doctype html>\n<html>\n <head>\n <meta charset=\"utf-8\" />\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n <title>EPUB.js</title>\n <script id=\"jszip\"></script>\n <script id=\"epubjs\"></script>\n\n <style type=\"text/css\">\n body {\n margin: 0;\n background-color: #211f26;\n }\n\n #viewer {\n height: 100vh;\n width: 100vw;\n overflow: hidden !important;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n [ref='epubjs-mk-balloon'] {\n background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPScxLjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZycgeG1sbnM6eGxpbms9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsnIHg9JzBweCcgeT0nMHB4JyB2aWV3Qm94PScwIDAgNzUgNzUnPjxnIGZpbGw9JyNCREJEQkQnIGlkPSdidWJibGUnPjxwYXRoIGNsYXNzPSdzdDAnIGQ9J00zNy41LDkuNEMxOS42LDkuNCw1LDIwLjUsNSwzNC4zYzAsNS45LDIuNywxMS4zLDcuMSwxNS42TDkuNiw2NS42bDE5LTcuM2MyLjgsMC42LDUuOCwwLjksOC45LDAuOSBDNTUuNSw1OS4yLDcwLDQ4LjEsNzAsMzQuM0M3MCwyMC41LDU1LjQsOS40LDM3LjUsOS40eicvPjwvZz48L3N2Zz4=')\n no-repeat;\n width: 20px;\n height: 20px;\n cursor: pointer;\n margin-left: 0;\n }\n\n [ref='epubjs-mk-heart'] {\n 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=')\n no-repeat;\n width: 20px;\n height: 20px;\n cursor: pointer;\n margin-left: 0;\n }\n </style>\n </head>\n\n <body oncopy=\"return false;\" oncut=\"return false;\">\n <div id=\"viewer\"></div>\n\n <script>\n let book;\n let rendition;\n\n const type = window.type;\n const file = window.book;\n const theme = window.theme;\n const initialLocations = window.locations;\n const enableSelection = window.enable_selection;\n const allowScriptedContent = window.allowScriptedContent || false;\n const allowPopups = window.allowPopups || false;\n\n if (!file) {\n const reactNativeWebview =\n window.ReactNativeWebView !== undefined &&\n window.ReactNativeWebView !== null\n ? window.ReactNativeWebView\n : window;\n reactNativeWebview.postMessage(\n JSON.stringify({\n type: 'onDisplayError',\n reason: 'Book file is missing',\n })\n );\n }\n\n if (type === 'epub' || type === 'opf' || type === 'binary') {\n book = ePub(file);\n } else if (type === 'base64') {\n book = ePub(file, { encoding: 'base64' });\n } else {\n const reactNativeWebview =\n window.ReactNativeWebView !== undefined &&\n window.ReactNativeWebView !== null\n ? window.ReactNativeWebView\n : window;\n reactNativeWebview.postMessage(\n JSON.stringify({\n type: 'onDisplayError',\n reason: 'Missing or invalid file type',\n })\n );\n }\n\n rendition = book.renderTo('viewer', {\n width: '100%',\n height: '100%',\n manager: 'default',\n flow: 'auto',\n snap: undefined,\n spread: undefined,\n fullsize: undefined,\n allowPopups: allowPopups,\n allowScriptedContent: allowScriptedContent,\n });\n\n const reactNativeWebview =\n window.ReactNativeWebView !== undefined &&\n window.ReactNativeWebView !== null\n ? window.ReactNativeWebView\n : window;\n reactNativeWebview.postMessage(JSON.stringify({ type: 'onStarted' }));\n\n function flatten(chapters) {\n return [].concat.apply(\n [],\n chapters.map((chapter) =>\n [].concat.apply([chapter], flatten(chapter.subitems))\n )\n );\n }\n\n function getCfiFromHref(book, href) {\n const [_, id] = href.split('#');\n let section =\n book.spine.get(href.split('/')[1]) ||\n book.spine.get(href) ||\n book.spine.get(href.split('/').slice(1).join('/'));\n\n const el = id\n ? section.document.getElementById(id)\n : section.document.body;\n return section.cfiFromElement(el);\n }\n\n function getChapter(location) {\n const locationHref = location.start.href;\n\n let match = flatten(book.navigation.toc)\n .filter((chapter) => {\n return book.canonical(chapter.href).includes(locationHref);\n }, null)\n .reduce((result, chapter) => {\n const locationAfterChapter =\n ePub.CFI.prototype.compare(\n location.start.cfi,\n getCfiFromHref(book, chapter.href)\n ) > 0;\n return locationAfterChapter ? chapter : result;\n }, null);\n\n return match;\n }\n\n const makeRangeCfi = (a, b) => {\n const CFI = new ePub.CFI();\n const start = CFI.parse(a),\n end = CFI.parse(b);\n const cfi = {\n range: true,\n base: start.base,\n path: {\n steps: [],\n terminal: null,\n },\n start: start.path,\n end: end.path,\n };\n const len = cfi.start.steps.length;\n for (let i = 0; i < len; i++) {\n if (CFI.equalStep(cfi.start.steps[i], cfi.end.steps[i])) {\n if (i == len - 1) {\n // Last step is equal, check terminals\n if (cfi.start.terminal === cfi.end.terminal) {\n // CFI's are equal\n cfi.path.steps.push(cfi.start.steps[i]);\n // Not a range\n cfi.range = false;\n }\n } else cfi.path.steps.push(cfi.start.steps[i]);\n } else break;\n }\n cfi.start.steps = cfi.start.steps.slice(cfi.path.steps.length);\n cfi.end.steps = cfi.end.steps.slice(cfi.path.steps.length);\n\n return (\n 'epubcfi(' +\n CFI.segmentString(cfi.base) +\n '!' +\n CFI.segmentString(cfi.path) +\n ',' +\n CFI.segmentString(cfi.start) +\n ',' +\n CFI.segmentString(cfi.end) +\n ')'\n );\n };\n\n if (!enableSelection) {\n rendition.themes.default({\n body: {\n '-webkit-touch-callout': 'none' /* iOS Safari */,\n '-webkit-user-select': 'none' /* Safari */,\n '-khtml-user-select': 'none' /* Konqueror HTML */,\n '-moz-user-select': 'none' /* Firefox */,\n '-ms-user-select': 'none' /* Internet Explorer/Edge */,\n 'user-select': 'none',\n },\n });\n }\n\n book.ready\n .then(function () {\n if (initialLocations) {\n book.locations.load(initialLocations);\n }\n return rendition.display();\n })\n .then(function () {\n var currentLocation = rendition.currentLocation();\n\n reactNativeWebview.postMessage(\n JSON.stringify({\n type: 'onReady',\n totalLocations: book.locations.total,\n currentLocation: currentLocation,\n progress: currentLocation?.start?.cfi\n ? book.locations.percentageFromCfi(currentLocation.start.cfi)\n : 0,\n })\n );\n\n if (initialLocations) {\n reactNativeWebview.postMessage(\n JSON.stringify({\n type: 'onLocationsReady',\n epubKey: book.key(),\n locations: initialLocations,\n totalLocations: book.locations.total,\n currentLocation: currentLocation,\n progress: currentLocation?.start?.cfi\n ? book.locations.percentageFromCfi(currentLocation.start.cfi)\n : 0,\n })\n );\n return Promise.resolve();\n }\n\n return book.locations\n .generate(1600)\n .then(function () {\n var generatedLocation =\n rendition.currentLocation() || currentLocation;\n reactNativeWebview.postMessage(\n JSON.stringify({\n type: 'onLocationsReady',\n epubKey: book.key(),\n locations: book.locations.save(),\n totalLocations: book.locations.total,\n currentLocation: generatedLocation,\n progress: generatedLocation?.start?.cfi\n ? book.locations.percentageFromCfi(\n generatedLocation.start.cfi\n )\n : 0,\n })\n );\n })\n .catch(function () {\n reactNativeWebview.postMessage(\n JSON.stringify({\n type: 'onLocationsReady',\n epubKey: book.key(),\n locations: [],\n totalLocations: book.locations.total,\n currentLocation: currentLocation,\n progress: 0,\n })\n );\n });\n\n book\n .coverUrl()\n .then(async (url) => {\n var reader = new FileReader();\n reader.onload = (res) => {\n reactNativeWebview.postMessage(\n JSON.stringify({\n type: 'meta',\n metadata: {\n cover: reader.result,\n author: book.package.metadata.creator,\n title: book.package.metadata.title,\n description: book.package.metadata.description,\n language: book.package.metadata.language,\n publisher: book.package.metadata.publisher,\n rights: book.package.metadata.rights,\n },\n })\n );\n };\n reader.readAsDataURL(await fetch(url).then((res) => res.blob()));\n })\n .catch(() => {\n reactNativeWebview.postMessage(\n JSON.stringify({\n type: 'meta',\n metadata: {\n cover: undefined,\n author: book.package.metadata.creator,\n title: book.package.metadata.title,\n description: book.package.metadata.description,\n language: book.package.metadata.language,\n publisher: book.package.metadata.publisher,\n rights: book.package.metadata.rights,\n },\n })\n );\n });\n\n book.loaded.navigation.then(function (item) {\n reactNativeWebview.postMessage(\n JSON.stringify({\n type: 'onNavigationLoaded',\n toc: item.toc,\n landmarks: item.landmarks,\n })\n );\n });\n })\n .catch(function (err) {\n reactNativeWebview.postMessage(\n JSON.stringify({\n type: 'onDisplayError',\n reason: err.message || err.toString(),\n })\n );\n });\n\n let isAnimating = false;\n const originalNext = rendition.next.bind(rendition);\n const originalPrev = rendition.prev.bind(rendition);\n\n rendition.next = function () {\n if (isAnimating) return;\n isAnimating = true;\n\n const container = rendition.manager.container;\n container.style.transition = 'opacity 0.2s ease-out';\n container.style.opacity = '0.4';\n\n setTimeout(() => {\n originalNext();\n setTimeout(() => {\n container.style.opacity = '1';\n setTimeout(() => {\n container.style.transition = '';\n isAnimating = false;\n }, 200);\n }, 50);\n }, 100);\n };\n\n rendition.prev = function () {\n if (isAnimating) return;\n isAnimating = true;\n\n const container = rendition.manager.container;\n container.style.transition = 'opacity 0.2s ease-out';\n container.style.opacity = '0.4';\n\n setTimeout(() => {\n originalPrev();\n setTimeout(() => {\n container.style.opacity = '1';\n setTimeout(() => {\n container.style.transition = '';\n isAnimating = false;\n }, 200);\n }, 50);\n }, 100);\n };\n\n rendition.on('started', () => {\n rendition.themes.register({ theme: theme });\n rendition.themes.select('theme');\n });\n\n rendition.on('relocated', function (location) {\n var percent = book.locations.percentageFromCfi(location.start.cfi);\n var percentage = Math.floor(percent * 100);\n var chapter = getChapter(location);\n\n reactNativeWebview.postMessage(\n JSON.stringify({\n type: 'onLocationChange',\n totalLocations: book.locations.total,\n currentLocation: location,\n progress: percentage,\n currentSection: chapter,\n })\n );\n\n if (location.atStart) {\n reactNativeWebview.postMessage(\n JSON.stringify({\n type: 'onBeginning',\n })\n );\n }\n\n if (location.atEnd) {\n reactNativeWebview.postMessage(\n JSON.stringify({\n type: 'onFinish',\n })\n );\n }\n });\n\n rendition.on('rendered', function (section) {\n reactNativeWebview.postMessage(\n JSON.stringify({\n type: 'onRendered',\n section: section,\n currentSection: book.navigation.get(section.href),\n })\n );\n });\n\n rendition.on('layout', function (layout) {\n reactNativeWebview.postMessage(\n JSON.stringify({\n type: 'onLayout',\n layout: layout,\n })\n );\n });\n </script>\n </body>\n</html>\n";
|
|
2
2
|
export default _default;
|
|
3
3
|
//# sourceMappingURL=template.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"template.d.ts","sourceRoot":"","sources":["../../../../src/constants/template.ts"],"names":[],"mappings":";AAAA,
|
|
1
|
+
{"version":3,"file":"template.d.ts","sourceRoot":"","sources":["../../../../src/constants/template.ts"],"names":[],"mappings":";AAAA,wBAubE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ReaderContext.d.ts","sourceRoot":"","sources":["../../../../src/context/ReaderContext.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAQlD,QAAA,MAAM,aAAa,6CAiDjB,CAAC;AAEH,iBAAS,cAAc,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,
|
|
1
|
+
{"version":3,"file":"ReaderContext.d.ts","sourceRoot":"","sources":["../../../../src/context/ReaderContext.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAQlD,QAAA,MAAM,aAAa,6CAiDjB,CAAC;AAEH,iBAAS,cAAc,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,2CAqMlE;AAED,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -58,6 +58,7 @@ export interface GestureHandlerProps {
|
|
|
58
58
|
onSwipeRight?: () => void;
|
|
59
59
|
onTap?: () => void;
|
|
60
60
|
onPinch?: (e: GestureUpdateEvent<PinchGestureHandlerEventPayload>) => void;
|
|
61
|
+
onWebViewMessage?: (event: any) => void;
|
|
61
62
|
}
|
|
62
63
|
export type ReaderProps = {
|
|
63
64
|
src: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,kBAAkB,EAClB,+BAA+B,EAChC,MAAM,8BAA8B,CAAC;AAEtC,MAAM,WAAW,kBAAkB;IACjC,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,QAAQ,CAAC;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,EAAE,OAAO,GAAG,IAAI,CAAC;CAChC;AAED,MAAM,MAAM,QAAQ,GAAG;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,GAAG,EAAE;QACH,GAAG,EAAE,OAAO,CAAC;QACb,SAAS,EAAE;YACT,IAAI,EAAE,MAAM,CAAC;YACb,KAAK,EAAE,MAAM,CAAC;SACf,CAAC;QACF,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;QACjB,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,KAAK,EAAE;QACL,GAAG,EAAE,OAAO,CAAC;QACb,SAAS,EAAE;YACT,IAAI,EAAE,MAAM,CAAC;YACb,KAAK,EAAE,MAAM,CAAC;SACf,CAAC;QACF,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;QACjB,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,OAAO,GAAG;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,QAAQ,EAAE,GAAG,EAAE,CAAC;CACjB,CAAC;AAEF;;;;;GAKG;AACH,MAAM,MAAM,OAAO,GAAG,MAAM,CAAC;AAE7B,oBAAY,UAAU;IACpB,IAAI,SAAS;CACd;AAED,MAAM,MAAM,KAAK,GAAG;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG;QACb,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KACvB,CAAC;CACH,CAAC;AAEF,MAAM,WAAW,mBAAmB;IAClC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,kBAAkB,CAAC,+BAA+B,CAAC,KAAK,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,kBAAkB,EAClB,+BAA+B,EAChC,MAAM,8BAA8B,CAAC;AAEtC,MAAM,WAAW,kBAAkB;IACjC,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,QAAQ,CAAC;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,EAAE,OAAO,GAAG,IAAI,CAAC;CAChC;AAED,MAAM,MAAM,QAAQ,GAAG;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,GAAG,EAAE;QACH,GAAG,EAAE,OAAO,CAAC;QACb,SAAS,EAAE;YACT,IAAI,EAAE,MAAM,CAAC;YACb,KAAK,EAAE,MAAM,CAAC;SACf,CAAC;QACF,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;QACjB,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,KAAK,EAAE;QACL,GAAG,EAAE,OAAO,CAAC;QACb,SAAS,EAAE;YACT,IAAI,EAAE,MAAM,CAAC;YACb,KAAK,EAAE,MAAM,CAAC;SACf,CAAC;QACF,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;QACjB,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,OAAO,GAAG;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,QAAQ,EAAE,GAAG,EAAE,CAAC;CACjB,CAAC;AAEF;;;;;GAKG;AACH,MAAM,MAAM,OAAO,GAAG,MAAM,CAAC;AAE7B,oBAAY,UAAU;IACpB,IAAI,SAAS;CACd;AAED,MAAM,MAAM,KAAK,GAAG;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG;QACb,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KACvB,CAAC;CACH,CAAC;AAEF,MAAM,WAAW,mBAAmB;IAClC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,kBAAkB,CAAC,+BAA+B,CAAC,KAAK,IAAI,CAAC;IAC3E,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;CACzC;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACtD,gBAAgB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;IACnE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,eAAe,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACvC,GAAG,mBAAmB,CAAC;AAExB,MAAM,MAAM,IAAI,GAAG,WAAW,GAAG,cAAc,CAAC"}
|
package/package.json
CHANGED
|
@@ -21,6 +21,7 @@ import type {
|
|
|
21
21
|
GestureUpdateEvent,
|
|
22
22
|
PinchGestureHandlerEventPayload,
|
|
23
23
|
} from 'react-native-gesture-handler';
|
|
24
|
+
import INTERNAL_EVENTS from '../constants/internalEvents';
|
|
24
25
|
|
|
25
26
|
const Reader = ({
|
|
26
27
|
src,
|
|
@@ -34,8 +35,10 @@ const Reader = ({
|
|
|
34
35
|
onBeginning = () => {},
|
|
35
36
|
onPinch = () => {},
|
|
36
37
|
LoaderComponent,
|
|
38
|
+
onWebViewMessage,
|
|
37
39
|
}: ReaderProps) => {
|
|
38
40
|
const [templateUri, setTemplateUri] = useState<string>('');
|
|
41
|
+
const [isReaderReady, setIsReaderReady] = useState(false);
|
|
39
42
|
|
|
40
43
|
const {
|
|
41
44
|
registerBook,
|
|
@@ -59,7 +62,19 @@ const Reader = ({
|
|
|
59
62
|
const bookRef = useRef<WebView | null>(null);
|
|
60
63
|
|
|
61
64
|
const onMessage = (event: any) => {
|
|
62
|
-
|
|
65
|
+
let parsedEvent;
|
|
66
|
+
try {
|
|
67
|
+
parsedEvent = JSON.parse(event.nativeEvent.data);
|
|
68
|
+
} catch (error) {
|
|
69
|
+
console.warn('Failed to parse WebView message:', error);
|
|
70
|
+
return;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
console.log(parsedEvent.type);
|
|
74
|
+
|
|
75
|
+
if (!INTERNAL_EVENTS.includes(parsedEvent?.type) && onWebViewMessage) {
|
|
76
|
+
return onWebViewMessage(parsedEvent);
|
|
77
|
+
}
|
|
63
78
|
|
|
64
79
|
switch (parsedEvent.type) {
|
|
65
80
|
case 'onLocationChange':
|
|
@@ -93,10 +108,16 @@ const Reader = ({
|
|
|
93
108
|
|
|
94
109
|
return onLocationsReady(props.epubKey, parsedEvent.locations);
|
|
95
110
|
case 'onReady':
|
|
111
|
+
setIsReaderReady(true);
|
|
112
|
+
setIsLoading(false);
|
|
96
113
|
if (initialLocation) {
|
|
97
114
|
goToLocation(initialLocation);
|
|
98
115
|
}
|
|
99
116
|
break;
|
|
117
|
+
case 'onDisplayError':
|
|
118
|
+
setIsLoading(false);
|
|
119
|
+
console.error('Reader display error:', parsedEvent.reason);
|
|
120
|
+
break;
|
|
100
121
|
|
|
101
122
|
case 'onBeginning':
|
|
102
123
|
setAtStart(true);
|
|
@@ -118,11 +139,13 @@ const Reader = ({
|
|
|
118
139
|
};
|
|
119
140
|
|
|
120
141
|
const handleOnSwipeLeft = () => {
|
|
142
|
+
if (!isReaderReady) return;
|
|
121
143
|
onSwipeLeft?.();
|
|
122
144
|
goNext();
|
|
123
145
|
};
|
|
124
146
|
|
|
125
147
|
const handleOnSwipeRight = () => {
|
|
148
|
+
if (!isReaderReady) return;
|
|
126
149
|
onSwipeRight?.();
|
|
127
150
|
goPrevious();
|
|
128
151
|
};
|
|
@@ -130,6 +153,8 @@ const Reader = ({
|
|
|
130
153
|
const handleOnPinch = (
|
|
131
154
|
e: GestureUpdateEvent<PinchGestureHandlerEventPayload>
|
|
132
155
|
) => {
|
|
156
|
+
if (!isReaderReady) return;
|
|
157
|
+
|
|
133
158
|
const fontSizeValue = parseInt(fontSize.replace('pt', ''), 10);
|
|
134
159
|
|
|
135
160
|
const scaleValue = e.scale > 1 ? e.scale * 0.5 : e.scale;
|
|
@@ -167,6 +192,8 @@ const Reader = ({
|
|
|
167
192
|
const prepareReader = async () => {
|
|
168
193
|
try {
|
|
169
194
|
setIsLoading(true);
|
|
195
|
+
setIsReaderReady(false);
|
|
196
|
+
setTemplateUri('');
|
|
170
197
|
|
|
171
198
|
const [, jszip, epubjs] = await loadScripts();
|
|
172
199
|
|
|
@@ -190,8 +217,9 @@ const Reader = ({
|
|
|
190
217
|
}
|
|
191
218
|
} catch (error) {
|
|
192
219
|
console.error('Reader Error:', error);
|
|
193
|
-
|
|
194
|
-
|
|
220
|
+
if (isMounted) {
|
|
221
|
+
setIsLoading(false);
|
|
222
|
+
}
|
|
195
223
|
}
|
|
196
224
|
};
|
|
197
225
|
|
|
@@ -207,7 +235,7 @@ const Reader = ({
|
|
|
207
235
|
setIsLoading,
|
|
208
236
|
]);
|
|
209
237
|
|
|
210
|
-
if (isLoading) {
|
|
238
|
+
if (isLoading || !templateUri) {
|
|
211
239
|
return LoaderComponent ? (
|
|
212
240
|
<LoaderComponent />
|
|
213
241
|
) : (
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
const INTERNAL_EVENTS = [
|
|
2
|
+
'meta',
|
|
3
|
+
'onStarted',
|
|
4
|
+
'onReady',
|
|
5
|
+
'onDisplayError',
|
|
6
|
+
'onResized',
|
|
7
|
+
'onLocationChange',
|
|
8
|
+
'onSearch',
|
|
9
|
+
'onLocationsReady',
|
|
10
|
+
'onSelected',
|
|
11
|
+
'onOrientationChange',
|
|
12
|
+
'onBeginning',
|
|
13
|
+
'onFinish',
|
|
14
|
+
'onRendered',
|
|
15
|
+
'onLayout',
|
|
16
|
+
'onNavigationLoaded',
|
|
17
|
+
'onAddAnnotation',
|
|
18
|
+
'onChangeAnnotations',
|
|
19
|
+
'onSetInitialAnnotations',
|
|
20
|
+
'onPressAnnotation',
|
|
21
|
+
'onAddBookmark',
|
|
22
|
+
'onRemoveBookmark',
|
|
23
|
+
'onRemoveBookmarks',
|
|
24
|
+
'onUpdateBookmark',
|
|
25
|
+
];
|
|
26
|
+
|
|
27
|
+
export default INTERNAL_EVENTS;
|