chore: setup prettier for a project

Author: djelinek

.prettierignore

@@ -1,2 +1,11 @@
-package.json
-src/bootstrap.tsx
+coverage/
+out/
+dist/
+resources/
+node_modules/
+test-resources/
+test-extensions/
+.test-extensions/
+.vscode-test/
+.vscode-test-web/
+.yarn

.prettierrc

@@ -1,6 +1,23 @@
 {
-  "printWidth": 100,
-  "semi": true,
-  "singleQuote": true,
-  "trailingComma": "es5"
+	"arrowParens": "always",
+	"bracketSameLine": false,
+	"bracketSpacing": true,
+	"endOfLine": "auto",
+	"printWidth": 160,
+	"semi": true,
+	"singleQuote": true,
+	"trailingComma": "all",
+	"useTabs": true,
+	"tabWidth": 4,
+	"quoteProps": "as-needed",
+	"overrides": [
+		{
+			"files": ["*.yaml", "*.yml", "*.json", "*.md"],
+			"options": {
+				"useTabs": false,
+				"tabWidth": 2,
+				"singleQuote": false
+			}
+		}
+	]
 }

eslint.config.mjs

@@ -5,11 +5,13 @@ import ts from '@typescript-eslint/parser';
 import tsEslint from '@typescript-eslint/eslint-plugin';
 import stylisticEslint from '@stylistic/eslint-plugin';
 import chaiFriendly from 'eslint-plugin-chai-friendly';
