@hanzo/cms-eslint-config 3.28.0

package/LICENSE.md

@@ -0,0 +1,22 @@
+MIT License
+
+Copyright (c) 2018-2025 Payload CMS, Inc. <info@payloadcms.com>
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+'Software'), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
+IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
+CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
+TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
+SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/configs/react/index.mjs

@@ -0,0 +1,50 @@
+import reactRules from './rules/react.mjs'
+import reactA11yRules from './rules/react-a11y.mjs'
+import jsxA11y from 'eslint-plugin-jsx-a11y'
+import react from '@eslint-react/eslint-plugin'
+import reactHooks from 'eslint-plugin-react-hooks'
+import globals from 'globals'
+import { deepMerge } from '../../deepMerge.js'
+
+/** @type {import('eslint').Linter.Config} */
+export const index = deepMerge(
+  react.configs['recommended-type-checked'],
+  {
+    rules: {
+      ...reactHooks.configs.recommended.rules,
+      '@eslint-react/hooks-extra/no-direct-set-state-in-use-effect': 'off',
+      '@eslint-react/naming-convention/use-state': 'off',
+    },
+  },
+  {
+    rules: reactRules,
+  },
+  {
+    rules: reactA11yRules,
+  },
+  {
+    languageOptions: {
+      globals: {
+        ...globals.browser,
+      },
+      parserOptions: {
+        ecmaFeatures: {
+          jsx: true,
+        },
+      },
+    },
+    plugins: {
+      'jsx-a11y': jsxA11y,
+      'react-hooks': reactHooks,
+    },
+    settings: {
+      react: {
+        version: 'detect',
+      },
+    },
+    rules: {
+      'react-hooks/rules-of-hooks': 'error',
+    },
+  },
+)
+export default index

package/configs/react/rules/react-a11y.mjs

