your personal website on atproto - mirror
blento.app
flo-bit.dev
1import { getRecord, listRecords, parseUri } from '$lib/atproto';
2import type { CardDefinition } from '../types';
3import StandardSiteDocumentListCard from './StandardSiteDocumentListCard.svelte';
4
5export const StandardSiteDocumentListCardDefinition = {
6 type: 'publicationList',
7 contentComponent: StandardSiteDocumentListCard,
8 createNew: (card) => {
9 card.w = 4;
10 card.mobileW = 8;
11 card.mobileH = 6;
12 },
13
14 loadData: async (items, { did }) => {
15 const records = await listRecords({ did, collection: 'site.standard.document' });
16
17 const publications: Record<string, string> = {};
18 for (const record of records) {
19 const site = record.value.site as string;
20
21 if (site.startsWith('at://')) {
22 if (!publications[site]) {
23 const siteParts = parseUri(site);
24
25 if (!siteParts) continue;
26
27 const publicationRecord = await getRecord({
28 did: siteParts.repo as `did:${string}:${string}`,
29 collection: siteParts.collection!,
30 rkey: siteParts.rkey
31 });
32
33 publications[site] = publicationRecord.value.url as string;
34 }
35
36 record.value.href = publications[site] + record.value.path;
37 } else {
38 record.value.href = site + record.value.path;
39 }
40 }
41
42 return records;
43 },
44
45 name: 'Blog Posts',
46
47 keywords: ['articles', 'writing', 'blog', 'posts', 'frontpage'],
48 groups: ['Content'],
49 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>`
50} as CardDefinition & { type: 'site.standard.document list' };