@apleasantview/eleventy-plugin-baseline 0.1.0-next.15 → 0.1.0-next.16

package/modules/assets-esbuild/plugins/assets-esbuild.js

@@ -52,6 +52,19 @@ export default function assetsESBuild(eleventyConfig, options = {}) {
 	// Filter to inline a bundled entry.
 	eleventyConfig.addFilter("inlineESbuild", inlineESbuild);
 
+	// Filter to inline a bundled entry (async, works with callback or promise).
+	eleventyConfig.addAsyncFilter("inlineESbuild", async function (jsFilePath, callback) {
+		const done = typeof callback === "function" ? callback : null;
+		try {
+			const html = await inlineESbuild(jsFilePath);
+			if (done) return done(null, html);
+			return html;
+		} catch (error) {
+			if (done) return done(error);
+			throw error;
+		}
+	});
+
 	// Override the default collection behavior. Adding js as template format and extension collects 11tydata.js files.
 	eleventyConfig.addCollection("all", function (collectionApi) {
 		return collectionApi.getAll().filter(item => {

package/modules/assets-postcss/filters/inline-postcss.js

@@ -3,6 +3,9 @@ import postcss from "postcss";
 import loadPostCSSConfig from "postcss-load-config";
 import fallbackPostCSSConfig from "../fallback/postcss.config.js";
 
+// Resolve user PostCSS config from the project root (cwd), not the Eleventy input dir.
+const configRoot = process.cwd();
+
 export default async function inlinePostCSS(cssFilePath) {
 	try {
 		let cssContent = await fs.readFile(cssFilePath, 'utf8');
@@ -15,7 +18,9 @@ export default async function inlinePostCSS(cssFilePath) {
 			({ plugins, options } = await loadPostCSSConfig({}, configRoot));
 		} catch (error) {
 			// If none is found, fall back to the bundled Baseline config to keep builds working.
-			({plugins, ...options } = fallbackPostCSSConfig);
+			const { plugins: fallbackPlugins, ...fallbackOptions } = fallbackPostCSSConfig;
+			plugins = fallbackPlugins;
+			options = fallbackOptions;
 		}
 
 		let result = await postcss(plugins).process(cssContent, {

package/modules/assets-postcss/plugins/assets-postcss.js

@@ -57,6 +57,16 @@ export default function assetsPostCSS(eleventyConfig) {
 		}
 	});
 
-	// Filter to inline a bundled entry.
-	eleventyConfig.addFilter("inlinePostCSS", inlinePostCSS);
+	// Filter to inline a bundled entry; supports callback style (Nunjucks/Liquid) and Promise return.
+	eleventyConfig.addAsyncFilter("inlinePostCSS", async function (cssFilePath, callback) {
+		const done = typeof callback === "function" ? callback : null;
+		try {
+			const html = await inlinePostCSS(cssFilePath);
+			if (done) return done(null, html);
+			return html;
+		} catch (error) {
+			if (done) return done(error);
+			throw error;
+		}
+	});
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apleasantview/eleventy-plugin-baseline",
-  "version": "0.1.0-next.15",
+  "version": "0.1.0-next.16",
   "description": "An experimental Swiss army knife toolkit for Eleventy",
   "type": "module",
   "main": "eleventy.config.js",