.eleventy.js

const fs = require("fs");

const syntaxHighlight = require("@11ty/eleventy-plugin-syntaxhighlight");
const pluginRss = require("@11ty/eleventy-plugin-rss");

const markdownIt = require("markdown-it");
const markdownItNamedHeadings = require("markdown-it-named-headings");

const markdownOptions = {
  html: true,
  breaks: true,
  linkify: true,
};
const markdownRenderer = markdownIt(markdownOptions).use(
  markdownItNamedHeadings,
);

const EleventyPluginOgImage = require("eleventy-plugin-og-image");

module.exports = function (eleventyConfig) {
  // Output directory: _site
  // input directory: pages

  // Copy `assets/` to `_site`
  eleventyConfig.addPassthroughCopy({
    "assets/img": "img",
    "assets/css": "css",
    "assets/js": "js",
    "assets/favicon": "favicon",
    "assets/manifest.json": "manifest.json",
  });

  eleventyConfig.setTemplateFormats([
    // Templates:
    "html",
    "njk",
    "md",
    // Static Assets:
    "png",
    "jpg",
    "svg",
  ]);

  // Add syntax highlighting
  eleventyConfig.addPlugin(syntaxHighlight);
  eleventyConfig.addPlugin(pluginRss);

  // eleventyConfig.addCollection("postList", (collection) => {
  //   return collection.getFilteredByTag("post");
  // });

  eleventyConfig.setLibrary("md", markdownRenderer);

  eleventyConfig.addPlugin(EleventyPluginOgImage, {
    satoriOptions: {
      fonts: [
        {
          name: "WorkSans",
          data: fs.readFileSync("assets/fonts/WorkSans-Bold.ttf"),
          weight: 700,
          style: "bold",
        },
      ],
    },
  });

  eleventyConfig.addShortcode("year", () => `${new Date().getFullYear()}`);

  return {
    dir: {
      input: "pages",
    },
  };
};

// const fs = require("fs");
//
// const { DateTime } = require("luxon");
// const markdownIt = require("markdown-it");
// const markdownItAnchor = require("markdown-it-anchor");
//
// const pluginRss = require("@11ty/eleventy-plugin-rss");
// const pluginSyntaxHighlight = require("@11ty/eleventy-plugin-syntaxhighlight");
// const pluginNavigation = require("@11ty/eleventy-navigation");
//
// module.exports = function(eleventyConfig) {
//   // Copy the `img` and `css` folders to the output
//   eleventyConfig.addPassthroughCopy("img");
//   eleventyConfig.addPassthroughCopy("css");
//
//   // Add plugins
//   eleventyConfig.addPlugin(pluginRss);
//   eleventyConfig.addPlugin(pluginSyntaxHighlight);
//   eleventyConfig.addPlugin(pluginNavigation);
//
//   eleventyConfig.addFilter("readableDate", dateObj => {
//     return DateTime.fromJSDate(dateObj, {zone: 'utc'}).toFormat("dd LLL yyyy");
//   });
//
//   // https://html.spec.whatwg.org/multipage/common-microsyntaxes.html#valid-date-string
//   eleventyConfig.addFilter('htmlDateString', (dateObj) => {
//     return DateTime.fromJSDate(dateObj, {zone: 'utc'}).toFormat('yyyy-LL-dd');
//   });
//
//   // Get the first `n` elements of a collection.
//   eleventyConfig.addFilter("head", (array, n) => {
//     if(!Array.isArray(array) || array.length === 0) {
//       return [];
//     }
//     if( n < 0 ) {
//       return array.slice(n);
//     }
//
//     return array.slice(0, n);
//   });
//
//   // Return the smallest number argument
//   eleventyConfig.addFilter("min", (...numbers) => {
//     return Math.min.apply(null, numbers);
//   });
//
//   function filterTagList(tags) {
//     return (tags || []).filter(tag => ["all", "nav", "post", "posts"].indexOf(tag) === -1);
//   }
//
//   eleventyConfig.addFilter("filterTagList", filterTagList)
//
//   // Create an array of all tags
//   eleventyConfig.addCollection("tagList", function(collection) {
//     let tagSet = new Set();
//     collection.getAll().forEach(item => {
//       (item.data.tags || []).forEach(tag => tagSet.add(tag));
//     });
//
//     return filterTagList([...tagSet]);
//   });
//
//   // Customize Markdown library and settings:
//   let markdownLibrary = markdownIt({
//     html: true,
//     linkify: true
//   }).use(markdownItAnchor, {
//     permalink: markdownItAnchor.permalink.ariaHidden({
//       placement: "after",
//       class: "direct-link",
//       symbol: "#"
//     }),
//     level: [1,2,3,4],
//     slugify: eleventyConfig.getFilter("slugify")
//   });
//   eleventyConfig.setLibrary("md", markdownLibrary);
//
//   // Override Browsersync defaults (used only with --serve)
//   eleventyConfig.setBrowserSyncConfig({
//     callbacks: {
//       ready: function(err, browserSync) {
//         const content_404 = fs.readFileSync('_site/404.html');
//
//         browserSync.addMiddleware("*", (req, res) => {
//           // Provides the 404 content without redirect.
//           res.writeHead(404, {"Content-Type": "text/html; charset=UTF-8"});
//           res.write(content_404);
//           res.end();
//         });
//       },
//     },
//     ui: false,
//     ghostMode: false
//   });
//
//   return {
//     // Control which files Eleventy will process
//     // e.g.: *.md, *.njk, *.html, *.liquid
//     templateFormats: [
//       "md",
//       "njk",
//       "html",
//       "liquid"
//     ],
//
//     // Pre-process *.md files with: (default: `liquid`)
//     markdownTemplateEngine: "njk",
//
//     // Pre-process *.html files with: (default: `liquid`)
//     htmlTemplateEngine: "njk",
//
//     // -----------------------------------------------------------------
//     // If your site deploys to a subdirectory, change `pathPrefix`.
//     // Don’t worry about leading and trailing slashes, we normalize these.
//
//     // If you don’t have a subdirectory, use "" or "/" (they do the same thing)
//     // This is only used for link URLs (it does not affect your file structure)
//     // Best paired with the `url` filter: https://www.11ty.dev/docs/filters/url/
//
//     // You can also pass this in on the command line using `--pathprefix`
//
//     // Optional (default is shown)
//     pathPrefix: "/",
//     // -----------------------------------------------------------------
//
//     // These are all optional (defaults are shown):
//     dir: {
//       input: ".",
//       includes: "_includes",
//       data: "_data",
//       output: "_site"
//     }
//   };
// };