[SPIKE] [WIP] 11ty spike

.eleventy.js

@@ -0,0 +1,41 @@
+const nunjucks = require('nunjucks')
+
+const highlighter = require('./lib/highlighter.js')
+const { getFingerprint, getFrontmatter, getHTMLCode, getNunjucksCode } = require('./lib/file-helper.js') // helper functions to operate on files
+const paths = require('./config/paths.json') // specify paths to main working directories
+const getMacroOptions = require('./lib/get-macro-options/index.js')
+
+const templatePaths = [
+  paths.layouts,
+  paths.partials,
+  paths.components,
+  paths.govukfrontend
+]
+
+module.exports = eleventyConfig => {
+  const nunjucksEnvironment = new nunjucks.Environment(
+    new nunjucks.FileSystemLoader(templatePaths)
+  )
+
+  nunjucksEnvironment.addFilter('highlight', highlighter)
+  nunjucksEnvironment.addFilter('kebabCase', string => {
+    return string.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, '$1-$2').toLowerCase()
+  })
+  nunjucksEnvironment.addGlobal('getFingerprint', getFingerprint)
+  nunjucksEnvironment.addGlobal('getFrontmatter', getFrontmatter)
+  nunjucksEnvironment.addGlobal('getHTMLCode', getHTMLCode)
+  nunjucksEnvironment.addGlobal('getMacroOptions', getMacroOptions)
+  nunjucksEnvironment.addGlobal('getNunjucksCode', getNunjucksCode)
+
+  eleventyConfig.setLibrary('njk', nunjucksEnvironment)
+
+  return {
+    markdownTemplateEngine: 'njk',
+    dir: {
+      input: 'src',
+      includes: '../views/partials',
+      layouts: '../views/layouts',
+      output: 'deploy/public'
+    }
+  }
+}

.eslintrc.js

@@ -1,5 +1,8 @@
 module.exports = {
   extends: 'standard',
+  ignorePatterns: [
+    '!.*'
+  ],
   overrides: [
     {
       files: ['**/*.test.{cjs,js,mjs}'],

lib/file-helper.js

@@ -62,7 +62,8 @@ exports.getFrontmatter = path => {
 
 // Get 'fingerprinted' version of a given asset file.
 exports.getFingerprint = function (file) {
-  // Grab fingerprint array from the template context
+  return file
+  /* // Grab fingerprint array from the template context
   const filePath = this.lookup('path')
   const fingerprints = this.lookup('fingerprint')
 
@@ -73,9 +74,9 @@ exports.getFingerprint = function (file) {
   // calls to this function with a relative path will fail if made from the
   // source files themselves.
   if (!fingerprints[file] && filePath) {
-  // Use path.join to correctly join, but metalsmith-fingerprint-ignore
-  // always expects forward slashes, so replace any backslashes (Windows)
-  // with a forward slashes.
+    // Use path.join to correctly join, but metalsmith-fingerprint-ignore
+    // always expects forward slashes, so replace any backslashes (Windows)
+    // with a forward slashes.
     file = path.join(filePath, file).replace(/\\/g, '/')
   }
 
@@ -87,7 +88,7 @@ exports.getFingerprint = function (file) {
   }
 
   // Look for a fingerprinted asset at this path relative to the site root
-  return '/' + fingerprints[file]
+  return '/' + fingerprints[file] */
 }
 
 // This helper function takes a path of a *.md.njk file and
@@ -100,10 +101,19 @@ exports.getHTMLCode = path => {
 
   let html
   try {
-    html = nunjucks.renderString(content)
+    const templatePaths = [
+      paths.layouts,
+      paths.partials,
+      paths.components,
+      paths.govukfrontend
+    ]
+    const nunjucksEnvironment = new nunjucks.Environment(
+      new nunjucks.FileSystemLoader(templatePaths)
+    )
+    html = nunjucksEnvironment.renderString(content)
   } catch (err) {
     if (err) {
-      console.log('Could not get HTML code from ' + path)
+      console.log('Could not get HTML code from ' + path + ':\n' + err)
     }
   }