district-dharma/eleventy.config.js

import { eleventyImageTransformPlugin } from "@11ty/eleventy-img";

import { attrs } from "@mdit/plugin-attrs";
import { markdownitLinkAttributes } from 'markdown-it-link-attributes';

import path from "node:path";

import pluginFilters from "./_config/filters.js";

export default async function (eleventyConfig) {
	/* Markdown HTML attribute parsing */
	eleventyConfig.amendLibrary("md", (mdLib) => mdLib.use(attrs));

	/* Markdown apply target="_blank" to all external links */
	const milaOptions = {
    matcher(href) {
      return href.match(/^https?:\/\//);
    },
    attrs: {
      target: "_blank",
      rel: "external",
    },
  };
	eleventyConfig.amendLibrary("md", (mdLib) => mdLib.use(markdownitLinkAttributes, milaOptions));

	/* Bundles */
	/* CSS */
	eleventyConfig.addBundle("css", {
		toFileDirectory: "dist",
		bundleHtmlContentFromSelector: "style",
	});

	/* Javascript */
	eleventyConfig.addBundle("js", {
		toFileDirectory: "dist",
		bundleHtmlContentFromSelector: "script",
	});

	/* Passthroughs */
	eleventyConfig
		.addPassthroughCopy("favicon.ico")
		.addPassthroughCopy("robots.txt");

	/* Images */
	eleventyConfig.addPlugin(eleventyImageTransformPlugin, {
		// output image formats
		formats: ["auto"],

		// output image widths
		widths: ["auto"],

		// optional, attributes assigned on <img> nodes override these values
		htmlOptions: {
			imgAttributes: {
				loading: "lazy",
				decoding: "async",
			},
		},
		filenameFormat: function (hash, src, width, format, options) {
			return path.basename(src);
		},
	});

	/* All filters from _config/filters.js */
	eleventyConfig.addPlugin(pluginFilters);

	/* Shortcodes */
	eleventyConfig.addShortcode("currentBuildDate", () => {
		return new Date().toISOString();
	});

	/* Watch when serving */
	eleventyConfig.addWatchTarget("css");
}

export const config = {
	dir: {
		input: "src",
		includes: "../_includes",
		layouts: "../_includes/layouts",
		data: "../_data",
	},
	markdownTemplateEngine: "njk",
	htmlTemplateEngine: "njk",
	templateFormats: ["html", "md", "njk"],
};