react-native-onyx 1.0.62 → 1.0.63

package/lib/storage/providers/IDBKeyVal.js

@@ -13,7 +13,15 @@ import {
 import _ from 'underscore';
 import fastMerge from '../../fastMerge';
 
-const customStore = createStore('OnyxDB', 'keyvaluepairs');
+// We don't want to initialize the store while the JS bundle loads as idb-keyval will try to use global.indexedDB
+// which might not be available in certain environments that load the bundle (e.g. electron main process).
+let customStoreInstance;
+const getCustomStore = () => {
+    if (!customStoreInstance) {
+        customStoreInstance = createStore('OnyxDB', 'keyvaluepairs');
+    }
+    return customStoreInstance;
+};
 
 const provider = {
     /**
@@ -22,7 +30,7 @@ const provider = {
      * @param {*} value
      * @return {Promise<void>}
      */
-    setItem: (key, value) => set(key, value, customStore),
+    setItem: (key, value) => set(key, value, getCustomStore()),
 
     /**
      * Get multiple key-value pairs for the give array of keys in a batch.
@@ -30,7 +38,7 @@ const provider = {
      * @param {String[]} keysParam
      * @return {Promise<Array<[key, value]>>}
      */
-    multiGet: keysParam => getMany(keysParam, customStore)
+    multiGet: keysParam => getMany(keysParam, getCustomStore())
         .then(values => _.map(values, (value, index) => [keysParam[index], value])),
 
     /**
@@ -38,7 +46,7 @@ const provider = {
      * @param {Array<[key, value]>} pairs
      * @return {Promise<void>}
      */
-    multiMerge: pairs => customStore('readwrite', (store) => {
+    multiMerge: pairs => getCustomStore()('readwrite', (store) => {
         // Note: we are using the manual store transaction here, to fit the read and update
         // of the items in one transaction to achieve best performance.
 
@@ -70,33 +78,33 @@ const provider = {
      * @param {Array<[key, value]>} pairs
      * @return {Promise<void>}
      */
-    multiSet: pairs => setMany(pairs, customStore),
+    multiSet: pairs => setMany(pairs, getCustomStore()),
 
     /**
      * Clear everything from storage and also stops the SyncQueue from adding anything more to storage
      * @returns {Promise<void>}
      */
-    clear: () => clear(customStore),
+    clear: () => clear(getCustomStore()),
 
     /**
      * Returns all keys available in storage
      * @returns {Promise<String[]>}
      */
-    getAllKeys: () => keys(customStore),
+    getAllKeys: () => keys(getCustomStore()),
 
     /**
      * Get the value of a given key or return `null` if it's not available in storage
      * @param {String} key
      * @return {Promise<*>}
      */
-    getItem: key => get(key, customStore),
+    getItem: key => get(key, getCustomStore()),
 
     /**
      * Remove given key and it's value from storage
      * @param {String} key
      * @returns {Promise<void>}
      */
-    removeItem: key => del(key, customStore),
+    removeItem: key => del(key, getCustomStore()),
 
     /**
      * Remove given keys and their values from storage
@@ -104,7 +112,7 @@ const provider = {
      * @param {Array} keysParam
      * @returns {Promise}
      */
-    removeItems: keysParam => delMany(keysParam, customStore),
+    removeItems: keysParam => delMany(keysParam, getCustomStore()),
 };
 
 export default provider;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-onyx",
-  "version": "1.0.62",
+  "version": "1.0.63",
   "author": "Expensify, Inc.",
   "homepage": "https://expensify.com",
   "description": "State management for React Native",