improved participant id generation

SuperViz · Aug 17, 2024 · f0c2bab · f0c2bab
1 parent c65a889
commit f0c2bab
Show file tree

Hide file tree

Showing 64 changed files with 134 additions and 126 deletions.
diff --git a/js/cdn/autodesk/public/scripts/main.js b/js/cdn/autodesk/public/scripts/main.js
@@ -82,7 +82,7 @@ async function InitSuperVizRoomWithAutodesk(viewer) {
 			name: groupName,
 		},
 		participant: {
-			id: participant.toString(),
+			id: participant,
 			name: 'John ' + participant,
 			avatar: {
 				imageUrl: `https://production.cdn.superviz.com/static/default-avatars/2.png`,

diff --git a/js/cdn/contextual-comments-autodesk/public/scripts/main.js b/js/cdn/contextual-comments-autodesk/public/scripts/main.js
@@ -1,7 +1,7 @@
 import { DEVELOPER_KEY, CLIENT_ID, CLIENT_SECRET } from "../env.js";
 import { sampleInfo } from "../projectInfo.js";
 
-const participant = Math.floor(Math.random() * 100);
+const participant = Math.floor(Math.random() * 100).toString().padStart(3, "0");
 const groupId = sampleInfo.id;
 const groupName = sampleInfo.name;
 
@@ -79,7 +79,7 @@ async function InitSuperVizRoomWithAutodesk(viewer) {
       name: groupName,
     },
     participant: {
-      id: participant.toString(),
+      id: participant,
       name: "John " + participant,
       avatar: {
         imageUrl: `https://production.cdn.superviz.com/static/default-avatars/2.png`,

diff --git a/js/cdn/contextual-comments-canvas/public/scripts/main.js b/js/cdn/contextual-comments-canvas/public/scripts/main.js
@@ -1,7 +1,7 @@
 import { DEVELOPER_KEY } from "../env.js";
 import { sampleInfo } from "./../projectInfo.js";
 
-const participant = Math.floor(Math.random() * 100);
+const participant = Math.floor(Math.random() * 100).toString().padStart(3, "0");
 const groupId = sampleInfo.id;
 const groupName = sampleInfo.name;
 
@@ -13,7 +13,7 @@ async function initializeSuperVizRoom() {
       name: groupName,
     },
     participant: {
-      id: participant.toString(),
+      id: participant,
       name: "John " + participant,
     },
   });

diff --git a/js/cdn/contextual-comments-html/public/scripts/main.js b/js/cdn/contextual-comments-html/public/scripts/main.js
@@ -1,7 +1,7 @@
 import { DEVELOPER_KEY } from "../env.js";
 import { sampleInfo } from "./../projectInfo.js";
 
-const participant = Math.floor(Math.random() * 100);
+const participant = Math.floor(Math.random() * 100).toString().padStart(3, "0");
 const groupId = sampleInfo.id;
 const groupName = sampleInfo.name;
 
@@ -13,7 +13,7 @@ async function initializeSuperVizRoom() {
       name: groupName,
     },
     participant: {
-      id: participant.toString(),
+      id: participant,
       name: "John " + participant,
     },
   });

diff --git a/js/cdn/contextual-comments-matterport/public/scripts/main.js b/js/cdn/contextual-comments-matterport/public/scripts/main.js
@@ -29,7 +29,7 @@ async function InitSuperVizRoomWithMatterport(mpSDK, showcase) {
 			name: groupName,
 		},
 		participant: {
-			id: participant.toString(),
+			id: participant,
 			name: 'John ' + participant,
 			avatar: {
 				imageUrl: `https://production.cdn.superviz.com/static/default-avatars/2.png`,

diff --git a/js/cdn/contextual-comments-threejs/public/scripts/main.js b/js/cdn/contextual-comments-threejs/public/scripts/main.js
@@ -5,7 +5,7 @@ import { RoomEnvironment } from "/vendor/threejs/examples/jsm/environments/RoomE
 import { OrbitControls } from "/vendor/threejs/examples/jsm/controls/OrbitControls.js";
 import { GLTFLoader } from "/vendor/threejs/examples/jsm/loaders/GLTFLoader.js";
 
-const participant = Math.floor(Math.random() * 100);
+const participant = Math.floor(Math.random() * 100).toString().padStart(3, "0");
 const groupId = sampleInfo.id;
 const groupName = sampleInfo.name;
 
@@ -62,7 +62,7 @@ async function InitSuperVizRoomWithThreeJS(scene, renderer, camera) {
       name: groupName,
     },
     participant: {
-      id: participant.toString(),
+      id: participant,
       name: "John " + participant,
       avatar: {
         imageUrl: `https://production.cdn.superviz.com/static/default-avatars/2.png`,

diff --git a/js/cdn/forms-elements/public/scripts/main.js b/js/cdn/forms-elements/public/scripts/main.js
@@ -1,7 +1,7 @@
 import { DEVELOPER_KEY } from "../env.js";
 import { sampleInfo } from "../projectInfo.js";
 
-const participant = Math.floor(Math.random() * 100);
+const participant = Math.floor(Math.random() * 100).toString().padStart(3, "0");
 const groupId = sampleInfo.id;
 const groupName = sampleInfo.name;
 
@@ -13,16 +13,16 @@ async function initializeSuperVizRoom() {
       name: groupName,
     },
     participant: {
-      id: participant.toString(),
+      id: participant,
       name: "John " + participant,
     },
   });
 
   const formElements = new window.SuperVizRoom.FormElements({
-		fields: ['name', 'email', 'dog', 'cat', 'fish'],
-	})
+    fields: ['name', 'email', 'dog', 'cat', 'fish'],
+  })
 
