node-red-contrib-uibuilder/templates/blank/eslint.config.mjs

Easily create data-driven web UI's for Node-RED. Single- & Multi-page. Multiple UI's. Work with existing web development workflows or mix and match with no-code/low-code features.

import { defineConfig } from 'eslint/config'
import js from '@eslint/js'
import globals from 'globals'
import jsdoc from 'eslint-plugin-jsdoc'
import stylistic from '@stylistic/eslint-plugin'
import html from 'eslint-plugin-html'

// Shared rules
const jsdocRules = {
    'jsdoc/check-alignment': 'off',
    // "jsdoc/check-indentation": ["warn", {"excludeTags":['example', 'description']}],
    'jsdoc/check-indentation': 'off',
    'jsdoc/check-param-names': 'warn',
    'jsdoc/check-tag-names': ['warn', {
        definedTags: ['typicalname', 'element', 'memberOf', 'slot', 'csspart'],
    }],
    'jsdoc/multiline-blocks': ['error', {
        noZeroLineText: false,
    }],
    'jsdoc/no-multi-asterisk': 'off',
    'jsdoc/no-undefined-types': ['error', {
        definedTypes: ['JQuery', 'NodeListOf', 'ProxyHandler'],
    }],
    'jsdoc/tag-lines': 'off',
}
const stylisticRules = {
    '@stylistic/brace-style': ['error', '1tbs', { allowSingleLine: true, }],
    '@stylistic/comma-dangle': ['error', {
        arrays: 'only-multiline',
        objects: 'always',
        imports: 'never',
        exports: 'always-multiline',
        functions: 'never',
        importAttributes: 'never',
        dynamicImports: 'never',
    }],
    '@stylistic/eol-last': ['error', 'always'],
    '@stylistic/indent': ['error', 4, {
        SwitchCase: 1,
    }],
    '@stylistic/indent-binary-ops': ['error', 4],
    '@stylistic/linebreak-style': ['error', 'unix'],
    '@stylistic/lines-between-class-members': 'off',
    '@stylistic/newline-per-chained-call': ['error', {
        ignoreChainWithDepth: 2,
    }],
    '@stylistic/no-confusing-arrow': 'error',
    '@stylistic/no-extra-semi': 'error',
    '@stylistic/no-mixed-spaces-and-tabs': 'error',
    '@stylistic/no-trailing-spaces': 'error',
    '@stylistic/semi': ['error', 'never'],
    '@stylistic/space-before-function-paren': 'off',
    '@stylistic/spaced-comment': ['error', 'always', {
        line: {
            exceptions: ['*', '#region', '#endregion'],
        },
        block: {
            exceptions: ['*'],
        },
    }],
    '@stylistic/space-in-parens': 'off',
    '@stylistic/quotes': ['error', 'single', {
        avoidEscape: true,
        allowTemplateLiterals: 'always',
    }],
}
const generalRules = {
    'new-cap': 'error',
    'no-else-return': 'error',
    'no-empty': ['error', {
        allowEmptyCatch: true,
    }],
    'no-unused-vars': 'off',
    'no-useless-escape': 'off',
    'no-var': 'warn',
    'prefer-const': 'error',
}

export default defineConfig([
    // Apply to all JavaScript files
    {
        files: ['**/*.js', '**/*.html'],
        languageOptions: {
            ecmaVersion: 2022,
            sourceType: 'script', // Use script rather than ES modules
            globals: {
                ...globals.browser,
                // ...globals.node,
                UibRouter: 'readonly',
                uibuilder: 'readonly',
                $: 'readonly',
                $$: 'readonly',
            },
        },
        plugins: {
            'js': js,
            'jsdoc': jsdoc,
            '@stylistic': stylistic,
            'html': html,
        },
        extends: [
            js.configs.recommended,
            jsdoc.configs['flat/recommended'],
            stylistic.configs.recommended,
        ],
        rules: {
            ...jsdocRules,
            ...stylisticRules,
            ...generalRules,
            // 'no-empty': ['error', { 'allowEmptyCatch': true }],
        },
    },

    // Specific rules for configuration files
    {
        files: ['eslint.config.mjs', '**/*.config.js', '**/*.config.mjs'],
        languageOptions: {
            sourceType: 'module', // Config files can use ES modules
        },
    },
])