feat(compatibility with react-relay 4.0.0), fix(update retainTime), feat(getStoreOffline() in environment)

Author: lorenzo.digiacomo

README.md

@@ -2,6 +2,14 @@
 
 React Relay Offline is a extension of [Relay](https://facebook.github.io/relay/) for offline capabilities
 
+## Installation
+
+Install react-relay and react-relay-offline using yarn or npm:
+
+```
+yarn add react-relay relay-offline
+```
+
 
 ## Example
 
@@ -40,7 +48,8 @@ import {QueryRenderer} from 'react-relay-offline';
 
 ## Requirement
 
-When a new node is created by mutation the id must be generated in the browser to use it in the optimistic response
+* Version 3.0.0 or 4.0.0 of the react-relay library
+* When a new node is created by mutation the id must be generated in the browser to use it in the optimistic response
 
 ## TODO
 

package-lock.json

@@ -1,6 +1,11 @@
 {
   "name": "react-relay-offline",
   "version": "0.0.2",
+  "keywords": [
+    "graphql",
+    "relay",
+    "offline"
+  ],
   "main": "lib/index.js",
   "license": "SEE LICENSE IN LICENSE",
   "description": "React Relay Offline",
@@ -21,21 +26,19 @@
     "fbjs": "^1.0.0",
     "idb": "^4.0.0",
     "nullthrows": "^1.1.0",
-    "react-relay": "3.0.0",
     "redux": "^3.7.2",
     "redux-thunk": "^2.3.0",
-    "relay-runtime": "3.0.0",
     "uuid": "3.3.2"
   },
   "peerDependencies": {
-    "react": "^16.5.0"
+    "react": "^16.5.0",
+    "react-relay": "^3.0.0 || ^4.0.0"
   },
   "devDependencies": {
-    "@types/react-relay": "^1.3.12",
-    "@types/relay-runtime": "^1.3.12",
     "typescript": "3.1.1",
     "react": "16.6.3",
     "@types/react": "16.8.14",
-    "@types/react-dom": "16.8.4"
+    "@types/react-dom": "16.8.4",
+    "react-relay": "^4.0.0"
   }
 }

package.json

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import ReactRelayQueryFetcher from './ReactRelayQueryFetcher'
 import {  ReactRelayContext } from 'react-relay';
+import QueryFetcherOriginal from 'react-relay/lib/ReactRelayQueryFetcher';
 
 import {
   CacheConfig,
@@ -167,7 +168,7 @@ class QueryRenderer extends React.Component<Props, State> {
     // Re-initialize the ReactRelayQueryFetcher with callbacks.
     // If data has changed since constructions, this will re-render.
     if (this.props.query && !cached) {
-      queryFetcher.setOnDataChange(retryCallbacks.handleDataChange);
+      (queryFetcher as QueryFetcherOriginal).setOnDataChange(retryCallbacks.handleDataChange);
     }
   }
 
@@ -192,8 +193,8 @@ class QueryRenderer extends React.Component<Props, State> {
       !areEqual(prevState.prevPropsVariables, nextProps.variables)
     ) {
       const {query} = nextProps;
-      const prevSelectionReferences = prevState.queryFetcher.getSelectionReferences();
-      prevState.queryFetcher.disposeRequest();
+      const prevSelectionReferences = (prevState.queryFetcher as QueryFetcherOriginal).getSelectionReferences();
+      (prevState.queryFetcher as QueryFetcherOriginal).disposeRequest();
 
       let queryFetcher;
       if (query) {
@@ -239,7 +240,7 @@ class QueryRenderer extends React.Component<Props, State> {
   }
 
   componentWillUnmount(): void {
-    this.state.queryFetcher.dispose();
+    (this.state.queryFetcher as QueryFetcherOriginal).dispose();
   }
 
   shouldComponentUpdate(nextProps: Props, nextState: State): boolean {
@@ -253,7 +254,7 @@ class QueryRenderer extends React.Component<Props, State> {
 
 function fetchQueryAndComputeStateFromProps(
   props: Props,
-  queryFetcher: ReactRelayQueryFetcher,
+  queryFetcher: QueryFetcherOriginal,
   retryCallbacks: RetryCallbacks,
   requestCacheKey: string,
 ): Partial<State> {
@@ -406,7 +407,7 @@ function getEmptyRenderProps(): RenderProps {
 function getRenderProps(
   error: Error,
   snapshot: Snapshot,
-  queryFetcher: ReactRelayQueryFetcher,
+  queryFetcher: QueryFetcherOriginal,
   retryCallbacks: RetryCallbacks,
 ): RenderProps {
   return {