react-native-voice-ts 1.0.4 → 1.0.6

package/dist/hooks/useVoiceRecognition.d.ts

@@ -25,10 +25,30 @@ export interface UseVoiceRecognitionOptions {
      * Callback fired when speech is recognized
      */
     onResult?: (text: string) => void;
+    /**
+     * Callback fired when partial results are available (real-time)
+     */
+    onPartialResult?: (text: string) => void;
     /**
      * Callback fired when an error occurs
      */
     onError?: (error: string) => void;
+    /**
+     * Callback fired when recording starts
+     */
+    onStart?: () => void;
+    /**
+     * Callback fired when recording ends
+     */
+    onEnd?: () => void;
+    /**
+     * Callback fired when speech is recognized (before results)
+     */
+    onRecognized?: () => void;
+    /**
+     * Callback fired when volume changes (0-10)
+     */
+    onVolumeChanged?: (value: number) => void;
 }
 export interface UseVoiceRecognitionReturn {
     /**

package/dist/hooks/useVoiceRecognition.js

@@ -22,7 +22,7 @@ import Voice from '../index';
  * ```
  */
 export const useVoiceRecognition = (options = {}) => {
-    const { locale = 'en-US', enablePartialResults = true, continuous = false, maxSilenceDuration = 5000, onResult, onError, } = options;
+    const { locale = 'en-US', enablePartialResults = true, continuous = false, maxSilenceDuration = 5000, onResult, onPartialResult, onError, onStart, onEnd, onRecognized, onVolumeChanged, } = options;
     const [isRecording, setIsRecording] = useState(false);
     const [results, setResults] = useState([]);
     const [partialResults, setPartialResults] = useState([]);
@@ -46,9 +46,11 @@ export const useVoiceRecognition = (options = {}) => {
             if (silenceTimerRef.current) {
                 clearTimeout(silenceTimerRef.current);
             }
+            onStart?.();
         };
         Voice.onSpeechEnd = async () => {
             setIsRecording(false);
+            onEnd?.();
             // In continuous mode, restart listening after results
             if (continuous && shouldContinueRef.current) {
                 setTimeout(async () => {
@@ -65,6 +67,9 @@ export const useVoiceRecognition = (options = {}) => {
                 }, 100);
             }
         };
+        Voice.onSpeechRecognized = () => {
+            onRecognized?.();
+        };
         Voice.onSpeechError = (e) => {
             const errorMessage = e.error?.message || 'Unknown error';
             setError(errorMessage);
@@ -95,27 +100,34 @@ export const useVoiceRecognition = (options = {}) => {
                 }
             }
         };
-        if (enablePartialResults) {
-            Voice.onSpeechPartialResults = (e) => {
-                if (e.value && e.value.length > 0) {
-                    setPartialResults(e.value);
-                    // Reset silence timer on partial results (user is speaking)
-                    if (continuous && silenceTimerRef.current) {
-                        clearTimeout(silenceTimerRef.current);
-                        silenceTimerRef.current = setTimeout(async () => {
-                            if (shouldContinueRef.current) {
-                                shouldContinueRef.current = false;
-                                if (silenceTimerRef.current) {
-                                    clearTimeout(silenceTimerRef.current);
-                                    silenceTimerRef.current = null;
-                                }
-                                await Voice.stop();
+        Voice.onSpeechPartialResults = (e) => {
+            if (e.value && e.value.length > 0) {
+                setPartialResults(e.value);
+                const firstPartial = e.value[0];
+                if (firstPartial) {
+                    onPartialResult?.(firstPartial);
+                }
+                // Reset silence timer on partial results (user is speaking)
+                if (continuous && silenceTimerRef.current) {
+                    clearTimeout(silenceTimerRef.current);
+                    silenceTimerRef.current = setTimeout(async () => {
+                        if (shouldContinueRef.current) {
+                            shouldContinueRef.current = false;
+                            if (silenceTimerRef.current) {
+                                clearTimeout(silenceTimerRef.current);
+                                silenceTimerRef.current = null;
                             }
-                        }, maxSilenceDuration);
-                    }
+                            await Voice.stop();
+                        }
+                    }, maxSilenceDuration);
                 }
-            };
-        }
+            }
+        };
+        Voice.onSpeechVolumeChanged = (e) => {
+            if (e.value !== undefined) {
+                onVolumeChanged?.(e.value);
+            }
+        };
         // Cleanup
         return () => {
             Voice.destroy().then(Voice.removeAllListeners);
@@ -123,7 +135,12 @@ export const useVoiceRecognition = (options = {}) => {
     }, [
         enablePartialResults,
         onResult,
+        onPartialResult,
         onError,
+        onStart,
+        onEnd,
+        onRecognized,
+        onVolumeChanged,
         continuous,
         locale,
         maxSilenceDuration,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-native-voice-ts",
   "description": "Advanced Speech-to-Text library for React Native with TypeScript support. Features ready-to-use components (VoiceMicrophone), custom hooks (useVoiceRecognition), real-time transcription, multi-language support, and comprehensive voice recognition capabilities for iOS and Android.",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "author": "Noor Mohammad <noor.jsdivs@gmail.com>",
   "private": false,
   "homepage": "https://github.com/noorjsdivs/react-native-voice-ts",
@@ -45,6 +45,7 @@
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [
+    "src",
     "dist",
     "android",
     "ios",

package/react-native-voice.podspec

@@ -4,7 +4,7 @@ package = JSON.parse(File.read(File.join(__dir__, "package.json")))
 folly_compiler_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -Wno-comma -Wno-shorten-64-to-32'
 
 Pod::Spec.new do |s|
-  s.name         = "react-native-voice"
+  s.name         = "react-native-voice-ts"
   s.version      = package['version']
   s.summary      = package['description']
   s.license      = package['license']

package/src/NativeVoiceAndroid.ts

@@ -0,0 +1,28 @@
+import type { TurboModule } from 'react-native';
+import { TurboModuleRegistry } from 'react-native';
+type SpeechType = {
+  EXTRA_LANGUAGE_MODEL: string;
+  EXTRA_MAX_RESULTS: string;
+  EXTRA_PARTIAL_RESULTS: string;
+  REQUEST_PERMISSIONS_AUTO: string;
+  RECOGNIZER_ENGINE: string;
+};
+export interface Spec extends TurboModule {
+  destroySpeech: (callback: (error: string) => void) => void;
+  startSpeech: (
+    locale: string,
+    opts: SpeechType,
+    callback: (error: string) => void,
+  ) => void;
+  stopSpeech: (callback: (error: string) => void) => void;
+  cancelSpeech: (callback: (error: string) => void) => void;
+  isSpeechAvailable: (
+    callback: (isAvailable: boolean, error: string) => void,
+  ) => void;
+  getSpeechRecognitionServices(): Promise<string[]>;
+  isRecognizing: (callback: (Recognizing: boolean) => void) => void;
+  addListener: (eventType: string) => void;
+  removeListeners: (count: number) => void;
+}
+
+export default TurboModuleRegistry.getEnforcing<Spec>('Voice');

package/src/NativeVoiceIOS.ts

@@ -0,0 +1,24 @@
+import type { TurboModule } from 'react-native';
+import { TurboModuleRegistry } from 'react-native';
+
+export interface Spec extends TurboModule {
+  destroySpeech: (callback: (error: string) => void) => void;
+  startSpeech: (locale: string, callback: (error: string) => void) => void;
+  startTranscription: (
+    locale: string,
+    callback: (error: string) => void,
+  ) => void;
+  stopSpeech: (callback: (error: string) => void) => void;
+  stopTranscription: (callback: (error: string) => void) => void;
+  cancelSpeech: (callback: (error: string) => void) => void;
+  cancelTranscription: (callback: (error: string) => void) => void;
+  isSpeechAvailable: (
+    callback: (isAvailable: boolean, error: string) => void,
+  ) => void;
+  isRecognizing: (callback: (Recognizing: boolean) => void) => void;
+  addListener: (eventType: string) => void;
+  removeListeners: (count: number) => void;
+  destroyTranscription: (callback: (error: string) => void) => void;
+}
+
+export default TurboModuleRegistry.getEnforcing<Spec>('Voice');

package/src/VoiceModuleTypes.ts

@@ -0,0 +1,64 @@
+export type SpeechEvents = {
+  onSpeechStart?: (e: SpeechStartEvent) => void;
+  onSpeechRecognized?: (e: SpeechRecognizedEvent) => void;
+  onSpeechEnd?: (e: SpeechEndEvent) => void;
+  onSpeechError?: (e: SpeechErrorEvent) => void;
+  onSpeechResults?: (e: SpeechResultsEvent) => void;
+  onSpeechPartialResults?: (e: SpeechResultsEvent) => void;
+  onSpeechVolumeChanged?: (e: SpeechVolumeChangeEvent) => void;
+};
+
+export type TranscriptionEvents = {
+  onTranscriptionStart?: (e: TranscriptionStartEvent) => void;
+  onTranscriptionEnd?: (e: TranscriptionEndEvent) => void;
+  onTranscriptionError?: (e: TranscriptionErrorEvent) => void;
+  onTranscriptionResults?: (e: TranscriptionResultsEvent) => void;
+};
+
+export type SpeechStartEvent = {
+  error?: boolean;
+};
+
+export type TranscriptionStartEvent = {
+  error?: boolean;
+};
+
+export type SpeechRecognizedEvent = {
+  isFinal?: boolean;
+};
+
+export type SpeechResultsEvent = {
+  value?: string[];
+};
+
+export type TranscriptionResultsEvent = {
+  segments?: string[];
+  transcription?: string;
+  isFinal?: boolean;
+};
+
+export type SpeechErrorEvent = {
+  error?: {
+    code?: string;
+    message?: string;
+  };
+};
+
+export type TranscriptionErrorEvent = {
+  error?: {
+    code?: string;
+    message?: string;
+  };
+};
+
+export type SpeechEndEvent = {
+  error?: boolean;
+};
+
+export type TranscriptionEndEvent = {
+  error?: boolean;
+};
+
+export type SpeechVolumeChangeEvent = {
+  value?: number;
+};

package/src/VoiceUtilTypes.ts

@@ -0,0 +1,46 @@
+/**
+ * React Native Voice - Speech Recognition Utility Types
+ *
+ * This file contains helper types and interfaces for working with
+ * speech recognition functionality.
+ */
+
+export interface VoiceOptions {
+  /** Android: Language model type (LANGUAGE_MODEL_FREE_FORM or LANGUAGE_MODEL_WEB_SEARCH) */
+  EXTRA_LANGUAGE_MODEL?: string;
+  /** Android: Maximum number of results */
+  EXTRA_MAX_RESULTS?: number;
+  /** Android: Enable partial results */
+  EXTRA_PARTIAL_RESULTS?: boolean;
+  /** Android: Auto request permissions */
+  REQUEST_PERMISSIONS_AUTO?: boolean;
+  /** iOS: Detection mode (automatic, manual) */
+  iosCategory?: string;
+}
+
+export interface RecognitionStats {
+  /** Duration of recognition in milliseconds */
+  duration: number;
+  /** Whether recognition is currently active */
+  isActive: boolean;
+  /** Last recognized results */
+  lastResults: string[];
+  /** Start timestamp */
+  startTime: number;
+}
+
+export interface PermissionResult {
+  /** Whether permission was granted */
+  granted: boolean;
+  /** Error message if permission check failed */
+  error?: string;
+}
+
+export interface Language {
+  /** Language code (e.g., 'en-US') */
+  code: string;
+  /** Display name */
+  name: string;
+  /** Whether language is available */
+  available: boolean;
+}

package/src/components/MicIcon.tsx

@@ -0,0 +1,208 @@
+import React from 'react';
+import Svg, { Path, Line } from 'react-native-svg';
+
+export interface MicIconProps {
+  size?: number;
+  color?: string;
+  strokeWidth?: number;
+}
+
+/**
+ * Standard Microphone Icon (Variant 1)
+ * Classic microphone with rounded capsule
+ */
+export const MicIcon: React.FC<MicIconProps> = ({
+  size = 24,
+  color = 'currentColor',
+  strokeWidth = 2,
+}) => {
+  return (
+    <Svg
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke={color}
+      strokeWidth={strokeWidth}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    >
+      <Path d="M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z" />
+      <Path d="M19 10v2a7 7 0 0 1-14 0v-2" />
+      <Line x1="12" y1="19" x2="12" y2="22" />
+    </Svg>
+  );
+};
+
+export interface MicOffIconProps {
+  size?: number;
+  color?: string;
+  strokeWidth?: number;
+}
+
+/**
+ * Standard Microphone Off Icon (Variant 1)
+ * Shows microphone with slash through it
+ */
+export const MicOffIcon: React.FC<MicOffIconProps> = ({
+  size = 24,
+  color = 'currentColor',
+  strokeWidth = 2,
+}) => {
+  return (
+    <Svg
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke={color}
+      strokeWidth={strokeWidth}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    >
+      <Line x1="2" y1="2" x2="22" y2="22" />
+      <Path d="M18.89 13.23A7.12 7.12 0 0 0 19 12v-2" />
+      <Path d="M5 10v2a7 7 0 0 0 12 5" />
+      <Path d="M15 9.34V5a3 3 0 0 0-5.68-1.33" />
+      <Path d="M9 9v3a3 3 0 0 0 5.12 2.12" />
+      <Line x1="12" y1="19" x2="12" y2="22" />
+    </Svg>
+  );
+};
+
+/**
+ * Filled Microphone Icon (Variant 2)
+ * Solid/filled microphone for active state
+ */
+export const MicIconFilled: React.FC<MicIconProps> = ({
+  size = 24,
+  color = 'currentColor',
+  strokeWidth = 2,
+}) => {
+  return (
+    <Svg
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill={color}
+      stroke={color}
+      strokeWidth={strokeWidth}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    >
+      <Path d="M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z" />
+      <Path
+        d="M19 10v2a7 7 0 0 1-14 0v-2"
+        fill="none"
+        stroke={color}
+        strokeWidth={strokeWidth}
+      />
+      <Line
+        x1="12"
+        y1="19"
+        x2="12"
+        y2="22"
+        fill="none"
+        stroke={color}
+        strokeWidth={strokeWidth}
+      />
+    </Svg>
+  );
+};
+
+/**
+ * Filled Microphone Off Icon (Variant 2)
+ * Solid microphone with mute indicator
+ */
+export const MicOffIconFilled: React.FC<MicOffIconProps> = ({
+  size = 24,
+  color = 'currentColor',
+  strokeWidth = 2,
+}) => {
+  return (
+    <Svg
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke={color}
+      strokeWidth={strokeWidth}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    >
+      <Line x1="2" y1="2" x2="22" y2="22" />
+      <Path d="M15 9.34V5a3 3 0 0 0-5.68-1.33" fill={color} />
+      <Path d="M9 9v3a3 3 0 0 0 5.12 2.12" fill={color} />
+      <Path d="M18.89 13.23A7.12 7.12 0 0 0 19 12v-2" fill="none" />
+      <Path d="M5 10v2a7 7 0 0 0 12 5" fill="none" />
+      <Line x1="12" y1="19" x2="12" y2="22" />
+    </Svg>
+  );
+};
+
+/**
+ * Wave Microphone Icon (Variant 3)
+ * Microphone with sound waves
+ */
+export const MicIconWave: React.FC<MicIconProps> = ({
+  size = 24,
+  color = 'currentColor',
+  strokeWidth = 2,
+}) => {
+  return (
+    <Svg
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke={color}
+      strokeWidth={strokeWidth}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    >
+      <Path d="M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z" />
+      <Path d="M19 10v2a7 7 0 0 1-14 0v-2" />
+      <Line x1="12" y1="19" x2="12" y2="22" />
+      {/* Sound waves */}
+      <Path d="M20 7v10" opacity="0.5" />
+      <Path d="M23 9v6" opacity="0.3" />
+      <Path d="M4 7v10" opacity="0.5" />
+      <Path d="M1 9v6" opacity="0.3" />
+    </Svg>
+  );
+};
+
+/**
+ * Wave Microphone Off Icon (Variant 3)
+ * Microphone with muted waves
+ */
+export const MicOffIconWave: React.FC<MicOffIconProps> = ({
+  size = 24,
+  color = 'currentColor',
+  strokeWidth = 2,
+}) => {
+  return (
+    <Svg
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke={color}
+      strokeWidth={strokeWidth}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    >
+      <Line x1="2" y1="2" x2="22" y2="22" />
+      <Path d="M18.89 13.23A7.12 7.12 0 0 0 19 12v-2" />
+      <Path d="M5 10v2a7 7 0 0 0 12 5" />
+      <Path d="M15 9.34V5a3 3 0 0 0-5.68-1.33" />
+      <Path d="M9 9v3a3 3 0 0 0 5.12 2.12" />
+      <Line x1="12" y1="19" x2="12" y2="22" />
+      {/* Muted waves */}
+      <Path d="M20 7v4" opacity="0.2" strokeDasharray="2,2" />
+      <Path d="M4 7v4" opacity="0.2" strokeDasharray="2,2" />
+    </Svg>
+  );
+};
+
+export default MicIcon;