@@ -0,0 +1,246 @@
+// Sourced from https://github.com/airbnb/javascript/blob/master/packages/eslint-config-airbnb/rules/react-a11y.js
+
+/** @type {import('eslint').Linter.Config} */
+export const index = {
+  // Enforce that anchors have content
+  // https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/anchor-has-content.md
+  'jsx-a11y/anchor-has-content': ['error', { components: [] }],
+
+  // Require ARIA roles to be valid and non-abstract
+  // https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/aria-role.md
+  'jsx-a11y/aria-role': ['error', { ignoreNonDom: false }],
+
+  // Enforce all aria-* props are valid.
+  // https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/aria-props.md
+  'jsx-a11y/aria-props': 'error',
+
+  // Enforce ARIA state and property values are valid.
+  // https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/aria-proptypes.md
+  'jsx-a11y/aria-proptypes': 'error',
+
+  // Enforce that elements that do not support ARIA roles, states, and
+  // properties do not have those attributes.
+  // https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/aria-unsupported-elements.md
+  'jsx-a11y/aria-unsupported-elements': 'error',
+
+  // Enforce that all elements that require alternative text have meaningful information
+  // https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/alt-text.md
+  'jsx-a11y/alt-text': [
+    'error',
+    {
+      elements: ['img', 'object', 'area', 'input[type="image"]'],
+      img: [],
+      object: [],
+      area: [],
+      'input[type="image"]': [],
+    },
+  ],
+
+  // Prevent img alt text from containing redundant words like "image", "picture", or "photo"
+  // https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/img-redundant-alt.md
+  'jsx-a11y/img-redundant-alt': 'error',
+
+  // require that JSX labels use "htmlFor"
+  // https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/label-has-for.md
+  // deprecated: replaced by `label-has-associated-control` rule
+  'jsx-a11y/label-has-for': [
+    'off',
+    {
+      components: [],
+      required: {
+        every: ['nesting', 'id'],
+      },
+      allowChildren: false,
+    },
+  ],
+
+  // Enforce that a label tag has a text label and an associated control.
+  // https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/b800f40a2a69ad48015ae9226fbe879f946757ed/docs/rules/label-has-associated-control.md
+  'jsx-a11y/label-has-associated-control': [
+    'error',
+    {
+      labelComponents: [],
+      labelAttributes: [],
+      controlComponents: [],
+      assert: 'both',
+      depth: 25,
+    },
+  ],
+
+  // Enforce that a control (an interactive element) has a text label.
+  // https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/control-has-associated-label.md
+  'jsx-a11y/control-has-associated-label': [
+    'error',
+    {
+      labelAttributes: ['label'],
+      controlComponents: [],
+      ignoreElements: ['audio', 'canvas', 'embed', 'input', 'textarea', 'tr', 'video'],
+      ignoreRoles: [
+        'grid',
+        'listbox',
+        'menu',
+        'menubar',
+        'radiogroup',
+        'row',
+        'tablist',
+        'toolbar',
+        'tree',
+        'treegrid',
+      ],
+      depth: 5,
+    },
+  ],
+
+  // require that mouseover/out come with focus/blur, for keyboard-only users
+  // https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/mouse-events-have-key-events.md
+  'jsx-a11y/mouse-events-have-key-events': 'error',
+
+  // Prevent use of `accessKey`
+  // https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-access-key.md
+  'jsx-a11y/no-access-key': 'error',
+
+  // require onBlur instead of onChange
+  // https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-onchange.md
+  'jsx-a11y/no-onchange': 'off',
+
+  // Elements with an interactive role and interaction handlers must be focusable
+  // https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/interactive-supports-focus.md
+  'jsx-a11y/interactive-supports-focus': 'error',
+
+  // Enforce that elements with ARIA roles must have all required attributes
+  // for that role.
+  // https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/role-has-required-aria-props.md
+  'jsx-a11y/role-has-required-aria-props': 'error',
+
+  // Enforce that elements with explicit or implicit roles defined contain
+  // only aria-* properties supported by that role.
+  // https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/role-supports-aria-props.md
+  'jsx-a11y/role-supports-aria-props': 'error',
+
+  // Enforce tabIndex value is not greater than zero.
+  // https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/tabindex-no-positive.md
+  'jsx-a11y/tabindex-no-positive': 'error',
+
+  // ensure <hX> tags have content and are not aria-hidden
+  // https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/heading-has-content.md
+  'jsx-a11y/heading-has-content': ['error', { components: [''] }],
+
+  // require HTML elements to have a "lang" prop
+  // https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/html-has-lang.md
+  'jsx-a11y/html-has-lang': 'error',
+
+  // require HTML element's lang prop to be valid
+  // https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/lang.md
+  'jsx-a11y/lang': 'error',
+
+  // prevent distracting elements, like <marquee> and <blink>
+  // https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-distracting-elements.md
+  'jsx-a11y/no-distracting-elements': [
+    'error',
+    {
+      elements: ['marquee', 'blink'],
+    },
+  ],
+
+  // only allow <th> to have the "scope" attr
+  // https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/scope.md
+  'jsx-a11y/scope': 'error',
+
+  // require onClick be accompanied by onKeyUp/onKeyDown/onKeyPress
+  // https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/click-events-have-key-events.md
+  'jsx-a11y/click-events-have-key-events': 'error',
+
+  // Enforce that DOM elements without semantic behavior not have interaction handlers
+  // https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-static-element-interactions.md
+  'jsx-a11y/no-static-element-interactions': [
+    'error',
+    {
+      handlers: ['onClick', 'onMouseDown', 'onMouseUp', 'onKeyPress', 'onKeyDown', 'onKeyUp'],
+    },
+  ],
+
+  // A non-interactive element does not support event handlers (mouse and key handlers)
+  // https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-noninteractive-element-interactions.md
+  'jsx-a11y/no-noninteractive-element-interactions': [
+    'error',
+    {
+      handlers: ['onClick', 'onMouseDown', 'onMouseUp', 'onKeyPress', 'onKeyDown', 'onKeyUp'],
+    },
+  ],
+
+  // ensure emoji are accessible
+  // https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/accessible-emoji.md
+  'jsx-a11y/accessible-emoji': 'error',
+
+  // elements with aria-activedescendant must be tabbable
+  // https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/aria-activedescendant-has-tabindex.md
+  'jsx-a11y/aria-activedescendant-has-tabindex': 'error',
+
+  // ensure iframe elements have a unique title
+  // https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/iframe-has-title.md
+  'jsx-a11y/iframe-has-title': 'error',
+
+  // prohibit autoFocus prop
+  // https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-autofocus.md
+  'jsx-a11y/no-autofocus': ['error', { ignoreNonDOM: true }],
+
+  // ensure HTML elements do not specify redundant ARIA roles
+  // https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-redundant-roles.md
+  'jsx-a11y/no-redundant-roles': 'error',
+
+  // media elements must have captions
+  // https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/media-has-caption.md
+  'jsx-a11y/media-has-caption': [
+    'error',
+    {
+      audio: [],
+      video: [],
+      track: [],
+    },
+  ],
+
+  // WAI-ARIA roles should not be used to convert an interactive element to non-interactive
+  // https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-interactive-element-to-noninteractive-role.md
+  'jsx-a11y/no-interactive-element-to-noninteractive-role': [
+    'error',
+    {
+      tr: ['none', 'presentation'],
+    },
+  ],
+
+  // WAI-ARIA roles should not be used to convert a non-interactive element to interactive
+  // https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-noninteractive-element-to-interactive-role.md
+  'jsx-a11y/no-noninteractive-element-to-interactive-role': [
+    'error',
+    {
+      ul: ['listbox', 'menu', 'menubar', 'radiogroup', 'tablist', 'tree', 'treegrid'],
+      ol: ['listbox', 'menu', 'menubar', 'radiogroup', 'tablist', 'tree', 'treegrid'],
+      li: ['menuitem', 'option', 'row', 'tab', 'treeitem'],
+      table: ['grid'],
+      td: ['gridcell'],
+    },
+  ],
+
+  // Tab key navigation should be limited to elements on the page that can be interacted with.
+  // https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-noninteractive-tabindex.md
+  'jsx-a11y/no-noninteractive-tabindex': [
+    'error',
+    {
+      tags: [],
+      roles: ['tabpanel'],
+    },
+  ],
+
+  // ensure <a> tags are valid
+  // https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/0745af376cdc8686d85a361ce36952b1fb1ccf6e/docs/rules/anchor-is-valid.md
+  'jsx-a11y/anchor-is-valid': [
+    'error',
+    {
+      components: ['Link'],
+      specialLink: ['to'],
+      aspects: ['noHref', 'invalidHref', 'preferButton'],
+    },
+  ],
+}
+
+export default index

