@soleil-se/eslint-config 3.1.0 → 4.0.0

package/CHANGELOG.md

@@ -5,78 +5,60 @@ 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).
 
-## [3.1.0] - 2022-04-11
+## [4.0.0] - 2022-06-22
 
-### Ändrat
+- Förenkla genom att ta bort de de olika konfigurationerna och använd en och samma config för allt utom legacy kod.
+- Modernisera legacy konfigurationen för att tillåta begränsad användning av ES2015+ som stöds av Rhino.
+- Använd `eslint-config-prettier` i Svelte komponenter för att undvika krockar med ESLint.
+- Ta bort stöd för Vue.
 
-- Tillåt användning av `console.error()` - för använding i exempelvis try catch.
+## [3.1.0] - 2022-04-11
 
-## [3.0.1] - 2022-02-07
+- Tillåt användning av `console.error()` - för exempelvis try catch.
 
-### Ändrat
+## [3.0.1] - 2022-02-07
 
 - Ignorera `import/no-unresolved` för importer som börjar med `@sitevision/api/server`,
  `@sitevision/api/common` och `@sitevision/api/client` då alla API:er inte finns dokumenterade.
 
 ## [3.0.0] - 2022-02-07
 
-### Ändrat
-
 - Tillåt enbart importer av Sitevisions API:er via `@sitevision/api`.
 - Uppdaterat sökvägarna i den globala och webapp configen för att stödja WebApps 2 strukturen.
 - Uppdaterat `peerDependencies` till senaste major versionerna.
 
 ## [2.4.5] - 2021-11-04
 
-### Fixat
-
 - Sätt `ecmaVersion` till 2021 i client kontfigurationen om Vue används.
 
 ## [2.4.4] - 2021-09-09
 
-### Fixat
-
 - Lägg till `options` i `svelteSortOrder`.
 
 ## [2.4.3] - 2021-08-27
 
-### Fixat
-
 - Felstavning i regeln `no-return-assign` i Svelte-filer.
 
 ## [2.4.2] - 2021-08-17
 
-### Fixat
-
 - Om Vue används i projektet sätt `ecmaVersion` till 2021 istället då pluginet använder Espree vilket inte klarar av samma versionsnamn som ESLint.
 
 ## [2.4.1] - 2021-08-17
 
-### Ändrat
-
 - Sätt `ecmaVersion` till `latest` för att slippa uppdatera version varje år.
 
 ## [2.4.0] - 2021-03-24
 
-### Nytt
-
 - Meddelande av deprekering för konfigurationerna `@soleil/eslint-config-sitevision/universal` och `@soleil/eslint-config-sitevision/server`
 - Nya konfigurationer med tydligare namn: `@soleil/eslint-config-sitevision/webapp` och `@soleil/eslint-config-sitevision/server-legacy`
-
-### Ändrat
-
 - Tillåt fler properties per rad i ett objekt i `object-curly-newline`.
 
 ## [2.3.1] - 2021-02-24
 
-### Ändrat
-
 - Dra tillbaka till `ecmaVersion` till 2020.
 
 ## [2.3.0] - 2021-02-24
 
-### Ändrat
-
 - Fler regler överlappar när man skriver universell kod.
 - Slagit av `import/prefer-default-export`.
 - Slagit av `no-return-assig` i Svelte komponenter.
