feat: upgrade to 11ty 3.0.0@alpha

.eleventy.js

@@ -1,35 +1,32 @@
-const syntaxHighlight = require('@11ty/eleventy-plugin-syntaxhighlight')
-const tablerIcons = require('eleventy-plugin-tabler-icons')
-const pluginUnfurl = require('eleventy-plugin-unfurl')
-const pluginRss = require('@11ty/eleventy-plugin-rss')
-const embedYouTube = require('eleventy-plugin-youtube-embed')
-const postGraph = require('@rknightuk/eleventy-plugin-post-graph')
+import syntaxHighlight from '@11ty/eleventy-plugin-syntaxhighlight'
+import tablerIcons from 'eleventy-plugin-tabler-icons'
+import pluginUnfurl from 'eleventy-plugin-unfurl'
+import pluginRss from '@11ty/eleventy-plugin-rss'
+import embedYouTube from 'eleventy-plugin-youtube-embed'
+import postGraph from '@rknightuk/eleventy-plugin-post-graph'
 
-const markdownIt = require('markdown-it')
-const markdownItAnchor = require('markdown-it-anchor')
-const markdownItFootnote = require('markdown-it-footnote')
+import markdownIt from 'markdown-it'
+import markdownItAnchor from 'markdown-it-anchor'
+import markdownItFootnote from 'markdown-it-footnote'
+import htmlmin from 'html-minifier-terser'
 
-const filters = require('./config/filters/index.js')
-const { slugifyString } = require('./config/utils')
-const { svgToJpeg } = require('./config/events/index.js')
-const { tagList, tagMap, postStats } = require('./config/collections/index.js')
+import filters from './config/filters/index.js'
+import { slugifyString } from './config/utils/index.js'
+import { svgToJpeg } from './config/events/index.js'
+import { tagList, tagMap, postStats } from './config/collections/index.js'
+import { img } from './config/shortcodes/index.js'
 
-const CleanCSS = require('clean-css')
-const { execSync } = require('child_process')
+import CleanCSS from 'clean-css'
+import { execSync } from 'child_process'
 
 // load .env
-require('dotenv-flow').config()
+import dotenvFlow from 'dotenv-flow'
+dotenvFlow.config()
 
 /**
  *  @param {import("@11ty/eleventy/src/UserConfig")} eleventyConfig
  */
-
-const packageVersion = require('./package.json').version
-
-// module import shortcodes
-const { img } = require('./config/shortcodes/index.js')
-
-module.exports = function (eleventyConfig) {
+export default async function (eleventyConfig) {
   eleventyConfig.addPlugin(syntaxHighlight)
   eleventyConfig.addPlugin(tablerIcons)
   eleventyConfig.addPlugin(pluginUnfurl)
@@ -64,9 +61,6 @@ module.exports = function (eleventyConfig) {
   eleventyConfig.addPassthroughCopy('src/assets')
   eleventyConfig.addPassthroughCopy('_redirects')
 
-  // shortcodes
-  eleventyConfig.addShortcode('version', () => packageVersion)
-
   // enable merging of tags
   eleventyConfig.setDataDeepMerge(true)
 
@@ -108,9 +102,23 @@ module.exports = function (eleventyConfig) {
 
   // shortcodes
   eleventyConfig.addShortcode('image', img)
+  eleventyConfig.addShortcode('assetHash', () => Math.random())
 
   // transforms
-  eleventyConfig.addPlugin(require('./config/transforms/html-config.js'))
+  eleventyConfig.addTransform('html-minify', (content, path) => {
+    if (path && path.endsWith('.html')) {
+      return htmlmin.minify(content, {
+        collapseBooleanAttributes: true,
+        collapseWhitespace: true,
+        decodeEntities: true,
+        includeAutoGeneratedTags: false,
+        minifyCSS: true,
+        minifyJS: true,
+        removeComments: true,
+      })
+    }
+    return content
+  })
 
   // events
   eleventyConfig.on('afterBuild', svgToJpeg)