react-native-readium 1.0.0-alpha.5 → 1.0.0-alpha.8

package/android/src/main/java/com/reactnativereadium/ReadiumView.kt

@@ -10,6 +10,7 @@ import com.reactnativereadium.reader.BaseReaderFragment
 import com.reactnativereadium.reader.EpubReaderFragment
 import com.reactnativereadium.reader.ReaderViewModel
 import com.reactnativereadium.utils.Dimensions
+import com.reactnativereadium.utils.File
 import org.readium.r2.shared.extensions.toMap
 import org.readium.r2.shared.publication.Locator
 
@@ -17,7 +18,9 @@ class ReadiumView(
   val reactContext: ThemedReactContext
 ) : FrameLayout(reactContext) {
   var dimensions: Dimensions = Dimensions(0,0)
+  var file: File? = null
   var fragment: BaseReaderFragment? = null
+  var isViewInitialized: Boolean = false
 
   fun updateLocation(locator: Locator) : Boolean {
     if (fragment == null) {

package/android/src/main/java/com/reactnativereadium/ReadiumViewManager.kt

@@ -7,6 +7,7 @@ import com.facebook.react.uimanager.annotations.ReactPropGroup
 import com.facebook.react.uimanager.ThemedReactContext
 import com.facebook.react.uimanager.ViewGroupManager
 import com.reactnativereadium.reader.ReaderService
+import com.reactnativereadium.utils.File
 import kotlinx.coroutines.runBlocking
 import org.json.JSONObject
 import org.readium.r2.shared.publication.Locator
@@ -33,9 +34,32 @@ class ReadiumViewManager(
     ).build()
   }
 
+  override fun getCommandsMap(): MutableMap<String, Int> {
+    return MapBuilder.of("create", COMMAND_CREATE)
+  }
+
+  override fun receiveCommand(view: ReadiumView, commandId: String?, args: ReadableArray?) {
+    super.receiveCommand(view, commandId, args)
+    val reactNativeViewId = args!!.getInt(0)
+    val commandIdInt = commandId!!.toInt()
+
+    when (commandIdInt) {
+      COMMAND_CREATE -> {
+        view.isViewInitialized = true
+
+        if (view.file != null) {
+          buildForViewIfReady(view)
+        }
+      }
+      else -> {
+      }
+    }
+  }
+
   @ReactProp(name = "file")
   fun setFile(view: ReadiumView, file: ReadableMap) {
-    val path = file.getString("url")
+    val path = (file.getString("url") ?: "")
+      .replace("^(file:/+)?(/.*)$".toRegex(), "$2")
     val locatorMap = file.getMap("initialLocation")
     var initialLocation: Locator? = null
 
@@ -43,11 +67,8 @@ class ReadiumViewManager(
       initialLocation = Locator.fromJSON(JSONObject(locatorMap.toHashMap()))
     }
 
-    runBlocking {
-      svc.openPublication(path!!, initialLocation) { fragment ->
-        view.addFragment(fragment)
-      }
-    }
+    view.file = File(path, initialLocation)
+    this.buildForViewIfReady(view)
   }
 
   @ReactProp(name = "location")
@@ -74,7 +95,19 @@ class ReadiumViewManager(
     }
   }
 
+  private fun buildForViewIfReady(view: ReadiumView) {
+    var file = view.file
+    if (file != null && view.isViewInitialized) {
+      runBlocking {
+        svc.openPublication(file.path, file.initialLocation) { fragment ->
+          view.addFragment(fragment)
+        }
+      }
+    }
+  }
+
   companion object {
     var ON_LOCATION_CHANGE = "onLocationChange"
+    var COMMAND_CREATE = 1
   }
 }

package/android/src/main/java/com/reactnativereadium/reader/EpubReaderFragment.kt

@@ -38,6 +38,7 @@ class EpubReaderFragment : VisualReaderFragment(), EpubNavigatorFragment.Listene
     private lateinit var publication: Publication
     lateinit var navigatorFragment: EpubNavigatorFragment
     private lateinit var factory: ReaderViewModel.Factory
+    private var initialSettingsMap: Map<String, Any>? = null
 
     private lateinit var menuScreenReader: MenuItem
     private lateinit var menuSearch: MenuItem
