dmed-voice-assistant 1.2.8 → 1.2.10

package/dist/recognition.js

@@ -89,6 +89,8 @@ const Recognition = _ref4 => {
   const [voiceList, setVoiceList] = (0, _react.useState)([]);
   const languageList = ['Auto-Detect', 'English', 'Chinese (Simplified)'];
   const [selectedLanguage, setSelectedLanguage] = (0, _react.useState)(0);
+  const recognitionBoxRef = (0, _react.useRef)(null);
+  const isClickedStopRef = (0, _react.useRef)(false);
   const recognitionRef = (0, _react.useRef)(null);
   const mediaRecorderRef = (0, _react.useRef)(null);
   const [result, setResult] = (0, _react.useState)([]);
@@ -165,6 +167,7 @@ const Recognition = _ref4 => {
           setRecordTime(prevCount => prevCount + 1);
         }, 1000);
         setIntervalId(id);
+        isClickedStopRef.current = false;
         recognitionRef.current.start();
       }
     } catch (error) {
@@ -173,6 +176,7 @@ const Recognition = _ref4 => {
   };
   const stopRecording = () => {
     if (recognitionRef.current && mediaRecorderRef.current) {
+      isClickedStopRef.current = true;
       recognitionRef.current.stop();
       if (onRecognitionStopEvent) {
         onRecognitionStopEvent();
@@ -248,8 +252,12 @@ const Recognition = _ref4 => {
         console.error('Speech recognition error:', event.error);
       };
       recognition.onend = () => {
-        setIsStarted(false);
-        clearInterval(intervalId);
+        if (!isClickedStopRef.current && recognitionRef.current) {
+          recognitionRef.current.start();
+        } else {
+          setIsStarted(false);
+          clearInterval(intervalId);
+        }
         console.log('Speech recognition ended');
       };
       recognitionRef.current = recognition;
@@ -325,6 +333,11 @@ const Recognition = _ref4 => {
   (0, _react.useEffect)(() => {
     setHistoryList(recognitionHistoryList);
   }, [recognitionHistoryList]);
+  (0, _react.useEffect)(() => {
+    if (result.length > 0 && recognitionBoxRef.current) {
+      recognitionBoxRef.current.scrollTop = recognitionBoxRef.current.scrollHeight;
+    }
+  }, [result]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
     className: "bg-white rounded-[5px] p-[20px] w-[440px]",
     sx: {
@@ -465,10 +478,17 @@ const Recognition = _ref4 => {
             })]
           })]
         }), isStarted && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+          ref: recognitionBoxRef,
           className: "flex items-center flex-wrap space-x-1 mt-1 p-[9px]",
           sx: {
             maxWidth: "387px",
-            overflow: "hidden"
+            maxHeight: "100px",
+            overflowX: "hidden",
+            overflowY: "scroll",
+            scrollbarWidth: "none",
+            "&::-webkit-scrollbar": {
+              display: "none"
+            }
           },
           children: result.map((item, index) => {
             return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dmed-voice-assistant",
-  "version": "1.2.8",
+  "version": "1.2.10",
   "main": "dist/index.js",
   "files": [
     "dist"