From 877e4012a558c82efeda2750a2301b909b8935ee Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jo=C3=A3o=20Loureiro?= <1649425+jpcloureiro@users.noreply.github.com> Date: Thu, 20 Jul 2023 11:34:25 +0100 Subject: [PATCH] chore: enable react native flipper redux debugger plugin Lets flipper to grab redux actions, show action payload & store state diff --- app/store/index.js | 13 ++++++++++++- ios/Podfile.lock | 12 +++++++++--- package.json | 2 ++ yarn.lock | 20 +++++++++++++++++++- 4 files changed, 42 insertions(+), 5 deletions(-) diff --git a/app/store/index.js b/app/store/index.js index 91a2e2a433f..ca26f6746b1 100644 --- a/app/store/index.js +++ b/app/store/index.js @@ -124,7 +124,18 @@ const persistConfig = { const pReducer = persistReducer(persistConfig, rootReducer); -export const store = createStore(pReducer, undefined, applyMiddleware(thunk)); +const middlewares = [thunk]; + +if (__DEV__) { + const createDebugger = require('redux-flipper').default; + middlewares.push(createDebugger()); +} + +export const store = createStore( + pReducer, + undefined, + applyMiddleware(...middlewares), +); /** * Initialize services after persist is completed diff --git a/ios/Podfile.lock b/ios/Podfile.lock index ad7018b57f3..98af0a9b259 100644 --- a/ios/Podfile.lock +++ b/ios/Podfile.lock @@ -337,6 +337,8 @@ PODS: - React-Core - react-native-cookies (6.2.1): - React-Core + - react-native-flipper (0.206.0): + - React-Core - react-native-get-random-values (1.8.0): - React-Core - react-native-in-app-review (3.2.3): @@ -587,6 +589,7 @@ DEPENDENCIES: - react-native-branch (from `../node_modules/react-native-branch`) - react-native-camera (from `../node_modules/react-native-camera`) - "react-native-cookies (from `../node_modules/@react-native-cookies/cookies`)" + - react-native-flipper (from `../node_modules/react-native-flipper`) - react-native-get-random-values (from `../node_modules/react-native-get-random-values`) - react-native-in-app-review (from `../node_modules/react-native-in-app-review`) - "react-native-netinfo (from `../node_modules/@react-native-community/netinfo`)" @@ -718,6 +721,8 @@ EXTERNAL SOURCES: :path: "../node_modules/react-native-camera" react-native-cookies: :path: "../node_modules/@react-native-cookies/cookies" + react-native-flipper: + :path: "../node_modules/react-native-flipper" react-native-get-random-values: :path: "../node_modules/react-native-get-random-values" react-native-in-app-review: @@ -818,11 +823,11 @@ EXTERNAL SOURCES: :path: "../node_modules/react-native/ReactCommon/yoga" SPEC CHECKSUMS: - boost: 57d2868c099736d80fcd648bf211b4431e51a558 + boost: a7c83b31436843459a1961bfd74b96033dc77234 Branch: 4ac024cb3c29b0ef628048694db3c4cfa679beb0 BVLinearGradient: e3aad03778a456d77928f594a649e96995f1c872 CocoaAsyncSocket: 065fd1e645c7abab64f7a6a2007a48038fdc6a99 - DoubleConversion: 5189b271737e1565bdce30deb4a08d647e3f5f54 + DoubleConversion: 831926d9b8bf8166fd87886c4abab286c2422662 FBLazyVector: a83ceaa8a8581003a623facdb3c44f6d4f342ac5 FBReactNativeSpec: 85eee79837cb797ab6176f0243a2b40511c09158 Flipper: 26fc4b7382499f1281eb8cb921e5c3ad6de91fe0 @@ -835,7 +840,7 @@ SPEC CHECKSUMS: Flipper-RSocket: d9d9ade67cbecf6ac10730304bf5607266dd2541 FlipperKit: cbdee19bdd4e7f05472a66ce290f1b729ba3cb86 fmt: ff9d55029c625d3757ed641535fd4a75fedc7ce9 - glog: 04b94705f318337d7ead9e6d17c019bd9b1f6b1b + glog: 5337263514dd6f09803962437687240c5dc39aa4 JitsiWebRTC: f441eb0e2d67f0588bf24e21c5162e97342714fb libevent: 4049cae6c81cdb3654a443be001fb9bdceff7913 lottie-ios: 016449b5d8be0c3dcbcfa0a9988469999cd04c5d @@ -862,6 +867,7 @@ SPEC CHECKSUMS: react-native-branch: 4e42fda662d96893afbbd02839806931398e3d2e react-native-camera: b8cc03e2feec0c04403d0998e37cf519d8fd4c6f react-native-cookies: f54fcded06bb0cda05c11d86788020b43528a26c + react-native-flipper: 59f45fba4a42d4c38272bfcd3429f9b9c4443af8 react-native-get-random-values: a6ea6a8a65dc93e96e24a11105b1a9c8cfe1d72a react-native-in-app-review: 23f4f5b9fcd94339dd5d93c6230557f9c67c7dda react-native-netinfo: e849fc21ca2f4128a5726c801a82fc6f4a6db50d diff --git a/package.json b/package.json index 683673bed1c..0da7e06f2af 100644 --- a/package.json +++ b/package.json @@ -425,10 +425,12 @@ "prettier-plugin-gherkin": "^1.1.1", "react-dom": "18.2.0", "react-native-cli": "2.0.1", + "react-native-flipper": "^0.206.0", "react-native-storybook-loader": "^2.0.4", "react-native-svg-asset-plugin": "^0.5.0", "react-native-svg-transformer": "^1.0.0", "react-test-renderer": "18.2.0", + "redux-flipper": "^2.0.2", "regenerator-runtime": "0.13.9", "rn-nodeify": "10.3.0", "stack-beautifier": "1.0.2", diff --git a/yarn.lock b/yarn.lock index da21011a5d2..8da49e59aa7 100644 --- a/yarn.lock +++ b/yarn.lock @@ -12272,7 +12272,7 @@ csstype@^3.0.2: resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.0.8.tgz#d2266a792729fb227cd216fb572f43728e1ad340" integrity sha512-jXKhWqXPmlUeoQnF/EhTtTl4C9SnrxSH/jZUih3jmO6lBKr99rP3/+FmrMj4EFpOXzMtXHAZkd3x0E6h6Fgflw== -cycle@1.0.x: +cycle@1.0.x, cycle@^1.0.3: version "1.0.3" resolved "https://registry.yarnpkg.com/cycle/-/cycle-1.0.3.tgz#21e80b2be8580f98b468f379430662b046c34ad2" integrity sha1-IegLK+hYD5i0aPN5QwZisEbDStI= @@ -12409,6 +12409,11 @@ dayjs@^1.8.15: resolved "https://registry.yarnpkg.com/dayjs/-/dayjs-1.10.6.tgz#288b2aa82f2d8418a6c9d4df5898c0737ad02a63" integrity sha512-AztC/IOW4L1Q41A86phW5Thhcrco3xuAA+YX/BLpLWWjRcTj5TOt/QImBLmCKlrF7u7k47arTnOyL6GnbG8Hvw== +dayjs@^1.8.29: + version "1.11.9" + resolved "https://registry.yarnpkg.com/dayjs/-/dayjs-1.11.9.tgz#9ca491933fadd0a60a2c19f6c237c03517d71d1a" + integrity sha512-QvzAURSbQ0pKdIye2txOzNaHmxtUBXerpY0FJsFXUMKbIZeFm5ht1LS/jFsrncjnmtv8HsG0W2g6c0zUjZWmpA== + debug@0.7.4, debug@2.6.9, debug@^2.2.0, debug@^2.3.3, debug@^2.6.9: version "2.6.9" resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.9.tgz#5d128515df134ff327e90a4c93f4e077a536341f" @@ -23102,6 +23107,11 @@ react-native-flash-message@0.1.11: prop-types "^15.7.2" react-native-iphone-x-helper "^1.2.0" +react-native-flipper@^0.206.0: + version "0.206.0" + resolved "https://registry.yarnpkg.com/react-native-flipper/-/react-native-flipper-0.206.0.tgz#accd8e539463de26d543bfc384d0ff7810e0074b" + integrity sha512-QqSpA8+73zWgSrd87ZAPHBmh3biMKpgtpx+3ZH2opQfyNP5shWXo6iKpYt3L3un7ZkOQ8oF/9xiKgNkBAOXQ9g== + react-native-fs@^2.16.6: version "2.18.0" resolved "https://registry.yarnpkg.com/react-native-fs/-/react-native-fs-2.18.0.tgz#987b99cc90518ef26663a8d60e62104694b41c21" @@ -23872,6 +23882,14 @@ recursive-readdir@^2.2.2: dependencies: minimatch "^3.0.5" +redux-flipper@^2.0.2: + version "2.0.2" + resolved "https://registry.yarnpkg.com/redux-flipper/-/redux-flipper-2.0.2.tgz#5deca22ef81e71253912fdf8a403f272db9ed27f" + integrity sha512-X6OD3+Ok8g0SunzrwS5OtbE735eBDxLz3uuK4fdJSwbAzskqOS3SWc+rKuOpqmLkt8pN+Szp7Nof9Etm75B1Rg== + dependencies: + cycle "^1.0.3" + dayjs "^1.8.29" + redux-mock-store@1.5.4: version "1.5.4" resolved "https://registry.yarnpkg.com/redux-mock-store/-/redux-mock-store-1.5.4.tgz#90d02495fd918ddbaa96b83aef626287c9ab5872"