+import eslintPluginPrettierRecommended from 'eslint-plugin-prettier/recommended';
 
 export default defineConfig([
     {
         ignores: ['**/*.test.js', 'node_modules/*', 'dist/*', 'out/*'],
     },
+    eslintPluginPrettierRecommended,
     {
         files: ['**/*.ts', '**/*.tsx'],
         languageOptions: {
@@ -67,6 +69,7 @@ export default defineConfig([
             '@typescript-eslint/no-floating-promises': 'warn',
             'no-unused-expressions': 'off', // Disable the default rule
             '@chai-friendly/no-unused-expressions': 'error', // Use chai-friendly version
+            'prettier/prettier': ['warn'],
         },
     },
 ]);

package.json

@@ -345,16 +345,19 @@
     "copy-webpack-plugin": "^13.0.0",
     "css-loader": "6.8.1",
     "eslint": "^9.21.0",
+    "eslint-config-prettier": "^10.0.2",
     "eslint-define-config": "^2.1.0",
     "eslint-plugin-chai-friendly": "^1.0.1",
     "eslint-plugin-import": "^2.31.0",
+    "eslint-plugin-prettier": "^5.2.3",
     "fs-extra": "^11.3.0",
     "mocha": "^11.1.0",
     "mocha-jenkins-reporter": "^0.4.8",
     "node-fetch": "2",
     "npm-link-shared": "^0.5.6",
     "os-browserify": "^0.3.0",
     "path-browserify": "^1.0.1",
+    "prettier": "3.5.2",
     "rimraf": "^6.0.1",
     "sass": "^1.85.1",
     "sass-loader": "^16.0.4",

yarn.lock

@@ -1065,6 +1065,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@pkgr/core@npm:^0.1.0":
+  version: 0.1.1
+  resolution: "@pkgr/core@npm:0.1.1"
+  checksum: 10/6f25fd2e3008f259c77207ac9915b02f1628420403b2630c92a07ff963129238c9262afc9e84344c7a23b5cc1f3965e2cd17e3798219f5fd78a63d144d3cceba
+  languageName: node
+  linkType: hard
+
 "@playwright/browser-chromium@npm:^1.50.1":
   version: 1.50.1
   resolution: "@playwright/browser-chromium@npm:1.50.1"
@@ -4695,6 +4702,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"eslint-config-prettier@npm:^10.0.2":
+  version: 10.0.2
+  resolution: "eslint-config-prettier@npm:10.0.2"
+  peerDependencies:
+    eslint: ">=7.0.0"
+  bin:
+    eslint-config-prettier: build/bin/cli.js
+  checksum: 10/6d4bbdd5d1810457c63035eef1a085e00bfce34873a5cf461fc696eb635c6aa408184aab6ff6c7e979bb0992485f6dc75e0c993f7193b0d4ceec25f32505c531
+  languageName: node
+  linkType: hard
+
 "eslint-define-config@npm:^2.1.0":
   version: 2.1.0
   resolution: "eslint-define-config@npm:2.1.0"
@@ -4763,6 +4781,26 @@ __metadata:
   languageName: node
   linkType: hard
 
+"eslint-plugin-prettier@npm:^5.2.3":
+  version: 5.2.3
+  resolution: "eslint-plugin-prettier@npm:5.2.3"
+  dependencies:
+    prettier-linter-helpers: "npm:^1.0.0"
+    synckit: "npm:^0.9.1"
+  peerDependencies:
+    "@types/eslint": ">=8.0.0"
+    eslint: ">=8.0.0"
+    eslint-config-prettier: "*"
+    prettier: ">=3.0.0"
+  peerDependenciesMeta:
+    "@types/eslint":
+      optional: true
+    eslint-config-prettier:
+      optional: true
+  checksum: 10/6444a0b89f3e2a6b38adce69761133f8539487d797f1655b3fa24f93a398be132c4f68f87041a14740b79202368d5782aa1dffd2bd7a3ea659f263d6796acf15
+  languageName: node
+  linkType: hard
+
 "eslint-scope@npm:5.1.1":
   version: 5.1.1
   resolution: "eslint-scope@npm:5.1.1"
@@ -4965,6 +5003,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"fast-diff@npm:^1.1.2":
+  version: 1.3.0
+  resolution: "fast-diff@npm:1.3.0"
+  checksum: 10/9e57415bc69cd6efcc720b3b8fe9fdaf42dcfc06f86f0f45378b1fa512598a8aac48aa3928c8751d58e2f01bb4ba4f07e4f3d9bc0d57586d45f1bd1e872c6cde
+  languageName: node
+  linkType: hard
+
 "fast-fifo@npm:^1.1.0, fast-fifo@npm:^1.2.0, fast-fifo@npm:^1.3.2":
   version: 1.3.2
   resolution: "fast-fifo@npm:1.3.2"
@@ -8607,6 +8652,24 @@ __metadata:
   languageName: node
   linkType: hard
 
+"prettier-linter-helpers@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "prettier-linter-helpers@npm:1.0.0"
+  dependencies:
+    fast-diff: "npm:^1.1.2"
+  checksum: 10/00ce8011cf6430158d27f9c92cfea0a7699405633f7f1d4a45f07e21bf78e99895911cbcdc3853db3a824201a7c745bd49bfea8abd5fb9883e765a90f74f8392
+  languageName: node
+  linkType: hard
+
+"prettier@npm:3.5.2":
+  version: 3.5.2
+  resolution: "prettier@npm:3.5.2"
+  bin:
+    prettier: bin/prettier.cjs
+  checksum: 10/ac7a157c8ec76459b13d81a03ff65d228015992cb926b676b0f1c83edd47e5db8ba257336b400be20942fc671816f1afde377cffe94d9e4368762a3d3acbffe5
+  languageName: node
+  linkType: hard
+
 "prettier@npm:^2.0.0":
   version: 2.8.8
   resolution: "prettier@npm:2.8.8"
@@ -9915,6 +9978,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"synckit@npm:^0.9.1":
+  version: 0.9.2
+  resolution: "synckit@npm:0.9.2"
+  dependencies:
+    "@pkgr/core": "npm:^0.1.0"
+    tslib: "npm:^2.6.2"
+  checksum: 10/d45c4288be9c0232343650643892a7edafb79152c0c08d7ae5d33ca2c296b67a0e15f8cb5c9153969612c4ea5cd5686297542384aab977db23cfa6653fe02027
+  languageName: node
+  linkType: hard
+
 "system-architecture@npm:^0.1.0":
   version: 0.1.0
   resolution: "system-architecture@npm:0.1.0"
@@ -10739,9 +10812,11 @@ __metadata:
     copy-webpack-plugin: "npm:^13.0.0"
     css-loader: "npm:6.8.1"
     eslint: "npm:^9.21.0"
+    eslint-config-prettier: "npm:^10.0.2"
     eslint-define-config: "npm:^2.1.0"
     eslint-plugin-chai-friendly: "npm:^1.0.1"
     eslint-plugin-import: "npm:^2.31.0"
+    eslint-plugin-prettier: "npm:^5.2.3"
     fs-extra: "npm:^11.3.0"
     mocha: "npm:^11.1.0"
     mocha-jenkins-reporter: "npm:^0.4.8"
@@ -10751,6 +10826,7 @@ __metadata:
     npm-link-shared: "npm:^0.5.6"
     os-browserify: "npm:^0.3.0"
     path-browserify: "npm:^1.0.1"
+    prettier: "npm:3.5.2"
     react: "npm:18.3.1"
     react-dom: "npm:18.3.1"
     react-monaco-editor: "npm:0.56.2"