48 lines
1.0 KiB
Svelte
48 lines
1.0 KiB
Svelte
<script lang="ts">
|
|
import { onMount } from "svelte";
|
|
import getComponentForShare from "./contentType";
|
|
const slug = window.location.pathname.split("/").pop();
|
|
|
|
let component = null;
|
|
let contentType: string;
|
|
let filename: string;
|
|
|
|
onMount(async () => {
|
|
const regex = /filename="(.*)"/gm;
|
|
const res = await fetch(`/s/${slug}`,{method:"HEAD"});
|
|
|
|
contentType = res.headers.get("Content-Type");
|
|
|
|
let m;
|
|
while ((m = regex.exec(res.headers.get("Content-Disposition"))) !== null) {
|
|
// This is necessary to avoid infinite loops with zero-width matches
|
|
if (m.index === regex.lastIndex) {
|
|
regex.lastIndex++;
|
|
}
|
|
filename = m[1];
|
|
}
|
|
|
|
document.title = filename;
|
|
|
|
component = getComponentForShare(contentType,filename);
|
|
});
|
|
</script>
|
|
|
|
<main>
|
|
<div>{slug}</div>
|
|
<div>
|
|
{#if component === null}
|
|
Loading data...
|
|
{:else}
|
|
{#await component}
|
|
Loading data...
|
|
{:then v }
|
|
<svelte:component this={v.default} slug={slug} contentType={contentType} filename={filename} />
|
|
{/await}
|
|
{/if}
|
|
</div>
|
|
</main>
|
|
|
|
<style>
|
|
</style>
|