eleventy.config.js

import eleventyNavigation from '@11ty/eleventy-navigation';
import fluidPlugin from 'eleventy-plugin-fluid';
import pluginRss from '@11ty/eleventy-plugin-rss';
import { eleventyImageTransformPlugin } from '@11ty/eleventy-img';
import { chunkArray, createPagination } from './src/assets/scripts/utilities.js';
import parseTransform from './src/transforms/parse.js';
import categoryFromFocusFilter from './src/filters/category-from-focus.js';
import getFilteredByTagSlug from './src/utils/get-filtered-by-tag-slug.js';
import getResourceTagLabelFilter from './src/filters/get-resource-tag-label.js';
import getUniqueTags from './src/utils/get-unique-tags.js';
import htmlSymbolFilter from './src/filters/html-symbol.js';
import markdownFilter from './src/filters/markdown.js';
import paginateFilter from './src/filters/paginate.js';
import randomizeFilter from './src/filters/randomize.js';
import expanderShortcode from './src/shortcodes/expander.js';
import imageAndTextShortcode from './src/shortcodes/image-and-text.js';
import youtubeShortcode from './src/shortcodes/youtube.js';

/**
 * @param {object} eleventyConfig - The Eleventy configuration object.
 * @returns {object} - Eleventy configuration.
 */
export default function eleventy(eleventyConfig) {
	eleventyConfig.addCollection('events', (collection) => {
		const events = [
			...collection.getFilteredByGlob('src/collections/events/*.md'),
		];
		return events.toSorted((a, b) => b.data.eventDate - a.data.eventDate);
	});

	eleventyConfig.addCollection('initiatives', (collection) => {
		const initiatives = [
			...collection.getFilteredByGlob('src/collections/initiatives/*.md'),
		];
		return initiatives.toSorted((a, b) => b.data.date - a.data.date);
	});

	eleventyConfig.addCollection('recount', (collection) => {
		const recount = [
			...collection.getFilteredByGlob('src/collections/recount/*.md'),
		];
		return recount.toSorted((a, b) => b.data.date - a.data.date);
	});

	eleventyConfig.addCollection('views', (collection) => {
		const views = [
			...collection.getFilteredByGlob('src/collections/views/*.md'),
		];
		return views.toSorted((a, b) => b.data.date - a.data.date);
	});

	eleventyConfig.addCollection('resources', (collection) => {
		const resources = [...collection.getFilteredByGlob('src/collections/resources/*.md')];
		return resources.toSorted((a, b) => a.data.title.localeCompare(b.data.title, undefined, {
			ignorePunctuation: 'true',
			sensitivity: 'base',
			usage: 'sort',
		}));
	});

	eleventyConfig.addCollection('pages', (collection) => [
		...collection.getFilteredByGlob('src/collections/pages/*.md'),
	]);

	eleventyConfig.addCollection('initiativesTags', (collection) => getUniqueTags(collection.getFilteredByGlob('src/collections/initiatives/*.md')));

	eleventyConfig.addCollection('allTags', (collection) => {
		const postsByTag = [];

		for (const tag of getUniqueTags(collection.getAll())) {
			postsByTag.push({ ...tag, posts: getFilteredByTagSlug(tag.slug, collection) });
		}

		const pageSize = 10;
		const paginatedPostsByTag = [];

		for (const tag of postsByTag) {
			const postsWithTag = chunkArray(tag.posts, pageSize);

			for (let pageNumber = 1; pageNumber <= postsWithTag.length; pageNumber++) {
				const tagPage = {
					slug: tag.slug,
					title: tag.name,
					posts: postsWithTag[pageNumber - 1],
					pagination: createPagination(tag.posts, pageSize, pageNumber, '/tags/' + tag.slug + '/page/:page'),
				};

				// Add the root page that has the same content as the first page
				// The root page is defined as such by its lack of "pageNumber" property
				if (pageNumber === 1) {
					paginatedPostsByTag.push(tagPage);
				}

				paginatedPostsByTag.push({ ...tagPage, pageNumber });
			}
		}

		return paginatedPostsByTag;
	});

	// Add plugins.
	eleventyConfig.addPlugin(eleventyNavigation);
	eleventyConfig.addPlugin(eleventyImageTransformPlugin);
	eleventyConfig.addPlugin(fluidPlugin, {
		i18n: false,
	});
	eleventyConfig.addPlugin(pluginRss);

	// Add filters.
	eleventyConfig.addFilter('categoryFromFocus', categoryFromFocusFilter);
	eleventyConfig.addFilter('getResourceTagLabel', getResourceTagLabelFilter);
	eleventyConfig.addFilter('htmlSymbolFilter', htmlSymbolFilter);
	eleventyConfig.addFilter('markdownFilter', markdownFilter);
	eleventyConfig.addFilter('randomizeFilter', randomizeFilter);
	eleventyConfig.addFilter('paginate', paginateFilter);

	// Add shortcodes.
	eleventyConfig.addPairedShortcode('expander', expanderShortcode);
	eleventyConfig.addPairedShortcode('imageAndText', imageAndTextShortcode);
	eleventyConfig.addShortcode('youtube', youtubeShortcode);

	// Add transforms.
	eleventyConfig.addTransform('parse', parseTransform);

	// Configure passthrough file copy.
	eleventyConfig.addPassthroughCopy({ 'src/_redirects': '_redirects' });
	eleventyConfig.addPassthroughCopy({ 'node_modules/infusion': 'lib/infusion' });
	eleventyConfig.addPassthroughCopy({ 'src/assets/fonts': 'assets/fonts' });
	eleventyConfig.addPassthroughCopy({ 'src/assets/images': 'assets/images' });
	eleventyConfig.addPassthroughCopy({ 'src/uploads': 'uploads' });
	eleventyConfig.addPassthroughCopy({ 'src/assets/scripts': 'assets/scripts' });
	eleventyConfig.addPassthroughCopy({ 'node_modules/lite-youtube-embed/src/lite-yt-embed.js': 'assets/scripts/lite-yt-embed.js' });
	eleventyConfig.addPassthroughCopy({ 'node_modules/lite-youtube-embed/src/lite-yt-embed.css': 'assets/styles/lite-yt-embed.css' });

	eleventyConfig.addPassthroughCopy({ 'src/admin/config.yml': 'admin/config.yml' });
	eleventyConfig.addPassthroughCopy({ 'node_modules/axios/dist/axios.min.js': 'lib/axios.min.js' });

	return {
		dir: {
			input: 'src',
		},
		passthroughFileCopy: true,
		markdownTemplateEngine: 'njk',
	};
}