@christianriedl/utils 1.0.97 → 1.0.99

package/dist/iOpenAI.d.ts

@@ -1,6 +1,6 @@
 import { InjectionKey } from 'vue';
 import { ISpeechService } from './iAudio';
-export declare const getOpenAISymbol: InjectionKey<IOpenAIService>;
+export declare const getOpenAISymbol: InjectionKey<() => IOpenAIService>;
 export interface ICompleteData {
     choices: string[];
 }

package/dist/iOpenAI.js.map

@@ -1 +1 @@
-{"version":3,"file":"iOpenAI.js","sourceRoot":"","sources":["../src/iOpenAI.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,eAAe,GAAiC,MAAM,CAAC,YAAY,CAAC,CAAC"}
+{"version":3,"file":"iOpenAI.js","sourceRoot":"","sources":["../src/iOpenAI.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,eAAe,GAAuC,MAAM,CAAC,YAAY,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@christianriedl/utils",
-  "version": "1.0.97",
+  "version": "1.0.99",
   "description": "Interfaces, local storage, service worker, configuration, application state",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/components/TextToSpeech.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-    import { ref, watch, inject, toRef, onMounted } from 'vue'
-    import { Audio, SpeechInterfaceParams, appConfigSymbol, IPause } from '@christianriedl/utils';
+    import { ref, watch, inject, toRef, onMounted, reactive } from 'vue'
+    import { Audio, SpeechSynthesisParams, appConfigSymbol, IPause } from '@christianriedl/utils';
 
     const props = defineProps<{ text: string, language?: string, autostart?: boolean }>();
 
@@ -12,7 +12,7 @@
     const paused = ref(false);
     const ended = ref(true);
     let pause: IPause;
-    const params: SpeechInterfaceParams = {
+    const params = reactive<SpeechSynthesisParams>({
         voiceName: appConfig.localStorage.getItemString("ttsVoice", ""),
         pitch: appConfig.localStorage.getItemNumber("ttsPitch", 10) / 10,
         rate: appConfig.localStorage.getItemNumber("ttsRate", 10) / 10,
@@ -23,7 +23,7 @@
             paused.value = pause.paused;
             ended.value = !pause.running;
         }
-    }
+    });
 
     async function onPlay() {
         if (pause && pause.paused) {
@@ -46,14 +46,14 @@
             pause.stop();
     }
     function onVoiceChange() {
-        appConfig.localStorage.setItem("ttsVoice", voiceName.value);
-        voice.value = voices.value.find((v) => v.name == voiceName.value)!;
+        appConfig.localStorage.setItem("ttsVoice", params.voiceName!);
+        voice.value = voices.value.find((v) => v.name == params.voiceName)!;
     }
     function onPitchChange() {
-        appConfig.localStorage.setItem("ttsPitch", Math.floor (pitch.value * 10));
+        appConfig.localStorage.setItem("ttsPitch", Math.floor (params.pitch! * 10));
     }
     function onRateChange() {
-        appConfig.localStorage.setItem("ttsRate", Math.floor(rate.value * 10));
+        appConfig.localStorage.setItem("ttsRate", Math.floor(params.rate! * 10));
     }
     async function onSettings() {
         configure.value = !configure.value;
@@ -85,7 +85,7 @@
   </v-row>
   <v-row v-if="configure" dense>
     <v-col cols="12">
-      <v-select density="compact" v-model="voiceName"
+      <v-select density="compact" v-model="params.voiceName"
                 item-title="name" 
                 :items="voices"
                 persistent-hint
@@ -96,11 +96,11 @@
   </v-row>
   <v-row v-if="configure" dense>
     <v-col cols="6">
-      <v-slider v-model="pitch" label="Pitch" density="compact" min="0.5" max="2" step="0.1"
+      <v-slider v-model="params.pitch" label="Pitch" density="compact" min="0.5" max="2" step="0.1"
                 @update:modelValue="onPitchChange"></v-slider>
     </v-col>
     <v-col cols="6">
-      <v-slider v-model="rate" label="Rate" density="compact" min="0.5" max="2" step="0.1"
+      <v-slider v-model="params.rate" label="Rate" density="compact" min="0.5" max="2" step="0.1"
                 @update:modelValue="onRateChange"></v-slider>
     </v-col>
   </v-row>