add standard site document list, small fixes

src/lib/cards/StandardSiteDocumentListCard/BlogEntry.svelte

···
+<script lang="ts">
+	import { RelativeTime } from '@foxui/time';
+	import DateTime from './DateTime.svelte';
+
+	let {
+		title,
+		date,
+		description,
+		href
+	}: { title: string; date: string; description: string; href: string } = $props();
+</script>
+
+<article class="group/article relative isolate flex flex-col">
+	<div class={'text-base-500 accent:text-accent-950 flex shrink-0 items-center gap-x-4 text-xs'}>
+		<DateTime date={new Date(date)} />
+	</div>
+	<div class="max-w-xl">
+		<div class="text-base-900 dark:text-base-50 mt-3 text-lg leading-6 font-semibold">
+			<a {href} target="_blank">
+				<span class="absolute inset-0"></span>
+				{title}
+			</a>
+
+			<div
+				class="bg-base-200/30 accent:bg-accent-200/20 dark:bg-base-800/30 absolute -inset-2 -z-10 scale-95 rounded-2xl opacity-0 transition-all duration-150 group-hover/article:scale-100 group-hover/article:opacity-100"
+			></div>
+		</div>
+		<p class="text-base-600 dark:text-base-400 accent:text-base-800 mt-5 text-sm leading-6">
+			{description}
+		</p>
+	</div>
+</article>

src/lib/cards/StandardSiteDocumentListCard/DateTime.svelte

···
+<script lang="ts">
+	let { date }: { date: Date } = $props();
+</script>
+
+<time datetime={date.toISOString()}>
+	{date.toLocaleDateString('en-us', {
+		year: 'numeric',
+		month: 'short',
+		day: 'numeric'
+	})}
+</time>

src/lib/cards/StandardSiteDocumentListCard/StandardSiteDocumentListCard.svelte

···
+<script lang="ts">
+	import { getAdditionalUserData, getDidContext, getHandleContext } from '$lib/website/context';
+	import { onMount } from 'svelte';
+	import { CardDefinitionsByType } from '..';
+	import type { ContentComponentProps } from '../types';
+	import BlogEntry from './BlogEntry.svelte';
+
+	let { item }: ContentComponentProps = $props();
+
+	const data = getAdditionalUserData();
+	// svelte-ignore state_referenced_locally
+	let feed = $state(data[item.cardType] as any);
+
+	let did = getDidContext();
+	let handle = getHandleContext();
+
+	onMount(async () => {
+		console.log(feed);
+		if (!feed) {
+			feed = (await CardDefinitionsByType[item.cardType]?.loadData?.([item], {
+				did,
+				handle
+			})) as any;
+
+			console.log(feed);
+
+			data[item.cardType] = feed;
+		}
+	});
+</script>
+
+<div class="flex h-full flex-col gap-10 overflow-y-scroll p-8">
+	{#each feed ?? [] as document}
+		<BlogEntry
+			title={document.value.title}
+			description={document.value.description}
+			date={document.value.publishedAt}
+			href={document.value.href}
+		/>
+	{/each}
+</div>

src/lib/cards/StandardSiteDocumentListCard/index.ts

···
+import { getRecord, listRecords } from '$lib/oauth/atproto';
+import { parseUri } from '$lib/oauth/utils';
+import type { CardDefinition } from '../types';
+import StandardSiteDocumentListCard from './StandardSiteDocumentListCard.svelte';
+
+export const StandardSiteDocumentListCardDefinition = {
+	type: 'publicationList',
+	contentComponent: StandardSiteDocumentListCard,
+	createNew: (card) => {
+		card.w = 4;
+		card.mobileW = 8;
+		card.mobileH = 6;
+	},
+
+	loadData: async (items, { did }) => {
+		const records = await listRecords({ did, collection: 'site.standard.document' });
+
+		const publications: Record<string, string> = {};
+		for (const record of records) {
+			const site = record.value.site as string;
+
+			if (site.startsWith('at://')) {
+				if (!publications[site]) {
+					const siteParts = parseUri(site);
+
+					const publicationRecord = await getRecord(siteParts);
+
+					publications[site] = publicationRecord.value.url as string;
+				}
+
+				record.value.href = publications[site] + record.value.path;
+			} else {
+				record.value.href = site + record.value.path;
+			}
+		}
+
+		return records;
+	},
+
+	sidebarButtonText: 'site.standard.document list'
+} as CardDefinition & { type: 'site.standard.document list' };

src/lib/cards/TealFMPlaysCard/TealFMPlaysCard.svelte

···
 	let handle = getHandleContext();
 
 	onMount(async () => {
-		console.log(feed);
-		if (!feed) {
-			feed = (await CardDefinitionsByType[item.cardType]?.loadData?.([], {
-				did,
-				handle
-			})) as any;
+		if (feed) return;
 
-			console.log(feed);
+		feed = (await CardDefinitionsByType[item.cardType]?.loadData?.([], {
+			did,
+			handle
+		})) as any;
 
-			data[item.cardType] = feed;
-		}
+		data[item.cardType] = feed;
 	});
 
 	function isNumeric(str: string) {
-		if (typeof str != 'string') return false; // we only process strings!
+		if (typeof str != 'string') return false;
 		return (
-			!isNaN(str) && // use type coercion to parse the _entirety_ of the string (`parseFloat` alone does not do this)...
+			!isNaN(str) &&
 			!isNaN(parseFloat(str))
-		); // ...and ensure strings of whitespace fail
+		); 
 	}
 </script>
 
