.eslintrc.js

module.exports = {
  env: {
    browser: true,
    es6: true
  },
  parser: '@typescript-eslint/parser',
  // Specifies the ESLint parser
  parserOptions: {
    ecmaVersion: 2020,
    // Allows for the parsing of modern ECMAScript features
    sourceType: 'module',
    // Allows for the use of imports
    ecmaFeatures: {
      jsx: true // Allows for the parsing of JSX

    }
  },
  plugins: ['prettier', 'react', '@typescript-eslint', 'react-hooks', 'jsx-a11y', 'import', 'unicorn', 'boundaries'],
  settings: {
    react: {
      version: 'detect' // Tells eslint-plugin-react to automatically detect the version of React to use

    },
    'boundaries/include': ['src/**/*', 'static/*/**'],
    'boundaries/ignore': ['src/tests/*/**'],
    'boundaries/elements': [{
      type: 'entry-point',
      pattern: 'src/index.tsx',
      mode: 'full'
    }, {
      type: 'global-declaration',
      pattern: 'src/d.ts',
      mode: 'full'
    }, {
      type: 'shared',
      pattern: 'shared/*/*/**',
      capture: ['package', 'segment', 'file'],
      mode: 'file'
    }, {
      type: 'shared-api',
      pattern: 'shared/*/*.(ts|tsx)',
      capture: ['package', 'openAPI'],
      mode: 'file'
    }, {
      type: 'shared',
      pattern: 'shared/*.ts',
      capture: ['declaration'],
      mode: 'file'
    }, {
      type: 'entities',
      pattern: 'entities/*/*/*',
      capture: ['slice', 'segment', 'file'],
      mode: 'file'
    }, {
      type: 'entities-api',
      pattern: 'entities/*/*.(ts|tsx)',
      capture: ['slice', 'openAPI'],
      mode: 'file'
    }, {
      type: 'features',
      pattern: 'features/*/*/*',
      capture: ['slice', 'segment', 'file'],
      mode: 'file'
    }, {
      type: 'features-api',
      pattern: 'features/*/*.(ts|tsx)',
      capture: ['slice', 'openAPI'],
      mode: 'file'
    }, {
      type: 'pages',
      pattern: 'pages/*/*/*.(ts|tsx)',
      capture: ['slice', 'segment', 'file'],
      baseCapture: ['openAPI'],
      mode: 'file'
    }, {
      type: 'pages-api',
      pattern: 'pages/*/*.(ts|tsx)',
      capture: ['slice', 'openAPI'],
      mode: 'file'
    }, {
      type: 'app',
      pattern: 'app'
    }, {
      type: 'static',
      pattern: 'static'
    }],
    'import/resolver': {
      typescript: {
        alwaysTryTypes: true
      }
    }
  },
  extends: ["eslint:recommended", "plugin:import/typescript", "plugin:react/recommended", "plugin:react-hooks/recommended", "plugin:jsx-a11y/recommended", "plugin:@typescript-eslint/eslint-recommended", "plugin:unicorn/recommended", "plugin:@typescript-eslint/recommended", "plugin:boundaries/strict", "prettier", "plugin:storybook/recommended"],
  rules: {
    // Place to specify ESLint rules. Can be used to overwrite rules specified from the extended configs
    '@typescript-eslint/no-unused-vars': ['error', {
      argsIgnorePattern: '^_'
    }],
    'react/prop-types': [0],
    'import/order': [2, {
      groups: ['builtin', 'external', 'internal', 'parent', 'sibling', 'index'],
      'newlines-between': 'always',
      alphabetize: {
        order: 'asc'
      },
      pathGroups: [{
        pattern: '@/**',
        group: 'internal'
      }]
    }],
    'unicorn/filename-case': [0],
    'boundaries/no-private': [2, {
      allowUncles: false
    }],
    'boundaries/element-types': [2, {
      // Allow or disallow any dependency by default
      default: 'disallow',
      // Define a custom message for this rule
      message: '${file.type} is not allowed to import ${dependency.type}',
      rules: [{
        from: ['entry-point'],
        allow: ['app']
      }, {
        from: ['shared', 'shared-api'],
        allow: ['static', ['shared', {
          package: '${package}'
        }], ['shared', {
          declaration: 'types'
        }], ['shared-api']]
      }, {
        from: ['entities', 'entities-api'],
        allow: ['static', 'shared-api', ['entities-api', {
          slice: '${slice}'
        }], ['entities', {
          slice: '${slice}'
        }]]
      }, {
        from: ['features', 'features-api'],
        allow: ['static', 'shared-api', 'entities-api', ['features-api', {
          slice: '${slice}'
        }], ['features', {
          slice: '${slice}'
        }]]
      }, {
        from: ['pages', 'pages-api'],
        allow: ['static', 'shared-api', 'entities-api', 'features-api', 'pages-api', ['pages', {
          slice: '${slice}'
        }]]
      }, {
        from: ['app'],
        allow: ['entities-api', 'features-api', 'static', 'shared-api', 'pages-api']
      }]
    }]
  }
};