templates-mo/.eslintrc.js

Templates is a scaffolding framework that makes code generation simple, dynamic, and reusable. Generate files, parts of your app, or whole project structures—without the repetitive copy-pasting

const eslintPlugin = require('eslint-plugin-jest');
const path = require('path');

const IGNORE = 0;
const ERROR = 2;

const config = {
	parser: '@typescript-eslint/parser',
	env: { node: 1, es6: true },
	root: true,

	extends: [
		'airbnb',
		'prettier',
		'eslint:recommended',
		'plugin:@typescript-eslint/recommended',
		'plugin:import/typescript',
	],
	plugins: ['@typescript-eslint', 'jest', 'import'],
	rules: {
		'no-console': IGNORE,
		'import/no-named-as-default': IGNORE,
		'import/prefer-default-export': IGNORE,
		'consistent-return': IGNORE,
		'class-methods-use-this': IGNORE,
		'no-use-before-define': IGNORE,
		'arrow-body-style': IGNORE,
		'func-names': [ERROR, 'as-needed'],
		'no-plusplus': [ERROR, { allowForLoopAfterthoughts: true }],
		'spaced-comment': [ERROR, 'always', { exceptions: ['*'] }],
		'no-underscore-dangle': [ERROR, { allowAfterThis: true }],
		'react/jsx-filename-extension': [ERROR, { extensions: ['.tsx', '.mdx'] }],
		'react/jsx-props-no-spreading': IGNORE,
		'no-mixed-spaces-and-tabs': IGNORE,
		'import/extensions': [
			ERROR,
			{
				ts: 'never',
				svg: 'always',
			},
		],
		'@typescript-eslint/no-explicit-any': 'error',
		'no-unused-vars': 'off',
		'@typescript-eslint/no-unused-vars': 'error',
		'no-useless-constructor': 'off',
		'@typescript-eslint/no-useless-constructor': 'error',
	},
	overrides: [
		{
			files: ['**/*.js'],
			rules: {
				'@typescript-eslint/no-var-requires': IGNORE,
			},
		},
		{
			files: ['__tests__/**/*.js'],
			env: { jest: true },
			plugins: ['jest'],
			...eslintPlugin.configs.recommended,
			rules: {
				...eslintPlugin.configs.recommended.rules,
				'jest/expect-expect': [
					'error',
					{ assertFunctionNames: ['expect', 'test'] },
				],
			},
		},
		{
			files: ['cli/**/*.js'],
			rules: {
				'import/no-unresolved': IGNORE,
				'import/extensions': IGNORE,
			},
		},
		{
			files: ['docs/**/*'],
			rules: {
				'import/no-unresolved': [
					ERROR,
					{
						ignore: [
							'^@theme',
							'^@docusaurus',
							'^@site',
							'^templates-mo',
							'^@generated',
						],
					},
				],
			},
		},
		{
			files: ['docs/**/*.mdx'],
			extends: ['plugin:@docusaurus/recommended'],
			plugins: ['@docusaurus'],
			parser: 'eslint-mdx',
			rules: {
				'react/react-in-jsx-scope': [IGNORE],
				'react/self-closing-comp': [IGNORE],
				'react/no-unescaped-entities': IGNORE,
			},
			globals: {
				gtag: 'readonly',
			},
		},
		{
			files: ['docs/**/*.tsx', 'docs/**/*.ts'],
			plugins: ['react'],
			rules: {
				'react/function-component-definition': [
					ERROR,
					{
						namedComponents: 'arrow-function',
					},
				],
				'react/require-default-props': [IGNORE],
			},
		},
		{
			files: ['docs/**/*'],
			rules: {
				'import/no-extraneous-dependencies': [
					ERROR,
					{ packageDir: path.join(__dirname, 'docs') },
				],
			},
		},
	],
	settings: {
		'import/parsers': {
			'@typescript-eslint/parser': ['.ts', '.js'],
		},
		'import/resolver': {
			typescript: {
				// always try to resolve types under `<root>@types` directory even it doesn't contain any source code, like `@types/unist`
				alwaysTryTypes: true,
				project: __dirname,
			},
			node: true,
		},
	},
};

module.exports = config;