Labelled Selections Plugin

[WebCoder49]

A demo and current implementation is available in my (alpha mode, still in-development) Teclat editor project:

• Run the example (requires multiple windows of different browsers or devices, with the same room name in both, then clicking "Join" in both)
• Draft JavaScript code for the plugin
• Draft CSS code for the plugin, which should be made independent of Teclat's CSS variables
• Example usage code (the window.selectionsPlugin was instantiated as new LabelledSelections() and passed to the code-input.js template elsewhere in the rather messy code; needs to be improved, I know)

The plugin itself as implemented above has no visible bugs except for accessibility: it should be usable with a screenreader; please could anyone used to a screenreader let me know what approach would work best? (Optional) announcements every time a selection changes, or announcements when you select text inside another user's selection, or an element to read out the current selections on demand?

This specific plugin is not specific to a collaboration framework (or even to the use of live collaboration) but I have an AGPL-licensed semi-complete integration with Yjs, also in Teclat. That integration is very much in-development.