From 3621f7a8322cb98644b22ec9470e846f1ba725e0 Mon Sep 17 00:00:00 2001
From: LukaDev <47296785+lukadev-0@users.noreply.github.com>
Date: Mon, 14 Oct 2024 13:27:43 +0200
Subject: [PATCH] fix(website): use correct dependency target

---
 website/src/lib/registry-api.ts                            | 2 +-
 .../[[version]]/[[target]]/dependencies/+page.svelte       | 7 +++++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/website/src/lib/registry-api.ts b/website/src/lib/registry-api.ts
index 7a3eba8..7761395 100644
--- a/website/src/lib/registry-api.ts
+++ b/website/src/lib/registry-api.ts
@@ -34,7 +34,7 @@ export type DependencyEntry = [DependencyInfo, DependencyKind]
 export type DependencyInfo = {
 	index: string
 	name: string
-	target: string
+	target?: string
 	version: string
 }
 
diff --git a/website/src/routes/packages/[scope]/[name]/[[version]]/[[target]]/dependencies/+page.svelte b/website/src/routes/packages/[scope]/[name]/[[version]]/[[target]]/dependencies/+page.svelte
index 497f8f1..8d8697d 100644
--- a/website/src/routes/packages/[scope]/[name]/[[version]]/[[target]]/dependencies/+page.svelte
+++ b/website/src/routes/packages/[scope]/[name]/[[version]]/[[target]]/dependencies/+page.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import { page } from "$app/stores"
 	import { DEPENDENCY_KIND_DISPLAY_NAMES, type DependencyKind } from "$lib/registry-api.js"
 
 	const { data } = $props()
@@ -24,13 +25,15 @@
 				<div class="space-y-4">
 					{#each group as { dependency: [dependencyInfo] }}
 						{@const [scope, name] = dependencyInfo.name.split("/")}
+						{@const target =
+							dependencyInfo.target ?? $page.params.target ?? data.pkg.targets[0].kind}
 
 						<article
 							class="bg-card hover:bg-card-hover relative overflow-hidden rounded px-5 py-4 transition"
 						>
 							<h3 class="font-semibold">
 								<a
-									href={`/packages/${dependencyInfo.name}/latest/any`}
+									href={`/packages/${dependencyInfo.name}/latest/${target}`}
 									class="after:absolute after:inset-0 after:content-['']"
 								>
 									<span class="text-heading">{scope}/</span><span class="text-light">{name}</span>
@@ -39,7 +42,7 @@
 							<div class="text-primary text-sm font-semibold">
 								{dependencyInfo.version}
 								·
-								{dependencyInfo.target}
+								{target}
 							</div>
 						</article>
 					{/each}