-	room.addComponent(formElements)
+  room.addComponent(formElements)
 
   return room;
 }

diff --git a/js/cdn/matterport/public/scripts/main.js b/js/cdn/matterport/public/scripts/main.js
@@ -1,7 +1,7 @@
 import { DEVELOPER_KEY, MATTERPORT_KEY } from "../env.js";
 import { sampleInfo } from "../projectInfo.js";
 
-const participant = Math.floor(Math.random() * 100);
+const participant = Math.floor(Math.random() * 100).toString().padStart(3, "0");
 const groupId = sampleInfo.id;
 const groupName = sampleInfo.name;
 const modelId = "7ffnfBNamei";
@@ -29,7 +29,7 @@ async function InitSuperVizRoomWithMatterport(mpSDK) {
       name: groupName,
     },
     participant: {
-      id: participant.toString(),
+      id: participant,
       name: "John " + participant,
       avatar: {
         imageUrl: `https://production.cdn.superviz.com/static/default-avatars/2.png`,

diff --git a/js/cdn/mouse-pointers/public/scripts/main.js b/js/cdn/mouse-pointers/public/scripts/main.js
@@ -1,7 +1,7 @@
 import { DEVELOPER_KEY } from "../env.js";
 import { sampleInfo } from "../projectInfo.js";
 
-const participant = Math.floor(Math.random() * 100);
+const participant = Math.floor(Math.random() * 100).toString().padStart(3, "0");
 const groupId = sampleInfo.id;
 const groupName = sampleInfo.name;
 
@@ -13,7 +13,7 @@ async function initializeSuperVizRoom() {
       name: groupName,
     },
     participant: {
-      id: participant.toString(),
+      id: participant,
       name: "John " + participant,
     },
   });

diff --git a/js/cdn/real-time-data-engine/public/scripts/main.js b/js/cdn/real-time-data-engine/public/scripts/main.js
@@ -59,7 +59,7 @@ async function initializeSuperVizRoom() {
 			name: groupName,
 		},
 		participant: {
-			id: participant.toString(),
+			id: participant,
 			name: 'John ' + participant,
 		},
 	})

diff --git a/js/cdn/threejs/public/scripts/main.js b/js/cdn/threejs/public/scripts/main.js
@@ -5,7 +5,7 @@ import { RoomEnvironment } from "/vendor/threejs/examples/jsm/environments/RoomE
 import { OrbitControls } from "/vendor/threejs/examples/jsm/controls/OrbitControls.js";
 import { GLTFLoader } from "/vendor/threejs/examples/jsm/loaders/GLTFLoader.js";
 
-const participant = Math.floor(Math.random() * 100);
+const participant = Math.floor(Math.random() * 100).toString().padStart(3, "0");
 const groupId = sampleInfo.id;
 const groupName = sampleInfo.name;
 
