chore: fix lint configs in packages (#3017)

packages/components-angular/.eslintrc.js

@@ -0,0 +1,40 @@
+module.exports = {
+  root: true,
+  ignorePatterns: ['**/.eslintrc.js', 'dist', 'projects/**/*'],
+  overrides: [
+    {
+      files: ['*.ts'],
+      parserOptions: {
+        project: ['tsconfig.json'],
+        createDefaultProgram: true,
+      },
+      extends: [
+        'plugin:@angular-eslint/recommended',
+        'plugin:@angular-eslint/template/process-inline-templates',
+      ],
+      rules: {
+        '@angular-eslint/directive-selector': [
+          'error',
+          {
+            type: 'attribute',
+            prefix: 'app',
+            style: 'camelCase',
+          },
+        ],
+        '@angular-eslint/component-selector': [
+          'error',
+          {
+            type: 'element',
+            prefix: 'app',
+            style: 'kebab-case',
+          },
+        ],
+      },
+    },
+    {
+      files: ['*.html'],
+      extends: ['plugin:@angular-eslint/template/recommended'],
+      rules: {},
+    },
+  ],
+};

packages/components-angular/projects/components/.eslintrc.js

@@ -1,6 +1,6 @@
 module.exports = {
-  extends: '../../.eslintrc.json',
-  ignorePatterns: ['!**/*', 'node_modules'],
+  extends: '../../.eslintrc.js',
+  ignorePatterns: ['!**/*', 'src/lib/stencil-generated', 'node_modules'],
   overrides: [
     {
       files: ['*.ts'],

packages/components-react/.eslintrc.js

@@ -0,0 +1,22 @@
+module.exports = {
+  env: {
+    es2021: true,
+  },
+  extends: [
+    'eslint:recommended',
+    'plugin:react/recommended',
+    'plugin:@typescript-eslint/recommended',
+  ],
+  parser: '@typescript-eslint/parser',
+  parserOptions: {
+    ecmaVersion: 'latest',
+    sourceType: 'module',
+  },
+  ignorePatterns: ['.eslintrc.js', 'dist', 'src/components/stencil-generated'],
+  plugins: ['react', '@typescript-eslint'],
+  settings: {
+    react: {
+      version: 'detect',
+    },
+  },
+};

packages/components-react/package.json

@@ -16,7 +16,8 @@
     "build": "pnpm run clean && pnpm run compile",
     "clean": "rimraf dist",
     "compile": "pnpm run tsc",
-    "tsc": "tsc -p ."
+    "tsc": "tsc -p .",
+    "lint": "eslint src/**/*.ts"
   },
   "dependencies": {
     "@swisspost/design-system-components": "workspace:7.0.0"

packages/components/.eslintrc.js

@@ -11,7 +11,16 @@ module.exports = {
   ],
   overrides: [],
   parser: '@typescript-eslint/parser',
-  ignorePatterns: ['.eslintrc.js'],
+  ignorePatterns: [
+    '.eslintrc.js',
+    '.stencil',
+    'cypress',
+    'cypress.config.js',
+    'dist',
+    'loader',
+    'stencil.config.ts',
+    'www',
+  ],
   parserOptions: {
     ecmaVersion: 'latest',
     sourceType: 'module',

packages/demo/.eslintrc.js

@@ -1,6 +1,6 @@
 module.exports = {
   root: true,
-  ignorePatterns: ['projects/**/*'],
+  ignorePatterns: ['.eslintrc.js', 'dist', '.angular'],
   overrides: [
     {
       files: ['*.ts'],

packages/internet-header/.eslintrc.js

@@ -1,5 +1,16 @@
 module.exports = {
   extends: ['plugin:@stencil-community/recommended'],
+  ignorePatterns: [
+    '.eslintrc.js',
+    '.stencil',
+    'cypress',
+    'cypress.config.js',
+    'dist',
+    'loader',
+    'src/assets',
+    'stencil.config.ts',
+    'www',
+  ],
   parserOptions: {
     sourceType: 'module',
     ecmaVersion: 2020,

packages/internet-header/package.json

@@ -69,6 +69,7 @@
     "cypress": "13.7.2",
     "cypress-each": "1.14.0",
     "cypress-storybook": "0.5.1",
+    "eslint": "8.57.0",
     "eslint-plugin-react": "7.34.1",
     "globby": "14.0.1",
     "jest": "29.7.0",

packages/internet-header/tsconfig.eslint.json

@@ -1,5 +1,5 @@
 {
   "extends": "./tsconfig.json",
-  "include": ["src", "**/tests", "cypress"],
+  "include": ["src", "**/tests"],
   "exclude": ["node_modules"]
 }

packages/intranet-header-workspace/.eslintrc.js

@@ -0,0 +1,40 @@
+module.exports = {
+  root: true,
+  ignorePatterns: ['**/.eslintrc.js', 'dist', 'projects/**/*'],
+  overrides: [
+    {
+      files: ['*.ts'],
+      parserOptions: {
+        project: ['tsconfig.json'],
+        createDefaultProgram: true,
+      },
+      extends: [
+        'plugin:@angular-eslint/recommended',
+        'plugin:@angular-eslint/template/process-inline-templates',
+      ],
+      rules: {
+        '@angular-eslint/directive-selector': [
+          'error',
+          {
+            type: 'attribute',
+            prefix: 'app',
+            style: 'camelCase',
+          },
+        ],
+        '@angular-eslint/component-selector': [
+          'error',
+          {
+            type: 'element',
+            prefix: 'app',
+            style: 'kebab-case',
+          },
+        ],
+      },
+    },
+    {
+      files: ['*.html'],
+      extends: ['plugin:@angular-eslint/template/recommended'],
+      rules: {},
+    },
+  ],
+};

packages/intranet-header-workspace/projects/intranet-header-showcase/.eslintrc.js

@@ -1,5 +1,5 @@
 module.exports = {
-  extends: '../../.eslintrc.json',
+  extends: '../../.eslintrc.js',
   ignorePatterns: ['!**/*', 'node_modules'],
   overrides: [
     {

packages/intranet-header-workspace/projects/intranet-header/.eslintrc.js

@@ -1,5 +1,5 @@
 module.exports = {
-  extends: '../../.eslintrc.json',
+  extends: '../../.eslintrc.js',
   ignorePatterns: ['!**/*', 'node_modules'],
   overrides: [
     {

packages/nextjs-integration/.eslintrc.js

@@ -0,0 +1,4 @@
+module.exports = {
+  extends: 'next/core-web-vitals',
+  ignorePatterns: ['.eslintrc.js', 'next.config.js', 'postcss.config.js'],
+};