feat: add RSS feed generation

Author: ripixel

assets/styles/styles.css

@@ -5,6 +5,13 @@ body {
   color: #fff;
 }
 
+code {
+  font-family: 'Courier New', Courier, monospace;
+  background: rgba(0, 0, 0, 0.2);
+  font-size: 0.8em;
+  padding: 0.1em 0.3em;
+}
+
 * {
   font-size: 1em;
   position: relative;

package-lock.json

@@ -37,6 +37,7 @@
         "eslint-plugin-prettier": "^3.1.3",
         "execa": "^5.0.0",
         "favicons-generate": "0.0.15",
+        "feed": "^4.2.2",
         "firebase-tools": "^8.2.0",
         "husky": "^4.2.5",
         "listr": "^0.14.3",

package.json

@@ -0,0 +1,57 @@
+import * as fs from 'fs';
+import { Feed } from 'feed';
+
+export const generateRssFeed = (
+  articles: {
+    title: string;
+    link: string;
+    excerpt: string;
+    body: string;
+    date: string;
+    dateObj: Date;
+    dateNum: number;
+  }[]
+): void => {
+  const feed = new Feed({
+    title: 'Ripixel (James King)',
+    description: 'Feed for thoughts articles',
+    id: 'https://www.ripixel.co.uk/',
+    link: 'https://www.ripixel.co.uk/',
+    language: 'en',
+    favicon: 'https://www.ripixel.co.uk/favicon.ico',
+    copyright: `All rights reserved ${new Date()
+      .getFullYear()
+      .toString()}, James King`,
+    feedLinks: {
+      json: 'https://example.com/json.json',
+      atom: 'https://example.com/atom.xml',
+    },
+    author: {
+      name: 'James King',
+      email: 'ripixel+feed@gmail.com',
+      link: 'https://www.ripixel.co.uk/',
+    },
+  });
+
+  articles.forEach((article) => {
+    feed.addItem({
+      title: article.title,
+      id: article.link,
+      link: article.link,
+      description: article.body,
+      content: article.body,
+      date: article.dateObj,
+      author: [
+        {
+          name: 'James King',
+          email: 'ripixel+feed@gmail.com',
+          link: 'https://www.ripixel.co.uk/',
+        },
+      ],
+    });
+  });
+
+  fs.writeFileSync('./public/rss.xml', feed.rss2(), 'utf8');
+  fs.writeFileSync('./public/json.json', feed.json1(), 'utf8');
+  fs.writeFileSync('./public/atom.xml', feed.atom1(), 'utf8');
+};

scripts/generateRssFeed.ts

@@ -5,11 +5,12 @@ import { format as dateFormat } from 'date-fns';
 
 import findInDir from './findInDir';
 import { getWebmentions, webmentionsForPage } from './getWebmentions';
+import { generateRssFeed } from './generateRssFeed';
 
 const ARTICLES_TO_SHOW = 5;
 
 const generateWebmentionBlock = (
-  tag: string,
+  tag: 'COMMENTS' | 'LIKES' | 'REPOSTS',
   content: string,
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   mentions: any[]
@@ -162,8 +163,10 @@ const generateThoughts = async (): Promise<void> => {
   const articlesGenerated: Array<{
     title: string;
     link: string;
+    excerpt: string;
     body: string;
     date: string;
+    dateObj: Date;
     dateNum: number;
   }> = [];
 
@@ -173,7 +176,7 @@ const generateThoughts = async (): Promise<void> => {
     const articleWithoutFolder = article
       .replace('thoughts/articles/', '')
       .replace('.md', '.html');
-    console.log(`Processing article ${articleWithoutFolder}`);
+    // console.log(`Processing article ${articleWithoutFolder}`);
     const [datestring, titleWithDash] = articleWithoutFolder
       .replace('.html', '')
       .split('_');
@@ -220,8 +223,10 @@ const generateThoughts = async (): Promise<void> => {
       link: `${datestring}_${titleWithDash}`,
       title,
       date,
+      dateObj,
       dateNum: dateObj.valueOf(),
-      body: `${splitBody[0]}</p>${splitBody[1]}</p>`,
+      body,
+      excerpt: `${splitBody[0]}</p>${splitBody[1]}</p>`,
     });
   });
 
@@ -254,7 +259,7 @@ const generateThoughts = async (): Promise<void> => {
       `${repeatableBlock}`
         .replace(`{title}`, articlesGenerated[i].title)
         .replace(`{date}`, articlesGenerated[i].date)
-        .replace(`{body}`, articlesGenerated[i].body)
+        .replace(`{body}`, articlesGenerated[i].excerpt)
         .replace(`{link}`, articlesGenerated[i].link);
   }
 
@@ -270,6 +275,8 @@ const generateThoughts = async (): Promise<void> => {
 
   fs.writeFileSync('./public/thoughts.html', thoughtsPageContents, 'utf8');
 
+  generateRssFeed(articlesGenerated);
+
   // console.log('/// Finished generation of thoughts');
 };
 

scripts/generateThoughts.ts

@@ -57,7 +57,7 @@ export const webmentionsForPage = (
     .filter((mention) => mention['wm-target'] === url)
     .sort(
       (a, b) =>
-        new Date(b.published).getTime() - new Date(a.published).getTime()
+        new Date(a.published).getTime() - new Date(b.published).getTime()
     )
     .map(clean);