@@ -62,7 +62,7 @@ async function InitSuperVizRoomWithThreeJS(scene, camera) {
       name: groupName,
     },
     participant: {
-      id: participant.toString(),
+      id: participant,
       name: "John " + participant,
       avatar: {
         imageUrl: `https://production.cdn.superviz.com/static/default-avatars/2.png`,

diff --git a/js/cdn/video-conference/public/scripts/main.js b/js/cdn/video-conference/public/scripts/main.js
@@ -1,7 +1,7 @@
 import { DEVELOPER_KEY } from "../env.js";
 import { sampleInfo } from "../projectInfo.js";
 
-const participant = Math.floor(Math.random() * 100);
+const participant = Math.floor(Math.random() * 100).toString().padStart(3, "0");
 const groupId = sampleInfo.id;
 const groupName = sampleInfo.name;
 
@@ -13,7 +13,7 @@ async function initializeSuperVizRoom() {
       name: groupName,
     },
     participant: {
-      id: participant.toString(),
+      id: participant,
       name: "John " + participant,
     },
   });

diff --git a/js/cdn/who-is-online/public/scripts/main.js b/js/cdn/who-is-online/public/scripts/main.js
@@ -1,7 +1,7 @@
 import { DEVELOPER_KEY } from "../env.js";
 import { sampleInfo } from "../projectInfo.js";
 
-const participant = Math.floor(Math.random() * 100);
+const participant = Math.floor(Math.random() * 100).toString().padStart(3, "0");
 const groupId = sampleInfo.id;
 const groupName = sampleInfo.name;
 
@@ -13,7 +13,7 @@ async function initializeSuperVizRoom() {
       name: groupName,
     },
     participant: {
-      id: participant.toString(),
+      id: participant,
       name: "John " + participant,
     },
   });

diff --git a/js/react/autodesk/src/App.jsx b/js/react/autodesk/src/App.jsx
@@ -18,7 +18,7 @@ function App() {
           name: groupName,
         }}
         participant={{
-          id: participant.toString(),
+          id: participant,
           name: "John" + participant,
         }}
         roomId={groupName}

diff --git a/js/react/contextual-comments-autodesk/src/App.jsx b/js/react/contextual-comments-autodesk/src/App.jsx
@@ -6,7 +6,7 @@ import AutodeskCommentsImplementation from "./components/AutodeskCommentsImpleme
 const DEVELOPER_KEY = import.meta.env.VITE_DEVELOPER_KEY;
 const groupId = sampleInfo.id;
 const groupName = sampleInfo.name;
-const participant = Math.floor(Math.random() * 100);
+const participant = Math.floor(Math.random() * 100).toString().padStart(3, "0");
 
 function App() {
   return (
@@ -17,7 +17,7 @@ function App() {
         name: groupName,
       }}
       participant={{
-        id: participant.toString(),
+        id: participant,
         name: "John " + participant,
       }}
       roomId={groupName}

diff --git a/js/react/contextual-comments-canvas/src/App.jsx b/js/react/contextual-comments-canvas/src/App.jsx
@@ -16,7 +16,7 @@ function App() {
         name: groupName,
       }}
       participant={{
-        id: participant.toString(),
+        id: participant,
         name: "John " + participant,
       }}
       roomId={groupId}

diff --git a/js/react/contextual-comments-html/src/App.jsx b/js/react/contextual-comments-html/src/App.jsx
@@ -19,7 +19,7 @@ function App() {
         name: groupName,
       }}
       participant={{
-        id: participant.toString(),
+        id: participant,
         name: "John " + participant,
       }}
       roomId={groupId}

diff --git a/js/react/contextual-comments-matterport/src/App.jsx b/js/react/contextual-comments-matterport/src/App.jsx
@@ -6,7 +6,7 @@ import MatterportCommentsImplementation from "./components/MatterportCommentsImp
 const DEVELOPER_KEY = import.meta.env.VITE_DEVELOPER_KEY;
 const groupId = sampleInfo.id;
 const groupName = sampleInfo.name;
