eslint-config-cityssm/eslint.config.js

ESLint rules used in the City of Sault Ste. Marie's TypeScript projects.

import eslintCss from '@eslint/css';
import eslintHtml from '@html-eslint/eslint-plugin';
import htmlParser from '@html-eslint/parser';
import eslintPluginNoUnsanitized from 'eslint-plugin-no-unsanitized';
import { defineConfig } from 'eslint/config';
import packageConfig from './eslint.packageConfig.js';
import noMagicNumbers, { httpStatusCodes } from './lists/noMagicNumbers.ignore.js';
const htmlEslintRulesConfig = {
    'html/attrs-newline': ['warn', { ifAttrsMoreThan: 3 }],
    'html/head-order': 'error',
    'html/indent': ['warn', 2],
    'html/lowercase': 'error',
    'html/no-duplicate-class': 'error',
    'html/no-duplicate-in-head': 'error',
    'html/no-extra-spacing-tags': [
        'error',
        {
            disallowInAssignment: true,
            disallowMissing: true,
            disallowTabs: true,
            enforceBeforeSelfClose: true
        }
    ],
    'html/no-ineffective-attrs': 'error',
    'html/no-invalid-entity': 'error',
    'html/no-trailing-spaces': 'error',
    'html/require-button-type': 'error',
    'html/require-closing-tags': [
        'error',
        {
            selfClosing: 'always'
        }
    ],
    'html/sort-attrs': [
        'warn',
        {
            priority: [
                'class',
                'id',
                'name',
                { pattern: 'data-.*' },
                'src',
                'for',
                'type',
                'href',
                'value',
                'min',
                'max',
                'step',
                'minlength',
                'maxlength',
                'title',
                'alt',
                'role',
                { pattern: 'aria-.*' },
                'tabindex',
                'placeholder',
                'rows',
                'style',
                { pattern: 'on.*' }
            ]
        }
    ],
    'html/use-baseline': 'warn'
};
export const config = defineConfig(packageConfig, {
    files: ['**/*.ts'],
    ignores: ['**/*.d.ts'],
    plugins: {
        html: eslintHtml,
        'no-unsanitized': eslintPluginNoUnsanitized
    },
    extends: ['html/recommended'],
    rules: {
        ...htmlEslintRulesConfig,
        '@typescript-eslint/init-declarations': 'off',
        '@typescript-eslint/no-magic-numbers': [
            'warn',
            {
                ignore: [...noMagicNumbers, ...httpStatusCodes]
            }
        ],
        'jsdoc/require-jsdoc': 'off',
        'no-unsanitized/method': [
            'error',
            {
                escape: {
                    methods: ['cityssm.escapeHTML']
                }
            }
        ],
        'no-unsanitized/property': [
            'error',
            {
                escape: {
                    methods: ['cityssm.escapeHTML']
                }
            }
        ]
    }
}, {
    extends: [eslintCss.configs.recommended],
    files: ['**/*.css'],
    language: 'css/css',
    rules: {
        'css/use-baseline': ['warn', {
                available: 2023
            }]
    }
}, {
    files: ['**/*.ejs', '**/*.html'],
    language: 'html/html',
    plugins: {
        html: eslintHtml
    },
    languageOptions: {
        parser: htmlParser,
        parserOptions: {
            templateEngineSyntax: {
                '<%': '%>',
                '<%-': '%>',
                '<%=': '%>'
            }
        }
    },
    extends: ['html/recommended'],
    rules: {
        ...htmlEslintRulesConfig
    }
});
export default config;
export { defineConfig } from 'eslint/config';