testio-tailwind 3.21.0 → 3.23.0

package/utils/filters.js

@@ -1,11 +1,172 @@
 
 const { DateTime } = require('luxon')
 
+// HTML to HAML converter with proper indentation
+function htmlToHaml(html) {
+  let haml = '';
+  let currentIndent = 0;
+  
+  // Remove leading/trailing whitespace
+  html = html.trim();
+  
+  // Tokenize HTML
+  const tokens = tokenizeHtml(html);
+  
+  // Process tokens
+  for (let i = 0; i < tokens.length; i++) {
+    const token = tokens[i];
+    
+    if (token.type === 'openTag') {
+      const hamlTag = tagToHaml(token.tag, token.attrs);
+      haml += getIndent(currentIndent) + hamlTag;
+      
+      // Check if this is a self-closing or void element
+      if (token.selfClosing || isVoidElement(token.tag)) {
+        haml += '\n';
+      } else {
+        haml += '\n';
+        currentIndent++;
+      }
+    } else if (token.type === 'closeTag') {
+      currentIndent = Math.max(0, currentIndent - 1);
+    } else if (token.type === 'text') {
+      const text = token.content.trim();
+      if (text) {
+        haml += getIndent(currentIndent) + text + '\n';
+      }
+    }
+  }
+  
+  return haml.trim();
+}
+
+// Tokenize HTML into an array of tokens
+function tokenizeHtml(html) {
+  const tokens = [];
+  let i = 0;
+  
+  while (i < html.length) {
+    if (html[i] === '<') {
+      const tagEnd = html.indexOf('>', i);
+      if (tagEnd === -1) break;
+      
+      const tagContent = html.substring(i + 1, tagEnd);
+      
+      if (tagContent.startsWith('/')) {
+        // Closing tag
+        const tagName = tagContent.substring(1).trim();
+        tokens.push({ type: 'closeTag', tag: tagName });
+      } else if (tagContent.startsWith('!')) {
+        // Comment or doctype - skip
+        i = tagEnd + 1;
+        continue;
+      } else {
+        // Opening tag
+        const selfClosing = tagContent.endsWith('/');
+        const cleanContent = selfClosing ? tagContent.slice(0, -1) : tagContent;
+        const parts = cleanContent.trim().split(/\s+/);
+        const tagName = parts[0];
+        const attrString = cleanContent.substring(tagName.length).trim();
+        
+        tokens.push({
+          type: 'openTag',
+          tag: tagName,
+          attrs: attrString,
+          selfClosing: selfClosing
+        });
+      }
+      
+      i = tagEnd + 1;
+    } else {
+      // Text content
+      const nextTag = html.indexOf('<', i);
+      const textEnd = nextTag === -1 ? html.length : nextTag;
+      const text = html.substring(i, textEnd);
+      
+      if (text.trim()) {
+        tokens.push({ type: 'text', content: text });
+      }
+      
+      i = textEnd;
+    }
+  }
+  
+  return tokens;
+}
+
+// Convert a tag and its attributes to HAML format
+function tagToHaml(tag, attrString) {
+  let result = '%' + tag;
+  
+  if (!attrString) {
+    return result;
+  }
+  
+  const classes = [];
+  const ids = [];
+  const attrs = {};
+  
+  // Parse attributes
+  const attrRegex = /(\w+(?:-\w+)*(?::\w+)*)\s*=\s*["']([^"']*)["']|(\w+(?:-\w+)*(?::\w+)*)/g;
+  let match;
+  
+  while ((match = attrRegex.exec(attrString)) !== null) {
+    if (match[1]) {
+      const name = match[1];
+      const value = match[2];
+      
+      if (name === 'class') {
+        classes.push(...value.split(/\s+/));
+      } else if (name === 'id') {
+        ids.push(value);
+      } else if (name !== 'type' || tag !== 'input') {
+        // Skip type attribute for input tags as they're implicit
+        attrs[name] = value;
+      }
+    }
+  }
+  
+  // Build HAML tag with classes and IDs
+  if (ids.length > 0) {
+    result += '#' + ids.join('.');
+  }
+  
+  if (classes.length > 0) {
+    result += '.' + classes.join('.');
+  }
+  
+  // Add other attributes
+  if (Object.keys(attrs).length > 0) {
+    const attrPairs = Object.entries(attrs)
+      .map(([k, v]) => `${k}:'${v}'`)
+      .join(', ');
+    result += `{${attrPairs}}`;
+  }
+  
+  return result;
+}
+
+// Check if tag is a void element (self-closing)
+function isVoidElement(tag) {
+  const voidElements = ['br', 'hr', 'img', 'input', 'meta', 'link', 'area', 'base', 'col', 'embed', 'source', 'track', 'wbr'];
+  return voidElements.includes(tag.toLowerCase());
+}
+
+// Get indentation string
+function getIndent(level) {
+  return '  '.repeat(level);
+}
+
 module.exports = {
     // https://html.spec.whatwg.org/multipage/common-microsyntaxes.html#valid-date-string
     htmlDateString: (dateObj) => {
       return DateTime.fromJSDate(dateObj, {
         zone: 'utc'
       }).toFormat('yyyy-LL-dd');
+    },
+    
+    // Convert HTML to HAML format
+    convertToHaml: (html) => {
+      return htmlToHaml(html);
     }
 }