package/configs/react/rules/react.mjs

@@ -0,0 +1,18 @@
+/** @type {import('eslint').Linter.Config} */
+export const index = {
+  '@eslint-react/dom/no-dangerously-set-innerhtml': 'off',
+  '@eslint-react/dom/no-dangerously-set-innerhtml-with-children': 'off',
+  '@eslint-react/no-unsafe-component-will-mount': 'off',
+  '@eslint-react/no-unsafe-component-will-receive-props': 'off',
+  '@eslint-react/no-unsafe-component-will-update': 'off',
+  '@eslint-react/no-set-state-in-component-did-mount': 'off',
+  '@eslint-react/no-set-state-in-component-did-update': 'off',
+  '@eslint-react/no-set-state-in-component-will-update': 'off',
+  '@eslint-react/no-missing-component-display-name': 'off',
+  '@eslint-react/no-direct-mutation-state': 'off',
+  '@eslint-react/no-array-index-key': 'off',
+  '@eslint-react/no-unstable-default-props': 'off', // TODO: Evaluate enabling this
+  '@eslint-react/no-unstable-context-value': 'off', // TODO: Evaluate enabling this
+}
+
+export default index

package/deepMerge.js

@@ -0,0 +1,58 @@
+/**
+ * obj2 has priority over obj1
+ *
+ * Merges obj2 into obj1
+ */
+export function _deepMerge(obj1, obj2, doNotMergeInNulls = true) {
+  const output = { ...obj1 }
+
+  for (const key in obj2) {
+    if (Object.prototype.hasOwnProperty.call(obj2, key)) {
+      if (doNotMergeInNulls) {
+        if (
+          (obj2[key] === null || obj2[key] === undefined) &&
+          obj1[key] !== null &&
+          obj1[key] !== undefined
+        ) {
+          continue
+        }
+      }
+
+      // Check if both are arrays
+      if (Array.isArray(obj1[key]) && Array.isArray(obj2[key])) {
+        // Merge each element in the arrays
+
+        // We need the Array.from, map rather than a normal map because this handles holes in arrays properly. A simple .map would skip holes.
+        output[key] = Array.from(obj2[key], (item, index) => {
+          if (doNotMergeInNulls) {
+            if (
+              (item === undefined || item === null) &&
+              obj1[key][index] !== null &&
+              obj1[key][index] !== undefined
+            ) {
+              return obj1[key][index]
+            }
+          }
+
+          if (typeof item === 'object' && !Array.isArray(item) && obj1[key][index]) {
+            // Deep merge for objects in arrays
+            return deepMerge(obj1[key][index], item, doNotMergeInNulls)
+          }
+          return item
+        })
+      } else if (typeof obj2[key] === 'object' && !Array.isArray(obj2[key]) && obj1[key]) {
+        // Existing behavior for objects
+        output[key] = deepMerge(obj1[key], obj2[key], doNotMergeInNulls)
+      } else {
+        // Direct assignment for values
+        output[key] = obj2[key]
+      }
+    }
+  }
+
+  return output
+}
+
+export function deepMerge(...objs) {
+  return objs.reduce((acc, obj) => _deepMerge(acc, obj), {})
+}

