@christianriedl/utils 1.0.96 → 1.0.97

package/dist/iOpenAI.d.ts

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

package/dist/iOpenAI.js

@@ -1,2 +1,2 @@
-export const openAISymbol = Symbol('openai');
+export const getOpenAISymbol = Symbol('get-openai');
 //# sourceMappingURL=iOpenAI.js.map

package/dist/iOpenAI.js.map

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

package/package.json

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

package/src/components/OpenAI.vue

@@ -0,0 +1,48 @@
+<script setup lang="ts">
+    import { inject, ref, toRef, computed } from 'vue';
+    import { appStateSymbol, appConfigSymbol, getOpenAISymbol, IOpenAIService, ICompleteData, ESize } from '@christianriedl/utils';
+    import Microphone from '@christianriedl/utils/src/components/Microphone.vue';
+
+    const props = defineProps<{ prompt: string }>();
+
+    const getOpenAI = inject(getOpenAISymbol)!;
+    const openAI = getOpenAI();
+    const appState = inject(appStateSymbol)!;
+    const appConfig = inject(appConfigSymbol)!;
+    const question = toRef(props, "prompt");
+    const replyLines = ref<string[]>([]);
+    const qcols = computed(() => appState.size.value >= ESize.md ? 11 : 10); 
+
+    async function onComplete() {
+        replyLines.value = [ "WAITING ..." ];
+        const answer = await openAI.complete(question.value);
+        if (answer && answer.choices && answer.choices.length > 0) {
+            replyLines.value = answer.choices[0].split('\n');
+        }
+        else {
+            replyLines.value = [ "NO CORRECT ANSWER" ];
+        }
+    }
+    function onResult(result: SpeechRecognitionResult) {
+        question.value = result.item(0).transcript;
+    }
+
+</script>
+
+<template>
+    <v-container fluid class="bg-office">
+        <v-row dense align="center" class="font-weight-bold">
+            <v-col :cols="qcols">
+                <v-text-field name="subject" type="text" v-model="question" density="compact" hide-details></v-text-field>
+            </v-col>
+            <v-col :cols="12 - qcols">
+                <v-btn @click="onComplete">AI</v-btn>
+                <microphone lang="de" @result="onResult"></microphone>
+            </v-col>
+        </v-row>
+        <v-row v-for="(line, index) in replyLines" :key=index dense align="center">
+            <v-col cols="12">{{line}}</v-col>
+        </v-row>
+    </v-container>
+</template>
+