eslint-plugin-svelte 3.0.2 → 3.1.0

package/lib/main.d.ts

@@ -14,7 +14,7 @@ export declare const configs: {
 export declare const rules: Record<string, Rule.RuleModule>;
 export declare const meta: {
     name: "eslint-plugin-svelte";
-    version: "3.0.2";
+    version: "3.1.0";
 };
 export declare const processors: {
     '.svelte': typeof processor;

package/lib/meta.d.ts

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

package/lib/meta.js

@@ -2,4 +2,4 @@
 // This file has been automatically generated,
 // in order to update its content execute "pnpm run update"
 export const name = 'eslint-plugin-svelte';
-export const version = '3.0.2';
+export const version = '3.1.0';

package/lib/rule-types.d.ts

@@ -541,6 +541,7 @@ type SveltePreferConst = [] | [
     {
         destructuring?: ("any" | "all");
         ignoreReadBeforeAssign?: boolean;
+        excludedRunes?: string[];
     }
 ];
 type SvelteShorthandAttribute = [] | [

package/lib/rules/consistent-selector-style.js

@@ -49,6 +49,7 @@ export default createRule('consistent-selector-style', {
         const styleSelectorNodeLoc = sourceCode.parserServices.styleSelectorNodeLoc;
         const checkGlobal = context.options[0]?.checkGlobal ?? false;
         const style = context.options[0]?.style ?? ['type', 'id', 'class'];
+        const whitelistedClasses = [];
         const classSelections = new Map();
         const idSelections = new Map();
         const typeSelections = new Map();
@@ -89,6 +90,9 @@ export default createRule('consistent-selector-style', {
          * Checks a class selector
          */
         function checkClassSelector(node) {
+            if (whitelistedClasses.includes(node.value)) {
+                return;
+            }
             const selection = classSelections.get(node.value) ?? [];
             for (const styleValue of style) {
                 if (styleValue === 'class') {
@@ -171,6 +175,9 @@ export default createRule('consistent-selector-style', {
                     addToArrayMap(classSelections, className, node);
                 }
                 for (const attribute of node.startTag.attributes) {
+                    if (attribute.type === 'SvelteDirective' && attribute.kind === 'Class') {
+                        whitelistedClasses.push(attribute.key.name.name);
+                    }
                     if (attribute.type !== 'SvelteAttribute' || attribute.key.name !== 'id') {
                         continue;
                     }

package/lib/rules/no-navigation-without-base.js

@@ -71,13 +71,14 @@ export default createRule('no-navigation-without-base', {
                 }
                 const hrefValue = node.value[0];
                 if (hrefValue.type === 'SvelteLiteral') {
-                    if (!expressionIsAbsolute(hrefValue)) {
+                    if (!expressionIsAbsolute(hrefValue) && !expressionIsFragment(hrefValue)) {
                         context.report({ loc: hrefValue.loc, messageId: 'linkNotPrefixed' });
                     }
                     return;
                 }
                 if (!expressionStartsWithBase(context, hrefValue.expression, basePathNames) &&
-                    !expressionIsAbsolute(hrefValue.expression)) {
+                    !expressionIsAbsolute(hrefValue.expression) &&
+                    !expressionIsFragment(hrefValue.expression)) {
                     context.report({ loc: hrefValue.loc, messageId: 'linkNotPrefixed' });
                 }
             }
@@ -247,3 +248,27 @@ function templateLiteralIsAbsolute(url) {
 function urlValueIsAbsolute(url) {
     return url.includes('://');
 }
+function expressionIsFragment(url) {
+    switch (url.type) {
+        case 'BinaryExpression':
+            return binaryExpressionIsFragment(url);
+        case 'Literal':
+            return typeof url.value === 'string' && urlValueIsFragment(url.value);
+        case 'SvelteLiteral':
+            return urlValueIsFragment(url.value);
+        case 'TemplateLiteral':
+            return templateLiteralIsFragment(url);
+        default:
+            return false;
+    }
+}
+function binaryExpressionIsFragment(url) {
+    return url.left.type !== 'PrivateIdentifier' && expressionIsFragment(url.left);
+}
+function templateLiteralIsFragment(url) {
+    return ((url.expressions.length >= 1 && expressionIsFragment(url.expressions[0])) ||
+        (url.quasis.length >= 1 && urlValueIsFragment(url.quasis[0].value.raw)));
+}
+function urlValueIsFragment(url) {
+    return url.startsWith('#');
+}

package/lib/rules/prefer-const.js

@@ -15,7 +15,7 @@ function findDeclarationCallee(node) {
  * Determines if a declaration should be skipped in the const preference analysis.
  * Specifically checks for Svelte's state management utilities ($props, $derived).
  */
-function shouldSkipDeclaration(declaration) {
+function shouldSkipDeclaration(declaration, excludedRunes) {
     if (!declaration) {
         return false;
     }
@@ -23,15 +23,13 @@ function shouldSkipDeclaration(declaration) {
     if (!callee) {
         return false;
     }
-    if (callee.type === 'Identifier' && ['$props', '$derived'].includes(callee.name)) {
+    if (callee.type === 'Identifier' && excludedRunes.includes(callee.name)) {
         return true;
     }
     if (callee.type !== 'MemberExpression' || callee.object.type !== 'Identifier') {
         return false;
     }
-    if (callee.object.name === '$derived' &&
-        callee.property.type === 'Identifier' &&
-        callee.property.name === 'by') {
+    if (excludedRunes.includes(callee.object.name)) {
         return true;
     }
     return false;
@@ -44,16 +42,34 @@ export default createRule('prefer-const', {
             category: 'Best Practices',
             recommended: false,
             extensionRule: 'prefer-const'
-        }
+        },
+        schema: [
+            {
+                type: 'object',
+                properties: {
+                    destructuring: { enum: ['any', 'all'] },
+                    ignoreReadBeforeAssign: { type: 'boolean' },
+                    excludedRunes: {
+                        type: 'array',
+                        items: {
+                            type: 'string'
+                        }
+                    }
+                },
+                additionalProperties: false
+            }
+        ]
     },
     create(context) {
+        const config = context.options[0] ?? {};
+        const excludedRunes = config.excludedRunes ?? ['$props', '$derived'];
         return defineWrapperListener(coreRule, context, {
             createListenerProxy(coreListener) {
                 return {
                     ...coreListener,
                     VariableDeclaration(node) {
                         for (const decl of node.declarations) {
-                            if (shouldSkipDeclaration(decl.init)) {
+                            if (shouldSkipDeclaration(decl.init, excludedRunes)) {
                                 return;
                             }
                         }

package/lib/rules/valid-prop-names-in-kit-pages.js

@@ -7,11 +7,11 @@ function checkProp(node, context, expectedPropNames) {
         return;
     for (const p of node.id.properties) {
         if (p.type === 'Property' &&
-            p.value.type === 'Identifier' &&
-            !expectedPropNames.includes(p.value.name)) {
+            p.key.type === 'Identifier' &&
+            !expectedPropNames.includes(p.key.name)) {
             context.report({
-                node: p.value,
-                loc: p.value.loc,
+                node: p.key,
+                loc: p.key.loc,
                 messageId: 'unexpected'
             });
         }

package/lib/utils/svelte-context.js

@@ -16,7 +16,7 @@ function getSvelteFileType(filePath) {
     return null;
 }
 function getSvelteKitFileTypeFromFilePath(filePath) {
-    const fileName = filePath.split('/').pop();
+    const fileName = filePath.split(/[/\\]/).pop();
     switch (fileName) {
         case '+page.svelte': {
             return '+page.svelte';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-svelte",
-  "version": "3.0.2",
+  "version": "3.1.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",
@@ -8,7 +8,7 @@
   "funding": "https://github.com/sponsors/ota-meshi",
   "license": "MIT",
   "engines": {
-    "node": "^18.20.4 || ^20.18.0 || >=22.10.0"
+    "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
   },
   "type": "module",
   "main": "lib/index.js",
@@ -41,7 +41,7 @@
     "postcss-load-config": "^3.1.4",
     "postcss-safe-parser": "^7.0.0",
     "semver": "^7.6.3",
-    "svelte-eslint-parser": "^1.0.0"
+    "svelte-eslint-parser": "^1.0.1"
   },
   "devDependencies": {
     "@babel/core": "^7.26.0",