chadtmiller.com/knotless

<script lang="ts">
	import type { FeedEvent } from '#lib/api/FeedEvent.ts';
	import { weekday } from '#lib/format.ts';
	import FeedItem from '#lib/molecules/FeedItem.svelte';
	/** What happened, a day at a time. */
	let { events }: { events: FeedEvent[] } = $props();
	const days = $derived.by(() => {
		const out: [string, FeedEvent[]][] = [];
		for (const e of events) {
			const on = e.createdAt.slice(0, 10);
			const last = out.at(-1);
			if (last && last[0] === on) last[1].push(e);
			else out.push([on, [e]]);
		}
		return out;
	});
</script>

{#each days as [day, list] (day)}
	<h2 class="feed-day">{weekday(day)}</h2>
	<ul class="feed">
		{#each list as e, i (i)}<FeedItem event={e} />{/each}
	</ul>
{:else}
	<p class="feed-note">pushes, pulls and issues show up here as they happen, from any account on any PDS.</p>
{/each}