dmed-voice-assistant 1.2.1 → 1.2.3

package/dist/index.js

@@ -17,6 +17,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const VoiceAssistant = _ref => {
   let {
+    isOnlyRecognitionMode = false,
     recordListValue = [],
     recognitionListValue = [],
     onNewRecordEvent,
@@ -24,7 +25,7 @@ const VoiceAssistant = _ref => {
     onNewRecognitionEvent,
     onRecognitionDataChange
   } = _ref;
-  const [mode, setMode] = (0, _react.useState)("recorder");
+  const [mode, setMode] = (0, _react.useState)(!isOnlyRecognitionMode ? "recorder" : "recognition");
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
     className: "dmed-voice-assistant-class",
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_LocalizationProvider.LocalizationProvider, {
@@ -40,7 +41,8 @@ const VoiceAssistant = _ref => {
         setMode: setMode,
         recognitionHistoryList: recognitionListValue,
         onNewRecognitionEvent: onNewRecognitionEvent,
-        onRecognitionDataChange: onRecognitionDataChange
+        onRecognitionDataChange: onRecognitionDataChange,
+        isOnlyRecognitionMode: isOnlyRecognitionMode
       })]
     })
   });

package/dist/recognition.js

@@ -9,6 +9,8 @@ var _react = _interopRequireWildcard(require("react"));
 var _material = require("@mui/material");
 var _svgs = require("./components/svgs");
 var _RecognitionListItem = _interopRequireDefault(require("./components/RecognitionListItem"));