@@ -61,8 +62,11 @@ class EpubReaderFragment : VisualReaderFragment(), EpubNavigatorFragment.Listene
     }
 
     fun updateSettingsFromMap(map: Map<String, Any>) {
-      if (userSettings != null) {
+      if (this::userSettings.isInitialized) {
         userSettings.updateSettingsFromMap(map)
+        initialSettingsMap = null
+      } else {
+        initialSettingsMap = map
       }
     }
 
@@ -122,7 +126,11 @@ class EpubReaderFragment : VisualReaderFragment(), EpubNavigatorFragment.Listene
         super.onViewCreated(view, savedInstanceState)
 
         val activity = requireActivity()
-        userSettings = UserSettings(navigatorFragment.preferences, activity, publication.userSettingsUIPreset)
+        userSettings = UserSettings(
+          navigatorFragment.preferences,
+          activity,
+          publication.userSettingsUIPreset
+        )
 
        // This is a hack to draw the right background color on top and bottom blank spaces
         navigatorFragment.lifecycleScope.launchWhenStarted {
@@ -137,6 +145,7 @@ class EpubReaderFragment : VisualReaderFragment(), EpubNavigatorFragment.Listene
         val activity = requireActivity()
 
         userSettings.resourcePager = navigatorFragment.resourcePager
+        initialSettingsMap?.let { updateSettingsFromMap(it) }
 
         // If TalkBack or any touch exploration service is activated we force scroll mode (and
         // override user preferences)

package/android/src/main/java/com/reactnativereadium/utils/File.kt

@@ -0,0 +1,8 @@
+package com.reactnativereadium.utils
+
+import org.readium.r2.shared.publication.Locator
+
+class File(
+  var path: String,
+  var initialLocation: Locator?
+) {}

package/lib/commonjs/components/BaseReadiumView.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BaseReadiumView = void 0;
+
+var _reactNative = require("react-native");
+
+var _utils = require("../utils");
+
+const BaseReadiumView = _reactNative.UIManager.getViewManagerConfig(_utils.COMPONENT_NAME) != null ? (0, _reactNative.requireNativeComponent)(_utils.COMPONENT_NAME) : () => {
+  throw new Error(_utils.LINKING_ERROR);
+};
+exports.BaseReadiumView = BaseReadiumView;
+//# sourceMappingURL=BaseReadiumView.js.map

package/lib/commonjs/components/BaseReadiumView.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["BaseReadiumView.tsx"],"names":["BaseReadiumView","UIManager","getViewManagerConfig","COMPONENT_NAME","Error","LINKING_ERROR"],"mappings":";;;;;;;AAAA;;AAOA;;AAaO,MAAMA,eAAe,GAC1BC,uBAAUC,oBAAV,CAA+BC,qBAA/B,KAAkD,IAAlD,GACI,yCAA6CA,qBAA7C,CADJ,GAEI,MAAM;AACJ,QAAM,IAAIC,KAAJ,CAAUC,oBAAV,CAAN;AACD,CALA","sourcesContent":["import {\n  requireNativeComponent,\n  UIManager,\n  ViewStyle,\n} from 'react-native';\n\nimport type { Settings, Locator, File, } from '../interfaces';\nimport { COMPONENT_NAME, LINKING_ERROR } from '../utils';\n\nexport type BaseReadiumViewProps = {\n  file: File;\n  location?: Locator;\n  settings?: Partial<Settings>;\n  style?: ViewStyle;\n  onLocationChange?: (locator: Locator) => void;\n  ref?: any;\n  height?: number;\n  width?: number;\n};\n\nexport const BaseReadiumView =\n  UIManager.getViewManagerConfig(COMPONENT_NAME) != null\n    ? requireNativeComponent<BaseReadiumViewProps>(COMPONENT_NAME)\n    : () => {\n        throw new Error(LINKING_ERROR);\n      };\n"]}

package/lib/commonjs/components/ReadiumView.js

@@ -0,0 +1,86 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ReadiumView = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactNative = require("react-native");
+
+var _interfaces = require("../interfaces");
+
+var _utils = require("../utils");
+
+var _BaseReadiumView = require("./BaseReadiumView");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const ReadiumView = _ref => {
+  let {
+    onLocationChange: wrappedOnLocationChange,
+    settings: unmappedSettings,
+    ...props
+  } = _ref;
+  const ref = (0, _react.useRef)(null);
+  const [{
+    height,
+    width
+  }, setDimensions] = (0, _react.useState)({
+    width: 0,
+    height: 0
+  }); // set the view dimensions on layout
+
+  const onLayout = (0, _react.useCallback)(_ref2 => {
+    let {
+      nativeEvent: {
+        layout: {
+          width,
+          height
+        }
+      }
+    } = _ref2;
+    setDimensions({
+      width: (0, _utils.getWidthOrHeightValue)(width),
+      height: (0, _utils.getWidthOrHeightValue)(height)
+    });
+  }, []); // wrap the native onLocationChange and extract the raw event value
+
+  const onLocationChange = (0, _react.useCallback)(event => {
+    if (wrappedOnLocationChange) {
+      wrappedOnLocationChange(event.nativeEvent);
+    }
+  }, [wrappedOnLocationChange]);
+  (0, _react.useEffect)(() => {
+    if (_reactNative.Platform.OS === 'android') {
+      const viewId = (0, _reactNative.findNodeHandle)(ref.current);
+      (0, _utils.createFragment)(viewId);
+    }
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.container,
+    onLayout: onLayout
+  }, /*#__PURE__*/_react.default.createElement(_BaseReadiumView.BaseReadiumView, _extends({
+    height: height,
+    width: width
+  }, props, {
+    onLocationChange: onLocationChange,
+    settings: unmappedSettings ? _interfaces.Settings.map(unmappedSettings) : undefined,
+    ref: ref
+  })));
+};
+
+exports.ReadiumView = ReadiumView;
+
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    width: '100%',
+    height: '100%'
+  }
+});
+//# sourceMappingURL=ReadiumView.js.map

