chore: update svelte-eslint-parser to v1.0.0-next.4

.changeset/hungry-grapes-shave.md

@@ -0,0 +1,5 @@
+---
+'eslint-plugin-svelte': patch
+---
+
+chore: update `svelte-eslint-parser` to v1.0.0-next.4

packages/eslint-plugin-svelte/package.json

@@ -66,7 +66,7 @@
     "postcss-safe-parser": "^6.0.0",
     "postcss-selector-parser": "^7.0.0",
     "semver": "^7.6.3",
-    "svelte-eslint-parser": "^1.0.0-next.3"
+    "svelte-eslint-parser": "^1.0.0-next.4"
   },
   "devDependencies": {
     "@babel/core": "^7.26.0",

packages/eslint-plugin-svelte/src/rules/indent-helpers/svelte.ts

@@ -289,7 +289,9 @@ export function defineVisitor(context: IndentContext): NodeListener {
 				const closeOpenTagToken = sourceCode.getTokenAfter(key.lastToken);
 				offsets.setOffsetToken(closeOpenTagToken, 0, openToken);
 			} else {
-				const closeOpenTagToken = sourceCode.getTokenAfter(node.index || node.context);
+				const closeOpenTagToken = sourceCode.getTokenAfter(
+					node.index || node.context || node.expression
+				);
 				offsets.setOffsetToken(closeOpenTagToken, 0, openToken);
 			}
 

packages/eslint-plugin-svelte/src/rules/mustache-spacing.ts

@@ -272,7 +272,7 @@ export default createRule('mustache-spacing', {
 			SvelteEachBlock(node: AST.SvelteEachBlock) {
 				const openBlockOpeningToken = sourceCode.getFirstToken(node);
 				const openBlockClosingToken = sourceCode.getTokenAfter(
-					node.key || node.index || node.context,
+					node.key || node.index || node.context || node.expression,
 					{
 						includeComments: false,
 						filter: isClosingBraceToken

packages/eslint-plugin-svelte/src/rules/no-immutable-reactive-statements.ts

@@ -10,7 +10,7 @@
 		docs: {
 			description: "disallow reactive statements that don't reference reactive values.",
 			category: 'Best Practices',
 			// TODO Switch to recommended in the major version.
 			recommended: false
 		},
 		schema: [],
@@ -135,7 +135,9 @@
 				return parent.kind === 'Binding' && parent.expression === expr;
 			}
 			if (parent.type === 'SvelteEachBlock') {
-				return parent.expression === expr && hasWriteReference(parent.context);
+				return (
+					parent.context !== null && parent.expression === expr && hasWriteReference(parent.context)
+				);
 			}
 
 			return false;

packages/eslint-plugin-svelte/src/rules/valid-each-key.ts

@@ -7,7 +7,7 @@
 		docs: {
 			description: 'enforce keys to use variables defined in the `{#each}` block',
 			category: 'Best Practices',
 			// TODO Switch to recommended in the major version.
 			recommended: false
 		},
 		schema: [],
@@ -27,11 +27,15 @@
 					if (
 						!variable.defs.some(
 							(def) =>
-								(node.context.range[0] <= def.name.range[0] &&
+								(node.context &&
+									node.context.range[0] <= def.name.range[0] &&
 									def.name.range[1] <= node.context.range[1]) ||
 								(node.index &&
 									node.index.range[0] <= def.name.range[0] &&
-									def.name.range[1] <= node.index.range[1])
+									def.name.range[1] <= node.index.range[1]) ||
+								(node.expression &&
+									node.expression.range[0] <= def.name.range[0] &&
+									def.name.range[1] <= node.expression.range[1])
 						)
 					) {
 						// It's not an iteration variable.

packages/eslint-plugin-svelte/tests/fixtures/rules/valid-compile/invalid/a11y01-errors.yaml

@@ -1,4 +1,6 @@
-- message: '`<img>` element should have an alt attribute(a11y_missing_attribute)'
+- message: |-
+    `<img>` element should have an alt attribute
+    https://svelte.dev/e/a11y_missing_attribute(a11y_missing_attribute)
   line: 5
   column: 1
   suggestions: null

packages/eslint-plugin-svelte/tests/fixtures/rules/valid-compile/invalid/invalid-svelte-ignore01-errors.yaml

@@ -1,15 +1,18 @@
-- message: noninteractive element cannot have nonnegative tabIndex
-    value(a11y_no_noninteractive_tabindex)
+- message: |-
+    noninteractive element cannot have nonnegative tabIndex value
+    https://svelte.dev/e/a11y_no_noninteractive_tabindex(a11y_no_noninteractive_tabindex)
   line: 6
   column: 3
   suggestions: null
-- message: A form label must be associated with a
-    control(a11y_label_has_associated_control)
+- message: |-
+    A form label must be associated with a control
+    https://svelte.dev/e/a11y_label_has_associated_control(a11y_label_has_associated_control)
   line: 6
   column: 3
   suggestions: null
-- message: noninteractive element cannot have nonnegative tabIndex
-    value(a11y_no_noninteractive_tabindex)
+- message: |-
+    noninteractive element cannot have nonnegative tabIndex value
+    https://svelte.dev/e/a11y_no_noninteractive_tabindex(a11y_no_noninteractive_tabindex)
   line: 7
   column: 3
   suggestions: null

packages/eslint-plugin-svelte/tests/fixtures/rules/valid-compile/invalid/invalid-svelte-ignore01-svelte4-errors.yaml

@@ -3,8 +3,7 @@
   line: 6
   column: 3
   suggestions: null
-- message: 'A11y: A form label must be associated with a
-    control.(a11y-label-has-associated-control)'
+- message: 'A11y: A form label must be associated with a control.(a11y-label-has-associated-control)'
   line: 6
   column: 3
   suggestions: null

packages/eslint-plugin-svelte/tests/fixtures/rules/valid-compile/invalid/invalid-svelte-ignore02-errors.yaml

@@ -1,15 +1,18 @@
-- message: noninteractive element cannot have nonnegative tabIndex
-    value(a11y_no_noninteractive_tabindex)
+- message: |-
+    noninteractive element cannot have nonnegative tabIndex value
+    https://svelte.dev/e/a11y_no_noninteractive_tabindex(a11y_no_noninteractive_tabindex)
   line: 6
   column: 3
   suggestions: null
-- message: A form label must be associated with a
-    control(a11y_label_has_associated_control)
+- message: |-
+    A form label must be associated with a control
+    https://svelte.dev/e/a11y_label_has_associated_control(a11y_label_has_associated_control)
   line: 6
   column: 3
   suggestions: null
-- message: noninteractive element cannot have nonnegative tabIndex
-    value(a11y_no_noninteractive_tabindex)
+- message: |-
+    noninteractive element cannot have nonnegative tabIndex value
+    https://svelte.dev/e/a11y_no_noninteractive_tabindex(a11y_no_noninteractive_tabindex)
   line: 7
   column: 3
   suggestions: null

packages/eslint-plugin-svelte/tests/fixtures/rules/valid-compile/invalid/invalid-svelte-ignore03-errors.yaml

@@ -1,53 +1,66 @@
-- message: Empty block(block_empty)
+- message: |-
+    Empty block
+    https://svelte.dev/e/block_empty(block_empty)
   line: 2
   column: 30
   suggestions: null
-- message: noninteractive element cannot have nonnegative tabIndex
-    value(a11y_no_noninteractive_tabindex)
+- message: |-
+    noninteractive element cannot have nonnegative tabIndex value
+    https://svelte.dev/e/a11y_no_noninteractive_tabindex(a11y_no_noninteractive_tabindex)
   line: 5
   column: 3
   suggestions: null
-- message: A form label must be associated with a
-    control(a11y_label_has_associated_control)
+- message: |-
+    A form label must be associated with a control
+    https://svelte.dev/e/a11y_label_has_associated_control(a11y_label_has_associated_control)
   line: 5
   column: 3
   suggestions: null
-- message: noninteractive element cannot have nonnegative tabIndex
-    value(a11y_no_noninteractive_tabindex)
+- message: |-
+    noninteractive element cannot have nonnegative tabIndex value
+    https://svelte.dev/e/a11y_no_noninteractive_tabindex(a11y_no_noninteractive_tabindex)
   line: 6
   column: 3
   suggestions: null
-- message: noninteractive element cannot have nonnegative tabIndex
-    value(a11y_no_noninteractive_tabindex)
+- message: |-
+    noninteractive element cannot have nonnegative tabIndex value
+    https://svelte.dev/e/a11y_no_noninteractive_tabindex(a11y_no_noninteractive_tabindex)
   line: 9
   column: 3
   suggestions: null
-- message: A form label must be associated with a
-    control(a11y_label_has_associated_control)
+- message: |-
+    A form label must be associated with a control
+    https://svelte.dev/e/a11y_label_has_associated_control(a11y_label_has_associated_control)
   line: 9
   column: 3
   suggestions: null
-- message: noninteractive element cannot have nonnegative tabIndex
-    value(a11y_no_noninteractive_tabindex)
+- message: |-
+    noninteractive element cannot have nonnegative tabIndex value
+    https://svelte.dev/e/a11y_no_noninteractive_tabindex(a11y_no_noninteractive_tabindex)
   line: 10
   column: 3
   suggestions: null
-- message: Empty block(block_empty)
+- message: |-
+    Empty block
+    https://svelte.dev/e/block_empty(block_empty)
   line: 14
   column: 30
   suggestions: null
-- message: noninteractive element cannot have nonnegative tabIndex
-    value(a11y_no_noninteractive_tabindex)
+- message: |-
+    noninteractive element cannot have nonnegative tabIndex value
+    https://svelte.dev/e/a11y_no_noninteractive_tabindex(a11y_no_noninteractive_tabindex)
   line: 17
   column: 3
   suggestions: null
-- message: A form label must be associated with a
-    control(a11y_label_has_associated_control)
+- message: |-
+    A form label must be associated with a control
+    https://svelte.dev/e/a11y_label_has_associated_control(a11y_label_has_associated_control)
   line: 17
   column: 3
   suggestions: null
-- message: noninteractive element cannot have nonnegative tabIndex
-    value(a11y_no_noninteractive_tabindex)
+- message: |-
+    noninteractive element cannot have nonnegative tabIndex value
+    https://svelte.dev/e/a11y_no_noninteractive_tabindex(a11y_no_noninteractive_tabindex)
   line: 18
   column: 3
   suggestions: null

packages/eslint-plugin-svelte/tests/fixtures/rules/valid-compile/invalid/svelte-config-custom-warn/a11y-errors.yaml

@@ -1,8 +1,12 @@
-- message: '`<img>` element should have an alt attribute(foo)'
+- message: |-
+    `<img>` element should have an alt attribute
+    https://svelte.dev/e/a11y_missing_attribute(foo)
   line: 5
   column: 1
   suggestions: null
-- message: Avoid using autofocus(foo)
+- message: |-
+    Avoid using autofocus
+    https://svelte.dev/e/a11y_autofocus(foo)
   line: 5
   column: 12
   suggestions: null

packages/eslint-plugin-svelte/tests/fixtures/rules/valid-compile/invalid/svelte-config-ignore/a11y-errors.yaml

@@ -1,4 +1,6 @@
-- message: Avoid using autofocus(a11y_autofocus)
+- message: |-
+    Avoid using autofocus
+    https://svelte.dev/e/a11y_autofocus(a11y_autofocus)
   line: 5
   column: 12
   suggestions: null

packages/eslint-plugin-svelte/tests/fixtures/rules/valid-compile/invalid/ts/enum01-errors.yaml

@@ -1,5 +1,6 @@
-- message: The $ prefix is reserved, and cannot be used for variables and
-    imports(dollar_prefix_invalid)
+- message: |-
+    The $ prefix is reserved, and cannot be used for variables and imports
+    https://svelte.dev/e/dollar_prefix_invalid(dollar_prefix_invalid)
   line: 2
   column: 8
   suggestions: null

packages/eslint-plugin-svelte/tests/fixtures/rules/valid-each-key/valid/svelte5-each-blocks-without-an-item-input.svelte

@@ -0,0 +1,7 @@
+<div class="chess-board">
+	{#each { length: 8 }, rank}
+		{#each { length: 8 }}
+			{rank}
+		{/each}
+	{/each}
+</div>

packages/eslint-plugin-svelte/tests/fixtures/rules/valid-each-key/valid/svelte5-each-blocks-without-an-item-requirements.json

@@ -0,0 +1,3 @@
+{
+	"svelte": "^5.0.0"
+}