SuperViz for React Flow

1
2import SuperVizRoom, { Comments, HTMLPin, MousePointers } from "@superviz/sdk";
3
4export default {
5  setup() {
6    async function initializeRoom() {
7      const room = await SuperVizRoom(DEVELOPER_KEY, {
8        roomId: "id-for-the-room",
9        group: {
10          id: "js-group",
11          name: "JavaScript Group",
12        },
13        participant: {
14          id: "id-of-the-participant",
15          name: "John",
16        },
17      });
18
19      const mousePointers = new MousePointers("my-id");
20      const pinAdapter = new HTMLPin("my-id");
21      const comments = new Comments(pinAdapter);
22
23      room.addComponent(comments);
24      room.addComponent(mousePointers);
25    }
26
27    onBeforeMount(() => initializeRoom());
28  },
29};
30

1
2import SuperVizRoom, { Comments, HTMLPin, MousePointers } from "@superviz/sdk";
3
4async function initializeSuperVizRoom() {
5  const room = await SuperVizRoom(DEVELOPER_KEY, {
6    roomId: "id-for-the-room",
7    group: {
8      id: "js-group",
9      name: "JavaScript Group",
10    },
11    participant: {
12      id: "id-of-the-participant",
13      name: "John",
14    },
15  });
16
17  const mousePointers = new MousePointers("my-id");
18  const pinAdapter = new HTMLPin("my-id");
19  const comments = new Comments(pinAdapter);
20
21  room.addComponent(comments);
22  room.addComponent(mousePointers);
23}
24
25initializeSuperVizRoom();
26