Weave.js

WeaveUsersPointersPlugin

Showcase the position of the users mouse pointer on the canvas

Overview

The WeaveUsersPointersPlugin class that enables real-time cursor sharing across all connected users on the collaborative canvas. It displays live pointer positions, often tagged with user metadata like name or color, allowing participants to see each other’s activity and collaborate more intuitively.

This plugin helps create a shared sense of presence, making collaborative tools feel dynamic, interactive, and truly multi-user.

The class extends the WeavePlugin class

Name

This plugin name property value is usersPointers.

Import

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

Instantiation

new WeaveUsersPointersPlugin(params: WeaveUsersPointersPluginParams);

TypeScript types

type WeaveUser = {
  [key: string]: any;
  name: string;
  email: string;
};

type WeaveUsersPointersPluginConfig = {
  getUser: () => WeaveUser;
};

type WeaveUserPointersUIProperties = {
  separation: number;
  pointer: {
    circleRadius: number;
    circleStrokeWidth: number;
  };
  name: {
    fontFamily: string;
    fontSize: number;
    backgroundCornerRadius: number;
    backgroundPaddingX: number;
    backgroundPaddingY: number;
  };
};

type WeaveUsersPointersPluginParams = {
  config: WeaveUsersPointersPluginConfig;
  ui?: WeaveUserPointersUIProperties;
};

Parameters

For WeaveUsersPointersPluginParams:

PropTypeDefault
config?
WeaveUsersPointersPluginConfig
-

For WeaveUsersPointersPluginConfig:

PropTypeDefault
ui?
WeaveUserPointersUIProperties
-
getUser?
() => WeaveUser
-