committing mid-refactor to checkout master functionality

Author: nickhealy

httpMainController.js

@@ -0,0 +1,58 @@
+const nodeFetch = require('node-fetch'); 
+const http2 = require("http2");
+const setCookie = require("set-cookie-parser");
+
+const httpMainController = {}; 
+
+// array of open http2 connections
+httpMainController.openHTTP2Connections = []; 
+
+httpMainController.openHTTPconnection = (reqResObj, connectionArray) => {
+  // http2 is currentonly supported over https
+  reqResObj.protocol === "https://"
+    ? httpController.establishHTTP2Connection(reqResObj, connectionArray)
+    : httpController.establishHTTP1connection(reqResObj, connectionArray);
+};
+
+httpMainController.establishHTTP2Connection = (reqResObj, connectionArray) => {
+    /*
+      Attempt to find an existing HTTP2 connection in openHTTP2Connections Array.
+      If exists, use connection to initiate request
+      If not, create connection, push to array, and then initiate request
+    */
+
+    // find connection with same host as passed in reqResObj 
+   const foundHTTP2Connection = httpMainController.openHTTP2Connections.find(
+    (conn) => conn.host === reqResObj.host
+  );
+
+  // EXISTING HTTP2 CONNECTION IS FOUND -----
+
+  if (foundHTTP2Connection) {
+    const { client } = foundHTTP2Connection;
+
+    // periodically check if the client is open or destroyed, and attach if conditions are met
+    const interval = setInterval(() => {
+      if (foundHTTP2Connection.status === "connected") {
+        this.attachRequestToHTTP2Client(client, reqResObj, connectionArray);
+        clearInterval(interval);
+      }
+      // if failed, could because of protocol error. try HTTP1
+      else if (foundHTTP2Connection.status === "failed" || client.destroyed) {
+        httpController.establishHTTP1connection(reqResObj, connectionArray);
+        clearInterval(interval);
+      }
+    }, 50);
+
+  // --------------------------------------------------
+      // if hasnt changed in 10 seconds, mark as error
+      // --------------------------------------------------
+      setTimeout(() => {
+        clearInterval(interval);
+        if (foundHTTP2Connection.status === "initialized") {
+          reqResObj.connection = "error";
+          store.default.dispatch(actions.reqResUpdate(reqResObj));
+        }
+      }, 10000);
+    }; 
+}

main.js

@@ -664,3 +664,6 @@ ipcMain.on("open-gql", (event, args) => {
       });
   }
 });
+
+// export main window so we can access ipcMain from other files
+module.exports = mainWindow; 

package-lock.json

@@ -1,16 +1,17 @@
 const { ipcRenderer, contextBridge } = require("electron");
 
 contextBridge.exposeInMainWorld("api", {
-  send: (channel, data) => {
+  send: (channel, ...data) => {
     // allowlist channels
     const allowedChannels = [
       "toMain",
       "confirm-clear-history",
       "import-proto",
       "quit-and-install",
+      'open-http'
     ];
     if (allowedChannels.includes(channel)) {
-      ipcRenderer.send(channel, data);
+      ipcRenderer.send(channel, ...data);
     }
   },
   receive: (channel, cb) => {
@@ -22,6 +23,7 @@ contextBridge.exposeInMainWorld("api", {
       "clear-history-response",
       "proto-info",
       "message",
+      'testing'
     ];
     if (allowedChannels.includes(channel)) {
       ipcRenderer.on(channel, (event, ...args) => cb(...args));

preload.js

@@ -1,7 +1,7 @@
 import React, { Component } from "react";
 import "../../../assets/style/App.scss";
 const { api } = window;
-// import ContentsContainer from './ContentsContainer.jsx';
+import ContentsContainer from './ContentsContainer.jsx';
 // import ReqResCtrl from '../../controllers/reqResController';
 import SidebarContainer from "./SidebarContainer.jsx";
 import UpdatePopUpContainer from "./UpdatePopUpContainer.jsx";
@@ -56,7 +56,7 @@ class App extends Component {
       <div id="app">
         <UpdatePopUpContainer />
         <SidebarContainer />
-        {/* <ContentsContainer /> */}
+        <ContentsContainer />
       </div>
     );
   }

src/client/components/containers/App.jsx

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 
-import GraphContainer from './GraphContainer.jsx';
+// import GraphContainer from './GraphContainer.jsx';
 import ReqResContainer from './ReqResContainer.jsx';
 import NavBarContainer from './NavBarContainer.jsx';
 
@@ -12,7 +12,7 @@ class Contents extends Component {
   render() {
     return(
       <div className={'contents'}>
-        <GraphContainer/>
+        {/* <GraphContainer/> */}
         <NavBarContainer/>
         <ReqResContainer/>
       </div>

src/client/components/containers/ContentsContainer.jsx

@@ -1,9 +1,11 @@
 import * as store from "../store";
 import * as actions from "../actions/actions";
-import httpController from "./httpController.js";
-import wsController from "./wsController.js";
-import graphQLController from "./graphQLController.js";
-import grpcController from "./grpcController.js";
+// import httpController from "./httpController.js";
+// import wsController from "./wsController.js";
+// import graphQLController from "./graphQLController.js";
+// import grpcController from "./grpcController.js";
+
+const { api } = window; 
 
 const connectionController = {
   openConnectionArray: [],
@@ -57,7 +59,9 @@ const connectionController = {
       wsController.openWSconnection(reqResObj, this.openConnectionArray);
     else if (reqResObj.gRPC) grpcController.openGrpcConnection(reqResObj);
     else {
-      httpController.openHTTPconnection(reqResObj, this.openConnectionArray);
+      api.send('open-http', reqResObj, this.openConnectionArray);
+      api.receive('testing', (data) => console.log('just received :  ', data))
+      // httpController.openHTTPconnection(reqResObj, this.openConnectionArray);
     }
   },