updated readme

Author: nqnguyen1

README.md

@@ -45,6 +45,20 @@ Swell is a one-stop shop for sending and monitoring your API requests:
   <!-- -TODO --- This needs to be updated -->
     <img src="./ReadMeGifs/Gifs/gRPC.gif" style="display: block;  margin: 10px auto 30px;" />
 
+- _tRPC_: Swell includes full support for all methods of TypeScript Remote Procedure Calls including batch call support for queries and mutations.
+  <img src="./ReadMeGifs/Gifs/trpc.gif" style="display: block; margin: 10px auto 30px;" />
+  <!-- <img src="./ReadMeGifs/Gifs/tRPC-subscription.gif" style="display: block; margin: 10px auto 30px;" /> -->
+
+  Calls are currently being made using Swell's own TRPCProxyClient generated from the URL provided by the user.
+  Batch requests must be entered one request per line. Swell will treat each line of code entered into the editor as a separate request before batching and returning responses.
+  Each request must follow the general format client.procedure.querytype(). For example:
+
+  ```js
+  client.getUser.query({ name: 'Luke Skywalker' });
+  ```
+
+  See [tRPC docs](https://trpc.io/docs/) for more information on sending tRPC requests or setting up a tRPC server.
+
 ## Additional features
 
 - _Stress testing for HTTP/2 and GraphQL_: Test your server backend with Swell's stress testing feature to ensure your server can manage expected and unexpected loads accordingly
@@ -70,20 +84,6 @@ Swell is a one-stop shop for sending and monitoring your API requests:
 - _Mock Server_: Swell allows you to create your own HTTP/2 mock server to facilitate front-end development without depending on a fully built backend server.
   <img src="./ReadMeGifs/Gifs/MockServer.gif" style="display: block;  margin: 10px auto 30px;" />
 
-- _tRPC_: Swell includes full support for all methods of TypeScript Remote Procedure Calls including batch call support for queries and mutations.
-  <img src="./ReadMeGifs/Videos/Short%20Feature%20Videos/720-MP4s/TRPC.mp4" style="display: block; margin: 10px auto 30px;" />
-  <!-- <img src="./ReadMeGifs/Gifs/tRPC-subscription.gif" style="display: block; margin: 10px auto 30px;" /> -->
-
-  Calls are currently being made using Swell's own TRPCProxyClient generated from the URL provided by the user.
-  Batch requests must be entered one request per line. Swell will treat each line of code entered into the editor as a separate request before batching and returning responses.
-  Each request must follow the general format client.procedure.querytype(). For example:
-
-  ```js
-  client.getUser.query({ name: 'Luke Skywalker' });
-  ```
-
-  See [tRPC docs](https://trpc.io/docs/) for more information on sending tRPC requests or setting up a tRPC server.
-
 - _Webhooks_: Swell includes user-defined HTTP callback connection testing designed to test other server's connection to the web and ability to send data. The test insures that when an event occurs, the source site makes an HTTP request to the URL configured for the webhook.
   <img src="./ReadMeGifs/Gifs/Webhook.gif" style="float: left; margin-right: 10px;margin-bottom : 30px; margin-top : 10px;" />
 

ReadMeGifs/Gifs/tRPC.gif

@@ -1,6 +1,6 @@
 {
   "name": "swell",
-  "version": "1.14.0",
+  "version": "1.15.0",
   "description": "Swell",
   "main": "main.js",
   "repository": "https://github.com/open-source-labs/Swell",
@@ -96,10 +96,13 @@
   "dependencies": {
     "@apollo/client": "^3.5.0",
     "@apollo/server": "^4.6.0",
+    "@emotion/react": "^11.11.1",
+    "@emotion/styled": "^11.11.0",
     "@graphql-tools/schema": "^8.3.10",
     "@grpc/grpc-js": "^1.6.7",
     "@grpc/proto-loader": "^0.6.9",
     "@jest-runner/electron": "^3.0.1",
+    "@mui/styled-engine": "^5.13.2",
     "@redux-devtools/extension": "^3.2.2",
     "@reduxjs/toolkit": "^1.8.1",
     "@testing-library/react": "^14.0.0",
@@ -195,7 +198,7 @@
     "cross-env": "^7.0.3",
     "csp-html-webpack-plugin": "^5.1.0",
     "css-loader": "^6.7.1",
-    "electron": "^18.3.5",
+    "electron": "^18.3.15",
     "electron-builder": "^24.1.3",
     "electron-ipc-mock": "^0.0.3",
     "electron-react-devtools": "^0.5.3",
@@ -500,6 +503,22 @@
     {
       "name": "Kurtis Waterbury",
       "url": "https://github.com/kurto8"
+    },
+    {
+      "name": "Nguyen Nguyen",
+      "url": "https://github.com/nqnguyen1"
+    },
+    {
+      "name": "Derek Nyren",
+      "url": "https://github.com/Dereknyren"
+    },
+    {
+      "name": "Jeremy Chen",
+      "url": "https://github.com/JeremyC3"
+    },
+    {
+      "name": "Elisa Aigamaua",
+      "url": "https://github.com/eaaigama"
     }
   ]
 }