feat: use eslint-compat-utils (#605)

Author: ota-meshi

.changeset/slimy-jokes-reflect.md

@@ -0,0 +1,5 @@
+---
+"eslint-plugin-svelte": minor
+---
+
+feat: use eslint-compat-utils

.eslintrc.js

@@ -133,6 +133,19 @@ module.exports = {
 							}
 						]
 					}
+				],
+				'no-restricted-properties': [
+					'error',
+					{ object: 'context', property: 'getSourceCode', message: 'Use src/utils/compat.ts' },
+					{ object: 'context', property: 'getFilename', message: 'Use src/utils/compat.ts' },
+					{
+						object: 'context',
+						property: 'getPhysicalFilename',
+						message: 'Use src/utils/compat.ts'
+					},
+					{ object: 'context', property: 'getCwd', message: 'Use src/utils/compat.ts' },
+					{ object: 'context', property: 'getScope', message: 'Use src/utils/compat.ts' },
+					{ object: 'context', property: 'parserServices', message: 'Use src/utils/compat.ts' }
 				]
 			}
 		},

package.json

@@ -69,6 +69,7 @@
     "@eslint-community/eslint-utils": "^4.2.0",
     "@jridgewell/sourcemap-codec": "^1.4.14",
     "debug": "^4.3.1",
+    "eslint-compat-utils": "^0.1.2",
     "esutils": "^2.0.3",
     "known-css-properties": "^0.29.0",
     "postcss": "^8.4.5",

src/rules/@typescript-eslint/no-unnecessary-condition.ts

@@ -22,6 +22,7 @@ import {
 	isTupleType
 } from '../../utils/ts-utils';
 import type { TS, TSTools } from '../../utils/ts-utils';
