parse.js « lib « src - coinos-ui.git - coinos ui — legacy coinos.io web app (SvelteKit)

coinos ui — legacy coinos.io web app (SvelteKit)

coinos

about summary refs log tree commit diff stats

blob: e69de29bb2d1d6434b8b29ae775ad8c2e48c5391 (plain) (blame)

r: #06B; font-weight: bold } /* Name.Function.Magic */ .highlight .vc { color: #369 } /* Name.Variable.Class */ .highlight .vg { color: #D70 } /* Name.Variable.Global */ .highlight .vi { color: #33B } /* Name.Variable.Instance */ .highlight .vm { color: #369 } /* Name.Variable.Magic */ .highlight .il { color: #00D; font-weight: bold } /* Literal.Number.Integer.Long */

<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}