.eleventy.js

import prettier from "prettier";
import { createRequire } from "node:module";
const require = createRequire(import.meta.url);

import plugins from "./config/plugins.js";
import filters, { readableDate } from "./config/filters.js";
import markdown from "./config/markdown.js";

const PRETTIER_CONFIG = require("./.prettierrc.json");

export default function conf(config) {
    const md = markdown();

    config.addPassthroughCopy("./_redirects");
    config.addPassthroughCopy({ "./public": "/" });
    config.addPassthroughCopy({ "./style": "/style" });
    config.addWatchTarget("content/**/*.{svg,png,jpeg,webp}");
    config.addWatchTarget("style/**/*.css");

    plugins(config);
    filters(config);
    config.setLibrary("md", md);

    config.addShortcode("buildDate", () => readableDate(new Date()));

    config.addTransform("prettier", async function (content) {
        if (
            [".html", ".css", ".js", ".json"].some((x) =>
                this.page.outputPath.endsWith(x),
            )
        ) {
            return await prettier.format(content, {
                filepath: this.page.outputPath,
                ...PRETTIER_CONFIG,
            });
        }

        return content;
    });

    return {
        templateFormats: ["md", "njk", "html", "11ty.js"],
        markdownTemplateEngine: "njk",
        htmlTemplateEngine: "njk",
        dir: {
            input: "content",
            output: "./dist/",
            includes: "../include", // top-level include directory
            data: "../data", // top-level data directory
        },
    };
}