UX Design/Discovery for Broadcast Web IDE

Problem to solve

Users will need a way to broadcast their Web IDE session and be informed that they're broadcasting their session.

Intended users

Users who want to share their Web IDE session with others. Developers looking for assistance or practicing pair programming, teachers/classroom scenarios for education or other collaborative work.

Further details

Proposal

Users who are broadcasting their session will need to be provided information on:

• Live Status (On/Off Toggle)
• Link to Share Session
• Permissions of the Session (informational, based on repository permissions)
• Other users in the session (potentially a count to begin with)
• Cursor information (Name + Color Coding)
• Session Length + Timeout notification

Long term users will need the ability to moderate/control the session so we should factor some of those items in to early designs so we're not re-factoring the entire thing.

Some of those items would be:

• User list (name/avatar)
• Notification Status
• Chat On/Off + Chat window/input (Gitter)
• Permission Settings
  • Default (Repository settings)
  • Private (Named invite only + Link??)
  • Edit Permissions (View or View + Contribute)
  • Anonymous access???

Permissions and Security

It's important that viewer permission is the same as their actual permissions on the project.

Links / references

Both repl.it and Codesandbox support a live session, we should learn from them.