package/index.mjs

@@ -0,0 +1,262 @@
+import js from '@eslint/js'
+import tseslint from 'typescript-eslint'
+import perfectionist from 'eslint-plugin-perfectionist'
+import { configs as regexpPluginConfigs } from 'eslint-plugin-regexp'
+import eslintConfigPrettier from 'eslint-config-prettier/flat'
+import cmsPlugin from '@hanzo/cms-eslint-plugin'
+import reactExtends from './configs/react/index.mjs'
+import globals from 'globals'
+import importX from 'eslint-plugin-import-x'
+import typescriptParser from '@typescript-eslint/parser'
+import { deepMerge } from './deepMerge.js'
+import reactCompiler from 'eslint-plugin-react-compiler'
+import vitest from '@vitest/eslint-plugin'
+
+const baseRules = {
+  // This rule makes no sense when overriding class methods. This is used a lot in richtext-lexical.
+  'class-methods-use-this': 'off',
+  curly: ['warn', 'all'],
+  'arrow-body-style': 0,
+  'import-x/prefer-default-export': 'off',
+  'no-restricted-exports': ['warn', { restrictDefaultExports: { direct: true } }],
+  'no-console': 'warn',
+  'no-sparse-arrays': 'off',
+  'no-underscore-dangle': 'off',
+  'no-use-before-define': 'off',
+  'object-shorthand': 'warn',
+  'no-useless-escape': 'warn',
+  'import-x/no-duplicates': 'warn',
+  'perfectionist/sort-objects': [
+    'error',
+    {
+      type: 'natural',
+      order: 'asc',
+      partitionByComment: true,
+      partitionByNewLine: true,
+      groups: ['top', 'unknown'],
+      customGroups: {
+        top: ['_id', 'id', 'name', 'slug', 'type'],
+      },
+    },
+  ],
+  /*'perfectionist/sort-object-types': [
+    'error',
+    {
+      partitionByNewLine: true,
+    },
+  ],
+  'perfectionist/sort-interfaces': [
+    'error',
+    {
+      partitionByNewLine': true,
+    },
+  ],*/
+  'cms/no-jsx-import-statements': 'error',
+}
+
+const reactA11yRules = {
+  'jsx-a11y/anchor-is-valid': 'warn',
+  'jsx-a11y/control-has-associated-label': 'warn',
+  'jsx-a11y/no-static-element-interactions': 'warn',
+  'jsx-a11y/label-has-associated-control': 'warn',
+}
+
+const typescriptRules = {
+  '@typescript-eslint/no-use-before-define': 'off',
+
+  // Type-aware any rules:
+  '@typescript-eslint/no-unsafe-assignment': 'off',
+  '@typescript-eslint/no-unsafe-member-access': 'off',
+  '@typescript-eslint/no-unsafe-call': 'off',
+  '@typescript-eslint/no-unsafe-argument': 'off',
+  '@typescript-eslint/no-unsafe-return': 'off',
+  '@typescript-eslint/unbound-method': 'warn',
+  '@typescript-eslint/consistent-type-imports': 'warn',
+  '@typescript-eslint/no-explicit-any': 'warn',
+  // Type-aware any rules end
+
+  // ts-expect preferred over ts-ignore. It will error if the expected error is no longer present.
+  '@typescript-eslint/ban-ts-comment': 'warn', // Recommended over deprecated @typescript-eslint/prefer-ts-expect-error: https://github.com/typescript-eslint/typescript-eslint/issues/8333. Set to warn to ease migration.
+  // By default, it errors for unused variables. This is annoying, warnings are enough.
+  '@typescript-eslint/no-unused-vars': [
+    'warn',
+    {
+      vars: 'all',
+      args: 'after-used',
+      ignoreRestSiblings: false,
+      argsIgnorePattern: '^_',
+      varsIgnorePattern: '^_',
+      destructuredArrayIgnorePattern: '^_',
+      caughtErrorsIgnorePattern: '^(_|ignore)',
+    },
+  ],
+  '@typescript-eslint/no-base-to-string': 'warn',
+  '@typescript-eslint/restrict-template-expressions': 'warn',
+  '@typescript-eslint/no-redundant-type-constituents': 'warn',
+  '@typescript-eslint/no-unnecessary-type-constraint': 'warn',
+  '@typescript-eslint/no-misused-promises': [
+    'error',
+    {
+      // See https://github.com/typescript-eslint/typescript-eslint/issues/4619 and https://github.com/typescript-eslint/typescript-eslint/pull/4623
+      // Don't want something like <button onClick={someAsyncFunction}> to error
+      checksVoidReturn: {
+        attributes: false,
+        arguments: false,
+      },
+    },
+  ],
+  '@typescript-eslint/no-empty-object-type': 'warn',
+}
+
+/** @typedef {import('eslint').Linter.Config} Config */
+
+/** @type {FlatConfig} */
+const baseExtends = deepMerge(
+  js.configs.recommended,
+  perfectionist.configs['recommended-natural'],
+  regexpPluginConfigs['flat/recommended'],
+)
+
+/** @type {Config[]} */
+export const rootEslintConfig = [
+  {
+    name: 'Settings',
+    languageOptions: {
+      parserOptions: {
+        ecmaFeatures: {
+          jsx: true,
+        },
+        projectService: {
+          // This is necessary because `tsconfig.base.json` defines `"rootDir": "${configDir}/src"`,
+          // And the following files aren't in src because they aren't transpiled.
+          // This is typescript-eslint's way of adding files that aren't included in tsconfig.
+          // See: https://typescript-eslint.io/troubleshooting/typed-linting/#i-get-errors-telling-me--was-not-found-by-the-project-service-consider-either-including-it-in-the-tsconfigjson-or-including-it-in-allowdefaultproject
+          // The best practice is to have a tsconfig.json that covers ALL files and is used for
+          // typechecking (with noEmit), and a `tsconfig.build.json` that is used for the build
+          // (or alternatively, swc, tsup or tsdown). That's what we should ideally do, in which case
+          // this hardcoded list wouldn't be necessary. Note that these files don't currently go
+          // through ts, only through eslint.
+          allowDefaultProject: [
+            '../payload/bin.js',
+            '../payload/bundle.js',
+            '../next/babel.config.cjs',
+            '../next/bundleScss.js',
+            '../ui/babel.config.cjs',
+            '../ui/bundle.js',
+            '../graphql/bin.js',
+            '../richtext-lexical/babel.config.cjs',
+            '../richtext-lexical/bundle.js',
+            '../richtext-lexical/scripts/translateNewKeys.ts',
+            '../db-postgres/bundle.js',
+            '../db-postgres/relationships-v2-v3.mjs',
+            '../db-postgres/scripts/renamePredefinedMigrations.ts',
+            '../db-sqlite/bundle.js',
+            '../db-d1-sqlite/bundle.js',
+            '../db-vercel-postgres/relationships-v2-v3.mjs',
+            '../db-vercel-postgres/scripts/renamePredefinedMigrations.ts',
+            '../plugin-cloud-storage/azure.d.ts',
+            '../plugin-cloud-storage/azure.js',
+            '../plugin-cloud-storage/gcs.d.ts',
+            '../plugin-cloud-storage/gcs.js',
+            '../plugin-cloud-storage/s3.d.ts',
+            '../plugin-cloud-storage/s3.js',
+            '../plugin-redirects/types.d.ts',
+            '../plugin-redirects/types.js',
+            '../translations/scripts/translateNewKeys/applyEslintFixes.ts',
+            '../translations/scripts/translateNewKeys/findMissingKeys.ts',
+            '../translations/scripts/translateNewKeys/generateTsObjectLiteral.ts',
+            '../translations/scripts/translateNewKeys/index.ts',
+            '../translations/scripts/translateNewKeys/run.ts',
+            '../translations/scripts/translateNewKeys/sortKeys.ts',
+            '../translations/scripts/translateNewKeys/translateText.ts',
+            '../@hanzo/create-cms-app/bin/cli.js',
+          ],
+        },
+        tsconfigRootDir: import.meta.dirname,
+      },
+      ecmaVersion: 'latest',
+      sourceType: 'module',
+      globals: {
+        ...globals.node,
+      },
+      parser: typescriptParser,
+    },
+    linterOptions: {
+      reportUnusedDisableDirectives: 'error',
+    },
+    plugins: {
+      'import-x': importX,
+    },
+  },
+  {
+    name: 'TypeScript',
+    // has 3 entries: https://github.com/typescript-eslint/typescript-eslint/blob/main/packages/typescript-eslint/src/configs/recommended-type-checked.ts
+    ...deepMerge(
+      baseExtends,
+      tseslint.configs.recommendedTypeChecked[0],
+      tseslint.configs.recommendedTypeChecked[1],
+      tseslint.configs.recommendedTypeChecked[2],
+      eslintConfigPrettier,
+      {
+        plugins: {
+          cms: cmsPlugin,
+        },
+        rules: {
+          ...baseRules,
+          ...typescriptRules,
+        },
+      },
+    ),
+    files: ['**/*.ts'],
+  },
+  {
+    name: 'TypeScript-React',
+    ...deepMerge(
+      baseExtends,
+      tseslint.configs.recommendedTypeChecked[0],
+      tseslint.configs.recommendedTypeChecked[1],
+      tseslint.configs.recommendedTypeChecked[2],
+      reactExtends,
+      eslintConfigPrettier,
+      {
+        plugins: {
+          cms: cmsPlugin,
+        },
+        rules: {
+          ...baseRules,
+          ...typescriptRules,
+          ...reactA11yRules,
+        },
+      },
+    ),
+    files: ['**/*.tsx'],
+  },
+  {
+    name: 'Unit and Integration Tests',
+    plugins: {
+      vitest,
+    },
+    rules: {
+      ...vitest.configs.recommended.rules,
+    },
+    files: ['**/*.spec.ts'],
+    ignores: ['**/*.e2e.spec.ts'],
+  },
+  {
+    name: 'CMS Config',
+    plugins: {
+      cms: cmsPlugin,
+    },
+    rules: {
+      'no-restricted-exports': 'off',
+    },
+    files: ['*.config.ts', 'config.ts'],
+  },
+  {
+    name: 'React Compiler',
+    ...reactCompiler.configs.recommended,
+    files: ['**/*.tsx'],
+  },
+]
+
+export default rootEslintConfig

