inferred-types 0.55.18 → 0.55.19

package/modules/runtime/dist/index.cjs

@@ -222,6 +222,7 @@ __export(index_exports, {
   isHmUrl: () => isHmUrl,
   isHomeDepotUrl: () => isHomeDepotUrl,
   isHtml: () => isHtml,
+  isHtmlComponentTag: () => isHtmlComponentTag,
   isHtmlElement: () => isHtmlElement,
   isIkeaUrl: () => isIkeaUrl,
   isIndexable: () => isIndexable,
@@ -368,6 +369,7 @@ __export(index_exports, {
   isValidAtomicTag: () => isValidAtomicTag,
   isValidBlockTag: () => isValidBlockTag,
   isValidHtml: () => isValidHtml,
+  isValidHtmlTag: () => isValidHtmlTag,
   isVariable: () => isVariable,
   isVisa: () => isVisa,
   isVisaMastercard: () => isVisaMastercard,
@@ -494,6 +496,7 @@ __export(index_exports, {
   unset: () => unset,
   uppercase: () => uppercase,
   urlMeta: () => urlMeta,
+  validHtmlAttributes: () => validHtmlAttributes,
   valuesOf: () => valuesOf,
   widen: () => widen,
   withDefaults: () => withDefaults,
@@ -4000,6 +4003,36 @@ function startsWith(startingWith) {
   };
 }
 
+// src/type-guards/html/component-tags.ts
+function isHtmlComponentTag(...names) {
+  return (val) => {
+    if (typeof val !== "string")
+      return false;
+    const trimmedVal = val.trim();
+    const tagRegex = /^<\/?([\w-]+)(.*?)>$/;
+    const match = tagRegex.exec(trimmedVal);
+    if (!match) {
+      return false;
+    }
+    const [, tagName, attributes] = match;
+    const isClosingTag = trimmedVal.startsWith("</");
+    const isKebabCase = /^[a-z][a-z0-9-]*$/.test(tagName);
+    const isPascalCase = /^[A-Z][a-zA-Z0-9]*$/.test(tagName);
+    const normalizedKebabCase = toKebabCase(tagName);
+    const normalizedPascalCase = toPascalCase(tagName);
+    const isValidName = names.some(
+      (name) => isKebabCase && normalizedKebabCase === toKebabCase(name) || isPascalCase && normalizedPascalCase === toPascalCase(name)
+    );
+    if (!isValidName) {
+      return false;
+    }
+    if (isClosingTag) {
+      return attributes.trim() === "";
+    }
+    return validHtmlAttributes(attributes);
+  };
+}
+
 // src/type-guards/html/hasHtml.ts
 function hasHtml(val) {
   if (typeof val !== "string")
@@ -4046,6 +4079,39 @@ function isValidBlockTag(val) {
 function isValidAtomicTag(val) {
   return isString(val) && HTML_ATOMIC_TAGS.includes(val.toLowerCase());
 }
+function isValidHtmlTag(...tags) {
+  return (val) => {
+    if (typeof val !== "string")
+      return false;
+    const trimmedVal = val.trim();
+    const tagRegex = /^<\/?(\w+)(.*?)>$/;
+    const match = tagRegex.exec(trimmedVal);
+    if (!match) {
+      return false;
+    }
+    const [, tagName, attributes] = match;
+    const normalizedTagName = tagName.toLowerCase();
+    const isClosingTag = trimmedVal.startsWith("</");
+    const isAtomicTag = HTML_ATOMIC_TAGS.includes(normalizedTagName);
+    const isBlockTag = HTML_BLOCK_TAGS.includes(normalizedTagName);
+    if (
+      // Validate tag name is within the provided `tags` scope
+      !tags.map((t) => t.toLowerCase()).includes(normalizedTagName)
+    ) {
+      return false;
+    }
+    if (isClosingTag) {
+      return attributes.trim() === "" && !isAtomicTag;
+    }
+    if (isAtomicTag) {
+      return attributes.trim() === "" || validHtmlAttributes(attributes);
+    }
+    if (isBlockTag) {
+      return validHtmlAttributes(attributes);
+    }
+    return false;
+  };
+}
 
 // src/type-guards/html/isHtml.ts
 function isHtml(val) {
@@ -4093,6 +4159,16 @@ function isHtmlElement(val) {
   return isObject(val) && "attributes" in val && "firstElementChild" in val && "innerHTML" in val;
 }
 
+// src/type-guards/html/validHtmlAttributes.ts
+function validHtmlAttributes(val) {
+  if (typeof val !== "string")
+    return false;
+  const quoteRegex = /["']/g;
+  const unmatchedQuotes = (val.match(quoteRegex)?.length || 0) % 2 !== 0;
+  const invalidAssignment = /(\w+=)(?=\s|>|$)/.test(val);
+  return !val.includes(">") && !unmatchedQuotes && !invalidAssignment;
+}
+
 // src/type-guards/isAlpha.ts
 function isAlpha(value) {
   return isString(value) && split(value).every((v) => ALPHA_CHARS.includes(v));
@@ -6674,6 +6750,7 @@ function asVueRef(value) {
   isHmUrl,
   isHomeDepotUrl,
   isHtml,
+  isHtmlComponentTag,
   isHtmlElement,
   isIkeaUrl,
   isIndexable,
@@ -6820,6 +6897,7 @@ function asVueRef(value) {
   isValidAtomicTag,
   isValidBlockTag,
   isValidHtml,
+  isValidHtmlTag,
   isVariable,
   isVisa,
   isVisaMastercard,
@@ -6946,6 +7024,7 @@ function asVueRef(value) {
   unset,
   uppercase,
   urlMeta,
+  validHtmlAttributes,
   valuesOf,
   widen,
   withDefaults,