.eleventy.js

/**
 * I strive to keep the `.eleventy.js` file clean and uncluttered. Most adjustments must be made in:
 *  - `src/config/collections.js`
 *  - `src/config/filters.js`
 *  - `src/config/plugins.js`
 *  - `src/config/shortcodes.js`
 *  - `src/config/transforms.js`
 */

// get package.json
const packageVersion = require('./package.json').version;

// module import filters
const {
  limit,
  where,
  every,
  some,
  truncate,
  categoryFilter,
  toHtml,
  toAbsoluteUrl,
  stripHtml,
  toISOString,
  readingTime,
  formatDate,
  formatDateES,
  formatDateDE,
  minifyCss,
  minifyJs,
  mdInline,
  splitlines,
  getWebmentionsForUrl,
  webmentionSize,
  webmentionsByType,
  isOwnWebmention,
  sortWebmentions
} = require('./config/filters/index.js');

// module import collections
const {
  allMarkdown,
  getProjectsEN,
  getBlogsEN,
  getProjectsES,
  getBlogsES,
  getProjectsDE,
  getBlogsDE,
  getBlogsAllFullLang,
  getBlogsAllLang
} = require('./config/collections/index.js');

// module import shortcodes
const {
  asideShortcode,
  breakoutShortcode,
  insertionShortcode,
  imageShortcode,
  imageShortcodePlaceholder,
  liteYoutube,
  codePen
} = require('./config/shortcodes/index.js');

// module import transforms
// const {
// ...
// } = require('./config/transforms/index.js');

// plugins
const markdownLib = require('./config/plugins/markdown.js');
const syntaxHighlight = require('@11ty/eleventy-plugin-syntaxhighlight');
const {slugifyString} = require('./config/utils');
const {escape} = require('lodash');
const pluginRss = require('@11ty/eleventy-plugin-rss');

// module import events
const {afterBuild} = require('./config/events/index.js');