package/lib/commonjs/components/ReadiumView.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ReadiumView.tsx"],"names":["ReadiumView","onLocationChange","wrappedOnLocationChange","settings","unmappedSettings","props","ref","height","width","setDimensions","onLayout","nativeEvent","layout","event","Platform","OS","viewId","current","styles","container","Settings","map","undefined","StyleSheet","create"],"mappings":";;;;;;;AAAA;;AACA;;AAGA;;AACA;;AAEA;;;;;;;;AAIO,MAAMA,WAAmC,GAAG,QAI7C;AAAA,MAJ8C;AAClDC,IAAAA,gBAAgB,EAAEC,uBADgC;AAElDC,IAAAA,QAAQ,EAAEC,gBAFwC;AAGlD,OAAGC;AAH+C,GAI9C;AACJ,QAAMC,GAAG,GAAG,mBAAO,IAAP,CAAZ;AACA,QAAM,CAAC;AAAEC,IAAAA,MAAF;AAAUC,IAAAA;AAAV,GAAD,EAAoBC,aAApB,IAAqC,qBAAqB;AAC9DD,IAAAA,KAAK,EAAE,CADuD;AAE9DD,IAAAA,MAAM,EAAE;AAFsD,GAArB,CAA3C,CAFI,CAMJ;;AACA,QAAMG,QAAQ,GAAG,wBAAY,SAAmD;AAAA,QAAlD;AAAEC,MAAAA,WAAW,EAAE;AAAEC,QAAAA,MAAM,EAAE;AAAEJ,UAAAA,KAAF;AAASD,UAAAA;AAAT;AAAV;AAAf,KAAkD;AAC9EE,IAAAA,aAAa,CAAC;AACZD,MAAAA,KAAK,EAAE,kCAAUA,KAAV,CADK;AAEZD,MAAAA,MAAM,EAAE,kCAAUA,MAAV;AAFI,KAAD,CAAb;AAID,GALgB,EAKd,EALc,CAAjB,CAPI,CAaJ;;AACA,QAAMN,gBAAgB,GAAG,wBAAaY,KAAD,IAAgB;AACnD,QAAIX,uBAAJ,EAA6B;AAC3BA,MAAAA,uBAAuB,CAACW,KAAK,CAACF,WAAP,CAAvB;AACD;AACF,GAJwB,EAItB,CAACT,uBAAD,CAJsB,CAAzB;AAMA,wBAAU,MAAM;AACd,QAAIY,sBAASC,EAAT,KAAgB,SAApB,EAA+B;AAC7B,YAAMC,MAAM,GAAG,iCAAeV,GAAG,CAACW,OAAnB,CAAf;AACA,iCAAeD,MAAf;AACD;AACF,GALD,EAKG,EALH;AAOA,sBACE,6BAAC,iBAAD;AACE,IAAA,KAAK,EAAEE,MAAM,CAACC,SADhB;AAEE,IAAA,QAAQ,EAAET;AAFZ,kBAIE,6BAAC,gCAAD;AACE,IAAA,MAAM,EAAEH,MADV;AAEE,IAAA,KAAK,EAAEC;AAFT,KAGMH,KAHN;AAIE,IAAA,gBAAgB,EAAEJ,gBAJpB;AAKE,IAAA,QAAQ,EAAEG,gBAAgB,GAAGgB,qBAASC,GAAT,CAAajB,gBAAb,CAAH,GAAoCkB,SALhE;AAME,IAAA,GAAG,EAAEhB;AANP,KAJF,CADF;AAeD,CA9CM;;;;AAgDP,MAAMY,MAAM,GAAGK,wBAAWC,MAAX,CAAkB;AAC/BL,EAAAA,SAAS,EAAE;AAAEX,IAAAA,KAAK,EAAE,MAAT;AAAiBD,IAAAA,MAAM,EAAE;AAAzB;AADoB,CAAlB,CAAf","sourcesContent":["import React, { useCallback, useState, useRef, useEffect } from 'react';\nimport { View, Platform, findNodeHandle, StyleSheet } from 'react-native';\n\nimport type { Dimensions } from '../interfaces';\nimport { Settings } from '../interfaces';\nimport { createFragment, getWidthOrHeightValue as dimension } from '../utils';\nimport type { BaseReadiumViewProps } from './BaseReadiumView';\nimport { BaseReadiumView } from './BaseReadiumView';\n\ntype ReadiumProps = BaseReadiumViewProps;\n\nexport const ReadiumView: React.FC<ReadiumProps> = ({\n  onLocationChange: wrappedOnLocationChange,\n  settings: unmappedSettings,\n  ...props\n}) => {\n  const ref = useRef(null);\n  const [{ height, width }, setDimensions] = useState<Dimensions>({\n    width: 0,\n    height: 0,\n  });\n  // set the view dimensions on layout\n  const onLayout = useCallback(({ nativeEvent: { layout: { width, height } }}) => {\n    setDimensions({\n      width: dimension(width),\n      height: dimension(height),\n    });\n  }, []);\n  // wrap the native onLocationChange and extract the raw event value\n  const onLocationChange = useCallback((event: any) => {\n    if (wrappedOnLocationChange) {\n      wrappedOnLocationChange(event.nativeEvent);\n    }\n  }, [wrappedOnLocationChange]);\n\n  useEffect(() => {\n    if (Platform.OS === 'android') {\n      const viewId = findNodeHandle(ref.current);\n      createFragment(viewId);\n    }\n  }, [])\n\n  return (\n    <View\n      style={styles.container}\n      onLayout={onLayout}\n    >\n      <BaseReadiumView\n        height={height}\n        width={width}\n        {...props}\n        onLocationChange={onLocationChange}\n        settings={unmappedSettings ? Settings.map(unmappedSettings) : undefined}\n        ref={ref}\n      />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: { width: '100%', height: '100%' },\n});\n"]}

package/lib/commonjs/index.js

@@ -3,20 +3,24 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _exportNames = {
-  ReadiumView: true
-};
-exports.ReadiumView = void 0;
 
-var _react = _interopRequireWildcard(require("react"));
+var _enums = require("./enums");
 
-var _reactNative = require("react-native");
+Object.keys(_enums).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _enums[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _enums[key];
+    }
+  });
+});
 
 var _interfaces = require("./interfaces");
 
 Object.keys(_interfaces).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _interfaces[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -26,80 +30,16 @@ Object.keys(_interfaces).forEach(function (key) {
   });
 });
 
