.eleventy.js

const rssPlugin = require("@11ty/eleventy-plugin-rss");
const syntaxHighlight = require("@11ty/eleventy-plugin-syntaxhighlight");
const pluginMermaid = require("@kevingimbel/eleventy-plugin-mermaid");

// Import filters
const dateFilter = require("./site/filters/date-filter.js");
const markdownFilter = require("./site/filters/markdown-filter.js");
const w3DateFilter = require("./site/filters/w3-date-filter.js");

// Import transforms
const htmlMinTransform = require("./site/transforms/html-min-transform.js");
const parseTransform = require("./site/transforms/parse-transform.js");
const criticalCSSTransform = require("./site/transforms/critical-css-transform.js");

// Import data files
const site = require("./site/_data/site.js");

module.exports = function (config) {
  // Filters
  config.addFilter("dateFilter", dateFilter);
  config.addFilter("markdownFilter", markdownFilter);
  config.addFilter("w3DateFilter", w3DateFilter);

  // Transforms
  config.addTransform("parse", parseTransform);
  if (site.criticalCSS) {
    config.addTransform("critical-css", criticalCSSTransform);
  } else {
    // Critical will also minify
    config.addTransform("htmlmin", htmlMinTransform);
  }

  // Custom collections
  const now = new Date();
  const livePosts = (post) => post.date <= now && !post.data.draft;
  config.addCollection("posts", (collection) => {
    return [
      ...collection.getFilteredByGlob("./site/posts/*.md").filter(livePosts),
    ].reverse();
  });

  config.addCollection("postFeed", (collection) => {
    return [
      ...collection.getFilteredByGlob("./site/posts/*.md").filter(livePosts),
    ]
      .reverse()
      .slice(0, site.postsPerPage);
  });

  config.addCollection("sitemap", (collection) => {
    return collection.getAll().filter((item) => {
      const url = item.url;
      const data = item.data || {};

      if (!url) {
        return false;
      }

      if (data.eleventyExcludeFromCollections || data.sitemap === false) {
        return false;
      }

      if (data.draft) {
        return false;
      }

      const urlLower = url.toLowerCase();
      const hasExtension = urlLower.includes(".");
      const urlExtension = hasExtension ? urlLower.split(".").pop() : "";

      if (!urlLower.endsWith("/") && hasExtension && urlExtension !== "html") {
        return false;
      }

      if (urlLower.includes("404")) {
        return false;
      }

      return true;
    });
  });

  // Passthrough
  config.addPassthroughCopy({ "site/static": "/" });

  // Plugins
  config.addPlugin(rssPlugin);
  config.addPlugin(syntaxHighlight);
  config.addPlugin(pluginMermaid);

  // Watch for changes to my source files
  if (config.addWatchTarget) {
    config.addWatchTarget("site/src/scss");
    config.addWatchTarget("site/src/js");
  } else {
    console.log(
      "A future version of 11ty will allow live-reloading of JS and Sass. You can update 11ty with the next release to get these features."
    );
  }

  return {
    dir: {
      input: "site",
      output: "dist",
    },
    passthroughFileCopy: true,
  };
};