Continuation on breaking out functionality

packages/@zblog/toolchain/src/zblog-toolchain.ts

@@ -1,5 +1,6 @@
 import * as fs from "fs";
-import { toHtml } from "./markdown.js";
+import { destructivelyRecreateDirectory } from "./toolchain-helpers.js";
+import { loadMarkdown } from "./markdown-loader.js";
 
 export type Paths = {
   outputDirectory: string;
@@ -7,6 +8,7 @@ export type Paths = {
     rootPath: string;
     assetsDirectoryName: string;
     noteFileName: string;
+    markdownHtmlVariableReplacementTag: string;
   };
   templates: {
     rootPath: string;
@@ -16,60 +18,52 @@ export type Paths = {
   };
 };
 
+export type MenuManifest = { name: string; link: string }[];
+
+export type PluginBuilder = () => Plugin;
+
+export type Plugin = (builderContext: {
+  menuManifest: MenuManifest;
+}) => void | Promise<void>;
+
 export class ToolchainBuilder {
   private paths: Paths;
+  private menuManifest: MenuManifest = [];
   constructor(paths: Paths) {
     this.paths = paths;
   }
 
-  build() {
-    if (fs.readdirSync(".").includes(this.paths.outputDirectory)) {
-      fs.rmSync(this.paths.outputDirectory, { recursive: true, force: true });
-      console.log("Starting rebuild");
-    } else {
-      console.log("Starting build");
+  async build() {
+    destructivelyRecreateDirectory(this.paths.outputDirectory);
+
+    loadMarkdown(
+      {
+        rootPath: this.paths.notes.rootPath,
+        assetsDirectoryName: this.paths.notes.assetsDirectoryName,
+        noteFileName: this.paths.notes.noteFileName,
+        markdownHtmlReplacementTag:
+          this.paths.notes.markdownHtmlVariableReplacementTag,
+        noteHtmlTemplatePath: `${this.paths.templates.rootPath}/${this.paths.templates.noteTemplateName}`,
+        outputDirectory: this.paths.outputDirectory,
+      },
+      this.menuManifest
+    );
+
+    const plugins: Plugin[] = [
+      () => {},
+      async () => {
+        return new Promise<void>((resolve) => {
+          resolve();
+        });
+      },
+    ];
+
+    for (const plugin of plugins) {
+      await plugin({ menuManifest: this.menuManifest });
     }
-    fs.mkdirSync(this.paths.outputDirectory);
-    console.log("Indexing content..");
-    const directoryNames = fs.readdirSync(this.paths.notes.rootPath);
-    const manifest = directoryNames.map((noteDirectory) => ({
-      directoryName: noteDirectory,
-      name: noteDirectory,
-      markdown: fs.readFileSync(
-        `${this.paths.notes.rootPath}/${noteDirectory}/${this.paths.notes.noteFileName}`,
-        { encoding: "utf-8" }
-      ),
-      assetDirectoryPath: `${this.paths.notes.rootPath}/${noteDirectory}/${this.paths.notes.assetsDirectoryName}`,
-      publicAssetDirectoryPath: `/${noteDirectory}_`,
-    }));
-    console.log("Parsing content..");
-    manifest.forEach((m) => {
-      const notePath = `${this.paths.templates.rootPath}/${this.paths.templates.noteTemplateName}`;
-      let htmlTemplate = fs.readFileSync(notePath, {
-        encoding: "utf-8",
-      });
-      htmlTemplate = htmlTemplate.replace(
-        "{{markdown}}",
-        toHtml(m.markdown, m.publicAssetDirectoryPath)
-      );
-      fs.writeFileSync(
-        `${this.paths.outputDirectory}/${m.directoryName}.html`,
-        htmlTemplate,
-        {
-          encoding: "utf-8",
-          flag: "ax",
-        }
-      );
-      if (!fs.existsSync(m.assetDirectoryPath)) return;
-      const assetsList = fs.readdirSync(m.assetDirectoryPath);
-      assetsList.forEach((assetName) =>
-        fs.cpSync(
-          `${m.assetDirectoryPath}/${assetName}`,
-          `${this.paths.outputDirectory}/${m.name}_${assetName}`
-        )
-      );
-    });
-    console.log("Moving static templates..");
+
+    // static html loader
+
     [this.paths.templates.notFoundName].forEach((filename) => {
       fs.copyFileSync(
         `${this.paths.templates.rootPath}/${filename}`,
@@ -83,8 +77,8 @@ export class ToolchainBuilder {
         encoding: "utf-8",
       }
     );
-    const links = manifest
-      .map((m) => `<a href='/${m.directoryName}.html'>${m.name}</a>`)
+    const links = this.menuManifest
+      .map((m) => `<a href='${m.link}'>${m.name}</a>`)
       .reverse();
     const unorderedListItems = links.map((l) => `<li>${l}</li>`).join("\r\n");
     const html = `