Shift to graphql-ws

Author: IKCAP

config.js

@@ -1,11 +1,35 @@
+window.REACT_APP_WELCOME_MESSAGE = "Welcome to MINT Demo Indiana";
+window.REACT_APP_MODEL_CATALOG_DEFAULT_USER= "[email protected]";
+// Mint Services
+window.REACT_APP_CROMO_URL = "http://localhost:30001";
+window.REACT_APP_DATA_CATALOG_API = "http://localhost:30002";
+window.REACT_APP_MODEL_CATALOG_API = "http://localhost:30004/v1.8.0";
+window.REACT_APP_ENSEMBLE_MANAGER_API = "http://localhost:30008/v1";
+window.REACT_APP_GRAPHQL_ENDPOINT = "localhost:30003/v1/graphql";
+window.REACT_APP_GRAPHQL_ENABLE_SSL = false;
+
+
+// Google API Key
+window.REACT_APP_GOOGLE_MAPS_KEY = "AIzaSyBl8J85KibSuhHEw_j0JTlITVTBb8oXiMo";
+
+//Authentications
+window.REACT_APP_AUTH_SERVER = "https://auth.mint.isi.edu/";
+window.REACT_APP_AUTH_REALM = "production";
+window.REACT_APP_AUTH_CLIENT_ID = "mint-ui";
+
+//Visualization and Ingestion - Not used any more - Remove ?
+window.REACT_APP_VISUALIZATION_URL = "http://dev.viz.mint.isi.edu";
+window.REACT_APP_INGESTION_API = "http://node1.ingestion.mint.isi.edu/v1.3.0";
+
+/*
 window.REACT_APP_WELCOME_MESSAGE = "Welcome to MINT";
 window.REACT_APP_MODEL_CATALOG_DEFAULT_USER = "[email protected]";
 
 // Mint Services
-window.REACT_APP_DATA_CATALOG_API = "https://data-catalog.mint.isi.edu";
+window.REACT_APP_DATA_CATALOG_API = "https://data-catalog.dev.mint.isi.edu";
 window.REACT_APP_CROMO_API = "https://cromo.wildfire.mint.isi.edu/v1.0";
-window.REACT_APP_MODEL_CATALOG_API = "https://api.models.mint.isi.edu/v1.8.0";
-window.REACT_APP_ENSEMBLE_MANAGER_API = "https://ensemble.mint.isi.edu/v1";
+window.REACT_APP_MODEL_CATALOG_API = "http://localhost:30004/v1.8.0";
+window.REACT_APP_ENSEMBLE_MANAGER_API = "http://localhost:30008/v1";
 
 // Google API Key
 window.REACT_APP_GOOGLE_MAPS_KEY = "AIzaSyBl8J85KibSuhHEw_j0JTlITVTBb8oXiMo";
@@ -17,12 +41,12 @@ window.REACT_APP_AUTH_CLIENT_ID = "mint-ui";
 
 //Execution - Local
 window.REACT_APP_EXECUTION_ENGINE = "localex";
-window.REACT_APP_LOCALEX_CODEDIR = "/data/storage/mint/localex/code";
-window.REACT_APP_LOCALEX_DATADIR = "/data/storage/mint/data-catalog/production/local-execution";
-window.REACT_APP_LOCALEX_DATAURL = "https://data.mint.isi.edu/files/local-execution";
-window.REACT_APP_LOCALEX_LOGDIR = "/data/storage/mint/data-catalog/production/local-execution/logs";
-window.REACT_APP_LOCALEX_LOGURL = "https://data.mint.isi.edu/files/local-execution/logs";
-window.REACT_APP_LOCALEX_PARALLEL = 50;
+window.REACT_APP_LOCALEX_CODEDIR = "~/mintprroject/code";
+window.REACT_APP_LOCALEX_DATADIR = "~/mintproject/data";
+window.REACT_APP_LOCALEX_DATAURL = "file://~/mintproject/data";
+window.REACT_APP_LOCALEX_LOGDIR = "~/mintproject/logs";
+window.REACT_APP_LOCALEX_LOGURL = "file://~/mintproject/logs";
+window.REACT_APP_LOCALEX_PARALLEL = 2;
 
 //Execution - Wings
 window.REACT_APP_WINGS_EXPORT_URL = "https://data.mint.isi.edu/files/wings-export";
@@ -31,9 +55,10 @@ window.REACT_APP_WINGS_DOTPATH = "/data/storage/mint/data-catalog/production/win
 window.REACT_APP_WINGS_ONTURL = "https://data.mint.isi.edu/files/wings-export/dot";
 
 //Database
-window.REACT_APP_GRAPHQL_ENDPOINT = "graphql.mint.isi.edu/v1/graphql";
-window.REACT_APP_GRAPHQL_ENABLE_SSL = "True";
+window.REACT_APP_GRAPHQL_ENDPOINT = "localhost:30003/v1/graphql";
+window.REACT_APP_GRAPHQL_ENABLE_SSL = false;
 
 //Visualization and Ingestion
 window.REACT_APP_VISUALIZATION_URL = "https://viz.mint.isi.edu";
 window.REACT_APP_INGESTION_API = "https://node1.ingestion.mint.isi.edu/v1.3.0";
+*/

src/config/graphql.ts

@@ -1,5 +1,6 @@
 import { ApolloClient, createHttpLink, InMemoryCache, split, NormalizedCacheObject } from '@apollo/client';
-import { WebSocketLink } from '@apollo/client/link/ws';
+import { GraphQLWsLink } from '@apollo/client/link/subscriptions'
+import { createClient } from 'graphql-ws';
 import { getMainDefinition } from '@apollo/client/utilities';
 import { MintPreferences, User } from 'app/reducers';
 import { SubscriptionClient } from 'subscriptions-transport-ws';
@@ -49,19 +50,18 @@ export class GraphQL {
     let protocol = MINT_PREFERENCES.graphql.enable_ssl? "wss://" : "ws://"
     let uri = protocol + MINT_PREFERENCES.graphql.endpoint
     // Subscription Link
-    const subscriptionClient = new SubscriptionClient(
-      uri,
+    const subscriptionClient = createClient(
       {
-        reconnect: true,
+        url: uri,
+        shouldRetry: () => true,
         lazy: true,
         connectionParams: {
           headers: KeycloakAdapter.getAccessTokenHeader()
         }
       }
     );
-    // @ts-ignore
-    subscriptionClient.maxConnectTimeGenerator.duration = () => subscriptionClient.maxConnectTimeGenerator.max;    
-    return new WebSocketLink(subscriptionClient);
+    // subscriptionClient.maxConnectTimeGenerator.duration = () => subscriptionClient.maxConnectTimeGenerator.max;    
+    return new GraphQLWsLink(subscriptionClient);
   }
 
   static getHTTPSLink() {