Merge pull request #123 from kernvalley/bug/templates

Fix bug in santizer use when creating templates

Author: shgysk8zer0

CHANGELOG.md

@@ -7,6 +7,11 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [v2.0.8] - 2025-11-19
+
+### Fixed
+- Fix bug in santizer use when creating templates
+
 ## [v2.0.7] - 2025-11-19
 
 ### Changed

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@kernvalley/components",
-  "version": "2.0.7",
+  "version": "2.0.8",
   "description": "A collection of web components / custom elements from KernValley.US",
   "keywords": [
     "kern valley",

package.json

@@ -33,10 +33,10 @@
 					"@shgysk8zer0/http-status": "https://unpkg.com/@shgysk8zer0/http-status@1.1.1/http-status.js",
 					"@aegisjsproject/trusted-types": "https://unpkg.com/@aegisjsproject/trusted-types@1.0.1/bundle.min.js",
 					"@aegisjsproject/trusted-types/": "https://unpkg.com/@aegisjsproject/trusted-types@1.0.1/",
-					"@aegisjsproject/parsers": "https://unpkg.com/@aegisjsproject/parsers@0.0.8/bundle.min.js",
-					"@aegisjsproject/parsers/": "https://unpkg.com/@aegisjsproject/parsers@0.0.8/",
-					"@aegisjsproject/sanitizer": "https://unpkg.com/@aegisjsproject/sanitizer@0.1.0/sanitizer.js",
-					"@aegisjsproject/sanitizer/": "https://unpkg.com/@aegisjsproject/sanitizer@0.1.0/",
+					"@aegisjsproject/parsers": "https://unpkg.com/@aegisjsproject/parsers@0.1.2/bundle.min.js",
+					"@aegisjsproject/parsers/": "https://unpkg.com/@aegisjsproject/parsers@0.1.2/",
+					"@aegisjsproject/sanitizer": "https://unpkg.com/@aegisjsproject/sanitizer@0.2.1/sanitizer.js",
+					"@aegisjsproject/sanitizer/": "https://unpkg.com/@aegisjsproject/sanitizer@0.2.1/",
 					"@aegisjsproject/core": "https://unpkg.com/@aegisjsproject/core@0.2.13/core.js",
 					"@aegisjsproject/core/": "https://unpkg.com/@aegisjsproject/core@0.2.13/",
 					"@aegisjsproject/styles": "https://unpkg.com/@aegisjsproject/styles@0.1.1/styles.js",

test/index.html

@@ -1,4 +1,6 @@
-export default `<div part="event" itemtype="https://schema.org/Event" itemscope="">
+import { html } from '@aegisjsproject/parsers/html.js';
+
+export default html`<div part="event" itemtype="https://schema.org/Event" itemscope="">
 	<div>
 		<a href="" target="_blank" itemprop="url" part="link">
 			<!-- Add \`link-external\` icon -->

wfd/events.html.js

@@ -6,7 +6,6 @@ import { text, attr } from '@shgysk8zer0/kazoo/dom.js';
 import { setUTMParams, callOnce } from '@shgysk8zer0/kazoo/utility.js';
 import { getString, setString, getBool, setBool } from '@shgysk8zer0/kazoo/attrs.js';
 import { light, dark } from '@shgysk8zer0/jss/palette/gnome.js';
-import { sanitizer } from '@aegisjsproject/sanitizer/config/base.js';
 import template from './events.html.js';
 
 
@@ -152,9 +151,6 @@ registerCustomElement('wfd-events', class HTMLWFDEventsElement extends HTMLEleme
 			new CSSStyleSheet({ media: '(prefers-color-scheme: dark)' }).replace(DARK_STYLES),
 		]);
 
-		const tmp = document.createDocumentFragment();
-		tmp.setHTML(template, { sanitizer });
-
 		shadow.append(
 			createElement('a', {
 				href: getWFDLink('', { source: this.source, medium, content }),
@@ -199,7 +195,7 @@ registerCustomElement('wfd-events', class HTMLWFDEventsElement extends HTMLEleme
 		}) => {
 			const start = new Date(startDate);
 			const end = new Date(endDate);
-			const base = tmp.cloneNode(true);
+			const base = template.cloneNode(true);
 
 			attr('[part~="event"]', { itemtype: new URL(type, context) }, { base });
 			attr('[part~="link"]', { href: getWFDLink(url, utm) }, { base });