+var _recorderJs = _interopRequireDefault(require("recorder-js"));
+var _recorder = require("./recorder");
 var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -59,6 +61,7 @@ const StyledTypography = (0, _material.styled)(_material.Typography)(_ref3 => {
 const Recognition = _ref4 => {
   let {
     mode = 'recorder',
+    isOnlyRecognitionMode,
     recognitionHistoryList,
     setMode,
     onNewRecognitionEvent,
@@ -72,8 +75,9 @@ const Recognition = _ref4 => {
   const [selectedVoice, setSelectedVoice] = (0, _react.useState)("");
   const [voiceList, setVoiceList] = (0, _react.useState)([]);
   const languageList = ['Auto-Detect', 'English', 'Chinese (Simplified)'];
-  const [selectedLanguage, setSelectedLanguage] = (0, _react.useState)("");
+  const [selectedLanguage, setSelectedLanguage] = (0, _react.useState)("en-US");
   const recognitionRef = (0, _react.useRef)(null);
+  const mediaRecorderRef = (0, _react.useRef)(null);
   const [result, setResult] = (0, _react.useState)([]);
   const [historyList, setHistoryList] = (0, _react.useState)(recognitionHistoryList);
   const [recordTime, setRecordTime] = (0, _react.useState)(0);
@@ -91,6 +95,7 @@ const Recognition = _ref4 => {
     setAnchorEl(null);
   };
   const handleModeChange = () => {
+    if (isOnlyRecognitionMode) return;
     if (mode === "recorder") {
       setMode("recognition");
     } else if (mode === "recognition") {
@@ -116,34 +121,57 @@ const Recognition = _ref4 => {
   const handleLanguageChange = event => {
     setSelectedLanguage(event.target.value);
   };
-  const startRecording = () => {
-    if (recognitionRef.current) {
-      setResult([]);
-      setRecordTime(0);
-      const id = setInterval(async () => {
-        setRecordTime(prevCount => prevCount + 1);
-      }, 1000);
-      setIntervalId(id);
-      recognitionRef.current.start();
+  const startRecording = async () => {
+    try {
+      if (recognitionRef.current) {
+        if (!mediaRecorderRef.current) {
+          const stream = await navigator.mediaDevices.getUserMedia({
+            audio: true
+          });
+          const audioContext = new (window.AudioContext || window.webkitAudioContext)();
+          const newRecorder = new _recorderJs.default(audioContext);
+          await newRecorder.init(stream);
+          mediaRecorderRef.current = newRecorder;
+        }
+        mediaRecorderRef.current.start();
+        setResult([]);
+        setRecordTime(0);
+        const id = setInterval(async () => {
+          setRecordTime(prevCount => prevCount + 1);
+        }, 1000);
+        setIntervalId(id);
+        recognitionRef.current.start();
+      }
+    } catch (error) {
+      console.error("Error starting recording:", error);
     }
   };
   const stopRecording = () => {
-    if (recognitionRef.current) {
+    if (recognitionRef.current && mediaRecorderRef.current) {
       recognitionRef.current.stop();
       clearInterval(intervalId);
-      let temp = [...historyList];
-      const newData = {
-        result,
-        date: new Date()
-      };
-      temp.push(newData);
-      setHistoryList(temp);
-      if (onNewRecognitionEvent) {
-        onNewRecognitionEvent(newData);
-      }
-      if (onRecognitionDataChange) {
-        onRecognitionDataChange(temp);
-      }
+      mediaRecorderRef.current.stop().then(async _ref5 => {
+        let {
+          blob
+        } = _ref5;
+        const audioBlob = blob;
+        let temp = [...historyList];
+        const newData = {
+          fileName: (0, _recorder.getVoiceFileName)(new Date()),
+          audioBlob,
+          result,
+          lang: selectedLanguage,
+          date: new Date()
+        };
+        temp.push(newData);
+        setHistoryList(temp);
+        if (onNewRecognitionEvent) {
+          onNewRecognitionEvent(newData);
+        }
+        if (onRecognitionDataChange) {
+          onRecognitionDataChange(temp);
+        }
+      });
     }
   };
   const startSpeechRecognition = () => {
@@ -563,13 +591,13 @@ const Recognition = _ref4 => {
               }
             },
             children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.MenuItem, {
-              value: 0,
+              value: "en-US",
               children: "Auto-Detect"
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.MenuItem, {
-              value: 1,
+              value: "en-US",
               children: "English"
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.MenuItem, {
-              value: 2,
+              value: "zh-TW",
               children: "Chinese (Simplified)"
             })]
           })]

package/dist/recorder.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.getVoiceFileName = exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _material = require("@mui/material");
 var _Grid = _interopRequireDefault(require("@mui/material/Grid2"));
@@ -15,7 +15,6 @@ var _recorderJs = _interopRequireDefault(require("recorder-js"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const apiUrl = 'https://api.origintechx.dev/qa/v1/diagnose/voice';
 const getVoiceFileName = date => {
   const year = date.getFullYear(); // Get the full year (YYYY)
   const month = String(date.getMonth() + 1).padStart(2, '0'); // Get the month (MM), pad with leading zero if necessary
@@ -23,6 +22,7 @@ const getVoiceFileName = date => {
 
   return `Voice${year}${month}${day}.wav`;
 };
+exports.getVoiceFileName = getVoiceFileName;
 const getTimeValues = totalSeconds => {
   const hours = Math.floor(totalSeconds / 3600); // Get hours
   let minutes = Math.floor(totalSeconds % 3600 / 60); // Get minutes
@@ -63,7 +63,6 @@ const RecorderBox = _ref => {
   const [isRunning, setIsRunning] = (0, _react.useState)(false);
   const [intervalId, setIntervalId] = (0, _react.useState)(null);
   const [audioBlob, setAudioBlob] = (0, _react.useState)(null);
-  const [audioUrl, setAudioUrl] = (0, _react.useState)('');
   const [audioSize, setAudioSize] = (0, _react.useState)(0);
   const mediaRecorderRef = (0, _react.useRef)(null);
   const handleVoiceChange = event => {
@@ -104,8 +103,6 @@ const RecorderBox = _ref => {
           blob
         } = _ref2;
         setAudioBlob(blob);
-        setAudioUrl(URL.createObjectURL(blob));
-        console.log(blob);
         let temp = [...recordList];
         const newVoice = {
           audioURL: URL.createObjectURL(blob),

package/package.json

@@ -1,21 +1,21 @@
 {
   "name": "dmed-voice-assistant",
-  "version": "1.2.1",
+  "version": "1.2.3",
   "main": "dist/index.js",
   "files": [
     "dist"
   ],
   "dependencies": {
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "@mui/material": "^6.3.0",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
+    "@mui/material": "^6.3.0",
     "@mui/x-date-pickers": "^7.23.1",
     "@testing-library/jest-dom": "^5.17.0",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",
     "dayjs": "^1.11.13",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "react-scripts": "5.0.1",
     "recorder-js": "^1.0.7",
     "web-vitals": "^2.1.4"