audio channel and toggle merged

Author: Iloveeverything

.github/workflows/codeql-analysis.yml

@@ -30,6 +30,23 @@ jobs:
     steps:
     - name: Checkout repository
       uses: actions/checkout@v3
+
+    - name: Use Node.js 18 
+      uses: actions/setup-node@v3
+      with:
+        node-version: 18.20.6 # Or your preferred 18.x version
+
+    - name: Print Node.js version
+      run: node -v
+
+    - name: Install dependencies
+      run: npm ci # Or npm install if you prefer
+
+    - name: Build project
+      run:  |
+        make boostrap
+        make release
+        npm run build
       
     # Initializes the CodeQL tools for scanning.
     - name: Initialize CodeQL
@@ -43,19 +60,15 @@ jobs:
 
     # Autobuild attempts to build any compiled languages  (C/C++, C#, or Java).
     # If this step fails, then you should remove it and run the build manually (see below)
-    - name: Autobuild
-      uses: github/codeql-action/autobuild@v2
+    # - name: Autobuild
+    #   uses: github/codeql-action/autobuild@v2
 
     # ℹ️ Command-line programs to run using the OS shell.
     # 📚 https://git.io/JvXDl
 
     # ✏️ If the Autobuild fails above, remove it and uncomment the following three lines
     #    and modify them (or add more) to build your code if your project
-    #    uses a compiled language
-
-    #- run: |
-    #   make bootstrap
-    #   make release
+    #    uses a compiled language (we moved the "below" lines up to 42 and edited them)
 
     - name: Perform CodeQL Analysis
       uses: github/codeql-action/analyze@v2

.github/workflows/createPackages.yml

@@ -9,16 +9,16 @@ jobs:
   tests:
     strategy:
       matrix:
-        node-version: [16]
+        node-version: [18.20.6]
         os: [macos-latest, ubuntu-latest, windows-latest]
     runs-on: ${{ matrix.os }}
     steps:
       - name: Checkout repo
         uses: actions/checkout@v3
-      - name: Use Node.js ${{ matrix.node-version }}
+      - name: Use Node.js 18.20.6 # this used to be dynamically updated, but kept pulling an old version number. you'll have to manually update these throughout this file to be safe.
         uses: actions/setup-node@v3
         with:
-          node-version: ${{ matrix.node-version }}
+          node-version: 18.20.6
       - name: Install dependencies
         run: npm i && npm ci
       - name: Run unit tests
@@ -40,15 +40,15 @@ jobs:
       - name: Use Node.js
         uses: actions/setup-node@v2
         with:
-          node-version: '16.15'
+          node-version: '18.20.6'
       - name: Create Release
         id: create_release
         uses: actions/create-release@v1
         env:
           GITHUB_TOKEN: ${{ secrets.GH_TOKEN }}
         with:
-          tag_name: v1.16.0 # Replace with your desired tag or version number
-          release_name: Release v1.16.0 # Replace with your desired release name
+          tag_name: v1.19.0 # Replace with your desired tag or version number
+          release_name: Release v1.19.0 # Replace with your desired release name
           draft: true
           body: |
             <Temporary Body for Github Release>
@@ -67,7 +67,7 @@ jobs:
       - name: Use Node.js
         uses: actions/setup-node@v2
         with:
-          node-version: '16.15'
+          node-version: '18.20.6'
 
       - name: Install Dependencies
         run: npm install
@@ -89,7 +89,7 @@ jobs:
       - name: Use Node.js
         uses: actions/setup-node@v2
         with:
-          node-version: '16.15' # Use the specific version of Node that your project requires
+          node-version: '18.20.6' # Use the specific version of Node that your project requires
 
       - name: Install Dependencies
         run: npm install
@@ -118,7 +118,7 @@ jobs:
       - name: Use Node.js
         uses: actions/setup-node@v2
         with:
-          node-version: '16.15' # Use the specific version of Node that your project requires
+          node-version: '18.20.6' # Use the specific version of Node that your project requires
 
       - name: Install Dependencies
         run: npm install

.github/workflows/unit-tests.yml

@@ -6,7 +6,7 @@ jobs:
   tests:
     strategy:
       matrix:
-        node-version: [16]
+        node-version: [18.20.6]
         os: [macos-latest, ubuntu-latest, windows-latest]
     runs-on: ${{ matrix.os }}
     steps:
@@ -18,7 +18,11 @@ jobs:
           node-version: ${{ matrix.node-version }}
       - name: Install dependencies
         run: npm i && npm ci
+      - name: Apply patches
+        env:
+          NODE_ENV: --no-node-snapshot
+        run: npx patch-package
       - name: Run unit tests
         uses: coactions/setup-xvfb@v1
         with:
-          run: npm run test-jest
+          run: npm run test-jest

docs/DEV-README.md

@@ -19,7 +19,7 @@ Thank you for your consideration and let's work together on making Swell one of
 
 - TypeScript + JavaScript
 - React
-- Redux
+- Redux Toolkit
 - SASS
 - Node
 - Express
@@ -111,6 +111,7 @@ From a functionality standpoint:
 - HTTP/2 stress testing with `GET` requests
 - GraphQL stress testing with `Query`
 - Mock server for HTTP/2 (`Express`)
+- WebRTC video/audio and text channel testing
 - Ability to store historical requests and create/delete workspaces
 - Frontend conversion to TypeScript
 - From a codebase standpoint:
@@ -140,9 +141,9 @@ endeavour. The impacts to the product are:
 
 As you iterate the product, keep in mind the footprint your new feature(s) could add to the codebase. Could you re-use some of the existing modules? Can you even refactor and/or remove the obsolete code to help maintain the health of the codebase?
 
