.eleventy.js

require('dotenv').config()
const markdownIt = require('markdown-it')
const { EleventyI18nPlugin } = require('@11ty/eleventy')
const { DateTime } = require('luxon')
const htmlmin = require('html-minifier')
const faviconPlugin = require('eleventy-favicon')
const eleventySass = require('eleventy-sass')
const i18n = require('eleventy-plugin-i18n')
const mdReplaceLink = require('markdown-it-replace-link')
const translations = require('./src/_data/i18n')

const md = new markdownIt({
  html: true,
})

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

  eleventyConfig.addPlugin(eleventySass)
  eleventyConfig.addWatchTarget('./src/sass/')
  eleventyConfig.addPlugin(faviconPlugin, { destination: './public' })
  eleventyConfig.addPassthroughCopy('./src/assets/js')
  eleventyConfig.addPassthroughCopy('./src/assets/images')
  eleventyConfig.addPassthroughCopy('./src/_redirects')
  eleventyConfig.addPassthroughCopy({
    './_original': 'original',
  })
  eleventyConfig.addPassthroughCopy('./src/manifest.json')
  eleventyConfig.addPassthroughCopy('./src/robots.txt')
  eleventyConfig.addPassthroughCopy({
    './node_modules/leaflet/dist': 'assets/js/leaflet',
  })

  eleventyConfig.addGlobalData(
    'isProduction',
    process.env.NODE_ENV && process.env.NODE_ENV === 'production'
  )

  eleventyConfig.amendLibrary('md', (mdLib) =>
    mdLib.use(mdReplaceLink, {
      replaceLink: (link, env) => {
        if (['/en', '/es'].includes(link)) {
          return link
        }
        if (link.startsWith('/')) {
          return `/${env.page.lang}${link}`
        }
        return link
      },
    })
  )

  if (process.env.NODE_ENV && process.env.NODE_ENV === 'production') {
    eleventyConfig.addTransform('htmlmin', function (content, outputPath) {
      if (outputPath && outputPath.endsWith('.html')) {
        let minified = htmlmin.minify(content, {
          useShortDoctype: true,
          removeComments: true,
          collapseWhitespace: true,
        })
        return minified
      }

      return content
    })
  }

  eleventyConfig.addFilter('markdown', (content) => {
    return md.render(content)
  })

  eleventyConfig.addFilter('json', (content) => {
    return JSON.stringify(content)
  })

  eleventyConfig.addFilter('switchUrlLanguage', (url) => {
    if (url.includes('/en/')) {
      return url.replace('/en/', '/es/')
    }
    return url.replace('/es/', '/en/')
  })

  eleventyConfig.addFilter('accessPointsJson', ({ points, geo, lang }) => {
    return JSON.stringify(
      points
        .filter((point) => point.page.lang === lang)
        .map((point) => ({
          title: point.data.title,
          lat: geo[point.fileSlug].lat,
          lon: geo[point.fileSlug].lon,
          url: `/access-points/${point.fileSlug}`,
        }))
    )
  })

  eleventyConfig.addFilter('tripsJson', ({ trips, geo, lang }) => {
    return JSON.stringify(
      trips
        .filter((trip) => trip.page.lang === lang)
        .map((trip) => ({
          title: trip.data.title,
          lat: geo[trip.fileSlug].lat,
          lon: geo[trip.fileSlug].lon,
          length: trip.data.length,
          url: `/trips/${trip.fileSlug}`,
        }))
    )
  })

  eleventyConfig.addShortcode(
    'buildDate',
    () =>
      `${DateTime.now().toLocaleString(DateTime.DATE_FULL)} at ${DateTime.now()
        .toLocaleString(DateTime.TIME_SIMPLE)
        .toLowerCase()}`
  )

  return {
    dir: {
      input: 'src',
      output: 'public',
    },
  }
}