astro-eslint-parser 0.0.11 → 0.0.14

package/lib/ast.d.ts

@@ -1,5 +1,5 @@
 import type { TSESTree } from "@typescript-eslint/types";
-export declare type AstroNode = AstroProgram | AstroRootFragment | AstroHTMLComment | AstroDoctype | AstroShorthandAttribute | AstroTemplateLiteralAttribute | AstroRawText;
+export declare type AstroNode = AstroProgram | AstroRootFragment | AstroHTMLComment | AstroDoctype | AstroShorthandAttribute | AstroTemplateLiteralAttribute | AstroRawText | AstroFragment;
 /** Node of Astro program root */
 export interface AstroProgram extends Omit<TSESTree.Program, "type" | "body"> {
     type: "Program";
@@ -45,3 +45,9 @@ export interface AstroRawText extends Omit<TSESTree.JSXText, "type" | "parent">
     type: "AstroRawText";
     parent: AstroRootFragment | TSESTree.JSXElement | TSESTree.JSXFragment;
 }
+/** Node of Astro fragment expression */
+export interface AstroFragment extends Omit<TSESTree.BaseNode, "type" | "parent"> {
+    type: "AstroFragment";
+    children: TSESTree.JSXFragment["children"];
+    parent: TSESTree.JSXFragment["parent"];
+}

package/lib/astro/index.d.ts

@@ -1,4 +1,4 @@
-import type { AttributeNode, CommentNode, Node, ParentNode, TagLikeNode } from "@astrojs/compiler/types";
+import type { AttributeNode, CommentNode, ExpressionNode, Node, ParentNode, TagLikeNode } from "@astrojs/compiler/types";
 import type { Context } from "../context";
 /**
  * Checks if the given node is TagLikeNode
@@ -9,13 +9,21 @@ export declare function isTag(node: Node): node is Node & TagLikeNode;
  */
 export declare function isParent(node: Node): node is ParentNode;
 /** walk element nodes */
-export declare function walkElements(parent: ParentNode, code: string, cb: (n: Node, parent: ParentNode) => void): void;
+export declare function walkElements(parent: ParentNode, code: string, enter: (n: Node, parents: ParentNode[]) => void, leave: (n: Node, parents: ParentNode[]) => void, parents?: ParentNode[]): void;
 /** walk nodes */
-export declare function walk(parent: ParentNode, code: string, enter: (n: Node | AttributeNode, parent: ParentNode) => void, leave?: (n: Node | AttributeNode, parent: ParentNode) => void): void;
+export declare function walk(parent: ParentNode, code: string, enter: (n: Node | AttributeNode, parents: ParentNode[]) => void, leave: (n: Node | AttributeNode, parents: ParentNode[]) => void): void;
 /**
  * Get end offset of start tag
  */
 export declare function getStartTagEndOffset(node: TagLikeNode, ctx: Context): number;
+/**
+ * Get end offset of tag
+ */
+export declare function getTagEndOffset(node: TagLikeNode, parents: ParentNode[], ctx: Context): number;
+/**
+ * Get end offset of Expression
+ */
+export declare function getExpressionEndOffset(node: ExpressionNode, parents: ParentNode[], ctx: Context): number;
 /**
  * Get end offset of attribute
  */
