File size: 1,234 Bytes
0ad74ed |
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 |
<script lang="ts">
import { onDestroy } from "svelte";
import { Copy, Check } from "@gradio/icons";
import type { NormalisedMessage } from "../types";
import { IconButton } from "@gradio/atoms";
let copied = false;
export let value: NormalisedMessage[] | null;
let timer: NodeJS.Timeout;
function copy_feedback(): void {
copied = true;
if (timer) clearTimeout(timer);
timer = setTimeout(() => {
copied = false;
}, 1000);
}
const copy_conversation = (): void => {
if (value) {
const conversation_value = value
.map((message) => {
if (message.type === "text") {
return `${message.role}: ${message.content}`;
}
return `${message.role}: ${message.content.value.url}`;
})
.join("\n\n");
navigator.clipboard.writeText(conversation_value).catch((err) => {
console.error("Failed to copy conversation: ", err);
});
}
};
async function handle_copy(): Promise<void> {
if ("clipboard" in navigator) {
copy_conversation();
copy_feedback();
}
}
onDestroy(() => {
if (timer) clearTimeout(timer);
});
</script>
<IconButton
Icon={copied ? Check : Copy}
on:click={handle_copy}
label={copied ? "Copied conversation" : "Copy conversation"}
></IconButton>
|