mirror of
https://github.com/kunkunsh/kunkun-ext-speech-to-text.git
synced 2025-04-03 17:56:43 +00:00
51fcb8285e
- Added project configuration files (tsconfig, eslint, vite, etc.) - Implemented Svelte5 frontend with routing - Created Deno backend for audio transcription using OpenAI Whisper - Added preferences page for API key configuration - Configured Tailwind CSS and theming - Implemented file selection and transcription functionality
41 lines
969 B
Svelte
41 lines
969 B
Svelte
<script>
|
|
import { Alert, Button, ThemeWrapper, Input, Label } from '@kksh/svelte5';
|
|
import { ui, kv, toast } from '@kksh/api/ui/iframe';
|
|
import { onMount } from 'svelte';
|
|
let apiKey = $state('');
|
|
|
|
onMount(() => {
|
|
kv.get('OPENAI_API_KEY').then((key) => {
|
|
console.log('key', key);
|
|
|
|
if (!key) {
|
|
return toast.warning('Please enter your OpenAI API key');
|
|
}
|
|
apiKey = key;
|
|
});
|
|
});
|
|
|
|
function save() {
|
|
return kv
|
|
.set('OPENAI_API_KEY', apiKey)
|
|
.then(() => {
|
|
toast.success('API Key saved');
|
|
})
|
|
.catch((err) => {
|
|
toast.error('Failed to save API Key', { description: err.message });
|
|
});
|
|
}
|
|
</script>
|
|
|
|
<main class="container">
|
|
<h1 class="text-2xl font-bold">Preferences</h1>
|
|
<small class="block ">
|
|
OpenAI's whisper model is used to transcribe audio files.
|
|
</small>
|
|
<Label>OpenAI API Key</Label>
|
|
<form class="flex gap-1" onsubmit={save}>
|
|
<Input bind:value={apiKey} />
|
|
<Button type="submit">Save</Button>
|
|
</form>
|
|
</main>
|