sveltejs · Jun 5, 2023 · Jun 5, 2023 · Jun 10, 2023 · Jun 10, 2023 · Jun 10, 2023
diff --git a/.github/workflows/NodeCI.yml b/.github/workflows/NodeCI.yml
@@ -122,6 +122,6 @@ jobs:
       - name: Test
         run: pnpm run cover
       - name: Coveralls GitHub Action
-        uses: coverallsapp/github-action@v2.1.2
+        uses: coverallsapp/github-action@v2.2.0
         with:
           github-token: ${{ secrets.GITHUB_TOKEN }}
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,15 @@
 # svelte-eslint-parser
 
+## 0.31.0
+
+### Minor Changes
+
+- [#340](https://github.com/sveltejs/svelte-eslint-parser/pull/340) [`d170f91`](https://github.com/sveltejs/svelte-eslint-parser/commit/d170f915c6133aa42f6d3d1c9fb7bc81269f77eb) Thanks [@marekdedic](https://github.com/marekdedic)! - added PostCSS AST of styles to parser services
+
+### Patch Changes
+
+- [#354](https://github.com/sveltejs/svelte-eslint-parser/pull/354) [`ff24f99`](https://github.com/sveltejs/svelte-eslint-parser/commit/ff24f99d70a97ec13c05459314c08da4f29546eb) Thanks [@ota-meshi](https://github.com/ota-meshi)! - fix: crash when using component and `{@const}`
+
 ## 0.30.0
 
 ### Minor Changes

diff --git a/explorer-v2/src/app.html b/explorer-v2/src/app.html
@@ -6,7 +6,7 @@
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
 
 		%sveltekit.head%
-		<script src="https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.38.0/min/vs/loader.min.js"></script>
+		<script src="https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.39.0/min/vs/loader.min.js"></script>
 	</head>
 	<body>
 		<div id="svelte">%sveltekit.body%</div>

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "svelte-eslint-parser",
-  "version": "0.30.0",
+  "version": "0.31.0",
   "description": "Svelte parser for ESLint",
   "repository": "git+https://github.com/sveltejs/svelte-eslint-parser.git",
   "homepage": "https://github.com/sveltejs/svelte-eslint-parser#readme",
@@ -10,7 +10,7 @@
   ],
   "funding": "https://github.com/sponsors/ota-meshi",
   "license": "MIT",
-  "packageManager": "pnpm@7.32.5",
+  "packageManager": "pnpm@7.33.0",
   "engines": {
     "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
   },
@@ -55,57 +55,58 @@
   "dependencies": {
     "eslint-scope": "^7.0.0",
     "eslint-visitor-keys": "^3.0.0",
-    "espree": "^9.0.0"
+    "espree": "^9.0.0",
+    "postcss": "^8.4.23",
+    "postcss-scss": "^4.0.6"
   },
   "devDependencies": {
-    "@changesets/changelog-github": "^0.4.6",
-    "@changesets/cli": "^2.24.2",
-    "@changesets/get-release-plan": "^3.0.0",
-    "@ota-meshi/eslint-plugin": "^0.13.0",
-    "@types/benchmark": "^2.1.1",
-    "@types/chai": "^4.3.0",
-    "@types/eslint": "^8.0.0",
-    "@types/eslint-scope": "^3.7.0",
+    "@changesets/changelog-github": "^0.4.8",
+    "@changesets/cli": "^2.26.1",
+    "@changesets/get-release-plan": "^3.0.16",
+    "@ota-meshi/eslint-plugin": "^0.13.7",
+    "@types/benchmark": "^2.1.2",
+    "@types/chai": "^4.3.5",
+    "@types/eslint": "^8.40.1",
+    "@types/eslint-scope": "^3.7.4",
     "@types/eslint-visitor-keys": "^1.0.0",
-    "@types/estree": "^1.0.0",
-    "@types/mocha": "^10.0.0",
-    "@types/node": "^18.11.0",
-    "@types/semver": "^7.3.9",
-    "@typescript-eslint/eslint-plugin": "^5.4.0",
-    "@typescript-eslint/parser": "~5.59.0",
-    "@typescript-eslint/types": "^5.59.5",
+    "@types/estree": "^1.0.1",
+    "@types/mocha": "^10.0.1",
+    "@types/node": "^18.16.16",
+    "@types/semver": "^7.5.0",
+    "@typescript-eslint/eslint-plugin": "^5.59.9",
+    "@typescript-eslint/parser": "~5.59.9",
+    "@typescript-eslint/types": "^5.59.9",
     "benchmark": "^2.1.4",
-    "chai": "^4.3.4",
+    "chai": "^4.3.7",
     "env-cmd": "^10.1.0",
-    "esbuild": "^0.17.0",
-    "esbuild-register": "^3.3.3",
-    "eslint": "^8.2.0",
+    "esbuild": "^0.18.0",
+    "esbuild-register": "^3.4.2",
+    "eslint": "^8.42.0",
     "eslint-config-prettier": "^8.8.0",
     "eslint-plugin-eslint-comments": "^3.2.0",
-    "eslint-plugin-json-schema-validator": "^4.0.0",
-    "eslint-plugin-jsonc": "^2.0.0",
+    "eslint-plugin-json-schema-validator": "^4.5.0",
+    "eslint-plugin-jsonc": "^2.8.0",
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-node-dependencies": "^0.11.0",
-    "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-regexp": "^1.5.0",
-    "eslint-plugin-svelte": "^2.28.0",
-    "eslint-plugin-yml": "^1.0.0",
-    "estree-walker": "^3.0.0",
+    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-regexp": "^1.15.0",
+    "eslint-plugin-svelte": "^2.30.0",
+    "eslint-plugin-yml": "^1.7.0",
+    "estree-walker": "^3.0.3",
     "locate-character": "^2.0.5",
     "magic-string": "^0.30.0",
-    "mocha": "^10.0.0",
-    "mocha-chai-jest-snapshot": "^1.1.3",
+    "mocha": "^10.2.0",
+    "mocha-chai-jest-snapshot": "^1.1.4",
     "nyc": "^15.1.0",
-    "prettier": "^2.8.0",
-    "prettier-plugin-pkg": "^0.17.0",
+    "prettier": "^2.8.8",
+    "prettier-plugin-pkg": "^0.17.1",
     "prettier-plugin-svelte": "^2.10.1",
-    "rimraf": "^5.0.0",
-    "semver": "^7.3.5",
-    "svelte": "^4.0.0-0",
+    "rimraf": "^5.0.1",
+    "semver": "^7.5.1",
+    "svelte": "^4.0.0-next.1",
     "svelte2tsx": "^0.6.15",
-    "typescript": "~5.0.0",
-    "typescript-eslint-parser-for-extra-files": "^0.5.0",
-    "vue-eslint-parser": "^9.0.0"
+    "typescript": "~5.1.3",
+    "typescript-eslint-parser-for-extra-files": "^0.5.0"
   },
   "publishConfig": {
     "access": "public"

diff --git a/src/context/script-let.ts b/src/context/script-let.ts
@@ -423,7 +423,33 @@ export class ScriptLetContext {
           preparationScript?: string[];
         })
   ): void {
-    if (!params) {
+    let resolvedParams;
+    if (typeof params === "function") {
+      if (this.ctx.isTypeScript()) {
+        const generatedTypes = params({
+          generateUniqueId: (base) => this.generateUniqueId(base),
+        });
+        resolvedParams = [generatedTypes.param];
+        if (generatedTypes.preparationScript) {
+          for (const preparationScript of generatedTypes.preparationScript) {
+            this.appendScriptWithoutOffset(
+              preparationScript,
+              (node, tokens, comments, result) => {
+                tokens.length = 0;
+                comments.length = 0;
+                removeAllScopeAndVariableAndReference(node, result);
+              }
+            );
+          }
+        }
+      } else {
+        const generatedTypes = params(null);
+        resolvedParams = [generatedTypes.param];
+      }
+    } else {
+      resolvedParams = params;
+    }
+    if (!resolvedParams || resolvedParams.length === 0) {
       const restore = this.appendScript(
         `{`,
         block.range[0],
@@ -442,32 +468,6 @@ export class ScriptLetContext {
       );
       this.pushScope(restore, "}");
     } else {
-      let resolvedParams;
-      if (typeof params === "function") {
-        if (this.ctx.isTypeScript()) {
-          const generatedTypes = params({
-            generateUniqueId: (base) => this.generateUniqueId(base),
-          });
-          resolvedParams = [generatedTypes.param];
-          if (generatedTypes.preparationScript) {
-            for (const preparationScript of generatedTypes.preparationScript) {
-              this.appendScriptWithoutOffset(
-                preparationScript,
-                (node, tokens, comments, result) => {
-                  tokens.length = 0;
-                  comments.length = 0;
-                  removeAllScopeAndVariableAndReference(node, result);
-                }
-              );
-            }
-          }
-        } else {
-          const generatedTypes = params(null);
-          resolvedParams = [generatedTypes.param];
-        }
-      } else {
-        resolvedParams = params;
-      }
       const sortedParams = [...resolvedParams]
         .map((d) => {
           return {

diff --git a/src/index.ts b/src/index.ts
@@ -1,15 +1,20 @@
-import { parseForESLint } from "./parser";
 import * as AST from "./ast";
 import { traverseNodes } from "./traverse";
 import { KEYS } from "./visitor-keys";
 import { ParseError } from "./errors";
+export {
+  parseForESLint,
+  StyleContext,
+  StyleContextNoStyleElement,
+  StyleContextParseError,
+  StyleContextSuccess,
+  StyleContextUnknownLang,
+} from "./parser";
 export * as meta from "./meta";
 export { name } from "./meta";
 
 export { AST, ParseError };
 
-// parser
-export { parseForESLint };
 // Keys
 // eslint-disable-next-line @typescript-eslint/naming-convention -- ignore
 export const VisitorKeys = KEYS;

diff --git a/src/meta.ts b/src/meta.ts
@@ -2,4 +2,4 @@
 // This file has been automatically generated,
 // in order to update its content execute "pnpm run build:meta"
 export const name = "svelte-eslint-parser" as const;
-export const version = "0.30.0" as const;
+export const version = "0.31.0" as const;
diff --git a/src/parser/index.ts b/src/parser/index.ts
@@ -4,6 +4,7 @@ import type {
   Comment,
   SvelteProgram,
   SvelteScriptElement,
+  SvelteStyleElement,
   Token,
 } from "../ast";
 import type { Program } from "estree";
@@ -21,6 +22,24 @@ import {
 import { ParseError } from "../errors";
 import { parseTypeScript } from "./typescript";
 import { addReference } from "../scope";
+import {
+  parseStyleContext,
+  type StyleContext,
+  type StyleContextNoStyleElement,
+  type StyleContextParseError,
+  type StyleContextSuccess,
+  type StyleContextUnknownLang,
+  styleNodeLoc,
+  styleNodeRange,
+} from "./style-context";
+
+export {
+  StyleContext,
+  StyleContextNoStyleElement,
+  StyleContextParseError,
+  StyleContextSuccess,
+  StyleContextUnknownLang,
+};
 
 export interface ESLintProgram extends Program {
   comments: Comment[];
@@ -50,6 +69,7 @@ export function parseForESLint(
   services: Record<string, any> & {
     isSvelte: true;
     getSvelteHtmlAst: () => SvAST.Fragment;
+    getStyleContext: () => StyleContext;
   };
   visitorKeys: { [type: string]: string[] };
   scopeManager: ScopeManager;
@@ -166,12 +186,22 @@ export function parseForESLint(
     );
   }
 
+  const styleElement = ast.body.find(
+    (b): b is SvelteStyleElement => b.type === "SvelteStyleElement"
+  );
+  const styleContext = parseStyleContext(styleElement, ctx);
+
   resultScript.ast = ast as any;
   resultScript.services = Object.assign(resultScript.services || {}, {
     isSvelte: true,
     getSvelteHtmlAst() {
       return resultTemplate.svelteAst.html;
     },
+    getStyleContext() {
+      return styleContext;
+    },
+    styleNodeLoc,
+    styleNodeRange,
   });
   resultScript.visitorKeys = Object.assign({}, KEYS, resultScript.visitorKeys);