fixes

package.json

@@ -15,11 +15,13 @@
         "@egoist/tailwindcss-icons": "^1.4.0",
         "@hookform/resolvers": "^3.3.2",
         "@iconify-json/heroicons": "^1.1.15",
+        "@types/uuid": "^10.0.0",
         "axios": "^1.7.7",
         "eventemitter3": "^5.0.1",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
-        "simli-client": "^1.1.0"
+        "simli-client": "^1.1.0",
+        "uuid": "^10.0.0"
     },
     "devDependencies": {
         "@tailwindcss/aspect-ratio": "^0.4.2",
@@ -109,4 +111,4 @@
             }
         ]
     }
-}
+}

src/main.tsx

@@ -1,6 +1,7 @@
 import React, { useCallback, useEffect, useRef, useState } from 'react'
 import ReactDOM from 'react-dom/client'
 import axios from 'axios'
+import { v4 as uuidv4 } from 'uuid'
 
 import { SimliClient } from './SimliClient'
 
@@ -33,6 +34,26 @@ const App = () => {
   const analyserRef = useRef<any | null>(null)
   const microphoneRef = useRef<any | null>(null)
 
+  // TODO: populate these from localStorage if roomid and useruuid are set, otherwise generate a random uuid
+  const [roomID, setRoomID] = useState('')
+  const [userUUID, setUserUUID] = useState('')
+
+  useEffect(() => {
+    const storedRoomID = localStorage.getItem('roomID')
+    const storedUserUUID = localStorage.getItem('userUUID')
+    if (storedRoomID && storedUserUUID) {
+      setRoomID(storedRoomID)
+      setUserUUID(storedUserUUID)
+    } else {
+      const newRoomID = uuidv4()
+      const newUserUUID = uuidv4()
+      setRoomID(newRoomID)
+      setUserUUID(newUserUUID)
+      localStorage.setItem('roomID', newRoomID)
+      localStorage.setItem('userUUID', newUserUUID)
+    }
+  }, [])
+
   const initializeSimliClient = useCallback(() => {
     if (videoRef.current && audioRef.current) {
       const SimliConfig = {
@@ -112,6 +133,9 @@ const App = () => {
         completionEndpoint + '/ruby/message',
         {
           text,
+          roomId: roomID,
+          userId: userUUID,
+          userName: 'User',
         },
         {
           cancelToken: cancelTokenRef.current.token,