.eleventy.js

const CleanCSS = require("clean-css");
const { EleventyHtmlBasePlugin } = require("@11ty/eleventy");

module.exports = function (eleventyConfig) {
	eleventyConfig.addPassthroughCopy("fonts");
	eleventyConfig.addPassthroughCopy("**/*.jpg");

	eleventyConfig.addFilter("cssmin", function (code) {
		return new CleanCSS({}).minify(code).styles;
	});

	// Filters, custom functions to use in njk templates
	eleventyConfig.addFilter("readableDate", (dateObj) => {
		dateObj ??= new Date(); // if null or undefined, then create new obj with current time

		// Options so date looks like "August 6, 2023"
		const dateOptions = {
			year: "numeric",
			month: "long",
			day: "numeric",
		};

		return dateObj.toLocaleDateString("en-us", {
			timeZone: "utc",
			...dateOptions,
		}); // Use utc tz so that no tz conversion occurs
	});

	eleventyConfig.addFilter("htmlDateString", (dateObj) => {
		dateObj ??= new Date(); // if null or undefined, then create new obj with current time

		// Use utc tz so that no tz conversion occurs
		// Convert to YYYY/MM/DD, then replace forward slashes with dashes to return YYYY-MM-DD
		return dateObj
			.toLocaleDateString("en-ZA", { timezone: "utc" })
			.replace(/\//g, "-");
	});

	eleventyConfig.addPlugin(EleventyHtmlBasePlugin);
	return {
		dir: {
			input: "content", // default: "."
			includes: "../_includes", // default: "_includes"
			data: "../_data", // default: "_data"
			output: "_site",
		},
	};
};