eleventy.config.js

/** @format */

const htmlmin = require('html-minifier');
const syntaxHighlight = require('@11ty/eleventy-plugin-syntaxhighlight');
const i18n = require('eleventy-plugin-i18n');
const translations = require('./src/_data/i18n');

module.exports = (eleventyConfig) => {
  // i18n translations
  eleventyConfig.addPlugin(i18n, {
    translations,
    fallbackLocales: {
      '*': 'en',
    },
  });

  // Minify our HTML
  eleventyConfig.addTransform('htmlmin', (content, outputPath) => {
    if (outputPath.endsWith('.html')) {
      let minified = htmlmin.minify(content, {
        useShortDoctype: true,
        removeComments: true,
        collapseWhitespace: true,
      });
      return minified;
    }
    return content;
  });

  // Layout aliases
  eleventyConfig.addLayoutAlias('default', 'default.njk');
  eleventyConfig.addLayoutAlias('home', 'home.njk');

  // Include our static assets
  eleventyConfig.addPassthroughCopy('images');
  eleventyConfig.addPassthroughCopy('demos');

  eleventyConfig.addPlugin(syntaxHighlight, {
    alwaysWrapLineHighlights: false,
  });

  let md = require('markdown-it')({
    html: true,
    breaks: true,
    linkify: true,
  });

  md.use(require('markdown-it-attrs'));
  md.use(require('markdown-it-anchor'));

  eleventyConfig.setLibrary('md', md);

  // Cut back on terminal noise during development
  eleventyConfig.setQuietMode(true);

  // Collection of pages that can appear in search results
  eleventyConfig.addCollection('searchPages', (collection) => {
    return collection
      .getFilteredByGlob('src/*.md')
      .sort((a, b) => {
        if (a.data.title < b.data.title) return -1;
        if (a.data.title > b.date.title) return 1;
        return 0;
      })
      .filter((page) => {
        return !page.data.hidden;
      });
  });

  // Helper for extracting the searchable content in a page
  eleventyConfig.addShortcode('searchContent', (page) => {
    if (!page.hasOwnProperty('templateContent')) {
      console.warn(
        'Failed to extract excerpt: Document has no property "templateContent".'
      );
      return null;
    }

    return JSON.stringify(page.templateContent)
      .slice(1, -1)
      .replace(/[\n]\s*[\n]/gm, '\n')
      .replace(/<h1[^>]*.*<\/h1>/gm, '')
      .replace(/<[^>]*>/g, '')
      .replace(/^\\n/g, '')
      .trim();
  });

  return {
    templateFormats: ['md', 'njk'],
    markdownTemplateEngine: 'njk',
    htmlTemplateEngine: 'njk',
    passthroughFileCopy: true,
    dir: {
      input: 'src',
      output: 'dist',
      layouts: '_layouts',
      includes: '_includes',
      data: '_data',
    },
  };
};