If I try to interact with a selectbox while someone is typing it closes the selectbox again

Currently, there is no contrast on hover on list items.

If you have signed in using google/github/twitter and have coded some program currently if you refresh your code does not persist anywhere.
A nice feature to have would be to ask the user if her wants to restore the code he has previously typed.

Want to make the project a tad bit more professional and a product landing page seems like a good idea

SOME UI DESIGNS

There deployment experience with Heroku hasn't been great at all, I am having bugs when I deploy it on the Heroku server and not on my localhost which is very annoying and difficult to debug, I either plan to dockerize the serve or switch to either GCP or Digital ocean.

Hello! It's that guy you were talking to from DogeHouse. I didn't have time to tell you this but based on my knowledge of the Web socket protocol. I think the reason that this is happening is because when someone new joins a room, the server has to send the current state of the room to the new user, So it sends the whole thing across the websocket, but instead of sending the code to just that user, it broadcasts the packet to everyone in the room, duplicating the current code to all user in the room. I can't seem to duplicate this though so this might be a little difficult

Requirement

• Have a light mode for the entire editor page. Currently, we only support changing the theme of the Codemirror editor instance, but no other components.

The theme palette I use is the following:- VS-dark

First, we need to decide which palette we would be using for the light theme and then implement this in a modular way.

This is a big issue, so before trying to fix this, let me know how you approach this in a maintainable way.

By maintainable, I mean you don't have to change CSS hex codes in every component but have it defined from a global theme.modules.css file, and all the components derive CSS from that file.

I want to make a lobby in which you have the ability to make a room public and anyone can join that room just like doghouse
If you make your room public it will show in the lobby else it would not show in the lobby and only those people who have the link to your room can join then.

UI MOCK UP

Requirement

• Convert caucus/src/component/TextChat/ChatMessage.jsx into a .tsx file

• Convert CodeMirrorAdapter.js into a ts file.

This issue is not difficult, but a good knowledge of typescript patterns is required.

Heroku free postgres is really slow and you cant use it outside heroku, as I was panning to make a public API for leetcode questions it is better to either switch to a cloud database provide which is faster and has more storage, currently heroku caps to 10000 entries which is an absolute bummer.
Choose any of the three:-

1. MongoDB Cloud
2. Firebase Storage
3. DynamoDB from aws

Using LSP (Language Server Protocol) see if adding Intellisence at least Java and C++ does not slow down the editor significantly

Requirement

• Currently Caucus does not have any unit testing
• Implement basic unit testing.

Currently, Caucus only supports 5 languages (C++ Java, Javascript, Python and Go) I plan to add some more programming languages in which code can be executed.

Following is the list of programming languages I can add(in order of priority), but I feel I don't want to add so many

1. c
2. rust
3. typescript
4. python2
5. csharp
6. php
7. ruby
8. kotlin
9. scala

I see inconsistency with formating in pull requests; to prevent this, it is better to configure a pre-commit hook to standardize formatting.

Resources

https://www.youtube.com/watch?v=oWty0Nw1ydk

https://khalilstemmler.com/blogs/tooling/enforcing-husky-precommit-hooks/

Add a full sceen zen mode just like on algo expert

        position: 'fixed',
        top: 0,
        right: 0,
        bottom: 0,
        left: 0,
        zIndex: 999

It would also be good if you can have a toolbar for the editor which shows the current language

The bug is, it doesn't support async arrow function or normal async function in JavaScript.
It automatically throws an error after running the function.

Describe the bug
Login using providers is not working.

To Reproduce
Steps to reproduce the behavior:

1. On the Login page click on Google or Github

Expected behavior

• It should redirect to GitHub or Google's authentication.

Additional context
generated URL is incorrect. In caucus/src/pages/Login/Login.tsx handleLogin function is creating URL as ${backend_URL}/auth/${provider} but the provider is given as /google /github making incorrect request as ${backend_URL}/auth//google instead of ${backend_URL}/auth/google

Set a keybind in code-mirror editor to run a function which makes an API call to run the code!

Describe the bug
A clear and concise description of what the bug is.

Add a code snippet in editor.

To Reproduce
Steps to reproduce the behavior:

1. Join a public room on a local development server.
2. Write a code snippet in the editor.
3. Click run code.
4. Notice the server is crashed and the loading continues in the output section.

Expected behavior
The app shouldn't crash and the program should compile successfully.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: [e.g. iOS] Mac os
• Browser [e.g. chrome, safari] Brave
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context
Add any other context about the problem here.

Jdoodle you are capped to 200 request per day, while piston is free and open source you can have your own docker container running or just use the public API for execution and the only limit is not more that 5 request per second 🚀.

There is no rush right now as we are not exceed more than 100 request per day, you can check the number of request left with the
http://caucus-app.herokuapp.com/api/credit-spent

