@sdata/web-vue 3.22.2 → 3.22.3

package/es/sender/use-speech.js

@@ -13,6 +13,7 @@ class SdSenderAudioProcessor extends AudioWorkletProcessor {
     this.bufferSize = Math.max(128, options.processorOptions?.bufferSize || ${DEFAULT_BUFFER_SIZE});
     this.buffer = new Float32Array(this.bufferSize);
     this.offset = 0;
+    this.stopped = false;
     this.port.onmessage = (event) => {
       if (event.data?.type !== 'flush') return;
       if (this.offset > 0) {
@@ -20,11 +21,13 @@ class SdSenderAudioProcessor extends AudioWorkletProcessor {
         this.port.postMessage(chunk.buffer, [chunk.buffer]);
         this.offset = 0;
       }
+      this.stopped = true;
       this.port.postMessage({ type: 'flushed' });
     };
   }
 
   process(inputs) {
+    if (this.stopped) return false;
     const channels = inputs[0];
     if (!channels?.length) return true;
     const frames = channels[0].length;
@@ -66,7 +69,8 @@ function useSpeech(allowSpeech, options) {
 	const chunks = shallowRef(0);
 	const sequence = shallowRef(0);
 	let generatedWorkletUrl;
-	let resolveWorkletFlush;
+	let resolveWorkletStop;
+	let workletStopRequested = false;
 	let workletReady = false;
 	let disposed = false;
 	const recording = computed(() => controlled.value && typeof config.value === "object" ? Boolean(config.value.recording) : internalRecording.value);
@@ -123,25 +127,36 @@ function useSpeech(allowSpeech, options) {
 			else reject(errorEvent.error);
 		};
 	});
-	const flushWorklet = () => new Promise((resolve) => {
+	const stopWorklet = () => new Promise((resolve) => {
 		var _workletNode$value;
 		const port = (_workletNode$value = workletNode.value) === null || _workletNode$value === void 0 ? void 0 : _workletNode$value.port;
-		if (!port) {
+		if (!port || workletStopRequested) {
 			resolve();
 			return;
 		}
-		const timeout = window.setTimeout(resolve, 100);
-		resolveWorkletFlush = () => {
+		workletStopRequested = true;
+		let settled = false;
+		const finish = () => {
+			if (settled) return;
+			settled = true;
 			window.clearTimeout(timeout);
-			resolveWorkletFlush = void 0;
+			resolveWorkletStop = void 0;
 			resolve();
 		};
+		const timeout = window.setTimeout(finish, 100);
+		resolveWorkletStop = finish;
 		port.postMessage({ type: "flush" });
 	});
 	const releaseResources = function() {
 		var _ref = _asyncToGenerator(function* () {
-			var _workletNode$value2, _sourceNode$value, _stream$value, _audioContext$value;
-			(_workletNode$value2 = workletNode.value) === null || _workletNode$value2 === void 0 || _workletNode$value2.disconnect();
+			var _sourceNode$value, _stream$value, _audioContext$value;
+			const currentWorkletNode = workletNode.value;
+			yield stopWorklet();
+			if (currentWorkletNode) {
+				currentWorkletNode.port.onmessage = null;
+				currentWorkletNode.port.close();
+				currentWorkletNode.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) === "running") yield audioContext.value.suspend();
@@ -171,7 +186,7 @@ function useSpeech(allowSpeech, options) {
 			stopping.value = true;
 			try {
 				var _socket$value, _config$value$onRecor, _config$value;
-				yield flushWorklet();
+				yield stopWorklet();
 				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({
@@ -246,12 +261,13 @@ function useSpeech(allowSpeech, options) {
 					channelCount: 1,
 					processorOptions: _objectSpread2(_objectSpread2({}, speechConfig === null || speechConfig === void 0 ? void 0 : speechConfig.processorOptions), {}, { bufferSize })
 				});
+				workletStopRequested = false;
 				workletNode.value = nextWorkletNode;
 				sourceNode.value = nextAudioContext.createMediaStreamSource(stream.value);
 				nextWorkletNode.port.onmessage = (event) => {
 					var _socket$value2;
 					if (!(event.data instanceof ArrayBuffer) && "type" in event.data) {
-						if (event.data.type === "flushed") resolveWorkletFlush === null || resolveWorkletFlush === void 0 || resolveWorkletFlush();
+						if (event.data.type === "flushed") resolveWorkletStop === null || resolveWorkletStop === void 0 || resolveWorkletStop();
 						return;
 					}
 					if (!internalRecording.value) 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.22.1",
+  "version": "3.22.2",
   "contributions": {
     "html": {
       "types-syntax": "typescript",

package/package.json

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