Configure linting and formatting from repo root

Author: weirdwater

.github/workflows/UnitTests.yml

@@ -39,5 +39,4 @@ jobs:
         run: pnpm -r test
 
       - name: "Linting packages"
-        working-directory: ./packages/generator-widget
-        run: pnpm -r lint
+        run: pnpm lint

eslint.config.js

@@ -0,0 +1,38 @@
+import js from "@eslint/js";
+import globals from "globals";
+import { defineConfig, globalIgnores } from "eslint/config";
+import jest from "eslint-plugin-jest";
+import tseslint from "typescript-eslint";
+import prettierRecommended from "eslint-plugin-prettier/recommended";
+
+export default defineConfig(
+    globalIgnores([
+        "packages/generator-widget/generators/app/templates/**",
+        "packages/pluggable-widgets-tools/dist/**"
+    ]),
+    {
+        files: ["**/*.js", "**/*.mjs"],
+        ignores: ["packages/release-tools/utils/changelog-parser/changelog.js"],
+        plugins: { js },
+        extends: ["js/recommended"],
+        languageOptions: { globals: globals.node },
+        rules: {
+            "no-unused-vars": ["error", { argsIgnorePattern: "^_" }]
+        }
+    },
+    {
+        files: ["**/*.ts"],
+        plugins: { tseslint },
+        extends: ["tseslint/recommended"],
+        languageOptions: { globals: globals.node },
+        rules: {
+            "@typescript-eslint/no-unused-vars": ["error", { argsIgnorePattern: "^_" }]
+        }
+    },
+    {
+        files: ["**/__mocks__/**/*.js", "**/__tests__/**/*.js", "packages/pluggable-widgets-tools/test-config/**"],
+        plugins: { jest },
+        languageOptions: { globals: jest.environments.globals.globals }
+    },
+    { ...prettierRecommended, rules: { "prettier/prettier": process.env.CI ? "error" : "warn" } }
+);

package.json

@@ -3,14 +3,30 @@
   "engines": {
     "node": ">=20"
   },
+  "private": "true",
+  "type": "module",
   "scripts": {
-    "dev:prepare": "corepack enable && corepack prepare"
+    "dev:prepare": "corepack enable && corepack prepare",
+    "lint": "eslint"
   },
   "license": "Apache-2.0",
   "copyright": "© Mendix Technology BV 2022. All rights reserved.",
   "repository": {
     "type": "git",
     "url": "https://github.com/mendix/widgets-tools.git"
   },
-  "packageManager": "pnpm@10.33.4+sha512.1c67b3b359b2d408119ba1ed289f34b8fc3c6873412bec6fd264fbdc82489e510fcbecb9ce9d22dae7f3b76269d8441046014bdca53b9979cd7a561ad631b800"
+  "packageManager": "pnpm@10.33.4+sha512.1c67b3b359b2d408119ba1ed289f34b8fc3c6873412bec6fd264fbdc82489e510fcbecb9ce9d22dae7f3b76269d8441046014bdca53b9979cd7a561ad631b800",
+  "devDependencies": {
+    "@eslint/js": "^10.0.1",
+    "@prettier/plugin-xml": "^3.4.2",
+    "@typescript-eslint/eslint-plugin": "^8.59.0",
+    "@typescript-eslint/parser": "^8.59.0",
+    "eslint": "^10.4.0",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-jest": "^29.15.2",
+    "eslint-plugin-prettier": "^5.5.5",
+    "globals": "^17.6.0",
+    "prettier": "^3.8.3",
+    "typescript-eslint": "^8.59.3"
+  }
 }

packages/command-tests/eslint.config.js

@@ -9,25 +9,20 @@
     "start": "node commands.js"
   },
   "devDependencies": {
-    "@eslint/js": "^10.0.1",
     "@mendix/generator-widget": "workspace:*",
     "@mendix/pluggable-widgets-tools": "workspace:*",
     "@prettier/plugin-xml": "^2.2.0",
     "@types/jest-image-snapshot": "^4.3.1",
     "@types/node": "^20.14.8",
     "@types/shelljs": "^0.10.0",
     "@types/xml2js": "^0.4.5",
-    "@typescript-eslint/eslint-plugin": "^8.59.0",
     "async-mutex": "^0.5.0",
     "chalk": "^5.6.2",
-    "eslint": "^10.2.1",
     "eslint-config-prettier": "^8.5.0",
-    "eslint-plugin-prettier": "^4.2.1",
     "fs-extra": "^11.3.4",
     "globals": "^17.6.0",
     "identity-obj-proxy": "^3.0.0",
     "peggy": "^1.2.0",
-    "prettier": "^2.5.1",
     "shelljs": "^0.10.0",
     "shx": "^0.4.0",
     "tree-kill": "^1.2.2",

packages/command-tests/package.json

@@ -171,7 +171,7 @@ class MxGenerator extends Generator {
             projectIgnorePath: this.widget.projectPath.replace(/\.\//g, "")
         });
         this._copyFile(`commons/eslintrc.${this.widget.isLanguageTS ? "ts" : "js"}.js`, ".eslintrc.js");
-        this._copyFile("commons/prettier.config.js", "prettier.config.js");
+        this._copyTemplate("commons/prettier.config.ejs", "prettier.config.js");
         this._copyTemplate("commons/.prettierignore", ".prettierignore", {
             projectIgnorePath: this.widget.projectPath.replace(/\.\//g, "")
         });

packages/generator-widget/eslint.config.js

@@ -9,8 +9,7 @@
   "bin": "./bin.js",
   "main": "generators/app/index.js",
   "scripts": {
-    "test": "jest --config ./jest.config.js",
-    "lint": "eslint --config .eslintrc.js --ext .jsx,.js,.ts,.tsx generators/"
+    "test": "jest --config ./jest.config.js"
   },
   "files": [
     "generators"
@@ -23,12 +22,7 @@
     "yeoman-generator": "^8.2.2"
   },
   "devDependencies": {
-    "@eslint/js": "^10.0.1",
     "ejs": "^5.0.2",
-    "eslint": "^10.3.0",
-    "eslint-plugin-prettier": "^5.5.5",
-    "prettier": "^3.8.3",
-    "globals": "^17.6.0",
     "jest": "^30.3.0"
   },
   "keywords": [

packages/generator-widget/generators/app/index.js

@@ -5,21 +5,14 @@
   "private": true,
   "main": "./createRelease.ts",
   "scripts": {
-    "lint": "eslint --fix --config .eslintrc.js --ext .jsx,.js,.ts,.tsx",
     "release:pwt": "ts-node --project ./tsconfig.json ./createRelease.ts pwt",
     "release:gw": "ts-node --project ./tsconfig.json ./createRelease.ts gw",
     "build:release:parser": "peggy -o ./utils/changelog-parser/changelog.js ./utils/changelog-parser/changelog.pegjs"
   },
   "devDependencies": {
     "@types/node": "^16.11.19",
     "@types/node-fetch": "2.6.13",
-    "@typescript-eslint/eslint-plugin": "^8.59.0",
-    "@typescript-eslint/parser": "^8.59.0",
-    "eslint": "^10.2.1",
-    "eslint-config-prettier": "^8.5.0",
-    "eslint-plugin-prettier": "^4.2.1",
     "peggy": "^1.2.0",
-    "prettier": "^2.5.1",
     "typescript": "^4.8.4"
   },
   "dependencies": {