eleventy.config.js

const { EleventyHtmlBasePlugin } = require("@11ty/eleventy");
const pluginTOC = require("eleventy-plugin-nesting-toc");
const markdownIt = require("markdown-it");
const inspect = require("util").inspect;
const markdownItAnchor = require("markdown-it-anchor");
const { DateTime } = require("luxon");
const cheerio = require("cheerio");
const fg = require("fast-glob");
const flaxPlugins = require("./11ty-plugins/flax-plugins.js");

const deleteDirectories = require("./SiteHelpers/deleteDirectories.js");
const { imagesHandler, linkHandler } = require("./SiteHelpers/fileHandler.js");

const { getFilesByTagOrId } = require("./queries");

module.exports = function (eleventyConfig) {

    // Make the base path available in all templates
    eleventyConfig.addGlobalData('basePath',`/app/src/`);

	// passthrough file copy //

	eleventyConfig.addPassthroughCopy(
		{ "static/": "assets/" },
		{
			expand: true,
		}
	);

	eleventyConfig.addPassthroughCopy(
		{ "src/**/*.+(jpg|jpeg|png|gif|svg)": "assets/images/" },
	);

	// Copy JavaScript files from any folder
	eleventyConfig.addPassthroughCopy({ "src/**/*.js": 'assets/js/' });

	// Copy font files from any folder
	eleventyConfig.addPassthroughCopy({ "src/**/*.+(woff|woff2|ttf|otf)": 'assets/fonts/' });

	eleventyConfig.setServerOptions({
		watch: ["public/**/*.css", "static/**/*.css"],
	});

	// flaxHelpers
	eleventyConfig.addPlugin(flaxPlugins);
	eleventyConfig.addPlugin(EleventyHtmlBasePlugin);

	// Clean the output directory before each build
	eleventyConfig.on("beforeBuild", (options) => {
		const outputDir = options.inputDir.replace("src", "public");
		deleteDirectories(outputDir, "assets");
	});

	eleventyConfig.addCollection("supplementaryFiles", function (collection) {
		return supplementary;
	});

	// plugin TOC
	eleventyConfig.addPlugin(pluginTOC);

	eleventyConfig.setLibrary(
		"md",
		markdownIt({
			html: true,
			linkify: true,
			typographer: true,
		}).use(markdownItAnchor, {})
	);

	// add link to the diverses files
	const supplementary = fg.sync([
		"**/outputs/**",
		"!**/node_modules/",
		"!**/temp",
		"!**/public",
	]);

	eleventyConfig.addFilter("map", function (array, attribute) {
		return array.map(item => item[attribute]);
	});

	eleventyConfig.addFilter("convertCamelCaseToTitleCase", function (string) {
		return Array.from(string).reduce((acc, cur) => {
			if (!acc) return cur.toUpperCase()
			if (cur < 'A' || cur > 'Z') return acc + cur
			return `${acc} ${cur}`
		  }, '')
	});
	  
	eleventyConfig.addFilter("reorderPages", function (pages) {
		return pages.sort((page1, page2) => {
			if (page1.sequenceIndex > page2.sequenceIndex) return 1;
			else if (page1.sequenceIndex < page2.sequenceIndex) return -1;
			else return 0;
		});
	});

	eleventyConfig.addFilter("valueOrDefault", function (value, defaultValue) {
		if (!value) {
			return defaultValue;
		}
		return value;
	});

	// get the date with luxon (for all date)
	eleventyConfig.addFilter("postDate", (dateObj) => {
		let date = new Date(dateObj);
		return DateTime.fromJSDate(date).toLocaleString(DateTime.DATE_MED);
	});

	eleventyConfig.addAsyncFilter("showFileIdOrTag", async function(id, tag, objectId, group) { 
		if(!id && !tag) {
			return false;
		}
		
		if (id) {
			const files = await getFilesByTagOrId(id, null, null, group)
			if (files.getFilesByTagOrId.length) {
				return files.getFilesByTagOrId[0].storedObjects[0].url
			}
		} else if (tag) {
			const files = await getFilesByTagOrId(null, objectId, tag, group)
			if (files.getFilesByTagOrId.length) {
				return files.getFilesByTagOrId[0].storedObjects[0].url	
			}
		}

		return ''
	});

	eleventyConfig.addFilter("imagesHandler",
		function (content, id, folderName, group, hexCode) {
			return imagesHandler(group, folderName, content, id, hexCode);
		}
	);

	eleventyConfig.addFilter("linkHandler",
		function (content, id, folderName, group, hexCode) {
			return linkHandler(group, folderName, content, id, hexCode);
		}
	);

	eleventyConfig.addFilter("addIDtoTitles", function (value) {
		const $ = cheerio.load(`${value}`);

		$("h2,h3,h4,h5").each(function (i, elem) {
			let selector = $(this).text().toLowerCase().replace(/[\s\.\/\W\d]+/g, "");
			$(this).attr("id", selector);
		});

		return $.html();
	});

	eleventyConfig.addFilter("cleanLink", function (value) {
		return value.replace(/static\/outputs\/\d+?\//, "");
	});

	eleventyConfig.addFilter("dumpObject", function (value) {
		return "items";
	});

	eleventyConfig.addFilter("debug", (content) => `<pre>${inspect(content)}</pre>`);

	eleventyConfig.addFilter("shouldShowEllipses", (pagination, position) => {
		if (pagination.links.length <= 5) {
			return;
		}

		if (position == "start" && pagination.pageNumber + 1 <= 4) {
			return;
		}

		if (position == "end" && pagination.pageNumber + 5 > pagination.links.length) {
			return;
		}

		return "...";
	});

	eleventyConfig.addFilter("jsonify", (value) => {
		return JSON.stringify(value);
	});

	eleventyConfig.addPlugin(pluginTOC, {
		tags: ["h2", "h3", "h4"], // which heading tags are selected headings must each have an ID attribute
		wrapper: "nav", // element to put around the root `ol`/`ul`
		wrapperClass: "toc", // class for the element around the root `ol`/`ul`
		ul: false, // if to use `ul` instead of `ol`
		flat: false,
	});

	// folder structures
	// -----------------------------------------------------------------------------
	// content, data and layouts comes from the src folders
	// output goes to public (for gitlab ci/cd)
	// -----------------------------------------------------------------------------
	return {
		markdownTemplateEngine: "njk",

		dir: {
			input: "src/kotahi",
			output: "public/kotahi",
			includes: "layouts",
			data: "data",
		},
	};
};