eslint-plugin-svelte 2.35.1 → 2.36.0-next.1

package/README.md

@@ -25,11 +25,17 @@ It provides many unique check rules using the AST generated by [svelte-eslint-pa
 
 ### ❗ Attention
 
+#### Cannot be used with eslint-plugin-svelte3
+
 The [svelte-eslint-parser] and the `eslint-plugin-svelte` can not be used with the [eslint-plugin-svelte3].
 
 [svelte-eslint-parser]: https://github.com/sveltejs/svelte-eslint-parser
 [eslint-plugin-svelte3]: https://github.com/sveltejs/eslint-plugin-svelte3
 
+#### Experimental support for Svelte v5
+
+We are working on support for Svelte v5, but it is still an experimental feature. Please note that rules and features related to Svelte v5 may be changed or removed in minor versions without notice.
+
 <!--DOCS_IGNORE_START-->
 
 ## Migration Guide

package/lib/meta.d.ts

@@ -1,2 +1,2 @@
 export declare const name: "eslint-plugin-svelte";
-export declare const version: "2.35.1";
+export declare const version: "2.36.0-next.1";

package/lib/meta.js

@@ -2,4 +2,4 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.version = exports.name = void 0;
 exports.name = 'eslint-plugin-svelte';
-exports.version = '2.35.1';
+exports.version = '2.36.0-next.1';

package/lib/rules/indent-helpers/commons.js

@@ -41,6 +41,7 @@ function isBeginningOfElement(node) {
         node.parent.type === 'SvelteElseBlock' ||
         node.parent.type === 'SvelteIfBlock' ||
         node.parent.type === 'SvelteKeyBlock' ||
+        node.parent.type === 'SvelteSnippetBlock' ||
         node.parent.type === 'SvelteStyleElement') {
         return node.parent.children[0] === node;
     }

package/lib/rules/indent-helpers/svelte.js

@@ -5,6 +5,7 @@ const ast_1 = require("./ast");
 const commons_1 = require("./commons");
 const commons_2 = require("./commons");
 const commons_3 = require("./commons");
+const eslint_utils_1 = require("@eslint-community/eslint-utils");
 const PREFORMATTED_ELEMENT_NAMES = ['pre', 'textarea', 'template'];
 function defineVisitor(context) {
     const { sourceCode, offsets, options } = context;
@@ -146,6 +147,20 @@ function defineVisitor(context) {
             offsets.setOffsetToken(declarationToken, 1, openToken);
             offsets.setOffsetToken(closeToken, 0, openToken);
         },
+        SvelteRenderTag(node) {
+            const openToken = sourceCode.getFirstToken(node);
+            const renderToken = sourceCode.getTokenAfter(openToken);
+            offsets.setOffsetToken(renderToken, 1, openToken);
+            const calleeToken = sourceCode.getFirstToken(node.callee);
+            offsets.setOffsetToken(calleeToken, 1, renderToken);
+            const leftParenToken = sourceCode.getTokenAfter(node.callee, {
+                filter: eslint_utils_1.isOpeningParenToken,
+                includeComments: false
+            });
+            const rightParenToken = sourceCode.getTokenBefore(sourceCode.getLastToken(node));
+            offsets.setOffsetToken(leftParenToken, 1, calleeToken);
+            offsets.setOffsetElementList([node.argument], leftParenToken, rightParenToken, 1);
+        },
         SvelteIfBlock(node) {
             const [openToken, ...ifTokens] = sourceCode.getFirstTokens(node, {
                 count: node.elseif ? 3 : 2,
@@ -363,6 +378,25 @@ function defineVisitor(context) {
             offsets.setOffsetToken(endAwaitToken, 1, openCloseTagToken);
             offsets.setOffsetToken(closeCloseTagToken, 0, openCloseTagToken);
         },
+        SvelteSnippetBlock(node) {
+            const [openToken, snippetToken] = sourceCode.getFirstTokens(node, {
+                count: 2,
+                includeComments: false
+            });
+            offsets.setOffsetToken(snippetToken, 1, openToken);
+            const id = (0, commons_3.getFirstAndLastTokens)(sourceCode, node.id);
+            offsets.setOffsetToken(id.firstToken, 1, snippetToken);
+            const leftParenToken = sourceCode.getTokenBefore(node.context || sourceCode.getLastToken(node), {
+                filter: eslint_utils_1.isOpeningParenToken,
+                includeComments: false
+            });
+            const rightParenToken = sourceCode.getTokenAfter(node.context || leftParenToken, {
+                filter: eslint_utils_1.isClosingParenToken,
+                includeComments: false
+            });
+            offsets.setOffsetToken(leftParenToken, 1, id.firstToken);
+            offsets.setOffsetElementList([node.context], leftParenToken, rightParenToken, 1);
+        },
         SvelteHTMLComment(_node) {
         },
         SvelteName(_node) {

package/lib/rules/mustache-spacing.js

@@ -153,6 +153,10 @@ exports.default = (0, utils_1.createRule)('mustache-spacing', {
                 const mustacheTokens = (0, ast_utils_1.getMustacheTokens)(node, sourceCode);
                 verifyBraces(mustacheTokens.openToken, mustacheTokens.closeToken, options.tags.openingBrace, options.tags.closingBrace, true);
             },
+            SvelteRenderTag(node) {
+                const mustacheTokens = (0, ast_utils_1.getMustacheTokens)(node, sourceCode);
+                verifyBraces(mustacheTokens.openToken, mustacheTokens.closeToken, options.tags.openingBrace, options.tags.closingBrace, true);
+            },
             SvelteIfBlock(node) {
                 const openBlockOpeningToken = sourceCode.getFirstToken(node);
                 const openBlockClosingToken = sourceCode.getTokenAfter(node.expression, {
@@ -250,6 +254,20 @@ exports.default = (0, utils_1.createRule)('mustache-spacing', {
                 verifyBraces(openBlockOpeningToken, openBlockClosingToken, options.tags.openingBrace, options.tags.closingBrace, Boolean(openBlockClosingToken &&
                     openBlockLast &&
                     openBlockClosingToken === sourceCode.getTokenAfter(openBlockLast)));
+            },
+            SvelteSnippetBlock(node) {
+                const openBlockOpeningToken = sourceCode.getFirstToken(node);
+                const openBlockClosingToken = sourceCode.getTokenAfter(node.context || node.id, {
+                    includeComments: false,
+                    filter: eslint_utils_1.isClosingBraceToken
+                });
+                verifyBraces(openBlockOpeningToken, openBlockClosingToken, options.tags.openingBrace, options.tags.closingBrace, true);
+                const closeBlockClosingToken = sourceCode.getLastToken(node);
+                const closeBlockOpeningToken = sourceCode.getTokenBefore(closeBlockClosingToken, {
+                    includeComments: false,
+                    filter: eslint_utils_1.isOpeningBraceToken
+                });
+                verifyBraces(closeBlockOpeningToken, closeBlockClosingToken, options.tags.openingBrace, options.tags.closingBrace, false);
             }
         };
     }

package/lib/rules/valid-compile.js

@@ -27,7 +27,11 @@ exports.default = (0, utils_1.createRule)('valid-compile', {
             return {};
         }
         const ignoreWarnings = Boolean(context.options[0]?.ignoreWarnings);
-        const ignores = ['missing-declaration', 'dynamic-slot-name'];
+        const ignores = [
+            'missing-declaration',
+            'dynamic-slot-name',
+            'invalid-slot-name'
+        ];
         function report(warnings) {
             for (const warn of warnings) {
                 if (warn.code && ignores.includes(warn.code)) {

package/lib/types-for-node.d.ts

@@ -187,6 +187,7 @@ export type ASTNodeListener = {
     SvelteMustacheTag?: (node: AST.SvelteMustacheTag & ASTNodeWithParent) => void;
     SvelteDebugTag?: (node: AST.SvelteDebugTag & ASTNodeWithParent) => void;
     SvelteConstTag?: (node: AST.SvelteConstTag & ASTNodeWithParent) => void;
+    SvelteRenderTag?: (node: AST.SvelteRenderTag & ASTNodeWithParent) => void;
     SvelteIfBlock?: (node: AST.SvelteIfBlock & ASTNodeWithParent) => void;
     SvelteElseBlock?: (node: AST.SvelteElseBlock & ASTNodeWithParent) => void;
     SvelteEachBlock?: (node: AST.SvelteEachBlock & ASTNodeWithParent) => void;
@@ -195,6 +196,7 @@ export type ASTNodeListener = {
     SvelteAwaitThenBlock?: (node: AST.SvelteAwaitThenBlock & ASTNodeWithParent) => void;
     SvelteAwaitCatchBlock?: (node: AST.SvelteAwaitCatchBlock & ASTNodeWithParent) => void;
     SvelteKeyBlock?: (node: AST.SvelteKeyBlock & ASTNodeWithParent) => void;
+    SvelteSnippetBlock?: (node: AST.SvelteSnippetBlock & ASTNodeWithParent) => void;
     SvelteAttribute?: (node: AST.SvelteAttribute & ASTNodeWithParent) => void;
     SvelteShorthandAttribute?: (node: AST.SvelteShorthandAttribute & ASTNodeWithParent) => void;
     SvelteSpreadAttribute?: (node: AST.SvelteSpreadAttribute & ASTNodeWithParent) => void;
@@ -378,6 +380,7 @@ export type SvelteNodeListener = {
     SvelteMustacheTag?: (node: AST.SvelteMustacheTag & ASTNodeWithParent) => void;
     SvelteDebugTag?: (node: AST.SvelteDebugTag & ASTNodeWithParent) => void;
     SvelteConstTag?: (node: AST.SvelteConstTag & ASTNodeWithParent) => void;
+    SvelteRenderTag?: (node: AST.SvelteRenderTag & ASTNodeWithParent) => void;
     SvelteIfBlock?: (node: AST.SvelteIfBlock & ASTNodeWithParent) => void;
     SvelteElseBlock?: (node: AST.SvelteElseBlock & ASTNodeWithParent) => void;
     SvelteEachBlock?: (node: AST.SvelteEachBlock & ASTNodeWithParent) => void;
@@ -386,6 +389,7 @@ export type SvelteNodeListener = {
     SvelteAwaitThenBlock?: (node: AST.SvelteAwaitThenBlock & ASTNodeWithParent) => void;
     SvelteAwaitCatchBlock?: (node: AST.SvelteAwaitCatchBlock & ASTNodeWithParent) => void;
     SvelteKeyBlock?: (node: AST.SvelteKeyBlock & ASTNodeWithParent) => void;
+    SvelteSnippetBlock?: (node: AST.SvelteSnippetBlock & ASTNodeWithParent) => void;
     SvelteAttribute?: (node: AST.SvelteAttribute & ASTNodeWithParent) => void;
     SvelteShorthandAttribute?: (node: AST.SvelteShorthandAttribute & ASTNodeWithParent) => void;
     SvelteSpreadAttribute?: (node: AST.SvelteSpreadAttribute & ASTNodeWithParent) => void;

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

@@ -40,11 +40,11 @@ export type QuoteAndRange = {
     lastToken: SvAST.Token | SvAST.Comment;
 };
 export declare function getAttributeValueQuoteAndRange(attr: SvAST.SvelteAttribute | SvAST.SvelteDirective | SvAST.SvelteStyleDirective | SvAST.SvelteSpecialDirective, sourceCode: SourceCode): QuoteAndRange | null;
-export declare function getMustacheTokens(node: SvAST.SvelteMustacheTag | SvAST.SvelteShorthandAttribute | SvAST.SvelteSpreadAttribute | SvAST.SvelteDebugTag, sourceCode: SourceCode): {
+export declare function getMustacheTokens(node: SvAST.SvelteMustacheTag | SvAST.SvelteShorthandAttribute | SvAST.SvelteSpreadAttribute | SvAST.SvelteDebugTag | SvAST.SvelteRenderTag, sourceCode: SourceCode): {
     openToken: SvAST.Token;
     closeToken: SvAST.Token;
 };
-export declare function getMustacheTokens(node: SvAST.SvelteDirective | SvAST.SvelteSpecialDirective | SvAST.SvelteMustacheTag | SvAST.SvelteShorthandAttribute | SvAST.SvelteSpreadAttribute | SvAST.SvelteDebugTag, sourceCode: SourceCode): {
+export declare function getMustacheTokens(node: SvAST.SvelteDirective | SvAST.SvelteSpecialDirective | SvAST.SvelteMustacheTag | SvAST.SvelteShorthandAttribute | SvAST.SvelteSpreadAttribute | SvAST.SvelteDebugTag | SvAST.SvelteRenderTag, sourceCode: SourceCode): {
     openToken: SvAST.Token;
     closeToken: SvAST.Token;
 } | null;

package/lib/utils/ast-utils.js

@@ -270,10 +270,7 @@ function getAttributeValueQuoteAndRange(attr, sourceCode) {
 }
 exports.getAttributeValueQuoteAndRange = getAttributeValueQuoteAndRange;
 function getMustacheTokens(node, sourceCode) {
-    if (node.type === 'SvelteMustacheTag' ||
-        node.type === 'SvelteShorthandAttribute' ||
-        node.type === 'SvelteSpreadAttribute' ||
-        node.type === 'SvelteDebugTag') {
+    if (isWrappedInBraces(node)) {
         const openToken = sourceCode.getFirstToken(node);
         const closeToken = sourceCode.getLastToken(node);
         return {
@@ -309,6 +306,13 @@ function getMustacheTokens(node, sourceCode) {
     };
 }
 exports.getMustacheTokens = getMustacheTokens;
+function isWrappedInBraces(node) {
+    return (node.type === 'SvelteMustacheTag' ||
+        node.type === 'SvelteShorthandAttribute' ||
+        node.type === 'SvelteSpreadAttribute' ||
+        node.type === 'SvelteDebugTag' ||
+        node.type === 'SvelteRenderTag');
+}
 function getAttributeKeyText(node, context) {
     switch (node.type) {
         case 'SvelteAttribute':

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-svelte",
-  "version": "2.35.1",
+  "version": "2.36.0-next.1",
   "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",
@@ -27,7 +27,7 @@
   ],
   "peerDependencies": {
     "eslint": "^7.0.0 || ^8.0.0-0",
-    "svelte": "^3.37.0 || ^4.0.0"
+    "svelte": "^3.37.0 || ^4.0.0 || ^5.0.0-next.8"
   },
   "peerDependenciesMeta": {
     "svelte": {
@@ -46,7 +46,7 @@
     "postcss-safe-parser": "^6.0.0",
     "postcss-selector-parser": "^6.0.11",
     "semver": "^7.5.3",
-    "svelte-eslint-parser": ">=0.33.0 <1.0.0"
+    "svelte-eslint-parser": ">=0.34.0-next.2 <1.0.0"
   },
   "devDependencies": {
     "@1stg/browserslist-config": "^1.2.3",
@@ -133,7 +133,7 @@
     "stylelint": "^15.0.0",
     "stylelint-config-standard": "^34.0.0",
     "stylus": "^0.62.0",
-    "svelte": "^4.0.0",
+    "svelte": "^5.0.0-next.8",
     "svelte-adapter-ghpages": "0.1.0",
     "svelte-i18n": "^4.0.0",
     "tslib": "^2.5.0",