setup Code PushUp

Author: vmasek

.env

@@ -0,0 +1 @@
+CP_API_KEY="cp_42858fd467d094364e7577a3daf8613258da53e77e0195dffbff66c300dcf2cb"

.github/workflows/code-pushup.yml

@@ -0,0 +1,37 @@
+name: Code PushUp
+
+on:
+  push:
+    branches: [main]
+  pull_request:
+    branches: [main]
+
+permissions:
+  contents: read
+  actions: read
+  pull-requests: write
+
+env:
+  CP_API_KEY: ${{ secrets.CP_API_KEY }}
+
+jobs:
+  code_pushup:
+    runs-on: ubuntu-latest
+    name: Code PushUp
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version-file: .nvmrc
+          cache: npm
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Code PushUp
+        uses: code-pushup/github-action@v0
+        with:
+          retention: 14

.gitignore

@@ -42,3 +42,5 @@ Thumbs.db
 .nx/workspace-data
 
 .angular
+.env
+.code-pushup

apps/ng-demo-e2e/eslint.config.js

@@ -1,12 +1,12 @@
-const playwright = require('eslint-plugin-playwright');
-const baseConfig = require('../../eslint.config.js');
+import tsESLint from 'typescript-eslint';
+import baseConfig from '../../eslint.config.js';
 
-module.exports = [
-  playwright.configs['flat/recommended'],
-  ...baseConfig,
-  {
-    files: ['**/*.ts', '**/*.js'],
-    // Override or add rules here
-    rules: {},
+export default tsESLint.config(...baseConfig, {
+  files: ['**/*.ts'],
+  languageOptions: {
+    parserOptions: {
+      projectService: true,
+      tsconfigRootDir: import.meta.dirname,
+    },
   },
-];
+});

apps/ng-demo/eslint.config.js

@@ -1,34 +1,19 @@
-const nx = require('@nx/eslint-plugin');
-const baseConfig = require('../../eslint.config.js');
+import angular from '@code-pushup/eslint-config/angular';
+import storybook from '@code-pushup/eslint-config/storybook';
+import tsESLint from 'typescript-eslint';
+import baseConfig from '../../eslint.config.js';
 
-module.exports = [
+export default tsESLint.config(
   ...baseConfig,
-  ...nx.configs['flat/angular'],
-  ...nx.configs['flat/angular-template'],
+  ...angular,
+  ...storybook,
   {
     files: ['**/*.ts'],
-    rules: {
-      '@angular-eslint/directive-selector': [
-        'error',
-        {
-          type: 'attribute',
-          prefix: 'app',
-          style: 'camelCase',
-        },
-      ],
-      '@angular-eslint/component-selector': [
-        'error',
-        {
-          type: 'element',
-          prefix: 'app',
-          style: 'kebab-case',
-        },
-      ],
+    languageOptions: {
+      parserOptions: {
+        projectService: true,
+        tsconfigRootDir: import.meta.dirname,
+      },
     },
-  },
-  {
-    files: ['**/*.html'],
-    // Override or add rules here
-    rules: {},
-  },
-];
+  }
+);

code-pushup.config.ts

@@ -0,0 +1,92 @@
+import coveragePlugin, {
+  getNxCoveragePaths,
+} from '@code-pushup/coverage-plugin';
+import eslintPlugin, {
+  eslintConfigFromAllNxProjects,
+} from '@code-pushup/eslint-plugin';
+import jsPackagesPlugin from '@code-pushup/js-packages-plugin';
+import { mergeConfigs } from '@code-pushup/utils';
+import type { CoreConfig } from '@code-pushup/models';
+import 'dotenv/config';
+
+const esLintConfig: CoreConfig = {
+  plugins: [await eslintPlugin(await eslintConfigFromAllNxProjects())],
+  categories: [
+    {
+      slug: 'bug-prevention',
+      title: 'Bug prevention',
+      refs: [{ type: 'group', plugin: 'eslint', slug: 'problems', weight: 1 }],
+    },
+    {
+      slug: 'code-style',
+      title: 'Code style',
+      refs: [
+        { type: 'group', plugin: 'eslint', slug: 'suggestions', weight: 1 },
+      ],
+    },
+  ],
+};
+
+const coverageConfig: CoreConfig = {
+  plugins: [
+    await coveragePlugin({
+      coverageToolCommand: {
+        command: 'npx',
+        args: ['nx', 'run-many', '-t', 'test', '--coverage', '--skipNxCache'],
+      },
+      reports: await getNxCoveragePaths(['test']),
+    }),
+  ],
+  categories: [
+    {
+      slug: 'coverage',
+      title: 'Coverage',
+      refs: [
+        { type: 'group', plugin: 'coverage', slug: 'coverage', weight: 1 },
+      ],
+    },
+  ],
+};
+
+const jsPackagesConfig: CoreConfig = {
+  plugins: [await jsPackagesPlugin({ packageManager: 'npm' })],
+  categories: [
+    {
+      slug: 'security',
+      title: 'Security',
+      refs: [
+        { type: 'group', plugin: 'js-packages', slug: 'npm-audit', weight: 1 },
+      ],
+    },
+    {
+      slug: 'updates',
+      title: 'Updates',
+      refs: [
+        {
+          type: 'group',
+          plugin: 'js-packages',
+          slug: 'npm-outdated',
+          weight: 1,
+        },
+      ],
+    },
+  ],
+};
+
+const portalUploadConfig = process.env.CP_API_KEY
+  ? {
+      upload: {
+        server: 'https://api.code-pushup.dev/graphql',
+        apiKey: process.env.CP_API_KEY,
+        organization: 'demos',
+        project: 'ng-demo',
+      },
+    }
+  : {};
+
+export default mergeConfigs(
+  esLintConfig,
+  jsPackagesConfig,
+  coverageConfig,
+  portalUploadConfig
+);

eslint.config.js

@@ -1,9 +1,37 @@
-const nx = require('@nx/eslint-plugin');
+import jest from '@code-pushup/eslint-config/jest';
+import typescript from '@code-pushup/eslint-config/typescript';
+import nxESLintPlugin from '@nx/eslint-plugin';
+import tsESLint from 'typescript-eslint';
 
-module.exports = [
-  ...nx.configs['flat/base'],
-  ...nx.configs['flat/typescript'],
-  ...nx.configs['flat/javascript'],
+export default tsESLint.config(
+  ...typescript,
+  ...jest,
+  { plugins: { '@nx': nxESLintPlugin } },
+  {
+    settings: {
+      'import/resolver': {
+        typescript: {
+          alwaysTryTypes: true,
+          project: ['tsconfig.base.json', 'node_modules/rxjs/tsconfig.json'],
+        },
+      },
+    },
+  },
+  {
+    ignores: [
+      '/dist',
+      '/tools',
+      '**/*.md',
+      '**/*.scss',
+      '**/*.less',
+      '**/assets',
+      '**/*.ico',
+      '**/*.yml',
+      '**/*.yaml',
+      '**/Dockerfile',
+      '**/nginx.conf',
+    ],
+  },
   {
     ignores: ['**/dist'],
   },
@@ -30,4 +58,4 @@ module.exports = [
     // Override or add rules here
     rules: {},
   },
-];
+);

jest.preset.cjs

@@ -1,3 +1,8 @@
 const nxPreset = require('@nx/jest/preset').default;
 
-module.exports = { ...nxPreset };
+module.exports = {
+  ...nxPreset,
+  collectCoverageFrom: ['src/**/*.ts'],
+  coveragePathIgnorePatterns: [String.raw`\.spec\.ts$`, 'generated'],
+  coverageReporters: ['text', 'lcov', 'html'],
+};