48 lines
1.3 KiB
TypeScript
48 lines
1.3 KiB
TypeScript
import React from 'react';
|
|
import * as TestArticle from './articles/2026/test-article.mdx';
|
|
|
|
export interface Article {
|
|
slug: string;
|
|
title: string;
|
|
description?: string;
|
|
createdDate: Date;
|
|
updatedDate?: Date;
|
|
tags?: string[];
|
|
image?: string;
|
|
Component: React.ComponentType<{ components?: Record<string, React.ComponentType<unknown>> }>;
|
|
}
|
|
|
|
interface MdxModule {
|
|
frontmatter: {
|
|
title: string;
|
|
description?: string;
|
|
createdDate: string;
|
|
updatedDate?: string;
|
|
tags?: string[];
|
|
image?: string;
|
|
};
|
|
default: React.ComponentType<{ components?: Record<string, React.ComponentType<unknown>> }>;
|
|
}
|
|
|
|
function register(module: unknown, slug: string): Article {
|
|
const { frontmatter, default: Component } = module as MdxModule;
|
|
return {
|
|
slug,
|
|
title: frontmatter.title,
|
|
description: frontmatter.description,
|
|
createdDate: new Date(frontmatter.createdDate),
|
|
updatedDate: frontmatter.updatedDate ? new Date(frontmatter.updatedDate) : undefined,
|
|
tags: frontmatter.tags,
|
|
image: frontmatter.image,
|
|
Component,
|
|
};
|
|
}
|
|
|
|
export const articles: Record<string, Article> = {
|
|
'test-article': register(TestArticle, '2026/test-article'),
|
|
};
|
|
|
|
export const sortedArticles = Object.values(articles).sort(
|
|
(a, b) => b.createdDate.getTime() - a.createdDate.getTime()
|
|
);
|