eslint-plugin-svelte 2.17.0 → 2.18.0

package/README.md

@@ -373,6 +373,15 @@ These rules extend the rules provided by ESLint itself, or other plugins to work
 | [svelte/no-inner-declarations](https://ota-meshi.github.io/eslint-plugin-svelte/rules/no-inner-declarations/) | disallow variable or `function` declarations in nested blocks | :star: |
 | [svelte/no-trailing-spaces](https://ota-meshi.github.io/eslint-plugin-svelte/rules/no-trailing-spaces/) | disallow trailing whitespace at the end of lines | :wrench: |
 
+## Experimental
+
+:warning: These rules are considered experimental and may change or be removed in the future:
+
+| Rule ID | Description |    |
+|:--------|:------------|:---|
+| [svelte/experimental-require-slot-types](https://ota-meshi.github.io/eslint-plugin-svelte/rules/experimental-require-slot-types/) | require slot type declaration using the `$$Slots` interface |  |
+| [svelte/experimental-require-strict-events](https://ota-meshi.github.io/eslint-plugin-svelte/rules/experimental-require-strict-events/) | require the strictEvents attribute on `<script>` tags |  |
+
 ## System
 
 These rules relate to this plugin works:

package/lib/rules/experimental-require-slot-types.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("../types").RuleModule;
+export default _default;

package/lib/rules/experimental-require-slot-types.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const utils_1 = require("../utils");
+const ast_utils_1 = require("../utils/ast-utils");
+exports.default = (0, utils_1.createRule)("experimental-require-slot-types", {
+    meta: {
+        docs: {
+            description: "require slot type declaration using the `$$Slots` interface",
+            category: "Experimental",
+            recommended: false,
+        },
+        schema: [],
+        messages: {
+            missingSlotsInterface: `The component must define the $$Slots interface.`,
+        },
+        type: "suggestion",
+    },
+    create(context) {
+        let isTs = false;
+        let hasSlot = false;
+        let hasInterface = false;
+        return {
+            SvelteScriptElement(node) {
+                const lang = (0, ast_utils_1.getLangValue)(node)?.toLowerCase();
+                isTs = lang === "ts" || lang === "typescript";
+            },
+            SvelteElement(node) {
+                if (node.name.type === "SvelteName" && node.name.name === "slot") {
+                    hasSlot = true;
+                }
+            },
+            TSInterfaceDeclaration(node) {
+                if (node.id.name === "$$Slots") {
+                    hasInterface = true;
+                }
+            },
+            "Program:exit"() {
+                if (isTs && hasSlot && !hasInterface) {
+                    context.report({
+                        loc: {
+                            line: 1,
+                            column: 1,
+                        },
+                        messageId: "missingSlotsInterface",
+                    });
+                }
+            },
+        };
+    },
+});

package/lib/rules/experimental-require-strict-events.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("../types").RuleModule;
+export default _default;

package/lib/rules/experimental-require-strict-events.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const utils_1 = require("../utils");
+const ast_utils_1 = require("../utils/ast-utils");
+exports.default = (0, utils_1.createRule)("experimental-require-strict-events", {
+    meta: {
+        docs: {
+            description: "require the strictEvents attribute on `<script>` tags",
+            category: "Experimental",
+            recommended: false,
+        },
+        schema: [],
+        messages: {
+            missingStrictEvents: `The component must have the strictEvents attribute on its <script> tag or it must define the $$Events interface.`,
+        },
+        type: "suggestion",
+    },
+    create(context) {
+        let isTs = false;
+        let hasAttribute = false;
+        let hasInterface = false;
+        let scriptNode;
+        return {
+            SvelteScriptElement(node) {
+                const lang = (0, ast_utils_1.getLangValue)(node)?.toLowerCase();
+                isTs = lang === "ts" || lang === "typescript";
+                hasAttribute = (0, ast_utils_1.findAttribute)(node, "strictEvents") !== null;
+                scriptNode = node;
+            },
+            TSInterfaceDeclaration(node) {
+                if (node.id.name === "$$Events") {
+                    hasInterface = true;
+                }
+            },
+            "Program:exit"() {
+                if (isTs && !hasAttribute && !hasInterface) {
+                    context.report({
+                        node: scriptNode,
+                        messageId: "missingStrictEvents",
+                    });
+                }
+            },
+        };
+    },
+});

package/lib/types.d.ts

@@ -17,7 +17,7 @@ export interface RuleModule {
     meta: RuleMetaData;
     create: (context: RuleContext) => RuleListener;
 }
-export type RuleCategory = "Possible Errors" | "Security Vulnerability" | "Best Practices" | "Stylistic Issues" | "Extension Rules" | "System";
+export type RuleCategory = "Possible Errors" | "Security Vulnerability" | "Best Practices" | "Stylistic Issues" | "Extension Rules" | "Experimental" | "System";
 export interface RuleMetaData {
     docs: {
         description: string;

package/lib/utils/rules.js

@@ -8,6 +8,8 @@ const no_unnecessary_condition_1 = __importDefault(require("../rules/@typescript
 const button_has_type_1 = __importDefault(require("../rules/button-has-type"));
 const comment_directive_1 = __importDefault(require("../rules/comment-directive"));
 const derived_has_same_inputs_outputs_1 = __importDefault(require("../rules/derived-has-same-inputs-outputs"));
+const experimental_require_slot_types_1 = __importDefault(require("../rules/experimental-require-slot-types"));
+const experimental_require_strict_events_1 = __importDefault(require("../rules/experimental-require-strict-events"));
 const first_attribute_linebreak_1 = __importDefault(require("../rules/first-attribute-linebreak"));
 const html_closing_bracket_spacing_1 = __importDefault(require("../rules/html-closing-bracket-spacing"));
 const html_quotes_1 = __importDefault(require("../rules/html-quotes"));
@@ -59,6 +61,8 @@ exports.rules = [
     button_has_type_1.default,
     comment_directive_1.default,
     derived_has_same_inputs_outputs_1.default,
+    experimental_require_slot_types_1.default,
+    experimental_require_strict_events_1.default,
     first_attribute_linebreak_1.default,
     html_closing_bracket_spacing_1.default,
     html_quotes_1.default,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-svelte",
-  "version": "2.17.0",
+  "version": "2.18.0",
   "description": "ESLint plugin for Svelte using AST",
   "repository": "git+https://github.com/ota-meshi/eslint-plugin-svelte.git",
   "homepage": "https://ota-meshi.github.io/eslint-plugin-svelte",
@@ -157,8 +157,8 @@
     "sass": "^1.51.0",
     "semver": "^7.3.5",
     "simple-git-hooks": "^2.8.0",
-    "stylelint": "^14.0.0",
-    "stylelint-config-standard": "^29.0.0",
+    "stylelint": "^15.0.0",
+    "stylelint-config-standard": "^30.0.0",
     "stylus": "^0.59.0",
     "svelte": "^3.46.1",
     "svelte-adapter-ghpages": "0.1.0",