-var _enums = require("./enums");
+var _ReadiumView = require("./components/ReadiumView");
 
-Object.keys(_enums).forEach(function (key) {
+Object.keys(_ReadiumView).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _enums[key]) return;
+  if (key in exports && exports[key] === _ReadiumView[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _enums[key];
+      return _ReadiumView[key];
     }
   });
 });
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-const LINKING_ERROR = `The package 'react-native-readium' doesn't seem to be linked. Make sure: \n\n` + _reactNative.Platform.select({
-  ios: "- You have run 'pod install'\n",
-  default: ''
-}) + '- You rebuilt the app after installing the package\n' + '- You are not using Expo managed workflow\n';
-const ComponentName = 'ReadiumView';
-const BaseReadiumView = _reactNative.UIManager.getViewManagerConfig(ComponentName) != null ? (0, _reactNative.requireNativeComponent)(ComponentName) : () => {
-  throw new Error(LINKING_ERROR);
-};
-
-const ReadiumView = _ref => {
-  let {
-    onLocationChange: wrappedOnLocationChange,
-    settings: unmappedSettings,
-    ...props
-  } = _ref;
-  const [{
-    height,
-    width
-  }, setDimensions] = (0, _react.useState)({
-    width: 0,
-    height: 0
-  });
-  const onLocationChange = (0, _react.useCallback)(event => {
-    if (wrappedOnLocationChange) {
-      wrappedOnLocationChange(event.nativeEvent);
-    }
-  }, [wrappedOnLocationChange]);
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      width: '100%',
-      height: '100%'
-    },
-    onLayout: _ref2 => {
-      let {
-        nativeEvent: {
-          layout: {
-            width,
-            height
-          }
-        }
-      } = _ref2;
-      setDimensions({
-        width: _reactNative.Platform.OS === 'android' ? _reactNative.PixelRatio.getPixelSizeForLayoutSize(width) : width,
-        height: _reactNative.Platform.OS === 'android' ? _reactNative.PixelRatio.getPixelSizeForLayoutSize(height) : height
-      });
-    }
-  }, /*#__PURE__*/_react.default.createElement(BaseReadiumView, _extends({
-    height: height,
-    width: width
-  }, props, {
-    onLocationChange: onLocationChange,
-    settings: unmappedSettings ? _interfaces.Settings.map(unmappedSettings) : undefined
-  })));
-};
-
-exports.ReadiumView = ReadiumView;
 //# sourceMappingURL=index.js.map

