@sdata/web-vue 3.22.0 → 3.22.2

package/es/sender/use-speech.d.ts

@@ -12,7 +12,7 @@ interface UseSpeechOptions {
 export declare function useSpeech(allowSpeech: MaybeRefOrGetter<SenderAllowSpeech | undefined>, options: UseSpeechOptions): {
     available: import("vue").ComputedRef<boolean>;
     recording: import("vue").ComputedRef<boolean>;
-    requesting: import("vue").ShallowRef<boolean, boolean>;
+    requesting: import("vue").ComputedRef<boolean>;
     statusText: import("vue").ComputedRef<string>;
     trigger: (breakRecording?: boolean) => Promise<void>;
 };

package/es/sender/use-speech.js

@@ -55,6 +55,7 @@ function useSpeech(allowSpeech, options) {
 	const supported = shallowRef(false);
 	const internalRecording = shallowRef(false);
 	const requesting = shallowRef(false);
+	const stopping = shallowRef(false);
 	const captureError = shallowRef();
 	const stream = shallowRef();
 	const audioContext = shallowRef();
@@ -66,6 +67,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,51 +140,65 @@ 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 _socket$value, _config$value$onRecor, _config$value;
-			if (!internalRecording.value) return;
-			yield flushWorklet();
-			const endedAt = performance.now();
-			internalRecording.value = false;
-			if (((_socket$value = socket.value) === null || _socket$value === void 0 ? void 0 : _socket$value.readyState) === WebSocket.OPEN && typeof config.value === "object" && config.value.sendMetadata !== false) socket.value.send(JSON.stringify({
-				type: "end",
-				reason
-			}));
-			yield releaseResources();
-			if (typeof config.value === "object") (_config$value$onRecor = (_config$value = config.value).onRecordingChange) === null || _config$value$onRecor === void 0 || _config$value$onRecor.call(_config$value, false);
-			options.onEnd({
-				source: "capture",
-				reason,
-				startedAt: startedAt.value,
-				endedAt,
-				duration: endedAt - startedAt.value,
-				chunks: chunks.value
-			});
+		var _ref3 = _asyncToGenerator(function* (reason = "manual") {
+			if (!internalRecording.value || stopping.value) return;
+			stopping.value = true;
+			try {
+				var _socket$value, _config$value$onRecor, _config$value;
+				yield flushWorklet();
+				const endedAt = performance.now();
+				internalRecording.value = false;
+				if (((_socket$value = socket.value) === null || _socket$value === void 0 ? void 0 : _socket$value.readyState) === WebSocket.OPEN && typeof config.value === "object" && config.value.sendMetadata !== false) socket.value.send(JSON.stringify({
+					type: "end",
+					reason
+				}));
+				yield releaseResources();
+				if (typeof config.value === "object") (_config$value$onRecor = (_config$value = config.value).onRecordingChange) === null || _config$value$onRecor === void 0 || _config$value$onRecor.call(_config$value, false);
+				options.onEnd({
+					source: "capture",
+					reason,
+					startedAt: startedAt.value,
+					endedAt,
+					duration: endedAt - startedAt.value,
+					chunks: chunks.value
+				});
+			} finally {
+				stopping.value = false;
+			}
 		});
 		return function stopCapture() {
-			return _ref2.apply(this, arguments);
+			return _ref3.apply(this, arguments);
 		};
 	}();
 	const startCapture = function() {
-		var _ref3 = _asyncToGenerator(function* () {
-			if (requesting.value || internalRecording.value || !available.value) return;
+		var _ref4 = _asyncToGenerator(function* () {
+			if (requesting.value || stopping.value || internalRecording.value || !available.value) return;
 			requesting.value = true;
 			captureError.value = void 0;
 			let phase = "permission";
@@ -207,10 +223,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 +295,18 @@ 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 (requesting.value || stopping.value) return;
 			if (breakRecording && !recording.value) return;
 			if (controlled.value && typeof config.value === "object") {
 				var _config$value$onRecor2, _config$value2;
@@ -307,7 +333,7 @@ function useSpeech(allowSpeech, options) {
 			else yield startCapture();
 		});
 		return function trigger() {
-			return _ref4.apply(this, arguments);
+			return _ref5.apply(this, arguments);
 		};
 	}();
 	onMounted(() => {
@@ -324,12 +350,13 @@ function useSpeech(allowSpeech, options) {
 		disposed = true;
 		if (internalRecording.value) yield stopCapture("unmount");
 		else yield releaseResources();
+		yield closeAudioContext();
 		if (generatedWorkletUrl) URL.revokeObjectURL(generatedWorkletUrl);
 	}));
 	return {
 		available,
 		recording,
-		requesting,
+		requesting: computed(() => requesting.value || stopping.value),
 		statusText,
 		trigger
 	};

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.1",
   "contributions": {
     "html": {
       "types-syntax": "typescript",

package/package.json

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