- {#each $curConversation.messages as message}
-
-
- scrollToBottom()}
- source={message.content}
- renderers={{
- code: codeblock,
- codespan: codespan,
- }}
- />
-
- {/each}
+
+ {#each $curConversation.messages as message}
+
+
+ scrollToBottom()}
+ source={message.content}
+ renderers={{
+ code: codeblock,
+ codespan: codespan
+ }}
+ />
+
+ {/each}
{/if}
-
diff --git a/src/lib/components/chatPicker.svelte b/src/lib/components/chatPicker.svelte
index c37b046..ceabde0 100644
--- a/src/lib/components/chatPicker.svelte
+++ b/src/lib/components/chatPicker.svelte
@@ -4,116 +4,110 @@
FileExportOutline,
FileImportOutline,
PlusOutline,
- TrashBinOutline,
- } from "flowbite-svelte-icons";
- import { onMount } from "svelte";
- import { writable } from "svelte/store";
- import {newChat} from "$lib/helper";
+ TrashBinOutline
+ } from 'flowbite-svelte-icons'
+ import { onMount } from 'svelte'
+ import { writable } from 'svelte/store'
+ import { newChat } from '$lib/helper'
- export let curConversationId = writable(null);
- export let conversations = writable([]);
+ export let curConversationId = writable(null)
+ export let conversations = writable([])
- let editingConversationIndex = -1;
- let tempConversationName = "";
- let conversationSearch = "";
- let chatUuid: string;
- let fileInput;
+ let editingConversationIndex = -1
+ let tempConversationName = ''
+ let conversationSearch = ''
+ let chatUuid: string
+ let fileInput
- let localStorage: Storage;
+ let localStorage: Storage
onMount(async () => {
// required to access localStorage after mount
- localStorage = window.localStorage;
- getLocalConversations();
- });
+ localStorage = window.localStorage
+ getLocalConversations()
+ })
function getLocalConversations() {
if (localStorage) {
- const storedConversations = JSON.parse(
- localStorage.getItem("conversations"),
- );
+ const storedConversations = JSON.parse(localStorage.getItem('conversations'))
if (storedConversations?.length > 0) {
- conversations.set(storedConversations);
+ conversations.set(storedConversations)
}
}
}
function persistConversations(value: any[]) {
if (localStorage) {
- localStorage.setItem("conversations", JSON.stringify(value));
+ localStorage.setItem('conversations', JSON.stringify(value))
}
}
- conversations.subscribe(persistConversations);
+ conversations.subscribe(persistConversations)
function startEditingConversationName(index) {
- editingConversationIndex = index;
- tempConversationName = $conversations.filter((p) => p.id === index)[0]
- .name;
+ editingConversationIndex = index
+ tempConversationName = $conversations.filter((p) => p.id === index)[0].name
}
function handleConversationKeyDown(event) {
- if (event.key === "Enter") {
- editConversationName(tempConversationName);
+ if (event.key === 'Enter') {
+ editConversationName(tempConversationName)
}
}
function editConversationName(newName) {
conversations.update((conversations) => {
- $conversations.filter(
- (p) => p.id === editingConversationIndex,
- )[0].name = newName;
- return conversations;
- });
- editingConversationIndex = -1;
+ $conversations.filter((p) => p.id === editingConversationIndex)[0].name = newName
+ return conversations
+ })
+ editingConversationIndex = -1
}
function editConversation(conversationId: number) {
if (editingConversationIndex === conversationId) {
- editConversationName(tempConversationName);
+ editConversationName(tempConversationName)
} else {
- startEditingConversationName(conversationId);
+ startEditingConversationName(conversationId)
}
}
function removeConversation(id: string) {
- conversations.update((n) => n.filter((c) => c.id !== id));
- let isCurrentConversationDeleted =
- $conversations.length > 0 && id == $curConversationId;
+ conversations.update((n) => n.filter((c) => c.id !== id))
+ let isCurrentConversationDeleted = $conversations.length > 0 && id == $curConversationId
if (isCurrentConversationDeleted) {
- switchToLastConversation();
+ switchToLastConversation()
}
}
function switchToLastConversation() {
- $curConversationId = $conversations[$conversations.length - 1].id;
+ $curConversationId = $conversations[$conversations.length - 1].id
}
async function importData(event) {
- const file = event.target.files[0];
+ const file = event.target.files[0]
if (file) {
try {
- const fileText = await file.text();
+ const fileText = await file.text()
- conversations.set(JSON.parse(fileText));
+ conversations.set(JSON.parse(fileText))
// Clear the file input for potential future use
- event.target.value = "";
+ event.target.value = ''
} catch (error) {
- console.error("Error reading or parsing JSON:", error);
+ console.error('Error reading or parsing JSON:', error)
}
}
}
function exportData() {
- const conversationJson = JSON.stringify($conversations, null, 2);
- const blob = new Blob([conversationJson], { type: "application/json" });
- const a = document.createElement("a");
+ const conversationJson = JSON.stringify($conversations, null, 2)
+ const blob = new Blob([conversationJson], { type: 'application/json' })
+ const a = document.createElement('a')
- a.href = URL.createObjectURL(blob);
- a.download = "leapfrogai_history_" + Date.now();
- a.click();
+ a.href = URL.createObjectURL(blob)
+ a.download = 'leapfrogai_history_' + Date.now()
+ a.click()
- URL.revokeObjectURL(a.href);
+ URL.revokeObjectURL(a.href)
}
@@ -122,22 +116,15 @@
New chat
-
+
{#if $conversations.length > 0}