eslint-plugin-svelte 2.42.0 → 2.44.0

package/README.md

@@ -2,7 +2,7 @@
 
 `eslint-plugin-svelte` is the official [ESLint] plugin for [Svelte].  
 It provides many unique check rules by using the template AST.  
-You can check on the [Online DEMO](https://sveltejs.github.io/eslint-plugin-svelte/playground/).
+You can check on the [Online DEMO](https://eslint-online-playground.netlify.app/#eslint-plugin-svelte%20with%20typescript).
 
 **_We are working on experimental support for Svelte v5, but may break with new versions of Svelte v5._**
 

package/lib/configs/all.d.ts

@@ -1,3 +1,3 @@
 import type { Linter } from 'eslint';
-declare const config: Linter.Config;
+declare const config: Linter.LegacyConfig;
 export = config;

package/lib/configs/base.d.ts

@@ -1,3 +1,3 @@
 import type { Linter } from 'eslint';
-declare const config: Linter.Config;
+declare const config: Linter.LegacyConfig;
 export = config;

package/lib/configs/flat/base.d.ts

@@ -1,3 +1,3 @@
 import type { Linter } from 'eslint';
-declare const config: Linter.FlatConfig[];
+declare const config: Linter.Config[];
 export default config;

package/lib/configs/flat/prettier.d.ts

@@ -1,3 +1,3 @@
 import type { Linter } from 'eslint';
-declare const config: Linter.FlatConfig[];
+declare const config: Linter.Config[];
 export default config;

package/lib/configs/flat/recommended.d.ts

@@ -1,3 +1,3 @@
 import type { Linter } from 'eslint';
-declare const config: Linter.FlatConfig[];
+declare const config: Linter.Config[];
 export default config;

package/lib/configs/prettier.d.ts

@@ -1,3 +1,3 @@
 import type { Linter } from 'eslint';
-declare const config: Linter.Config;
+declare const config: Linter.LegacyConfig;
 export = config;

package/lib/configs/recommended.d.ts

@@ -1,3 +1,3 @@
 import type { Linter } from 'eslint';
-declare const config: Linter.Config;
+declare const config: Linter.LegacyConfig;
 export = config;

package/lib/index.d.ts

@@ -4,14 +4,14 @@ import * as processor from './processor';
 declare const _default: {
     meta: typeof processor.meta;
     configs: {
-        base: import("eslint").Linter.Config<import("eslint").Linter.RulesRecord, import("eslint").Linter.RulesRecord>;
-        recommended: import("eslint").Linter.Config<import("eslint").Linter.RulesRecord, import("eslint").Linter.RulesRecord>;
-        prettier: import("eslint").Linter.Config<import("eslint").Linter.RulesRecord, import("eslint").Linter.RulesRecord>;
-        all: import("eslint").Linter.Config<import("eslint").Linter.RulesRecord, import("eslint").Linter.RulesRecord>;
-        'flat/base': import("eslint").Linter.FlatConfig<import("eslint").Linter.RulesRecord>[];
-        'flat/recommended': import("eslint").Linter.FlatConfig<import("eslint").Linter.RulesRecord>[];
-        'flat/prettier': import("eslint").Linter.FlatConfig<import("eslint").Linter.RulesRecord>[];
-        'flat/all': import("eslint").Linter.FlatConfig<import("eslint").Linter.RulesRecord>[];
+        base: import("eslint").Linter.LegacyConfig<import("eslint").Linter.RulesRecord, import("eslint").Linter.RulesRecord>;
+        recommended: import("eslint").Linter.LegacyConfig<import("eslint").Linter.RulesRecord, import("eslint").Linter.RulesRecord>;
+        prettier: import("eslint").Linter.LegacyConfig<import("eslint").Linter.RulesRecord, import("eslint").Linter.RulesRecord>;
+        all: import("eslint").Linter.LegacyConfig<import("eslint").Linter.RulesRecord, import("eslint").Linter.RulesRecord>;
+        'flat/base': import("eslint").Linter.Config<import("eslint").Linter.RulesRecord>[];
+        'flat/recommended': import("eslint").Linter.Config<import("eslint").Linter.RulesRecord>[];
+        'flat/prettier': import("eslint").Linter.Config<import("eslint").Linter.RulesRecord>[];
+        'flat/all': import("eslint").Linter.FlatConfig[];
     };
     rules: {
         [key: string]: RuleModule;

package/lib/meta.d.ts

@@ -1,2 +1,2 @@
 export declare const name = "eslint-plugin-svelte";
-export declare const version = "2.42.0";
+export declare const version = "2.44.0";

package/lib/meta.js

@@ -5,4 +5,4 @@ exports.version = exports.name = void 0;
 // This file has been automatically generated,
 // in order to update its content execute "pnpm run update"
 exports.name = 'eslint-plugin-svelte';
-exports.version = '2.42.0';
+exports.version = '2.44.0';

package/lib/rule-types.d.ts

@@ -375,6 +375,7 @@ type SvelteHtmlSelfClosing = [] | [
     ({
         void?: ("never" | "always" | "ignore");
         normal?: ("never" | "always" | "ignore");
+        foreign?: ("never" | "always" | "ignore");
         component?: ("never" | "always" | "ignore");
         svelte?: ("never" | "always" | "ignore");
     } | ("all" | "html" | "none"))

package/lib/rules/html-self-closing.js

@@ -6,6 +6,7 @@ const compat_1 = require("../utils/compat");
 const TYPE_MESSAGES = {
     normal: 'HTML elements',
     void: 'HTML void elements',
+    foreign: 'foreign (SVG or MathML) elements',
     component: 'Svelte custom components',
     svelte: 'Svelte special elements'
 };
@@ -34,6 +35,9 @@ exports.default = (0, utils_1.createRule)('html-self-closing', {
                             normal: {
                                 enum: ['never', 'always', 'ignore']
                             },
+                            foreign: {
+                                enum: ['never', 'always', 'ignore']
+                            },
                             component: {
                                 enum: ['never', 'always', 'ignore']
                             },
@@ -54,6 +58,7 @@ exports.default = (0, utils_1.createRule)('html-self-closing', {
         let options = {
             void: 'always',
             normal: 'always',
+            foreign: 'always',
             component: 'always',
             svelte: 'always'
         };
@@ -63,6 +68,7 @@ exports.default = (0, utils_1.createRule)('html-self-closing', {
                 options = {
                     void: 'never',
                     normal: 'never',
+                    foreign: 'never',
                     component: 'never',
                     svelte: 'never'
                 };
@@ -71,6 +77,7 @@ exports.default = (0, utils_1.createRule)('html-self-closing', {
                 options = {
                     void: 'always',
                     normal: 'never',
+                    foreign: 'always',
                     component: 'never',
                     svelte: 'always'
                 };
@@ -98,6 +105,8 @@ exports.default = (0, utils_1.createRule)('html-self-closing', {
                 return 'svelte';
             if ((0, ast_utils_1.isVoidHtmlElement)(node))
                 return 'void';
+            if ((0, ast_utils_1.isForeignElement)(node))
+                return 'foreign';
             return 'normal';
         }
         /**

package/lib/utils/ast-utils.d.ts

@@ -101,5 +101,9 @@ export declare function getNodeName(node: SvAST.SvelteElement): string;
  * {@link https://developer.mozilla.org/en-US/docs/Glossary/Empty_element}
  */
 export declare function isVoidHtmlElement(node: SvAST.SvelteElement): boolean;
+/**
+ * Returns true if element is known foreign (SVG or MathML) element
+ */
+export declare function isForeignElement(node: SvAST.SvelteElement): boolean;
 /** Checks whether the given identifier node is used as an expression. */
 export declare function isExpressionIdentifier(node: TSESTree.Identifier): boolean;

package/lib/utils/ast-utils.js

@@ -22,9 +22,6 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.equalTokens = equalTokens;
 exports.getStringIfConstant = getStringIfConstant;
@@ -45,9 +42,10 @@ exports.getAttributeKeyText = getAttributeKeyText;
 exports.getDirectiveName = getDirectiveName;
 exports.getNodeName = getNodeName;
 exports.isVoidHtmlElement = isVoidHtmlElement;
+exports.isForeignElement = isForeignElement;
 exports.isExpressionIdentifier = isExpressionIdentifier;
 const eslintUtils = __importStar(require("@eslint-community/eslint-utils"));
-const void_elements_1 = __importDefault(require("./void-elements"));
+const element_types_1 = require("./element-types");
 const compat_1 = require("./compat");
 /**
  * Checks whether or not the tokens of two given nodes are same.
@@ -442,7 +440,13 @@ function getNodeName(node) {
  * {@link https://developer.mozilla.org/en-US/docs/Glossary/Empty_element}
  */
 function isVoidHtmlElement(node) {
-    return void_elements_1.default.includes(getNodeName(node));
+    return element_types_1.voidElements.includes(getNodeName(node));
+}
+/**
+ * Returns true if element is known foreign (SVG or MathML) element
+ */
+function isForeignElement(node) {
+    return element_types_1.svgElements.includes(getNodeName(node)) || element_types_1.mathmlElements.includes(getNodeName(node));
 }
 /** Checks whether the given identifier node is used as an expression. */
 function isExpressionIdentifier(node) {

package/lib/utils/element-types.d.ts

@@ -0,0 +1,3 @@
+export declare const voidElements: string[];
+export declare const svgElements: string[];
+export declare const mathmlElements: string[];

package/lib/utils/element-types.js

@@ -0,0 +1,141 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mathmlElements = exports.svgElements = exports.voidElements = void 0;
+exports.voidElements = [
+    'area',
+    'base',
+    'br',
+    'col',
+    'embed',
+    'hr',
+    'img',
+    'input',
+    'keygen',
+    'link',
+    'menuitem',
+    'meta',
+    'param',
+    'source',
+    'track',
+    'wbr'
+];
+exports.svgElements = [
+    'altGlyph',
+    'altGlyphDef',
+    'altGlyphItem',
+    'animate',
+    'animateColor',
+    'animateMotion',
+    'animateTransform',
+    'circle',
+    'clipPath',
+    'color-profile',
+    'cursor',
+    'defs',
+    'desc',
+    'discard',
+    'ellipse',
+    'feBlend',
+    'feColorMatrix',
+    'feComponentTransfer',
+    'feComposite',
+    'feConvolveMatrix',
+    'feDiffuseLighting',
+    'feDisplacementMap',
+    'feDistantLight',
+    'feDropShadow',
+    'feFlood',
+    'feFuncA',
+    'feFuncB',
+    'feFuncG',
+    'feFuncR',
+    'feGaussianBlur',
+    'feImage',
+    'feMerge',
+    'feMergeNode',
+    'feMorphology',
+    'feOffset',
+    'fePointLight',
+    'feSpecularLighting',
+    'feSpotLight',
+    'feTile',
+    'feTurbulence',
+    'filter',
+    'font',
+    'font-face',
+    'font-face-format',
+    'font-face-name',
+    'font-face-src',
+    'font-face-uri',
+    'foreignObject',
+    'g',
+    'glyph',
+    'glyphRef',
+    'hatch',
+    'hatchpath',
+    'hkern',
+    'image',
+    'line',
+    'linearGradient',
+    'marker',
+    'mask',
+    'mesh',
+    'meshgradient',
+    'meshpatch',
+    'meshrow',
+    'metadata',
+    'missing-glyph',
+    'mpath',
+    'path',
+    'pattern',
+    'polygon',
+    'polyline',
+    'radialGradient',
+    'rect',
+    'set',
+    'solidcolor',
+    'stop',
+    'svg',
+    'switch',
+    'symbol',
+    'text',
+    'textPath',
+    'tref',
+    'tspan',
+    'unknown',
+    'use',
+    'view',
+    'vkern'
+];
+exports.mathmlElements = [
+    'annotation',
+    'annotation-xml',
+    'maction',
+    'math',
+    'merror',
+    'mfrac',
+    'mi',
+    'mmultiscripts',
+    'mn',
+    'mo',
+    'mover',
+    'mpadded',
+    'mphantom',
+    'mprescripts',
+    'mroot',
+    'mrow',
+    'ms',
+    'mspace',
+    'msqrt',
+    'mstyle',
+    'msub',
+    'msubsup',
+    'msup',
+    'mtable',
+    'mtd',
+    'mtext',
+    'mtr',
+    'munder',
+    'munderover',
+    'semantics'
+];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-svelte",
-  "version": "2.42.0",
+  "version": "2.44.0",
   "description": "ESLint plugin for Svelte using AST",
   "repository": "git+https://github.com/sveltejs/eslint-plugin-svelte.git",
   "homepage": "https://sveltejs.github.io/eslint-plugin-svelte",
@@ -22,33 +22,9 @@
     "svelte",
     "sveltejs"
   ],
-  "scripts": {
-    "build": "pnpm run build:meta && pnpm run build:ts",
-    "build:meta": "pnpm run ts ./tools/update-meta.ts",
-    "build:ts": "tsc --project ./tsconfig.build.json",
-    "clean": "rimraf .nyc_output lib coverage build .svelte-kit svelte.config-dist.js",
-    "cover": "nyc --reporter=lcov pnpm run test",
-    "debug": "pnpm run mocha \"tests/src/**/*.ts\" --reporter dot --timeout 60000",
-    "lint": "run-p lint:*",
-    "lint-fix": "pnpm run lint:es --fix && pnpm run lint:style --fix",
-    "lint:es": "eslint --cache .",
-    "mocha": "pnpm run ts ./node_modules/mocha/bin/mocha.js",
-    "new": "pnpm run ts ./tools/new-rule.ts",
-    "prebuild": "pnpm run clean",
-    "prerelease": "pnpm run clean && pnpm run build",
-    "release": "changeset publish",
-    "test": "pnpm run mocha \"tests/src/**/*.ts\" --reporter dot --timeout 60000",
-    "test:debug": "env-cmd -e debug pnpm run test",
-    "test:update-fixtures": "env-cmd -e update-fixtures pnpm run test",
-    "ts": "node -r esbuild-register",
-    "typecov": "type-coverage",
-    "update": "pnpm run ts ./tools/update.ts",
-    "version": "env-cmd -e version pnpm run update",
-    "version:ci": "env-cmd -e version-ci pnpm run update && changeset version"
-  },
   "peerDependencies": {
     "eslint": "^7.0.0 || ^8.0.0-0 || ^9.0.0-0",
-    "svelte": "^3.37.0 || ^4.0.0 || ^5.0.0-next.181"
+    "svelte": "^3.37.0 || ^4.0.0 || ^5.0.0-next.191"
   },
   "peerDependenciesMeta": {
     "svelte": {
@@ -66,42 +42,42 @@
     "postcss-safe-parser": "^6.0.0",
     "postcss-selector-parser": "^6.1.0",
     "semver": "^7.6.2",
-    "svelte-eslint-parser": "^0.40.0"
+    "svelte-eslint-parser": "^0.41.1"
   },
   "devDependencies": {
-    "@babel/core": "^7.24.7",
-    "@babel/eslint-parser": "^7.24.7",
+    "@babel/core": "^7.25.2",
+    "@babel/eslint-parser": "^7.25.1",
     "@babel/plugin-proposal-function-bind": "^7.24.7",
-    "@eslint-community/eslint-plugin-eslint-comments": "^4.3.0",
+    "@eslint-community/eslint-plugin-eslint-comments": "^4.4.0",
     "@types/babel__core": "^7.20.5",
     "@types/eslint-utils": "^3.0.5",
     "@types/esutils": "^2.0.2",
     "@types/json-schema": "^7.0.15",
     "@types/less": "^3.0.6",
-    "@types/mocha": "^10.0.6",
-    "@types/node": "^20.14.2",
+    "@types/mocha": "^10.0.8",
+    "@types/node": "^20.16.5",
     "@types/postcss-safe-parser": "^5.0.4",
     "@types/semver": "^7.5.8",
     "@types/stylus": "^0.48.42",
-    "acorn": "^8.12.0",
+    "acorn": "^8.12.1",
     "assert": "^2.1.0",
-    "esbuild": "^0.23.0",
-    "esbuild-register": "^3.5.0",
-    "eslint-scope": "^8.0.1",
-    "eslint-typegen": "^0.2.4",
+    "esbuild": "^0.23.1",
+    "esbuild-register": "^3.6.0",
+    "eslint-scope": "^8.0.2",
+    "eslint-typegen": "^0.3.2",
     "eslint-visitor-keys": "^4.0.0",
-    "espree": "^10.0.1",
+    "espree": "^10.1.0",
     "less": "^4.2.0",
-    "mocha": "^10.4.0",
+    "mocha": "^10.7.3",
     "nyc": "^17.0.0",
-    "postcss-nested": "^6.0.1",
-    "sass": "^1.77.5",
-    "source-map-js": "^1.2.0",
+    "postcss-nested": "^6.2.0",
+    "sass": "^1.78.0",
+    "source-map-js": "^1.2.1",
     "stylus": "^0.63.0",
-    "svelte": "^5.0.0-next.181",
+    "svelte": "5.0.0-next.245",
     "svelte-i18n": "^4.0.0",
-    "type-coverage": "^2.29.0",
-    "yaml": "^2.4.5"
+    "type-coverage": "^2.29.1",
+    "yaml": "^2.5.1"
   },
   "publishConfig": {
     "access": "public"
@@ -116,5 +92,29 @@
     "showRelativePath": true,
     "strict": true,
     "update": true
+  },
+  "scripts": {
+    "build": "pnpm run build:meta && pnpm run build:ts",
+    "build:meta": "pnpm run ts ./tools/update-meta.ts",
+    "build:ts": "tsc --project ./tsconfig.build.json",
+    "clean": "rimraf .nyc_output lib coverage build .svelte-kit svelte.config-dist.js",
+    "cover": "nyc --reporter=lcov pnpm run test",
+    "debug": "pnpm run mocha \"tests/src/**/*.ts\" --reporter dot --timeout 60000",
+    "lint": "run-p lint:*",
+    "lint-fix": "pnpm run lint:es --fix && pnpm run lint:style --fix",
+    "lint:es": "eslint --cache .",
+    "mocha": "pnpm run ts ./node_modules/mocha/bin/mocha.js",
+    "new": "pnpm run ts ./tools/new-rule.ts",
+    "prebuild": "pnpm run clean",
+    "prerelease": "pnpm run clean && pnpm run build",
+    "release": "changeset publish",
+    "test": "pnpm run mocha \"tests/src/**/*.ts\" --reporter dot --timeout 60000",
+    "test:debug": "env-cmd -e debug pnpm run test",
+    "test:update-fixtures": "env-cmd -e update-fixtures pnpm run test",
+    "ts": "node -r esbuild-register",
+    "typecov": "type-coverage",
+    "update": "pnpm run ts ./tools/update.ts",
+    "version": "env-cmd -e version pnpm run update",
+    "version:ci": "env-cmd -e version-ci pnpm run update && changeset version"
   }
-}
+}

package/lib/utils/void-elements.d.ts

@@ -1,2 +0,0 @@
-declare const voidElements: string[];
-export default voidElements;

package/lib/utils/void-elements.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const voidElements = [
-    'area',
-    'base',
-    'br',
-    'col',
-    'embed',
-    'hr',
-    'img',
-    'input',
-    'keygen',
-    'link',
-    'menuitem',
-    'meta',
-    'param',
-    'source',
-    'track',
-    'wbr'
-];
-exports.default = voidElements;