const navigationPlugin = require("@11ty/eleventy-navigation")
const syntaxHighlightingPlugin = require("@11ty/eleventy-plugin-syntaxhighlight")
const markdownIt = require('markdown-it');
const markdownItClass = require('@toycode/markdown-it-class');
const markdownItAnchor = require('markdown-it-anchor')
const library = require('@fortawesome/fontawesome-svg-core').library;
const icon = require('@fortawesome/fontawesome-svg-core').icon;
const fas = require('@fortawesome/free-solid-svg-icons').fas;

module.exports = function(eleventyConfig) {
  eleventyConfig.addPlugin(navigationPlugin)
  eleventyConfig.addPlugin(syntaxHighlightingPlugin)

  eleventyConfig.addPassthroughCopy("assets")
  eleventyConfig.addPassthroughCopy("fonts")

  // Font Awesome Icons
  library.add(fas)
  eleventyConfig.addShortcode("fas_icon", function(args) { 
    var fas_svg = icon({ prefix: 'fas', iconName: args }); 
    return `${fas_svg.html}`; 
  });

  const mapping = {
    h2: 'content-title',h3: 'content-title',h4: 'content-title',h5: 'content-title',h6: 'content-title',
    table: 'table',
    blockquote: 'alert'
  };
  
  const mdOptions = { linkify: false, html: true };
  const mdAnchorOpts = { 
    permalink: markdownItAnchor.permalink.headerLink(),
    permalinkClass: 'ml-5', permalinkSymbol: '#', level: [1, 2, 3, 4] 
  }
  
  eleventyConfig.setLibrary(
    'md',
    markdownIt(mdOptions)
      .use(markdownItClass, mapping)
      .use(markdownItAnchor, mdAnchorOpts)
  )
  
  return {
    dir: {
      input: "content"
    }
  }
}