my website at ewancroft.uk
Add Atom feed support for blog
Introduces an Atom feed endpoint at `/blog/atom` with a new AtomIcon and navigation link. The Atom feed is generated from blog posts and includes author and post metadata, providing an alternative to the existing RSS feed.
+133
-1
+1
src/lib/components/icons/index.ts
+1
src/lib/components/icons/index.ts
···
3
3
export { default as MastodonIcon } from './social/MastodonIcon.svelte';
4
4
export { default as RedditIcon } from './social/RedditIcon.svelte';
5
5
export { default as RssIcon } from './social/RssIcon.svelte';
6
+
export { default as AtomIcon } from "./social/AtomIcon.svelte";
6
7
export { default as ShareIcons } from './social/ShareIcons.svelte';
7
8
export { default as BookOpenIcon } from './utility/BookOpenIcon.svelte';
8
9
export { default as CopyLinkIcon } from './utility/CopyLinkIcon.svelte';
+100
src/routes/blog/atom/+server.ts
+100
src/routes/blog/atom/+server.ts
···
1
+
import type { RequestHandler } from "../rss/$types";
2
+
import { dev } from "$app/environment";
3
+
import { parse } from "$lib/parser";
4
+
import type { MarkdownPost } from "$components/shared";
5
+
import { getProfile } from "$components/profile/profile";
6
+
7
+
export const GET: RequestHandler = async ({ url, fetch }) => {
8
+
try {
9
+
const profileData = await getProfile(fetch);
10
+
const did = profileData.did;
11
+
const pdsUrl = profileData.pds;
12
+
if (!pdsUrl) throw new Error("Could not find PDS URL");
13
+
const postsResponse = await fetch(
14
+
`${pdsUrl}/xrpc/com.atproto.repo.listRecords?repo=${did}&collection=com.whtwnd.blog.entry`
15
+
);
16
+
if (!postsResponse.ok)
17
+
throw new Error(`Posts fetch failed: ${postsResponse.status}`);
18
+
const postsData = await postsResponse.json();
19
+
const mdposts: Map<string, MarkdownPost> = new Map();
20
+
for (const data of postsData.records) {
21
+
const matches = data.uri.split("/");
22
+
const rkey = matches[matches.length - 1];
23
+
const record = data.value;
24
+
if (
25
+
matches &&
26
+
matches.length === 5 &&
27
+
record &&
28
+
(record.visibility === "public" || !record.visibility)
29
+
) {
30
+
mdposts.set(rkey, {
31
+
title: record.title,
32
+
createdAt: new Date(record.createdAt),
33
+
mdcontent: record.content,
34
+
rkey,
35
+
});
36
+
}
37
+
}
38
+
const posts = await parse(mdposts);
39
+
const sortedPosts = Array.from(posts.values()).sort(
40
+
(a, b) => b.createdAt.getTime() - a.createdAt.getTime()
41
+
);
42
+
const baseUrl = dev ? url.origin : "https://ewancroft.uk";
43
+
const atomXml = `<?xml version="1.0" encoding="utf-8"?>
44
+
<feed xmlns="http://www.w3.org/2005/Atom">
45
+
<title>Blog - Ewan's Corner</title>
46
+
<subtitle>A personal blog where I share my thoughts on coding, technology, and life.</subtitle>
47
+
<link href="${baseUrl}/blog" />
48
+
<link href="${baseUrl}/blog/atom" rel="self" />
49
+
<updated>${new Date().toISOString()}</updated>
50
+
<id>${baseUrl}/blog</id>
51
+
<author>
52
+
<name>${profileData.displayName || profileData.handle}</name>
53
+
<uri>${baseUrl}/blog</uri>
54
+
</author>
55
+
${sortedPosts
56
+
.map(
57
+
(post) => `
58
+
<entry>
59
+
<title>${escapeXml(post.title)}</title>
60
+
<link href="${baseUrl}/blog/${post.rkey}" />
61
+
<id>${baseUrl}/blog/${post.rkey}</id>
62
+
<updated>${post.createdAt.toISOString()}</updated>
63
+
<summary type="html"><![CDATA[${post.excerpt || ""}]]></summary>
64
+
<content type="html"><![CDATA[${post.content || ""}]]></content>
65
+
<author>
66
+
<name>${profileData.displayName || profileData.handle}</name>
67
+
</author>
68
+
</entry>`
69
+
)
70
+
.join("")}
71
+
</feed>`;
72
+
return new Response(atomXml, {
73
+
headers: {
74
+
"Content-Type": "application/atom+xml",
75
+
"Cache-Control": "max-age=0, s-maxage=3600",
76
+
},
77
+
});
78
+
} catch (error) {
79
+
console.error("Error generating Atom feed:", error);
80
+
return new Response(
81
+
`<?xml version="1.0" encoding="utf-8"?>\n<feed xmlns="http://www.w3.org/2005/Atom">\n <title>Blog - Ewan's Corner</title>\n <subtitle>A personal blog where I share my thoughts on coding, technology, and life.</subtitle>\n <link href="${url.origin}/blog" />\n <link href="${url.origin}/blog/atom" rel="self" />\n <updated>${new Date().toISOString()}</updated>\n <!-- Error occurred while generating feed entries -->\n</feed>`,
82
+
{
83
+
headers: {
84
+
"Content-Type": "application/atom+xml",
85
+
"Cache-Control": "no-cache",
86
+
},
87
+
}
88
+
);
89
+
}
90
+
};
91
+
92
+
function escapeXml(unsafe: string): string {
93
+
if (!unsafe) return "";
94
+
return unsafe
95
+
.replace(/&/g, "&")
96
+
.replace(/</g, "<")
97
+
.replace(/>/g, ">")
98
+
.replace(/"/g, """)
99
+
.replace(/'/g, "'");
100
+
}