Users Selector

Introduction

This plugin displays real-time the user selection for all connected users on the canvas. Each selector is typically painted with the user related color, allowing collaborators to see where others are selecting in real time.

This plugin enhances awareness and coordination in multi-user sessions, making collaboration feel more intuitive and dynamic. It integrates with Weave.js's presence system and updates instantly as users move their mouse or interact with the canvas.

Usage

Import the Plugin

Start by importing the plugin:

import { WeaveUsersSelectionPlugin } from "@inditextech/weave-sdk";

Register the Plugin

Then register the plugin on the Weave class instance.

const instance = new Weave({
  ...
  plugins: [
    ...,
    new WeaveUsersSelectionPlugin(), 
  ]
})

Use the plugin

Once the plugin is registered if more than one users are connected to the room, the instance user will be able to see what the other users are selecting, and the others users can see theirs.