@christianriedl/utils 1.0.91 → 1.0.92

package/dist/index.d.ts

@@ -12,4 +12,6 @@ export * from './appConfig';
 export * from './statistics';
 export * from './marshalBE';
 export * from './marshalLE';
+export * from './useSpeechRecognition';
+export * from './useSpeechSynthesis';
 export { InjectionKey, Ref, ref, reactive, toRaw, isRef, watchEffect } from 'vue';

package/dist/index.js

@@ -12,5 +12,7 @@ export * from './appConfig';
 export * from './statistics';
 export * from './marshalBE';
 export * from './marshalLE';
+export * from './useSpeechRecognition';
+export * from './useSpeechSynthesis';
 export { ref, reactive, toRaw, isRef, watchEffect } from 'vue';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAqB,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,KAAK,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAqB,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,KAAK,CAAC"}

package/dist/useSpeechRecognition.d.ts

@@ -0,0 +1,104 @@
+import { Ref } from 'vue';
+export type SpeechRecognitionErrorCode = 'aborted' | 'audio-capture' | 'bad-grammar' | 'language-not-supported' | 'network' | 'no-speech' | 'not-allowed' | 'service-not-allowed';
+interface SpeechGrammar {
+    src: string;
+    weight: number;
+}
+interface SpeechGrammarList {
+    readonly length: number;
+    addFromString: (string: string, weight?: number) => void;
+    addFromURI: (src: string, weight?: number) => void;
+    item: (index: number) => SpeechGrammar;
+    [index: number]: SpeechGrammar;
+}
+export interface SpeechRecognitionErrorEvent extends Event {
+    readonly error: SpeechRecognitionErrorCode;
+    readonly message: string;
+}
+interface SpeechRecognitionEvent extends Event {
+    readonly resultIndex: number;
+    readonly results: SpeechRecognitionResultList;
+}
+interface SpeechRecognitionEventMap {
+    audioend: Event;
+    audiostart: Event;
+    end: Event;
+    error: SpeechRecognitionErrorEvent;
+    nomatch: SpeechRecognitionEvent;
+    result: SpeechRecognitionEvent;
+    soundend: Event;
+    soundstart: Event;
+    speechend: Event;
+    speechstart: Event;
+    start: Event;
+}
+export interface SpeechRecognition extends EventTarget {
+    continuous: boolean;
+    grammars: SpeechGrammarList;
+    interimResults: boolean;
+    lang: string;
+    maxAlternatives: number;
+    onaudioend: ((this: SpeechRecognition, ev: Event) => any) | null;
+    onaudiostart: ((this: SpeechRecognition, ev: Event) => any) | null;
+    onend: ((this: SpeechRecognition, ev: Event) => any) | null;
+    onerror: ((this: SpeechRecognition, ev: SpeechRecognitionErrorEvent) => any) | null;
+    onnomatch: ((this: SpeechRecognition, ev: SpeechRecognitionEvent) => any) | null;
+    onresult: ((this: SpeechRecognition, ev: SpeechRecognitionEvent) => any) | null;
+    onsoundend: ((this: SpeechRecognition, ev: Event) => any) | null;
+    onsoundstart: ((this: SpeechRecognition, ev: Event) => any) | null;
+    onspeechend: ((this: SpeechRecognition, ev: Event) => any) | null;
+    onspeechstart: ((this: SpeechRecognition, ev: Event) => any) | null;
+    onstart: ((this: SpeechRecognition, ev: Event) => any) | null;
+    abort: () => void;
+    start: () => void;
+    stop: () => void;
+    addEventListener: (<K extends keyof SpeechRecognitionEventMap>(type: K, listener: (this: SpeechRecognition, ev: SpeechRecognitionEventMap[K]) => any, options?: boolean | AddEventListenerOptions) => void) & ((type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions) => void);
+    removeEventListener: (<K extends keyof SpeechRecognitionEventMap>(type: K, listener: (this: SpeechRecognition, ev: SpeechRecognitionEventMap[K]) => any, options?: boolean | EventListenerOptions) => void) & ((type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions) => void);
+}
+export interface UseSpeechRecognitionOptions {
+    /**
+     * Controls whether continuous results are returned for each recognition, or only a single result.
+     *
+     * @default true
+     */
+    continuous?: boolean;
+    /**
+     * Controls whether interim results should be returned (true) or not (false.) Interim results are results that are not yet final
+     *
+     * @default true
+     */
+    interimResults?: boolean;
+    /**
+     * Language for SpeechRecognition
+     *
+     * @default 'en-US'
+     */
+    lang?: Ref<string>;
+    /**
+     * A number representing the maximum returned alternatives for each result.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/API/SpeechRecognition/maxAlternatives
+     * @default 1
+     */
+    maxAlternatives?: number;
+}
+/**
+ * Reactive SpeechRecognition.
+ *
+ * @see https://vueuse.org/useSpeechRecognition
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/SpeechRecognition SpeechRecognition
+ * @param options
+ */
+export declare function useSpeechRecognition(options?: UseSpeechRecognitionOptions): {
+    isSupported: boolean;
+    isListening: Ref<boolean>;
+    isFinal: Ref<boolean>;
+    recognition: SpeechRecognition;
+    result: Ref<string>;
+    error: Ref<SpeechRecognitionErrorEvent>;
+    toggle: (value?: boolean) => void;
+    start: () => void;
+    stop: () => void;
+};
+export type UseSpeechRecognitionReturn = ReturnType<typeof useSpeechRecognition>;
+export {};

