morgan
/
chatgpt-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Remove linting diff

This commit is contained in:
Niek van der Maas 2023-03-20 15:58:14 +01:00
parent 0571a79886
commit 568c2d16ab
1 changed files with 14 additions and 48 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

62
src/lib/Chat.svelte
View File

@ -1,12 +1,7 @@
<script lang="ts">
// import { fetchEventSource } from "@microsoft/fetch-event-source";
import {
apiKeyStorage,
chatsStorage,
addMessage,
clearMessages
} from './Storage.svelte'
import { apiKeyStorage, chatsStorage, addMessage, clearMessages } from './Storage.svelte'
import {
type Request,
type Response,
@ -183,14 +178,9 @@
// Provide the settings by mapping the settingsMap to key/value pairs
...settingsMap.reduce((acc, setting) => {
const value = (
settings.querySelector(
`#settings-${setting.key}`
) as HTMLInputElement
).value
const value = (settings.querySelector(`#settings-${setting.key}`) as HTMLInputElement).value
if (value) {
acc[setting.key] =
setting.type === 'number' ? parseFloat(value) : value
acc[setting.key] = setting.type === 'number' ? parseFloat(value) : value
}
return acc
}, {})
@ -242,9 +232,7 @@
addMessage(chatId, choice.message)
// Use TTS to read the response, if query was recorded
if (recorded && 'SpeechSynthesisUtterance' in window) {
const utterance = new SpeechSynthesisUtterance(
choice.message.content
)
const utterance = new SpeechSynthesisUtterance(choice.message.content)
window.speechSynthesis.speak(utterance)
}
})
@ -278,9 +266,7 @@
const deleteChat = () => {
if (window.confirm('Are you sure you want to delete this chat?')) {
replace('/').then(() => {
chatsStorage.update((chats) =>
chats.filter((chat) => chat.id !== chatId)
)
chatsStorage.update((chats) => chats.filter((chat) => chat.id !== chatId))
})
}
}
@ -328,9 +314,7 @@
const clearSettings = () => {
settingsMap.forEach((setting) => {
const input = settings.querySelector(
`#settings-${setting.key}`
) as HTMLInputElement
const input = settings.querySelector(`#settings-${setting.key}`) as HTMLInputElement
input.value = ''
})
}
@ -397,9 +381,7 @@
{#if message.role === 'user'}
<article
class="message is-info user-message"
class:has-text-right={message.content
.split('\n')
.filter((line) => line.trim()).length === 1}
class:has-text-right={message.content.split('\n').filter((line) => line.trim()).length === 1}
>
<div class="message-body content">
<a
@ -445,13 +427,9 @@
/>
{#if message.usage}
<p class="is-size-7">
This message was generated using <span class="has-text-weight-bold"
>{message.usage.total_tokens}</span
>
This message was generated using <span class="has-text-weight-bold">{message.usage.total_tokens}</span>
tokens ~=
<span class="has-text-weight-bold"
>${(message.usage.total_tokens * tokenPrice).toFixed(6)}</span
>
<span class="has-text-weight-bold">${(message.usage.total_tokens * tokenPrice).toFixed(6)}</span>
</p>
{/if}
</div>
@ -463,10 +441,7 @@
<progress class="progress is-small is-dark" max="100" />
{/if}
<form
class="field has-addons has-addons-right"
on:submit|preventDefault={() => submitForm()}
>
<form class="field has-addons has-addons-right" on:submit|preventDefault={() => submitForm()}>
<p class="control is-expanded">
<textarea
class="input is-info is-focused chat-input"
@ -488,17 +463,12 @@
/>
</p>
<p class="control" class:is-hidden={!recognition}>
<button
class="button"
class:is-pulse={recording}
on:click|preventDefault={recordToggle}
<button class="button" class:is-pulse={recording} on:click|preventDefault={recordToggle}
><span class="greyscale">🎤</span></button
>
</p>
<p class="control">
<button class="button" on:click|preventDefault={showSettings}
><span class="greyscale">⚙️</span></button
>
<button class="button" on:click|preventDefault={showSettings}><span class="greyscale">⚙️</span></button>
</p>
<p class="control">
<button class="button is-info" type="submit">Send</button>
@ -524,9 +494,7 @@
{#each settingsMap as setting}
<div class="field is-horizontal">
<div class="field-label is-normal">
<label class="label" for="settings-{setting.key}"
>{setting.name}</label
>
<label class="label" for="settings-{setting.key}">{setting.name}</label>
</div>
<div class="field-body">
<div class="field">
@ -557,9 +525,7 @@
</section>
<footer class="modal-card-foot">
<button class="button is-info" on:click={closeSettings}
>Close settings</button
>
<button class="button is-info" on:click={closeSettings}>Close settings</button>
<button class="button" on:click={clearSettings}>Clear settings</button>
</footer>
</div>