@@ -84,77 +66,52 @@ och projektet använder [Semantic Versioning](https://semver.org/spec/v2.0.0.htm
 
 ## [2.2.1] - 2021-01-07
 
-### Fixat
-
 - Tagit bort `babel-eslint` från dependencies.
 
 ## [2.2.0] - 2021-01-07
 
-### Ändrat
-
 - Tagit bort `babel-eslint` och använder standardparsern med ES2020.
 - Förenklat `svelte.config.js`, oftast behövs inte plugin för globbing.
 - Lagt till paketet `cache` som undantag för SiteVision paket.
 
 ## [2.1.4] - 2020-10-26
 
-### Fixat
-
 - Tagit bort felaktig konfiguration av `a11y-no-onchange`.
 
 ## [2.1.3] - 2020-10-21
 
-### Ändrat
-
 - Lagt till `app_src/views/**/*.js` i server configen.
 
 ## [2.1.2] - 2020-10-06
 
-### Fixat
-
-- Felaktiga `parserOptions` i `server-es6` configen.
+- Åträgrdat felaktiga `parserOptions` i `server-es6` configen.
 
 ## [2.1.1] - 2020-10-06
 
-### Ändrat
-
-- Ordning på config så de inställningar Svelte behöver för serversidan kommer med.
+- Ändrat ordning på config så de inställningar Svelte behöver för serversidan kommer med.
 
 ## [2.1.0] - 2020-09-28
 
-### Ändrat
-
 - Dependencies som behövs som standard ligger som peerDependencies
 - Dependencies för ramverksspecifika plugins behöver installeras utöver peerDependencies.
 
 ## [2.0.0] - 2020-09-28
 
-### Ändrat
-
 - Stöd för Svelte.
 - Uppdaterad struktur.
 - Uppdatering till ESLint 7.
-
-### Tagit bort
-
-- Konfigurationen för Vue, ligger nu i client.
+- Tagit bort konfigurationen för Vue, ligger nu i client.
 
 ## [1.1.2] - 2020-02-05
 
-### Ändrat
-
 - Ändrat regeln `import/extensions` så den ignorerar json-filer.
 
 ## [1.1.1] - 2020-01-27
 
-### Ändrat
-
 - Ändrat regeln `import/extensions` så den ignorerar vue-filer.
 
 ## [1.1.0] - 2020-01-21
 
-### Ändrat
-
 - Ändrat regeln `import/extensions` så den ignorerar paket, löser problem med import via alias.
 
 ## [1.0.0] - 2020-01-13
@@ -165,24 +122,16 @@ och projektet använder [Semantic Versioning](https://semver.org/spec/v2.0.0.htm
 
 ## [0.3.3] - 2019-12-06
 
-### Ändrat
-
 - Det får nu vara max 3 attribut per rad i Vue (`vue/max-attributes-per-line`).
 
 ## [0.3.2] - 2019-06-03
 
-### Fixat
-
 - Lagt till `server_src/api` i server på den globala configen.
 
 ## [0.3.1] - 2019-05-20
 
-### Ändrat
-
 - Slagit av `global-require` för att kunna skriva `require` innanför IIFE i `src/index.js` i en WebApp.
 
 ## [0.3.0] - 2019-05-20
 
-### Nytt
-
 - Lagt till en global config som kan användas i roten av ett projekt som använder standardstrukturen och `@soleil/sv-gulp-build@^3.0.0`.

package/LICENSE.md

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

package/README.md

@@ -1,77 +1,58 @@
 
-# `@soleil-se/eslint-config-sitevision@^3.0.0`
+# `@soleil-se/eslint-config-sitevision@^5.0.0`
 
-ESLint configs anpassade för SiteVision som bygger på Airbnbs Javascript styleguide.
+ESLint konfiguration för Sitevision projekt som bygger på Airbnbs JavaScript styleguide.
 
-**Klient & Server (ES2015+)**
+**ES2015+**  
 <https://github.com/airbnb/javascript>
 
-**Server (ES5)**
+**Legacy (ES5)**  
 <https://github.com/airbnb/javascript/tree/es5-deprecated/es5>
 
-Om man stöter på ett fel man inte förstår kan man kolla i styleguiden eller söka på eslints hemsida.  
+Om man stöter på ett fel man inte förstår kan man kolla i styleguiden eller söka på ESLints hemsida.  
 <https://eslint.org/docs/rules/>
 
-## Innehållsförteckning
-
-<!-- TOC depthFrom:2 updateOnSave:true -->
-
-- [Innehållsförteckning](#innehållsförteckning)
-- [Installera](#installera)
-  - [Svelte](#svelte)
-  - [Vue](#vue)
-- [Uppgradera 2.x.x -> 3.x.x](#uppgradera-2xx---3xx)
-- [Uppgradera 1.x.x -> 2.x.x](#uppgradera-1xx---2xx)
-- [Config](#config)
-  - [Struktur](#struktur)
-  - [Importera config](#importera-config)
-  - [Global](#global)
-  - [WebApp](#webapp)
-  - [Client](#client)
-  - [Server](#server)
-  - [ESLint ignore](#eslint-ignore)
-- [Editors](#editors)
-  - [VS Code](#vs-code)
-    - [End of line](#end-of-line)
-    - [Indentation](#indentation)
-    - [Autofix](#autofix)
-    - [Max length](#max-length)
-    - [Velocity](#velocity)
-    - [Svelte](#svelte-1)
-    - [Vue](#vue-1)
-    - [Global konfig i underkatalog](#global-konfig-i-underkatalog)
-    - [Komplett config](#komplett-config)
-- [CLI](#cli)
-- [Svelte](#svelte-2)
-  - [Kodformatering](#kodformatering)
-  - [Preprocessing](#preprocessing)
-- [Git](#git)
-
-<!-- /TOC -->
+
 
 ## Installera
 
-Installera konfigurationen, eslint och de plugins som behövs plugins i ditt projekt genom att köra:
-`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`
+Installera konfigurationen, ESLint och de plugins som behövs plugins i ditt projekt genom att köra:
 
-### Svelte
+```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
+```
 
 Om Svelte används i projektet:
-`yarn add eslint-plugin-svelte3@^3.0.0 svelte@^3.0.0 svelte-preprocess@^4.0.0 --dev`
 
-### Vue
+```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
+```
+
+## Uppgradera
+
+### Version 3.x.x > 4.x.x
 
-Om Vue används i projektet:
-`yarn add eslint-plugin-vue@^7.0.0 vue-eslint-parser@^7.0.0 --dev`
+- 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`.
+- 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:
+  - `@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`
 
-## Uppgradera 2.x.x -> 3.x.x
+### Version 2.x.x > 3.x.x
 
 - Uppgradera `@soleil-se/eslint-config-sitevision` till version 3.
 - Uppgradera `eslint` till version 8.
 - Uppgradera `eslint-config-airbnb-base` till version 15.
 - Ändra importer till Sitevisions API:er till `@sitevision/api/(server|common|client)/NamnPåAPI`.
 
-## Uppgradera 1.x.x -> 2.x.x
+### VErsion 1.x.x > 2.x.x
 
 - Uppgradera `eslint` till version 7.
 - Installera alla dependencies enligt installationssteget.
@@ -79,82 +60,35 @@ Om Vue används i projektet:
 
 ## Config
 
-ESLint läster främst från `.eslintrc.js` filer i projektet.
+ESLint läster främst från `.eslintrc.js` filer i projektet.  
 <https://eslint.org/docs/user-guide/configuring#using-configuration-files-1>
 
-### Struktur
-
-[Här finns exempel på struktur](./docs/structure.md).
-
 ### Importera config
 
-### Global
-
-Global konfiguration som läses in i rotkatalogen för projektet.
-Kan användas om projektet följer standardstrukturen.
-
-```js
-module.exports = {
-  extends: '@soleil-se/eslint-config-sitevision/global'
-}
-```
-
-### WebApp
-
-Konfiguration om man har en självstående WebApp.
-Läses in i rotkatalogen för appen.
-
 ```js
 module.exports = {
-  extends: '@soleil-se/eslint-config-sitevision/webapp',
-  root: true,  
-}
-```
-
-### Client
-
-Konfiguration för kod som ska köras på klientsidan (browsern).
-
-```js
-module.exports = {
-  extends: '@soleil-se/eslint-config-sitevision/client',
-  root: true,
-}
-```
-
-### Server
-
-Konfiguration för kod som ska köras på serversidan (Sitevision).
-
-I kontext med stöd för ES6+.
-Till exempel serverkod som byggs ihop.
-
-```js
-module.exports = {
-  extends: '@soleil-se/eslint-config-sitevision/server-es6',
-  root: true,
-}
+  extends: '@soleil-se/eslint-config-sitevision',
+};
 ```
 
-I kontext med stöd för ES5.
-Till exempel serverkod som ska laddas upp som den är till Sitevision utan byggsteg.
+Legacy config som används i en kontext med stöd för ES5 och delvis ES2015+.  
+Till exempel serverkod som ska laddas upp som den är till Sitevision utan kompilering.
 
 ```js
 module.exports = {
-  extends: '@soleil-se/eslint-config-sitevision/server-legacy',
+  extends: '@soleil-se/eslint-config-sitevision/legacy',
   root: true,
-}
+};
 ```
 
 ### ESLint ignore
 
-Lägg med en `.eslintignore` fil i roten av projektet för att slå av linting av filer i `node_modules`, `dist` och velocityfiler.
+Lägg med en `.eslintignore` fil i roten av projektet för att slå av linting av filer i bland annat `node_modules` och `dist`.
 
 ```
 dist
 node_nodules
 **/node_nodules
-**/*.vm
 svelte.config
 ```
 
@@ -162,22 +96,15 @@ svelte.config
 
 Enklaste sättet att komma igång med ESLint är att installera det som extension i din editor.
 
-### VS Code
-
-Installera [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) till VS Code.
-Byt package manager till `yarn` i settings för eslint.
+### Visual Studio Code
 
-```json
-{
-  "eslint.packageManager": "yarn"
-}
-```
+Installera [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) till Visual Studio Code.
 
 #### End of line
 
-Airbnb använder sig av LF för EOL. Ställs in under [settings](https://code.visualstudio.com/docs/getstarted/settings) i VS Code.
-Ändra `\r\n` till `\n`.
-Sen vill man även ha att en ny rad inkluderas i filerna.
+Airbnb använder sig av LF för EOL. Ställs in under [settings](https://code.visualstudio.com/docs/getstarted/settings) i Visual Studio Code.  
+Ändra `\r\n` till `\n`.  
+Sen vill man även ha att en ny rad inkluderas i filerna.  
 
 ```json
 {
@@ -199,7 +126,7 @@ Airbnb indenterar med två spaces.
 
 #### Autofix
 
-Man kan ställa in så enklare fel åtgärdas automatiskt under [settings](https://code.visualstudio.com/docs/getstarted/settings) i VS Code.
+Man kan ställa in så enklare fel åtgärdas automatiskt under [settings](https://code.visualstudio.com/docs/getstarted/settings) i Visual Studio Code.
 
 ```json
 {
@@ -211,8 +138,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 VS Code för att visualisera detta. Görs i  [settings](https://code.visualstudio.com/docs/getstarted/settings).
+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).
 
 ```json
 {
@@ -222,68 +149,29 @@ Man kan ställa så man visar en linje i VS Code för att visualisera detta. Gö
 }
 ```
 
-Eller om man bara vill visa för JavaScript och Vue:
-
-```json
-{
-  "[javascript]": {
-    "editor.rulers": [
-      100
-    ]
-  },
-  "[vue]": {
-    "editor.rulers": [
-      100
-    ]
-  }
-}
-```
-
-#### Velocity  
-
-För att få stöd för skripttaggar i Velocity behöver man lägga in följande i [settings](https://code.visualstudio.com/docs/getstarted/settings).
-
-```json
-"eslint.validate": [
-    "javascript",
-    "javascriptreact",
-    "velocity"
-  ]
-```
-
 #### Svelte  
 
 För att få stöd för Svelte behöver man lägga in följande i [settings](https://code.visualstudio.com/docs/getstarted/settings).
 
 ```json
-"eslint.validate": [
-    "javascript",
-    "javascriptreact",
-    "svelte"
-  ]
-```
-
-#### Vue  
-
-För att få stöd för Vue behöver man lägga in följande i [settings](https://code.visualstudio.com/docs/getstarted/settings).
-
-```json
-"eslint.validate": [
-    "javascript",
-    "javascriptreact",
-    "vue"
-  ]
+{
+  "eslint.validate": [
+      "javascript",
+      "javascriptreact",
+      "svelte"
+    ]
+}
 ```
 
-#### Global konfig i underkatalog
+#### Konfig i underkatalog
 
-Om man vill köra ESLint i en underkatalog som kör `@soleil-se/sv-gulp-build^3.0.0` behöver man lägga till denna som `workingDirectory` i ESLint tilläggets inställningar.
+Om man vill köra ESLint i en underkatalog som kör `@soleil-se/sv-gulp-build^4.0.0` behöver man lägga till denna som `workingDirectory` i ESLint tilläggets inställningar.  
 Läs mer här: <https://github.com/microsoft/vscode-eslint#settings-options>
 
-Exempelvis om det ligger i mappen `@next`:
+Exempelvis om det ligger i mappen `next`:
 
 ```json
-"eslint.workingDirectories": [".", { "directory": "./@next", "changeProcessCWD": true }],
+"eslint.workingDirectories": [".", { "directory": "./next", "changeProcessCWD": true }],
 ```
 
 #### Komplett config
@@ -306,10 +194,7 @@ Exempelvis om det ligger i mappen `@next`:
   "eslint.packageManager": "yarn",
   "eslint.validate": [    
     "javascript",
-    "javascriptreact",
-    "vue",
-    "html",
-    "velocity",
+    "javascriptreact",    
     "svelte",
   ], 
   "[svelte]": {
@@ -320,12 +205,12 @@ Exempelvis om det ligger i mappen `@next`:
 
 ## CLI
 
-Om man vill köra ESLint i sin terminal.
+Om man vill köra ESLint i sin terminal.  
 <https://eslint.org/docs/user-guide/command-line-interface>
 
 ## Svelte
 
-Installera [Svelte](https://marketplace.visualstudio.com/items?itemName=svelte.svelte-vscode) tillägget till VS Code för att få korrekt highlighing osv.
+Installera [Svelte](https://marketplace.visualstudio.com/items?itemName=svelte.svelte-vscode) tillägget till Visual Studio Code.
 
 ### Kodformatering
 
@@ -338,7 +223,7 @@ Skapa en fil som heter `.prettierrc.js` i roten av projektet.
 module.exports = require('@soleil-se/eslint-config-sitevision/svelte.prettier');
 ```
 
-För att formatera automatiskt behöver man lägga till följande i `settings.json` i VS Code.
+För att formatera automatiskt behöver man lägga till följande i `settings.json` i Visual Studio Code.
 
 ```json
 {
@@ -360,42 +245,6 @@ Man kan även stänga av formateringen av skript genom att lägga till kommentar
 <p>{foo}</p>
 ```
 
-### Preprocessing
-
-För att få korrekta felmeddelanden i SCSS och Less behöver man berätta för Svelte att man använder en preprocessor.
-Skapa en fil som heter `svelte.config.js` i roten av projektet.
-
-Om du använder SCSS i projektet:
-
-```js
-/* eslint-disable import/no-extraneous-dependencies */
-const preprocess = require('svelte-preprocess');
-
-module.exports = {
-  preprocess: preprocess({
-    scss: { includePaths: [`${__dirname}/client_src/sass`, `${__dirname}/../../../../client_src/sass`] },
-    postcss: false,
-  }),
-};
-```
-
-Om du använder Less i projektet:
-
-```js
-/* eslint-disable import/no-extraneous-dependencies */
-const preprocess = require('svelte-preprocess');
-
-module.exports = {
-  preprocess: preprocess({
-    less: {
-      paths: ['./client_src/less', '../../../../client_src/less'],   
-    },
-    postcss: false,
-  }),
-};
-
-```
-
 ## Git
 
 Om man har problem med linebreaks i git kan man behöva göra följande:
@@ -407,5 +256,4 @@ Om man har problem med linebreaks i git kan man behöva göra följande:
 5. Kör: `git reset --hard`.
 6. Pusha upp filen.
 
-Mer info:
 <https://stackoverflow.com/questions/9976986/force-lf-eol-in-git-repo-and-working-copy/34810209#34810209>

package/{shared/universal.js → index.js}

@@ -1,26 +1,28 @@
+const { hasSvelte, hasPrettier } = require('./utils/hasDependency');
+
 module.exports = {
+  extends: ['airbnb-base'],
+  plugins: hasSvelte ? ['svelte3'] : [],
+  parserOptions: {
+    ecmaVersion: 'latest',
+    sourceType: 'module',
+  },
   env: {
     browser: true,
     jquery: true,
-    nashorn: true,
   },
   globals: {
-    process: true,
-    Packages: false,
+    process: 'readonly',
+    Packages: 'readonly',
   },
   rules: {
     'import/extensions': ['error', 'never', {
       ignorePackages: true,
       pattern: {
-        vue: 'always',
         svelte: 'always',
         json: 'always',
       },
     }],
-    'no-param-reassign': ['error', {
-      props: true,
-      ignorePropertyModificationsFor: ['state'],
-    }],
     'import/no-unresolved': [2, { ignore: ['#', '@sitevision/api/server', '@sitevision/api/common', '@sitevision/api/client'] }],
     'import/prefer-default-export': 0,
     'object-curly-newline': ['error', {
@@ -31,4 +33,23 @@ module.exports = {
     }],
     'no-console': [1, { allow: ['error'] }],
   },
+  overrides: [{
+    files: ['*.svelte'],
+    extends: hasPrettier ? ['prettier'] : [],
+    processor: 'svelte3/svelte3',
+    rules: {
+      'import/first': 0,
+      'import/no-mutable-exports': 0,
+      'import/prefer-default-export': 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',
+    },
+    settings: {
+      'svelte3/ignore-styles': () => true,
+    },
+  }],
 };

package/legacy.js

@@ -0,0 +1,38 @@
+module.exports = {
+  extends: 'airbnb-base/legacy',
+  env: {
+    es6: true,
+    amd: true,
+    node: false,
+    commonjs: false,
+  },
+  parserOptions: {
+    ecmaVersion: 'latest',
+  },
+  globals: {
+    scriptVariables: 'readonly',
+    Packages: 'readonly',
+    request: 'readonly',
+    print: 'readonly',
+    out: 'readonly',
+  },
+  rules: {
+    'vars-on-top': 0,
+    'no-param-reassign': ['error', {
+      props: true,
+      ignorePropertyModificationsFor: ['data'],
+    }],
+    'func-names': 0,
+    'global-require': 0,
+    strict: 0,
+    'no-redeclare': ['error', { builtinGlobals: false }],
+    'comma-dangle': ['error', 'always-multiline'],
+  },
+  overrides: [{
+    files: ['.eslintrc.js'],
+    env: {
+      node: true,
+      commonjs: true,
+    },
+  }],
+};

package/package.json

@@ -1,18 +1,18 @@
 {
   "name": "@soleil-se/eslint-config",
-  "version": "3.1.0",
-  "description": "Settings for ESLint in a SiteVision project",
+  "version": "4.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.8.0",
+    "eslint": "^8.13.0",
     "eslint-config-airbnb-base": "^15.0.0",
-    "eslint-plugin-import": "^2.25.4",
-    "eslint-plugin-svelte3": "^3.4.0",
-    "eslint-plugin-vue": "^8.4.1",
-    "svelte": "^3.46.4"
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-plugin-import": "^2.26.0",
+    "eslint-plugin-svelte3": "^3.4.1",
+    "svelte": "^3.47.0"
   },
   "peerDependencies": {
     "eslint": "^8.0.0",

package/svelte.prettier.js

@@ -6,5 +6,5 @@ module.exports = {
   svelteStrictMode: false,
   trailingComma: 'es5',
   svelteSortOrder: 'options-scripts-markup-styles',
-  svelteBracketNewLine: true,
+  bracketSameLine: false,
 };

package/utils/hasDependency.js

@@ -0,0 +1,15 @@
+const isRequireable = (id) => {
+  try {
+    require.resolve(id, {
+      paths: [process.cwd()],
+    });
+    return true;
+  } catch (e) {
+    return false;
+  }
+};
+
+module.exports = {
+  hasSvelte: isRequireable('eslint-plugin-svelte3'),
+  hasPrettier: isRequireable('eslint-config-prettier'),
+};

package/FAQ.md

@@ -1,21 +0,0 @@
-# FAQ
-<!-- TOC depthTo:2 -->
-
-- [Parsing error: Unexpected token](#Parsing-error:-Unexpected-token)
-
-<!-- /TOC -->
-
-## Parsing error: Unexpected token
-
-### Felmeddelandet
-```sh
-1:1 Parsing error: Unexpected token <
-```
-### Inträffar 
-När man kör `yarn gulp` och försöker bygga en webbapp med Vue.
-
-### Vad det betyder
-Eslint tasken klagar, förmodligen är den utdaterad och behöver uppdateras.
-
-### Hur man kan lösa det
-Följ stegen för Vue här: https://github.com/soleilit/eslint-config-sitevision#2-installera  

package/client.js

@@ -1,16 +0,0 @@
-const {
-  getExtends, getPlugins, getOverrides, hasVue,
-} = require('./utils');
-const client = require('./shared/client');
-
-module.exports = {
-  extends: getExtends(),
-  plugins: getPlugins(),
-  parserOptions: {
-    // Vue plugin uses Espree for ECMA versions, 'latest' does not work.
-    ecmaVersion: hasVue ? 2021 : 'latest',
-    sourceType: 'module',
-  },
-  overrides: getOverrides(),
-  ...client,
-};

package/docs/structure.md

@@ -1,115 +0,0 @@
-# Projectstruktur
-
-Här finns exempel var konfigurationsfilerna bör ligga.
-
-<!-- TOC -->
-
-- [Global](#global)
-- [WebApp](#webapp)
-- [Enskilda filer](#enskilda-filer)
-
-<!-- /TOC -->
-
-## Global
-
-Ett projekt som kör `@soleil/sv-gulp-build@^3.0.0` eller `@soleil/sv-project-build` och inläsning global config.
-
-```
-<sitevision_projekt>
-      |
-      +---- server_src            
-      |      |
-      |      +---- snippets
-      |            |
-      |            +---- .eslintrc.js (@soleil/eslint-config-sitevision/server-legacy)                        
-      |
-      +---- .eslintrc.js (@soleil/eslint-config-sitevision/global)
-
-```  
-
-## WebApp
-
-I en fristående WebApp.
-
-```
-MyWebApp
-  |
-  +---- src
-  |
-  +---- .eslintrc.js (@soleil/eslint-config-sitevision/webapp)   
-   
-```
-
-## Enskilda filer
-
-Ett projekt som kör `@soleil/sv-gulp-build@^3.0.0` eller `@soleil/sv-project-build` och inläsning av enskilda config-filer.
-
-```
-<sitevision_projekt>
-      |
-      +---- client_src
-      |      |
-      |      +---- js
-      |             |
-      |             +---- .eslintrc.js (@soleil/eslint-config-sitevision/client)
-      |
-      +---- server_src
-             |
-             +---- api
-             |      |
-             |      +---- .eslintrc.js (@soleil/eslint-config-sitevision/server-es6)
-             |
-             +---- restapps
-             |      |
-             |      +---- .eslintrc.js (@soleil/eslint-config-sitevision/server-es6)
-             |
-             +---- scripts
-             |      |
-             |      +---- .eslintrc.js (@soleil/eslint-config-sitevision/server-es6)
-             |
-             +---- snippets
-             |      |
-             |      +---- .eslintrc.js (@soleil/eslint-config-sitevision/server-legacy)
-             |
-             +---- webapps
-                    |
-                    +---- api
-                    |      |
-                    |      +---- .eslintrc.js (@soleil/eslint-config-sitevision/server-es6)
-                    |
-                    +---- apps
-                           |
-                           +---- App       
-                                  |
-                                  +---- .eslintrc.js (@soleil/eslint-config-sitevision/webapp)
-```
-
-Ett projekt som kör `@soleil/sv-gulp-build@^2.0.0`
-
-```
-<sitevision_projekt>
-      |
-      +---- client_src
-      |      |
-      |      +---- js
-      |             |
-      |             +---- .eslintrc.js (@soleil/eslint-config-sitevision/client)
-      |
-      +---- server_src
-      |      |
-      |      +---- .eslintrc.js
-      |
-      +---- webapps_src
-             |
-             +---- apps
-                    |
-                    +---- App
-                           |
-                           +---- src
-                           |      |
-                           |      +---- .eslintrc.js (@soleil/eslint-config-sitevision/server-legacy)
-                           |
-                           +---- vue
-                                  |
-                                  +---- .eslintrc.js (@soleil/eslint-config-sitevision/client)
-```

package/global.js

@@ -1,41 +0,0 @@
-const {
-  getExtends, getPlugins, getOverrides, hasVue,
-} = require('./utils');
-
-const server = require('./shared/server');
-const client = require('./shared/client');
-const universal = require('./shared/universal');
-
-module.exports = {
-  extends: getExtends(),
-  plugins: getPlugins(),
-  parserOptions: {
-    // Vue plugin uses Espree for ECMA versions, 'latest' does not work.
-    ecmaVersion: hasVue ? 2021 : 'latest',
-    sourceType: 'module',
-  },
-  overrides: [
-    {
-      files: [
-        '*.vue',
-        'client_src/js/**/*.js',
-      ],
-      ...client,
-    },
-    {
-      files: [
-        'server_src/api/**/*.js',
-        'server_src/scripts/**/*.js',
-        'server_src/restapps/**/*.js',
-      ],
-      ...server,
-    },
-    {
-      files: [
-        '*.svelte',
-        'server_src/webapps/**/*.js',
-      ],
-      ...universal,
-    },
-  ].concat(getOverrides()),
-};

package/overrides/svelte.js

@@ -1,22 +0,0 @@
-module.exports = {
-  files: ['*.svelte'],
-  processor: 'svelte3/svelte3',
-  rules: {
-    'import/first': 0,
-    'import/no-mutable-exports': 0,
-    'import/prefer-default-export': 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',
-  },
-  settings: {
-    'svelte3/ignore-styles': () => true,
-    'svelte3/ignore-warnings': ({ code }) => {
-      if (code === 'a11y-no-onchange') return true;
-      return false;
-    },
-  },
-};

package/overrides/vue.js

@@ -1,20 +0,0 @@
-module.exports = {
-  files: ['*.vue'],
-  rules: {
-    'no-param-reassign': ['error', {
-      props: true,
-      ignorePropertyModificationsFor: ['state'],
-    }],
-    'vue/max-attributes-per-line': ['error', {
-      singleline: 3,
-      multiline: {
-        max: 1,
-        allowFirstLine: true,
-      },
-    }],
-    'vue/component-name-in-template-casing': ['error', 'PascalCase', {
-      registeredComponentsOnly: true,
-      ignores: [],
-    }],
-  },
-};

package/server-es6.js

@@ -1,16 +0,0 @@
-const {
-  getExtends, getPlugins, getOverrides, hasVue,
-} = require('./utils');
-const server = require('./shared/server');
-
-module.exports = {
-  extends: getExtends(),
-  parserOptions: {
-    // Vue plugin uses Espree for ECMA versions, 'latest' does not work.
-    ecmaVersion: hasVue ? 2021 : 'latest',
-    sourceType: 'module',
-  },
-  plugins: getPlugins(),
-  overrides: getOverrides(),
-  ...server,
-};

package/server-legacy.js

@@ -1,29 +0,0 @@
-module.exports = {
-  extends: 'airbnb-base/legacy',
-  env: {
-    amd: true,
-    nashorn: true,
-    node: false,
-    commonjs: false,
-  },
-  globals: {
-    scriptVariables: false,
-    Packages: false,
-    request: false,
-    svimport: false,
-    print: false,
-    out: false,
-    Api: true,
-    solimport: true,
-  },
-  rules: {
-    'vars-on-top': 0,
-    'no-param-reassign': ['error', {
-      props: true,
-      ignorePropertyModificationsFor: ['data'],
-    }],
-    'func-names': 0,
-    'global-require': 0,
-    strict: 0,
-  },
-};

package/server.js

@@ -1,2 +0,0 @@
-console.warn('WARN: \'@soleil/eslint-config-sitevision/server\' is deprecated, please switch to \'@soleil/eslint-config-sitevision/server-legacy\'.');
-module.exports = require('./server-legacy');

package/shared/client.js

@@ -1,32 +0,0 @@
-module.exports = {
-  env: {
-    browser: true,
-    jquery: true,
-  },
-  globals: {
-    process: true,
-  },
-  rules: {
-    'import/extensions': ['error', 'never', {
-      ignorePackages: true,
-      pattern: {
-        vue: 'always',
-        svelte: 'always',
-        json: 'always',
-      },
-    }],
-    'no-param-reassign': ['error', {
-      props: true,
-      ignorePropertyModificationsFor: ['state'],
-    }],
-    'import/no-unresolved': [2, { ignore: ['#', '@sitevision/api/common', '@sitevision/api/client'] }],
-    'import/prefer-default-export': 0,
-    'object-curly-newline': ['error', {
-      ObjectExpression: { minProperties: 8, multiline: true, consistent: true },
-      ObjectPattern: { minProperties: 8, multiline: true, consistent: true },
-      ImportDeclaration: { minProperties: 8, multiline: true, consistent: true },
-      ExportDeclaration: { minProperties: 8, multiline: true, consistent: true },
-    }],
-    'no-console': [1, { allow: ['error'] }],
-  },
-};

package/shared/server.js

@@ -1,34 +0,0 @@
-module.exports = {
-  env: {
-    amd: true,
-    nashorn: true,
-    node: false,
-    commonjs: false,
-  },
-  globals: {
-    scriptVariables: false,
-    Packages: false,
-    request: false,
-    print: false,
-    out: false,
-    process: true,
-  },
-  rules: {
-    'func-names': 0,
-    'import/extensions': ['error', 'never', {
-      ignorePackages: true,
-      pattern: {
-        json: 'always',
-      },
-    }],
-    'import/no-unresolved': [2, { ignore: ['#', '@sitevision/api/server', '@sitevision/api/common'] }],
-    'import/prefer-default-export': 0,
-    'object-curly-newline': ['error', {
-      ObjectExpression: { minProperties: 8, multiline: true, consistent: true },
-      ObjectPattern: { minProperties: 8, multiline: true, consistent: true },
-      ImportDeclaration: { minProperties: 8, multiline: true, consistent: true },
-      ExportDeclaration: { minProperties: 8, multiline: true, consistent: true },
-    }],
-    'no-console': [1, { allow: ['error'] }],
-  },
-};

package/svelte.config.js

@@ -1,14 +0,0 @@
-/* eslint-disable import/no-unresolved, import/no-extraneous-dependencies */
-const preprocess = require('svelte-preprocess');
-
-module.exports = {
-  preprocess: preprocess({
-    scss: {
-      includePaths: [`${process.cwd()}/client_src/sass`],
-    },
-    less: {
-      paths: ['./client_src/less'],
-    },
-    postcss: false,
-  }),
-};

package/universal.js

@@ -1,2 +0,0 @@
-console.warn('WARN: \'@soleil/eslint-config-sitevision/universal\' is deprecated, please switch to \'@soleil/eslint-config-sitevision/webapp\'.');
-module.exports = require('./webapp');

package/utils/index.js

@@ -1,41 +0,0 @@
-const isRequireable = (id) => {
-  try {
-    require.resolve(id, {
-      paths: [process.cwd()],
-    });
-    return true;
-  } catch (e) {
-    return false;
-  }
-};
-
-const hasVue = isRequireable('eslint-plugin-vue');
-const hasSvelte = isRequireable('eslint-plugin-svelte3');
-
-const getExtends = () => {
-  const extend = ['airbnb-base'];
-  if (hasVue) extend.push('plugin:vue/recommended');
-  return extend;
-};
-
-const getPlugins = () => {
-  const plugins = [];
-  if (hasVue) plugins.push('vue');
-  if (hasSvelte) plugins.push('svelte3');
-  return plugins;
-};
-
-const getOverrides = () => {
-  const overrides = [];
-  if (hasVue) overrides.push(require('../overrides/vue'));
-  if (hasSvelte) overrides.push(require('../overrides/svelte'));
-  return overrides;
-};
-
-module.exports = {
-  hasVue,
-  hasSvelte,
-  getExtends,
-  getPlugins,
-  getOverrides,
-};

package/webapp.js

@@ -1,31 +0,0 @@
-const {
-  getExtends, getPlugins, getOverrides, hasVue,
-} = require('./utils');
-
-const client = require('./shared/client');
-const universal = require('./shared/universal');
-
-module.exports = {
-  extends: getExtends(),
-  plugins: getPlugins(),
-  parserOptions: {
-    // Vue plugin uses Espree for ECMA versions, 'latest' does not work.
-    ecmaVersion: hasVue ? 2021 : 'latest',
-    sourceType: 'module',
-  },
-  overrides: [
-    {
-      files: [
-        '*.vue',
-      ],
-      ...client,
-    },
-    {
-      files: [
-        '*.svelte',
-        '*.js',
-      ],
-      ...universal,
-    },
-  ].concat(getOverrides()),
-};