feat(database): add public game data registries

2026-07-26 00:39:09 -04:00
parent ae6013d9d6
commit 317e5b39bd
12 changed files with 702 additions and 20 deletions
@@ -0,0 +1,41 @@
+<script lang="ts">
+	import GameIcon from './GameIcon.svelte';
+	import ItemIcon from './ItemIcon.svelte';
+	import ItemIconRail from './ItemIconRail.svelte';
+	import type { GameIconName } from '$lib/game-icons';
+	import type { DatabaseItem } from '$lib/database/items';
+
+	let {
+		item
+	}: {
+		item: DatabaseItem & { gameIcon?: GameIconName }
+	} = $props();
+</script>
+
+<article class="database-item-card">
+	<header>
+		<div class="database-item-icon">
+			{#if item.gameIcon}<GameIcon name={item.gameIcon} decorative/>{:else}<ItemIcon src={item.iconUrl} alt=""/>{/if}
+		</div>
+		<div><small>{item.kicker}</small><h2>{item.name}</h2></div>
+	</header>
+	{#if item.badges?.length}<div class="database-item-badges">{#each item.badges as badge}<span class={badge.tone ?? ''}>{badge.label}</span>{/each}</div>{/if}
+	<div class:stacked={item.factLayout === 'stack'} class="database-item-facts">
+		{#each item.facts as fact}<div><span>{fact.label}</span><b>{fact.value}</b></div>{/each}
+	</div>
+	{#if item.lines?.length}
+		<div class="database-item-lines">{#each item.lines as line}<div><span>{line.label}</span><b>{line.value}</b></div>{/each}</div>
+	{/if}
+	{#if item.iconGroups?.length}
+		<div class="database-item-icon-groups">
+			{#each item.iconGroups as group}
+				<div><span>{group.label}</span><ItemIconRail label={group.label} items={group.items} emptyLabel={group.emptyLabel}/></div>
+			{/each}
+		</div>
+	{/if}
+	{#if item.description}<p>{item.description}</p>{/if}
+	{#if item.secondaryDescription}<p class="secondary-description">{item.secondaryDescription}</p>{/if}
+	{#if item.actions?.length}
+		<footer class="database-item-actions">{#each item.actions as action}<a href={action.href}>{action.label} →</a>{/each}</footer>
+	{/if}
+</article>