Merge v.1.13.0 into Swell's OS Labs Main repo #333

Co-authored-by: Jack Sonoda <[email protected]> Co-authored-by: Jaden Nguyen <[email protected]> Co-authored-by: Mihran <[email protected]> Co-authored-by: KingzandBean <[email protected]> Co-authored-by: David Beame <[email protected]>

Co-authored-by: Tanner Malmedal <[email protected]>

…ion-1.12.0 into team/queryeval add splitpanes Co-authored-by: Jack Sonoda <[email protected]> Co-authored-by: Jaden Nguyen <[email protected]> Co-authored-by: David Beame <[email protected]> Co-authored-by: Tanner Malmedal <[email protected]>

Co-authored-by: Jack Sonoda <[email protected]> Co-authored-by: Jaden Nguyen <[email protected]> Co-authored-by: David Beame <[email protected]> Co-authored-by: Tanner Malmedal <[email protected]>

… resizeable panes (#3) * add TRPC EntryForm and dummy request Co-authored-by: Mihran <[email protected]> Co-authored-by: Jaden Nguyen <[email protected]> Co-authored-by: Tanner Malmedal <[email protected]> Co-authored-by: Jack Sonoda <[email protected]> * read trpc request body * "remove props and methodChange handler" * "add newRequestProtocolSelected" * send tRPC query and mutate Co-authored-by: Jack Sonoda <[email protected]> Co-authored-by: Jaden Nguyen <[email protected]> Co-authored-by: Mihran <[email protected]> Co-authored-by: KingzandBean <[email protected]> Co-authored-by: David Beame <[email protected]> * add react-split to panes * finalize trpc query functionality Co-authored-by: Jack Sonoda <[email protected]> Co-authored-by: Jaden Nguyen <[email protected]> Co-authored-by: Mihran <[email protected]> Co-authored-by: KingzandBean <[email protected]> Co-authored-by: David Beame <[email protected]> * add responsive draggable boxes throughout the app Co-authored-by: Tanner Malmedal <[email protected]> * reading url from trpc composer * Create temp display for responses Co-authored-by: Jack Sonoda <[email protected]> Co-authored-by: Jaden Nguyen <[email protected]> Co-authored-by: David Beame <[email protected]> Co-authored-by: Tanner Malmedal <[email protected]> * Create temp display for responses Co-authored-by: Jack Sonoda <[email protected]> Co-authored-by: Jaden Nguyen <[email protected]> Co-authored-by: David Beame <[email protected]> Co-authored-by: Tanner Malmedal <[email protected]> * have trpc data display in response pane Co-authored-by: Jack Sonoda <[email protected]> Co-authored-by: Jaden Nguyen <[email protected]> Co-authored-by: Mihran <[email protected]> Co-authored-by: KingzandBean <[email protected]> Co-authored-by: David Beame <[email protected]> * add commented string to json parse function Co-authored-by: Jack Sonoda <[email protected]> Co-authored-by: Jaden Nguyen <[email protected]> Co-authored-by: Mihran <[email protected]> Co-authored-by: KingzandBean <[email protected]> Co-authored-by: David Beame <[email protected]> * send/receive batch tRPC requests --------- Co-authored-by: EnYa <[email protected]> Co-authored-by: Mihran <[email protected]> Co-authored-by: Jaden Nguyen <[email protected]> Co-authored-by: Tanner Malmedal <[email protected]> Co-authored-by: Jack Sonoda <[email protected]> Co-authored-by: Mihran Baytaryan <[email protected]> Co-authored-by: Tanner Malmedal <[email protected]> Co-authored-by: KingzandBean <[email protected]>

* add TRPC EntryForm and dummy request * read trpc request body * "remove props and methodChange handler" * "add newRequestProtocolSelected" * add protocol select slices * move protocol select logic to reducers * snapshot before webRTC modifictions * fix webRTC appCrash * Fix webRTC bug --------- Co-authored-by: David Beame <[email protected]> Co-authored-by: Jaden Nguyen <[email protected]> Co-authored-by: Tanner Malmedal <[email protected]> Co-authored-by: Jack Sonoda <[email protected]> Co-authored-by: Mihran Baytaryan <[email protected]>

…nse pane also add uuid to response id Co-authored-by: Jack Sonoda <[email protected]> Co-authored-by: Jaden Nguyen <[email protected]> Co-authored-by: Mihran <[email protected]> Co-authored-by: KingzandBean <[email protected]> Co-authored-by: David Beame <[email protected]>

Co-authored-by: Mihran <[email protected]>

add multiple query functionality within swell app combined with respo…

…12.0 into dev

Co-authored-by: Mihran <[email protected]>

* add TRPC EntryForm and dummy request Co-authored-by: Mihran Baytaryan <[email protected]> Co-authored-by: Jaden Nguyen <[email protected]> Co-authored-by: Tanner Malmedal <[email protected]> Co-authored-by: Jack Sonoda <[email protected]> * read trpc request body * "remove props and methodChange handler" * "add newRequestProtocolSelected" * send tRPC query and mutate Co-authored-by: Jack Sonoda <[email protected]> Co-authored-by: Jaden Nguyen <[email protected]> Co-authored-by: Mihran <[email protected]> Co-authored-by: KingzandBean <[email protected]> Co-authored-by: David Beame <[email protected]> * add react-split to panes * finalize trpc query functionality Co-authored-by: Jack Sonoda <[email protected]> Co-authored-by: Jaden Nguyen <[email protected]> Co-authored-by: Mihran <[email protected]> Co-authored-by: KingzandBean <[email protected]> Co-authored-by: David Beame <[email protected]> * add responsive draggable boxes throughout the app Co-authored-by: Tanner Malmedal <[email protected]> * reading url from trpc composer * Create temp display for responses Co-authored-by: Jack Sonoda <[email protected]> Co-authored-by: Jaden Nguyen <[email protected]> Co-authored-by: David Beame <[email protected]> Co-authored-by: Tanner Malmedal <[email protected]> * Create temp display for responses Co-authored-by: Jack Sonoda <[email protected]> Co-authored-by: Jaden Nguyen <[email protected]> Co-authored-by: David Beame <[email protected]> Co-authored-by: Tanner Malmedal <[email protected]> * WIP Links * Styling UI of NavBar tabs Co-authored-by: Mihran <[email protected]> * Co-authored-by: Mihran <[email protected]> * Updated Styling to NavBar Components; shows selected composer Co-authored-by: Mihran <[email protected]> * Updated styling to NavBar Components; highlights selected composer Co-authored-by: Mihran <[email protected]> --------- Co-authored-by: EnYa <[email protected]> Co-authored-by: Mihran <[email protected]> Co-authored-by: Jaden Nguyen <[email protected]> Co-authored-by: Tanner Malmedal <[email protected]> Co-authored-by: Jack Sonoda <[email protected]> Co-authored-by: Mihran Baytaryan <[email protected]> Co-authored-by: Tanner Malmedal <[email protected]> Co-authored-by: KingzandBean <[email protected]>

…n tRPC Co-authored-by: Jaden Nguyen <[email protected]>

Jack s

…ev branch (#9) * get subscriptions working, seperate from rest of app functionality. Co-authored-by: Jack Sonoda <[email protected]> Co-authored-by: Jaden Nguyen <[email protected]> Co-authored-by: Mihran <[email protected]> Co-authored-by: KingzandBean <[email protected]> Co-authored-by: David Beame <[email protected]> * add conditional trpc client construction * figure out how to add subscriptions to response pane * add working protocol select file, didn't merge properly previously Co-authored-by: Jack Sonoda <[email protected]> Co-authored-by: Jaden Nguyen <[email protected]> Co-authored-by: Mihran <[email protected]> Co-authored-by: KingzandBean <[email protected]> Co-authored-by: David Beame <[email protected]> Co-authored-by: Mihran Baytaryan <[email protected]> --------- Co-authored-by: Tanner Malmedal <[email protected]> Co-authored-by: Jack Sonoda <[email protected]> Co-authored-by: Jaden Nguyen <[email protected]> Co-authored-by: Mihran <[email protected]> Co-authored-by: KingzandBean <[email protected]> Co-authored-by: EnYa <[email protected]>

Co-authored-by: Tanner Malmedal <[email protected]> Co-authored-by: Jack Sonoda <[email protected]> Co-authored-by: Jaden Nguyen <[email protected]> Co-authored-by: Mihran <[email protected]> Co-authored-by: KingzandBean <[email protected]>

* Updated tRPC URL by dispatching request fields respectively Co-authored-by: Jaden Nguyen <[email protected]> * tRPC URL updates and dispatches changed to requestFields \ Co-authored-by: Jaden Nguyen <[email protected]> --------- Co-authored-by: Jaden Nguyen <[email protected]>

* Updated tRPC URL by dispatching request fields respectively Co-authored-by: Jaden Nguyen <[email protected]> * tRPC URL updates and dispatches changed to requestFields \ Co-authored-by: Jaden Nguyen <[email protected]> * Cleaned up current code, removed consolelogs, added comments where neccessary Co-authored-by: David Beame <[email protected]> --------- Co-authored-by: Jaden Nguyen <[email protected]> Co-authored-by: David Beame <[email protected]>

* added tRPC btn to app Co-authored-by: Jack Sonoda <[email protected]> Co-authored-by: Jaden Nguyen <[email protected]> Co-authored-by: Mihran <[email protected]> Co-authored-by: KingzandBean <[email protected]> * got placeholder ui + finished navbar button func Co-authored-by: Jack Sonoda <[email protected]> Co-authored-by: Jaden Nguyen <[email protected]> Co-authored-by: Mihran <[email protected]> Co-authored-by: KingzandBean <[email protected]> * adding TRPC composer * add TRPC EntryForm and dummy request Co-authored-by: Mihran <[email protected]> Co-authored-by: Jaden Nguyen <[email protected]> Co-authored-by: Tanner Malmedal <[email protected]> Co-authored-by: Jack Sonoda <[email protected]> * read trpc request body * "remove props and methodChange handler" * "add newRequestProtocolSelected" * send tRPC query and mutate Co-authored-by: Jack Sonoda <[email protected]> Co-authored-by: Jaden Nguyen <[email protected]> Co-authored-by: Mihran <[email protected]> Co-authored-by: KingzandBean <[email protected]> Co-authored-by: David Beame <[email protected]> * add react-split to panes * finalize trpc query functionality Co-authored-by: Jack Sonoda <[email protected]> Co-authored-by: Jaden Nguyen <[email protected]> Co-authored-by: Mihran <[email protected]> Co-authored-by: KingzandBean <[email protected]> Co-authored-by: David Beame <[email protected]> * add responsive draggable boxes throughout the app Co-authored-by: Tanner Malmedal <[email protected]> * reading url from trpc composer * Create temp display for responses Co-authored-by: Jack Sonoda <[email protected]> Co-authored-by: Jaden Nguyen <[email protected]> Co-authored-by: David Beame <[email protected]> Co-authored-by: Tanner Malmedal <[email protected]> * Create temp display for responses Co-authored-by: Jack Sonoda <[email protected]> Co-authored-by: Jaden Nguyen <[email protected]> Co-authored-by: David Beame <[email protected]> Co-authored-by: Tanner Malmedal <[email protected]> * have working queries + multiple queries displaying to response pane + resizeable panes (#3) * add TRPC EntryForm and dummy request Co-authored-by: Mihran <[email protected]> Co-authored-by: Jaden Nguyen <[email protected]> Co-authored-by: Tanner Malmedal <[email protected]> Co-authored-by: Jack Sonoda <[email protected]> * read trpc request body * "remove props and methodChange handler" * "add newRequestProtocolSelected" * send tRPC query and mutate Co-authored-by: Jack Sonoda <[email protected]> Co-authored-by: Jaden Nguyen <[email protected]> Co-authored-by: Mihran <[email protected]> Co-authored-by: KingzandBean <[email protected]> Co-authored-by: David Beame <[email protected]> * add react-split to panes * finalize trpc query functionality Co-authored-by: Jack Sonoda <[email protected]> Co-authored-by: Jaden Nguyen <[email protected]> Co-authored-by: Mihran <[email protected]> Co-authored-by: KingzandBean <[email protected]> Co-authored-by: David Beame <[email protected]> * add responsive draggable boxes throughout the app Co-authored-by: Tanner Malmedal <[email protected]> * reading url from trpc composer * Create temp display for responses Co-authored-by: Jack Sonoda <[email protected]> Co-authored-by: Jaden Nguyen <[email protected]> Co-authored-by: David Beame <[email protected]> Co-authored-by: Tanner Malmedal <[email protected]> * Create temp display for responses Co-authored-by: Jack Sonoda <[email protected]> Co-authored-by: Jaden Nguyen <[email protected]> Co-authored-by: David Beame <[email protected]> Co-authored-by: Tanner Malmedal <[email protected]> * have trpc data display in response pane Co-authored-by: Jack Sonoda <[email protected]> Co-authored-by: Jaden Nguyen <[email protected]> Co-authored-by: Mihran <[email protected]> Co-authored-by: KingzandBean <[email protected]> Co-authored-by: David Beame <[email protected]> * add commented string to json parse function Co-authored-by: Jack Sonoda <[email protected]> Co-authored-by: Jaden Nguyen <[email protected]> Co-authored-by: Mihran <[email protected]> Co-authored-by: KingzandBean <[email protected]> Co-authored-by: David Beame <[email protected]> * send/receive batch tRPC requests --------- Co-authored-by: EnYa <[email protected]> Co-authored-by: Mihran <[email protected]> Co-authored-by: Jaden Nguyen <[email protected]> Co-authored-by: Tanner Malmedal <[email protected]> Co-authored-by: Jack Sonoda <[email protected]> Co-authored-by: Mihran Baytaryan <[email protected]> Co-authored-by: Tanner Malmedal <[email protected]> Co-authored-by: KingzandBean <[email protected]> * Protocolselect (#4) * add TRPC EntryForm and dummy request * read trpc request body * "remove props and methodChange handler" * "add newRequestProtocolSelected" * add protocol select slices * move protocol select logic to reducers * snapshot before webRTC modifictions * fix webRTC appCrash * Fix webRTC bug --------- Co-authored-by: David Beame <[email protected]> Co-authored-by: Jaden Nguyen <[email protected]> Co-authored-by: Tanner Malmedal <[email protected]> Co-authored-by: Jack Sonoda <[email protected]> Co-authored-by: Mihran Baytaryan <[email protected]> * WIP Links * add multiple query functionality within swell app combined with response pane also add uuid to response id Co-authored-by: Jack Sonoda <[email protected]> Co-authored-by: Jaden Nguyen <[email protected]> Co-authored-by: Mihran <[email protected]> Co-authored-by: KingzandBean <[email protected]> Co-authored-by: David Beame <[email protected]> * Styling UI of NavBar tabs Co-authored-by: Mihran <[email protected]> * Co-authored-by: Mihran <[email protected]> * Updated Styling to NavBar Components; shows selected composer Co-authored-by: Mihran <[email protected]> * Updated styling to NavBar Components; highlights selected composer Co-authored-by: Mihran <[email protected]> * Jack s (#7) * add TRPC EntryForm and dummy request Co-authored-by: Mihran Baytaryan <[email protected]> Co-authored-by: Jaden Nguyen <[email protected]> Co-authored-by: Tanner Malmedal <[email protected]> Co-authored-by: Jack Sonoda <[email protected]> * read trpc request body * "remove props and methodChange handler" * "add newRequestProtocolSelected" * send tRPC query and mutate Co-authored-by: Jack Sonoda <[email protected]> Co-authored-by: Jaden Nguyen <[email protected]> Co-authored-by: Mihran <[email protected]> Co-authored-by: KingzandBean <[email protected]> Co-authored-by: David Beame <[email protected]> * add react-split to panes * finalize trpc query functionality Co-authored-by: Jack Sonoda <[email protected]> Co-authored-by: Jaden Nguyen <[email protected]> Co-authored-by: Mihran <[email protected]> Co-authored-by: KingzandBean <[email protected]> Co-authored-by: David Beame <[email protected]> * add responsive draggable boxes throughout the app Co-authored-by: Tanner Malmedal <[email protected]> * reading url from trpc composer * Create temp display for responses Co-authored-by: Jack Sonoda <[email protected]> Co-authored-by: Jaden Nguyen <[email protected]> Co-authored-by: David Beame <[email protected]> Co-authored-by: Tanner Malmedal <[email protected]> * Create temp display for responses Co-authored-by: Jack Sonoda <[email protected]> Co-authored-by: Jaden Nguyen <[email protected]> Co-authored-by: David Beame <[email protected]> Co-authored-by: Tanner Malmedal <[email protected]> * WIP Links * Styling UI of NavBar tabs Co-authored-by: Mihran <[email protected]> * Co-authored-by: Mihran <[email protected]> * Updated Styling to NavBar Components; shows selected composer Co-authored-by: Mihran <[email protected]> * Updated styling to NavBar Components; highlights selected composer Co-authored-by: Mihran <[email protected]> --------- Co-authored-by: EnYa <[email protected]> Co-authored-by: Mihran <[email protected]> Co-authored-by: Jaden Nguyen <[email protected]> Co-authored-by: Tanner Malmedal <[email protected]> Co-authored-by: Jack Sonoda <[email protected]> Co-authored-by: Mihran Baytaryan <[email protected]> Co-authored-by: Tanner Malmedal <[email protected]> Co-authored-by: KingzandBean <[email protected]> * Updated protocol to include Subscriptions and Query/Mutate requests in tRPC Co-authored-by: Jaden Nguyen <[email protected]> * Update TRPCMethodAndEndpointEntryForm.tsx * merge working subscriptions, query, and mutation functionality into dev branch (#9) * get subscriptions working, seperate from rest of app functionality. Co-authored-by: Jack Sonoda <[email protected]> Co-authored-by: Jaden Nguyen <[email protected]> Co-authored-by: Mihran <[email protected]> Co-authored-by: KingzandBean <[email protected]> Co-authored-by: David Beame <[email protected]> * add conditional trpc client construction * figure out how to add subscriptions to response pane * add working protocol select file, didn't merge properly previously Co-authored-by: Jack Sonoda <[email protected]> Co-authored-by: Jaden Nguyen <[email protected]> Co-authored-by: Mihran <[email protected]> Co-authored-by: KingzandBean <[email protected]> Co-authored-by: David Beame <[email protected]> Co-authored-by: Mihran Baytaryan <[email protected]> --------- Co-authored-by: Tanner Malmedal <[email protected]> Co-authored-by: Jack Sonoda <[email protected]> Co-authored-by: Jaden Nguyen <[email protected]> Co-authored-by: Mihran <[email protected]> Co-authored-by: KingzandBean <[email protected]> Co-authored-by: EnYa <[email protected]> * add tRPC test servers for WebSocket and Express (#10) Co-authored-by: Tanner Malmedal <[email protected]> Co-authored-by: Jack Sonoda <[email protected]> Co-authored-by: Jaden Nguyen <[email protected]> Co-authored-by: Mihran <[email protected]> Co-authored-by: KingzandBean <[email protected]> * Updated tRPC URL by dispatching request fields respectively (#11) * Updated tRPC URL by dispatching request fields respectively Co-authored-by: Jaden Nguyen <[email protected]> * tRPC URL updates and dispatches changed to requestFields \ Co-authored-by: Jaden Nguyen <[email protected]> --------- Co-authored-by: Jaden Nguyen <[email protected]> * Jack s (#12) * Updated tRPC URL by dispatching request fields respectively Co-authored-by: Jaden Nguyen <[email protected]> * tRPC URL updates and dispatches changed to requestFields \ Co-authored-by: Jaden Nguyen <[email protected]> * Cleaned up current code, removed consolelogs, added comments where neccessary Co-authored-by: David Beame <[email protected]> --------- Co-authored-by: Jaden Nguyen <[email protected]> Co-authored-by: David Beame <[email protected]> * add working ws kill button (#13) * clean up old console logs (#14) --------- Co-authored-by: Jack Sonoda <[email protected]> Co-authored-by: Jaden Nguyen <[email protected]> Co-authored-by: Mihran <[email protected]> Co-authored-by: KingzandBean <[email protected]> Co-authored-by: Jack Sonoda <[email protected]> Co-authored-by: EnYa <[email protected]> Co-authored-by: Tanner Malmedal <[email protected]> Co-authored-by: Mihran Baytaryan <[email protected]> Co-authored-by: Jack <[email protected]> Co-authored-by: David Beame <[email protected]> Co-authored-by: David Beame <[email protected]> Co-authored-by: Jaden Nguyen <[email protected]>

Co-authored-by: Jack Sonoda <[email protected]> Co-authored-by: Jaden Nguyen <[email protected]> Co-authored-by: Mihran <[email protected]> Co-authored-by: KingzandBean <[email protected]> Co-authored-by: David Beame <[email protected]> Co-authored-by: Mihran Baytaryan <[email protected]>

package json and READme update

This is no longer relevant to the latest version. If we need anything from here we can always revert this commit.

Delete package(backup).json

If Mocha tests are run, the production app UI uses port 3000. In that case, HTTP server cannot use the same port or else it will impede the electron app from opening. Note that this does not completely fix `npm run test`, since many tests within the suite is obsolete and requires rewriting to using the current UI component paths.

For some reason, the app's title for production is not capitalized. This enforces the app has a title with first letter capitalized

Small bug fixes in HTTP Server and app title

Remove unused and/or obsolete code. Future Developer can always revert this commit if necessary.

Most existing tests work but some small changes in the element query selector are required to ensure the correct element is selected

The HTTP server for testing is changed to port 3004, so updating test to reflect that

Re-do the structure so we are cleaning out the workplace between tests to avoid flakiness

Update some comments on after the audit, which tests we can expect the tests to pass and fail

Some general cleanup for tests

Update WorkspaceContainer.tsx

This is unused and if it is needed, we can revert this commit

When `@uiw/codemirror-*` for styling coexists with any native `codemirror` packages, it can cause `Unrecognized extension value in extension set` issues as documented here (uiwjs/react-codemirror#216) Since we are using `react-codemirror` which uses the `codemirror` under the hood, this commit cleans out any packages that relate to the original `codemirror` and install/update packages for `@uiw/react-codemirror` The latest `@uiw/react-codemirror` package uses Codemirror 6 (i.e. latest version) under the hood, so we get the latest and greatest. At the same time, clean up usage of `codemirror` in the codebase and give all `codemirror` component a consistent theme that provides more contrast between the text and the background NOTE: If you have previously installed dependencies and `npm install` does not fully resolve any issues, you may need to do the following WHILE AT THE ROOT OF YOUR PROJECT: ``` npm uninstall codemirror rm -fr package-lock.json em -fr node_modules npm install ``` Instructions for yarn: uiwjs/react-codemirror#216 (comment)

Update placeholder for codemirror

For HTTP and GraphQL entry forms, there is a check whether the URL is valid. When the app tries to clear the warning, however, it attempts to modify a read-only variable causing the app to crash. This commit fixes the issue

Clean+Bump `codemirror` dependencies; Various cleanups/Typescript conversion

To unsubscribe: Option 1: Click "Remove" on the workplace container for the given subscription Option 2: - Click on "View Response" for the given subscription container - On the response pane, scroll to the bottom and click "Close Connection" The biggest challenge is to find a way to store the subscription client in the app, because the client is a function it cannot be stored in traditional databases. We will store it by `ResReq` ID in `graphQLController` instead E2E tests are updated for coverage

The function only takes 1 argument now

Co-authored-by: jjhuang3 <[email protected]>

Change colors, font sizes, and other various styling elements

Add ability to unsubscribe GraphQL subscription

This functionality does not work currently, and the use-case is not very coherent with the rest of the app. Removing functionality to clean up codebase. If needed, this commit can always be reverted to restore the functionality

Remove tables associated with auth implementation from IndexDB. If there is any issue with IndexDB upgrading, we can make changes based on this commit and go from there. Note that for Dexie best practice we need to add new versions on top of existing ones, rather than reverting. Reverting versions will require users to delete their IndexDB manually via the dev tools (in application tab) before they can use the app properly

Change the color scheme for `View Response` and `Remove` buttons to be more inline with the rest of the app Co-Authored-By: Jason Huang <[email protected]>

General UX/UI improvements: - Ensure buttons in response pane is not cut off - Rearrange buttons in HTTP/2 entry form - Use different button for SSE in HTTP/2

General UX/UI Improvements

…oodbye

Remove Github login integration for im/export workspace

Co-authored-by: Nattie C. <[email protected]>

The WebRTC functionality does not work as-is, and this commit attempts to revive the STUN/TURN server checks in the app. - Rewrite the logic to perform STUN/TURN server tests, and automatically close the connection once the check finishes - Display the results in the response pane - Remove the need to send response within the request details container NOTE: The frontend currently does not work, because there is no infrastructure to properly sanitize and parse an array of objects. If this functionality is being worked on in the future, developers may want to consider using input texts rather than codemirror for easier formatting in the backend.

…n in parallel so defeats the purpose of having them. Also fixed the error code calling.

Partially revive WebRTC functionality in Swell

…o changed all date.now to performance.now

Fred/autocannon

The way that the `reqRes` is setup in `GraphQL` creates an issue where in a query and mutation scenario, the `protocol` is incorrectly hardcoded as `ws://` (i.e. WebSocket) even though the URL starts with `http://`. This commit rewrites the logic in `GraphQLComposer.tsx` to remove unnecessary redundancies and update `closeReqRes` to ensure GraphQL subscriptions are closed properly

Page title is set in HtmlWebpackPlugin(), and `name` in `package.json` requires all letters to be lower case. For consistency with an app that has the first letter of the name as upper case, we will normalize the name in Webpack instead

- In main_httpController: add comments throughout to explain code - In main_httpController: add two FIXMEs - In main_httpController: refactor using async/await where possible

The initial state should just be an empty object. Each composer declares its own response format. Updated GraphQL composer to conform to `ReqRes` typing Update reqResSlice.ts

Mainly focus on cleaning up `ReqRes` in the composer. Centralizing the `reqRes` composition in a single function

Also adding a comment that the `body` typing needs to be addressed at some point

`add-header-or-cookie-button` SCSS is causing the letters to get buried when hovered. This commit fixes the issue

Bug fix: Removing GraphQL from workspace crashes app, app title normalization

Refactor of main_httpController and Remove Unused Comments Throughout

Merging Dev into Master Branch

Update version

Update readme

still in the process of adding in the results of the load test into ReqRes state

- Ensure consistent margin across all composers - Ensure consistent margin between panes/containers - Change Horizontal divide to having a smaller workspace pane

Before this change, the error is only logged in console log and is not displayed in the UI. This commit fixes the issue and added test coverage

- Create mockServer.js - Add ability to create routes dynamically when POST request made to /mock - Add ability to see all existing routes - In main.js add two lines necessary to create the Node child process - In main_httpController.js remove one active console.log that was not necessary

The focus outline surrounding `HTTP/2` button only occurs upon startup. This fixes the issue.

- Remove unnecessary SASS code - Ensure all `codemirror` in various composer is consistent UI-wise

`bodyType` and `bodyVariables` are in `newRequestBody`, but the function returns the entire state (i.e. `NewRequestStore`). This commit fixes the issue

UI updates: Container, CodeMirror standardizations; fix bugs in GraphQL subscription and states

…where the key is the method and the value is an array of endpoints.

Merge latest `dev` branch into `master`

Remove unused packages

Create mockServer.js and routes to handle API mocking

…lem we currently have is that there is no way of choosing which url to choose, it only chooses the last url ran

… url as default.

Remove unused packages from `package.json`

Once the GraphQL subscription is initiated, the response container does not show the `Close connection` button right away. This is because the state gets accidentally overwritten in `SingleReqResContainer`. This commit fixes the issue

…o new loadTest directory

…nged the LoadTestResult to be within an array to match the what the event is looking for without converting anything.

merge with dev

…here is visual to show test is currently running

`apollo-server-express` is scheduled to be deprecated at the end of 2023. This commit updates the GraphQL server to use `@apollo/server` instead. Note that Apollo server 4 requires top-level async/await for the server to start properly, which can only be done in a module. Since most backend logic in Swell uses CommonJS, we need to change this file to `.mjs` to make things work. The downside to making this as a `.mjs` file is that it would not be automatically compatible with the rest of the backend code that uses CommonJS. Since this is only for testing and as a standalone server, we should not need to configure the bundler to accept both. If we do in the future, we may need to research on how to do so in webpack.

Some packages are not used in production but for testing only. Moving those packages to dev dependencies instead

…ce. also added stop button functionality. updated run functionality so that if the run button can only be pressed if there is at least a workspace in place.

Containing information that is more developer-specific

Create readme for future developers iterating on Swell

Fix GraphQL subscription response pane not showing up

Remove animated part of the test as it was blocking the rest of the functionality to work properly. Added Semantic HTML to the component. Some small updates to UX/UI

`http` and `graphql` `TestingTest()` are not fully functional, along with other HTTP/GraphQL E2E tests that got revived in previous commits

Consolidate the "Test Snippet" dropdown button to a single element. We will keep the WebSocket and HTTP/GraphQL container separate for now as it contains hard-coded snippets to translate the text into JS code. If this garners further usage, future developers should consider moving all snippets to a separate module/file and consolidate the snippets into one component

To clarify what type of testing the app is referring to

Move the logic into `testHelper.js` and individual tests can import the functions accordingly

The current WebRTC functionality on the app has read-only server input. Update the test to reflect the state of the app, though the functionality should get revamped and test updated accordingly

…is intended for backend testing and if running on websites it can lead to cors issues. also put in feature that disables run button on everything but the get request, so should not be able to run test for delete, post, and put requests.

Fred/http test

…method

- Remove non-functional image upload feature - Fix issues where the chat dialogue container not showing up due to incorrect `network` setup in state - Added ability to display error response when applicable - Updated test suite to reflect the updates

Jason/graphql

- main.js: Add a mock server section at the bottom to receive messages to spawn and kill Node child processes - preload.js: Add error logs when channels are not in the allow list. Also create new channels for the newly created messages. - main_mockController.js: Create a controller to send a POST request to the newly created mock server

- mockServerSlice.ts: Create the slice to handle the isServerStarted state from the Mock window's start/stop server button - newRequestSlice.ts: Add a switch case for the mock server - rootReducer.ts: Add the mock server reducer to the root reducer

- MainContainer.tsx: Import mock server composer file and add a React Router route - Http2Composer.tsx: Add props for onEndpointChange, placeholder, and value - RestMethodAndEndpointEntryForm.jsx: Update placeholder value and add onEndpointChange functionality - ProtocolSelect.tsx: Create new button for Mock feature - MockServerComposer.tsx: Frontend component for the mock server feature

Create separation between the two categories so users have a better expectation of how robust a feature should be

…ing killed on app close

Switching to using Material UI's tooltip instead. Adding additional tooltip prompt reminding users that the test corresponds to the workspace pane to the left

- Ensure all tooltips are adhered to the same style - Fix bugs around saving and deleting workspaces - Overhaul redux state management throughout to reduce prop drilling

The feature no longer exists (and replaced by load testing), so we removed any code associated with the obsolete feature

Revive assertion testing functionality

Revive websocket feature

…avbar

Standardized tooltip style in app; Navbar changes; workspace revamp

…re-gql

… to using props, remove unused imports

… developer

The information should be included in the `response` object, as stated in `types.ts`. This commit fixes the issue.

The E2E test should mostly be revived except `gRPC` and `openAPI`. `tRPC` E2E testing is missing

Fred/http test

… last visited state rather than the correct default value of GET

Update GraphQL Server to using apollo server

…utton-up

Add basic E2E testing for HTTP and GQL load testing; small bug fixes

…tter understanding

…ration

Added brief documentation in dev_readme with links to set up WSL as a…

…n span in RestMethodandEndpointEntryForm.jsx

Implement Mock Server Feature

changed wording to add stress testing

Change NavBar Order

- Change the file name to align with markdown standards - Updated the dev readme to include pointers on developing in WSL, future iteration considerations, packaging and release app and updating website

- Update with core/experimental feature separation - Streamlined highlight bullet points - Added mock server and stress testing to `readme`

To indicate what the module is for

added new gifs and removed some old ones

Update dev and user-facing readmes

Add incomplete testing coverage to dev `readme`

For some reason, the app's title for production is not capitalized. This enforces the app has a title with first letter capitalized

Update DEV-README.md

Jason/screenshots

Merge dev into master

Travis CI build is broken and future iterations should consider creating CI/CD pipeline with GitHub Action

The current path when the app first started is the HTTP/2 page. The local `state`, however, does not point to the same thing. This commit ensures the initial `curPage` state in `ProtocolSelect.tsx` is consistent with `currPath` and the request fields and contents are updated accordingly. Tests are also updated to handle the disabling feature

Some of the packages in `devdependencies` are required for the app to open in production

Ensure any new files added to `dist`, `main_process` and `src/server` folders are included in the packaged app

It boils down to: 1. We should call `fork` in main process (https://www.matthewslipper.com/2019/09/22/everything-you-wanted-electron-child-process.html) 2. We need to require the mock server when launched in packaged, production mode, similar to how express is required upon app startup. Or else the packaged app will not recognize the mock server at all (https://stackoverflow.com/a/46608130)

Commits on Mar 31, 2023

cleaned up fetch request to work again

Fredkim21 committed Mar 31, 2023

Configuration menu

View commit details

Copy full SHA for 1da481e

Browse repository at this point

Copy the full SHA

1da481e View commit details

Browse the repository at this point in the history

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Merge v.1.13.0 into Swell's OS Labs Main repo #333

Merge v.1.13.0 into Swell's OS Labs Main repo #333

Commits on Feb 8, 2023

Commits on Feb 9, 2023

Commits on Feb 13, 2023

Commits on Feb 14, 2023

Commits on Feb 16, 2023

Commits on Feb 17, 2023

Commits on Feb 18, 2023

Commits on Feb 21, 2023

Commits on Feb 23, 2023

Commits on Mar 17, 2023

Commits on Mar 18, 2023

Commits on Mar 19, 2023

Commits on Mar 20, 2023

Commits on Mar 21, 2023

Commits on Mar 22, 2023

Commits on Mar 23, 2023

Commits on Mar 24, 2023

Commits on Mar 25, 2023

Commits on Mar 28, 2023

Commits on Mar 29, 2023

Commits on Mar 30, 2023

Commits on Mar 31, 2023

Commits on Apr 3, 2023

Commits on Apr 4, 2023

Commits on Apr 6, 2023

Commits on Apr 7, 2023

Commits on Apr 8, 2023

Commits on Apr 9, 2023

Commits on Apr 10, 2023

Commits on Apr 11, 2023

Commits on Apr 12, 2023

Commits on Apr 13, 2023