refactor: code refactor

app/utils/posts.server.ts

@@ -1,12 +1,17 @@
 import { remarkCodeHike } from "@code-hike/mdx";
-import { readFile } from "fs/promises";
+import { readdir, readFile } from "fs/promises";
 import { bundleMDX } from "mdx-bundler";
 import codeHikeTheme from "shiki/themes/one-dark-pro.json";
 
-export const getMdxFile = async (fileName: string) => {
-  const source = await readFile(`posts/${fileName}`);
-  return bundleMDX({
-    source: source.toString(),
+type FrontMatter = {
+  title: string;
+  description: string;
+  publishedAt: string;
+};
+
+export const getMdxFile = async (file: string) => {
+  return bundleMDX<FrontMatter>({
+    source: (await readFile(`./posts/${file}.mdx`)).toString(),
     mdxOptions() {
       return {
         remarkPlugins: [
@@ -24,3 +29,41 @@ export const getMdxFile = async (fileName: string) => {
     },
   });
 };
+
+export const findPosts = async () => {
+  const files = await readdir("posts");
+  const posts: (FrontMatter & {
+    filename: string;
+  })[] = [];
+  for (const file of files.filter((file) => file.endsWith(".mdx"))) {
+    const { frontmatter } = await bundleMDX({
+      source: (await readFile(`./posts/${file}`)).toString(),
+      mdxOptions() {
+        return {
+          remarkPlugins: [
+            [
+              remarkCodeHike,
+              {
+                theme: codeHikeTheme,
+                lineNumbers: true,
+                showCopyButton: true,
+                autoImport: true,
+              },
+            ],
+          ],
+        };
+      },
+    });
+
+    posts.push({
+      filename: file.replace(".mdx", ""),
+      description: frontmatter.description,
+      title: frontmatter.title,
+      publishedAt: frontmatter.publishedAt,
+    });
+  }
+
+  return posts.sort((a, b) =>
+    new Date(a.publishedAt) > new Date(b.publishedAt) ? -1 : 1
+  );
+};