package/dist/useSpeechRecognition.js

@@ -0,0 +1,79 @@
+import { toRef, toValue, ref, shallowRef, watch } from 'vue';
+/**
+ * Reactive SpeechRecognition.
+ *
+ * @see https://vueuse.org/useSpeechRecognition
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/SpeechRecognition SpeechRecognition
+ * @param options
+ */
+export function useSpeechRecognition(options = {}) {
+    const { interimResults = true, continuous = true, maxAlternatives = 1 } = options;
+    const lang = toRef(options.lang || 'en-US');
+    const isListening = ref(false);
+    const isFinal = ref(false);
+    const result = ref('');
+    const error = shallowRef(undefined);
+    const toggle = (value = !isListening.value) => {
+        isListening.value = value;
+    };
+    const start = () => {
+        isListening.value = true;
+    };
+    const stop = () => {
+        isListening.value = false;
+    };
+    const SpeechRecognition = window && (window.SpeechRecognition || window.webkitSpeechRecognition);
+    const isSupported = !!SpeechRecognition;
+    let recognition;
+    if (isSupported) {
+        recognition = new SpeechRecognition();
+        recognition.continuous = continuous;
+        recognition.interimResults = interimResults;
+        recognition.lang = toValue(lang);
+        recognition.maxAlternatives = maxAlternatives;
+        recognition.onstart = () => {
+            isFinal.value = false;
+        };
+        watch(lang, (lang) => {
+            if (recognition && !isListening.value)
+                recognition.lang = lang;
+        });
+        recognition.onresult = (event) => {
+            const currentResult = event.results[event.resultIndex];
+            const { transcript } = currentResult[0];
+            isFinal.value = currentResult.isFinal;
+            result.value = transcript;
+            error.value = undefined;
+        };
+        recognition.onerror = (event) => {
+            error.value = event;
+        };
+        recognition.onend = () => {
+            isListening.value = false;
+            recognition.lang = toValue(lang);
+        };
+        watch(isListening, () => {
+            if (isListening.value)
+                recognition.start();
+            else
+                recognition.stop();
+        });
+    }
+    /*
+   tryOnScopeDispose(() => {
+     isListening.value = false
+   })
+   */
+    return {
+        isSupported,
+        isListening,
+        isFinal,
+        recognition,
+        result,
+        error,
+        toggle,
+        start,
+        stop,
+    };
+}
+//# sourceMappingURL=useSpeechRecognition.js.map

package/dist/useSpeechRecognition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSpeechRecognition.js","sourceRoot":"","sources":["../src/useSpeechRecognition.ts"],"names":[],"mappings":"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"}

package/dist/useSpeechSynthesis.d.ts

@@ -0,0 +1,49 @@
+import { Ref } from 'vue';
+export type UseSpeechSynthesisStatus = 'init' | 'play' | 'pause' | 'end';
+export interface UseSpeechSynthesisOptions {
+    /**
+     * Language for SpeechSynthesis
+     *
+     * @default 'en-US'
+     */
+    lang?: Ref<string>;
+    /**
+     * Gets and sets the pitch at which the utterance will be spoken at.
+     *
+     * @default 1
+     */
+    pitch?: Ref<SpeechSynthesisUtterance['pitch']>;
+    /**
+     * Gets and sets the speed at which the utterance will be spoken at.
+     *
+     * @default 1
+     */
+    rate?: Ref<SpeechSynthesisUtterance['rate']>;
+    /**
+     * Gets and sets the voice that will be used to speak the utterance.
+     */
+    voice?: Ref<SpeechSynthesisVoice>;
+    /**
+     * Gets and sets the volume that the utterance will be spoken at.
+     *
+     * @default 1
+     */
+    volume?: SpeechSynthesisUtterance['volume'];
+}
+/**
+ * Reactive SpeechSynthesis.
+ *
+ * @see https://vueuse.org/useSpeechSynthesis
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/SpeechSynthesis SpeechSynthesis
+ */
+export declare function useSpeechSynthesis(text: Ref<string>, options?: UseSpeechSynthesisOptions): {
+    isSupported: boolean;
+    isPlaying: Ref<boolean>;
+    status: Ref<UseSpeechSynthesisStatus>;
+    utterance: import("vue").ComputedRef<SpeechSynthesisUtterance>;
+    error: Ref<SpeechSynthesisErrorEvent>;
+    stop: () => void;
+    toggle: (value?: boolean) => void;
+    speak: () => void;
+};
+export type UseSpeechSynthesisReturn = ReturnType<typeof useSpeechSynthesis>;

package/dist/useSpeechSynthesis.js

