Prettifiy source code

.eslintrc.json

@@ -0,0 +1,45 @@
+{
+  "extends": ["prettier"],
+  "env": {
+    "browser": true,
+    "es6": true,
+    "node": true
+  },
+  "parser": "@typescript-eslint/parser",
+  "parserOptions": {
+    "project": "tsconfig.json",
+    "sourceType": "module"
+  },
+  "plugins": ["@typescript-eslint"],
+  "rules": {
+    "@typescript-eslint/naming-convention": [
+      "error",
+      {
+        "selector": "variable",
+        "format": ["camelCase"]
+      }
+    ],
+    "@typescript-eslint/prefer-namespace-keyword": "error",
+    "no-trailing-spaces": "error",
+    "camelcase": "error",
+    "prefer-const": "error",
+    "eqeqeq": ["error", "smart"],
+    "id-blacklist": [
+      "error",
+      "any",
+      "Number",
+      "number",
+      "String",
+      "string",
+      "Boolean",
+      "boolean",
+      "Undefined"
+    ],
+    "id-match": "error",
+    "no-eval": "error",
+    "no-underscore-dangle": "error",
+    "no-unsafe-finally": "error",
+    "no-var": "error",
+    "spaced-comment": "error"
+  }
+}

.github/FUNDING.yml

@@ -1,3 +1,3 @@
 # These are supported funding model platforms
 
-custom: ["https://paypal.me/philippkief"]
+custom: ['https://paypal.me/philippkief']

.github/workflows/build.yml

@@ -41,4 +41,4 @@ jobs:
           npm test
           npm run vscode:prepublish
         env:
-          DISPLAY: ":99.0"
+          DISPLAY: ':99.0'

.prettierrc

@@ -0,0 +1,6 @@
+{
+  "trailingComma": "es5",
+  "tabWidth": 2,
+  "semi": true,
+  "singleQuote": true
+}

.travis.yml

@@ -11,7 +11,7 @@ install:
 
 cache:
   directories:
-    - "node_modules"
+    - 'node_modules'
 
 script:
   - npm test

CONTRIBUTING.md

