BOD-118 Added Saga to start conversations from anywhere. Removed gql apollo-boost due to package size and replaced with graphql-tag

client/src/App/App.container.jsx

@@ -18,100 +18,101 @@ import App from "./App";
 
 if (process.env.NODE_ENV === "production") LogRocket.init("gvfvfw/bodyshopapp");
 
+const httpLink = new HttpLink({
+  uri: process.env.REACT_APP_GRAPHQL_ENDPOINT,
+});
+
+const wsLink = new WebSocketLink({
+  uri: process.env.REACT_APP_GRAPHQL_ENDPOINT_WS,
+  options: {
+    lazy: true,
+    reconnect: true,
+    connectionParams: async () => {
+      //const token = localStorage.getItem("token");
+      const token = await auth.currentUser.getIdToken(true);
+      if (token) {
+        return {
+          headers: {
+            authorization: token ? `Bearer ${token}` : "",
+          },
+        };
+      }
+    },
+  },
+});
+const subscriptionMiddleware = {
+  applyMiddleware: async (options, next) => {
+    options.authToken = await auth.currentUser.getIdToken(true);
+    next();
+  },
+};
+wsLink.subscriptionClient.use([subscriptionMiddleware]);
+
+const link = split(
+  // split based on operation type
+  ({ query }) => {
+    const definition = getMainDefinition(query);
+    // console.log(
+    //   "##Intercepted GQL Transaction : " +
+    //     definition.operation +
+    //     "|" +
+    //     definition.name.value +
+    //     "##",
+    //   query
+    // );
+    return (
+      definition.kind === "OperationDefinition" &&
+      definition.operation === "subscription"
+    );
+  },
+  wsLink,
+  httpLink
+);
+
+const authLink = setContext((_, { headers }) => {
+  return auth.currentUser.getIdToken().then((token) => {
+    if (token) {
+      return {
+        headers: {
+          ...headers,
+          authorization: token ? `Bearer ${token}` : "",
+        },
+      };
+    } else {
+      return { headers };
+    }
+  });
+});
+
+const retryLink = new RetryLink({
+  delay: {
+    initial: 300,
+    max: 5,
+    jitter: true,
+  },
+  attempts: {
+    max: 5,
+    retryIf: (error, _operation) => !!error,
+  },
+});
+
+const middlewares = [];
+if (process.env.NODE_ENV === "development") {
+  middlewares.push(apolloLogger);
+}
+
+middlewares.push(retryLink.concat(errorLink.concat(authLink.concat(link))));
+
+const cache = new InMemoryCache();
+export const client = new ApolloClient({
+  link: ApolloLink.from(middlewares),
+  cache,
+  connectToDevTools: true,
+});
+
 export default class AppContainer extends Component {
   constructor() {
     super();
-    const httpLink = new HttpLink({
-      uri: process.env.REACT_APP_GRAPHQL_ENDPOINT,
-    });
-
-    const wsLink = new WebSocketLink({
-      uri: process.env.REACT_APP_GRAPHQL_ENDPOINT_WS,
-      options: {
-        lazy: true,
-        reconnect: true,
-        connectionParams: async () => {
-          //const token = localStorage.getItem("token");
-          const token = await auth.currentUser.getIdToken(true);
-          if (token) {
-            return {
-              headers: {
-                authorization: token ? `Bearer ${token}` : "",
-              },
-            };
-          }
-        },
-      },
-    });
-    const subscriptionMiddleware = {
-      applyMiddleware: async (options, next) => {
-        options.authToken = await auth.currentUser.getIdToken(true);
-        next();
-      },
-    };
-    wsLink.subscriptionClient.use([subscriptionMiddleware]);
-
-    const link = split(
-      // split based on operation type
-      ({ query }) => {
-        const definition = getMainDefinition(query);
-        // console.log(
-        //   "##Intercepted GQL Transaction : " +
-        //     definition.operation +
-        //     "|" +
-        //     definition.name.value +
-        //     "##",
-        //   query
-        // );
-        return (
-          definition.kind === "OperationDefinition" &&
-          definition.operation === "subscription"
-        );
-      },
-      wsLink,
-      httpLink
-    );
-
-    const authLink = setContext((_, { headers }) => {
-      return auth.currentUser.getIdToken().then((token) => {
-        if (token) {
-          return {
-            headers: {
-              ...headers,
-              authorization: token ? `Bearer ${token}` : "",
-            },
-          };
-        } else {
-          return { headers };
-        }
-      });
-    });
-
-    const retryLink = new RetryLink({
-      delay: {
-        initial: 300,
-        max: 5,
-        jitter: true,
-      },
-      attempts: {
-        max: 5,
-        retryIf: (error, _operation) => !!error,
-      },
-    });
-
-    const middlewares = [];
-    if (process.env.NODE_ENV === "development") {
-      middlewares.push(apolloLogger);
-    }
-
-    middlewares.push(retryLink.concat(errorLink.concat(authLink.concat(link))));
-
-    const cache = new InMemoryCache();
-    const client = new ApolloClient({
-      link: ApolloLink.from(middlewares),
-      cache,
-      connectToDevTools: true,
-    });
 
     this.state = { client };
   }