package/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "@hanzo/cms-eslint-config",
+  "version": "3.28.0",
+  "description": "CMS styles for ESLint and Prettier",
+  "keywords": [],
+  "homepage": "https://payloadcms.com",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/payloadcms/payload.git",
+    "directory": "packages/eslint-config"
+  },
+  "license": "MIT",
+  "author": "Payload <dev@payloadcms.com> (https://payloadcms.com)",
+  "maintainers": [
+    {
+      "name": "Payload",
+      "email": "info@payloadcms.com",
+      "url": "https://payloadcms.com"
+    }
+  ],
+  "type": "module",
+  "main": "index.mjs",
+  "dependencies": {
+    "@eslint-react/eslint-plugin": "1.53.1",
+    "@eslint/js": "9.39.2",
+    "@types/eslint": "9.6.1",
+    "@typescript-eslint/parser": "8.26.1",
+    "@vitest/eslint-plugin": "1.5.4",
+    "eslint": "9.39.2",
+    "eslint-config-prettier": "10.1.1",
+    "eslint-plugin-import-x": "4.6.1",
+    "eslint-plugin-jsx-a11y": "6.10.2",
+    "eslint-plugin-perfectionist": "3.9.1",
+    "eslint-plugin-react-compiler": "19.1.0-rc.2",
+    "eslint-plugin-react-hooks": "0.0.0-experimental-d331ba04-20250307",
+    "eslint-plugin-regexp": "2.7.0",
+    "globals": "16.0.0",
+    "typescript": "5.7.3",
+    "typescript-eslint": "8.26.1",
+    "@hanzo/cms-eslint-plugin": "3.28.0"
+  },
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  }
+}