package/lib/commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":["LINKING_ERROR","Platform","select","ios","default","ComponentName","BaseReadiumView","UIManager","getViewManagerConfig","Error","ReadiumView","onLocationChange","wrappedOnLocationChange","settings","unmappedSettings","props","height","width","setDimensions","event","nativeEvent","layout","OS","PixelRatio","getPixelSizeForLayoutSize","Settings","map","undefined"],"mappings":";;;;;;;;;;AAAA;;AACA;;AAUA;;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AADA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;AAGA,MAAMA,aAAa,GAChB,+EAAD,GACAC,sBAASC,MAAT,CAAgB;AAAEC,EAAAA,GAAG,EAAE,gCAAP;AAAyCC,EAAAA,OAAO,EAAE;AAAlD,CAAhB,CADA,GAEA,sDAFA,GAGA,6CAJF;AAiBA,MAAMC,aAAa,GAAG,aAAtB;AAEA,MAAMC,eAAe,GACnBC,uBAAUC,oBAAV,CAA+BH,aAA/B,KAAiD,IAAjD,GACI,yCAAqCA,aAArC,CADJ,GAEI,MAAM;AACJ,QAAM,IAAII,KAAJ,CAAUT,aAAV,CAAN;AACD,CALP;;AAOO,MAAMU,WAAmC,GAAG,QAI7C;AAAA,MAJ8C;AAClDC,IAAAA,gBAAgB,EAAEC,uBADgC;AAElDC,IAAAA,QAAQ,EAAEC,gBAFwC;AAGlD,OAAGC;AAH+C,GAI9C;AAEJ,QAAM,CAAC;AAAEC,IAAAA,MAAF;AAAUC,IAAAA;AAAV,GAAD,EAAoBC,aAApB,IAAqC,qBAAqB;AAC9DD,IAAAA,KAAK,EAAE,CADuD;AAE9DD,IAAAA,MAAM,EAAE;AAFsD,GAArB,CAA3C;AAIA,QAAML,gBAAgB,GAAG,wBAAaQ,KAAD,IAAgB;AACnD,QAAIP,uBAAJ,EAA6B;AAC3BA,MAAAA,uBAAuB,CAACO,KAAK,CAACC,WAAP,CAAvB;AACD;AACF,GAJwB,EAItB,CAACR,uBAAD,CAJsB,CAAzB;AAMA,sBACE,6BAAC,iBAAD;AACE,IAAA,KAAK,EAAE;AAAEK,MAAAA,KAAK,EAAE,MAAT;AAAiBD,MAAAA,MAAM,EAAE;AAAzB,KADT;AAEE,IAAA,QAAQ,EAAE,SAAmD;AAAA,UAAlD;AAAEI,QAAAA,WAAW,EAAE;AAAEC,UAAAA,MAAM,EAAE;AAAEJ,YAAAA,KAAF;AAASD,YAAAA;AAAT;AAAV;AAAf,OAAkD;AAC3DE,MAAAA,aAAa,CAAC;AACZD,QAAAA,KAAK,EAAEhB,sBAASqB,EAAT,KAAgB,SAAhB,GAA4BC,wBAAWC,yBAAX,CAAqCP,KAArC,CAA5B,GAA0EA,KADrE;AAEZD,QAAAA,MAAM,EAAEf,sBAASqB,EAAT,KAAgB,SAAhB,GAA4BC,wBAAWC,yBAAX,CAAqCR,MAArC,CAA5B,GAA2EA;AAFvE,OAAD,CAAb;AAID;AAPH,kBASE,6BAAC,eAAD;AACE,IAAA,MAAM,EAAEA,MADV;AAEE,IAAA,KAAK,EAAEC;AAFT,KAGMF,KAHN;AAIE,IAAA,gBAAgB,EAAEJ,gBAJpB;AAKE,IAAA,QAAQ,EAAEG,gBAAgB,GAAGW,qBAASC,GAAT,CAAaZ,gBAAb,CAAH,GAAoCa;AALhE,KATF,CADF;AAmBD,CAnCM","sourcesContent":["import React, { useCallback, useState } from 'react';\nimport {\n  requireNativeComponent,\n  UIManager,\n  Platform,\n  ViewStyle,\n  View,\n  PixelRatio,\n} from 'react-native';\n\nimport type { Locator, File, Dimensions } from './interfaces';\nimport { Settings } from './interfaces';\n\nexport * from './enums';\nexport * from './interfaces';\n\nconst LINKING_ERROR =\n  `The package 'react-native-readium' doesn't seem to be linked. Make sure: \\n\\n` +\n  Platform.select({ ios: \"- You have run 'pod install'\\n\", default: '' }) +\n  '- You rebuilt the app after installing the package\\n' +\n  '- You are not using Expo managed workflow\\n';\n\ntype ReadiumProps = {\n  file: File;\n  location?: Locator;\n  settings?: Partial<Settings>;\n  style?: ViewStyle;\n  onLocationChange?: (locator: Locator) => void;\n  ref?: any;\n  height?: number;\n  width?: number;\n};\n\nconst ComponentName = 'ReadiumView';\n\nconst BaseReadiumView =\n  UIManager.getViewManagerConfig(ComponentName) != null\n    ? requireNativeComponent<ReadiumProps>(ComponentName)\n    : () => {\n        throw new Error(LINKING_ERROR);\n      };\n\nexport const ReadiumView: React.FC<ReadiumProps> = ({\n  onLocationChange: wrappedOnLocationChange,\n  settings: unmappedSettings,\n  ...props\n}) => {\n\n  const [{ height, width }, setDimensions] = useState<Dimensions>({\n    width: 0,\n    height: 0,\n  });\n  const onLocationChange = useCallback((event: any) => {\n    if (wrappedOnLocationChange) {\n      wrappedOnLocationChange(event.nativeEvent);\n    }\n  }, [wrappedOnLocationChange]);\n\n  return (\n    <View\n      style={{ width: '100%', height: '100%' }}\n      onLayout={({ nativeEvent: { layout: { width, height } }}) => {\n        setDimensions({\n          width: Platform.OS === 'android' ? PixelRatio.getPixelSizeForLayoutSize(width) : width,\n          height: Platform.OS === 'android' ? PixelRatio.getPixelSizeForLayoutSize(height) : height,\n        })\n      }}\n    >\n      <BaseReadiumView\n        height={height}\n        width={width}\n        {...props}\n        onLocationChange={onLocationChange}\n        settings={unmappedSettings ? Settings.map(unmappedSettings) : undefined}\n      />\n    </View>\n  );\n};\n"]}
+{"version":3,"sources":["index.tsx"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from './enums';\nexport * from './interfaces';\nexport * from './components/ReadiumView';\n"]}

package/lib/commonjs/utils/COMPONENT_NAME.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.COMPONENT_NAME = void 0;
+const COMPONENT_NAME = 'ReadiumView';
+exports.COMPONENT_NAME = COMPONENT_NAME;
+//# sourceMappingURL=COMPONENT_NAME.js.map

package/lib/commonjs/utils/COMPONENT_NAME.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["COMPONENT_NAME.ts"],"names":["COMPONENT_NAME"],"mappings":";;;;;;AAAO,MAAMA,cAAc,GAAG,aAAvB","sourcesContent":["export const COMPONENT_NAME = 'ReadiumView';\n"]}

package/lib/commonjs/utils/LINKING_ERROR.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LINKING_ERROR = void 0;
+
+var _reactNative = require("react-native");
+
+const LINKING_ERROR = `The package 'react-native-readium' doesn't seem to be linked. Make sure: \n\n` + _reactNative.Platform.select({
+  ios: "- You have run 'pod install'\n",
+  default: ''
+}) + '- You rebuilt the app after installing the package\n' + '- You are not using Expo managed workflow\n';
+exports.LINKING_ERROR = LINKING_ERROR;
+//# sourceMappingURL=LINKING_ERROR.js.map

package/lib/commonjs/utils/LINKING_ERROR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["LINKING_ERROR.ts"],"names":["LINKING_ERROR","Platform","select","ios","default"],"mappings":";;;;;;;AAAA;;AAEO,MAAMA,aAAa,GACvB,+EAAD,GACAC,sBAASC,MAAT,CAAgB;AAAEC,EAAAA,GAAG,EAAE,gCAAP;AAAyCC,EAAAA,OAAO,EAAE;AAAlD,CAAhB,CADA,GAEA,sDAFA,GAGA,6CAJK","sourcesContent":["import { Platform } from 'react-native';\n\nexport const LINKING_ERROR =\n  `The package 'react-native-readium' doesn't seem to be linked. Make sure: \\n\\n` +\n  Platform.select({ ios: \"- You have run 'pod install'\\n\", default: '' }) +\n  '- You rebuilt the app after installing the package\\n' +\n  '- You are not using Expo managed workflow\\n';\n"]}

