.eleventy.js

require('dotenv').config();

const { parse, stringify } = require('himalaya');
const dateFilter = require('./src/filters/date.js');
const htmlMinTransform = require('./src/transforms/html-min-transform.js');
const Image = require('@11ty/eleventy-img');
const isProduction = process.env.CONTEXT === 'production';
const syntaxHighlight = require("@11ty/eleventy-plugin-syntaxhighlight");
const w3DateFilter = require('./src/filters/w3-date.js');
const markdownFilter = require('./src/filters/markdown.js');

module.exports = config => {
  config.addFilter('date', dateFilter);
  config.addFilter('w3Date', w3DateFilter);
  config.addFilter('markdown', markdownFilter);

  config.addPlugin(syntaxHighlight);

  config.addPassthroughCopy('./src/img/**');
  config.addPassthroughCopy('./src/css/**');
  config.addPassthroughCopy('./src/js/**');
  config.addPassthroughCopy('./src/font/**');
  config.addPassthroughCopy('./_redirects');
  config.addPassthroughCopy({ './src/img/favicon/favicon.ico': '/favicon.ico' });
  config.addPassthroughCopy({ './src/robots.txt': '/robots.txt' });

  config.addCollection('blog', collection => {
    return [...collection.getFilteredByGlob('./src/hu/posts/*.md')];
  });

  config.addNunjucksAsyncShortcode('svgIcon', async (src, cls) => {
    const metadata = await Image(src, {
      formats: ['svg'],
      dryRun: true,
    });
    const svg = parse(metadata.svg[0].buffer.toString());

    svg[0].attributes.push({
      key: 'class',
      value: cls ? cls : 'icon'
    });

    return stringify(svg);
  });

  config.addShortcode('image', async function(src, alt, sizes) {
    let metadata = await Image(src, {
      formats: ['webp', 'jpeg'],
      outputDir: './dist/img/',
    });

    let imageAttributes = {
      alt,
      sizes,
      loading: 'lazy',
      decoding: 'async',
    };

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

  if (isProduction) {
    config.addTransform('htmlmin', htmlMinTransform);
  }

  config.setUseGitIgnore(true);

  return {
    markdownTemplateEngine: 'njk',
    dataTemplateEngine: 'njk',
    htmlTemplateEngine: 'njk',
    dir: {
      input: 'src',
      output: 'dist'
    }
  };
};