Update (#2)

* Update

* update

* Update

* fix testcase

Author: ota-meshi

.eslintrc-for-playground.js

@@ -4,6 +4,11 @@ module.exports = {
     extends: [
         require.resolve("./.eslintrc.js"),
     ],
+    parserOptions: {
+        sourceType: "module",
+        ecmaVersion: 2022,
+        parser: "@typescript-eslint/parser",
+    },
     overrides: [
         {
             files: ["*.astro"],

README.md

@@ -11,7 +11,8 @@ You can check it on [Online DEMO](https://ota-meshi.github.io/astro-eslint-parse
 [![NPM downloads](https://img.shields.io/npm/dy/astro-eslint-parser.svg)](http://www.npmtrends.com/astro-eslint-parser)
 [![NPM downloads](https://img.shields.io/npm/dt/astro-eslint-parser.svg)](http://www.npmtrends.com/astro-eslint-parser)
 [![Build Status](https://github.com/ota-meshi/astro-eslint-parser/workflows/CI/badge.svg?branch=main)](https://github.com/ota-meshi/astro-eslint-parser/actions?query=workflow%3ACI)
-[![Coverage Status](https://coveralls.io/repos/github/ota-meshi/astro-eslint-parser/badge.svg?branch=main)](https://coveralls.io/github/ota-meshi/astro-eslint-parser?branch=main)
+
+This parser is in the ***experimental stages*** of development.
 
 <!--
 ### ESLint Plugins Using astro-eslint-parser
@@ -112,23 +113,6 @@ module.exports = {
 }
 ```
 
-#### Multiple parsers
-
-If you want to switch the parser for each lang, specify the object.
-
-```json
-{
-    "parser": "astro-eslint-parser",
-    "parserOptions": {
-        "parser": {
-            "ts": "@typescript-eslint/parser",
-            "js": "espree",
-            "typescript": "@typescript-eslint/parser"
-        }
-    }
-}
-```
-
 ## :computer: Editor Integrations
 
 ### Visual Studio Code
@@ -151,8 +135,9 @@ Example **.vscode/settings.json**:
 
 ## Usage for Custom Rules / Plugins
 
-- [AST.md](./docs/AST.md) is AST specification. You can check it on the [Online DEMO](https://ota-meshi.github.io/astro-eslint-parser/).
-- The parser will generate its own [ScopeManager](https://eslint.org/docs/developer-guide/scope-manager-interface). You can check it on the [Online DEMO](https://ota-meshi.github.io/astro-eslint-parser/scope).
+- TBD
+
+<!-- - [AST.md](./docs/AST.md) is AST specification. You can check it on the [Online DEMO](https://ota-meshi.github.io/astro-eslint-parser/). -->
 <!-- - I have already [implemented some rules] in the [`@ota-meshi/eslint-plugin-astro`]. The source code for these rules will be helpful to you. -->
 
 ## :beers: Contributing

package.json

@@ -42,6 +42,7 @@
     "homepage": "https://github.com/ota-meshi/astro-eslint-parser#readme",
     "dependencies": {
         "@astrojs/compiler": "^0.14.2",
+        "debug": "^4.3.4",
         "eslint-scope": "^7.0.0",
         "eslint-visitor-keys": "^3.0.0",
         "espree": "^9.0.0"
@@ -50,6 +51,7 @@
         "@ota-meshi/eslint-plugin": "^0.10.0",
         "@types/benchmark": "^2.1.1",
         "@types/chai": "^4.3.0",
+        "@types/debug": "^4.1.7",
         "@types/eslint": "^8.0.0",
         "@types/eslint-scope": "^3.7.0",
         "@types/eslint-visitor-keys": "^1.0.0",
@@ -63,6 +65,7 @@
         "code-red": "^0.2.3",
         "eslint": "^8.2.0",
         "eslint-config-prettier": "^8.3.0",
+        "eslint-formatter-codeframe": "^7.32.1",
         "eslint-plugin-eslint-comments": "^3.2.0",
         "eslint-plugin-json-schema-validator": "^2.1.6",
         "eslint-plugin-jsonc": "^2.0.0",

src/ast.ts

@@ -5,6 +5,8 @@ export type AstroNode =
     | AstroRootFragment
     | AstroHTMLComment
     | AstroDoctype
+    | AstroShorthandAttribute
+    | AstroTemplateLiteralAttribute
 
 /** Node of Astro program root */
 export interface AstroProgram extends Omit<TSESTree.Program, "type" | "body"> {
@@ -41,3 +43,19 @@ export interface AstroDoctype
     type: "AstroDoctype"
     parent: AstroRootFragment
 }
+/** Node of Astro shorthand attribute */
+export interface AstroShorthandAttribute
+    extends Omit<TSESTree.JSXAttribute, "type" | "parent"> {
+    type: "AstroShorthandAttribute"
+    value: TSESTree.JSXExpressionContainer
+    parent: TSESTree.JSXElement | TSESTree.JSXFragment
+}
+/** Node of Astro template-literal attribute */
+export interface AstroTemplateLiteralAttribute
+    extends Omit<TSESTree.JSXAttribute, "type" | "parent"> {
+    type: "AstroTemplateLiteralAttribute"
+    value: TSESTree.JSXExpressionContainer & {
+        expression: TSESTree.TemplateLiteral
+    }
+    parent: TSESTree.JSXElement | TSESTree.JSXFragment
+}

src/astro/index.ts

@@ -1,5 +1,6 @@
 import type {
     AttributeNode,
+    CommentNode,
     Node,
     ParentNode,
     TagLikeNode,
@@ -71,3 +72,192 @@ export function walk(
         leave?.(node, parent)
     }
 }
+
+/**
+ * Get end offset of start tag
+ */
+export function getStartTagEndOffset(node: TagLikeNode, code: string): number {
+    const lastAttr = node.attributes[node.attributes.length - 1]
+    let beforeCloseIndex: number
+    if (lastAttr) {
+        beforeCloseIndex = getAttributeEndOffset(lastAttr, code)
+    } else {
+        const info = getTokenInfo(
+            code,
+            [`<${node.name}`],
+            node.position!.start.offset,
+        )
+        beforeCloseIndex = info.index + info.match.length
+    }
+    const info = getTokenInfo(code, [[">", "/>"]], beforeCloseIndex)
+    return info.index + info.match.length
+}
+
+/**
+ * Get end offset of attribute
+ */
+export function getAttributeEndOffset(
+    node: AttributeNode,
+    code: string,
+): number {
+    let info
+    if (node.kind === "empty") {
+        info = getTokenInfo(code, [node.name], node.position!.start.offset)
+    } else if (node.kind === "quoted") {
+        info = getTokenInfo(
+            code,
+            [[`"${node.value}"`, `'${node.value}'`, node.value]],
+            getAttributeValueStartOffset(node, code),
+        )
+    } else if (node.kind === "expression") {
+        info = getTokenInfo(
+            code,
+            ["{", node.value, "}"],
+            getAttributeValueStartOffset(node, code),
+        )
+    } else if (node.kind === "shorthand") {
+        info = getTokenInfo(
+            code,
+            ["{", node.name, "}"],
+            node.position!.start.offset,
+        )
+    } else if (node.kind === "spread") {
+        info = getTokenInfo(
+            code,
+            ["{", "...", node.name, "}"],
+            node.position!.start.offset,
+        )
+    } else if (node.kind === "template-literal") {
+        info = getTokenInfo(
+            code,
+            [`\`${node.value}\``],
+            getAttributeValueStartOffset(node, code),
+        )
+    } else {
+        throw new Error(`Unknown attr kind: ${node.kind}`)
+    }
+    return info.index + info.match.length
+}
+
+/**
+ * Get start offset of attribute value
+ */
+export function getAttributeValueStartOffset(
+    node: AttributeNode,
+    code: string,
+): number {
+    let info
+    if (node.kind === "quoted") {
+        info = getTokenInfo(
+            code,
+            [node.name, "=", [`"`, `'`, node.value]],
+            node.position!.start.offset,
+        )
+    } else if (node.kind === "expression") {
+        info = getTokenInfo(
+            code,
+            [node.name, "=", "{"],
+            node.position!.start.offset,
+        )
+    } else if (node.kind === "template-literal") {
+        info = getTokenInfo(
+            code,
+            [node.name, "=", "`"],
+            node.position!.start.offset,
+        )
+    } else {
+        throw new Error(`Unknown attr kind: ${node.kind}`)
+    }
+    return info.index
+}
+
+/**
+ * Get end offset of comment
+ */
+export function getCommentEndOffset(node: CommentNode, code: string): number {
+    const info = getTokenInfo(
+        code,
+        ["<!--", node.value, "-->"],
+        node.position!.start.offset,
+    )
+
+    return info.index + info.match.length
+}
+
+/**
+ * Get token info
+ */
+function getTokenInfo(
+    string: string,
+    tokens: (string | string[])[],
+    position: number,
+): {
+    match: string
+    index: number
+} {
+    let lastMatch:
+        | {
+              match: string
+              index: number
+          }
+        | undefined
+    for (const t of tokens) {
+        const index = lastMatch
+            ? lastMatch.index + lastMatch.match.length
+            : position
+        const m =
+            typeof t === "string"
+                ? matchOfStr(t, index)
+                : matchOfForMulti(t, index)
+        if (m == null) {
+            throw new Error(
+                `Unknown token at ${index}, expected: ${JSON.stringify(
+                    t,
+                )}, actual: ${JSON.stringify(string.slice(index, index + 10))}`,
+            )
+        }
+        lastMatch = m
+    }
+    return lastMatch!
+
+    /**
+     * For string
+     */
+    function matchOfStr(search: string, position: number) {
+        const index =
+            search.trim() === search ? skipSpaces(string, position) : position
+        if (string.startsWith(search, index)) {
+            return {
+                match: search,
+                index,
+            }
+        }
+        return null
+    }
+
+    /**
+     * For multi
+     */
+    function matchOfForMulti(search: string[], position: number) {
+        for (const s of search) {
+            const m = matchOfStr(s, position)
+            if (m) {
+                return m
+            }
+        }
+        return null
+    }
+}
+
+/**
+ * Skip spaces
+ */
+export function skipSpaces(string: string, position: number): number {
+    const re = /\s*/g
+    re.lastIndex = position
+    const match = re.exec(string)
+    if (match) {
+        return match.index + match[0].length
+    }
+    return position
+}