import StandardSiteDocumentListCard from './StandardSiteDocumentListCard.svelte';
import { getRecord, listRecords, parseUri } from '$lib/atproto';
import { SiteStandardDocument } from '@atcute/standard-site';
import { isGenericUri } from '@atcute/lexicons/syntax';
import type { BlogItem } from './BlogEntry.svelte';
import type { CardDefinition } from '../../types';
import { is } from '@atcute/lexicons';

export const StandardSiteDocumentListCardDefinition = {
	type: 'publicationList',
	contentComponent: StandardSiteDocumentListCard,
	createNew: (card) => {
		card.w = 4;
		card.mobileW = 8;
		card.mobileH = 6;
	},

	loadData: async (_, { did }) => {
		const records = await listRecords({ did, collection: 'site.standard.document' });
		const items: BlogItem[] = [];

		const publications: Record<string, SiteStandardDocument.Main['site']> = {};
		for (const record of records) {
			if (!is(SiteStandardDocument.mainSchema, record.value)) continue;

			if (record.value.site.startsWith('at://')) {
				if (!publications[record.value.site]) {
					const siteParts = parseUri(record.value.site);

					if (!siteParts) continue;

					const publicationRecord = await getRecord({
						did: siteParts.repo as `did:${string}:${string}`,
						collection: siteParts.collection!,
						rkey: siteParts.rkey
					});

					if (!publicationRecord.value) continue;
					const { url } = publicationRecord.value;

					if (isGenericUri(url) && url.startsWith('http')) {
						publications[record.value.site] = url;
					}
				}

				record.value.site = publications[record.value.site];
				if (!record.value.site) continue;
			}

			items.push({
				href: `${record.value.site}${record.value.path}`,
				title: record.value.title,
				description: record.value.description,
				date: record.value.publishedAt
			});
		}

		return items.toSorted((a, b) => Date.parse(b.date) - Date.parse(a.date));
	},

	name: 'Blog Posts',

	keywords: ['articles', 'writing', 'blog', 'posts', 'frontpage'],
	groups: ['Content'],
	icon: `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="size-4"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z" /></svg>`
} as CardDefinition & { type: 'site.standard.document list' };