[No QA] Setup Flipper plugins when on native & dev

ios/Podfile.lock

@@ -412,6 +412,8 @@ PODS:
     - React-Core
   - react-native-document-picker (5.1.0):
     - React-Core
+  - react-native-flipper (0.100.0):
+    - React-Core
   - react-native-image-picker (4.0.3):
     - React-Core
   - react-native-netinfo (5.9.10):
@@ -632,6 +634,7 @@ DEPENDENCIES:
   - React-jsinspector (from `../node_modules/react-native/ReactCommon/jsinspector`)
   - react-native-config (from `../node_modules/react-native-config`)
   - react-native-document-picker (from `../node_modules/react-native-document-picker`)
+  - react-native-flipper (from `../node_modules/react-native-flipper`)
   - react-native-image-picker (from `../node_modules/react-native-image-picker`)
   - "react-native-netinfo (from `../node_modules/@react-native-community/netinfo`)"
   - react-native-pdf (from `../node_modules/react-native-pdf`)
@@ -761,6 +764,8 @@ EXTERNAL SOURCES:
     :path: "../node_modules/react-native-config"
   react-native-document-picker:
     :path: "../node_modules/react-native-document-picker"
+  react-native-flipper:
+    :path: "../node_modules/react-native-flipper"
   react-native-image-picker:
     :path: "../node_modules/react-native-image-picker"
   react-native-netinfo:
@@ -913,6 +918,7 @@ SPEC CHECKSUMS:
   React-jsinspector: 500a59626037be5b3b3d89c5151bc3baa9abf1a9
   react-native-config: d8b45133fd13d4f23bd2064b72f6e2c08b2763ed
   react-native-document-picker: 0e3602a4064da040321bafad6848d8b0edcb1d55
+  react-native-flipper: 1943b82f2e494c77b741eb1ed257b6734a334b83
   react-native-image-picker: 4089335b89b625d4e34d53fb249c48a7a791b3ea
   react-native-netinfo: 52cf0ee8342548a485e28f4b09e56b477567244d
   react-native-pdf: 4b5a9e4465a6a3b399e91dc4838eb44ddf716d1f

package.json

@@ -145,6 +145,7 @@
     "eslint-loader": "^4.0.2",
     "eslint-plugin-detox": "^1.0.0",
     "eslint-plugin-jest": "^24.1.0",
+    "flipper-plugin-bridgespy-client": "^0.1.9",
     "html-webpack-plugin": "^4.3.0",
     "jest": "^26.5.2",
     "jest-circus": "^26.5.2",
@@ -154,8 +155,10 @@
     "portfinder": "^1.0.28",
     "pusher-js-mock": "^0.3.3",
     "react-hot-loader": "^4.12.21",
+    "react-native-flipper": "^0.100.0",
     "react-native-svg-transformer": "^0.14.3",
     "react-test-renderer": "16.13.1",
+    "rn-async-storage-flipper": "0.0.10",
     "semver": "^7.3.4",
     "style-loader": "^2.0.0",
     "wait-port": "^0.2.9",

src/setup/index.native.js

@@ -1,4 +1,10 @@
-// No additional setup required for native platforms
+// Setup Flipper plugins when on dev
 export default function () {
-    return null;
+    // eslint-disable-next-line no-undef
+    if (__DEV__) {
+        require('flipper-plugin-bridgespy-client');
+        const RNAsyncStorageFlipper = require('rn-async-storage-flipper').default;
+        const AsyncStorage = require('@react-native-async-storage/async-storage').default;
+        RNAsyncStorageFlipper(AsyncStorage);
+    }
 }