+import { getSourceCode } from '../../utils/compat';
 
 /**
  * Returns all types of a union type or an array containing `type` itself if it's no union type.
@@ -156,7 +157,7 @@ export default createRule('@typescript-eslint/no-unnecessary-condition', {
 
 		const { service, ts } = tools;
 		const checker = service.program.getTypeChecker();
-		const sourceCode = context.getSourceCode();
+		const sourceCode = getSourceCode(context);
 		const compilerOptions = service.program.getCompilerOptions();
 		const isStrictNullChecks = compilerOptions.strict
 			? compilerOptions.strictNullChecks !== false

src/rules/block-lang.ts

@@ -1,6 +1,7 @@
 import { createRule } from '../utils';
 import { getLangValue } from '../utils/ast-utils';
 import type { SvelteScriptElement, SvelteStyleElement } from 'svelte-eslint-parser/lib/ast';
+import { getSourceCode } from '../utils/compat';
 
 export default createRule('block-lang', {
 	meta: {
@@ -56,7 +57,7 @@ export default createRule('block-lang', {
 		type: 'suggestion'
 	},
 	create(context) {
-		if (!context.parserServices.isSvelte) {
+		if (!getSourceCode(context).parserServices.isSvelte) {
 			return {};
 		}
 		const enforceScriptPresent: boolean = context.options[0]?.enforceScriptPresent ?? false;

src/rules/comment-directive.ts

@@ -2,6 +2,7 @@ import type { AST } from 'svelte-eslint-parser';
 import { getShared } from '../shared';
 import type { CommentDirectives } from '../shared/comment-directives';
 import { createRule } from '../utils';
+import { getFilename, getSourceCode } from '../utils/compat';
 
 type RuleAndLocation = {
 	ruleId: string;
@@ -53,7 +54,7 @@ export default createRule('comment-directive', {
 		type: 'problem'
 	},
 	create(context) {
-		const shared = getShared(context.getFilename());
+		const shared = getShared(getFilename(context));
 		if (!shared) return {};
 		const options = context.options[0] || {};
 		const reportUnusedDisableDirectives = Boolean(options.reportUnusedDisableDirectives);
@@ -62,7 +63,7 @@ export default createRule('comment-directive', {
 			reportUnusedDisableDirectives
 		});
 
-		const sourceCode = context.getSourceCode();
+		const sourceCode = getSourceCode(context);
 
 		/**
 		 * Parse a given comment.

src/rules/first-attribute-linebreak.ts

@@ -1,5 +1,6 @@
 import type { AST } from 'svelte-eslint-parser';
 import { createRule } from '../utils';
+import { getSourceCode } from '../utils/compat';
 
 export default createRule('first-attribute-linebreak', {
 	meta: {
@@ -29,7 +30,7 @@ export default createRule('first-attribute-linebreak', {
 	create(context) {
 		const multiline: 'below' | 'beside' = context.options[0]?.multiline || 'below';
 		const singleline: 'below' | 'beside' = context.options[0]?.singleline || 'beside';
-		const sourceCode = context.getSourceCode();
+		const sourceCode = getSourceCode(context);
 
 		/**
 		 * Report attribute

src/rules/html-quotes.ts

@@ -3,6 +3,7 @@ import { createRule } from '../utils';
 import type { QuoteAndRange } from '../utils/ast-utils';
 import { getMustacheTokens } from '../utils/ast-utils';
 import { getAttributeValueQuoteAndRange } from '../utils/ast-utils';
+import { getSourceCode } from '../utils/compat';
 
 const QUOTE_CHARS = {
 	double: '"',
@@ -48,7 +49,7 @@ export default createRule('html-quotes', {
 		type: 'layout' // "problem",
 	},
 	create(context) {
-		const sourceCode = context.getSourceCode();
+		const sourceCode = getSourceCode(context);
 		const preferQuote: 'double' | 'single' = context.options[0]?.prefer ?? 'double';
 		const dynamicQuote = context.options[0]?.dynamic?.quoted ? preferQuote : 'unquoted';
 		const avoidInvalidUnquotedInHTML = Boolean(

src/rules/html-self-closing.ts

@@ -1,6 +1,7 @@
 import type { AST } from 'svelte-eslint-parser';
 import { createRule } from '../utils';
 import { getNodeName, isVoidHtmlElement } from '../utils/ast-utils';
+import { getSourceCode } from '../utils/compat';
 
 const TYPE_MESSAGES = {
 	normal: 'HTML elements',
@@ -126,9 +127,9 @@ export default createRule('html-self-closing', {
 			context.report({
 				node,
 				loc: {
-					start: context
-						.getSourceCode()
-						.getLocFromIndex(node.startTag.range[1] - (node.startTag.selfClosing ? 2 : 1)),
+					start: getSourceCode(context).getLocFromIndex(
+						node.startTag.range[1] - (node.startTag.selfClosing ? 2 : 1)
+					),
 					end: node.loc.end
 				},
 				messageId: shouldBeClosed ? 'requireClosing' : 'disallowClosing',

src/rules/indent-helpers/index.ts

@@ -9,6 +9,7 @@ import { isCommentToken } from '@eslint-community/eslint-utils';
 import type { AnyToken, IndentOptions } from './commons';
 import type { OffsetCalculator } from './offset-context';
 import { OffsetContext } from './offset-context';
+import { getFilename, getSourceCode } from '../../utils/compat';
 
 type IndentUserOptions = {
 	indent?: number | 'tab';
@@ -78,10 +79,10 @@ export function defineVisitor(
 	context: RuleContext,
 	defaultOptions: Partial<IndentOptions>
 ): RuleListener {
-	if (!context.getFilename().endsWith('.svelte')) return {};
+	if (!getFilename(context).endsWith('.svelte')) return {};
 
 	const options = parseOptions(context.options[0] || {}, defaultOptions);
-	const sourceCode = context.getSourceCode();
+	const sourceCode = getSourceCode(context);
 	const offsets = new OffsetContext({ sourceCode, options });
 
 	/**