@11ty/eleventy-plugin-webc 0.10.0 → 0.11.0

package/eleventyWebcPlugin.js

@@ -18,6 +18,7 @@ module.exports = function(eleventyConfig, options = {}) {
 
 	options = Object.assign({
 		components: "_components/**/*.webc", // glob for no-import global components
+		scopedHelpers: ["css", "js", "html"],
 		useTransform: false, // global transform
 		transformData: {}, // extra global data for transforms specifically
 	}, options);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@11ty/eleventy-plugin-webc",
-	"version": "0.10.0",
+	"version": "0.11.0",
 	"description": "WebC support for Eleventy adds for Single File Web Components",
 	"main": "eleventyWebcPlugin.js",
 	"scripts": {
@@ -44,7 +44,7 @@
 	"dependencies": {
 		"@11ty/eleventy": "^2.0.0",
 		"@11ty/eleventy-plugin-bundle": "^1.0.4",
-		"@11ty/webc": "^0.10.0"
+		"@11ty/webc": "^0.11.0"
 	},
 	"devDependencies": {
 		"ava": "^5.2.0",

package/src/eleventyWebcTemplate.js

@@ -25,6 +25,7 @@ module.exports = function(eleventyConfig, options = {}) {
 	let globalComponentManager;
 	let componentsMap = false; // cache the glob search
 	let moduleScript;
+	let scopedHelpers = new Set(options.scopedHelpers);
 
 	eleventyConfig.on("eleventy.before", async () => {
 		// For ESM in CJS
@@ -38,6 +39,11 @@ module.exports = function(eleventyConfig, options = {}) {
 		}
 	});
 
+	let templateConfig;
+  eleventyConfig.on("eleventy.config", (cfg) => {
+    templateConfig = cfg;
+  });
+
 	// Deprecated (backwards compat only): this lives in @11ty/eleventy-plugin-bundle now
 	if(options.filters.css) {
 		eleventyConfig.addFilter(options.filters.css, (url, bucket) => {
@@ -91,21 +97,21 @@ module.exports = function(eleventyConfig, options = {}) {
 			// Add Eleventy JavaScript Functions as WebC helpers
 			// Note that Universal Filters and Shortcodes populate into javascriptFunctions and will be present here
 			for(let helperName in this.config.javascriptFunctions) {
-				page.setHelper(helperName, this.config.javascriptFunctions[helperName]);
+				page.setHelper(helperName, this.config.javascriptFunctions[helperName], scopedHelpers.has(helperName));
 			}
 
 			// Support both casings (I prefer getCss, but yeah)
-			page.setHelper("getCss", (url, bucket) => this.config.javascriptFunctions.getBundle("css", bucket));
-			page.setHelper("getCSS", (url, bucket) => this.config.javascriptFunctions.getBundle("css", bucket));
+			page.setHelper("getCss", (url, bucket) => this.config.javascriptFunctions.getBundle("css", bucket), scopedHelpers.has("getCss"));
+			page.setHelper("getCSS", (url, bucket) => this.config.javascriptFunctions.getBundle("css", bucket), scopedHelpers.has("getCSS"));
 
-			page.setHelper("getJs", (url, bucket) => this.config.javascriptFunctions.getBundle("js", bucket));
-			page.setHelper("getJS", (url, bucket) => this.config.javascriptFunctions.getBundle("js", bucket));
+			page.setHelper("getJs", (url, bucket) => this.config.javascriptFunctions.getBundle("js", bucket), scopedHelpers.has("getJs"));
+			page.setHelper("getJS", (url, bucket) => this.config.javascriptFunctions.getBundle("js", bucket), scopedHelpers.has("getJS"));
 
 			page.setTransform("11ty", async function(content) {
 				let syntax = this["11ty:type"];
 				if(syntax) {
 					let fn = await CompileString(content, syntax, {
-						templateConfig: eleventyConfig
+						templateConfig
 					});
 					return fn(this);
 				}