package/lib/commonjs/utils/RANGES.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RANGES = void 0;
+const RANGES = {
+  fontSize: [100.0, 300.0],
+  wordSpacing: [0.0, 0.5],
+  letterSpacing: [0.0, 0.5],
+  pageMargins: [0.5, 4.0],
+  lineHeight: [1.0, 2.0],
+  paragraphMargins: [0.0, 2.0]
+};
+exports.RANGES = RANGES;
+//# sourceMappingURL=RANGES.js.map

package/lib/commonjs/utils/RANGES.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["RANGES.ts"],"names":["RANGES","fontSize","wordSpacing","letterSpacing","pageMargins","lineHeight","paragraphMargins"],"mappings":";;;;;;AAAO,MAAMA,MAAM,GAAG;AACpBC,EAAAA,QAAQ,EAAU,CAAC,KAAD,EAAQ,KAAR,CADE;AAEpBC,EAAAA,WAAW,EAAO,CAAC,GAAD,EAAM,GAAN,CAFE;AAGpBC,EAAAA,aAAa,EAAK,CAAC,GAAD,EAAM,GAAN,CAHE;AAIpBC,EAAAA,WAAW,EAAO,CAAC,GAAD,EAAM,GAAN,CAJE;AAKpBC,EAAAA,UAAU,EAAQ,CAAC,GAAD,EAAM,GAAN,CALE;AAMpBC,EAAAA,gBAAgB,EAAE,CAAC,GAAD,EAAM,GAAN;AANE,CAAf","sourcesContent":["export const RANGES = {\n  fontSize:         [100.0, 300.0],\n  wordSpacing:      [0.0, 0.5],\n  letterSpacing:    [0.0, 0.5],\n  pageMargins:      [0.5, 4.0],\n  lineHeight:       [1.0, 2.0],\n  paragraphMargins: [0.0, 2.0],\n};\n"]}