@@ -4,44 +4,52 @@
 
 - [Create issues](#create-issues)
 - [Add new icons](#add-new-icons)
-    - [Icon color](#icon-color)
-    - [Free software to create/edit SVG icons](#free-software-to-createedit-svg-icons)
-    - [Use icons from here](#use-icons-from-here)
+  - [Icon color](#icon-color)
+  - [Free software to create/edit SVG icons](#free-software-to-createedit-svg-icons)
+  - [Use icons from here](#use-icons-from-here)
 - [Add translations](#add-translations)
 - [Update API](#update-api)
 
 <!-- /TOC -->
 
 ## Create issues
+
 You need an icon for a specific file ending? No problem, just follow these guidelines:
+
 - describe the file ending (e.g. '.xml') and the language (e.g. XML)
 - show an example image of the icon or link to official website
 
 ## Add new icons
+
 1. Create icon as SVG
 2. Copy icon to `icons`-folder
 3. Edit the icon configuration files under `src/icons` folder:
-    - fileIcons.ts
-    - folderIcons.ts
-    - languageIcons.ts
+   - fileIcons.ts
+   - folderIcons.ts
+   - languageIcons.ts
 
 ### Icon color
+
 Choose your icon colors from the [material design colors](https://material.google.com/style/color.html#color-color-palette).
 
 ### Free software to create/edit SVG icons
+
 - [Inkscape](https://inkscape.org/en/)
 
 ### Use icons from here
+
 - [Material Design Icons](https://materialdesignicons.com/)
-    - download them as SVG and edit the icons e.g. with Inkscape
-- you can use any other source **as long as the icons are free to use!** This icon theme is absolutely non-commercial, but you should always check the license of your sources! 
+  - download them as SVG and edit the icons e.g. with Inkscape
+- you can use any other source **as long as the icons are free to use!** This icon theme is absolutely non-commercial, but you should always check the license of your sources!
 
 ## Add translations
+
 - Create or edit the translations in the `src/i18n` directory.
 - Create or edit the `package.nls.*.json` files in the root folder
 
 ## Update API
+
 1. Install node dependencies with `npm install`
 2. Open project with VS Code
 3. Press `F5` or run `Launch Extension` in the debug window
-4. Run tests with `Launch Tests`
+4. Run tests with `Launch Tests`

LICENSE.md

@@ -5,4 +5,4 @@ Permission is hereby granted, free of charge, to any person obtaining a copy of
 
 The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

appveyor.yml

@@ -17,4 +17,4 @@ build: off
 test_script:
   - node --version
   - npm --version
-  - npm test
+  - npm test

package.json

@@ -195,7 +195,7 @@
     "compile:watch": "webpack --mode none --watch",
     "contributors": "ts-node ./src/scripts/contributors/index.ts",
     "generateJson": "ts-node ./src/scripts/icons/generateJson.ts",
-    "lint": "eslint -c .eslintrc.js --ext .ts ./src/**/*.ts",
+    "lint": "eslint -c .eslintrc.json --ext .ts ./src/**/*.ts",
     "postcompile": "npm run generateJson && npm run check",
     "pretest": "npm run build && tsc -p ./",
     "preview": "ts-node ./src/scripts/preview",
@@ -216,6 +216,7 @@
     "@typescript-eslint/parser": "^4.1.0",
     "clean-webpack-plugin": "^3.0.0",
     "eslint": "^7.8.1",
+    "eslint-config-prettier": "^6.12.0",
     "glob": "^7.1.6",
     "mocha": "^8.1.3",
     "puppeteer": "^5.2.1",

package.nls.de.json

@@ -1,35 +1,35 @@
 {
-    "command.activateIcons": "Material Icons: Icon Theme aktivieren",
-    "command.toggleIconPacks": "Material Icons: Icon Packs konfigurieren",
-    "command.changeFolderTheme": "Material Icons: Ordner Thema auswählen",
-    "command.changeFolderColor": "Material Icons: Ordner Farbe ändern",
-    "command.restoreDefaultConfig": "Material Icons: Standard Einstellungen wiederherstellen",
-    "command.toggleExplorerArrows": "Material Icons: Explorer Pfeilsymbole umschalten",
-    "command.changeOpacity": "Material Icons: Deckkraft verändern",
-    "command.toggleGrayscale": "Material Icons: Graustufen umschalten",
-    "command.changeSaturation": "Material Icons: Sättigung verändern",
-    "configuration.title": "Material Icons",
-    "configuration.files.associations": "Benutzerdefinierte Datei Icons konfigurieren.",
-    "configuration.folders.associations": "Benutzerdefinierte Ordner Icons konfigurieren.",
-    "configuration.languages.associations": "Benutzerdefinierte Language Icons konfigurieren.",
-    "configuration.showWelcomeMessage": "Willkommensnachricht nach der ersten Installation anzeigen.",
-    "configuration.showUpdateMessage": "Nachricht bei Aktualisierungen anzeigen.",
-    "configuration.showReloadMessage": "Nachricht zum Neustarten anzeigen.",
-    "configuration.activeIconPack": "Icon-Pack auswählen, die bestimme Icons aktivieren.",
-    "configuration.activeIconPack.angular": "Icons für Angular",
-    "configuration.activeIconPack.angular_ngrx": "Icons für Angular und Ngrx",
-    "configuration.activeIconPack.react": "Icons für React",
-    "configuration.activeIconPack.react_redux": "Icons für React und Redux",
-    "configuration.activeIconPack.vue": "Icons für Vue.",
-    "configuration.activeIconPack.vue_vuex": "Icons für Vue und Vuex.",
-    "configuration.activeIconPack.nest": "Icons für NestJS.",
-    "configuration.activeIconPack.none": "Kein Icon-Pack aktiviert.",
-    "configuration.folders.theme": "Art der Ordner Icons auswählen.",
-    "configuration.folders.theme.specific": "Spezifische Ordner Icons auswählen.",
-    "configuration.folders.theme.classic": "Klassische Ordner Icons auswählen.",
-    "configuration.folders.theme.none": "Keine Ordner Icons.",
-    "configuration.folders.color": "Farbe der Ordner Icons verändern.",
-    "configuration.hidesExplorerArrows": "Pfeile vor den Ordnern deaktivieren.",
-    "configuration.opacity": "Deckkraft der Icons anpassen.",
-    "configuration.saturation": "Sättigung der Icons anpassen."
-}
+  "command.activateIcons": "Material Icons: Icon Theme aktivieren",
+  "command.toggleIconPacks": "Material Icons: Icon Packs konfigurieren",
+  "command.changeFolderTheme": "Material Icons: Ordner Thema auswählen",
+  "command.changeFolderColor": "Material Icons: Ordner Farbe ändern",
+  "command.restoreDefaultConfig": "Material Icons: Standard Einstellungen wiederherstellen",
+  "command.toggleExplorerArrows": "Material Icons: Explorer Pfeilsymbole umschalten",
+  "command.changeOpacity": "Material Icons: Deckkraft verändern",
+  "command.toggleGrayscale": "Material Icons: Graustufen umschalten",
+  "command.changeSaturation": "Material Icons: Sättigung verändern",
+  "configuration.title": "Material Icons",
+  "configuration.files.associations": "Benutzerdefinierte Datei Icons konfigurieren.",
+  "configuration.folders.associations": "Benutzerdefinierte Ordner Icons konfigurieren.",
+  "configuration.languages.associations": "Benutzerdefinierte Language Icons konfigurieren.",
+  "configuration.showWelcomeMessage": "Willkommensnachricht nach der ersten Installation anzeigen.",
+  "configuration.showUpdateMessage": "Nachricht bei Aktualisierungen anzeigen.",
+  "configuration.showReloadMessage": "Nachricht zum Neustarten anzeigen.",
+  "configuration.activeIconPack": "Icon-Pack auswählen, die bestimme Icons aktivieren.",
+  "configuration.activeIconPack.angular": "Icons für Angular",
+  "configuration.activeIconPack.angular_ngrx": "Icons für Angular und Ngrx",
+  "configuration.activeIconPack.react": "Icons für React",
+  "configuration.activeIconPack.react_redux": "Icons für React und Redux",
+  "configuration.activeIconPack.vue": "Icons für Vue.",
+  "configuration.activeIconPack.vue_vuex": "Icons für Vue und Vuex.",
+  "configuration.activeIconPack.nest": "Icons für NestJS.",
+  "configuration.activeIconPack.none": "Kein Icon-Pack aktiviert.",
+  "configuration.folders.theme": "Art der Ordner Icons auswählen.",
+  "configuration.folders.theme.specific": "Spezifische Ordner Icons auswählen.",
+  "configuration.folders.theme.classic": "Klassische Ordner Icons auswählen.",
+  "configuration.folders.theme.none": "Keine Ordner Icons.",
+  "configuration.folders.color": "Farbe der Ordner Icons verändern.",
+  "configuration.hidesExplorerArrows": "Pfeile vor den Ordnern deaktivieren.",
+  "configuration.opacity": "Deckkraft der Icons anpassen.",
+  "configuration.saturation": "Sättigung der Icons anpassen."
+}