@eox/pages-theme-eox 1.8.0 → 2.0.0-alpha.1

package/src/vitepressConfig.mjs

@@ -1,3 +1,90 @@
+import fs from "node:fs";
+import path from "node:path";
+
+function copyThemePages() {
+  try {
+    const themeSrcDir = path.dirname(new URL(import.meta.url).pathname);
+    const pages = [
+      { src: "blog.md", dest: "blog.md" },
+      { src: "tag.md", dest: "tag.md" },
+      { src: "tag/[tag].md", dest: "tag/[tag].md" },
+      {
+        ...(() => {
+          // Let's resolve the actual pages dir inside the theme package
+          // This is robust on any npm installation structure
+          return {};
+        })(),
+      },
+    ];
+
+    // Better yet, just copy our built-in custom pages directly relative to this module
+    const filesToCopy = [
+      "blog.md",
+      "team.md",
+      "tag.md",
+      "tag/[tag].md",
+      "tag/[tag].paths.js",
+      "author/[author].md",
+      "author/[author].paths.js",
+    ];
+
+    const targetDir = process.cwd();
+    const pagesSrcDir = path.join(themeSrcDir, "pages");
+
+    for (const file of filesToCopy) {
+      const src = path.join(pagesSrcDir, file);
+      const dest = path.join(targetDir, file);
+      if (fs.existsSync(src)) {
+        fs.mkdirSync(path.dirname(dest), { recursive: true });
+
+        let shouldCopy = !fs.existsSync(dest);
+        if (!shouldCopy) {
+          const srcContent = fs.readFileSync(src, "utf8");
+          const destContent = fs.readFileSync(dest, "utf8");
+          if (srcContent !== destContent) {
+            shouldCopy = true;
+          }
+        }
+        if (shouldCopy) {
+          fs.writeFileSync(dest, fs.readFileSync(src));
+        }
+      }
+    }
+  } catch (err) {
+    console.error("Failed to copy theme pages:", err);
+  }
+}
+
+function getBlogRewrites() {
+  const rewrites = {};
+  const postsDir = path.resolve(process.cwd(), "_posts");
+  if (!fs.existsSync(postsDir)) return rewrites;
+
+  const files = fs.readdirSync(postsDir).filter((f) => f.endsWith(".md"));
+  for (const file of files) {
+    const filePath = path.join(postsDir, file);
+    const content = fs.readFileSync(filePath, "utf8");
+    const dateMatch = content.match(/date:\s*["']?(\d{4})-(\d{2})-\d{2}["']?/);
+    if (dateMatch) {
+      const [_, year, month] = dateMatch;
+      const baseName = file.replace(/\.md$/, "");
+      const slug = baseName
+        .toLowerCase()
+        .replace(/[^a-z0-9]+/g, "-")
+        .replace(/^-+|-+$/g, "");
+      rewrites[`_posts/${file}`] = `${year}/${month}/${slug}.md`;
+    } else {
+      const baseName = file.replace(/\.md$/, "");
+      const slug = baseName
+        .toLowerCase()
+        .replace(/[^a-z0-9]+/g, "-")
+        .replace(/^-+|-+$/g, "");
+      rewrites[`_posts/${file}`] = `blog/${slug}.md`;
+    }
+  }
+  return rewrites;
+}
+
 /**
  * Base configuration for VitePress
  * Documentation: see https://vitepress.dev/reference/site-config
@@ -5,9 +92,18 @@
  * @returns
  */
 export const generate = (brandConfig) => {
+  copyThemePages();
   const config = {
     appearance: false,
     cleanUrls: true,
+    markdown: {
+      headers: {
+        level: [2, 3, 4, 5, 6]
+      }
+    },
+    rewrites: {
+      ...getBlogRewrites(),
+    },
     description: brandConfig.meta?.description,
     head: [
       ["link", { rel: "icon", href: brandConfig.meta?.favicon }],
@@ -93,6 +189,7 @@ export const generate = (brandConfig) => {
     ],
     srcExclude: ["README.md"],
     themeConfig: {
+      outline: "deep",
       siteTitle: false,
       theme: {
         primaryColor: brandConfig.theme?.primary_color,