package/lib/commonjs/utils/clamp.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.clamp = void 0;
+
+const clamp = (val, lower, upper) => {
+  if (val < lower) return lower;
+  if (val > upper) return upper;
+  return val;
+};
+
+exports.clamp = clamp;
+//# sourceMappingURL=clamp.js.map

package/lib/commonjs/utils/clamp.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["clamp.ts"],"names":["clamp","val","lower","upper"],"mappings":";;;;;;;AAAO,MAAMA,KAAK,GAAG,CAACC,GAAD,EAAcC,KAAd,EAA6BC,KAA7B,KAAuD;AAC1E,MAAIF,GAAG,GAAGC,KAAV,EAAiB,OAAOA,KAAP;AACjB,MAAID,GAAG,GAAGE,KAAV,EAAiB,OAAOA,KAAP;AACjB,SAAOF,GAAP;AACD,CAJM","sourcesContent":["export const clamp = (val: number, lower: number, upper: number): number => {\n  if (val < lower) return lower;\n  if (val > upper) return upper;\n  return val;\n}\n"]}

package/lib/commonjs/utils/createFragment.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createFragment = void 0;
+
+var _reactNative = require("react-native");
+
+var _COMPONENT_NAME = require("./COMPONENT_NAME");
+
+const createFragment = viewId => {
+  if (viewId !== null) {
+    _reactNative.UIManager.dispatchViewManagerCommand(viewId, // we are calling the 'create' command
+    // @ts-ignore
+    _reactNative.UIManager.getViewManagerConfig(_COMPONENT_NAME.COMPONENT_NAME).Commands.create.toString(), [viewId]);
+  }
+};
+
+exports.createFragment = createFragment;
+//# sourceMappingURL=createFragment.js.map

package/lib/commonjs/utils/createFragment.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["createFragment.ts"],"names":["createFragment","viewId","UIManager","dispatchViewManagerCommand","getViewManagerConfig","COMPONENT_NAME","Commands","create","toString"],"mappings":";;;;;;;AAAA;;AAEA;;AAEO,MAAMA,cAAc,GAAIC,MAAD,IAA2B;AACvD,MAAIA,MAAM,KAAK,IAAf,EAAqB;AACnBC,2BAAUC,0BAAV,CACEF,MADF,EAEE;AACA;AACAC,2BAAUE,oBAAV,CAA+BC,8BAA/B,EAA+CC,QAA/C,CAAwDC,MAAxD,CAA+DC,QAA/D,EAJF,EAKE,CAACP,MAAD,CALF;AAOD;AACF,CAVM","sourcesContent":["import { UIManager } from 'react-native';\n\nimport { COMPONENT_NAME } from './COMPONENT_NAME';\n\nexport const createFragment = (viewId: number | null) => {\n  if (viewId !== null) {\n    UIManager.dispatchViewManagerCommand(\n      viewId,\n      // we are calling the 'create' command\n      // @ts-ignore\n      UIManager.getViewManagerConfig(COMPONENT_NAME).Commands.create.toString(),\n      [viewId],\n    );\n  }\n}\n"]}

package/lib/commonjs/utils/getWidthOrHeightValue.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getWidthOrHeightValue = void 0;
+
+var _reactNative = require("react-native");
+
+const getWidthOrHeightValue = val => {
+  return _reactNative.Platform.OS === 'android' ? _reactNative.PixelRatio.getPixelSizeForLayoutSize(val) : val;
+};
+
+exports.getWidthOrHeightValue = getWidthOrHeightValue;
+//# sourceMappingURL=getWidthOrHeightValue.js.map

package/lib/commonjs/utils/getWidthOrHeightValue.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["getWidthOrHeightValue.ts"],"names":["getWidthOrHeightValue","val","Platform","OS","PixelRatio","getPixelSizeForLayoutSize"],"mappings":";;;;;;;AAAA;;AAEO,MAAMA,qBAAqB,GAAIC,GAAD,IAAiB;AACpD,SAAOC,sBAASC,EAAT,KAAgB,SAAhB,GAA4BC,wBAAWC,yBAAX,CAAqCJ,GAArC,CAA5B,GAAwEA,GAA/E;AACD,CAFM","sourcesContent":["import { Platform, PixelRatio } from 'react-native';\n\nexport const getWidthOrHeightValue = (val: number) => {\n  return Platform.OS === 'android' ? PixelRatio.getPixelSizeForLayoutSize(val) : val;\n}\n"]}

package/lib/commonjs/utils/index.js

