eslint.config.js

import path from 'path';
import { fileURLToPath } from 'url';
import angularTypescriptConfig from '@siemens/eslint-config-angular';
import angularTemplateConfig from '@siemens/eslint-config-angular/template';
import vitest from '@vitest/eslint-plugin';
import tsdocPlugin from 'eslint-plugin-tsdoc';
import eslintPluginHeaders from 'eslint-plugin-headers';
import { defineConfig } from 'eslint/config';

// mimic CommonJS variables
const __filename = fileURLToPath(import.meta.url);
const __dirname = path.dirname(__filename);

export const tsConfig = defineConfig({
  extends: [...angularTypescriptConfig],
  files: ['**/*.ts'],
  languageOptions: {
    parserOptions: {
      project: ['src/tsconfig.app.json'],
      tsconfigRootDir: __dirname
    }
  },
  plugins: {
    'tsdoc': tsdocPlugin,
    'headers': eslintPluginHeaders,
    'vitest': vitest
  },
  rules: {
    ...vitest.configs.recommended.rules, // you can also use vitest.configs.all.rules to enable all rules
    'vitest/expect-expect': ['off'],
    'vitest/require-awaited-expect-poll': 'error',
    'vitest/prefer-vi-mocked': 'error',
    'vitest/prefer-to-have-length': 'error',
    'vitest/prefer-to-have-been-called-times': 'error',
    'vitest/prefer-to-contain': 'error',
    'vitest/prefer-to-be-object': 'error',
    'vitest/prefer-each': 'error',
    'vitest/prefer-comparison-matcher': 'error',
    '@typescript-eslint/no-unused-vars': ['off'],
    '@angular-eslint/directive-selector': [
      'error',
      {
        type: 'attribute',
        prefix: 'app',
        style: 'camelCase'
      }
    ],
    '@angular-eslint/component-selector': [
      'error',
      {
        type: 'element',
        prefix: 'app',
        style: 'kebab-case'
      }
    ],
    '@angular-eslint/prefer-signals': [
      'error',
      { preferInputSignals: false, preferQuerySignals: false }
    ],
    '@angular-eslint/no-experimental': ['off'],
    '@angular-eslint/no-developer-preview': ['error'],
    '@angular-eslint/prefer-host-metadata-property': ['off'],
    'no-console': [
      'error',
      {
        allow: ['warn', 'error']
      }
    ],
    'no-restricted-imports': [
      'error',
      {
        paths: [
          {
            name: '@angular/localize/init',
            importNames: ['$localize'],
            message: 'Please use $localize from the global scope. No import required'
          },
          {
            name: '@angular/cdk/coercion',
            message: 'Use the convert functions from @angular/core instead.'
          },
          {
            name: '@siemens/element-ng',
            message: 'Use the secondary entrypoints instead.'
          },
          {
            name: '@ngx-translate/core',
            importNames: ['TranslatePipe'],
            message: 'Use `SiTranslatePipe` from `@siemens/element-translate-ng/translate` instead.'
          },
          {
            name: '@siemens/element-translate-ng',
            message:
              'Always use a dedicated secondary entrypoint, e.g. `@siemens/element-translate-ng/translate`.'
          }
        ]
      }
    ],
    '@typescript-eslint/explicit-function-return-type': [
      'error',
      {
        allowExpressions: true,
        allowTypedFunctionExpressions: true,
        allowDirectConstAssertionInArrowFunctions: true
      }
    ],
    'tsdoc/syntax': ['error'],
    '@typescript-eslint/no-deprecated': ['error'],
    'headers/header-format': [
      'error',
      {
        'source': 'string',
        'content': 'Copyright (c) Siemens 2016 - 2026\nSPDX-License-Identifier: MIT'
      }
    ],
    'no-restricted-syntax': [
      'error',
      {
        selector: 'TSEnumDeclaration',
        message: "Don't declare enums"
      },
      {
        selector: 'TSTypeReference:not([typeArguments]) > Identifier[name="SimpleChanges"]',
        message: 'Use SimpleChanges<this> instead of plain SimpleChanges'
      }
    ]
  }
});

export const templateConfig = defineConfig({
  extends: [...angularTemplateConfig],
  files: ['**/*.html'],
  rules: {
    '@angular-eslint/template/prefer-ngsrc': ['off'],
    '@angular-eslint/template/no-duplicate-attributes': [
      'error',
      {
        'ignore': ['class']
      }
    ],
    '@angular-eslint/template/no-inline-styles': ['off'],
    '@angular-eslint/template/interactive-supports-focus': ['off'],
    '@angular-eslint/template/prefer-template-literal': ['off'],
    '@angular-eslint/template/no-non-null-assertion': ['off'],
    '@angular-eslint/template/elements-content': [
      'error',
      {
        allowList: [
          'siHeaderLogo',
          'aria-label',
          'innerHtml',
          'innerHTML',
          'innerText',
          'outerHTML',
          'title',
          'si-tab'
        ]
      }
    ]
  }
});

export const indexBarrelConfig = defineConfig({
  files: ['**/index.ts'],
  rules: {
    'no-restricted-syntax': [
      'error',
      {
        selector: 'ExportNamedDeclaration[declaration]',
        message:
          'index.ts files must only re-export from other modules. Move declarations to a dedicated file.'
      },
      {
        selector: 'VariableDeclaration',
        message:
          'index.ts files must only re-export from other modules. Move declarations to a dedicated file.'
      },
      {
        selector: 'FunctionDeclaration',
        message:
          'index.ts files must only re-export from other modules. Move declarations to a dedicated file.'
      },
      {
        selector: 'ClassDeclaration',
        message:
          'index.ts files must only re-export from other modules. Move declarations to a dedicated file.'
      },
      {
        selector: 'TSInterfaceDeclaration',
        message:
          'index.ts files must only re-export from other modules. Move declarations to a dedicated file.'
      },
      {
        selector: 'TSTypeAliasDeclaration',
        message:
          'index.ts files must only re-export from other modules. Move declarations to a dedicated file.'
      },
      {
        selector: 'TSEnumDeclaration',
        message:
          'index.ts files must only re-export from other modules. Move declarations to a dedicated file.'
      },
      {
        selector: 'ExportDefaultDeclaration',
        message:
          'index.ts files must only use named re-exports. Default exports are not allowed in barrel files.'
      },
      {
        selector: 'TSModuleDeclaration',
        message:
          'index.ts files must only re-export from other modules. Move namespace declarations to a dedicated file.'
      },
      {
        selector: 'ExpressionStatement',
        message:
          'index.ts files must only re-export from other modules. Move expressions to a dedicated file.'
      }
    ]
  }
});

export const strictLinterOptions = defineConfig({
  linterOptions: {
    reportUnusedDisableDirectives: 'error'
  }
});

export default defineConfig(
  ...tsConfig,
  ...templateConfig,
  ...indexBarrelConfig,
  ...strictLinterOptions
);