.eleventy.js

const { format } = require('date-fns')

const { getRiddari } = require('./helpers/getShirt')
const { getRandomColors } = require('./helpers/getRandomColors')
const { parseColors, parseAllColors } = require('./helpers/getAvailableColors')
const { adjustColor } = require('./helpers/adjustColor')
const yarnColors = require('./_data/yarnColors.json')
const translations = require('./_data/translations.json')
const stock = require('./_data/stock.json')
const stockChanges = require('./_data/stockChanges.json')

module.exports = function (eleventyConfig) {
  eleventyConfig.addPassthroughCopy('img')
  eleventyConfig.addPassthroughCopy('css')

  eleventyConfig.addPassthroughCopy('js')

  eleventyConfig.addShortcode('adjustColor', function (colorCode) {
    return adjustColor(colorCode)
  })

  eleventyConfig.addShortcode('riddari', function (a, b, c, d) {
    return getRiddari(a, b, c, b, b, c, b, d, b, c, b, d, b, c, a)
  })

  eleventyConfig.addShortcode(
    'riddariMultiple',
    function (
      main,
      sleevePrimary,
      sleeveSecondary,
      yoke1,
      yoke2,
      yoke3,
      yoke4,
      yoke5,
      yoke6,
      yoke7,
      yoke8,
      yoke9,
      yoke10,
      yoke11,
      yoke12
    ) {
      return getRiddari(
        main,
        sleevePrimary,
        sleeveSecondary,
        yoke1,
        yoke2,
        yoke3,
        yoke4,
        yoke5,
        yoke6,
        yoke7,
        yoke8,
        yoke9,
        yoke10,
        yoke11,
        yoke12
      )
    }
  )

  eleventyConfig.addShortcode('colorSelect', function (name, id, label) {
    const sortedColors = yarnColors.sort((a, b) => {
      const aValue = a.value.toUpperCase()
      const bValue = b.value.toUpperCase()
      if (aValue === bValue) {
        return 0
      }

      return aValue < bValue ? -1 : 1
    })

    return ` 
      <fieldset>
        <label for="${id}">${label}:</label>
        <select id="${id}" name="${name}">
          ${sortedColors.map(item => `<option value="${item.colorValue}">${item.value} (${item.code})</option>`)}
        </select>
      </fieldset>`
  })

  eleventyConfig.addShortcode('urlBuilder', function (query, path, pathToServerless, locale) {
    const queryString = query ? getQueryString(query) : ''
    const restOfTheUrl = query ? `${pathToServerless}${queryString}` : path
    return `/${locale}/${restOfTheUrl}`
  })

  eleventyConfig.addShortcode('randomColorsLink', function (locale) {
    const colorsArr = getRandomColors(yarnColors, [])
    const colors = `?a=${colorsArr[0].colorValue}&b=${colorsArr[1].colorValue}&c=${colorsArr[2].colorValue}&d=${colorsArr[3].colorValue}`
    return `
    <div class="cta-link">
        <a id="cta-link" data-umami-event="Random colors link" data-umami-event-type="simple" data-umami-event-language="${locale}" href="/${locale}/patterns/sweaters/simple/${colors}">
            ${translations[locale].randomColors} 
        </a>
    </div>`
  })

  eleventyConfig.addShortcode('randomColorsLinkSweaterMulticolor', function (locale) {
    const colorsArr = getRandomColors(yarnColors, [], 15)
    const keys = [
      'main',
      'sleevePrimary',
      'sleeveSecondary',
      'yoke1',
      'yoke2',
      'yoke3',
      'yoke4',
      'yoke5',
      'yoke6',
      'yoke7',
      'yoke8',
      'yoke9',
      'yoke10',
      'yoke11',
      'yoke12'
    ]
    const colors = `?${keys.map((key, index) => `${key}=${colorsArr[index].colorValue}`).join('&')}`
    return `
    <div class="cta-link">
        <a id="cta-link" data-umami-event="Random colors link" data-umami-event-type="multicolor" data-umami-event-language="${locale}" href="/${locale}/patterns/sweaters/multicolor/${colors}">
            ${translations[locale].randomColors}
        </a>
    </div>`
  })

  eleventyConfig.addShortcode('colorAvailability', function (locale) {
    return parseColors(yarnColors, locale)
  })

  eleventyConfig.addShortcode('allColorAvailability', function (locale) {
    return parseAllColors(yarnColors, locale)
  })

  eleventyConfig.addShortcode('time', function (time) {
    const datetime = new Date(time)

    return `<time datetime="${time}">${format(datetime, 'dd.MM.yyyy HH:mm (OOOO)')}</time>`
  })

  eleventyConfig.addShortcode('breadcrumbs', function (breadcrumbsObj, locale, query) {
    const queryString = query ? `colors/${getQueryString(query)}` : ''

    return `
    <nav aria-label="${translations[locale].breadcrumbs}">
      <ol class="breadcrumbs">
        ${
          breadcrumbsObj
            ? breadcrumbsObj
                .map(
                  obj =>
                    `<li><a href="${obj.url}${obj.serverless ? queryString : ''}" ${
                      obj.current ? 'aria-current="page"' : ''
                    }>${obj.title}</a></li>`
                )
                .join('')
            : ''
        }
      </ol>
    </nav>
    `
  })

  function getQueryString(query) {
    const queryString = Object.entries(query)
      .map(item => `${item[0]}=${item[1]}`)
      .join('&')

    return `?${queryString}`
  }

  eleventyConfig.addShortcode('update', function (update) {
    const [year, month, day] = update.datetime.split('-')

    return `<h3><time datetime="${update.datetime}">${day}.${month}.${year}</time> - ${update.title}</h3>

    <ul>
      ${update.items.map(item => `<li>${item}</li>`).join('')}
    </ul>
    `
  })

  eleventyConfig.addFilter('getNewestUpdate', function (updates) {
    return updates[0]
  })

  eleventyConfig.addFilter('toISOString', function (value) {
    const date = value ? new Date(value) : new Date()
    return new Date(date).toISOString()
  })

  eleventyConfig.addShortcode('stock', function () {
    const res = yarnColors.map(yarnColor => {
      const yarnAvailability = stock.stock.find(stockItem => stockItem.code == yarnColor.code).availability
      const availability = Object.entries(yarnAvailability)
        .flatMap(([key, value]) => (value ? key : undefined))
        .filter(item => item != undefined)
      return {
        ...yarnColor,
        availability
      }
    })
    return JSON.stringify({
      updated: stock.updated,
      stock: res
    })
  })

  eleventyConfig.addShortcode('riddariInfo', function (locale) {
    return translations[locale].riddariInfo
  })

  eleventyConfig.addShortcode('stockChanges', function () {
    return JSON.stringify(stockChanges)
  })

  eleventyConfig.addNunjucksFilter('absoluteUrl', function (url, base) {
    try {
      return new URL(url, base).toString()
    } catch (e) {
      console.error('Failing to convert absolute url, returning url. Error: ' + e)
      return url
    }
  })

  return {
    templateFormats: ['md', 'njk', 'html', 'liquid'],
    markdownTemplateEngine: 'njk',
    htmlTemplateEngine: 'njk',
    pathPrefix: '/',
    dir: {
      input: '.',
      includes: '_includes',
      data: '_data',
      output: '_site'
    }
  }
}