@@ -0,0 +1,96 @@
+import { computed, ref, shallowRef, watch, toRef, toValue } from 'vue';
+/**
+ * Reactive SpeechSynthesis.
+ *
+ * @see https://vueuse.org/useSpeechSynthesis
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/SpeechSynthesis SpeechSynthesis
+ */
+export function useSpeechSynthesis(text, options = {}) {
+    const { pitch = 1, rate = 1, volume = 1 } = options;
+    const synth = window && window.speechSynthesis;
+    const isSupported = !!synth;
+    const isPlaying = ref(false);
+    const status = ref('init');
+    const spokenText = toRef(text || '');
+    const lang = toRef(options.lang || 'en-US');
+    const error = shallowRef(undefined);
+    const toggle = (value = !isPlaying.value) => {
+        isPlaying.value = value;
+    };
+    const bindEventsForUtterance = (utterance) => {
+        utterance.lang = toValue(lang);
+        utterance.voice = toValue(options.voice) || null;
+        utterance.pitch = toValue(pitch);
+        utterance.rate = toValue(rate);
+        utterance.volume = volume;
+        utterance.onstart = () => {
+            isPlaying.value = true;
+            status.value = 'play';
+        };
+        utterance.onpause = () => {
+            isPlaying.value = false;
+            status.value = 'pause';
+        };
+        utterance.onresume = () => {
+            isPlaying.value = true;
+            status.value = 'play';
+        };
+        utterance.onend = () => {
+            isPlaying.value = false;
+            status.value = 'end';
+        };
+        utterance.onerror = (event) => {
+            error.value = event;
+        };
+    };
+    const utterance = computed(() => {
+        isPlaying.value = false;
+        status.value = 'init';
+        const newUtterance = new SpeechSynthesisUtterance(spokenText.value);
+        bindEventsForUtterance(newUtterance);
+        return newUtterance;
+    });
+    const speak = () => {
+        synth.cancel();
+        if (utterance)
+            synth.speak(utterance.value);
+    };
+    const stop = () => {
+        synth.cancel();
+        isPlaying.value = false;
+    };
+    if (isSupported) {
+        bindEventsForUtterance(utterance.value);
+        watch(lang, (lang) => {
+            if (utterance.value && !isPlaying.value)
+                utterance.value.lang = lang;
+        });
+        if (options.voice) {
+            watch(options.voice, () => {
+                synth.cancel();
+            });
+        }
+        watch(isPlaying, () => {
+            if (isPlaying.value)
+                synth.resume();
+            else
+                synth.pause();
+        });
+    }
+    /*
+      tryOnScopeDispose(() => {
+        isPlaying.value = false
+      })
+    */
+    return {
+        isSupported,
+        isPlaying,
+        status,
+        utterance,
+        error,
+        stop,
+        toggle,
+        speak,
+    };
+}
+//# sourceMappingURL=useSpeechSynthesis.js.map

package/dist/useSpeechSynthesis.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSpeechSynthesis.js","sourceRoot":"","sources":["../src/useSpeechSynthesis.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@christianriedl/utils",
-  "version": "1.0.91",
+  "version": "1.0.92",
   "description": "Interfaces, local storage, service worker, configuration, application state",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -16,7 +16,7 @@
   "author": "Christian Riedl",
   "license": "ISC",
   "dependencies": {
-    "vue": "^3.2.47"
+    "vue": "^3.4.38"
   },
   "devDependencies": {
     "@types/node": "^18.11.18",

package/src/components/Microphone.vue

@@ -0,0 +1,45 @@
+<script setup lang="ts">
+    import { ref, watch } from 'vue'
+    import { useSpeechRecognition } from '@christianriedl/utils';
+
+    const props = defineProps<{ lang?: string, maxAlternatives?: number, size?: string, cls?: string, variant?: string }>();
+    const emits = defineEmits<{
+        (e: 'result', result: string): void,
+        (e: 'listening', isListening: boolean): void,
+        (e: 'final', visFinal: boolean): void
+    }>();
+
+    const sz = props.size ? props.size : "large";
+    const cls = props.cls ? props.cls : "bg-office";
+    const vari = props.variant ? props.variant : "tonal";
+    const lang = ref('de-AT');
+    const maxAlternatives = ref(1);
+
+    if (props.lang)
+        lang.value = props.lang;
+    if (props.maxAlternatives)
+        maxAlternatives.value = props.maxAlternatives;
+
+    const speech = useSpeechRecognition({
+      lang,
+      maxAlternatives,
+      continuous: false,
+    })
+
+    const sampled = ref<string[]>([])
+
+    function onStart() {
+      speech.result.value = ''
+      speech.start()
+    }
+
+    const { isListening, isFinal, stop, result } = speech
+    watch(isListening, isListening => emits("listening", isListening.value));
+    watch(isFinal, isFinal => emits("final", isFinal.value));
+    watch(result, result => emits("result", result.value));
+</script>
+
+<template>
+    <v-btn :size="sz" :class="cls" :variant="vari" icon="$microphone" :color="isListening ? 'red' : 'white'", @click="onStart"></v-btn>
+</template>
+