eleventy.config.js

const path = require('path');

const Image = require('@11ty/eleventy-img');

const setupCollections = require('./lib/collections');
const setupSessions = require('./lib/sessions');
const setupFeed = require('./lib/feed');
const markdown = require('./lib/markdown');

const { formatInTimeZone } = require('date-fns-tz');

// Read timezone from site.json
const siteConfig = require('./src/_data/site.json');
const timezone = siteConfig.timezone || 'UTC'; // Default to 'UTC' if not specified

module.exports = (config) => {
  setupCollections(config);
  setupSessions(config);
  setupFeed(config);

  /*
    Setup passthrough file copy
    https://www.11ty.dev/docs/copy/
  */
  config.addPassthroughCopy("src/assets/img/**/*");
  config.addPassthroughCopy("src/assets/js/");
  config.addPassthroughCopy("src/assets/favicons/");
  config.addPassthroughCopy({
    "src/_content/sponsors/*.{png,jpg,jpeg,webp,svg}": "sponsors/",
    "src/_content/places/*.{png,jpg,jpeg,webp,svg}": "venue/",
  });
  config.addPassthroughCopy("CNAME");
  config.addPassthroughCopy("ROBOTS.txt");


  /*
    Setup watch targets
    https://www.11ty.dev/docs/watch-serve/#add-your-own-watch-targets
  */
  config.addWatchTarget("src/assets/js/");

  /*
    Shortcodes
  */
  // TODO: Accept widths or support different widths
  config.addLiquidShortcode("image", async function(
    src,
    outputDir,
    urlPath,
    alt = "",
    sizes,
    classes = "") {
      let metadata = await Image(src, {
        widths: [180, 300, 600],
        formats: ["webp"],
        outputDir,
        urlPath,
        filenameFormat: function (id, src, width, format, options) {
          // Get the original filename without the extension
          const originalFilename = path.basename(src, path.extname(src));

          return `${originalFilename}-${width}.${format}`;
        },
      });

      let imageAttributes = {
        class: classes,
        alt,
        sizes,
        loading: "lazy",
        decoding: "async",
      };

    return Image.generateHTML(metadata, imageAttributes);
  });

  config.addPairedShortcode("markdown", function(content = "") {
    return markdown.render(content);
  });

  /*
    Filters
  */
  config.addFilter("markdown", function(content = "") {
    return markdown.render(content);
  });

  config.addFilter("formatDateTime", function(date, format) {
    return formatInTimeZone(date, timezone, format);
  });

  config.addFilter("find", function find(collection = [], slug = "") {
    return collection.find(item => item.fileSlug === slug);
  });

  /* TODO: Make generic */
  config.addFilter("talksByPresenter", function talksByPresenter(collection = [], slug = "") {
    return collection.filter(item => item.data.presenter_slugs.includes(slug));
  });

  // Only build pages that aren't marked as drafts, usage below
  // draft: true
  config.addGlobalData("eleventyComputed.permalink", function() {
    return (data) => {
      if (data.draft) {
        return false;
      }
      
      // Otherwise, use the permalink specified in the page front matter
      return data.permalink;
    }
  });

  /*
    Misc configuration
  */
  config.setFrontMatterParsingOptions({
    excerpt: true,
    excerpt_separator: "<!-- excerpt -->"
  });

  config.setLibrary("md", markdown);

  return {
    dir: {
      input: "src",
      output: "dist",
      layouts:  '_layouts',
    },

    // Use Liquid for templating
    // https://www.11ty.dev/docs/languages/liquid/
    htmlTemplateEngine: "liquid"
  }
};