@@ -28,6 +36,24 @@ export declare function getAttributeValueStartOffset(node: AttributeNode, ctx: C
  * Get end offset of comment
  */
 export declare function getCommentEndOffset(node: CommentNode, ctx: Context): number;
+/**
+ * Get content end offset
+ */
+export declare function getContentEndOffset(parent: ParentNode, parents: ParentNode[], ctx: Context): number;
+/**
+ * If the given tag is a self-close tag, get the self-closing tag.
+ */
+export declare function getSelfClosingTag(node: TagLikeNode, parents: ParentNode[], ctx: Context): null | {
+    offset: number;
+    end: "/>" | ">";
+};
+/**
+ * If the given tag has a end tag, get the end tag.
+ */
+export declare function getEndTag(node: TagLikeNode, parents: ParentNode[], ctx: Context): null | {
+    offset: number;
+    tag: string;
+};
 /**
  * Skip spaces
  */

package/lib/astro/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.skipSpaces = exports.getCommentEndOffset = exports.getAttributeValueStartOffset = exports.getAttributeEndOffset = exports.getStartTagEndOffset = exports.walk = exports.walkElements = exports.isParent = exports.isTag = void 0;
+exports.skipSpaces = exports.getEndTag = exports.getSelfClosingTag = exports.getContentEndOffset = exports.getCommentEndOffset = exports.getAttributeValueStartOffset = exports.getAttributeEndOffset = exports.getExpressionEndOffset = exports.getTagEndOffset = exports.getStartTagEndOffset = exports.walk = exports.walkElements = exports.isParent = exports.isTag = void 0;
 const errors_1 = require("../errors");
 /**
  * Checks if the given node is TagLikeNode
@@ -20,32 +20,30 @@ function isParent(node) {
 }
 exports.isParent = isParent;
 /** walk element nodes */
-function walkElements(parent, code, cb) {
+function walkElements(parent, code, enter, leave, parents = []) {
     const children = getSortedChildren(parent, code);
+    const currParents = [parent, ...parents];
     for (const node of children) {
-        cb(node, parent);
+        enter(node, currParents);
         if (isParent(node)) {
-            walkElements(node, code, cb);
+            walkElements(node, code, enter, leave, currParents);
         }
+        leave(node, currParents);
     }
 }
 exports.walkElements = walkElements;
 /** walk nodes */
 function walk(parent, code, enter, leave) {
-    const children = getSortedChildren(parent, code);
-    for (const node of children) {
-        enter(node, parent);
+    walkElements(parent, code, (node, parents) => {
+        enter(node, parents);
         if (isTag(node)) {
+            const attrParents = [node, ...parents];
             for (const attr of node.attributes) {
-                enter(attr, node);
-                leave === null || leave === void 0 ? void 0 : leave(attr, node);
+                enter(attr, attrParents);
+                leave(attr, attrParents);
             }
         }
-        if (isParent(node)) {
-            walk(node, code, enter, leave);
-        }
-        leave === null || leave === void 0 ? void 0 : leave(node, parent);
-    }
+    }, leave);
 }
 exports.walk = walk;
 /**
@@ -65,6 +63,49 @@ function getStartTagEndOffset(node, ctx) {
     return info.index + info.match.length;
 }
 exports.getStartTagEndOffset = getStartTagEndOffset;
+/**
+ * Get end offset of tag
+ */
+function getTagEndOffset(node, parents, ctx) {
+    var _a;
+    if (((_a = node.position.end) === null || _a === void 0 ? void 0 : _a.offset) != null) {
+        return node.position.end.offset;
+    }
+    let beforeIndex;
+    if (node.children.length) {
+        const lastChild = node.children[node.children.length - 1];
+        beforeIndex = getEndOffset(lastChild, [node, ...parents], ctx);
+    }
+    else {
+        beforeIndex = getStartTagEndOffset(node, ctx);
+    }
+    beforeIndex = skipSpaces(ctx.code, beforeIndex);
+    if (ctx.code.startsWith(`</${node.name}`, beforeIndex)) {
+        beforeIndex = beforeIndex + 2 + node.name.length;
+        const info = getTokenInfo(ctx, [">"], beforeIndex);
+        return info.index + info.match.length;
+    }
+    return beforeIndex;
+}
+exports.getTagEndOffset = getTagEndOffset;
+/**
+ * Get end offset of Expression
+ */
+function getExpressionEndOffset(node, parents, ctx) {
+    var _a;
+    if (((_a = node.position.end) === null || _a === void 0 ? void 0 : _a.offset) != null) {
+        return node.position.end.offset;
+    }
+    if (node.children.length) {
+        const lastChild = node.children[node.children.length - 1];
+        const beforeIndex = getEndOffset(lastChild, [node, ...parents], ctx);
+        const info = getTokenInfo(ctx, ["}"], beforeIndex);
+        return info.index + info.match.length;
+    }
+    const info = getTokenInfo(ctx, ["{", "}"], node.position.start.offset);
+    return info.index + info.match.length;
+}
+exports.getExpressionEndOffset = getExpressionEndOffset;
 /**
  * Get end offset of attribute
  */
@@ -122,6 +163,120 @@ function getCommentEndOffset(node, ctx) {
     return info.index + info.match.length;
 }
 exports.getCommentEndOffset = getCommentEndOffset;
+/**
+ * Get content end offset
+ */
+function getContentEndOffset(parent, parents, ctx) {
+    const code = ctx.code;
+    if (isTag(parent)) {
+        const end = getTagEndOffset(parent, parents, ctx);
+        if (code[end - 1] !== ">") {
+            return end;
+        }
+        const index = code.lastIndexOf("</", end);
+        if (index >= 0 && code.slice(index, end).trim() === parent.name) {
+            return index;
+        }
+        return end;
+    }
+    else if (parent.type === "expression") {
+        const end = getExpressionEndOffset(parent, parents, ctx);
+        return code.lastIndexOf("}", end);
+    }
+    else if (parent.type === "root") {
+        return code.length;
+    }
+    throw new Error(`unknown type: ${parent.type}`);
+}
+exports.getContentEndOffset = getContentEndOffset;
+/**
+ * If the given tag is a self-close tag, get the self-closing tag.
+ */
+function getSelfClosingTag(node, parents, ctx) {
+    const children = node.children.filter((c) => c.type !== "text" || c.value.trim());
+    if (children.length > 0) {
+        return null;
+    }
+    const parent = parents[0];
+    const code = ctx.code;
+    let nextElementIndex = code.length;
+    const childIndex = parent.children.indexOf(node);
+    if (childIndex === parent.children.length - 1) {
+        // last
+        nextElementIndex = getContentEndOffset(parent, parents.slice(1), ctx);
+    }
+    else {
+        const next = parent.children[childIndex + 1];
+        nextElementIndex = next.position.start.offset;
+    }
+    const endOffset = getStartTagEndOffset(node, ctx);
+    if (code.slice(endOffset, nextElementIndex).trim()) {
+        // has end tag
+        return null;
+    }
+    return {
+        offset: endOffset,
+        end: code.slice(endOffset - 2, endOffset) === "/>" ? "/>" : ">",
+    };
+}
+exports.getSelfClosingTag = getSelfClosingTag;
+/**
+ * If the given tag has a end tag, get the end tag.
+ */
+function getEndTag(node, parents, ctx) {
+    let beforeIndex;
+    if (node.children.length) {
+        const lastChild = node.children[node.children.length - 1];
+        beforeIndex = getEndOffset(lastChild, [node, ...parents], ctx);
+    }
+    else {
+        beforeIndex = getStartTagEndOffset(node, ctx);
+    }
+    beforeIndex = skipSpaces(ctx.code, beforeIndex);
+    if (ctx.code.startsWith(`</${node.name}`, beforeIndex)) {
+        const offset = beforeIndex;
+        beforeIndex = beforeIndex + 2 + node.name.length;
+        const info = getTokenInfo(ctx, [">"], beforeIndex);
+        const end = info.index + info.match.length;
+        return {
+            offset,
+            tag: ctx.code.slice(offset, end),
+        };
+    }
+    return null;
+}
+exports.getEndTag = getEndTag;
+/**
+ * Get end offset of tag
+ */
+function getEndOffset(node, parents, ctx) {
+    var _a;
+    if (((_a = node.position.end) === null || _a === void 0 ? void 0 : _a.offset) != null) {
+        return node.position.end.offset;
+    }
+    if (isTag(node))
+        return getTagEndOffset(node, parents, ctx);
+    if (node.type === "expression")
+        return getExpressionEndOffset(node, parents, ctx);
+    if (node.type === "comment")
+        return getCommentEndOffset(node, ctx);
+    if (node.type === "frontmatter") {
+        const start = node.position.start.offset;
+        return ctx.code.indexOf("---", start + 3) + 3;
+    }
+    if (node.type === "doctype") {
+        const start = node.position.start.offset;
+        return ctx.code.indexOf(">", start) + 1;
+    }
+    if (node.type === "text") {
+        const start = node.position.start.offset;
+        return start + node.value.length;
+    }
+    if (node.type === "root") {
+        return ctx.code.length;
+    }
+    throw new Error(`unknown type: ${node.type}`);
+}
 /**
  * Get token info
  */

package/lib/context/index.d.ts

@@ -9,7 +9,7 @@ export declare class Context {
     readonly parserOptions: any;
     readonly locs: LinesAndColumns;
     private readonly locsMap;
-    private state;
+    private readonly state;
     constructor(code: string, parserOptions: any);
     getLocFromIndex(index: number): {
         line: number;
@@ -29,6 +29,8 @@ export declare class Context {
     getText(range: TSESTree.Range): string;
     isTypeScript(): boolean;
     remapCR({ ast, visitorKeys }: ESLintExtendedProgram): void;
+    get originalAST(): any;
+    set originalAST(originalAST: any);
 }
 export declare class LinesAndColumns {
     readonly code: string;

package/lib/context/index.js

@@ -129,6 +129,12 @@ class Context {
             comment.range = remapRange(comment.range);
         }
     }
+    get originalAST() {
+        return this.state.originalAST;
+    }
+    set originalAST(originalAST) {
+        this.state.originalAST = originalAST;
+    }
 }
 exports.Context = Context;
 class LinesAndColumns {

package/lib/context/script.d.ts

@@ -14,7 +14,7 @@ export declare class ScriptContext {
     appendOriginal(index: number): void;
     appendScript(fragment: string): void;
     addToken(type: TSESTree.Token["type"], range: TSESTree.Range): void;
-    addRestoreNodeProcess(process: (node: TSESTree.Node, result: ESLintExtendedProgram) => boolean): void;
+    addRestoreNodeProcess(process: (node: TSESTree.Node, result: ESLintExtendedProgram, parent: TSESTree.Node) => boolean): void;
     /**
      * Restore AST nodes
      */

package/lib/context/script.js

@@ -52,12 +52,12 @@ class ScriptContext {
         delete rootFragment.openingFragment;
         rootFragment.type = "AstroRootFragment";
         // remap locations
-        const traversed = new Set();
+        const traversed = new Map();
         (0, traverse_1.traverseNodes)(result.ast, {
             visitorKeys: result.visitorKeys,
-            enterNode: (node) => {
+            enterNode: (node, p) => {
                 if (!traversed.has(node)) {
-                    traversed.add(node);
+                    traversed.set(node, p);
                     this.remapLocation(node);
                 }
             },
@@ -78,8 +78,10 @@ class ScriptContext {
             this.remapLocation(token);
         }
         let restoreNodeProcesses = this.restoreNodeProcesses;
-        for (const node of traversed) {
-            restoreNodeProcesses = restoreNodeProcesses.filter((proc) => !proc(node, result));
+        for (const [node, parent] of traversed) {
+            if (!parent)
+                continue;
+            restoreNodeProcesses = restoreNodeProcesses.filter((proc) => !proc(node, result, parent));
         }
         // Adjust program node location
         const first = result.ast.body[0];

package/lib/errors.d.ts

@@ -6,6 +6,7 @@ export declare class ParseError extends SyntaxError {
     index: number;
     lineNumber: number;
     column: number;
+    originalAST: any;
     /**
      * Initialize this ParseError instance.
      */

package/lib/errors.js

@@ -14,6 +14,7 @@ class ParseError extends SyntaxError {
         const loc = ctx.getLocFromIndex(offset);
         this.lineNumber = loc.line;
         this.column = loc.column;
+        this.originalAST = ctx.originalAST;
     }
 }
 exports.ParseError = ParseError;

package/lib/parser/astro-parser/parse.js

@@ -31,7 +31,7 @@ const errors_1 = require("../../errors");
  * Parse code by `@astrojs/compiler`
  */
 function parse(code, ctx) {
-    const ast = parseByService(code).ast;
+    const ast = parseByService(code, ctx).ast;
     const htmlElement = ast.children.find((n) => n.type === "element" && n.name === "html");
     if (htmlElement) {
         adjustHTML(ast, htmlElement, ctx);
@@ -43,13 +43,16 @@ exports.parse = parse;
 /**
  * Parse code by `@astrojs/compiler`
  */
-function parseByService(code) {
+function parseByService(code, ctx) {
     const jsonAst = service.parse(code, { position: true }).ast;
+    ctx.originalAST = jsonAst;
     try {
         const ast = JSON.parse(jsonAst);
+        ctx.originalAST = ast;
         return { ast };
     }
     catch (_a) {
+        // FIXME: Workaround for escape bugs
         // Adjust because may get the wrong escape as JSON.
         const ast = JSON.parse(jsonAst.replace(/\\./gu, (m) => {
             try {
@@ -60,6 +63,7 @@ function parseByService(code) {
                 return `\\${m}`;
             }
         }));
+        ctx.originalAST = ast;
         return { ast };
     }
 }
@@ -119,7 +123,7 @@ function fixLocations(node, ctx) {
     let start = 0;
     (0, astro_1.walk)(node, ctx.code, 
     // eslint-disable-next-line complexity -- X(
-    (node, parent) => {
+    (node, [parent]) => {
         if (node.type === "frontmatter") {
             start = node.position.start.offset = tokenIndex(ctx, "---", start);
             start = node.position.end.offset =
@@ -155,12 +159,39 @@ function fixLocations(node, ctx) {
                 if (start < 0) {
                     start = ctx.code.length;
                 }
-                // Workaround for escape bugs
+                // FIXME: Workaround for escape bugs
                 node.value = ctx.code.slice(node.position.start.offset, start);
             }
             else {
-                start = node.position.start.offset = tokenIndex(ctx, node.value, start);
-                start += node.value.length;
+                const index = tokenIndexSafe(ctx.code, node.value, start);
+                if (index != null) {
+                    start = node.position.start.offset = index;
+                    start += node.value.length;
+                }
+                else {
+                    // FIXME: Workaround for escape bugs
+                    node.position.start.offset = start;
+                    const value = node.value.replace(/\s+/gu, "");
+                    for (let charIndex = 0; charIndex < value.length; charIndex++) {
+                        const char = value[charIndex];
+                        const index = tokenIndexSafe(ctx.code, char, start);
+                        if (index != null) {
+                            start = index + 1;
+                            continue;
+                        }
+                        start = (0, astro_1.skipSpaces)(ctx.code, start);
+                        if (ctx.code.startsWith("\\", start)) {
+                            const codeChar = JSON.parse(`"\\${ctx.code[start + 1]}"`);
+                            start += 2;
+                            if (codeChar === char) {
+                                continue;
+                            }
+                        }
+                        start = tokenIndex(ctx, char, start) + 1;
+                    }
+                    start = (0, astro_1.skipSpaces)(ctx.code, start);
+                    node.value = ctx.code.slice(node.position.start.offset, start);
+                }
             }
         }
         else if (node.type === "expression") {
@@ -182,7 +213,7 @@ function fixLocations(node, ctx) {
         else if (node.type === "root") {
             // noop
         }
-    }, (node, parent) => {
+    }, (node, [parent]) => {
         if (node.type === "attribute") {
             const attributes = parent.attributes;
             if (attributes[attributes.length - 1] === node) {

package/lib/parser/process-template.js

@@ -17,8 +17,9 @@ function processTemplate(ctx, resultTemplate) {
         script.appendScript("<>");
         fragmentOpened = true;
     }
+    (0, astro_1.walkElements)(resultTemplate.ast, ctx.code, 
     // eslint-disable-next-line complexity -- X(
-    (0, astro_1.walkElements)(resultTemplate.ast, ctx.code, (node, parent) => {
+    (node, parents) => {
         if (node.type === "frontmatter") {
             const start = node.position.start.offset;
             script.appendOriginal(start);
@@ -32,7 +33,8 @@ function processTemplate(ctx, resultTemplate) {
                 for (let index = 0; index < result.ast.body.length; index++) {
                     const st = result.ast.body[index];
                     if (st.type === types_1.AST_NODE_TYPES.EmptyStatement) {
-                        if (st.range[0] === end - 3 && st.range[1] === end) {
+                        if (st.range[0] === end - 3 &&
+                            st.range[1] === end) {
                             result.ast.body.splice(index, 1);
                             break;
                         }
@@ -47,8 +49,43 @@ function processTemplate(ctx, resultTemplate) {
             script.addToken(types_1.AST_TOKEN_TYPES.Punctuator, [end - 3, end]);
         }
         else if ((0, astro_1.isTag)(node)) {
+            // Process for multiple tag
+            const parent = parents[0];
+            if (parent.type === "expression") {
+                const index = parent.children.indexOf(node);
+                const before = parent.children[index - 1];
+                if (!before || !(0, astro_1.isTag)(before)) {
+                    const after = parent.children[index + 1];
+                    if (after &&
+                        ((0, astro_1.isTag)(after) || after.type === "comment")) {
+                        const start = node.position.start.offset;
+                        script.appendOriginal(start);
+                        script.appendScript("<>");
+                        script.addRestoreNodeProcess((scriptNode) => {
+                            if (scriptNode.range[0] === start &&
+                                scriptNode.type ===
+                                    types_1.AST_NODE_TYPES.JSXFragment) {
+                                delete scriptNode.openingFragment;
+                                delete scriptNode.closingFragment;
+                                const fragmentNode = scriptNode;
+                                fragmentNode.type = "AstroFragment";
+                                const last = fragmentNode.children[fragmentNode.children.length - 1];
+                                if (fragmentNode.range[1] < last.range[1]) {
+                                    fragmentNode.range[1] = last.range[1];
+                                    fragmentNode.loc.end =
+                                        ctx.getLocFromIndex(fragmentNode.range[1]);
+                                }
+                                return true;
+                            }
+                            return false;
+                        });
+                    }
+                }
+            }
+            // Process for attributes
             for (const attr of node.attributes) {
-                if ((node.type === "component" || node.type === "fragment") &&
+                if ((node.type === "component" ||
+                    node.type === "fragment") &&
                     (attr.kind === "quoted" ||
                         attr.kind === "empty" ||
                         attr.kind === "expression" ||
@@ -76,7 +113,8 @@ function processTemplate(ctx, resultTemplate) {
                                 types_1.AST_NODE_TYPES.JSXAttribute &&
                                 scriptNode.range[0] === start) {
                                 const baseNameNode = scriptNode.name;
-                                const nsn = Object.assign(Object.assign({}, baseNameNode), { type: types_1.AST_NODE_TYPES.JSXNamespacedName, namespace: Object.assign({ type: types_1.AST_NODE_TYPES.JSXIdentifier, name: attr.name.slice(0, colonIndex) }, ctx.getLocations(baseNameNode.range[0], baseNameNode.range[0] + colonIndex)), name: Object.assign({ type: types_1.AST_NODE_TYPES.JSXIdentifier, name: attr.name.slice(colonIndex + 1) }, ctx.getLocations(baseNameNode.range[0] +
+                                const nsn = Object.assign(Object.assign({}, baseNameNode), { type: types_1.AST_NODE_TYPES.JSXNamespacedName, namespace: Object.assign({ type: types_1.AST_NODE_TYPES.JSXIdentifier, name: attr.name.slice(0, colonIndex) }, ctx.getLocations(baseNameNode.range[0], baseNameNode.range[0] +
+                                        colonIndex)), name: Object.assign({ type: types_1.AST_NODE_TYPES.JSXIdentifier, name: attr.name.slice(colonIndex + 1) }, ctx.getLocations(baseNameNode.range[0] +
                                         colonIndex +
                                         1, baseNameNode.range[1])) });
                                 scriptNode.name = nsn;
@@ -87,7 +125,8 @@ function processTemplate(ctx, resultTemplate) {
                                     const token = tokens[index];
                                     if (token.range[0] ===
                                         baseNameNode.range[0] &&
-                                        token.range[1] === baseNameNode.range[1]) {
+                                        token.range[1] ===
+                                            baseNameNode.range[1]) {
                                         tokens.splice(index, 1);
                                         break;
                                     }
@@ -106,7 +145,8 @@ function processTemplate(ctx, resultTemplate) {
                         : attr.name;
                     script.appendScript(`${jsxName}=`);
                     script.addRestoreNodeProcess((scriptNode) => {
-                        if (scriptNode.type === types_1.AST_NODE_TYPES.JSXAttribute &&
+                        if (scriptNode.type ===
+                            types_1.AST_NODE_TYPES.JSXAttribute &&
                             scriptNode.range[0] === start) {
                             const attrNode = scriptNode;
                             attrNode.type = "AstroShorthandAttribute";
@@ -130,7 +170,8 @@ function processTemplate(ctx, resultTemplate) {
                     script.appendOriginal(end);
                     script.appendScript("}");
                     script.addRestoreNodeProcess((scriptNode) => {
-                        if (scriptNode.type === types_1.AST_NODE_TYPES.JSXAttribute &&
+                        if (scriptNode.type ===
+                            types_1.AST_NODE_TYPES.JSXAttribute &&
                             scriptNode.range[0] === attrStart) {
                             const attrNode = scriptNode;
                             attrNode.type = "AstroTemplateLiteralAttribute";
@@ -140,11 +181,13 @@ function processTemplate(ctx, resultTemplate) {
                     });
                 }
             }
-            const end = getVoidSelfClosingTag(node, parent, ctx);
-            if (end && end.end === ">") {
-                script.appendOriginal(end.offset - 1);
+            // Process for start tag close
+            const closing = (0, astro_1.getSelfClosingTag)(node, parents, ctx);
+            if (closing && closing.end === ">") {
+                script.appendOriginal(closing.offset - 1);
                 script.appendScript("/");
             }
+            // Process for raw text
             if (node.name === "script" || node.name === "style") {
                 const text = node.children[0];
                 if (text && text.type === "text") {
@@ -176,15 +219,17 @@ function processTemplate(ctx, resultTemplate) {
             script.appendOriginal(start);
             let targetType;
             if (fragmentOpened) {
-                script.appendScript(`<></>`);
+                script.appendOriginal(start + 1);
+                script.appendScript(`></`);
+                script.skipOriginalOffset(length - 2);
                 targetType = types_1.AST_NODE_TYPES.JSXFragment;
             }
             else {
                 script.appendScript(`0;`);
                 targetType = types_1.AST_NODE_TYPES.ExpressionStatement;
+                script.skipOriginalOffset(length);
             }
-            script.skipOriginalOffset(length);
-            script.addRestoreNodeProcess((scriptNode) => {
+            script.addRestoreNodeProcess((scriptNode, result) => {
                 if (scriptNode.range[0] === start &&
                     scriptNode.type === targetType) {
                     delete scriptNode.children;
@@ -194,6 +239,27 @@ function processTemplate(ctx, resultTemplate) {
                     const commentNode = scriptNode;
                     commentNode.type = "AstroHTMLComment";
                     commentNode.value = node.value;
+                    if (fragmentOpened) {
+                        const removeTokenSet = new Set([
+                            (token) => token.value === "<" &&
+                                token.range[0] === scriptNode.range[0],
+                            (token) => token.value === ">" &&
+                                token.range[1] === scriptNode.range[1],
+                        ]);
+                        const tokens = result.ast.tokens || [];
+                        for (let index = tokens.length - 1; index >= 0; index--) {
+                            const token = tokens[index];
+                            for (const rt of removeTokenSet) {
+                                if (rt(token)) {
+                                    tokens.splice(index, 1);
+                                    removeTokenSet.delete(rt);
+                                    if (!removeTokenSet.size) {
+                                        break;
+                                    }
+                                }
+                            }
+                        }
+                    }
                     return true;
                 }
                 return false;
@@ -232,6 +298,46 @@ function processTemplate(ctx, resultTemplate) {
             });
             script.addToken("HTMLDocType", [start, end]);
         }
+    }, (node, parents) => {
+        if ((0, astro_1.isTag)(node)) {
+            const closing = (0, astro_1.getSelfClosingTag)(node, parents, ctx);
+            if (!closing) {
+                const end = (0, astro_1.getEndTag)(node, parents, ctx);
+                if (!end) {
+                    const offset = (0, astro_1.getContentEndOffset)(node, parents, ctx);
+                    script.appendOriginal(offset);
+                    script.appendScript(`</${node.name}>`);
+                    script.addRestoreNodeProcess((scriptNode, _result, parent) => {
+                        if (scriptNode.range[0] === offset &&
+                            scriptNode.type ===
+                                types_1.AST_NODE_TYPES.JSXClosingElement &&
+                            parent.type === types_1.AST_NODE_TYPES.JSXElement) {
+                            parent.closingElement = null;
+                            return true;
+                        }
+                        return false;
+                    });
+                }
+            }
+        }
+        // Process for multiple tag
+        const parent = parents[0];
+        if (((0, astro_1.isTag)(node) || node.type === "comment") &&
+            parent.type === "expression") {
+            const index = parent.children.indexOf(node);
+            const after = parent.children[index + 1];
+            if (!after || (!(0, astro_1.isTag)(after) && after.type !== "comment")) {
+                const before = parent.children[index - 1];
+                if (before &&
+                    ((0, astro_1.isTag)(before) || before.type === "comment")) {
+                    const end = (0, astro_1.isTag)(node)
+                        ? (0, astro_1.getTagEndOffset)(node, parents, ctx)
+                        : (0, astro_1.getCommentEndOffset)(node, ctx);
+                    script.appendOriginal(end);
+                    script.appendScript("</>");
+                }
+            }
+        }
     });
     script.appendOriginal(ctx.code.length);
     script.appendScript("</>");
@@ -249,36 +355,3 @@ function processTemplate(ctx, resultTemplate) {
     }
 }
 exports.processTemplate = processTemplate;
-/**
- * If the given tag is a void tag, get the self-closing tag.
- */
-function getVoidSelfClosingTag(node, parent, ctx) {
-    var _a;
-    const children = node.children.filter((c) => c.type !== "text" || c.value.trim());
-    if (children.length > 0) {
-        return false;
-    }
-    const code = ctx.code;
-    let nextElementIndex = code.length;
-    const childIndex = parent.children.indexOf(node);
-    if (childIndex === parent.children.length - 1) {
-        // last
-        if ((_a = parent.position) === null || _a === void 0 ? void 0 : _a.end) {
-            nextElementIndex = parent.position.end.offset;
-            nextElementIndex = code.lastIndexOf("</", nextElementIndex);
-        }
-    }
-    else {
-        const next = parent.children[childIndex + 1];
-        nextElementIndex = next.position.start.offset;
-    }
-    const endOffset = (0, astro_1.getStartTagEndOffset)(node, ctx);
-    if (code.slice(endOffset, nextElementIndex).trim()) {
-        // has end tag
-        return null;
-    }
-    return {
-        offset: endOffset,
-        end: code.slice(endOffset - 2, endOffset) === "/>" ? "/>" : ">",
-    };
-}

package/lib/visitor-keys.js

@@ -10,5 +10,6 @@ const astroKeys = {
     AstroShorthandAttribute: ["name", "value"],
     AstroTemplateLiteralAttribute: ["name", "value"],
     AstroRawText: [],
+    AstroFragment: ["children"],
 };
 exports.KEYS = (0, eslint_visitor_keys_1.unionWith)(astroKeys);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "astro-eslint-parser",
-    "version": "0.0.11",
+    "version": "0.0.14",
     "description": "Astro parser for ESLint",
     "main": "lib/index.js",
     "files": [
@@ -20,6 +20,7 @@
         "debug": "mocha --require ts-node/register/transpile-only \"tests/src/**/*.ts\" --reporter dot --timeout 60000",
         "preversion": "npm run lint && npm test",
         "update-fixtures": "ts-node --transpile-only ./tools/update-fixtures.ts",
+        "debug-parser": "ts-node --transpile-only ./tools/parser-test.ts",
         "eslint-playground": "eslint tests/fixtures --ext .astro --config .eslintrc-for-playground.js --format codeframe",
         "benchmark": "ts-node --transpile-only benchmark/index.ts"
     },