.eleventy.js

const {
  sortCollectionFilter,
  highlightFilter,
  paginateFilter,
  pageCountFilter,
} = require('./.eleventy/filters.js');

module.exports = function (eleventyConfig) {
  eleventyConfig.setBrowserSyncConfig({
    middleware: function (req, res, next) {
      res.setHeader('Access-Control-Allow-Origin', '*');
      res.setHeader('Access-Control-Allow-Methods', 'GET, OPTIONS');
      res.setHeader(
        'Access-Control-Allow-Headers',
        'x-hyperview-dimensions,x-hyperview-version,pragma,expires,cache-control',
      );
      if (req.method === 'OPTIONS') {
        res.writeHead(200, {});
        res.end();
      } else {
        try {
          const handler = require(`./examples${req._parsedUrl.pathname}.js`);
          if (handler) {
            handler(req, res, next);
          } else {
            // No handler found for route, pass through to 11ty
            next();
          }
        } catch (err) {
          // Error loading the handler, pass through to 11ty
          next();
        }
      }
    },
  });
  // Pass through any XML files that haven't been ported yet.
  // Once everything is ported, we can remove this.
  eleventyConfig.addPassthroughCopy('examples/**/*.xml');
  // Pass through images used by different screens.
  eleventyConfig.addPassthroughCopy('examples/**/*.jpg');
  eleventyConfig.addPassthroughCopy('examples/**/*.jpeg');
  eleventyConfig.addPassthroughCopy('examples/**/*.png');
  // Add filters
  eleventyConfig.addNunjucksFilter('sortCollection', sortCollectionFilter);
  eleventyConfig.addNunjucksFilter('highlight', highlightFilter);
  eleventyConfig.addNunjucksFilter('paginate', paginateFilter);
  eleventyConfig.addNunjucksFilter('pageCount', pageCountFilter);
  return {
    dir: {
      input: 'examples',
      output: '_examples_site',
    },
  };
};