@sdata/web-vue 3.22.0 → 3.22.1

package/es/sender/use-speech.js

@@ -66,6 +66,7 @@ function useSpeech(allowSpeech, options) {
 	const sequence = shallowRef(0);
 	let generatedWorkletUrl;
 	let resolveWorkletFlush;
+	let workletReady = false;
 	let disposed = false;
 	const recording = computed(() => controlled.value && typeof config.value === "object" ? Boolean(config.value.recording) : internalRecording.value);
 	const available = computed(() => Boolean(config.value) && (controlled.value || supported.value) && !(captureError.value && isPermissionDeniedError(captureError.value.error)));
@@ -138,24 +139,33 @@ function useSpeech(allowSpeech, options) {
 	});
 	const releaseResources = function() {
 		var _ref = _asyncToGenerator(function* () {
-			var _workletNode$value2, _sourceNode$value, _stream$value, _audioContext$value, _audioContext$value2;
+			var _workletNode$value2, _sourceNode$value, _stream$value, _audioContext$value;
 			(_workletNode$value2 = workletNode.value) === null || _workletNode$value2 === void 0 || _workletNode$value2.disconnect();
 			(_sourceNode$value = sourceNode.value) === null || _sourceNode$value === void 0 || _sourceNode$value.disconnect();
 			(_stream$value = stream.value) === null || _stream$value === void 0 || _stream$value.getTracks().forEach((track) => track.stop());
-			if (((_audioContext$value = audioContext.value) === null || _audioContext$value === void 0 ? void 0 : _audioContext$value.state) !== "closed") yield (_audioContext$value2 = audioContext.value) === null || _audioContext$value2 === void 0 ? void 0 : _audioContext$value2.close();
+			if (((_audioContext$value = audioContext.value) === null || _audioContext$value === void 0 ? void 0 : _audioContext$value.state) === "running") yield audioContext.value.suspend();
 			if (socket.value && (socket.value.readyState === WebSocket.OPEN || socket.value.readyState === WebSocket.CONNECTING)) socket.value.close(1e3, "speech-ended");
 			workletNode.value = void 0;
 			sourceNode.value = void 0;
 			stream.value = void 0;
-			audioContext.value = void 0;
 			socket.value = void 0;
 		});
 		return function releaseResources() {
 			return _ref.apply(this, arguments);
 		};
 	}();
+	const closeAudioContext = function() {
+		var _ref2 = _asyncToGenerator(function* () {
+			if (audioContext.value && audioContext.value.state !== "closed") yield audioContext.value.close();
+			audioContext.value = void 0;
+			workletReady = false;
+		});
+		return function closeAudioContext() {
+			return _ref2.apply(this, arguments);
+		};
+	}();
 	const stopCapture = function() {
-		var _ref2 = _asyncToGenerator(function* (reason = "manual") {
+		var _ref3 = _asyncToGenerator(function* (reason = "manual") {
 			var _socket$value, _config$value$onRecor, _config$value;
 			if (!internalRecording.value) return;
 			yield flushWorklet();
@@ -177,11 +187,11 @@ function useSpeech(allowSpeech, options) {
 			});
 		});
 		return function stopCapture() {
-			return _ref2.apply(this, arguments);
+			return _ref3.apply(this, arguments);
 		};
 	}();
 	const startCapture = function() {
-		var _ref3 = _asyncToGenerator(function* () {
+		var _ref4 = _asyncToGenerator(function* () {
 			if (requesting.value || internalRecording.value || !available.value) return;
 			requesting.value = true;
 			captureError.value = void 0;
@@ -207,10 +217,18 @@ function useSpeech(allowSpeech, options) {
 					}
 				}
 				phase = "audioContext";
-				const nextAudioContext = resolveAudioContext();
-				audioContext.value = nextAudioContext;
+				let nextAudioContext = audioContext.value;
+				if (!nextAudioContext) {
+					nextAudioContext = resolveAudioContext();
+					audioContext.value = nextAudioContext;
+					workletReady = false;
+				}
+				if (nextAudioContext.state === "suspended") yield nextAudioContext.resume();
 				phase = "audioWorklet";
-				yield nextAudioContext.audioWorklet.addModule(resolveWorkletUrl());
+				if (!workletReady) {
+					yield nextAudioContext.audioWorklet.addModule(resolveWorkletUrl());
+					workletReady = true;
+				}
 				if (disposed) {
 					yield releaseResources();
 					return;
@@ -271,16 +289,17 @@ function useSpeech(allowSpeech, options) {
 				captureError.value = errorEvent;
 				options.onError(errorEvent);
 				yield releaseResources();
+				yield closeAudioContext();
 			} finally {
 				requesting.value = false;
 			}
 		});
 		return function startCapture() {
-			return _ref3.apply(this, arguments);
+			return _ref4.apply(this, arguments);
 		};
 	}();
 	const trigger = function() {
-		var _ref4 = _asyncToGenerator(function* (breakRecording = false) {
+		var _ref5 = _asyncToGenerator(function* (breakRecording = false) {
 			if (breakRecording && !recording.value) return;
 			if (controlled.value && typeof config.value === "object") {
 				var _config$value$onRecor2, _config$value2;
@@ -307,7 +326,7 @@ function useSpeech(allowSpeech, options) {
 			else yield startCapture();
 		});
 		return function trigger() {
-			return _ref4.apply(this, arguments);
+			return _ref5.apply(this, arguments);
 		};
 	}();
 	onMounted(() => {
@@ -324,6 +343,7 @@ function useSpeech(allowSpeech, options) {
 		disposed = true;
 		if (internalRecording.value) yield stopCapture("unmount");
 		else yield releaseResources();
+		yield closeAudioContext();
 		if (generatedWorkletUrl) URL.revokeObjectURL(generatedWorkletUrl);
 	}));
 	return {

package/json/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
   "name": "@sdata/web-vue",
-  "version": "3.21.0",
+  "version": "3.22.0",
   "contributions": {
     "html": {
       "types-syntax": "typescript",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sdata/web-vue",
-  "version": "3.22.0",
+  "version": "3.22.1",
   "description": "SD Design Vue: A Vue.js 3 UI Library",
   "keywords": [
     "sd",