-const participant = Math.floor(Math.random() * 100);
+const participant = Math.floor(Math.random() * 100).toString().padStart(3, "0");
 
 function App() {
   return (
@@ -17,7 +17,7 @@ function App() {
         name: groupName,
       }}
       participant={{
-        id: participant.toString(),
+        id: participant,
         name: "John " + participant,
       }}
       roomId={groupId}

diff --git a/js/react/contextual-comments-threejs/src/App.jsx b/js/react/contextual-comments-threejs/src/App.jsx
@@ -6,7 +6,7 @@ import ContextualCommentsThreeJSImplementation from "./components/ContextualComm
 const DEVELOPER_KEY = import.meta.env.VITE_DEVELOPER_KEY;
 const groupId = sampleInfo.id;
 const groupName = sampleInfo.name;
-const participant = Math.floor(Math.random() * 100);
+const participant = Math.floor(Math.random() * 100).toString().padStart(3, "0");
 
 function App() {
   return (
@@ -17,7 +17,7 @@ function App() {
         name: groupName,
       }}
       participant={{
-        id: participant.toString(),
+        id: participant,
         name: "John " + participant,
       }}
       roomId={groupId}

diff --git a/js/react/forms-elements/src/App.jsx b/js/react/forms-elements/src/App.jsx
@@ -4,7 +4,7 @@ import { sampleInfo } from "./projectInfo";
 const DEVELOPER_KEY = import.meta.env.VITE_DEVELOPER_KEY;
 const groupId = sampleInfo.id;
 const groupName = sampleInfo.name;
-const participant = Math.floor(Math.random() * 100);
+const participant = Math.floor(Math.random() * 100).toString().padStart(3, "0");
 
 function App() {
   return (
@@ -15,7 +15,7 @@ function App() {
         name: groupName,
       }}
       participant={{
-        id: participant.toString(),
+        id: participant,
         name: "John " + participant,
       }}
       roomId={groupId}

diff --git a/js/react/matterport/src/App.jsx b/js/react/matterport/src/App.jsx
@@ -6,7 +6,7 @@ const MATTERPORT_KEY = import.meta.env.VITE_MATTERPORT_KEY;
 const DEVELOPER_KEY = import.meta.env.VITE_DEVELOPER_KEY;
 const groupId = sampleInfo.id;
 const groupName = sampleInfo.name;
-const participant = Math.floor(Math.random() * 100);
+const participant = Math.floor(Math.random() * 100).toString().padStart(3, "0");
 
 function App() {
   return (
@@ -17,7 +17,7 @@ function App() {
         name: groupName,
       }}
       participant={{
-        id: participant.toString(),
+        id: participant,
         name: "John " + participant,
       }}
       roomId={groupId}

diff --git a/js/react/mouse-pointers/src/App.jsx b/js/react/mouse-pointers/src/App.jsx
@@ -5,7 +5,7 @@ import { sampleInfo } from "./projectInfo";
 const DEVELOPER_KEY = import.meta.env.VITE_DEVELOPER_KEY;
 const groupId = sampleInfo.id;
 const groupName = sampleInfo.name;
-const participant = Math.floor(Math.random() * 100);
+const participant = Math.floor(Math.random() * 100).toString().padStart(3, "0");
 
 function App() {
   return (
@@ -16,7 +16,7 @@ function App() {
         name: groupName,
       }}
       participant={{
-        id: participant.toString(),
+        id: participant,
         name: "John " + participant,
       }}
       roomId={groupId}

diff --git a/js/react/real-time-data-engine/src/App.jsx b/js/react/real-time-data-engine/src/App.jsx
@@ -18,7 +18,7 @@ function App() {
           name: groupName,
         }}
         participant={{
-          id: participant.toString(),
+          id: participant,
           name: "John" + participant,
         }}
         roomId={groupId}

diff --git a/js/react/threejs/src/App.jsx b/js/react/threejs/src/App.jsx
@@ -6,7 +6,7 @@ import ThreeJSImplementation from "./components/ThreeJSImplementation";
 const DEVELOPER_KEY = import.meta.env.VITE_DEVELOPER_KEY;
 const groupId = sampleInfo.id;
 const groupName = sampleInfo.name;
-const participant = Math.floor(Math.random() * 100);
+const participant = Math.floor(Math.random() * 100).toString().padStart(3, "0");
 
 function App() {
   return (
@@ -17,7 +17,7 @@ function App() {
         name: groupName,
       }}
       participant={{
-        id: participant.toString(),
+        id: participant,
         name: "John " + participant,
       }}
       roomId={groupId}

diff --git a/js/react/video-conference/src/App.jsx b/js/react/video-conference/src/App.jsx
@@ -4,7 +4,7 @@ import { sampleInfo } from "./projectInfo";
 const DEVELOPER_KEY = import.meta.env.VITE_DEVELOPER_KEY;
 const groupId = sampleInfo.id;
 const groupName = sampleInfo.name;
-const participant = Math.floor(Math.random() * 100);
+const participant = Math.floor(Math.random() * 100).toString().padStart(3, "0");
 
 function App() {
   const collabMode = {
@@ -20,7 +20,7 @@ function App() {
         name: groupName,
       }}
       participant={{
-        id: participant.toString(),
+        id: participant,
         name: "John " + participant,
       }}
       roomId={groupId}