Refactor routes

Author: forestream

apps/landing/script.js

@@ -5,16 +5,21 @@ const files = await glob('src/**/*.mdx')
 const q = []
 for await (const file of files) {
   q.push(
-    readFile(file).then((content) => {
+    readFile(file, {
+      encoding: 'utf-8',
+    }).then((content) => {
       const titleIndex = content.toString().indexOf('#')
+      if (content.trim().length === 0) {
+        return null
+      }
+      const fileName = file.split(/[/\\]/).pop()
+
       return {
         text: content.toString().substring(titleIndex),
-        title: /# (.*)/.exec(content.toString())[1],
-        url:
-          '/devup-ui/' +
-          file
-            .replace(/src[/\\]app[/\\]\(detail\)[/\\]/, '')
-            .replace('page.mdx', ''),
+        title: /(#)+ (.*)/.exec(content.toString())[1],
+        url: file
+          .replace(/src[/\\]app[/\\]\(detail\)[/\\]/, '')
+          .replace(fileName, ''),
       }
     }),
   )

apps/landing/src/app/(detail)/components/MdxCard.tsx

@@ -20,7 +20,7 @@ export default async function MdxCard({
   const content = await readFile(
     join(
       process.cwd(),
-      'src/app/(detail)/components',
+      'src/app/(detail)/components/[component]',
       src ?? 'button/demo/Variants.tsx',
     ),
     {

…detail)/components/button/IconDelete.tsx …l)/components/[component]/IconDelete.tsxapps/landing/src/app/(detail)/components/button/IconDelete.tsx renamed to apps/landing/src/app/(detail)/components/[component]/IconDelete.tsx apps/landing/src/app/(detail)/components/button/IconDelete.tsx renamed to apps/landing/src/app/(detail)/components/[component]/IconDelete.tsx

@@ -1,7 +1,7 @@
 import { Button } from '@devup-ui/components'
 import { Box, css, Flex } from '@devup-ui/react'
 
-import IconDelete from '../IconDelete'
+import IconDelete from '../../IconDelete'
 
 /**
  * **Icon**