SuperViz for React Flow

1
import SuperVizRoom, { Comments, HTMLPin, MousePointers } from "@superviz/sdk";
2

3
export default {
4
  setup() {
5
    async function initializeRoom() {
6
      const room = await SuperVizRoom(DEVELOPER_KEY, {
7
        roomId: "id-for-the-room",
8
        group: {
9
          id: "js-group",
10
          name: "JavaScript Group",
11
        },
12
        participant: {
13
          id: "id-of-the-participant",
14
          name: "John",
15
        },
16
      });
17

18
      const mousePointers = new MousePointers("my-id");
19
      const pinAdapter = new HTMLPin("my-id");
20
      const comments = new Comments(pinAdapter);
21

22
      room.addComponent(comments);
23
      room.addComponent(mousePointers);
24
    }
25

26
    onBeforeMount(() => initializeRoom());
27
  },
28
};

1
import SuperVizRoom, { Comments, HTMLPin, MousePointers } from "@superviz/sdk";
2

3
async function initializeSuperVizRoom() {
4
  const room = await SuperVizRoom(DEVELOPER_KEY, {
5
    roomId: "id-for-the-room",
6
    group: {
7
      id: "js-group",
8
      name: "JavaScript Group",
9
    },
10
    participant: {
11
      id: "id-of-the-participant",
12
      name: "John",
13
    },
14
  });
15

16
  const mousePointers = new MousePointers("my-id");
17
  const pinAdapter = new HTMLPin("my-id");
18
  const comments = new Comments(pinAdapter);
19

20
  room.addComponent(comments);
21
  room.addComponent(mousePointers);
22
}
23

24
initializeSuperVizRoom();