Add support for Redux DevTools on RND

lostpebble · Nov 1, 2020 · f0b1240 · f0b1240
1 parent 4f105f2
commit f0b1240
Showing 1 changed file with 23 additions and 24 deletions.
diff --git a/src/reduxDevtools.ts b/src/reduxDevtools.ts
@@ -5,16 +5,16 @@ interface IORegisterInDevtoolsOptions {
 }
 
 export function registerInDevtools(stores: IPullstateAllStores, { namespace = "" }: IORegisterInDevtoolsOptions = {}) {
-  if (typeof document !== "undefined") {
+  const devToolsExtension = (window as any)?.__REDUX_DEVTOOLS_EXTENSION__;
+
+  if (devToolsExtension) {
     for (const key of Object.keys(stores)) {
       const store = stores[key];
 
-      const devToolsExtension = (window as any).__REDUX_DEVTOOLS_EXTENSION__;
-      if (devToolsExtension) {
-        const devTools = devToolsExtension.connect({ name: `${namespace}${key}` });
-        devTools.init(store.getRawState());
-        let ignoreNext = false;
-        /*store.subscribe(
+      const devTools = devToolsExtension.connect({ name: `${namespace}${key}` });
+      devTools.init(store.getRawState());
+      let ignoreNext = false;
+      /*store.subscribe(
           (state) => {
             if (ignoreNext) {
               ignoreNext = false;
@@ -24,25 +24,24 @@ export function registerInDevtools(stores: IPullstateAllStores, { namespace = ""
           },
           () => {}
         );*/
-        store.subscribe(
-          (s) => s,
-          (watched) => {
-            if (ignoreNext) {
-              ignoreNext = false;
-              return;
-            }
-            devTools.send("Change", watched);
+      store.subscribe(
+        (s) => s,
+        (watched) => {
+          if (ignoreNext) {
+            ignoreNext = false;
+            return;
           }
-        );
+          devTools.send("Change", watched);
+        }
+      );
 
-        devTools.subscribe((message: { type: string; state: any }) => {
-          if (message.type === "DISPATCH" && message.state) {
-            ignoreNext = true;
-            const parsed = JSON.parse(message.state);
-            store.replace(parsed);
-          }
-        });
-      }
+      devTools.subscribe((message: { type: string; state: any }) => {
+        if (message.type === "DISPATCH" && message.state) {
+          ignoreNext = true;
+          const parsed = JSON.parse(message.state);
+          store.replace(parsed);
+        }
+      });
     }
   }
 }