replace pug with nunjucks

Author: lkeegan

.gitignore

@@ -0,0 +1,2 @@
+dist/
+node_modules/

.pre-commit-config.yaml

@@ -5,7 +5,6 @@ repos:
       - id: prettier
         additional_dependencies:
           - prettier
-          - "@prettier/plugin-pug"
 
   - repo: https://github.com/pre-commit/pre-commit-hooks
     rev: v6.0.0

eleventy.config.mjs

@@ -0,0 +1,56 @@
+import { minify } from "html-minifier";
+import sharp from "sharp";
+import path from "path";
+import fs from "fs";
+import { fileURLToPath } from "url";
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+
+export default function (eleventyConfig) {
+  // Exclude data helper modules from template processing
+  eleventyConfig.ignores.add("src/pages/_helpers/**");
+
+  // Copy assets to output
+  eleventyConfig.addPassthroughCopy({ "src/assets": "assets" });
+
+  // Watch content YAML files for changes
+  eleventyConfig.addWatchTarget("src/content/");
+
+  // Minify HTML output
+  eleventyConfig.addTransform("htmlmin", function (content, outputPath) {
+    if (outputPath && outputPath.endsWith(".html")) {
+      return minify(content, {
+        removeComments: true,
+        collapseWhitespace: true,
+      });
+    }
+    return content;
+  });
+
+  // Convert PNG images to WebP after build
+  eleventyConfig.on("eleventy.after", async () => {
+    const assetsDir = path.resolve(__dirname, "dist/assets");
+    if (!fs.existsSync(assetsDir)) return;
+    await convertPngsToWebp(assetsDir);
+  });
+
+  return {
+    dir: {
+      input: "src/pages",
+      output: "dist",
+    },
+  };
+}
+
+async function convertPngsToWebp(dir) {
+  const entries = fs.readdirSync(dir, { withFileTypes: true });
+  for (const entry of entries) {
+    const fullPath = path.join(dir, entry.name);
+    if (entry.isDirectory()) {
+      await convertPngsToWebp(fullPath);
+    } else if (entry.name.endsWith(".png")) {
+      const outFile = fullPath.replace(/\.png$/, ".webp");
+      await sharp(fullPath).toFile(outFile);
+    }
+  }
+}

package.json

@@ -21,7 +21,6 @@
   },
   "devDependencies": {
     "@11ty/eleventy": "3.0.0",
-    "@11ty/eleventy-plugin-pug": "^1.0.0",
     "autoprefixer": "10.4.27",
     "concurrently": "9.2.1",
     "css-loader": "7.1.4",
@@ -30,7 +29,6 @@
     "mini-css-extract-plugin": "2.10.0",
     "postcss": "8.5.6",
     "postcss-loader": "8.2.1",
-    "pug": "3.0.3",
     "sass": "1.97.3",
     "sass-loader": "16.0.7",
     "sharp": "0.34.5",