@soleil-se/eslint-config 4.0.0 → 5.0.0

package/CHANGELOG.md

@@ -5,6 +5,14 @@ Alla förändringar i detta repository antecknas här.
 Formatet baseras på [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 och projektet använder [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [5.0.0] - 2023-05-26
+
+- Nytt plugin för linting av Svelte.
+
+## [4.0.1] - 2023-03-27
+
+- Läs bara in overrides för Svelte-filer när Svelte är installerat i projektet.
+
 ## [4.0.0] - 2022-06-22
 
 - Förenkla genom att ta bort de de olika konfigurationerna och använd en och samma config för allt utom legacy kod.

package/LICENSE.md

@@ -1 +1 @@
-(c) Copyright 2022 Soleil AB, all rights reserved.
+(c) Copyright 2023 Soleil AB, all rights reserved.

package/README.md

@@ -18,30 +18,39 @@ Om man stöter på ett fel man inte förstår kan man kolla i styleguiden eller
 
 Installera konfigurationen, ESLint och de plugins som behövs plugins i ditt projekt genom att köra:
 
-```bash
-yarn add @soleil-se/eslint-config-sitevision eslint@^8.0.0 eslint-config-airbnb-base@^15.0.0 eslint-plugin-import@^2.0.0 --dev
+```sh
+> npm install @soleil-se/eslint-config-sitevision eslint eslint-config-airbnb-base eslint-plugin-import --save-dev
+> yarn add @soleil-se/eslint-config-sitevision eslint eslint-config-airbnb-base eslint-plugin-import --dev
 ```
 
 Om Svelte används i projektet:
 
-```bash
-yarn add eslint-plugin-svelte3@^3.0.0 svelte@^3.0.0 svelte-preprocess@^4.0.0 eslint-config-prettier@^8.0.0 --dev
+```sh
+> npm install eslint-plugin-svelte svelte svelte-preprocess eslint-config-prettier --save-dev
+> yarn add eslint-plugin-svelte svelte svelte-preprocess eslint-config-prettier --dev
 ```
 
 ## Uppgradera
 
+### Version 4.x.x > 5.x.x
+
+- Uppgradera `@soleil-se/eslint-config-sitevision` till version 5.
+- Avinstallera `eslint-plugin-svelte3`.
+- Installera `eslint-plugin-svelte`.
+- Installera `eslint-config-prettier` om det inte redan är installerat.
+
 ### Version 3.x.x > 4.x.x
 
 - Om Vue används i projektet **stanna** på version 3, stödet för Vue plockas bort i denna version.
-- Uppgradera `@soleil-se/eslint-config-sitevision` till version 4 med  `yarn upgrade @soleil-se/eslint-config-sitevision@latest`.
-- Om Svelte används i projektet installera `eslint-config-prettier` med `yarn add eslint-config-prettier --dev`.
+- Uppgradera `@soleil-se/eslint-config-sitevision` till version 4.
+- Om Svelte används i projektet installera `eslint-config-prettier`.
 - Byt ut alla importer av konfigurationer:
   - `@soleil-se/eslint-config-sitevision/global` > `@soleil-se/eslint-config-sitevision`
   - `@soleil-se/eslint-config-sitevision/webapp` > `@soleil-se/eslint-config-sitevision`
   - `@soleil-se/eslint-config-sitevision/client` > `@soleil-se/eslint-config-sitevision`
   - `@soleil-se/eslint-config-sitevision/server-es6` > `@soleil-se/eslint-config-sitevision`
   - `@soleil-se/eslint-config-sitevision/universal` > `@soleil-se/eslint-config-sitevision`
-- Byt ut alla importer av legacy konfigurationer:
+- Byt ut alla importer av legacy-konfigurationer:
   - `@soleil-se/eslint-config-sitevision/server-legacy` > `@soleil-se/eslint-config-sitevision/legacy`
   - `@soleil-se/eslint-config-sitevision/server` > `@soleil-se/eslint-config-sitevision/legacy`
 
@@ -52,7 +61,7 @@ yarn add eslint-plugin-svelte3@^3.0.0 svelte@^3.0.0 svelte-preprocess@^4.0.0 esl
 - Uppgradera `eslint-config-airbnb-base` till version 15.
 - Ändra importer till Sitevisions API:er till `@sitevision/api/(server|common|client)/NamnPåAPI`.
 
-### VErsion 1.x.x > 2.x.x
+### Version 1.x.x > 2.x.x
 
 - Uppgradera `eslint` till version 7.
 - Installera alla dependencies enligt installationssteget.
@@ -60,7 +69,7 @@ yarn add eslint-plugin-svelte3@^3.0.0 svelte@^3.0.0 svelte-preprocess@^4.0.0 esl
 
 ## Config
 
-ESLint läster främst från `.eslintrc.js` filer i projektet.  
+ESLint läser främst från `.eslintrc.js` filer i projektet.  
 <https://eslint.org/docs/user-guide/configuring#using-configuration-files-1>
 
 ### Importera config
@@ -138,8 +147,8 @@ Man kan ställa in så enklare fel åtgärdas automatiskt under [settings](https
 
 #### Max length
 
-Airbnb föresrpåkar en maxlängd på 100 tecken på en rad.  
-Man kan ställa så man visar en linje i Visual Studio Code för att visualisera detta. Görs i [settings](https://code.visualstudio.com/docs/getstarted/settings).
+Airbnb förespråkar en maxlängd på 100 tecken på en rad.  
+Man kan ställa in så man visar en linje i Visual Studio Code för att visualisera detta. Görs i [settings](https://code.visualstudio.com/docs/getstarted/settings).
 
 ```json
 {

package/index.js

@@ -2,7 +2,6 @@ const { hasSvelte, hasPrettier } = require('./utils/hasDependency');
 
 module.exports = {
   extends: ['airbnb-base'],
-  plugins: hasSvelte ? ['svelte3'] : [],
   parserOptions: {
     ecmaVersion: 'latest',
     sourceType: 'module',
@@ -33,23 +32,55 @@ module.exports = {
     }],
     'no-console': [1, { allow: ['error'] }],
   },
-  overrides: [{
+  overrides: hasSvelte ? [{
     files: ['*.svelte'],
-    extends: hasPrettier ? ['prettier'] : [],
-    processor: 'svelte3/svelte3',
+    extends: ['plugin:svelte/recommended', 'plugin:svelte/prettier']
+      .concat(hasPrettier ? ['prettier'] : []),
     rules: {
-      'import/first': 0,
+      // Turn off rules not applicable for Svelte
       'import/no-mutable-exports': 0,
-      'import/prefer-default-export': 0,
+      'import/no-named-as-default': 0,
+      'import/no-named-as-default-member': 0,
+      'import/named': 0,
+      'import/namespace': 0,
+      'import/default': 0,
+      'import/no-cycle': 0,
+      'import/no-unused-modules': 0,
+      'import/no-deprecated': 0,
       'no-multiple-empty-lines': 0,
       'no-label-var': 0,
       'no-undef-init': 0,
       'no-return-assign': 0,
       'operator-linebreak': 'off',
       'object-curly-newline': 'off',
+      // Security Vulnerability
+      'svelte/no-at-html-tags': 'warn',
+      // Possible Errors
+      'svelte/infinite-reactive-loop': 'error',
+      'svelte/no-dupe-else-if-blocks': 'error',
+      'svelte/no-dupe-on-directives': 'error',
+      'svelte/no-reactive-reassign': 'error',
+      'svelte/no-store-async': 'error',
+      'svelte/require-store-reactive-access': 'error',
+      'svelte/valid-compile': 0,
+      // Best Practices
+      'svelte/no-at-debug-tags': 'warn',
+      'svelte/no-immutable-reactive-statements': 'warn',
+      'svelte/no-reactive-functions': 'warn',
+      'svelte/no-reactive-literals': 'warn',
+      'svelte/no-useless-mustaches': 'warn',
+      // Stylistic
+      'svelte/no-extra-reactive-curlies': 'warn',
+      'svelte/prefer-style-directive': 'warn',
+      'svelte/sort-attributes': 'warn',
+      'svelte/spaced-html-comment': 'warn',
+      // Extension Rules
+      'svelte/no-trailing-spaces': 'error',
     },
-    settings: {
-      'svelte3/ignore-styles': () => true,
+  }, {
+    files: ['svelte.config.js'],
+    rules: {
+      'import/no-extraneous-dependencies': 0,
     },
-  }],
+  }] : [],
 };

package/package.json

@@ -1,18 +1,18 @@
 {
   "name": "@soleil-se/eslint-config",
-  "version": "4.0.0",
+  "version": "5.0.0",
   "description": "ESLint konfiguration för Sitevision utveckling",
   "author": "Soleil AB",
   "license": "UNLICENSED",
   "private": false,
   "homepage": "https://docs.soleilit.se/03.packages/@soleil&@soleil-se/eslint-config",
   "devDependencies": {
-    "eslint": "^8.13.0",
+    "eslint": "^8.40.0",
     "eslint-config-airbnb-base": "^15.0.0",
-    "eslint-config-prettier": "^8.5.0",
-    "eslint-plugin-import": "^2.26.0",
-    "eslint-plugin-svelte3": "^3.4.1",
-    "svelte": "^3.47.0"
+    "eslint-plugin-import": "^2.27.5",
+    "eslint-plugin-svelte": "^2.28.0",
+    "eslint-config-prettier": "^8.8.0",
+    "svelte": "^3.59.1"
   },
   "peerDependencies": {
     "eslint": "^8.0.0",

package/utils/hasDependency.js

@@ -10,6 +10,6 @@ const isRequireable = (id) => {
 };
 
 module.exports = {
-  hasSvelte: isRequireable('eslint-plugin-svelte3'),
+  hasSvelte: isRequireable('eslint-plugin-svelte'),
   hasPrettier: isRequireable('eslint-config-prettier'),
 };