Migration to ESM

Author: underoot

eleventy.config.drafts.js eleventy.config.drafts.mjseleventy.config.drafts.js renamed to eleventy.config.drafts.mjs

@@ -1,4 +1,4 @@
-function eleventyComputedPermalink() {
+export function eleventyComputedPermalink() {
 	// When using `addGlobalData` and you *want* to return a function, you must nest functions like this.
 	// `addGlobalData` acts like a global data file and runs the top level function it receives.
 	return (data) => {
@@ -9,9 +9,9 @@ function eleventyComputedPermalink() {
 
 		return data.permalink;
 	}
-};
+}
 
-function eleventyComputedExcludeFromCollections() {
+export function eleventyComputedExcludeFromCollections() {
 	// When using `addGlobalData` and you *want* to return a function, you must nest functions like this.
 	// `addGlobalData` acts like a global data file and runs the top level function it receives.
 	return (data) => {
@@ -22,12 +22,9 @@ function eleventyComputedExcludeFromCollections() {
 
 		return data.eleventyExcludeFromCollections;
 	}
-};
-
-module.exports.eleventyComputedPermalink = eleventyComputedPermalink;
-module.exports.eleventyComputedExcludeFromCollections = eleventyComputedExcludeFromCollections;
+}
 
-module.exports = eleventyConfig => {
+export default function(eleventyConfig) {
 	eleventyConfig.addGlobalData("eleventyComputed.permalink", eleventyComputedPermalink);
 	eleventyConfig.addGlobalData("eleventyComputed.eleventyExcludeFromCollections", eleventyComputedExcludeFromCollections);
 

eleventy.config.images.js eleventy.config.images.mjseleventy.config.images.js renamed to eleventy.config.images.mjs

@@ -1,7 +1,7 @@
-const path = require("path");
-const eleventyImage = require("@11ty/eleventy-img");
+import path from "node:path";
+import eleventyImage from "@11ty/eleventy-img";
 
-module.exports = (eleventyConfig) => {
+export default function(eleventyConfig) {
 	function relativeToInputPath(inputPath, relativeFilePath) {
 		let split = inputPath.split("/");
 		split.pop();
@@ -71,4 +71,4 @@ module.exports = (eleventyConfig) => {
 			return metadata.jpeg[0].url;
 		}
 	);
-};
+}

eleventy.config.js eleventy.config.mjseleventy.config.js renamed to eleventy.config.mjs

@@ -1,18 +1,17 @@
-const { DateTime } = require("luxon");
-const minifyXML = require("minify-xml");
-const markdownIt = require("markdown-it");
-const markdownItMathjax = require("markdown-it-mathjax3");
-const markdownItAnchor = require("markdown-it-anchor");
-const yaml = require("js-yaml");
-
-const pluginRss = require("@11ty/eleventy-plugin-rss");
-const pluginSyntaxHighlight = require("@11ty/eleventy-plugin-syntaxhighlight");
-const pluginBundle = require("@11ty/eleventy-plugin-bundle");
-const pluginNavigation = require("@11ty/eleventy-navigation");
-const { EleventyHtmlBasePlugin } = require("@11ty/eleventy");
-
-const pluginDrafts = require("./eleventy.config.drafts.js");
-const pluginImages = require("./eleventy.config.images.js");
+import { DateTime } from "luxon";
+import minifyXML from "minify-xml";
+import markdownIt from "markdown-it";
+import markdownItMathjax from "markdown-it-mathjax3";
+import markdownItAnchor from "markdown-it-anchor";
+import yaml from "js-yaml";
+
+import pluginRss from "@11ty/eleventy-plugin-rss";
+import pluginSyntaxHighlight from "@11ty/eleventy-plugin-syntaxhighlight";
+import pluginNavigation from "@11ty/eleventy-navigation";
+import { EleventyHtmlBasePlugin } from "@11ty/eleventy";
+
+import pluginDrafts from "./eleventy.config.drafts.mjs";
+import pluginImages from "./eleventy.config.images.mjs";
 
 const addTargetBlankToExternalLinks = (md) => {
 	const defaultRender =
@@ -40,7 +39,7 @@ const md = markdownIt({
 	typographer: true,
 }).use(addTargetBlankToExternalLinks);
 
-module.exports = function (eleventyConfig) {
+export default function (eleventyConfig) {
 	eleventyConfig.setServerOptions({
 		showAllHosts: true,
 	});
@@ -69,7 +68,9 @@ module.exports = function (eleventyConfig) {
 	});
 	eleventyConfig.addPlugin(pluginNavigation);
 	eleventyConfig.addPlugin(EleventyHtmlBasePlugin);
-	eleventyConfig.addPlugin(pluginBundle);
+
+	eleventyConfig.addBundle("css");
+	eleventyConfig.addBundle("js");
 
 	eleventyConfig.addDataExtension("yml", (contents) => yaml.load(contents));
 
@@ -200,4 +201,4 @@ module.exports = function (eleventyConfig) {
 		// folder name and does **not** affect where things go in the output folder.
 		pathPrefix: "/",
 	};
-};
+}

package-lock.json

@@ -23,7 +23,6 @@
 		"@11ty/eleventy": "^3.1.5",
 		"@11ty/eleventy-img": "^6.0.4",
 		"@11ty/eleventy-navigation": "^1.0.5",
-		"@11ty/eleventy-plugin-bundle": "^3.0.7",
 		"@11ty/eleventy-plugin-rss": "^1.2.0",
 		"@11ty/eleventy-plugin-syntaxhighlight": "^5.0.2",
 		"@11ty/is-land": "^4.0.0",