Enable 'xyz is typing..' feature in code editor

[Lavcodes]

Is your feature request related to a problem? Please describe.
While multiple users are typing in the code editor at the same time, the other users are not shown. This could create problems when say, two or more of them try to edit at the same place, cannot track progress in real time, who is writing where.
How it looks right now

Describe the solution you'd like

Along with the typing cursor, show the username of who is typing.

Are you willing to contribute to this issue? Yes. Would like some direction though. Not entirely sure about how to implement this.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.
Would want it to look something like this.

Additional context

[Lavcodes]

I would like to work on this issue as GSSOC'21 participant.

[kothariji]

Hi @Lavcodes, First of all, thank you so much for taking out the time to create this issue.

Definitely 🙌, Please go forward to work on this issue. I am assigning this Issue to you 👍
Even I scratched my head a lot to achieve this😆.
Anyways mentors will be guiding us to achieve this feature.
Also to display the name we can use tooltip by material-UI - https://material-ui.com/components/tooltips/

And last but not least,
Keep Contributing 🙏🔥

[kothariji]

any updates @Lavcodes ?

[Lavcodes]

Yes, I have been looking for some editors that have similar features.
Here's one open source editor that I found, quite similar to what we're trying to implement here.
Link to the website. Could you have a look and let me know if similar implementation would be good.

[kothariji]

Yes, I have been looking for some editors that have similar features.
Here's one open source editor that I found, quite similar to what we're trying to implement here.
Link to the website. Could you have a look and let me know if similar implementation would be good.

Yes actually we need something like this, and also you can get ideas from google docs, and Canva

But, currently, we are on implementing Redux for SyntaxMeets, so there are a lot of changes in the codebase.
So once its done, you can surely work on this issue. 🙌

[kothariji]

@Lavcodes , the REDUX implementation in done. So now we can work on this issue.
Also I saw EtherPad And yes we can do like that, but also we can think of something similar to Repl.it

Please share your opinions on that 🙌

[Lavcodes]

This looks great. I was looking for some implementation details on this blog and their github. I was not able to find out implementation code. Could you help with that

[kothariji]

This looks great. I was looking for some implementation details on this blog and their github. I was not able to find out implementation code. Could you help with that

Yes, actually we are also doing research on the same. I'll get something, I will definitely share it with you 🙌