feat: lazy load markdown module

src/components/site/SiteLayout.server.tsx

@@ -41,7 +41,6 @@ export const getServerSideProps = async (
             {
               site: domainOrSubdomain,
               page: pageSlug,
-              render: true,
             },
             queryClient,
           )

src/components/site/SiteLayout.tsx

@@ -29,7 +29,6 @@ export const SiteLayout: React.FC<SiteLayoutProps> = ({
   const page = useGetPage({
     site: domainOrSubdomain,
     page: pageSlug,
-    render: true,
   })
 
   const site = useGetSite(domainOrSubdomain)

src/models/page.model.ts

@@ -1,4 +1,3 @@
-import { Rendered, renderPageContent } from "~/markdown"
 import { notFound } from "~/lib/server-side-props"
 import { PageVisibilityEnum, Notes, Note } from "~/lib/types"
 import unidata from "~/queries/unidata.server"
@@ -118,12 +117,9 @@ export async function createOrUpdatePage(
   )
 }
 
-const expandPage = (page: Note, render: boolean) => {
-  if (
-    page.body?.content &&
-    page.body?.mime_type === "text/markdown" &&
-    render
-  ) {
+const expandPage = async (page: Note) => {
+  if (page.body?.content && page.body?.mime_type === "text/markdown") {
+    const { renderPageContent } = await import("~/markdown")
     const rendered = renderPageContent(page.body.content, true)
     page.body = {
       content: page.body.content,
@@ -280,11 +276,13 @@ export async function getPagesBySite(
     )
     pages.total = pages.total - ((input.take || 10) - pages.list.length)
 
-    pages?.list.map((page) => {
-      expandPage(page, true)
-      delete page.body
-      return page
-    })
+    await Promise.all(
+      pages?.list.map(async (page) => {
+        await expandPage(page)
+        delete page.body
+        return page
+      }),
+    )
   }
 
   return pages
@@ -296,7 +294,6 @@ export async function getPage<TRender extends boolean = false>(
     page?: string
     pageId?: string
     site?: string
-    render?: TRender
   },
   customUnidata?: Unidata,
 ) {
@@ -357,7 +354,7 @@ export async function getPage<TRender extends boolean = false>(
   }
 
   if (page) {
-    expandPage(page, input.render || false)
+    await expandPage(page)
   }
 
   return page

src/pages/_site/[site]/[page].tsx

@@ -35,7 +35,6 @@ function SitePagePage({
   const page = useGetPage({
     site: domainOrSubdomain,
     page: pageSlug,
-    render: true,
   })
 
   return <SitePage page={page.data} />

src/pages/_site/[site]/preview/[page].tsx

@@ -12,7 +12,6 @@ function SitePagePage() {
   const page = useGetPage({
     site: site,
     page: pageSlug,
-    render: true,
   })
 
   return <SitePage page={page.data} />

src/pages/dashboard/[subdomain]/editor.tsx

@@ -71,7 +71,6 @@ export default function SubdomainEditor() {
   const page = useGetPage({
     site: subdomain!,
     pageId: pageId || draftKey.replace(`draft-${subdomain}-`, ""),
-    render: false,
   })
 
   const [visibility, setVisibility] = useState<PageVisibilityEnum>()