@@ -3,28 +3,95 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.indexOfObjectValue = exports.clamp = exports.RANGES = void 0;
-const RANGES = {
-  fontSize: [100.0, 300.0],
-  wordSpacing: [0.0, 0.5],
-  letterSpacing: [0.0, 0.5],
-  pageMargins: [0.5, 4.0],
-  lineHeight: [1.0, 2.0],
-  paragraphMargins: [0.0, 2.0]
-};
-exports.RANGES = RANGES;
-
-const indexOfObjectValue = (obj, val) => {
-  return Object.values(obj).indexOf(val);
-};
-
-exports.indexOfObjectValue = indexOfObjectValue;
-
-const clamp = (val, lower, upper) => {
-  if (val < lower) return lower;
-  if (val > upper) return upper;
-  return val;
-};
-
-exports.clamp = clamp;
+
+var _clamp = require("./clamp");
+
+Object.keys(_clamp).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _clamp[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _clamp[key];
+    }
+  });
+});
+
+var _COMPONENT_NAME = require("./COMPONENT_NAME");
+
+Object.keys(_COMPONENT_NAME).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _COMPONENT_NAME[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _COMPONENT_NAME[key];
+    }
+  });
+});
+
+var _createFragment = require("./createFragment");
+
+Object.keys(_createFragment).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _createFragment[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _createFragment[key];
+    }
+  });
+});
+
+var _getWidthOrHeightValue = require("./getWidthOrHeightValue");
+
+Object.keys(_getWidthOrHeightValue).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _getWidthOrHeightValue[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _getWidthOrHeightValue[key];
+    }
+  });
+});
+
+var _indexOfObjectValue = require("./indexOfObjectValue");
+
+Object.keys(_indexOfObjectValue).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _indexOfObjectValue[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _indexOfObjectValue[key];
+    }
+  });
+});
+
+var _LINKING_ERROR = require("./LINKING_ERROR");
+
+Object.keys(_LINKING_ERROR).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _LINKING_ERROR[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _LINKING_ERROR[key];
+    }
+  });
+});
+
+var _RANGES = require("./RANGES");
+
+Object.keys(_RANGES).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _RANGES[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _RANGES[key];
+    }
+  });
+});
 //# sourceMappingURL=index.js.map

package/lib/commonjs/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":["RANGES","fontSize","wordSpacing","letterSpacing","pageMargins","lineHeight","paragraphMargins","indexOfObjectValue","obj","val","Object","values","indexOf","clamp","lower","upper"],"mappings":";;;;;;AAAO,MAAMA,MAAM,GAAG;AACpBC,EAAAA,QAAQ,EAAU,CAAC,KAAD,EAAQ,KAAR,CADE;AAEpBC,EAAAA,WAAW,EAAO,CAAC,GAAD,EAAM,GAAN,CAFE;AAGpBC,EAAAA,aAAa,EAAK,CAAC,GAAD,EAAM,GAAN,CAHE;AAIpBC,EAAAA,WAAW,EAAO,CAAC,GAAD,EAAM,GAAN,CAJE;AAKpBC,EAAAA,UAAU,EAAQ,CAAC,GAAD,EAAM,GAAN,CALE;AAMpBC,EAAAA,gBAAgB,EAAE,CAAC,GAAD,EAAM,GAAN;AANE,CAAf;;;AASA,MAAMC,kBAAkB,GAAG,CAACC,GAAD,EAAWC,GAAX,KAAgC;AAChE,SAAOC,MAAM,CAACC,MAAP,CAAcH,GAAd,EAAmBI,OAAnB,CAA2BH,GAA3B,CAAP;AACD,CAFM;;;;AAIA,MAAMI,KAAK,GAAG,CAACJ,GAAD,EAAcK,KAAd,EAA6BC,KAA7B,KAAuD;AAC1E,MAAIN,GAAG,GAAGK,KAAV,EAAiB,OAAOA,KAAP;AACjB,MAAIL,GAAG,GAAGM,KAAV,EAAiB,OAAOA,KAAP;AACjB,SAAON,GAAP;AACD,CAJM","sourcesContent":["export const RANGES = {\n  fontSize:         [100.0, 300.0],\n  wordSpacing:      [0.0, 0.5],\n  letterSpacing:    [0.0, 0.5],\n  pageMargins:      [0.5, 4.0],\n  lineHeight:       [1.0, 2.0],\n  paragraphMargins: [0.0, 2.0],\n}\n\nexport const indexOfObjectValue = (obj: any, val: any): number => {\n  return Object.values(obj).indexOf(val);\n}\n\nexport const clamp = (val: number, lower: number, upper: number): number => {\n  if (val < lower) return lower;\n  if (val > upper) return upper;\n  return val;\n}\n"]}
+{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from './clamp';\nexport * from './COMPONENT_NAME';\nexport * from './createFragment';\nexport * from './getWidthOrHeightValue';\nexport * from './indexOfObjectValue';\nexport * from './LINKING_ERROR';\nexport * from './RANGES';\n"]}