pesde-pkg/pesde
1
1
Fork 0
mirror of https://github.com/pesde-pkg/pesde.git synced 2025-04-04 10:50:55 +01:00
Code Issues Projects Releases Packages Wiki Activity

feat(website): add archive download button

Browse source
This commit is contained in:
daimond113 2025-02-14 23:28:15 +01:00
parent a4f2829db2
commit 5ea86e632e
No known key found for this signature in database
GPG key ID: 640DC95EC1190354
2 changed files with 14 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
website/src/lib/registry-api.ts
View file

@ -121,8 +121,10 @@ export async function fetchRegistryJson<T>(
return response.json()
}
export const makeRegistryUrl = (path: string) => new URL(path, PUBLIC_REGISTRY_URL)
export async function fetchRegistry(path: string, fetcher: typeof fetch, options?: RequestInit) {
const response = await fetcher(new URL(path, PUBLIC_REGISTRY_URL), options)
const response = await fetcher(makeRegistryUrl(path), options)
if (!response.ok) {
throw new RegistryHttpError(`Failed to fetch ${response.url}: ${response.statusText}`, response)
}

13
website/src/routes/(app)/packages/[scope]/[name]/[[version]]/[[target]]/+layout.svelte
View file

@ -1,7 +1,7 @@
<script lang="ts">
import { page } from "$app/stores"
import GitHub from "$lib/components/GitHub.svelte"
import type { TargetInfo } from "$lib/registry-api"
import { makeRegistryUrl, type TargetInfo } from "$lib/registry-api"
import { BinaryIcon, Globe, Icon, LibraryIcon, Mail, ScrollIcon } from "lucide-svelte"
import type { ComponentType } from "svelte"
import TargetSelector from "../../TargetSelector.svelte"
@ -48,6 +48,12 @@
const exportEntries = $derived(
Object.entries(exportNames).filter(([key]) => !!currentTarget?.[key as keyof TargetInfo]),
)
const downloadUrl = $derived(
makeRegistryUrl(
`packages/${encodeURIComponent(data.pkg.name)}/${encodeURIComponent(data.pkg.version)}/${encodeURIComponent(currentTarget?.kind ?? defaultTarget)}/archive`,
).toString(),
)
</script>
<div class="flex flex-col lg:flex-row">
@ -58,7 +64,10 @@
class="w-full flex-shrink-0 border-t pt-16 lg:ml-auto lg:max-w-[22rem] lg:border-l lg:border-t-0 lg:pl-4 lg:pt-6"
>
<h2 class="text-heading mb-1 text-lg font-semibold">Install</h2>
<Command command={installCommand} class="mb-4" />
<Command command={installCommand} class="mb-2" />
<p class="mb-4 text-sm">
Or, download the archive <a class="text-primary underline" href={downloadUrl}> here </a>.
</p>
<div class="hidden lg:block">
<TargetSelector />