fix(react-native detected network)

Author: morrys

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-relay-offline",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "keywords": [
     "graphql",
     "relay",

src/QueryRendererOffline.tsx

@@ -21,7 +21,7 @@ class QueryRendererOffline extends React.Component<OfflineProps, State> {
     if (!this.state.rehydratate) {
 
       const unsubscribe = this.props.environment.storeOffline.subscribe(() => {
-        if (this.props.environment.storeOffline.getState().rehydrated) {
+        if (this.props.environment.isRehydrated()) {
           this.setState({
             rehydratate: this.props.environment.isRehydrated()
           })

src/runtime/RelayModernEnvironment.ts

@@ -6,6 +6,7 @@ import {
 } from 'relay-runtime/lib/RelayStoreTypes';
 
 import { v4 as uuid } from "uuid";
+import { NORMALIZED_OFFLINE, NORMALIZED_REHYDRATED, NORMALIZED_DETECTED } from './redux/OfflineStore';
 
 const actions = {
   ENQUEUE: 'ENQUEUE_OFFLINE_MUTATION',
@@ -24,11 +25,11 @@ class RelayModernEnvironment extends Environment {
   }
 
   public isRehydrated() {
-    return this.storeOffline.getState().rehydrated;
+    return this.storeOffline.getState()[NORMALIZED_REHYDRATED] && this.storeOffline.getState()[NORMALIZED_DETECTED];
   }
 
   public isOnline() {
-    return this.storeOffline.getState().offline.online;
+    return this.storeOffline.getState()[NORMALIZED_OFFLINE].online;
   }
 
   public getStoreOffline() {

src/runtime/redux/OfflineStore.ts

@@ -10,8 +10,12 @@ export type OfflineCallback = (err: any, success: any) => void;
 export const NORMALIZED_CACHE_KEY = 'relay';
 export const NORMALIZED_ROOTS_KEY = 'relay-roots';
 export const NORMALIZED_OFFLINE = 'offline';
+export const NORMALIZED_DETECTED = 'detected';
+export const NORMALIZED_REHYDRATED = 'rehydrated';
 export const WRITE_CACHE_ACTION = 'RELAY_WRITE_CACHE';
 export const WRITE_ROOT_ACTION = 'RELAY_WRITE_ROOT';
+export const WRITE_DETECTED_NETWORK = 'RELAY_DETECTED_NETWORK';
+
 const KEY_PREFIX_PERSIT = 'relayPersist:';
 
 type AppState = {
@@ -65,6 +69,14 @@ class StoreOffline {
                             return state;
                     }
                 },
+                detected: (state = false, action) => {
+                    switch (action.type) {
+                        case WRITE_DETECTED_NETWORK:
+                            return true;
+                        default:
+                            return state;
+                    }
+                },
                 ...storeOffline.cacheReducer(),
                 ...storeOffline.rootsReducer(),
             }),
@@ -73,6 +85,12 @@ class StoreOffline {
                 applyMiddleware(thunk),
                 offline({
                     ...defaultOfflineConfig,
+                    detectNetwork: callback => {
+                        detectNetwork(online => {
+                            callback(online);
+                            store.dispatch(writeThunk(WRITE_DETECTED_NETWORK, true) as any as Action);
+                        });
+                    },
                     retry: storeOffline.getEffectDelay,
                     persistCallback: () => {
                         persistCallback();