···
 {/snippet}
 
 <div class="z-10 flex h-full w-full flex-col gap-4 overflow-y-scroll p-4">
-	{#each (feed ?? []).slice(0, 20) as play}
+	{#each feed ?? [] as play}
 		{#if play.value.originUrl}
 			<a href={play.value.originUrl} target="_blank" rel="noopener noreferrer" class="w-full">
 				{@render musicItem(play)}

src/lib/cards/index.ts

···
 import { PopfeedReviewsCardDefinition } from './PopfeedReviews';
 import { TealFMPlaysCardDefinition } from './TealFMPlaysCard';
 import { PhotoGalleryCardDefinition } from './PhotoGalleryCard';
+import { StandardSiteDocumentListCardDefinition } from './StandardSiteDocumentListCard';
 
 export const AllCardDefinitions = [
 	ImageCardDefinition,
···
 	TetrisCardDefinition,
 	PopfeedReviewsCardDefinition,
 	TealFMPlaysCardDefinition,
-	PhotoGalleryCardDefinition
+	PhotoGalleryCardDefinition,
+	StandardSiteDocumentListCardDefinition
 ] as const;
 
 export const CardDefinitionsByType = AllCardDefinitions.reduce(

src/lib/website/Account.svelte

···
 			<Button variant="ghost" onclick={logout}>Logout</Button>
 		</Popover>
 	</div>
-{:else}
+{:else if !client.isInitializing}
 	<div
 		class="dark:bg-base-950 border-base-200 dark:border-base-900 fixed top-4 right-4 z-20 flex flex-col gap-4 rounded-2xl border bg-white p-4 shadow-lg"
 	>

src/lib/website/EditBar.svelte

···
 	bind:this={videoInputRef}
 />
 
-{#if client.isLoggedIn && client.profile?.did === data.did}
+{#if dev || (client.isLoggedIn && client.profile?.did === data.did)}
 	<Navbar
 		class={[
 			'dark:bg-base-900 bg-base-100 top-auto bottom-2 mx-4 mt-3 max-w-3xl rounded-full px-4 md:mx-auto lg:inline-flex',

src/lib/website/load.ts

···
 		const update = result.updatedAt;
 		const timePassed = (Date.now() - update) / 1000;
 
+		const ONE_DAY = 60 * 60 * 24;
+
 		if (!result.version || result.version !== CURRENT_CACHE_VERSION) {
 			console.log('skipping cache because of version mismatch');
+			return;
+		}
+
+		if (timePassed > ONE_DAY) {
+			console.log('skipping cache because of age');
 			return;
 		}