Merge pull request #447 from Shramkoweb/419-migrate-from-next-lint-to-eslint-cli-nextjs-16-deprecation

feat: introduce PostMetadata type and update post-related functions t…

Author: Shramkoweb

lib/posts/api.ts

@@ -3,7 +3,7 @@ import readingTime from 'reading-time';
 import { readdir, readFile } from 'node:fs/promises';
 import { join } from 'path';
 
-import { Post, PostCategory } from '@/lib/types';
+import { Post, PostCategory, PostMetadata } from '@/lib/types';
 import { extractMarkdownSlug } from '@/lib/utils';
 
 const POSTS_DIRECTORY = join(process.cwd(), '_posts');
@@ -70,6 +70,12 @@ export async function getPosts(): Promise<Post[]> {
   return Promise.all(postPromises);
 }
 
+export async function getPostsMetadata(): Promise<PostMetadata[]> {
+  const posts = await getPosts();
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  return posts.map(({ content, ...post }) => post);
+}
+
 export async function getPostSlugs() {
   const fileNames = await readdir(POSTS_DIRECTORY);
   const markdownFiles = fileNames.filter((fileName) => fileName.endsWith('.md'));

lib/posts/utils.ts

@@ -1,19 +1,19 @@
-import { Post, PostCategory, Snippet } from '@/lib/types';
+import { Post, PostCategory, PostMetadata, Snippet } from '@/lib/types';
 
 export const sortByBirthtime = (
-  first: Post | Snippet,
-  second: Post | Snippet,
+  first: Post | PostMetadata | Snippet,
+  second: Post | PostMetadata | Snippet,
 ) => second.data.createDate - first.data.createDate;
 
-export const filterByFeatured = (post: Post) => post.data.featured;
-export const filterByNotFeatured = (post: Post) => !post.data.featured
+export const filterByFeatured = (post: Post | PostMetadata) => post.data.featured;
+export const filterByNotFeatured = (post: Post | PostMetadata) => !post.data.featured
   && !post.data.categories
     .map((category) => category.toLowerCase())
     .includes(PostCategory.AdvancedReact.toLowerCase() as PostCategory);
 
-export const filterByAdvanceReact = (post: Post) => post.data.categories
+export const filterByAdvanceReact = (post: Post | PostMetadata) => post.data.categories
   .map((category) => category.toLowerCase())
   .includes(PostCategory.AdvancedReact.toLowerCase() as PostCategory);
 
 
-export const filterByHeading = (post: Post, heading: string) => post.data.heading.toLowerCase().includes(heading.toLowerCase());
+export const filterByHeading = (post: Post | PostMetadata, heading: string) => post.data.heading.toLowerCase().includes(heading.toLowerCase());

lib/types.ts

@@ -26,6 +26,8 @@ export type Post = {
   content: string;
 };
 
+export type PostMetadata = Omit<Post, 'content'>;
+
 export enum PostCategory {
   JS = 'js',
   Vercel = 'vercel',

pages/blog/index.tsx

@@ -1,14 +1,14 @@
 import Head from 'next/head';
 import { useState } from 'react';
 
-import { getPosts, getPostsCategories } from '@/lib/posts/api';
+import { getPostsMetadata, getPostsCategories } from '@/lib/posts/api';
 import { BlogPostPreview } from '@/components/blog-post-preview';
 import { filterByHeading, sortByBirthtime } from '@/lib/posts/utils';
-import { Post, PostCategory } from '@/lib/types';
+import { PostMetadata, PostCategory } from '@/lib/types';
 import { Categories } from '@/components/categories';
 
 interface BlogPageProps {
-  posts: Post[];
+  posts: PostMetadata[];
   categories: PostCategory[];
 }
 
@@ -116,7 +116,7 @@ function BlogPage(props: BlogPageProps) {
 }
 
 export async function getStaticProps() {
-  const posts = await getPosts();
+  const posts = await getPostsMetadata();
   const categories = await getPostsCategories();
   const sortedPosts = posts.sort(sortByBirthtime);