react-native-onyx 1.0.126 → 1.0.127

package/dist/web.development.js

@@ -122,6 +122,93 @@ function init() {
 
 
 
+/***/ }),
+
+/***/ "./lib/DevTools.js":
+/*!*************************!*\
+  !*** ./lib/DevTools.js ***!
+  \*************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var underscore__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! underscore */ "underscore");
+/* harmony import */ var underscore__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(underscore__WEBPACK_IMPORTED_MODULE_0__);
+
+
+const ERROR_LABEL = 'Onyx DevTools - Error: ';
+
+/* eslint-disable no-underscore-dangle */
+class DevTools {
+  constructor() {
+    this.remoteDev = this.connectViaExtension();
+    this.state = {};
+    this.defaultState = {};
+  }
+
+  connectViaExtension(options) {
+    try {
+      if (options && options.remote || typeof window === 'undefined' || !window.__REDUX_DEVTOOLS_EXTENSION__) {
+        return;
+      }
+      return window.__REDUX_DEVTOOLS_EXTENSION__.connect(options);
+    } catch (e) {
+      console.error(ERROR_LABEL, e);
+    }
+  }
+
+  /**
+   * Registers an action that updated the current state of the storage
+   *
+   * @param {string} type - name of the action
+   * @param {any} payload - data written to the storage
+   * @param {object} stateChanges - partial state that got updated after the changes
+   */
+  registerAction(type) {let payload = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;let stateChanges = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+    try {
+      if (!this.remoteDev) {
+        return;
+      }
+      const newState = {
+        ...this.state,
+        ...stateChanges
+      };
+      this.remoteDev.send({ type, payload }, newState);
+      this.state = newState;
+    } catch (e) {
+      console.error(ERROR_LABEL, e);
+    }
+  }
+
+  initState() {let initialState = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    try {
+      if (!this.remoteDev) {
+        return;
+      }
+      this.remoteDev.init(initialState);
+      this.state = initialState;
+      this.defaultState = initialState;
+    } catch (e) {
+      console.error(ERROR_LABEL, e);
+    }
+  }
+
+  /**
+   * This clears the internal state of the DevTools, preserving the keys included in `keysToPreserve`
+   *
+   * @param {string[]} keysToPreserve
+   */
+  clearState() {let keysToPreserve = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+    const newState = underscore__WEBPACK_IMPORTED_MODULE_0___default().mapObject(this.state, (value, key) => keysToPreserve.includes(key) ? value : this.defaultState[key]);
+    this.registerAction('CLEAR', undefined, newState);
+  }
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (new DevTools());
+
 /***/ }),
 
 /***/ "./lib/Logger.js":
@@ -186,16 +273,17 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var fast_equals__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(fast_equals__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var underscore__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! underscore */ "underscore");
 /* harmony import */ var underscore__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(underscore__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _Logger__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./Logger */ "./lib/Logger.js");
-/* harmony import */ var _OnyxCache__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./OnyxCache */ "./lib/OnyxCache.js");
-/* harmony import */ var _Str__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./Str */ "./lib/Str.js");
+/* harmony import */ var _Logger__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./Logger */ "./lib/Logger.js");
+/* harmony import */ var _OnyxCache__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./OnyxCache */ "./lib/OnyxCache.js");
+/* harmony import */ var _Str__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./Str */ "./lib/Str.js");
 /* harmony import */ var _createDeferredTask__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./createDeferredTask */ "./lib/createDeferredTask.js");
-/* harmony import */ var _metrics_PerformanceUtils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./metrics/PerformanceUtils */ "./lib/metrics/PerformanceUtils.js");
-/* harmony import */ var _storage__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./storage */ "./lib/storage/index.web.js");
-/* harmony import */ var _broadcast__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./broadcast */ "./lib/broadcast/index.web.js");
-/* harmony import */ var _ActiveClientManager__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./ActiveClientManager */ "./lib/ActiveClientManager/index.web.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./utils */ "./lib/utils.js");
-/* harmony import */ var _batch__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./batch */ "./lib/batch.js");
+/* harmony import */ var _metrics_PerformanceUtils__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./metrics/PerformanceUtils */ "./lib/metrics/PerformanceUtils.js");
+/* harmony import */ var _storage__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./storage */ "./lib/storage/index.web.js");
+/* harmony import */ var _broadcast__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./broadcast */ "./lib/broadcast/index.web.js");
+/* harmony import */ var _ActiveClientManager__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./ActiveClientManager */ "./lib/ActiveClientManager/index.web.js");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./utils */ "./lib/utils.js");
+/* harmony import */ var _batch__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./batch */ "./lib/batch.js");
+/* harmony import */ var _DevTools__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./DevTools */ "./lib/DevTools.js");
 /* eslint-disable no-continue */
 
 
