PEE/src/Components/TextEmbeddings.svelte
2022-06-12 07:28:15 +02:00

34 lines
703 B
Svelte

<script lang="ts">
import type { EmbeddedFile } from "../main";
import sanLink from "linkify-string";
export let files: EmbeddedFile[];
let contents = files.map((e) => (e.data as Buffer).toString());
const san = (s: string) =>
sanLink(s)
.split("\n")
.map((m) =>
m.trim().startsWith('&gt;')
? `<span style="color: #b5bd68">${m.trim()}</span>`
: m.trim())
.join("\n");
</script>
{#each contents as content}
<div class="additionnal">
{@html san(content)}
</div>
{/each}
<style scoped>
.additionnal {
border-top: 2px dashed;
clear: both;
margin-top: 10px;
padding-top: 10px;
white-space: pre-wrap;
}
</style>