@herb-tools/formatter 0.4.0 → 0.4.2

package/dist/index.esm.js

@@ -129,7 +129,7 @@ class Token {
 }
 
 // NOTE: This file is generated by the templates/template.rb script and should not
-// be modified manually. See /Users/marcoroth/Development/herb-release/templates/javascript/packages/core/src/errors.ts.erb
+// be modified manually. See /Users/marcoroth/Development/herb-release-6/templates/javascript/packages/core/src/errors.ts.erb
 class HerbError {
     type;
     message;
@@ -579,7 +579,7 @@ function convertToUTF8(string) {
 }
 
 // NOTE: This file is generated by the templates/template.rb script and should not
-// be modified manually. See /Users/marcoroth/Development/herb-release/templates/javascript/packages/core/src/nodes.ts.erb
+// be modified manually. See /Users/marcoroth/Development/herb-release-6/templates/javascript/packages/core/src/nodes.ts.erb
 class Node {
     type;
     location;
@@ -2574,7 +2574,7 @@ function fromSerializedNode(node) {
 }
 
 // NOTE: This file is generated by the templates/template.rb script and should not
-// be modified manually. See /Users/marcoroth/Development/herb-release/templates/javascript/packages/core/src/visitor.ts.erb
+// be modified manually. See /Users/marcoroth/Development/herb-release-6/templates/javascript/packages/core/src/visitor.ts.erb
 class Visitor {
     visit(node) {
         if (!node)
@@ -2689,6 +2689,8 @@ class Printer extends Visitor {
     source;
     lines = [];
     indentLevel = 0;
+    inlineMode = false;
+    isInComplexNesting = false;
     constructor(source, options) {
         super();
         this.source = source;
@@ -2702,6 +2704,7 @@ class Printer extends Visitor {
         const node = object;
         this.lines = [];
         this.indentLevel = indentLevel;
+        this.isInComplexNesting = false; // Reset for each top-level element
         if (typeof node.accept === 'function') {
             node.accept(this);
         }
@@ -2751,6 +2754,8 @@ class Printer extends Visitor {
         const tagName = open.tag_name?.value ?? "";
         const indent = this.indent();
         const attributes = open.children.filter((child) => child instanceof HTMLAttributeNode || child.type === 'AST_HTML_ATTRIBUTE_NODE');
+        const inlineNodes = open.children.filter(child => !(child instanceof HTMLAttributeNode || child.type === 'AST_HTML_ATTRIBUTE_NODE') &&
+            !(child instanceof WhitespaceNode || child.type === 'AST_WHITESPACE_NODE'));
         const children = node.body.filter(child => !(child instanceof WhitespaceNode || child.type === 'AST_WHITESPACE_NODE') &&
             !((child instanceof HTMLTextNode || child.type === 'AST_HTML_TEXT_NODE') && child?.content.trim() === ""));
         const hasClosing = open.tag_closing?.value === ">" || open.tag_closing?.value === "/>";
@@ -2759,7 +2764,7 @@ class Printer extends Visitor {
             this.push(indent + `<${tagName}`);
             return;
         }
-        if (attributes.length === 0) {
+        if (attributes.length === 0 && inlineNodes.length === 0) {
             if (children.length === 0) {
                 if (isSelfClosing) {
                     this.push(indent + `<${tagName} />`);
@@ -2772,6 +2777,28 @@ class Printer extends Visitor {
                 }
                 return;
             }
+            if (children.length >= 1) {
+                if (this.isInComplexNesting) {
+                    if (children.length === 1) {
+                        const child = children[0];
+                        if (child instanceof HTMLTextNode || child.type === 'AST_HTML_TEXT_NODE') {
+                            const textContent = child.content.trim();
+                            const singleLine = `<${tagName}>${textContent}</${tagName}>`;
+                            if (!textContent.includes('\n') && (indent.length + singleLine.length) <= this.maxLineLength) {
+                                this.push(indent + singleLine);
+                                return;
+                            }
+                        }
+                    }
+                }
+                else {
+                    const inlineResult = this.tryRenderInline(children, tagName);
+                    if (inlineResult && (indent.length + inlineResult.length) <= this.maxLineLength) {
+                        this.push(indent + inlineResult);
+                        return;
+                    }
+                }
+            }
             this.push(indent + `<${tagName}>`);
             this.withIndent(() => {
                 children.forEach(child => this.visit(child));
@@ -2781,14 +2808,40 @@ class Printer extends Visitor {
             }
             return;
         }
-        const inline = this.renderInlineOpen(tagName, attributes, isSelfClosing);
+        if (attributes.length === 0 && inlineNodes.length > 0) {
+            const inline = this.renderInlineOpen(tagName, [], isSelfClosing, inlineNodes, open.children);
+            if (children.length === 0) {
+                if (isSelfClosing || node.is_void) {
+                    this.push(indent + inline);
+                }
+                else {
+                    this.push(indent + inline + `</${tagName}>`);
+                }
+                return;
+            }
+            this.push(indent + inline);
+            this.withIndent(() => {
+                children.forEach(child => this.visit(child));
+            });
+            if (!node.is_void && !isSelfClosing) {
+                this.push(indent + `</${tagName}>`);
+            }
+            return;
+        }
+        const inline = this.renderInlineOpen(tagName, attributes, isSelfClosing, inlineNodes, open.children);
         const singleAttribute = attributes[0];
-        const hasEmptyValue = singleAttribute &&
+        singleAttribute &&
             (singleAttribute.value instanceof HTMLAttributeValueNode || singleAttribute.value?.type === 'AST_HTML_ATTRIBUTE_VALUE_NODE') &&
             singleAttribute.value?.children.length === 0;
-        const shouldKeepInline = attributes.length <= 3 &&
-            !hasEmptyValue &&
-            inline.length + indent.length <= this.maxLineLength;
+        const hasERBControlFlow = inlineNodes.some(node => node instanceof ERBIfNode || node.type === 'AST_ERB_IF_NODE' ||
+            node instanceof ERBUnlessNode || node.type === 'AST_ERB_UNLESS_NODE' ||
+            node instanceof ERBBlockNode || node.type === 'AST_ERB_BLOCK_NODE' ||
+            node instanceof ERBCaseNode || node.type === 'AST_ERB_CASE_NODE' ||
+            node instanceof ERBWhileNode || node.type === 'AST_ERB_WHILE_NODE' ||
+            node instanceof ERBForNode || node.type === 'AST_ERB_FOR_NODE');
+        const shouldKeepInline = (attributes.length <= 3 &&
+            inline.length + indent.length <= this.maxLineLength) ||
+            (inlineNodes.length > 0 && !hasERBControlFlow);
         if (shouldKeepInline) {
             if (children.length === 0) {
                 if (isSelfClosing) {
@@ -2816,27 +2869,67 @@ class Printer extends Visitor {
             }
             return;
         }
-        this.push(indent + `<${tagName}`);
-        this.withIndent(() => {
-            attributes.forEach(attribute => {
-                this.push(this.indent() + this.renderAttribute(attribute));
+        if (inlineNodes.length > 0 && hasERBControlFlow) {
+            this.push(indent + `<${tagName}`);
+            this.withIndent(() => {
+                open.children.forEach(child => {
+                    if (child instanceof HTMLAttributeNode || child.type === 'AST_HTML_ATTRIBUTE_NODE') {
+                        this.push(this.indent() + this.renderAttribute(child));
+                    }
+                    else if (!(child instanceof WhitespaceNode || child.type === 'AST_WHITESPACE_NODE')) {
+                        this.visit(child);
+                    }
+                });
             });
-        });
-        if (isSelfClosing) {
-            this.push(indent + "/>");
-        }
-        else if (node.is_void) {
-            this.push(indent + ">");
+            if (isSelfClosing) {
+                this.push(indent + "/>");
+            }
+            else if (node.is_void) {
+                this.push(indent + ">");
+            }
+            else if (children.length === 0) {
+                this.push(indent + ">" + `</${tagName}>`);
+            }
+            else {
+                this.push(indent + ">");
+                this.withIndent(() => {
+                    children.forEach(child => this.visit(child));
+                });
+                this.push(indent + `</${tagName}>`);
+            }
         }
-        else if (children.length === 0) {
-            this.push(indent + ">" + `</${tagName}>`);
+        else if (inlineNodes.length > 0) {
+            this.push(indent + this.renderInlineOpen(tagName, attributes, isSelfClosing, inlineNodes, open.children));
+            if (!isSelfClosing && !node.is_void && children.length > 0) {
+                this.withIndent(() => {
+                    children.forEach(child => this.visit(child));
+                });
+                this.push(indent + `</${tagName}>`);
+            }
         }
         else {
-            this.push(indent + ">");
+            this.push(indent + `<${tagName}`);
             this.withIndent(() => {
-                children.forEach(child => this.visit(child));
+                attributes.forEach(attribute => {
+                    this.push(this.indent() + this.renderAttribute(attribute));
+                });
             });
-            this.push(indent + `</${tagName}>`);
+            if (isSelfClosing) {
+                this.push(indent + "/>");
+            }
+            else if (node.is_void) {
+                this.push(indent + ">");
+            }
+            else if (children.length === 0) {
+                this.push(indent + ">" + `</${tagName}>`);
+            }
+            else {
+                this.push(indent + ">");
+                this.withIndent(() => {
+                    children.forEach(child => this.visit(child));
+                });
+                this.push(indent + `</${tagName}>`);
+            }
         }
     }
     visitHTMLOpenTagNode(node) {
@@ -2867,11 +2960,10 @@ class Printer extends Visitor {
         const attributes = node.attributes.filter((attribute) => attribute instanceof HTMLAttributeNode || attribute.type === 'AST_HTML_ATTRIBUTE_NODE');
         const inline = this.renderInlineOpen(tagName, attributes, true);
         const singleAttribute = attributes[0];
-        const hasEmptyValue = singleAttribute &&
+        singleAttribute &&
             (singleAttribute.value instanceof HTMLAttributeValueNode || singleAttribute.value?.type === 'AST_HTML_ATTRIBUTE_VALUE_NODE') &&
             singleAttribute.value?.children.length === 0;
         const shouldKeepInline = attributes.length <= 3 &&
-            !hasEmptyValue &&
             inline.length + indent.length <= this.maxLineLength;
         if (shouldKeepInline) {
             this.push(indent + inline);
@@ -3044,15 +3136,50 @@ class Printer extends Visitor {
         }
     }
     visitERBIfNode(node) {
-        this.printERBNode(node);
-        this.withIndent(() => {
-            node.statements.forEach(child => this.visit(child));
-        });
-        if (node.subsequent) {
-            this.visit(node.subsequent);
+        if (this.inlineMode) {
+            const open = node.tag_opening?.value ?? "";
+            const content = node.content?.value ?? "";
+            const close = node.tag_closing?.value ?? "";
+            this.lines.push(open + content + close);
+            if (node.statements.length > 0) {
+                this.lines.push(" ");
+            }
+            node.statements.forEach((child, index) => {
+                if (child instanceof HTMLAttributeNode || child.type === 'AST_HTML_ATTRIBUTE_NODE') {
+                    this.lines.push(this.renderAttribute(child));
+                }
+                else {
+                    this.visit(child);
+                }
+                if (index < node.statements.length - 1) {
+                    this.lines.push(" ");
+                }
+            });
+            if (node.statements.length > 0) {
+                this.lines.push(" ");
+            }
+            if (node.subsequent) {
+                this.visit(node.subsequent);
+            }
+            if (node.end_node) {
+                const endNode = node.end_node;
+                const endOpen = endNode.tag_opening?.value ?? "";
+                const endContent = endNode.content?.value ?? "";
+                const endClose = endNode.tag_closing?.value ?? "";
+                this.lines.push(endOpen + endContent + endClose);
+            }
         }
-        if (node.end_node) {
-            this.printERBNode(node.end_node);
+        else {
+            this.printERBNode(node);
+            this.withIndent(() => {
+                node.statements.forEach(child => this.visit(child));
+            });
+            if (node.subsequent) {
+                this.visit(node.subsequent);
+            }
+            if (node.end_node) {
+                this.printERBNode(node.end_node);
+            }
         }
     }
     visitERBElseNode(node) {
@@ -3132,8 +3259,54 @@ class Printer extends Visitor {
             this.visit(node.end_node);
     }
     // --- Utility methods ---
-    renderInlineOpen(name, attributes, selfClose) {
+    renderInlineOpen(name, attributes, selfClose, inlineNodes = [], allChildren = []) {
         const parts = attributes.map(attribute => this.renderAttribute(attribute));
+        if (inlineNodes.length > 0) {
+            let result = `<${name}`;
+            if (allChildren.length > 0) {
+                const currentIndentLevel = this.indentLevel;
+                this.indentLevel = 0;
+                const tempLines = this.lines;
+                this.lines = [];
+                allChildren.forEach(child => {
+                    if (child instanceof HTMLAttributeNode || child.type === 'AST_HTML_ATTRIBUTE_NODE') {
+                        this.lines.push(" " + this.renderAttribute(child));
+                    }
+                    else if (!(child instanceof WhitespaceNode || child.type === 'AST_WHITESPACE_NODE')) {
+                        const wasInlineMode = this.inlineMode;
+                        this.inlineMode = true;
+                        this.lines.push(" ");
+                        this.visit(child);
+                        this.inlineMode = wasInlineMode;
+                    }
+                });
+                const inlineContent = this.lines.join("");
+                this.lines = tempLines;
+                this.indentLevel = currentIndentLevel;
+                result += inlineContent;
+            }
+            else {
+                if (parts.length > 0) {
+                    result += ` ${parts.join(" ")}`;
+                }
+                const currentIndentLevel = this.indentLevel;
+                this.indentLevel = 0;
+                const tempLines = this.lines;
+                this.lines = [];
+                inlineNodes.forEach(node => {
+                    const wasInlineMode = this.inlineMode;
+                    this.inlineMode = true;
+                    this.visit(node);
+                    this.inlineMode = wasInlineMode;
+                });
+                const inlineContent = this.lines.join("");
+                this.lines = tempLines;
+                this.indentLevel = currentIndentLevel;
+                result += inlineContent;
+            }
+            result += selfClose ? " />" : ">";
+            return result;
+        }
         return `<${name}${parts.length ? " " + parts.join(" ") : ""}${selfClose ? " /" : ""}>`;
     }
     renderAttribute(attribute) {
@@ -3145,8 +3318,7 @@ class Printer extends Visitor {
             const open_quote = (attrValue.open_quote?.value ?? "");
             const close_quote = (attrValue.close_quote?.value ?? "");
             const attribute_value = attrValue.children.map((attr) => {
-                if (attr instanceof HTMLTextNode || attr.type === 'AST_HTML_TEXT_NODE' ||
-                    attr instanceof LiteralNode || attr.type === 'AST_LITERAL_NODE') {
+                if (attr instanceof HTMLTextNode || attr.type === 'AST_HTML_TEXT_NODE' || attr instanceof LiteralNode || attr.type === 'AST_LITERAL_NODE') {
                     return attr.content;
                 }
                 else if (attr instanceof ERBContentNode || attr.type === 'AST_ERB_CONTENT_NODE') {
@@ -3159,6 +3331,124 @@ class Printer extends Visitor {
         }
         return name + equals + value;
     }
+    /**
+     * Try to render children inline if they are simple enough.
+     * Returns the inline string if possible, null otherwise.
+     */
+    tryRenderInline(children, tagName, depth = 0) {
+        if (children.length > 10) {
+            return null;
+        }
+        const maxNestingDepth = this.getMaxNestingDepth(children, 0);
+        if (maxNestingDepth > 1) {
+            this.isInComplexNesting = true;
+            return null;
+        }
+        for (const child of children) {
+            if (child instanceof HTMLTextNode || child.type === 'AST_HTML_TEXT_NODE') {
+                const textContent = child.content;
+                if (textContent.includes('\n')) {
+                    return null;
+                }
+            }
+            else if (child instanceof HTMLElementNode || child.type === 'AST_HTML_ELEMENT_NODE') {
+                const element = child;
+                const openTag = element.open_tag;
+                const attributes = openTag.children.filter((child) => child instanceof HTMLAttributeNode || child.type === 'AST_HTML_ATTRIBUTE_NODE');
+                if (attributes.length > 0) {
+                    return null;
+                }
+            }
+            else if (child instanceof ERBContentNode || child.type === 'AST_ERB_CONTENT_NODE') ;
+            else {
+                return null;
+            }
+        }
+        const oldLines = this.lines;
+        const oldInlineMode = this.inlineMode;
+        try {
+            this.lines = [];
+            this.inlineMode = true;
+            let content = '';
+            for (const child of children) {
+                if (child instanceof HTMLTextNode || child.type === 'AST_HTML_TEXT_NODE') {
+                    content += child.content;
+                }
+                else if (child instanceof HTMLElementNode || child.type === 'AST_HTML_ELEMENT_NODE') {
+                    const element = child;
+                    const openTag = element.open_tag;
+                    const childTagName = openTag?.tag_name?.value || '';
+                    const attributes = openTag.children.filter((child) => child instanceof HTMLAttributeNode || child.type === 'AST_HTML_ATTRIBUTE_NODE');
+                    const attributesString = attributes.length > 0
+                        ? ' ' + attributes.map(attr => this.renderAttribute(attr)).join(' ')
+                        : '';
+                    const elementContent = this.renderElementInline(element);
+                    content += `<${childTagName}${attributesString}>${elementContent}</${childTagName}>`;
+                }
+                else if (child instanceof ERBContentNode || child.type === 'AST_ERB_CONTENT_NODE') {
+                    const erbNode = child;
+                    const open = erbNode.tag_opening?.value ?? "";
+                    const erbContent = erbNode.content?.value ?? "";
+                    const close = erbNode.tag_closing?.value ?? "";
+                    content += `${open} ${erbContent.trim()} ${close}`;
+                }
+            }
+            content = content.replace(/\s+/g, ' ').trim();
+            return `<${tagName}>${content}</${tagName}>`;
+        }
+        finally {
+            this.lines = oldLines;
+            this.inlineMode = oldInlineMode;
+        }
+    }
+    /**
+     * Calculate the maximum nesting depth in a subtree of nodes.
+     */
+    getMaxNestingDepth(children, currentDepth) {
+        let maxDepth = currentDepth;
+        for (const child of children) {
+            if (child instanceof HTMLElementNode || child.type === 'AST_HTML_ELEMENT_NODE') {
+                const element = child;
+                const elementChildren = element.body.filter(child => !(child instanceof WhitespaceNode || child.type === 'AST_WHITESPACE_NODE') &&
+                    !((child instanceof HTMLTextNode || child.type === 'AST_HTML_TEXT_NODE') && child?.content.trim() === ""));
+                const childDepth = this.getMaxNestingDepth(elementChildren, currentDepth + 1);
+                maxDepth = Math.max(maxDepth, childDepth);
+            }
+        }
+        return maxDepth;
+    }
+    /**
+     * Render an HTML element's content inline (without the wrapping tags).
+     */
+    renderElementInline(element) {
+        const children = element.body.filter(child => !(child instanceof WhitespaceNode || child.type === 'AST_WHITESPACE_NODE') &&
+            !((child instanceof HTMLTextNode || child.type === 'AST_HTML_TEXT_NODE') && child?.content.trim() === ""));
+        let content = '';
+        for (const child of children) {
+            if (child instanceof HTMLTextNode || child.type === 'AST_HTML_TEXT_NODE') {
+                content += child.content;
+            }
+            else if (child instanceof HTMLElementNode || child.type === 'AST_HTML_ELEMENT_NODE') {
+                const childElement = child;
+                const openTag = childElement.open_tag;
+                const childTagName = openTag?.tag_name?.value || '';
+                const attributes = openTag.children.filter((child) => child instanceof HTMLAttributeNode || child.type === 'AST_HTML_ATTRIBUTE_NODE');
+                const attributesString = attributes.length > 0
+                    ? ' ' + attributes.map(attr => this.renderAttribute(attr)).join(' ')
+                    : '';
+                const childContent = this.renderElementInline(childElement);
+                content += `<${childTagName}${attributesString}>${childContent}</${childTagName}>`;
+            }
+            else if (child instanceof ERBContentNode || child.type === 'AST_ERB_CONTENT_NODE') {
+                const erbNode = child;
+                const open = erbNode.tag_opening?.value ?? "";
+                const erbContent = erbNode.content?.value ?? "";
+                const close = erbNode.tag_closing?.value ?? "";
+                content += `${open} ${erbContent.trim()} ${close}`;
+            }
+        }
+        return content.replace(/\s+/g, ' ').trim();
+    }
 }
 
 /**