File size: 1,539 Bytes
fc15a4c 0bfcf81 5da61b4 0bfcf81 5da61b4 fc15a4c 0bfcf81 9405a81 fc15a4c 9405a81 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 |
<script lang="ts">
import { goto } from "$app/navigation";
import { base } from "$app/paths";
import { page } from "$app/stores";
import ChatWindow from "$lib/components/chat/ChatWindow.svelte";
import { pendingMessage } from "$lib/stores/pendingMessage";
import type { PageData } from "./$types";
export let data: PageData;
let loading = false;
async function createConversation(message: string) {
try {
loading = true;
const res = await fetch(`${base}/conversation`, {
method: "POST",
headers: {
"Content-Type": "application/json",
},
body: JSON.stringify({
fromShare: $page.params.id,
}),
});
if (!res.ok) {
alert("Error while creating conversation: " + (await res.text()));
return;
}
const { conversationId } = await res.json();
// Ugly hack to use a store as temp storage, feel free to improve ^^
pendingMessage.set(message);
// invalidateAll to update list of conversations
await goto(`${base}/conversation/${conversationId}`, { invalidateAll: true });
} finally {
loading = false;
}
}
async function shareConversation() {
const url = `${window.location.origin}${window.location.pathname}`;
if (navigator.share) {
navigator.share({
title: data.title,
text: "Share this chat with others",
url,
});
} else {
prompt("Share this link with your friends:", url);
}
}
</script>
<ChatWindow
on:message={(ev) => createConversation(ev.detail)}
on:share={shareConversation}
messages={data.messages}
{loading}
/>
|