MadHouse-Labs/file-uploader
2
0
Fork 0
Code Issues Pull requests Packages Activity Actions

file ext shenanigans

Browse source
This commit is contained in:
cirroskais 2024-07-06 02:32:07 -04:00
parent 573e44053f
commit 59d4eee831
No known key found for this signature in database
GPG key ID: 5FC73EBF2678E33D
3 changed files with 17 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
package.json
View file

@ -30,6 +30,7 @@
"@prisma/client": "5.11.0",
"argon2": "^0.40.1",
"lucide-svelte": "^0.358.0",
"mime": "^4.0.4",
"minio": "^7.1.3",
"svelte-sonner": "^0.3.19",
"validator": "^13.11.0"

19
src/routes/file/[id]/+page.svelte
View file

@ -1,9 +1,12 @@
<script>
import { page } from '$app/stores';
import { bytesToHumanReadable } from '$lib';
import mime from 'mime';
import Link from '$lib/components/Inputs/Link.svelte';
export let data;
const ext = `.${mime.getExtension(data.file.type)}`;
</script>
<svelte:head>
@ -15,12 +18,12 @@
<meta name="theme-color" content={data.settings.color} />
{#if data.file.type.includes('video')}
<meta property="og:type" content="video.other" />
<meta property="og:video:url" content="{$page.url.origin}/download/{data.file.id}" />
<meta property="og:video:url" content="{$page.url.origin}/download/{data.file.id}{ext}" />
{:else if data.file.type.includes('image')}
<meta property="og:image" content="{$page.url.origin}/download/{data.file.id}" />
{/if}
{#if data.settings.large}
<meta property="twitter:card" content="summary_large_image" />
{#if data.settings.large}
<meta property="twitter:card" content="summary_large_image" />
{/if}
<meta property="og:image" content="{$page.url.origin}/download/{data.file.id}{ext}" />
{/if}
</svelte:head>
@ -37,12 +40,12 @@
<div class="p-2.5 rounded-lg shadow-lg bg-crust h-[50vh]">
{#if data.file.type.includes('video')}
<!-- svelte-ignore a11y-media-has-caption -->
<video class="h-full" src="/download/{data.file.id}" controls></video>
<video class="h-full" src="/download/{data.file.id}{ext}" controls></video>
{:else if data.file.type.includes('image')}
<img class="h-full" src="/download/{data.file.id}" alt={data.file.id} />
<img class="h-full" src="/download/{data.file.id}{ext}" alt={data.file.id} />
{/if}
</div>
<Link style="button" href="/download/{data.file.id}">
<Link style="button" href="/download/{data.file.id}{ext}">
<p class="w-full font-bold text-center">
Download ({bytesToHumanReadable(data.file.size)})
</p>

5
yarn.lock
View file

@ -1174,6 +1174,11 @@ mime-types@^2.1.35:
dependencies:
mime-db "1.52.0"
mime@^4.0.4:
version "4.0.4"
resolved "https://registry.yarnpkg.com/mime/-/mime-4.0.4.tgz#9f851b0fc3c289d063b20a7a8055b3014b25664b"
integrity sha512-v8yqInVjhXyqP6+Kw4fV3ZzeMRqEW6FotRsKXjRS5VMTNIuXsdRoAvklpoRgSqXm6o9VNH4/C0mgedko9DdLsQ==
minimatch@^9.0.4:
version "9.0.5"
resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-9.0.5.tgz#d74f9dd6b57d83d8e98cfb82133b03978bc929e5"