module.exports = async function (eleventyConfig) {
  // Tell 11ty to use the .eleventyignore and ignore our .gitignore file
  eleventyConfig.setUseGitIgnore(false);

  // 	--------------------- Custom Watch Targets -----------------------
  eleventyConfig.addWatchTarget('./src/assets');
  eleventyConfig.addWatchTarget('./utils/*.js');

  // --------------------- layout aliases -----------------------
  eleventyConfig.addLayoutAlias('base', 'base.njk');
  eleventyConfig.addLayoutAlias('page', 'page.njk');
  eleventyConfig.addLayoutAlias('home', 'home.njk');
  eleventyConfig.addLayoutAlias('about', 'about.njk');
  eleventyConfig.addLayoutAlias('services', 'services.njk');
  eleventyConfig.addLayoutAlias('projects', 'projects.njk');
  eleventyConfig.addLayoutAlias('blog', 'blog.njk');
  eleventyConfig.addLayoutAlias('post', 'post.njk');
  eleventyConfig.addLayoutAlias('feed', 'feed.njk');
  eleventyConfig.addLayoutAlias('naked', 'naked.njk');
  eleventyConfig.addLayoutAlias('error404', 'error404.njk');

  // 	---------------------  Custom filters -----------------------
  eleventyConfig.addFilter('limit', limit);
  eleventyConfig.addFilter('where', where);
  eleventyConfig.addFilter('every', every);
  eleventyConfig.addFilter('some', some);
  eleventyConfig.addFilter('truncate', truncate);
  eleventyConfig.addFilter('categoryFilter', categoryFilter);
  eleventyConfig.addFilter('escape', escape);
  eleventyConfig.addFilter('readingTime', readingTime);
  eleventyConfig.addFilter('toHtml', toHtml);
  eleventyConfig.addFilter('toIsoString', toISOString);
  eleventyConfig.addFilter('formatDate', formatDate);
  eleventyConfig.addFilter('formatDateES', formatDateES);
  eleventyConfig.addFilter('formatDateDE', formatDateDE);
  eleventyConfig.addFilter('toAbsoluteUrl', toAbsoluteUrl);
  eleventyConfig.addFilter('stripHtml', stripHtml);
  eleventyConfig.addFilter('slugify', slugifyString);
  eleventyConfig.addFilter('toJson', JSON.stringify);
  eleventyConfig.addFilter('fromJson', JSON.parse);
  eleventyConfig.addFilter('cssmin', minifyCss);
  eleventyConfig.addNunjucksAsyncFilter('jsmin', minifyJs);
  eleventyConfig.addFilter('md', mdInline);
  eleventyConfig.addFilter('splitlines', splitlines);
  eleventyConfig.addFilter('getWebmentionsForUrl', getWebmentionsForUrl);
  eleventyConfig.addFilter('webmentionSize', webmentionSize);
  eleventyConfig.addFilter('webmentionsByType', webmentionsByType);
  eleventyConfig.addFilter('isOwnWebmention', isOwnWebmention);
  eleventyConfig.addFilter('sortWebmentions', sortWebmentions);
  eleventyConfig.addFilter('keys', Object.keys);
  eleventyConfig.addFilter('values', Object.values);
  eleventyConfig.addFilter('entries', Object.entries);

  // 	--------------------- Custom shortcodes ---------------------
  eleventyConfig.addPairedShortcode('aside', asideShortcode);
  eleventyConfig.addPairedShortcode('breakout', breakoutShortcode);
  eleventyConfig.addPairedShortcode('insertion', insertionShortcode);
  eleventyConfig.addNunjucksAsyncShortcode('image', imageShortcode);
  eleventyConfig.addNunjucksAsyncShortcode('imagePlaceholder', imageShortcodePlaceholder);
  eleventyConfig.addShortcode('youtube', liteYoutube);
  eleventyConfig.addPairedShortcode('codepen', codePen);

  eleventyConfig.addShortcode('year', () => `${new Date().getFullYear()}`); // current year, by Stephanie Eckles
  eleventyConfig.addShortcode('packageVersion', () => `v${packageVersion}`);

  // 	--------------------- Custom collections -----------------------
  eleventyConfig.addCollection('allMarkdown', allMarkdown);

  eleventyConfig.addCollection('projects_en', getProjectsEN);
  eleventyConfig.addCollection('blog_en', getBlogsEN);
  eleventyConfig.addCollection('projects_es', getProjectsES);
  eleventyConfig.addCollection('blog_es', getBlogsES);
  eleventyConfig.addCollection('projects_de', getProjectsDE);
  eleventyConfig.addCollection('blog_de', getBlogsDE);

  eleventyConfig.addCollection('blog_all_full', getBlogsAllFullLang);
  eleventyConfig.addCollection('blog_all', getBlogsAllLang);

  // 	--------------------- Transforms ---------------------

  // 	--------------------- Custom Template Languages, partial imported as plugin ---------------------

  eleventyConfig.addPlugin(require('./config/template-formats/js-config.js'));

  // 	--------------------- Plugins ---------------------

  const {EleventyRenderPlugin, EleventyI18nPlugin} = await import('@11ty/eleventy');

  eleventyConfig.addPlugin(EleventyRenderPlugin);
  eleventyConfig.addPlugin(syntaxHighlight);
  eleventyConfig.setLibrary('md', markdownLib);
  eleventyConfig.addPlugin(pluginRss);
  eleventyConfig.addPlugin(EleventyI18nPlugin, {
    defaultLanguage: 'en',
    errorMode: 'allow-fallback'
  });

  // 	--------------------- Passthrough copies ---------------------

  // keep directory
  [
    'src/assets/images/avatar.jpg',
    'src/assets/images/image-placeholder.png',
    'src/assets/images/opengraph-default.jpg',
    'src/assets/images/svg/',
    'src/assets/fonts/',
    'src/assets/sounds/'
  ].forEach(path => eleventyConfig.addPassthroughCopy(path));

  // social icons and manifest to root directory
  eleventyConfig.addPassthroughCopy({
    'src/assets/images/favicon/*': '/'
  });

  // web components
  eleventyConfig.addPassthroughCopy({
    'src/_includes/components/*': 'assets/scripts/components/'
  });

  // 	--------------------- Events ---------------------
  eleventyConfig.on('afterBuild', afterBuild);

  // testing js in frontmatter

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