https://github.com/engineer-man/piston
https://www.jdoodle.com/compiler-api

Either use WEBRTC to integrate voice calling or use Twilio API

Requirement

Currently, Caucus only supports codeforces and atcoder links, but it would be great to add support for CSES links.
example https://cses.fi/problemset/task/1068

• Changes need to be made in the caucus server to add the functionality to scrape the CSES question from the get response.
  Also, some UI changes in the front-end, to tell the user that we support CSES links.

Files to be modified

• caucus-server/src/utils/scrapeQuestion.ts
• caucus/src/component/QuestionsPane/ProblemList/ProblemList.tsx

@all-contributors please add @swikars1 for documentation

@all-contributors please add @jamesql for code

@all-contributors please add @HarrisonMayotte for infrastructure and code

@all-contributors please add @iamdevvalecha for documentation.

@all-contributors please add @boorah for documentation

Change the codemirror editor to Monaco for better supporting

Resources

https://www.npmjs.com/package/@monaco-editor/react

https://www.npmjs.com/package/monaco-editor

Describe the bug
Desgin flaw first I capped the room limit to 2 people but then later I increased it to 5, but I did not change this component, also I want to show random user icon images rather than just guest user icon, because then you cannot distinguish between users.

To fix :
Correct the socket-io code so it sends data of all the users in the room rather than the person who was last to join
files:

caucus-server/src/service/socket-io-service.ts

And manage the front end part too:

caucus/src/components/VoiceChat
caucus/src/pages/room/room.tsx

Possible Solutions

• Nginx or Cady as reverse proxy
• Use Cloudflare
• Use a service that provides HTTPS to the docker container by default

Requirement

Currently, Caucus only supports codeforces and atcoder links, but it would be great to add support for CodeChef links.

• Changes need to be made in the caucus server to add the functionality to scrape the CodeChef question from the get response.
  Also, some UI changes in the front-end, to tell the user that we support CodeChef links.

Files to be modified

• caucus-server/src/utils/scrapeQuestion.ts
• caucus/src/component/QuestionsPane/ProblemList/ProblemList.tsx

For the run code button, add a tooltip that shows keybind of Ctrl + ' to run code on hover

https://mui.com/components/tooltips/

Describe the bug
If a user in a room changes the language, this change is not being reflected in other users.

To Reproduce
Steps to reproduce the behavior:

1. Create a room.
2. Join from another browser.
3. Change language in one web client.
4. This change is not sent to other web clients in the session.

Expected behavior
The language selected by one user should also be passed to other web clients in the room because when they run the code it might show compilation errors as their language selection is not the same...

Requirements

When pressing enter after writing guest-name you should be redirected to the public room.

Files to change

caucus/main/src/pages/Login/Login.tsx

Motivation

I want to adhere to the DRY concept in programming (Don't Repeat Yourself)

Description

In many files, I have resued the logic to extract the param id from the URL. Firstly I thought I wouldn't need it but then I have rewritten the same code in different files several times.

A better implementation would be to use context and store it as a part of the global state

import { useParams } from "react-router-dom";
const { id } = useParams<Record<string, string>>();

Describe the bug
I'm unable to code Syncing in Codemirror.
I'm getting a problem y-websocket connection
"y-websocket.js:91 WebSocket connection to 'wss://board.example.com:1234/public-room' failed:

in package.json
"crdt-server": "cd client && HOST=board.example.com PORT=1234 npx y-websocket",
so I'm getting
running at 'board.example.com' on port 1234

and
provider = new WebsocketProvider('wss://board.example.com:1234', roomID, ydoc); in CodeMirrorEditor.tsx
( AWS ports are open for : 1234,3090,5001)

REACT_APP_CLIENT_URL = https://board.example.com:3090 (localhost:3000)
REACT_APP_SERVER_URL = https://board.example.com:5001 (localhost:5000 reverse proxy by Nginx)

&

CLIENT_URL=https://board.example.com:3090
SERVER_URL=http://localhost:5000

socket.io is working fine,
I can see users' join and left notifications, language changes, etc the only issue is code Syncing.

Expected behavior
Code syncing should work in Codemirror.

Desktop (please complete the following information):

• OS: MacOS
• Browser Chrome Version 102.0.5005.115 (Official Build) (arm64)

Please provide your suggestions.

I wish there could be a button on the toolbar, on which if you click it formats the document just like prettier does on vscode.

This needs further investigation as is it something which is even practical and should be pursued or no, because this can lead to some annoying bugs with cursors during collaboration D:

Currently, there is no documentation to set up the project locally, I plan to write a MD file that guides the user in setting up the project locally.

If I try to join a room with https for example: https://caucus-app.herokuapp.com/room/public-room3 it show a white page