blob: bd681f6fe1c74d96343de6bde3e4ead73f07c392 (
plain) (
blame)
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
|
<script lang="ts">
export const isImage = (url: string) =>
url?.match(/^.*\.(jpg|jpeg|png|webp|gif|avif|svg)/gi);
export const isVideo = (url: string) =>
url?.match(/^.*\.(mov|mkv|mp4|avi|m4v|webm)/gi);
export const isAudio = (url: string) => url?.match(/^.*\.(ogg|mp3|wav)/gi);
// eslint-disable-next-line @typescript-eslint/no-explicit-any
let { value, minimal } = $props();
</script>
{#if !!isImage(value.url)}
<img src={value.url} alt={""} class="py-4" />
{:else if isVideo(value.url)}
<!-- svelte-ignore a11y-media-has-caption -->
<video src={value.url} controls class="py-4" />
{:else if isAudio(value.url)}
<audio src={value.url} controls>
<a href={value.url}>{value.url.replace(/https?:\/\/(www\.)?/, "")}</a>
</audio>
{:else}
<a href={value.url} class="underline">
{value.url.substr(0, 24)}{value.url.length > 24 ? "..." : ""}
</a>
{/if}
|