@@ -210,6 +298,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 // Method constants
 const METHOD = {
   SET: 'set',
@@ -260,6 +349,18 @@ let onClearCallback = null;
 let batchUpdatesPromise = null;
 let batchUpdatesQueue = [];
 
+/**
+ * Sends an action to DevTools extension
+ *
+ * @param {string} method - Onyx method from METHOD
+ * @param {string} key - Onyx key that was changed
+ * @param {any} value - contains the change that was made by the method
+ * @param {any} mergedValue - (optional) value that was written in the storage after a merge method was executed.
+ */
+function sendActionToDevTools(method, key, value) {let mergedValue = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : undefined;
+  _DevTools__WEBPACK_IMPORTED_MODULE_3__["default"].registerAction(_utils__WEBPACK_IMPORTED_MODULE_4__["default"].formatActionName(method, key), value, key ? { [key]: mergedValue || value } : value);
+}
+
 /**
  * We are batching together onyx updates. This helps with use cases where we schedule onyx updates after each other.
  * This happens for example in the Onyx.update function, where we process API responses that might contain a lot of
@@ -281,7 +382,7 @@ function maybeFlushBatchUpdates() {
       const updatesCopy = batchUpdatesQueue;
       batchUpdatesQueue = [];
       batchUpdatesPromise = null;
-      (0,_batch__WEBPACK_IMPORTED_MODULE_3__["default"])(() => {
+      (0,_batch__WEBPACK_IMPORTED_MODULE_5__["default"])(() => {
         updatesCopy.forEach((applyUpdates) => {
           applyUpdates();
         });
@@ -337,26 +438,26 @@ collection,
  */
 function get(key) {
   // When we already have the value in cache - resolve right away
-  if (_OnyxCache__WEBPACK_IMPORTED_MODULE_4__["default"].hasCacheForKey(key)) {
-    return Promise.resolve(_OnyxCache__WEBPACK_IMPORTED_MODULE_4__["default"].getValue(key));
+  if (_OnyxCache__WEBPACK_IMPORTED_MODULE_6__["default"].hasCacheForKey(key)) {
+    return Promise.resolve(_OnyxCache__WEBPACK_IMPORTED_MODULE_6__["default"].getValue(key));
   }
 
   const taskName = `get:${key}`;
 
   // When a value retrieving task for this key is still running hook to it
-  if (_OnyxCache__WEBPACK_IMPORTED_MODULE_4__["default"].hasPendingTask(taskName)) {
-    return _OnyxCache__WEBPACK_IMPORTED_MODULE_4__["default"].getTaskPromise(taskName);
+  if (_OnyxCache__WEBPACK_IMPORTED_MODULE_6__["default"].hasPendingTask(taskName)) {
+    return _OnyxCache__WEBPACK_IMPORTED_MODULE_6__["default"].getTaskPromise(taskName);
   }
 
   // Otherwise retrieve the value from storage and capture a promise to aid concurrent usages
-  const promise = _storage__WEBPACK_IMPORTED_MODULE_5__["default"].getItem(key).
+  const promise = _storage__WEBPACK_IMPORTED_MODULE_7__["default"].getItem(key).
   then((val) => {
-    _OnyxCache__WEBPACK_IMPORTED_MODULE_4__["default"].set(key, val);
+    _OnyxCache__WEBPACK_IMPORTED_MODULE_6__["default"].set(key, val);
     return val;
   }).
-  catch((err) => _Logger__WEBPACK_IMPORTED_MODULE_6__.logInfo(`Unable to get item from persistent storage. Key: ${key} Error: ${err}`));
+  catch((err) => _Logger__WEBPACK_IMPORTED_MODULE_8__.logInfo(`Unable to get item from persistent storage. Key: ${key} Error: ${err}`));
 
-  return _OnyxCache__WEBPACK_IMPORTED_MODULE_4__["default"].captureTask(taskName, promise);
+  return _OnyxCache__WEBPACK_IMPORTED_MODULE_6__["default"].captureTask(taskName, promise);
 }
 
 /**
@@ -366,7 +467,7 @@ function get(key) {
  */
 function getAllKeys() {
   // When we've already read stored keys, resolve right away
-  const storedKeys = _OnyxCache__WEBPACK_IMPORTED_MODULE_4__["default"].getAllKeys();
+  const storedKeys = _OnyxCache__WEBPACK_IMPORTED_MODULE_6__["default"].getAllKeys();
   if (storedKeys.length > 0) {
     return Promise.resolve(storedKeys);
   }
@@ -374,17 +475,17 @@ function getAllKeys() {
   const taskName = 'getAllKeys';
 
   // When a value retrieving task for all keys is still running hook to it
-  if (_OnyxCache__WEBPACK_IMPORTED_MODULE_4__["default"].hasPendingTask(taskName)) {
-    return _OnyxCache__WEBPACK_IMPORTED_MODULE_4__["default"].getTaskPromise(taskName);
+  if (_OnyxCache__WEBPACK_IMPORTED_MODULE_6__["default"].hasPendingTask(taskName)) {
+    return _OnyxCache__WEBPACK_IMPORTED_MODULE_6__["default"].getTaskPromise(taskName);
   }
 
   // Otherwise retrieve the keys from storage and capture a promise to aid concurrent usages
-  const promise = _storage__WEBPACK_IMPORTED_MODULE_5__["default"].getAllKeys().then((keys) => {
-    underscore__WEBPACK_IMPORTED_MODULE_1___default().each(keys, (key) => _OnyxCache__WEBPACK_IMPORTED_MODULE_4__["default"].addKey(key));
+  const promise = _storage__WEBPACK_IMPORTED_MODULE_7__["default"].getAllKeys().then((keys) => {
+    underscore__WEBPACK_IMPORTED_MODULE_1___default().each(keys, (key) => _OnyxCache__WEBPACK_IMPORTED_MODULE_6__["default"].addKey(key));
     return keys;
   });
 
-  return _OnyxCache__WEBPACK_IMPORTED_MODULE_4__["default"].captureTask(taskName, promise);
+  return _OnyxCache__WEBPACK_IMPORTED_MODULE_6__["default"].captureTask(taskName, promise);
 }
 
 /**
@@ -405,7 +506,7 @@ function isCollectionKey(key) {
  * @returns {Boolean}
  */
 function isCollectionMemberKey(collectionKey, key) {
-  return _Str__WEBPACK_IMPORTED_MODULE_7__.startsWith(key, collectionKey) && key.length > collectionKey.length;
+  return _Str__WEBPACK_IMPORTED_MODULE_9__.startsWith(key, collectionKey) && key.length > collectionKey.length;
 }
 
 /**
@@ -418,7 +519,7 @@ function isCollectionMemberKey(collectionKey, key) {
  * @return {Boolean}
  */
 function isKeyMatch(configKey, key) {
-  return isCollectionKey(configKey) ? _Str__WEBPACK_IMPORTED_MODULE_7__.startsWith(key, configKey) : configKey === key;
+  return isCollectionKey(configKey) ? _Str__WEBPACK_IMPORTED_MODULE_9__.startsWith(key, configKey) : configKey === key;
 }
 
 /**
@@ -442,10 +543,10 @@ function isSafeEvictionKey(testKey) {
  * @returns {Mixed}
  */
 function tryGetCachedValue(key) {let mapping = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  let val = _OnyxCache__WEBPACK_IMPORTED_MODULE_4__["default"].getValue(key);
+  let val = _OnyxCache__WEBPACK_IMPORTED_MODULE_6__["default"].getValue(key);
 
   if (isCollectionKey(key)) {
-    const allCacheKeys = _OnyxCache__WEBPACK_IMPORTED_MODULE_4__["default"].getAllKeys();
+    const allCacheKeys = _OnyxCache__WEBPACK_IMPORTED_MODULE_6__["default"].getAllKeys();
 
     // It is possible we haven't loaded all keys yet so we do not know if the
     // collection actually exists.
@@ -456,7 +557,7 @@ function tryGetCachedValue(key) {let mapping = arguments.length > 1 && arguments
     const values = underscore__WEBPACK_IMPORTED_MODULE_1___default().reduce(
     matchingKeys,
     (finalObject, matchedKey) => {
-      const cachedValue = _OnyxCache__WEBPACK_IMPORTED_MODULE_4__["default"].getValue(matchedKey);
+      const cachedValue = _OnyxCache__WEBPACK_IMPORTED_MODULE_6__["default"].getValue(matchedKey);
       if (cachedValue) {
         // This is permissible because we're in the process of constructing the final object in a reduce function.
         // eslint-disable-next-line no-param-reassign
@@ -571,12 +672,12 @@ function addAllSafeEvictionKeysToRecentlyAccessedList() {
  * @returns {Object}
  */
 function getCachedCollection(collectionKey) {
-  const collectionMemberKeys = underscore__WEBPACK_IMPORTED_MODULE_1___default().filter(_OnyxCache__WEBPACK_IMPORTED_MODULE_4__["default"].getAllKeys(), (storedKey) => isCollectionMemberKey(collectionKey, storedKey));
+  const collectionMemberKeys = underscore__WEBPACK_IMPORTED_MODULE_1___default().filter(_OnyxCache__WEBPACK_IMPORTED_MODULE_6__["default"].getAllKeys(), (storedKey) => isCollectionMemberKey(collectionKey, storedKey));
 
   return underscore__WEBPACK_IMPORTED_MODULE_1___default().reduce(
   collectionMemberKeys,
   (prev, curr) => {
-    const cachedValue = _OnyxCache__WEBPACK_IMPORTED_MODULE_4__["default"].getValue(curr);
+    const cachedValue = _OnyxCache__WEBPACK_IMPORTED_MODULE_6__["default"].getValue(curr);
     if (!cachedValue) {
       return prev;
     }
@@ -610,7 +711,7 @@ function keysChanged(collectionKey, partialCollection) {let notifyRegularSubscib
     }
 
     // Skip iteration if we do not have a collection key or a collection member key on this subscriber
-    if (!_Str__WEBPACK_IMPORTED_MODULE_7__.startsWith(subscriber.key, collectionKey)) {
+    if (!_Str__WEBPACK_IMPORTED_MODULE_9__.startsWith(subscriber.key, collectionKey)) {
       continue;
     }
 
@@ -696,7 +797,7 @@ function keysChanged(collectionKey, partialCollection) {let notifyRegularSubscib
             finalCollection[dataKey] = cachedCollection[dataKey];
           }
 
-          _metrics_PerformanceUtils__WEBPACK_IMPORTED_MODULE_8__.logSetStateCall(subscriber, prevState[subscriber.statePropertyName], finalCollection, 'keysChanged', collectionKey);
+          _metrics_PerformanceUtils__WEBPACK_IMPORTED_MODULE_10__.logSetStateCall(subscriber, prevState[subscriber.statePropertyName], finalCollection, 'keysChanged', collectionKey);
           return {
             [subscriber.statePropertyName]: finalCollection
           };
@@ -721,7 +822,7 @@ function keysChanged(collectionKey, partialCollection) {let notifyRegularSubscib
             const prevData = prevState[subscriber.statePropertyName];
             const newData = getSubsetOfData(cachedCollection[subscriber.key], subscriber.selector, subscriber.withOnyxInstance.state);
             if (!(0,fast_equals__WEBPACK_IMPORTED_MODULE_0__.deepEqual)(prevData, newData)) {
-              _metrics_PerformanceUtils__WEBPACK_IMPORTED_MODULE_8__.logSetStateCall(subscriber, prevData, newData, 'keysChanged', collectionKey);
+              _metrics_PerformanceUtils__WEBPACK_IMPORTED_MODULE_10__.logSetStateCall(subscriber, prevData, newData, 'keysChanged', collectionKey);
               return {
                 [subscriber.statePropertyName]: newData
               };
@@ -737,14 +838,14 @@ function keysChanged(collectionKey, partialCollection) {let notifyRegularSubscib
           const previousData = prevState[subscriber.statePropertyName];
 
           // Avoids triggering unnecessary re-renders when feeding empty objects
-          if (_utils__WEBPACK_IMPORTED_MODULE_9__["default"].areObjectsEmpty(data, previousData)) {
+          if (_utils__WEBPACK_IMPORTED_MODULE_4__["default"].areObjectsEmpty(data, previousData)) {
             return null;
           }
           if (data === previousData) {
             return null;
           }
 
-          _metrics_PerformanceUtils__WEBPACK_IMPORTED_MODULE_8__.logSetStateCall(subscriber, previousData, data, 'keysChanged', collectionKey);
+          _metrics_PerformanceUtils__WEBPACK_IMPORTED_MODULE_10__.logSetStateCall(subscriber, previousData, data, 'keysChanged', collectionKey);
           return {
             [subscriber.statePropertyName]: data
           };
@@ -822,7 +923,7 @@ function keyChanged(key, data, canUpdateSubscriber) {let notifyRegularSubscibers
               ...newData
             };
             if (!(0,fast_equals__WEBPACK_IMPORTED_MODULE_0__.deepEqual)(prevData, prevDataWithNewData)) {
-              _metrics_PerformanceUtils__WEBPACK_IMPORTED_MODULE_8__.logSetStateCall(subscriber, prevData, newData, 'keyChanged', key);
+              _metrics_PerformanceUtils__WEBPACK_IMPORTED_MODULE_10__.logSetStateCall(subscriber, prevData, newData, 'keyChanged', key);
               return {
                 [subscriber.statePropertyName]: prevDataWithNewData
               };
@@ -838,7 +939,7 @@ function keyChanged(key, data, canUpdateSubscriber) {let notifyRegularSubscibers
             ...collection,
             [key]: data
           };
-          _metrics_PerformanceUtils__WEBPACK_IMPORTED_MODULE_8__.logSetStateCall(subscriber, collection, newCollection, 'keyChanged', key);
+          _metrics_PerformanceUtils__WEBPACK_IMPORTED_MODULE_10__.logSetStateCall(subscriber, collection, newCollection, 'keyChanged', key);
           return {
             [subscriber.statePropertyName]: newCollection
           };
@@ -867,14 +968,14 @@ function keyChanged(key, data, canUpdateSubscriber) {let notifyRegularSubscibers
         const previousData = prevState[subscriber.statePropertyName];
 
         // Avoids triggering unnecessary re-renders when feeding empty objects
-        if (_utils__WEBPACK_IMPORTED_MODULE_9__["default"].areObjectsEmpty(data, previousData)) {
+        if (_utils__WEBPACK_IMPORTED_MODULE_4__["default"].areObjectsEmpty(data, previousData)) {
           return null;
         }
         if (previousData === data) {
           return null;
         }
 
-        _metrics_PerformanceUtils__WEBPACK_IMPORTED_MODULE_8__.logSetStateCall(subscriber, previousData, data, 'keyChanged', key);
+        _metrics_PerformanceUtils__WEBPACK_IMPORTED_MODULE_10__.logSetStateCall(subscriber, previousData, data, 'keyChanged', key);
         return {
           [subscriber.statePropertyName]: data
         };
@@ -921,7 +1022,7 @@ function sendDataToConnection(mapping, val, matchedKey, isBatched) {
       }
     }
 
-    _metrics_PerformanceUtils__WEBPACK_IMPORTED_MODULE_8__.logSetStateCall(mapping, null, newData, 'sendDataToConnection');
+    _metrics_PerformanceUtils__WEBPACK_IMPORTED_MODULE_10__.logSetStateCall(mapping, null, newData, 'sendDataToConnection');
     if (isBatched) {
       batchUpdates(() => {
         mapping.withOnyxInstance.setWithOnyxState(mapping.statePropertyName, newData);
@@ -950,7 +1051,7 @@ function addKeyToRecentlyAccessedIfNeeded(mapping) {
   }
 
   // Try to free some cache whenever we connect to a safe eviction key
-  _OnyxCache__WEBPACK_IMPORTED_MODULE_4__["default"].removeLeastRecentlyUsedKeys();
+  _OnyxCache__WEBPACK_IMPORTED_MODULE_6__["default"].removeLeastRecentlyUsedKeys();
 
   if (mapping.withOnyxInstance && !isCollectionKey(mapping.key)) {
     // All React components subscribing to a key flagged as a safe eviction key must implement the canEvict property.
@@ -1029,7 +1130,7 @@ function connect(mapping) {
     // Performance improvement
     // If the mapping is connected to an onyx key that is not a collection
     // we can skip the call to getAllKeys() and return an array with a single item
-    if (Boolean(mapping.key) && typeof mapping.key === 'string' && !mapping.key.endsWith('_') && _OnyxCache__WEBPACK_IMPORTED_MODULE_4__["default"].storageKeys.has(mapping.key)) {
+    if (Boolean(mapping.key) && typeof mapping.key === 'string' && !mapping.key.endsWith('_') && _OnyxCache__WEBPACK_IMPORTED_MODULE_6__["default"].storageKeys.has(mapping.key)) {
       return [mapping.key];
     }
     return getAllKeys();
@@ -1046,7 +1147,7 @@ function connect(mapping) {
     // component. This null value will be filtered out so that the connected component can utilize defaultProps.
     if (matchingKeys.length === 0) {
       if (mapping.key && !isCollectionKey(mapping.key)) {
-        _OnyxCache__WEBPACK_IMPORTED_MODULE_4__["default"].set(mapping.key, null);
+        _OnyxCache__WEBPACK_IMPORTED_MODULE_6__["default"].set(mapping.key, null);
       }
 
       // Here we cannot use batching because the null value is expected to be set immediately for default props
@@ -1160,9 +1261,9 @@ function scheduleNotifyCollectionSubscribers(key, value) {
  * @return {Promise}
  */
 function remove(key) {
-  _OnyxCache__WEBPACK_IMPORTED_MODULE_4__["default"].drop(key);
+  _OnyxCache__WEBPACK_IMPORTED_MODULE_6__["default"].drop(key);
   scheduleSubscriberUpdate(key, null);
-  return _storage__WEBPACK_IMPORTED_MODULE_5__["default"].removeItem(key);
+  return _storage__WEBPACK_IMPORTED_MODULE_7__["default"].removeItem(key);
 }
 
 /**
@@ -1170,12 +1271,12 @@ function remove(key) {
  * @returns {Promise<void>}
  */
 function reportStorageQuota() {
-  return _storage__WEBPACK_IMPORTED_MODULE_5__["default"].getDatabaseSize().
+  return _storage__WEBPACK_IMPORTED_MODULE_7__["default"].getDatabaseSize().
   then((_ref) => {let { bytesUsed, bytesRemaining } = _ref;
-    _Logger__WEBPACK_IMPORTED_MODULE_6__.logInfo(`Storage Quota Check -- bytesUsed: ${bytesUsed} bytesRemaining: ${bytesRemaining}`);
+    _Logger__WEBPACK_IMPORTED_MODULE_8__.logInfo(`Storage Quota Check -- bytesUsed: ${bytesUsed} bytesRemaining: ${bytesRemaining}`);
   }).
   catch((dbSizeError) => {
-    _Logger__WEBPACK_IMPORTED_MODULE_6__.logAlert(`Unable to get database size. Error: ${dbSizeError}`);
+    _Logger__WEBPACK_IMPORTED_MODULE_8__.logAlert(`Unable to get database size. Error: ${dbSizeError}`);
   });
 }
 
@@ -1191,10 +1292,10 @@ function reportStorageQuota() {
  * @return {Promise}
  */
 function evictStorageAndRetry(error, onyxMethod) {for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {args[_key - 2] = arguments[_key];}
-  _Logger__WEBPACK_IMPORTED_MODULE_6__.logInfo(`Failed to save to storage. Error: ${error}. onyxMethod: ${onyxMethod.name}`);
+  _Logger__WEBPACK_IMPORTED_MODULE_8__.logInfo(`Failed to save to storage. Error: ${error}. onyxMethod: ${onyxMethod.name}`);
 
-  if (error && _Str__WEBPACK_IMPORTED_MODULE_7__.startsWith(error.message, "Failed to execute 'put' on 'IDBObjectStore'")) {
-    _Logger__WEBPACK_IMPORTED_MODULE_6__.logAlert('Attempted to set invalid data set in Onyx. Please ensure all data is serializable.');
+  if (error && _Str__WEBPACK_IMPORTED_MODULE_9__.startsWith(error.message, "Failed to execute 'put' on 'IDBObjectStore'")) {
+    _Logger__WEBPACK_IMPORTED_MODULE_8__.logAlert('Attempted to set invalid data set in Onyx. Please ensure all data is serializable.');
     throw error;
   }
 
@@ -1204,12 +1305,12 @@ function evictStorageAndRetry(error, onyxMethod) {for (var _len = arguments.leng
     // If we have no acceptable keys to remove then we are possibly trying to save mission critical data. If this is the case,
     // then we should stop retrying as there is not much the user can do to fix this. Instead of getting them stuck in an infinite loop we
     // will allow this write to be skipped.
-    _Logger__WEBPACK_IMPORTED_MODULE_6__.logAlert('Out of storage. But found no acceptable keys to remove.');
+    _Logger__WEBPACK_IMPORTED_MODULE_8__.logAlert('Out of storage. But found no acceptable keys to remove.');
     return reportStorageQuota();
   }
 
   // Remove the least recently viewed key that is not currently being accessed and retry.
-  _Logger__WEBPACK_IMPORTED_MODULE_6__.logInfo(`Out of storage. Evicting least recently accessed key (${keyForRemoval}) and retrying.`);
+  _Logger__WEBPACK_IMPORTED_MODULE_8__.logInfo(`Out of storage. Evicting least recently accessed key (${keyForRemoval}) and retrying.`);
   reportStorageQuota();
   return remove(keyForRemoval).then(() => onyxMethod(...args));
 }
@@ -1226,14 +1327,14 @@ function evictStorageAndRetry(error, onyxMethod) {for (var _len = arguments.leng
  */
 function broadcastUpdate(key, value, method, hasChanged) {let wasRemoved = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
   // Logging properties only since values could be sensitive things we don't want to log
-  _Logger__WEBPACK_IMPORTED_MODULE_6__.logInfo(`${method}() called for key: ${key}${underscore__WEBPACK_IMPORTED_MODULE_1___default().isObject(value) ? ` properties: ${underscore__WEBPACK_IMPORTED_MODULE_1___default().keys(value).join(',')}` : ''}`);
+  _Logger__WEBPACK_IMPORTED_MODULE_8__.logInfo(`${method}() called for key: ${key}${underscore__WEBPACK_IMPORTED_MODULE_1___default().isObject(value) ? ` properties: ${underscore__WEBPACK_IMPORTED_MODULE_1___default().keys(value).join(',')}` : ''}`);
 
   // Update subscribers if the cached value has changed, or when the subscriber specifically requires
   // all updates regardless of value changes (indicated by initWithStoredValues set to false).
   if (hasChanged && !wasRemoved) {
-    _OnyxCache__WEBPACK_IMPORTED_MODULE_4__["default"].set(key, value);
+    _OnyxCache__WEBPACK_IMPORTED_MODULE_6__["default"].set(key, value);
   } else {
-    _OnyxCache__WEBPACK_IMPORTED_MODULE_4__["default"].addToAccessedKeys(key);
+    _OnyxCache__WEBPACK_IMPORTED_MODULE_6__["default"].addToAccessedKeys(key);
   }
 
   return scheduleSubscriberUpdate(key, value, (subscriber) => hasChanged || subscriber.initWithStoredValues === false);
@@ -1263,7 +1364,7 @@ function removeNullValues(key, value) {
   // We can remove all null values in an object by merging it with itself
   // utils.fastMerge recursively goes through the object and removes all null values
   // Passing two identical objects as source and target to fastMerge will not change it, but only remove the null values
-  return { value: _utils__WEBPACK_IMPORTED_MODULE_9__["default"].removeNestedNullValues(value), wasRemoved: false };
+  return { value: _utils__WEBPACK_IMPORTED_MODULE_4__["default"].removeNestedNullValues(value), wasRemoved: false };
 }
 
 /**
@@ -1275,8 +1376,8 @@ function removeNullValues(key, value) {
  * @returns {Promise}
  */
 function set(key, value) {
-  if (!_ActiveClientManager__WEBPACK_IMPORTED_MODULE_10__.isClientTheLeader()) {
-    _broadcast__WEBPACK_IMPORTED_MODULE_11__.sendMessage({ type: METHOD.SET, key, value });
+  if (!_ActiveClientManager__WEBPACK_IMPORTED_MODULE_11__.isClientTheLeader()) {
+    _broadcast__WEBPACK_IMPORTED_MODULE_12__.sendMessage({ type: METHOD.SET, key, value });
     return Promise.resolve();
   }
 
@@ -1291,7 +1392,7 @@ function set(key, value) {
     delete mergeQueue[key];
   }
 
-  const hasChanged = _OnyxCache__WEBPACK_IMPORTED_MODULE_4__["default"].hasValueChanged(key, valueAfterRemoving);
+  const hasChanged = _OnyxCache__WEBPACK_IMPORTED_MODULE_6__["default"].hasValueChanged(key, valueAfterRemoving);
 
   // This approach prioritizes fast UI changes without waiting for data to be stored in device storage.
   const updatePromise = broadcastUpdate(key, valueAfterRemoving, 'set', hasChanged, wasRemoved);
@@ -1301,9 +1402,12 @@ function set(key, value) {
     return updatePromise;
   }
 
-  return _storage__WEBPACK_IMPORTED_MODULE_5__["default"].setItem(key, valueAfterRemoving).
+  return _storage__WEBPACK_IMPORTED_MODULE_7__["default"].setItem(key, valueAfterRemoving).
   catch((error) => evictStorageAndRetry(error, set, key, valueAfterRemoving)).
-  then(() => updatePromise);
+  then(() => {
+    sendActionToDevTools(METHOD.SET, key, valueAfterRemoving);
+    return updatePromise;
+  });
 }
 
 /**
@@ -1337,8 +1441,8 @@ function prepareKeyValuePairsForStorage(data) {
  * @returns {Promise}
  */
 function multiSet(data) {
-  if (!_ActiveClientManager__WEBPACK_IMPORTED_MODULE_10__.isClientTheLeader()) {
-    _broadcast__WEBPACK_IMPORTED_MODULE_11__.sendMessage({ type: METHOD.MULTI_SET, data });
+  if (!_ActiveClientManager__WEBPACK_IMPORTED_MODULE_11__.isClientTheLeader()) {
+    _broadcast__WEBPACK_IMPORTED_MODULE_12__.sendMessage({ type: METHOD.MULTI_SET, data });
     return Promise.resolve();
   }
 
@@ -1350,13 +1454,16 @@ function multiSet(data) {
 
   const updatePromises = underscore__WEBPACK_IMPORTED_MODULE_1___default().map(keyValuePairs, (_ref2) => {let [key, value] = _ref2;
     // Update cache and optimistically inform subscribers on the next tick
-    _OnyxCache__WEBPACK_IMPORTED_MODULE_4__["default"].set(key, value);
+    _OnyxCache__WEBPACK_IMPORTED_MODULE_6__["default"].set(key, value);
     return scheduleSubscriberUpdate(key, value);
   });
 
-  return _storage__WEBPACK_IMPORTED_MODULE_5__["default"].multiSet(keyValuePairs).
+  return _storage__WEBPACK_IMPORTED_MODULE_7__["default"].multiSet(keyValuePairs).
   catch((error) => evictStorageAndRetry(error, multiSet, data)).
-  then(() => Promise.all(updatePromises));
+  then(() => {
+    sendActionToDevTools(METHOD.MULTI_SET, undefined, data);
+    return Promise.all(updatePromises);
+  });
 }
 
 /**
@@ -1377,7 +1484,7 @@ function applyMerge(existingValue, changes, shouldRemoveNullObjectValues) {
 
   if (underscore__WEBPACK_IMPORTED_MODULE_1___default().some(changes, (underscore__WEBPACK_IMPORTED_MODULE_1___default().isObject))) {
     // Object values are then merged one after the other
-    return underscore__WEBPACK_IMPORTED_MODULE_1___default().reduce(changes, (modifiedData, change) => _utils__WEBPACK_IMPORTED_MODULE_9__["default"].fastMerge(modifiedData, change, shouldRemoveNullObjectValues), existingValue || {});
+    return underscore__WEBPACK_IMPORTED_MODULE_1___default().reduce(changes, (modifiedData, change) => _utils__WEBPACK_IMPORTED_MODULE_4__["default"].fastMerge(modifiedData, change, shouldRemoveNullObjectValues), existingValue || {});
   }
 
   // If we have anything else we can't merge it so we'll
@@ -1406,8 +1513,8 @@ function applyMerge(existingValue, changes, shouldRemoveNullObjectValues) {
  * @returns {Promise}
  */
 function merge(key, changes) {
-  if (!_ActiveClientManager__WEBPACK_IMPORTED_MODULE_10__.isClientTheLeader()) {
-    _broadcast__WEBPACK_IMPORTED_MODULE_11__.sendMessage({ type: METHOD.MERGE, key, changes });
+  if (!_ActiveClientManager__WEBPACK_IMPORTED_MODULE_11__.isClientTheLeader()) {
+    _broadcast__WEBPACK_IMPORTED_MODULE_12__.sendMessage({ type: METHOD.MERGE, key, changes });
     return Promise.resolve();
   }
 
@@ -1462,7 +1569,7 @@ function merge(key, changes) {
         batchedChanges = applyMerge(undefined, [batchedChanges], true);
       }
 
-      const hasChanged = _OnyxCache__WEBPACK_IMPORTED_MODULE_4__["default"].hasValueChanged(key, modifiedData);
+      const hasChanged = _OnyxCache__WEBPACK_IMPORTED_MODULE_6__["default"].hasValueChanged(key, modifiedData);
 
       // This approach prioritizes fast UI changes without waiting for data to be stored in device storage.
       const updatePromise = broadcastUpdate(key, modifiedData, 'merge', hasChanged, wasRemoved);
@@ -1472,9 +1579,12 @@ function merge(key, changes) {
         return updatePromise;
       }
 
-      return _storage__WEBPACK_IMPORTED_MODULE_5__["default"].mergeItem(key, batchedChanges, modifiedData).then(() => updatePromise);
+      return _storage__WEBPACK_IMPORTED_MODULE_7__["default"].mergeItem(key, batchedChanges, modifiedData).then(() => {
+        sendActionToDevTools(METHOD.MERGE, key, changes, modifiedData);
+        return updatePromise;
+      });
     } catch (error) {
-      _Logger__WEBPACK_IMPORTED_MODULE_6__.logAlert(`An error occurred while applying merge for key: ${key}, Error: ${error}`);
+      _Logger__WEBPACK_IMPORTED_MODULE_8__.logAlert(`An error occurred while applying merge for key: ${key}, Error: ${error}`);
       return Promise.resolve();
     }
   });
@@ -1488,11 +1598,11 @@ function merge(key, changes) {
  * @returns {Promise}
  */
 function initializeWithDefaultKeyStates() {
-  return _storage__WEBPACK_IMPORTED_MODULE_5__["default"].multiGet(underscore__WEBPACK_IMPORTED_MODULE_1___default().keys(defaultKeyStates)).then((pairs) => {
+  return _storage__WEBPACK_IMPORTED_MODULE_7__["default"].multiGet(underscore__WEBPACK_IMPORTED_MODULE_1___default().keys(defaultKeyStates)).then((pairs) => {
     const asObject = underscore__WEBPACK_IMPORTED_MODULE_1___default().object(pairs);
 
-    const merged = _utils__WEBPACK_IMPORTED_MODULE_9__["default"].fastMerge(asObject, defaultKeyStates);
-    _OnyxCache__WEBPACK_IMPORTED_MODULE_4__["default"].merge(merged);
+    const merged = _utils__WEBPACK_IMPORTED_MODULE_4__["default"].fastMerge(asObject, defaultKeyStates);
+    _OnyxCache__WEBPACK_IMPORTED_MODULE_6__["default"].merge(merged);
     underscore__WEBPACK_IMPORTED_MODULE_1___default().each(merged, (val, key) => keyChanged(key, val));
   });
 }
@@ -1520,8 +1630,8 @@ function initializeWithDefaultKeyStates() {
  * @returns {Promise<void>}
  */
 function clear() {let keysToPreserve = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  if (!_ActiveClientManager__WEBPACK_IMPORTED_MODULE_10__.isClientTheLeader()) {
-    _broadcast__WEBPACK_IMPORTED_MODULE_11__.sendMessage({ type: METHOD.CLEAR, keysToPreserve });
+  if (!_ActiveClientManager__WEBPACK_IMPORTED_MODULE_11__.isClientTheLeader()) {
+    _broadcast__WEBPACK_IMPORTED_MODULE_12__.sendMessage({ type: METHOD.CLEAR, keysToPreserve });
     return Promise.resolve();
   }
 
@@ -1550,10 +1660,10 @@ function clear() {let keysToPreserve = arguments.length > 0 && arguments[0] !==
       // 2. Figure out whether it is a collection key or not,
       //      since collection key subscribers need to be updated differently
       if (!isKeyToPreserve) {
-        const oldValue = _OnyxCache__WEBPACK_IMPORTED_MODULE_4__["default"].getValue(key);
+        const oldValue = _OnyxCache__WEBPACK_IMPORTED_MODULE_6__["default"].getValue(key);
         const newValue = underscore__WEBPACK_IMPORTED_MODULE_1___default().get(defaultKeyStates, key, null);
         if (newValue !== oldValue) {
-          _OnyxCache__WEBPACK_IMPORTED_MODULE_4__["default"].set(key, newValue);
+          _OnyxCache__WEBPACK_IMPORTED_MODULE_6__["default"].set(key, newValue);
           const collectionKey = key.substring(0, key.indexOf('_') + 1);
           if (collectionKey) {
             if (!keyValuesToResetAsCollection[collectionKey]) {
@@ -1587,12 +1697,13 @@ function clear() {let keysToPreserve = arguments.length > 0 && arguments[0] !==
     const defaultKeyValuePairs = underscore__WEBPACK_IMPORTED_MODULE_1___default().pairs(underscore__WEBPACK_IMPORTED_MODULE_1___default().omit(defaultKeyStates, keysToPreserve));
 
     // Remove only the items that we want cleared from storage, and reset others to default
-    underscore__WEBPACK_IMPORTED_MODULE_1___default().each(keysToBeClearedFromStorage, (key) => _OnyxCache__WEBPACK_IMPORTED_MODULE_4__["default"].drop(key));
-    return _storage__WEBPACK_IMPORTED_MODULE_5__["default"].removeItems(keysToBeClearedFromStorage).
-    then(() => _storage__WEBPACK_IMPORTED_MODULE_5__["default"].multiSet(defaultKeyValuePairs)).
+    underscore__WEBPACK_IMPORTED_MODULE_1___default().each(keysToBeClearedFromStorage, (key) => _OnyxCache__WEBPACK_IMPORTED_MODULE_6__["default"].drop(key));
+    return _storage__WEBPACK_IMPORTED_MODULE_7__["default"].removeItems(keysToBeClearedFromStorage).
+    then(() => _storage__WEBPACK_IMPORTED_MODULE_7__["default"].multiSet(defaultKeyValuePairs)).
     then(() => {
       isClearing = false;
-      _broadcast__WEBPACK_IMPORTED_MODULE_11__.sendMessage({ type: METHOD.CLEAR, keysToPreserve });
+      _broadcast__WEBPACK_IMPORTED_MODULE_12__.sendMessage({ type: METHOD.CLEAR, keysToPreserve });
+      _DevTools__WEBPACK_IMPORTED_MODULE_3__["default"].clearState(keysToPreserve);
       return Promise.all(updatePromises);
     });
   });
@@ -1614,7 +1725,7 @@ function clear() {let keysToPreserve = arguments.length > 0 && arguments[0] !==
  */
 function mergeCollection(collectionKey, collection) {
   if (!underscore__WEBPACK_IMPORTED_MODULE_1___default().isObject(collection) || underscore__WEBPACK_IMPORTED_MODULE_1___default().isArray(collection) || underscore__WEBPACK_IMPORTED_MODULE_1___default().isEmpty(collection)) {
-    _Logger__WEBPACK_IMPORTED_MODULE_6__.logInfo('mergeCollection() called with invalid or empty value. Skipping this update.');
+    _Logger__WEBPACK_IMPORTED_MODULE_8__.logInfo('mergeCollection() called with invalid or empty value. Skipping this update.');
     return Promise.resolve();
   }
 
@@ -1630,7 +1741,7 @@ function mergeCollection(collectionKey, collection) {
     }
 
     hasCollectionKeyCheckFailed = true;
-    _Logger__WEBPACK_IMPORTED_MODULE_6__.logAlert(`Provided collection doesn't have all its data belonging to the same parent. CollectionKey: ${collectionKey}, DataKey: ${dataKey}`);
+    _Logger__WEBPACK_IMPORTED_MODULE_8__.logAlert(`Provided collection doesn't have all its data belonging to the same parent. CollectionKey: ${collectionKey}, DataKey: ${dataKey}`);
   });
 
   // Gracefully handle bad mergeCollection updates so it doesn't block the merge queue
@@ -1662,23 +1773,26 @@ function mergeCollection(collectionKey, collection) {
     // New keys will be added via multiSet while existing keys will be updated using multiMerge
     // This is because setting a key that doesn't exist yet with multiMerge will throw errors
     if (keyValuePairsForExistingCollection.length > 0) {
-      promises.push(_storage__WEBPACK_IMPORTED_MODULE_5__["default"].multiMerge(keyValuePairsForExistingCollection));
+      promises.push(_storage__WEBPACK_IMPORTED_MODULE_7__["default"].multiMerge(keyValuePairsForExistingCollection));
     }
 
     if (keyValuePairsForNewCollection.length > 0) {
-      promises.push(_storage__WEBPACK_IMPORTED_MODULE_5__["default"].multiSet(keyValuePairsForNewCollection));
+      promises.push(_storage__WEBPACK_IMPORTED_MODULE_7__["default"].multiSet(keyValuePairsForNewCollection));
     }
 
     // Prefill cache if necessary by calling get() on any existing keys and then merge original data to cache
     // and update all subscribers
     const promiseUpdate = Promise.all(underscore__WEBPACK_IMPORTED_MODULE_1___default().map(existingKeys, get)).then(() => {
-      _OnyxCache__WEBPACK_IMPORTED_MODULE_4__["default"].merge(collection);
+      _OnyxCache__WEBPACK_IMPORTED_MODULE_6__["default"].merge(collection);
       return scheduleNotifyCollectionSubscribers(collectionKey, collection);
     });
 
     return Promise.all(promises).
     catch((error) => evictStorageAndRetry(error, mergeCollection, collection)).
-    then(() => promiseUpdate);
+    then(() => {
+      sendActionToDevTools(METHOD.MERGE_COLLECTION, undefined, collection);
+      return promiseUpdate;
+    });
   });
 }
 
@@ -1737,10 +1851,10 @@ function update(data) {
  * @param {string[]} keyList
  */
 function setMemoryOnlyKeys(keyList) {
-  _storage__WEBPACK_IMPORTED_MODULE_5__["default"].setMemoryOnlyKeys(keyList);
+  _storage__WEBPACK_IMPORTED_MODULE_7__["default"].setMemoryOnlyKeys(keyList);
 
   // When in memory only mode for certain keys we do not want to ever drop items from the cache as the user will have no way to recover them again via storage.
-  _OnyxCache__WEBPACK_IMPORTED_MODULE_4__["default"].setRecentKeysLimit(Infinity);
+  _OnyxCache__WEBPACK_IMPORTED_MODULE_6__["default"].setRecentKeysLimit(Infinity);
 }
 
 /**
@@ -1756,8 +1870,8 @@ function onClear(callback) {
  * types of events.
  */
 function subscribeToEvents() {
-  _broadcast__WEBPACK_IMPORTED_MODULE_11__.subscribe((_ref5) => {let { data } = _ref5;
-    if (!_ActiveClientManager__WEBPACK_IMPORTED_MODULE_10__.isClientTheLeader()) {
+  _broadcast__WEBPACK_IMPORTED_MODULE_12__.subscribe((_ref5) => {let { data } = _ref5;
+    if (!_ActiveClientManager__WEBPACK_IMPORTED_MODULE_11__.isClientTheLeader()) {
       return;
     }
     switch (data.type) {
@@ -1819,10 +1933,10 @@ function init()
 
 
 {let { keys = {}, initialKeyStates = {}, safeEvictionKeys = [], maxCachedKeysCount = 1000, captureMetrics = false, shouldSyncMultipleInstances = Boolean(__webpack_require__.g.localStorage), debugSetState = false } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  _ActiveClientManager__WEBPACK_IMPORTED_MODULE_10__.init();
+  _ActiveClientManager__WEBPACK_IMPORTED_MODULE_11__.init();
 
-  _ActiveClientManager__WEBPACK_IMPORTED_MODULE_10__.isReady().then(() => {
-    if (!_ActiveClientManager__WEBPACK_IMPORTED_MODULE_10__.isClientTheLeader()) {
+  _ActiveClientManager__WEBPACK_IMPORTED_MODULE_11__.isReady().then(() => {
+    if (!_ActiveClientManager__WEBPACK_IMPORTED_MODULE_11__.isClientTheLeader()) {
       return;
     }
     subscribeToEvents();
@@ -1835,11 +1949,11 @@ function init()
   }
 
   if (debugSetState) {
-    _metrics_PerformanceUtils__WEBPACK_IMPORTED_MODULE_8__.setShouldDebugSetState(true);
+    _metrics_PerformanceUtils__WEBPACK_IMPORTED_MODULE_10__.setShouldDebugSetState(true);
   }
 
   if (maxCachedKeysCount > 0) {
-    _OnyxCache__WEBPACK_IMPORTED_MODULE_4__["default"].setRecentKeysLimit(maxCachedKeysCount);
+    _OnyxCache__WEBPACK_IMPORTED_MODULE_6__["default"].setRecentKeysLimit(maxCachedKeysCount);
   }
 
   // We need the value of the collection keys later for checking if a
@@ -1857,15 +1971,17 @@ function init()
   // Set our default key states to use when initializing and clearing Onyx data
   defaultKeyStates = initialKeyStates;
 
+  _DevTools__WEBPACK_IMPORTED_MODULE_3__["default"].initState(initialKeyStates);
+
   // Let Onyx know about which keys are safe to evict
   evictionAllowList = safeEvictionKeys;
 
   // Initialize all of our keys with data provided then give green light to any pending connections
   Promise.all([addAllSafeEvictionKeysToRecentlyAccessedList(), initializeWithDefaultKeyStates()]).then(deferredInitTask.resolve);
 
-  if (shouldSyncMultipleInstances && underscore__WEBPACK_IMPORTED_MODULE_1___default().isFunction(_storage__WEBPACK_IMPORTED_MODULE_5__["default"].keepInstancesSync)) {
-    _storage__WEBPACK_IMPORTED_MODULE_5__["default"].keepInstancesSync((key, value) => {
-      _OnyxCache__WEBPACK_IMPORTED_MODULE_4__["default"].set(key, value);
+  if (shouldSyncMultipleInstances && underscore__WEBPACK_IMPORTED_MODULE_1___default().isFunction(_storage__WEBPACK_IMPORTED_MODULE_7__["default"].keepInstancesSync)) {
+    _storage__WEBPACK_IMPORTED_MODULE_7__["default"].keepInstancesSync((key, value) => {
+      _OnyxCache__WEBPACK_IMPORTED_MODULE_6__["default"].set(key, value);
       keyChanged(key, value);
     });
   }
@@ -1882,7 +1998,7 @@ const Onyx = {
   clear,
   getAllKeys,
   init,
-  registerLogger: _Logger__WEBPACK_IMPORTED_MODULE_6__.registerLogger,
+  registerLogger: _Logger__WEBPACK_IMPORTED_MODULE_8__.registerLogger,
   addToEvictionBlockList,
   removeFromEvictionBlockList,
   isSafeEvictionKey,
@@ -1891,9 +2007,9 @@ const Onyx = {
   tryGetCachedValue,
   hasPendingMergeForKey,
   onClear,
-  isClientManagerReady: _ActiveClientManager__WEBPACK_IMPORTED_MODULE_10__.isReady,
-  isClientTheLeader: _ActiveClientManager__WEBPACK_IMPORTED_MODULE_10__.isClientTheLeader,
-  subscribeToClientChange: _ActiveClientManager__WEBPACK_IMPORTED_MODULE_10__.subscribeToClientChange
+  isClientManagerReady: _ActiveClientManager__WEBPACK_IMPORTED_MODULE_11__.isReady,
+  isClientTheLeader: _ActiveClientManager__WEBPACK_IMPORTED_MODULE_11__.isClientTheLeader,
+  subscribeToClientChange: _ActiveClientManager__WEBPACK_IMPORTED_MODULE_11__.subscribeToClientChange
 };
 
 /**
@@ -2840,7 +2956,11 @@ function removeNestedNullValues(value) {
   return value;
 }
 
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({ areObjectsEmpty, fastMerge, removeNestedNullValues });
+function formatActionName(method, key) {
+  return key ? `${method.toUpperCase()}/${key}` : method.toUpperCase();
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({ areObjectsEmpty, fastMerge, formatActionName, removeNestedNullValues });
 
 /***/ }),