dmed-voice-assistant 1.2.5 → 1.2.7

package/dist/index.js

@@ -23,7 +23,10 @@ const VoiceAssistant = _ref => {
     onNewRecordEvent,
     onRecordDataChange,
     onNewRecognitionEvent,
-    onRecognitionDataChange
+    onRecognitionDataChange,
+    onCloseRecognition,
+    onRecognitionStopEvent,
+    onRealTimeRecognitionCommandEvent
   } = _ref;
   const [mode, setMode] = (0, _react.useState)(!isOnlyRecognitionMode ? "recorder" : "recognition");
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
@@ -40,9 +43,12 @@ const VoiceAssistant = _ref => {
         mode: mode,
         setMode: setMode,
         recognitionHistoryList: recognitionListValue,
+        onRealTimeRecognitionCommandEvent: onRealTimeRecognitionCommandEvent,
         onNewRecognitionEvent: onNewRecognitionEvent,
         onRecognitionDataChange: onRecognitionDataChange,
-        isOnlyRecognitionMode: isOnlyRecognitionMode
+        isOnlyRecognitionMode: isOnlyRecognitionMode,
+        onCloseRecognition: onCloseRecognition,
+        onRecognitionStopEvent: onRecognitionStopEvent
       })]
     })
   });

package/dist/recognition.js

@@ -74,7 +74,10 @@ const Recognition = _ref4 => {
     recognitionHistoryList,
     setMode,
     onNewRecognitionEvent,
-    onRecognitionDataChange
+    onRecognitionDataChange,
+    onCloseRecognition,
+    onRealTimeRecognitionCommandEvent,
+    onRecognitionStopEvent
   } = _ref4;
   const [open, setOpen] = (0, _react.useState)(false);
   const [anchorEl, setAnchorEl] = (0, _react.useState)(null);
@@ -133,6 +136,11 @@ const Recognition = _ref4 => {
   const handleLanguageChange = event => {
     setSelectedLanguage(event.target.value);
   };
+  const handleCloseModal = () => {
+    if (onCloseRecognition) {
+      onCloseRecognition();
+    }
+  };
   const startRecording = async () => {
     try {
       if (recognitionRef.current) {
@@ -162,6 +170,9 @@ const Recognition = _ref4 => {
   const stopRecording = () => {
     if (recognitionRef.current && mediaRecorderRef.current) {
       recognitionRef.current.stop();
+      if (onRecognitionStopEvent) {
+        onRecognitionStopEvent();
+      }
       clearInterval(intervalId);
       mediaRecorderRef.current.stop().then(async _ref5 => {
         let {
@@ -220,6 +231,14 @@ const Recognition = _ref4 => {
           }
           return updatedTranscript;
         });
+        for (let i = event.resultIndex; i < event.results.length; i++) {
+          if (event.results[i].isFinal) {
+            const resultArr = event.results[i][0].transcript.split(' ').filter(word => word.trim() !== '');
+            if (onRealTimeRecognitionCommandEvent) {
+              onRealTimeRecognitionCommandEvent(resultArr);
+            }
+          }
+        }
       };
       recognition.onerror = event => {
         console.error('Speech recognition error:', event.error);
@@ -331,6 +350,7 @@ const Recognition = _ref4 => {
         })]
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
         className: "px-[10px] py-[8px] cursor-pointer",
+        onClick: handleCloseModal,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_svgs.CloseIcon, {})
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {

package/dist/recorder.js

@@ -57,12 +57,11 @@ const RecorderBox = _ref => {
   const [voiceList, setVoiceList] = (0, _react.useState)([]);
   const languageList = ['Auto-Detect', 'English', 'Chinese (Simplified)'];
   const [selectedLanguage, setSelectedLanguage] = (0, _react.useState)("");
-  const [recordList, setRecordList] = (0, _react.useState)(recordHistoryList);
+  const [recordList, setRecordList] = (0, _react.useState)([]);
   const [newRecordFileName, setNewRecordFileName] = (0, _react.useState)("");
   const [newRecordTime, setNewRecordTime] = (0, _react.useState)(0);
   const [isRunning, setIsRunning] = (0, _react.useState)(false);
   const [intervalId, setIntervalId] = (0, _react.useState)(null);
-  const [audioBlob, setAudioBlob] = (0, _react.useState)(null);
   const [audioSize, setAudioSize] = (0, _react.useState)(0);
   const mediaRecorderRef = (0, _react.useRef)(null);
   const handleVoiceChange = event => {
@@ -89,7 +88,6 @@ const RecorderBox = _ref => {
       await initRecorder();
     }
     if (mediaRecorderRef.current) {
-      setAudioBlob(null);
       mediaRecorderRef.current.start();
       setIsStartedRecord(true);
       setNewRecordFileName(getVoiceFileName(new Date()));
@@ -102,7 +100,6 @@ const RecorderBox = _ref => {
         let {
           blob
         } = _ref2;
-        setAudioBlob(blob);
         let temp = [...recordList];
         const newVoice = {
           audioURL: URL.createObjectURL(blob),
@@ -194,8 +191,8 @@ const RecorderBox = _ref => {
     fetchAudioInputDevices();
   }, []);
   (0, _react.useEffect)(() => {
-    // uploadRecording();
-  }, [audioBlob]);
+    setRecordList(recordHistoryList);
+  }, [recordHistoryList]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
     className: "bg-[#0B0B0B] rounded-[5px] border p-[20px] w-[850px]",
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Grid.default, {

package/package.json

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