Skip to content

Commit

Permalink
Merge v. 1.12.0 dev into master (#331)
Browse files Browse the repository at this point in the history
* patch: Update version number to correctly patch number.

* 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)

* Dev (#15)

* 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]>

* modify package.json and update READme
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]>

* modify package.json and update READme
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]>

* v.1.12.0 - Add tRPC functionality, resizable pains, and highlighted tab for current protocol (#329)

* 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)

* Dev (#15)

* 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]>

* modify package.json and update READme
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]>

* modify package.json and update READme
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: Ethan Sclarsky <[email protected]>
Co-authored-by: Yale Yng-Wong <[email protected]>
Co-authored-by: Parkreiner <[email protected]>
Co-authored-by: A13xaNunes <[email protected]>
Co-authored-by: A13xaNunes <[email protected]>
Co-authored-by: Hyejin Kim <[email protected]>
Co-authored-by: Travis Lovis <[email protected]>
Co-authored-by: hyejinkim <[email protected]>
Co-authored-by: Travis Lovis <[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: Tanner Malmedal <[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: 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: Tanner Malmedal <[email protected]>

* fix issues with react-spring (#17)

---------

Co-authored-by: Parkreiner <[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: Tanner Malmedal <[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: 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: Tanner Malmedal <[email protected]>
Co-authored-by: Ethan Sclarsky <[email protected]>
Co-authored-by: Yale Yng-Wong <[email protected]>
Co-authored-by: A13xaNunes <[email protected]>
Co-authored-by: A13xaNunes <[email protected]>
Co-authored-by: Hyejin Kim <[email protected]>
Co-authored-by: Travis Lovis <[email protected]>
Co-authored-by: hyejinkim <[email protected]>
Co-authored-by: Travis Lovis <[email protected]>
  • Loading branch information
24 people committed Feb 23, 2023
1 parent 24fd55d commit 8f7b974
Show file tree
Hide file tree
Showing 48 changed files with 1,270 additions and 352 deletions.
27 changes: 25 additions & 2 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -25,6 +25,7 @@ Swell is a one-stop shop for sending and monitoring your API requests:
- Make API requests based on a range of provided options that conform to the specifications defined in OpenAPI documents.
- Verify STUN and TURN server connectivity for WebRTC applications by generating an SDP (Session Description Protocol)
- Diagnose and monitor your gRPC streaming connections
- Make customizable requests to TypeScript Remote Procedure Call (tRPC) endpoints
- View response timing information and history in an interactive chart for each request
- Store workspaces of multiple requests for later use
- Import, export, and share workspaces with other developers
Expand All @@ -49,6 +50,20 @@ Swell is a one-stop shop for sending and monitoring your API requests:
- _gRPC_: Swell includes full support for all four streaming types of gRPC - unary, client stream, server stream, bidirectional stream.
<img src="./ReadMeGifs/Gifs/gRPC-responses.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-query.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.

- _OpenAPI_: Swell supports the enumeration and execution of REST and RPC API requests as defined in a user-provided OpenAPI document.
<img src="./ReadMeGifs/Gifs/openapi.gif" style="display: block; margin: 10px auto 30px;" />

Expand Down Expand Up @@ -97,10 +112,12 @@ Swell is a one-stop shop for sending and monitoring your API requests:
- _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;" />
- _Added in Dev Version 1.10.2!_ _UI Updates_: Built with Material UI, a smoother, more intutive interface for enhanced user experience.
- _UI Updates_: Built with Material UI, a smoother, more intuitive interface for enhanced user experience.
<img src="./ReadMeGifs/Gifs/NewUI.png" style="float: left; margin-right: 10px;margin-bottom : 30px; margin-top : 10px;" />
Added in version 1.12.0: resizable panels between composer, response, and workspace and visual feedbackfor when users is selecting different communication protocols.
<img src="./ReadMeGifs/Gifs/tRPC-UI.gif" style="float: left; margin-right: 10px;margin-bottom : 30px; margin-top : 10px;" />
- _Added in Dev Version 1.10.2!_ _Github Integration + Import/Export Workspaces_: Swell allows you to import and export workspaces, making it easy to share collections with your team. You can even register with Github to save your workspaces directly into your repository!
- _Github Integration + Import/Export Workspaces_: Swell allows you to import and export workspaces, making it easy to share collections with your team. You can even register with Github to save your workspaces directly into your repository!
<img src="./ReadMeGifs/Gifs/GithubIntegration.gif" style="float: left; margin-right: 10px;margin-bottom : 30px; margin-top : 10px;" />
## Built With
Expand All @@ -113,6 +130,7 @@ Swell is a one-stop shop for sending and monitoring your API requests:
- Apollo Client
- Websockets
- gRPC-js
- tRPC
- VM2
- Chart.js
- Bulma
Expand All @@ -123,6 +141,11 @@ Swell is a one-stop shop for sending and monitoring your API requests:
## Authors
- **Jack Sonoda** - [jackksono](https://github.com/jackksono)
- **Jaden Nguyen** - [jaden-nguyen](https://github.com/jaden-nguyen)
- **Taner Malmedal** - [tannermalmedal](https://github.com/tannermalmedal)
- **Mihran Baytaryan** - [mihran-baytaryan](https://github.com/mihran-baytaryan)
- **David Beame** - [KingzandBean](https://github.com/KingzandBean)
- **Grace Kim** - [gracekiim](https://github.com/gracekiim)
- **Alex Sanhueza** - [alexsanhueza](https://github.com/alexsanhueza)
- **Wyatt Bell** - [wcbell51](https://github.com/wcbell51)
Expand Down
Binary file added ReadMeGifs/Gifs/tRPC-UI.gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added ReadMeGifs/Gifs/tRPC-query.gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added ReadMeGifs/Gifs/tRPC-subscription.gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
31 changes: 29 additions & 2 deletions package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "swell",
"version": "1.11.0",
"version": "1.12.0",
"description": "Swell",
"main": "main.js",
"repository": "https://github.com/open-source-labs/Swell",
Expand Down Expand Up @@ -122,6 +122,7 @@
"@jest-runner/electron": "^3.0.1",
"@redux-devtools/extension": "^3.2.2",
"@reduxjs/toolkit": "^1.8.1",
"@trpc/client": "^10.10.0",
"@uiw/react-codemirror": "4.7.0",
"apollo-server-express": "^3.6.7",
"axios": "^0.27.1",
Expand Down Expand Up @@ -158,6 +159,7 @@
"js-cookie": "^3.0.1",
"mali": "^0.46.1",
"ngrok": "^4.3.1",
"node-fetch": "^3.3.0",
"npm": "^8.7.0",
"octokit": "^1.7.1",
"patch-package": "^6.4.7",
Expand All @@ -170,6 +172,7 @@
"react-github-btn": "^1.2.2",
"react-redux": "^8.0.1",
"react-router-dom": "^6.3.0",
"react-split": "^2.0.14",
"react-spring": "^9.4.4",
"redux": "^4.2.0",
"resize-observer-polyfill": "^1.5.1",
Expand Down Expand Up @@ -258,6 +261,31 @@
"url": "http://www.getswell.io"
},
"contributors": [
{
"name": "Jack Sonoda",
"email": "[email protected]",
"url": "https://github.com/jackksono"
},
{
"name": "Tanner Malmedal",
"email": "[email protected]",
"url": "https://github.com/tannermalmedal"
},
{
"name": "Jaden Nguyen",
"email": "[email protected]",
"url": "https://github.com/jaden-nguyen"
},
{
"name": "Mihran Baytaryan",
"email": "[email protected]",
"url": "https://github.com/mihran-baytaryan"
},
{
"name": "David Beame",
"email": "[email protected]",
"url": "https://github.com/KingzandBean"
},
{
"name": "Kyle Combs",
"email": "[email protected]",
Expand Down Expand Up @@ -477,4 +505,3 @@
}
]
}

19 changes: 18 additions & 1 deletion src/assets/style/base.scss
Original file line number Diff line number Diff line change
Expand Up @@ -32,7 +32,7 @@ input:focus {

#update-modal {
position: relative;
width: 100%;
width: 100%;
background-color: $neutral-500;
color: $neutral-100;
display: flex;
Expand Down Expand Up @@ -92,3 +92,20 @@ $switch-focus: 5px solid red;
.add-vertical-scroll {
overflow-y: auto !important;
}

.gutter {
background-color: $primary-500;
background-position: 50%;
}

// cursorStyles not working
.gutter.gutter-horizontal {
height: 100%;
}

.gutter.gutter-horizontal:hover {
cursor: col-resize;
}
.gutter.gutter-vertical:hover {
cursor: row-resize;
}
38 changes: 19 additions & 19 deletions src/client/components/App.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ import { WindowExt } from '../../types';

// Material UI components
import { Box, Divider } from '@mui/material';

import Split from "react-split";
// Error handling
import ErrorBoundary from './utilities/ErrorBoundary/ErrorBoundary';

Expand Down Expand Up @@ -63,26 +63,26 @@ const App = () => {
<NavBarContainer />
</ErrorBoundary>

<Box sx={{ height: '100%', display: 'flex' }}>
{/* <Box sx={{ height: '100%', display: 'flex' }}> */}
{/* Workspace. Left side of the application. */}
<Split direction="horizontal" gutterSize={5} style={{ width: '100%', height: '100%', display: 'flex'}}>
<ErrorBoundary>
<HistoryOrWorkspaceContainer
currentWorkspaceId={currentWorkspaceId}
setWorkspace={setWorkspace}
/>
</ErrorBoundary>
{/* <Divider
orientation="vertical"
sx={{ borderRightWidth: 2, background: '#51819b' }}
/> */}

<ErrorBoundary>
<HistoryOrWorkspaceContainer
currentWorkspaceId={currentWorkspaceId}
setWorkspace={setWorkspace}
/>
</ErrorBoundary>

<Divider
orientation="vertical"
sx={{ borderRightWidth: 2, background: '#51819b' }}
/>

{/* Main container. Contains the composer and response panes. */}
<ErrorBoundary>
<MainContainer currentWorkspaceId={currentWorkspaceId} />
</ErrorBoundary>
</Box>
{/* Main container. Contains the composer and response panes. */}
<ErrorBoundary>
<MainContainer currentWorkspaceId={currentWorkspaceId} />
</ErrorBoundary>
</Split>
{/* </Box> */}

<ErrorBoundary>
<UpdatePopUpContainer />
Expand Down
2 changes: 1 addition & 1 deletion src/client/components/main/GRPCComposer.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -183,7 +183,7 @@ export default function GRPCComposer(props) {
<Box
className="is-flex-grow-3 add-vertical-scroll"
sx={{
height: '40%',
height: '100%',
px: 1,
overflowX: 'scroll',
overflowY: 'scroll',
Expand Down
2 changes: 1 addition & 1 deletion src/client/components/main/GraphQLComposer.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -256,7 +256,7 @@ export default function GraphQLComposer(props: $TSFixMe) {
<Box
className="is-flex-grow-3 add-vertical-scroll"
sx={{
height: '40%',
height: '100%',
px: 1,
overflowX: 'scroll',
overflowY: 'scroll',
Expand Down
36 changes: 21 additions & 15 deletions src/client/components/main/MainContainer.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -31,12 +31,13 @@ import WebSocketComposer from './WebSocketComposer';
import WebRTCComposer from './WebRTCComposer';
import OpenAPIComposer from './OpenAPIComposer';
import WebhookComposer from './WebhookComposer';
import TRPCComposer from './TRPCComposer';
import ResponsePaneContainer from './response/ResponsePaneContainer';

// Import MUI components
import { Box, Divider } from '@mui/material';
import { AppDispatch, RootState } from '../../toolkit-refactor/store';

import Split from "react-split";
/**@todo switch to hooks? */
const mapStateToProps = (store: RootState) => {
return {
Expand Down Expand Up @@ -106,20 +107,25 @@ function MainContainer(props: $TSFixMeObject) {
// flexDirection: 'column'
}}
>
<Routes>
<Route path="/" element={<Http2Composer {...props} />} />
<Route path="/graphql" element={<GraphQLComposer {...props} />} />
<Route path="/grpc" element={<GRPCComposer {...props} />} />
<Route path="/websocket" element={<WebSocketComposer {...props} />} />
<Route path="/webrtc" element={<WebRTCComposer {...props} />} />
<Route path="/openapi" element={<OpenAPIComposer {...props} />} />
<Route path="/webhook" element={<WebhookComposer {...props} />} />
</Routes>
<Divider
orientation="horizontal"
sx={{ borderBottomWidth: 2, background: '#51819b' }}
/>
<ResponsePaneContainer />
<Split direction='vertical' gutterSize={5} style={{height: '100%'}}>
<Box sx={{display: 'flex'}}>
<Routes>
<Route path="/" element={<Http2Composer {...props} />} />
<Route path="/graphql" element={<GraphQLComposer {...props} />} />
<Route path="/grpc" element={<GRPCComposer {...props} />} />
<Route path="/websocket" element={<WebSocketComposer {...props} />} />
<Route path="/webrtc" element={<WebRTCComposer {...props} />} />
<Route path="/openapi" element={<OpenAPIComposer {...props} />} />
<Route path="/webhook" element={<WebhookComposer {...props} />} />
<Route path="/trpc" element={<TRPCComposer {...props} />} />
</Routes>
</Box>
{/* <Divider
orientation="horizontal"
sx={{ borderBottomWidth: 2, background: '#51819b' }}
/> */}
<ResponsePaneContainer />
</Split>
</Box>
);
}
Expand Down
2 changes: 1 addition & 1 deletion src/client/components/main/OpenAPIComposer.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -127,7 +127,7 @@ export default function OpenAPIComposer(props) {
<Box
className="is-flex-grow-3 add-vertical-scroll"
sx={{
height: '40%',
height: '100%',
px: 1,
overflowX: 'scroll',
overflowY: 'scroll',
Expand Down
Loading

0 comments on commit 8f7b974

Please sign in to comment.