chore: Drop Uuid Dependency from Example App

Signed-off-by: Progyan Bhattacharya <bprogyan@gmail.com>

Author: 0xTheProDev

examples/collaborative-editors/package.json

@@ -14,12 +14,10 @@
     "@otjs/firebase-ace": "workspace:*",
     "@otjs/firebase-monaco": "workspace:*",
     "firebase": "11.2.0",
-    "monaco-editor": "0.52.2",
-    "uuid": "11.0.5"
+    "monaco-editor": "0.52.2"
   },
   "devDependencies": {
     "@types/ace": "0.0.52",
-    "@types/uuid": "10.0.0",
     "css-loader": "7.1.2",
     "monaco-editor-webpack-plugin": "7.1.0",
     "source-map-loader": "5.0.0",

examples/collaborative-editors/src/firebase-ace.ts

@@ -30,7 +30,6 @@ import {
   push,
   ref,
 } from "firebase/database";
-import { v4 as uuid } from "uuid";
 import { IFireAceEditor } from "@otjs/firebase-ace";
 
 /**
@@ -41,11 +40,6 @@ declare global {
     aceEditor?: AceAjax.Editor;
     fireAce?: IFireAceEditor;
   }
-  interface NodeModule {
-    hot?: {
-      accept(path: string, callback: Function): void;
-    };
-  }
 }
 
 /**
@@ -63,7 +57,7 @@ const randInt = (limit: number = 1) => (Math.random() * limit) | 0;
 const userColor = `rgb(${randInt(255)}, ${randInt(255)}, ${randInt(255)})`;
 
 /** User Id */
-const userId = uuid();
+const userId = crypto.randomUUID();
 
 /** User Name */
 const userName = `Anonymous ${randInt(100)}`;

examples/collaborative-editors/src/firebase-monaco.ts

@@ -31,7 +31,6 @@ import {
   ref,
 } from "firebase/database";
 import * as monaco from "monaco-editor";
-import { v4 as uuid } from "uuid";
 import { IFireMonacoEditor } from "@otjs/firebase-monaco";
 
 /**
@@ -42,11 +41,6 @@ declare global {
     monacoEditor?: monaco.editor.IStandaloneCodeEditor;
     fireMonaco?: IFireMonacoEditor;
   }
-  interface NodeModule {
-    hot?: {
-      accept(path: string, callback: Function): void;
-    };
-  }
 }
 
 /**
@@ -64,7 +58,7 @@ const randInt = (limit: number = 1) => (Math.random() * limit) | 0;
 const userColor = `rgb(${randInt(255)}, ${randInt(255)}, ${randInt(255)})`;
 
 /** User Id */
-const userId = uuid();
+const userId = crypto.randomUUID();
 
 /** User Name */
 const userName = `Anonymous ${randInt(100)}`;