@herb-tools/linter 0.4.0 → 0.4.1

package/src/rules/rule-utils.ts

@@ -2,16 +2,15 @@ import {
   Visitor
 } from "@herb-tools/core"
 
-import type { 
-  ERBNode, 
+import type {
+  ERBNode,
   HTMLAttributeNameNode,
-  HTMLAttributeNode, 
-  HTMLAttributeValueNode, 
-  HTMLOpenTagNode, 
-  HTMLSelfCloseTagNode, 
-  LiteralNode, 
-  Location, 
-  Node 
+  HTMLAttributeNode,
+  HTMLAttributeValueNode,
+  HTMLOpenTagNode,
+  HTMLSelfCloseTagNode,
+  LiteralNode,
+  Location
 } from "@herb-tools/core"
 import type { LintOffense, LintSeverity, } from "../types.js"
 
@@ -83,18 +82,36 @@ export function getAttributeName(attributeNode: HTMLAttributeNode): string | nul
  * Gets the attribute value content from an HTMLAttributeValueNode
  */
 export function getAttributeValue(attributeNode: HTMLAttributeNode): string | null {
-  if (attributeNode.value?.type === "AST_HTML_ATTRIBUTE_VALUE_NODE") {
-    const valueNode = attributeNode.value as HTMLAttributeValueNode
+  const valueNode: HTMLAttributeValueNode | null = attributeNode.value as HTMLAttributeValueNode
+
+  if (valueNode === null) return null
+
+  if (valueNode.type !== "AST_HTML_ATTRIBUTE_VALUE_NODE" || !valueNode.children?.length) {
+    return null
+  }
+
+  let result = ""
+
+  for (const child of valueNode.children) {
+    switch (child.type) {
+      case "AST_ERB_CONTENT_NODE": {
+        const erbNode = child as ERBNode
 
-    if (valueNode.children && valueNode.children.length > 0) {
-      return valueNode.children
-        .filter(child => child.type === "AST_LITERAL_NODE")
-        .map(child => (child as LiteralNode).content)
-        .join("")
+        if (erbNode.content) {
+          result += `${erbNode.tag_opening?.value}${erbNode.content.value}${erbNode.tag_closing?.value}`
+        }
+
+        break
+      }
+
+      case "AST_LITERAL_NODE": {
+        result += (child as LiteralNode).content
+        break
+      }
     }
   }
 
-  return null
+  return result
 }
 
 /**
@@ -171,6 +188,70 @@ export const HTML_BOOLEAN_ATTRIBUTES = new Set([
 
 export const HEADING_TAGS = new Set(["h1", "h2", "h3", "h4", "h5", "h6"])
 
+export const VALID_ARIA_ROLES = new Set([
+  "banner", "complementary", "contentinfo", "form", "main", "navigation", "region", "search",
+  "article", "cell", "columnheader", "definition", "directory", "document", "feed", "figure",
+  "group", "heading", "img", "list", "listitem", "math", "none", "note", "presentation",
+  "row", "rowgroup", "rowheader", "separator", "table", "term", "tooltip",
+  "alert", "alertdialog", "button", "checkbox", "combobox", "dialog", "grid", "gridcell", "link",
+  "listbox", "menu", "menubar", "menuitem", "menuitemcheckbox", "menuitemradio", "option",
+  "progressbar", "radio", "radiogroup", "scrollbar", "searchbox", "slider", "spinbutton",
+  "status", "switch", "tab", "tablist", "tabpanel", "textbox", "timer", "toolbar", "tree",
+  "treegrid", "treeitem",
+  "log", "marquee"
+]);
+
+export const ARIA_ATTRIBUTES =  new Set([
+  'aria-activedescendant',
+  'aria-atomic',
+  'aria-autocomplete',
+  'aria-busy',
+  'aria-checked',
+  'aria-colcount',
+  'aria-colindex',
+  'aria-colspan',
+  'aria-controls',
+  'aria-current',
+  'aria-describedby',
+  'aria-details',
+  'aria-disabled',
+  'aria-dropeffect',
+  'aria-errormessage',
+  'aria-expanded',
+  'aria-flowto',
+  'aria-grabbed',
+  'aria-haspopup',
+  'aria-hidden',
+  'aria-invalid',
+  'aria-keyshortcuts',
+  'aria-label',
+  'aria-labelledby',
+  'aria-level',
+  'aria-live',
+  'aria-modal',
+  'aria-multiline',
+  'aria-multiselectable',
+  'aria-orientation',
+  'aria-owns',
+  'aria-placeholder',
+  'aria-posinset',
+  'aria-pressed',
+  'aria-readonly',
+  'aria-relevant',
+  'aria-required',
+  'aria-roledescription',
+  'aria-rowcount',
+  'aria-rowindex',
+  'aria-rowspan',
+  'aria-selected',
+  'aria-setsize',
+  'aria-sort',
+  'aria-valuemax',
+  'aria-valuemin',
+  'aria-valuenow',
+  'aria-valuetext',
+])
+
 /**
  * Checks if an element is inline
  */