Add eslint-plugin-check-file configuration

[MAILPOET-4938]

packages/js/eslint-config/eslint-es5.config.js

@@ -2,6 +2,7 @@ const babelParser = require('@babel/eslint-parser');
 const FlatCompat = require('@eslint/eslintrc').FlatCompat;
 const airbnbLegacyConfig = require('eslint-config-airbnb/legacy');
 const prettierConfig = require('eslint-config-prettier');
+const checkFilePlugin = require('eslint-plugin-check-file');
 const importPlugin = require('eslint-plugin-import');
 const noOnlyTestsPlugin = require('eslint-plugin-no-only-tests');
 const globals = require('globals');
@@ -11,6 +12,8 @@ const compat = new FlatCompat({ baseDirectory: __dirname });
 const airbnbLegacyCompatConfig = compat.config(airbnbLegacyConfig);
 const prettierCompatConfig = compat.config(prettierConfig);
 
+const KEBAB_CASE_PATTERN = '+([a-z])*([a-z0-9])*(-+([a-z0-9]))';
+
 module.exports = [
   ...airbnbLegacyCompatConfig,
   ...prettierCompatConfig,
@@ -26,6 +29,7 @@ module.exports = [
       },
     },
     plugins: {
+      'check-file': checkFilePlugin,
       import: importPlugin,
       'no-only-tests': noOnlyTestsPlugin,
     },
@@ -34,6 +38,15 @@ module.exports = [
       'no-underscore-dangle': 0, // Backbone uses underscores, we cannot remove them
       'import/no-default-export': 1, // no default exports
       'no-only-tests/no-only-tests': 2,
+      'check-file/filename-naming-convention': [
+        'error',
+        { '**/*.*': 'KEBAB_CASE' },
+        { ignoreMiddleExtensions: true },
+      ],
+      'check-file/folder-naming-convention': [
+        'error',
+        { '**/': `@(${KEBAB_CASE_PATTERN}|_stories|_storybook)` },
+      ],
     },
   },
 ];

packages/js/eslint-config/eslint-es6.config.js

@@ -3,6 +3,7 @@ const FlatCompat = require('@eslint/eslintrc').FlatCompat;
 const airbnbConfig = require('eslint-config-airbnb');
 const prettierConfig = require('eslint-config-prettier');
 const webpackResolver = require('eslint-import-resolver-webpack');
+const checkFilePlugin = require('eslint-plugin-check-file');
 const noOnlyTestsPlugin = require('eslint-plugin-no-only-tests');
 const reactJsxRuntimeConfig = require('eslint-plugin-react/configs/jsx-runtime');
 const reactHooksPlugin = require('eslint-plugin-react-hooks');
@@ -17,6 +18,8 @@ const prettierCompatConfig = compat.config(prettierConfig);
 //   TypeError: Key "plugins": Cannot redefine plugin "react"
 delete reactJsxRuntimeConfig.plugins.react;
 
+const KEBAB_CASE_PATTERN = '+([a-z])*([a-z0-9])*(-+([a-z0-9]))';
+
 module.exports = [
   ...airbnbCompatConfig,
   reactJsxRuntimeConfig,
@@ -33,6 +36,7 @@ module.exports = [
     },
     plugins: {
       'react-hooks': reactHooksPlugin,
+      'check-file': checkFilePlugin,
       'no-only-tests': noOnlyTestsPlugin,
     },
     rules: {
@@ -46,6 +50,15 @@ module.exports = [
       'import/extensions': 0, // we wouldn't be able to import jQuery without this line
       'import/prefer-default-export': 0, // we want to stop using default exports and start using named exports
       'import/no-default-export': 1, // no default exports
+      'check-file/filename-naming-convention': [
+        'error',
+        { '**/*.*': 'KEBAB_CASE' },
+        { ignoreMiddleExtensions: true },
+      ],
+      'check-file/folder-naming-convention': [
+        'error',
+        { '**/': `@(${KEBAB_CASE_PATTERN}|_stories|_storybook)` },
+      ],
     },
   },
 ];

packages/js/eslint-config/eslint-ts.config.js

@@ -5,6 +5,7 @@ const airbnbConfig = require('eslint-config-airbnb');
 const airbnbTsConfig = require('eslint-config-airbnb-typescript');
 const prettierConfig = require('eslint-config-prettier');
 const webpackResolver = require('eslint-import-resolver-webpack');
+const checkFilePlugin = require('eslint-plugin-check-file');
 const noOnlyTestsPlugin = require('eslint-plugin-no-only-tests');
 const reactJsxRuntimeConfig = require('eslint-plugin-react/configs/jsx-runtime');
 const reactHooksPlugin = require('eslint-plugin-react-hooks');
@@ -38,6 +39,8 @@ const prettierCompatConfig = compat.config(prettierConfig);
 //   TypeError: Key "plugins": Cannot redefine plugin "react"
 delete reactJsxRuntimeConfig.plugins.react;
 
+const KEBAB_CASE_PATTERN = '+([a-z])*([a-z0-9])*(-+([a-z0-9]))';
+
 module.exports = [
   ...tsRecommendedCompatConfig,
   ...tsRequiringTypeCheckingCompatConfig,
@@ -69,6 +72,7 @@ module.exports = [
     },
     plugins: {
       'react-hooks': reactHooksPlugin,
+      'check-file': checkFilePlugin,
       'no-only-tests': noOnlyTestsPlugin,
     },
     rules: {
@@ -114,6 +118,15 @@ module.exports = [
           },
         },
       ],
+      'check-file/filename-naming-convention': [
+        'error',
+        { '**/*.*': 'KEBAB_CASE' },
+        { ignoreMiddleExtensions: true },
+      ],
+      'check-file/folder-naming-convention': [
+        'error',
+        { '**/': `@(${KEBAB_CASE_PATTERN}|_stories|_storybook)` },
+      ],
     },
   },