zz

package.json

@@ -11,6 +11,8 @@
     "aws-sdk": "^2.1333.0",
     "axios": "^0.26.1",
     "bootstrap": "5.1.3",
+    "fs": "^0.0.1-security",
+    "langdetect": "^0.2.1",
     "mdb-react-ui-kit": "3.0.0",
     "react": "^18.0.0",
     "react-avatar": "4.0.0",

src/App.css

@@ -111,6 +111,6 @@ body {
 @media only screen and (max-width: 590px) {
   .message_a,.message_b{
       min-width: 100px !important;
-      max-width: 350px !important;
+      max-width: 290px !important;
   }
 }

src/Maya.js

@@ -22,7 +22,7 @@ ReactGA.initialize(TRACKING_ID);
 const Maya = function(){
   const [user , setUser ] = useState(null);
   const [isLoading,setLoader] = useState(true);
-  const [settings,changeSettings] = useState({dark:true,mode:"text",speak:false,voice:110});//147
+  const [settings,changeSettings] = useState({dark:true,mode:"text",speak:false,voice:"Tessa"});//147
   const [show , showSettings ] = useState(false);
   const [chatid, setID] = useState();
   const [ip, setIP] = useState(null);
@@ -73,6 +73,26 @@ var changeVoice=function(value){
   CloseSettings();
   localStorage.setItem("settings",settings);
 }
+  // const detectedLanguage = "en"// detectLanguage.detect(input);
+  //       switch (detectedLanguage) {
+  //           case 'en':
+  //             changeVoice('Google US English');
+  //           break;
+  //           case 'ko':
+  //             changeVoice('Yuna');
+  //           break;
+  //           case 'zh':
+  //             changeVoice('TingTing');
+  //           break;
+  //           case 'es':
+  //             changeVoice('Paulina');
+  //           break;
+  //           case 'za':
+  //             changeVoice('Tessa (en-ZA) [Default]');
+  //           break;
+  //           default:
+  //             changeVoice('Google US English');
+  //       }
 
 
   useEffect(() => {

src/components/Items/Settings.js

@@ -64,28 +64,28 @@ function Settings(props) {
                 </Form.Select>
 
                 <br/>
-                  {props.speechMode && (
+                  {/* {props.speechMode && (
                     <>
                     <Form.Label><small>Select Voice</small></Form.Label>
                     <Form.Select className={props.dark ? "bg-grey":"bg-light"}  value={props.voiceMode} onChange={e => ChangeVoice(e.target.value)}>
                         {voices.map((voice, index) => (
-                              <option key={index} value={index}>
-                                {voice.name} ({voice.lang}) {voice.default && ' [Default]'}
+                              <option key={index} value={voice.name}>
+                                {voice.name} ({voice.lang})
                               </option>
                             ))}
                     </Form.Select>
                     </>
                   )}
-                <br/>
+                <br/> */}
 
 
-                {/* <br/>
+                <br/>
 
                 {props.user && (
                 <ListGroup.Item as="li" onClick={Logout} className={"d-flex "+(props.dark ? "bg-dark":"bg-light")}>
                   <small className='red'><RiLogoutBoxFill/>&nbsp;&nbsp;&nbsp;Logout</small> 
                 </ListGroup.Item>
-                )} */}
+                )}
 
               </ListGroup>
             </>

src/components/Sections/ChatBox.js

@@ -28,14 +28,12 @@ function ChatBox(props) {
 
 
     function Speak(input) {
-        console.log("text to speech ......");
-        console.log(input);
-        const naturalVoice = window.speechSynthesis.getVoices();
+        const naturalVoice = window.speechSynthesis.getVoices().find((voice) => voice.name === props.voiceMode);
         const utterance = new SpeechSynthesisUtterance(input);
-        utterance.voice = naturalVoice[props.voiceMode];
-        utterance.rate = 1; // Adjust the rate to make it sound more natural
-        utterance.pitch = 0.95; // Adjust the pitch to make it sound more human-like
-        utterance.volume=10;
+        utterance.voice = naturalVoice;
+        utterance.rate = 0.99; // Adjust the rate to make it sound more natural
+        utterance.pitch = 1; // Adjust the pitch to make it sound more human-like
+        utterance.volume=100;
         window.speechSynthesis.speak(utterance);
      }