create-html-element 5.1.0 → 6.0.0

package/index.d.ts

@@ -114,4 +114,4 @@ createHtmlElement({
 */
 export default function createHtmlElement(options?: Options): string;
 
-export {HTMLAttributes} from 'stringify-attributes';
+export type {HTMLAttributes} from 'stringify-attributes';

package/index.js

@@ -4,15 +4,20 @@ import {htmlEscape} from 'escape-goat';
 
 const voidHtmlTags = new Set(voidHtmlTagsArray);
 
-export default function createHtmlElement(
-	{
-		name = 'div',
-		attributes = {},
-		html,
-		text,
-		children,
-	} = {},
-) {
+// Matches a valid HTML tag name (a letter followed by letters, digits, hyphens, underscores, or periods).
+const tagNamePattern = /^[a-z][\w\-.]*$/iv;
+
+export default function createHtmlElement({
+	name = 'div',
+	attributes = {},
+	html,
+	text,
+	children,
+} = {}) {
+	if (!tagNamePattern.test(name)) {
+		throw new Error(`Invalid tag name: ${JSON.stringify(name)}`);
+	}
+
 	const hasHtml = html !== undefined;
 	const hasText = text !== undefined;
 	const hasChildren = children !== undefined;
@@ -25,6 +30,12 @@ export default function createHtmlElement(
 		throw new TypeError('The `children` option must be an array');
 	}
 
+	const openingTag = `<${name}${stringifyAttributes(attributes)}>`;
+
+	if (voidHtmlTags.has(name)) {
+		return openingTag;
+	}
+
 	let content = '';
 
 	if (hasChildren) {
@@ -45,11 +56,5 @@ export default function createHtmlElement(
 		content = html;
 	}
 
-	let result = `<${name}${stringifyAttributes(attributes)}>`;
-
-	if (!voidHtmlTags.has(name)) {
-		result += `${content}</${name}>`;
-	}
-
-	return result;
+	return `${openingTag}${content}</${name}>`;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "create-html-element",
-	"version": "5.1.0",
+	"version": "6.0.0",
 	"description": "Create a HTML element string",
 	"license": "MIT",
 	"repository": "sindresorhus/create-html-element",
@@ -17,7 +17,7 @@
 	},
 	"sideEffects": false,
 	"engines": {
-		"node": "^18.20.0 || >=20.10.0"
+		"node": ">=22"
 	},
 	"scripts": {
 		"test": "xo && ava && tsd"
@@ -37,13 +37,13 @@
 	],
 	"dependencies": {
 		"escape-goat": "^4.0.0",
-		"html-tags": "^4.0.0",
-		"stringify-attributes": "^4.0.0",
-		"type-fest": "^4.27.0"
+		"html-tags": "^5.1.0",
+		"stringify-attributes": "^5.0.0",
+		"type-fest": "^5.7.0"
 	},
 	"devDependencies": {
-		"ava": "^6.2.0",
-		"tsd": "^0.31.2",
-		"xo": "^0.59.3"
+		"ava": "^8.0.1",
+		"tsd": "^0.33.0",
+		"xo": "^3.0.2"
 	}
 }