eleventyWebcTransform.js

module.exports = function(eleventyConfig, options = {}) {
	let componentsMap = false; // cache the glob search

	eleventyConfig.on("eleventy.before", () => {
		componentsMap = false;
	});

	let scopedHelpers = new Set(options.scopedHelpers);

	eleventyConfig.addTransform("@11ty/eleventy-plugin-webc", async function(content) {
		// Skip non-.html output
		// Skip .webc input
		if(this.inputPath.endsWith(".webc") || !(this.outputPath || "").endsWith(".html")) {
			return content;
		}

		// TODO prevent double processing with the Render plugin with WebC
		// https://www.11ty.dev/docs/plugins/render/
		try {
			const { WebC } = await import("@11ty/webc");
			let page = new WebC();

			if(componentsMap === false && options.components) {
				componentsMap = WebC.getComponentsMap(options.components); // "./_components/**/*.webc"
			}

			for(let helperName in eleventyConfig.javascriptFunctions) {
				page.setHelper(helperName, eleventyConfig.javascriptFunctions[helperName], scopedHelpers.has(helperName));
			}

			page.setBundlerMode(false);
			page.defineComponents(componentsMap);
			page.setContent(content, this.outputPath);

			let { html } = await page.compile({
				// global data
				data: options.transformData
			});
			return html;
		} catch(e) {
			console.error( `[11ty/eleventy-plugin-webc] Error transforming ${this.inputPath}`, e );
			throw e;
		}

		return content;
	});
}