Something went wrong. Try again.
your personal website on atproto - mirror blento.app
Something went wrong. Try again.
TypeScript
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667import 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' };