-There are many parts of the codebase that break DRY principles, and with such a large application, really keep in mind that when you add features to ask if it is completely necessary. Past iterators added an experimental feature(s) without it fully working and the following team(s) would add their own experimental feature. Fixing features the past teams couldn't get to is not only a great way to learn these technologies but also a great thing to talk about in interviews. "I fixed the webRTC feature that has been stagnant for 5 years", "I addressed the technical debt and reorganized the state...", or "Increased the quality of typeScript". These all show maturity as a developer and will allow us to focus the entire time of OSP on the final 20% problems.
+There are many parts of the codebase that break DRY principles, and with such a large application, really keep in mind when you add features to ask if it is completely necessary. Past iterators added an experimental feature(s) without it fully working and the following team(s) would add their own experimental feature. Fixing features the past teams couldn't get to is not only a great way to learn these technologies but also a great thing to talk about in interviews. "I fixed the webRTC feature that has been stagnant for 5 years", "I addressed the technical debt and reorganized the state...", or "Increased the quality of typeScript". These all show maturity as a developer and will allow us to focus the entire time of OSP on the final 20% problems.
 
-Legacy Components - As a part of a clean up effort, all files that are no longer being used have been moved to the legacy component folder. Examples of these files come from the migration to shared components. The original location of the components is mentioned in the comments of the relocated files.
+Legacy Components - As a part of a cleanup effort, all files that are no longer being used have been moved to the legacy component folder. Examples of these files come from the migration to shared components. The original location of the components is mentioned in the comments of the relocated files.
 
 ### _Ensure consistent redux state management_
 
@@ -250,7 +251,7 @@ Finally, if future iterators would like to completely cover the list of API-test
 
 ---
 
-## Backlog from Iteration Group v1.18
+## Backlog from Iteration Groups v1.18 and v1.19
 
 - Fix/Update GitHub Actions for Unit Testing
 - Create a feature/function/endpoint to delete a mock route
@@ -267,7 +268,7 @@ Finally, if future iterators would like to completely cover the list of API-test
 - Convert WebRTCSessionEntryForm to MUI
 - Convert WebRTC components to all use material UI as per line 7 of WebRTCComposer.tsx
 - Combine newRequestSlice.ts and newRequestFieldSlice.ts
-- Update Excalidraw if necessary with new features/redux changes
+- Update Excalidraw as necessary with new features/redux changes
 - ErrorBoundary.tsx may not be functional or necessary (Leave for now)
 
 ---

package.json

@@ -1,6 +1,6 @@
 {
   "name": "swell",
-  "version": "1.18.0",
+  "version": "1.19.0",
   "description": "Swell",
   "main": "main.js",
   "repository": "https://github.com/open-source-labs/Swell",
@@ -31,7 +31,7 @@
     "gh-publish-mac": "electron-builder build --x64 --mac -p always",
     "gh-publish": "electron-builder build -mwl -p always",
     "check-types": "tsc",
-    "postinstall": "NODE_OPTIONS=--no-node-snapshot patch-package"
+    "postinstall": "patch-package"
   },
   "build": {
     "npmRebuild": false,
@@ -98,8 +98,8 @@
     "@apollo/client": "^3.5.0",
     "@apollo/server": "^4.6.0",
     "@emotion/cache": "^11.11.0",
-    "@emotion/react": "^11.11.4",
-    "@emotion/styled": "^11.11.5",
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.0",
     "@graphql-tools/schema": "^8.3.10",
     "@grpc/grpc-js": "^1.6.7",
     "@grpc/proto-loader": "^0.6.9",
@@ -146,7 +146,7 @@
     "node-fetch": "^3.3.0",
     "node-gyp": "^11.0.0",
     "npm": "^8.7.0",
-    "patch-package": "^6.4.7",
+    "patch-package": "^6.5.1",
     "path": "^0.12.7",
     "prop-types": "^15.8.1",
     "react": "^18.0.0",
@@ -156,6 +156,7 @@
     "react-dropzone": "^12.1.0",
     "react-github-btn": "^1.2.2",
     "react-icons": "^5.4.0",
+    "react-joyride": "^2.9.3",
     "react-redux": "^8.0.1",
     "react-router-dom": "^6.3.0",
     "react-split": "^2.0.14",
@@ -184,7 +185,7 @@
     "@babel/runtime": "^7.17.9",
     "@mui/icons-material": "^5.6.2",
     "@mui/lab": "5.0.0-alpha.137",
-    "@mui/material": "5.14.2",
+    "@mui/material": "^5.14.2",
     "@playwright/test": "^1.21.1",
     "@testing-library/jest-dom": "^6.1.4",
     "@testing-library/react": "^14.0.0",
@@ -571,6 +572,27 @@
     {
       "name": "Nitesh Manem",
       "url": "https://github.com/NManem"
+    },
+    {
+      "name": "Kiki Hunt",
+      "url": "https://github.com/Iloveeverything"
+    },
+    {
+      "name": "Isaac Mbambo",
+      "url": "https://github.com/IM236"
+    },
+    {
+      "name": "Ting Lee",
+      "url": "https://github.com/tingEng"
+    },
+    {
+      "name": "Rachel Dean",
+      "url": "https://github.com/rchldn"
+    },
+    {
+      "name": "Kadeem Reid",
+      "url": "https://github.com/Kadeem929"
     }
   ]
 }
+

src/assets/style/WebRtc.css

@@ -11,7 +11,7 @@
   height: 40px;
   border-radius: 30px;
   border-style: none;
-  background-color: #ccc;
+  background-color: #58a4b0;
 }
 
 .refresh-button:hover {