Merge pull request #264 from oslabs-beta/dev

version 0.4

Author: nancyddao

.babelrc

@@ -8,4 +8,7 @@
     "@babel/preset-env",
     "@babel/preset-react"
   ],
+  "plugins": [
+        ["@babel/transform-runtime"]
+    ],
 }

.gitignore

@@ -55,3 +55,8 @@ ehthumbs.db
 # Windows shortcuts #
 #####################
 *.lnk
+
+# proto files #
+#####################
+src/client/components/composer/protos
+*.proto

.nvmrc

@@ -1 +1 @@
-v10.16.0
+12.14.1

README.md

@@ -9,7 +9,7 @@
 
 
 
-Swell is a API development tool that enables developers to test  endpoints served over streaming technologies including Server-Sent Events (SSE), WebSockets, HTTP2, and GraphQL.
+Swell is a API development tool that enables developers to test  endpoints served over streaming technologies including Server-Sent Events (SSE), WebSockets, HTTP2, GraphQL and gRPC.
 
 ## Getting Started
 
@@ -22,6 +22,7 @@ Swell is a one-stop shop for sending and monitoring your API requests
 
 * Send and monitor streams over HTTP2 (including SSEs) and WebSockets
 * Create GraphQL queries, mutations, and subscriptions
+* Provides full streaming testing support for gRPC
 * Support for up to six concurrent connections
 * View request/response timing information in an interactive chart
 * Save requests in "collections" of multiple requests
@@ -46,6 +47,11 @@ Swell is a one-stop shop for sending and monitoring your API requests
 <kbd><img src="./ReadMeGifs/Swell_API_GraphQL_Query.gif"
      style="float: left; margin-right: 10px;margin-bottom : 30px; margin-top : 10px;" /></kbd>
 
+### **Latest Swell v.0.4.0 update**
+* *gRPC*: Swell includes full support for all four streaming types of gRPC - unary, client stream, server stream, bidirectional stream
+<kbd><img src="./ReadMeGifs/Swell_API_gRPC.gif"
+     style="float: left; margin-right: 10px;margin-bottom : 30px; margin-top : 10px;" /></kbd>
+
 ## Additional Features
 * *Collections*: Swell allows you to save collections for easier testing of multiple requests.
 <kbd><img src="./ReadMeGifs/Swell_API_Collections.gif"
@@ -80,6 +86,12 @@ Swell is a one-stop shop for sending and monitoring your API requests
 * **Billy Tran** - [btctrl](https://github.com/btctrl)
 * **Paul Rhee** - [prheee](https://github.com/prheee)
 * **Sam Parsons** - [sam-parsons](https://github.com/sam-parsons)
+* **Nancy Dao** - [nancyddao](https://github.com/nancyddao)
+* **Evan Grobar** - [egrobar](https://github.com/egrobar)
+* **Dan Stein** - [danst3in](https://github.com/danst3in)
+* **Amruth Uppaluri** - [amuuth](https://github.com/amuuth)
+* **Yoon Choi** - [cyoonique](https://github.com/cyoonique)
+
 
 ## License
 

ReadMeGifs/Swell_API_gRPC.gif

@@ -0,0 +1,3 @@
+export const ipcRenderer = {  
+    on: jest.fn()
+  };

ReadMeGifs/Swell_API_gRPC_smol.gif

@@ -1 +1 @@
-module.exports = {};
+module.exports = 'test-file-stub';

__mocks__/electronMock.js

@@ -1,4 +1,5 @@
 import reducer from '../src/client/reducers/business';
+import {remote} from "electron";
 
 describe('Business reducer', () => {
   let state;
@@ -14,20 +15,35 @@ describe('Business reducer', () => {
         protocol: '',
         url: 'http://',
         method: 'GET',
-        graphQL: false
+        graphQL: false,
+        gRPC: false
       },
       newRequestHeaders: {
         headersArr: [],
         count: 0,
       },
+      newRequestStreams: {
+        streamsArr: [],
+        count: 0,
+        streamContent: [],
+        selectedPackage: null,
+        selectedRequest: null,
+        selectedService: null,
+        selectedStreamingType: null,
+        initialQuery: null,
+        queryArr: null,
+        protoPath: null,
+        services: null,
+        protoContent: ''
+      },
       newRequestCookies: {
         cookiesArr: [],
         count: 0,
       },
       newRequestBody: {
         bodyContent: '',
         bodyVariables: '',
-        bodyType: 'none',
+        bodyType: 'raw',
         rawType: 'Text (text/plain)',
         JSONFormatted: true,
       },
@@ -331,6 +347,28 @@ describe('Business reducer', () => {
         graphQL: true
       }
     }
+    const requestStreamsAction = {
+      type: 'SET_NEW_REQUEST_STREAMS',
+      payload: {
+        
+        streamsArr: [],
+        count: 0,
+        streamContent: [],
+        selectedPackage: 'helloworld',
+        selectedRequest: 'helloRequest',
+        selectedService: 'hello',
+        selectedStreamingType: null,
+        initialQuery: null,
+        queryArr: null,
+        protoPath: null,
+        services: null,
+        
+      },
+    }
+    it('sets the newRequestStreams on SET_NEW_REQUEST_STREAMS', () => {
+      const { newRequestStreams } = reducer(state, requestStreamsAction);
+      expect(newRequestStreams).toEqual(requestStreamsAction.payload);
+    })
     it('sets the newRequestFields on POST', () => {
       const { newRequestFields } = reducer(state, postAction);
       expect(newRequestFields).toEqual(postAction.payload);

__mocks__/styleMocks.js

@@ -5,15 +5,14 @@ import React from 'react';
 import { configure, shallow } from 'enzyme';
 import Adapter from 'enzyme-adapter-react-16';
 import toJson, { mountToJson } from 'enzyme-to-json';
-
+import {remote} from "electron";
 import { JestEnvironment } from '@jest/environment';
 // Enzyme is a wrapper around React test utilities which makes it easier to
 // shallow render and traverse the shallow rendered tree.
 // import * as actions from '../src/client/actions/actions.js';
 // import httpController from '../src/client/controllers/httpController.js'
 // import historyController from '../src/client/controllers/historyController.js'
 // import reqResController from '../src/client/controllers/reqResController.js'
-
 // import ComposerNewRequest from "../src/client/components/composer/NewRequest/ComposerNewRequest.jsx"; //doesn't like png
 import ProtocolSelect from "../src/client/components/composer/NewRequest/ProtocolSelect.jsx";
 import FieldEntryForm from "../src/client/components/composer/NewRequest/FieldEntryForm.jsx";
@@ -78,7 +77,7 @@ describe('GraphQL Composer', () => {
     },
     newRequestBody: {
       bodyContent: '',
-      bodyType: 'none',
+      bodyType: 'raw',
       rawType: 'Text (text/plain)',
       JSONFormatted: true,
       bodyVariables: ''