Show case studies and product updates in feed

Author: hasparus

packages/web/docs/src/app/blog/blog-types.ts

@@ -12,6 +12,7 @@ export interface BlogFrontmatter {
   featured?: boolean;
   image?: VideoPath | StaticImageData;
   thumbnail?: StaticImageData;
+  description?: string;
 }
 
 type VideoPath = `${string}.${'webm' | 'mp4'}`;

packages/web/docs/src/app/blog/feed.xml/route.ts

@@ -1,8 +1,11 @@
 // eslint-disable-next-line import/no-extraneous-dependencies
 import RSS from 'rss';
 import { getPageMap } from '@theguild/components/server';
-import { AuthorId, authors } from '../../../authors';
-import { BlogFrontmatter, isBlogPost } from '../blog-types';
+import { Author, AuthorId, authors } from '../../../authors';
+import { CaseStudyFile } from '../../case-studies/case-study-types';
+import { coerceCaseStudiesToBlogs } from '../../case-studies/coerce-case-studies-to-blogs';
+import { isCaseStudy } from '../../case-studies/isCaseStudyFile';
+import { BlogFrontmatter, BlogPostFile, isBlogPost } from '../blog-types';
 
 function getAuthor(frontmatterAuthors: BlogFrontmatter['authors']): string {
   const first = Array.isArray(frontmatterAuthors) ? frontmatterAuthors[0] : frontmatterAuthors;
@@ -16,23 +19,32 @@ function getAuthor(frontmatterAuthors: BlogFrontmatter['authors']): string {
 }
 
 export async function GET() {
-  const [_meta, _indexPage, ...pageMap] = await getPageMap('/blog');
-  const allPosts = pageMap
-    .filter(isBlogPost)
-    .map(
-      item =>
-        ({
+  let allPosts: RSS.ItemOptions[] = [];
+
+  const [, , ...blogs] = await getPageMap('/blog');
+  const [, , ...studies] = await getPageMap('/case-studies');
+  const [, , ...updates] = await getPageMap('/product-updates');
+
+  const studiesAsBlogs = coerceCaseStudiesToBlogs(studies.filter(isCaseStudy));
+
+  for (const items of [blogs.filter(isBlogPost), updates.filter(isBlogPost), studiesAsBlogs]) {
+    allPosts = allPosts.concat(
+      items.map(
+        (item): RSS.ItemOptions => ({
           title: item.frontMatter.title,
           date: new Date(item.frontMatter.date),
           url: `https://the-guild.dev/graphql/hive${item.route}`,
-          description: (item.frontMatter as any).description ?? '',
+          description: item.frontMatter.description ?? '',
           author: getAuthor(item.frontMatter.authors),
           categories: Array.isArray(item.frontMatter.tags)
             ? item.frontMatter.tags
             : [item.frontMatter.tags],
-        }) satisfies RSS.ItemOptions,
-    )
-    .sort((a, b) => b.date.getTime() - a.date.getTime());
+        }),
+      ),
+    );
+  }
+
+  allPosts = allPosts.sort((a, b) => new Date(b.date).getTime() - new Date(a.date).getTime());
 
   const feed = new RSS({
     title: 'Hive Blog',

packages/web/docs/src/app/blog/page.tsx

@@ -1,8 +1,7 @@
 import { getPageMap } from '@theguild/components/server';
-import type { Author } from '../../authors';
-import { CaseStudyFile } from '../case-studies/case-study-types';
+import { coerceCaseStudiesToBlogs } from '../case-studies/coerce-case-studies-to-blogs';
 import { getCaseStudies } from '../case-studies/get-case-studies';
-import { BlogFrontmatter, BlogPostFile, isBlogPost } from './blog-types';
+import { isBlogPost } from './blog-types';
 import { NewsletterFormCard } from './components/newsletter-form-card';
 import { PostsByTag } from './components/posts-by-tag';
 // We can't move this page to `(index)` dir together with `tag` page because Nextra crashes for
@@ -16,10 +15,14 @@ export const metadata = {
 
 export default async function BlogPage() {
   const [_meta, _indexPage, ...pageMap] = await getPageMap('/blog');
+  const [, , ...productUpdates] = await getPageMap('/product-updates');
 
   const caseStudies = await getCaseStudies().then(coerceCaseStudiesToBlogs);
 
-  const allPosts = pageMap.filter(isBlogPost).concat(caseStudies);
+  const allPosts = pageMap
+    .filter(isBlogPost)
+    .concat(caseStudies)
+    .concat(productUpdates.filter(isBlogPost));
 
   return (
     <BlogPageLayout>
@@ -29,21 +32,3 @@ export default async function BlogPage() {
     </BlogPageLayout>
   );
 }
-
-function coerceCaseStudiesToBlogs(caseStudies: CaseStudyFile[]): BlogPostFile[] {
-  return caseStudies.map(caseStudy => ({
-    ...caseStudy,
-    frontMatter: {
-      ...caseStudy.frontMatter,
-      tags: ['Case Study'],
-      authors: caseStudy.frontMatter.authors.map(
-        (author): Author => ({
-          name: author.name,
-          avatar: author.avatar,
-          link: '' as 'https://',
-          github: '',
-        }),
-      ),
-    } satisfies BlogFrontmatter,
-  }));
-}

packages/web/docs/src/app/case-studies/coerce-case-studies-to-blogs.ts

@@ -0,0 +1,21 @@
+import { Author } from '../../authors';
+import { BlogFrontmatter, BlogPostFile } from '../blog/blog-types';
+import { CaseStudyFile } from './case-study-types';
+
+export function coerceCaseStudiesToBlogs(caseStudies: CaseStudyFile[]): BlogPostFile[] {
+  return caseStudies.map(caseStudy => ({
+    ...caseStudy,
+    frontMatter: {
+      ...caseStudy.frontMatter,
+      tags: ['Case Study'],
+      authors: caseStudy.frontMatter.authors.map(
+        (author): Author => ({
+          name: author.name,
+          avatar: author.avatar,
+          link: '' as 'https://',
+          github: '',
+        }),
+      ),
+    } satisfies BlogFrontmatter,
+  }));
+}