.eleventy.js

const { DateTime } = require("luxon");
const pluginRss = require("@11ty/eleventy-plugin-rss");

module.exports = function(eleventyConfig) {
  eleventyConfig.addPlugin(pluginRss);

  eleventyConfig.addFilter("readableDate", dateObj => {
    return DateTime.fromJSDate(dateObj).toFormat("dd LLL yyyy");
  });

  // all posts
  eleventyConfig.addCollection("posts", function(collection) {
    return collection.getAllSorted().filter(function(item) {
      return item;
    });
  });

  // only content in the `recipes` directory
  eleventyConfig.addCollection("recipes", function(collection) {
    return collection.getAllSorted().filter(function(item) {
      return item.inputPath.match(/^\.\/_src\/recipes\//) !== null;
    });
  });

  // only content in the `recipes` directory
  eleventyConfig.addCollection("truncrecipes", function(collection) {
    let i = 0;
    let ret = [];

    collection.getAllSorted().reverse().filter(function(item) {
      if( item.data.img != null && item.data.feat != true && item.data.subfeat != true && item.inputPath.match(/^\.\/_src\/recipes\//) !== null ) {
        if( i <= 7 ) {
          ret.push( item );
          i++;
        }
      }
    });
    return ret;
  });

    // only content in the `articles` directory
  eleventyConfig.addCollection("articles", function(collection) {
    return collection.getAllSorted().filter(function(item) {
      return item.inputPath.match(/^\.\/_src\/articles\//) !== null;
    });
  });

  eleventyConfig.addCollection("truncarticles", function(collection) {
    let i = 0;
    let ret = [];

    collection.getAllSorted().reverse().filter(function(item) {
      if( item.data.img != null && item.data.feat != true && item.data.subfeat != true && item.inputPath.match(/^\.\/_src\/articles\//) !== null ) {
        if( i < 4  ) {
          ret.push( item );
          i++;
        }
      }
    });
    return ret;
  });

  eleventyConfig.addCollection("subnav", function(collection) {
    return collection.getAllSorted().filter(function(item) {
      return item.data.tags == "subnav";
    });
  });

  eleventyConfig.addCollection("footnav", function(collection) {
    return collection.getAllSorted().filter(function(item) {
      return item.data.tags == "footnav";
    });
  });

  eleventyConfig.addShortcode("tweet", function( tweet ) {
    return `<blockquote class="tweet-embed">
        <pre>${ tweet.text }</pre>
        <span class="tweet-attr">@<a href="${ tweet.href }">${ tweet.user }</a></span>
    </blockquote>`;
  });

  eleventyConfig.addShortcode("respimg", function( img ) {
    return `<figure class="inline-img ${ img.align == "right" ? `inline-img-right` : `` }${ img.align == "center" ? `inline-img-center` : `` }" ${ img.caption ? `aria-describedby="${ img.src }-capt">` : `>` }
      <img 
        src="/img/${ img.src }-4.jpg" 
        alt="${ img.alt }"
        srcset="/img/${ img.src }-1.jpg 320w, /img/${ img.src }-2.jpg 450w, /img/${ img.src }-3.jpg 640w, /img/${ img.src }-4.jpg 820w, /img/${ img.src }-5.jpg 1024w"
        sizes="(min-width: 1320px) 323px, (min-width: 1040px) calc(8.85vw + 208px), (min-width: 800px) calc(6.36vw + 229px), (min-width: 560px) calc(32.27vw + 28px), 93.33vw" />
      ${ img.caption ? `<figcaption class="caption" id="${ img.src }-capt">${ img.caption }</figcaption></figure>` : `</figure>` }
  `;
  });

  let markdownIt = require("markdown-it");
  let markdownItAnchor = require("markdown-it-anchor");
  let options = {
    html: true,
    breaks: true,
    linkify: true
  };
  let opts = {
    permalink: true,
    permalinkClass: 'direct',
    permalinkSymbol: ''
  };

  eleventyConfig.setLibrary("md", markdownIt(options).use(markdownItAnchor, opts));
  eleventyConfig.addPassthroughCopy("_src/_assets/img");

  return {
    templateFormats: [
      "md",
      "njk",
      "html"
    ],

    // If your site lives in a different subdirectory, change this.
    // Leading or trailing slashes are all normalized away, so don’t worry about it.
    // If you don’t have a subdirectory, use "" or "/" (they do the same thing)
    // This is only used for URLs (it does not affect your file structure)
    pathPrefix: "/",

    markdownTemplateEngine: "njk",
    htmlTemplateEngine: "njk",
    dataTemplateEngine: "njk",
    passthroughFileCopy: true,
    dir: {
      input: "_src",
      includes: "_includes",
      data: "_data",
      output: "_site"
    }
  };
};