feat: payload cms

lib/pages.ts

@@ -1,80 +1,112 @@
-import fs from 'fs';
-import path from 'path';
-import matter from 'gray-matter';
-import { mapSlugToFileSlug } from './slugs';
+import { getPayload } from 'payload';
+import configPromise from '@payload-config';
 
 export interface PageFrontmatter {
   title: string;
   excerpt: string;
   featuredImage: string | null;
   locale: string;
+  public?: boolean;
 }
 
 export interface PageMdx {
   slug: string;
   frontmatter: PageFrontmatter;
-  content: string;
+  content: any; // Lexical AST Document
 }
 
 export async function getPageBySlug(slug: string, locale: string): Promise<PageMdx | null> {
-  // Map translated slug to file slug
-  const fileSlug = await mapSlugToFileSlug(slug, locale);
-  const pagesDir = path.join(process.cwd(), 'data', 'pages', locale);
-  const filePath = path.join(pagesDir, `${fileSlug}.mdx`);
+  const payload = await getPayload({ config: configPromise });
 
-  if (!fs.existsSync(filePath)) {
-    return null;
-  }
+  const result = await payload.find({
+    collection: 'pages' as any,
+    where: {
+      slug: { equals: slug },
+      locale: { equals: locale },
+    },
+    limit: 1,
+  });
 
-  const fileContent = fs.readFileSync(filePath, 'utf8');
-  const { data, content } = matter(fileContent);
+  const docs = result.docs as any[];
+
+  if (!docs || docs.length === 0) return null;
+
+  const doc = docs[0];
 
   return {
-    slug: fileSlug,
-    frontmatter: data as PageFrontmatter,
-    content,
+    slug: doc.slug,
+    frontmatter: {
+      title: doc.title,
+      excerpt: doc.excerpt || '',
+      locale: doc.locale,
+      featuredImage:
+        typeof doc.featuredImage === 'object' && doc.featuredImage !== null
+          ? doc.featuredImage.sizes?.card?.url || doc.featuredImage.url
+          : null,
+    } as PageFrontmatter,
+    content: doc.content as any, // Native Lexical Editor State
   };
 }
 
 export async function getAllPages(locale: string): Promise<PageMdx[]> {
-  const pagesDir = path.join(process.cwd(), 'data', 'pages', locale);
-  if (!fs.existsSync(pagesDir)) return [];
+  const payload = await getPayload({ config: configPromise });
 
-  const files = fs.readdirSync(pagesDir);
-  const pages = await Promise.all(
-    files
-      .filter((file) => file.endsWith('.mdx'))
-      .map((file) => {
-        const fileSlug = file.replace(/\.mdx$/, '');
-        const filePath = path.join(pagesDir, file);
-        const fileContent = fs.readFileSync(filePath, 'utf8');
-        const { data, content } = matter(fileContent);
-        return {
-          slug: fileSlug,
-          frontmatter: data as PageFrontmatter,
-          content,
-        };
-      }),
-  );
+  const result = await payload.find({
+    collection: 'pages' as any,
+    where: {
+      locale: {
+        equals: locale,
+      },
+    },
+    limit: 100,
+  });
 
-  return pages.filter((p): p is PageMdx => p !== null);
+  const docs = result.docs as any[];
+
+  return docs.map((doc: any) => {
+    return {
+      slug: doc.slug,
+      frontmatter: {
+        title: doc.title,
+        excerpt: doc.excerpt || '',
+        locale: doc.locale,
+        featuredImage:
+          typeof doc.featuredImage === 'object' && doc.featuredImage !== null
+            ? doc.featuredImage.sizes?.card?.url || doc.featuredImage.url
+            : null,
+      } as PageFrontmatter,
+      content: doc.content as any,
+    };
+  });
 }
 
 export async function getAllPagesMetadata(locale: string): Promise<Partial<PageMdx>[]> {
-  const pagesDir = path.join(process.cwd(), 'data', 'pages', locale);
-  if (!fs.existsSync(pagesDir)) return [];
+  const payload = await getPayload({ config: configPromise });
 
-  const files = fs.readdirSync(pagesDir);
-  return files
-    .filter((file) => file.endsWith('.mdx'))
-    .map((file) => {
-      const fileSlug = file.replace(/\.mdx$/, '');
-      const filePath = path.join(pagesDir, file);
-      const fileContent = fs.readFileSync(filePath, 'utf8');
-      const { data } = matter(fileContent);
-      return {
-        slug: fileSlug,
-        frontmatter: data as PageFrontmatter,
-      };
-    });
+  const result = await payload.find({
+    collection: 'pages' as any,
+    where: {
+      locale: {
+        equals: locale,
+      },
+    },
+    limit: 100,
+  });
+
+  const docs = result.docs as any[];
+
+  return docs.map((doc: any) => {
+    return {
+      slug: doc.slug,
+      frontmatter: {
+        title: doc.title,
+        excerpt: doc.excerpt || '',
+        locale: doc.locale,
+        featuredImage:
+          typeof doc.featuredImage === 'object' && doc.featuredImage !== null
+            ? doc.featuredImage.sizes?.card?.url || doc.featuredImage.url
+            : null,
+      } as PageFrontmatter,
+    };
+  });
 }