@untemps/react-vocal 2.0.0-beta.2 → 2.0.0-beta.3

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@untemps/react-vocal",
-	"version": "2.0.0-beta.2",
+	"version": "2.0.0-beta.3",
 	"author": "Vincent Le Badezet <v.lebadezet@untemps.net>",
 	"repository": "git@github.com:untemps/react-vocal.git",
 	"license": "MIT",

package/src/components/Vocal.jsx

@@ -82,11 +82,22 @@ const Vocal = ({
 	)
 
 	const _onResult = useCallback(
-		(event, result) => {
+		(event) => {
+			const transcript = Array.from(event?.results ?? [], (segment) => {
+				let best = { confidence: -Infinity, transcript: '' }
+				for (let j = 0; j < segment.length; j++) {
+					const alt = segment[j]
+					if (alt.confidence === undefined || alt.confidence > best.confidence) {
+						best = alt
+					}
+				}
+				return best.transcript ?? ''
+			}).join('')
+
 			stopTimer()
 			stopRecognition()
-			triggerCommandRef.current(result)
-			propsRef.current.onResult?.(result, event)
+			triggerCommandRef.current(transcript)
+			propsRef.current.onResult?.(transcript, event)
 		},
 		[stopTimer, stopRecognition]
 	)

package/src/components/__tests__/Vocal.test.jsx

@@ -427,4 +427,50 @@ describe('Vocal', () => {
 
 		expect(onErrorV1).not.toHaveBeenCalled()
 	})
+
+	it('returns the most confident alternative when multiple alternatives are provided', async () => {
+		const onResult = vi.fn()
+		const recognition = new SpeechRecognitionWrapper()
+		const { getByTestId } = render(getInstance({ __rsInstance: recognition, onResult }))
+
+		await act(async () => {
+			fireEvent.click(getByTestId('__vocal-root__'))
+			recognition.instance.say([[
+				{ transcript: 'bar', confidence: 0.4 },
+				{ transcript: 'foo', confidence: 0.9 },
+				{ transcript: 'baz', confidence: 0.1 },
+			]])
+			await waitFor(() => expect(onResult).toHaveBeenCalledWith('foo', expect.anything()))
+		})
+	})
+
+	it('joins all segments when multiple result segments are provided', async () => {
+		const onResult = vi.fn()
+		const recognition = new SpeechRecognitionWrapper()
+		const { getByTestId } = render(getInstance({ __rsInstance: recognition, onResult }))
+
+		await act(async () => {
+			fireEvent.click(getByTestId('__vocal-root__'))
+			recognition.instance.say([
+				[{ transcript: 'hello ', confidence: 0.9 }],
+				[{ transcript: 'world', confidence: 0.8 }],
+			])
+			await waitFor(() => expect(onResult).toHaveBeenCalledWith('hello world', expect.anything()))
+		})
+	})
+
+	it('picks highest-confidence alternative per segment when multi-segment with multi-alternative', async () => {
+		const onResult = vi.fn()
+		const recognition = new SpeechRecognitionWrapper()
+		const { getByTestId } = render(getInstance({ __rsInstance: recognition, onResult }))
+
+		await act(async () => {
+			fireEvent.click(getByTestId('__vocal-root__'))
+			recognition.instance.say([
+				[{ transcript: 'good ', confidence: 0.8 }, { transcript: 'bad ', confidence: 0.2 }],
+				[{ transcript: 'day', confidence: 0.95 }, { transcript: 'dey', confidence: 0.3 }],
+			])
+			await waitFor(() => expect(onResult).toHaveBeenCalledWith('good day', expect.anything()))
+		})
+	})
 })

package/vitest.setup.js

@@ -54,14 +54,14 @@ global.SpeechRecognition = vi.fn(function () {
 		abort: vi.fn(function () {
 			handlers.end?.()
 		}),
-		say: vi.fn(function (sentence) {
+		say: vi.fn(function (input) {
 			handlers.speechstart?.()
 
 			const resultEvent = new Event('result')
 			resultEvent.resultIndex = 0
-			resultEvent.results = [[{ transcript: sentence }]]
+			resultEvent.results = Array.isArray(input) ? input : input ? [[{ transcript: input }]] : []
 			handlers.speechend?.()
-			if (sentence) {
+			if (input) {
 				handlers.result?.(resultEvent)
 			} else {
 				handlers.nomatch?.()