eslint.config.mjs

// @ts-check
import { fixupPluginRules } from "@eslint/compat"
import { defineConfig } from "eslint-config-hyoban"
import reactNative from "eslint-plugin-react-native"
import path from "pathe"

import checkI18nJson from "./plugins/eslint/eslint-check-i18n-json.js"
import noDebug from "./plugins/eslint/eslint-no-debug.js"
import packageJsonExtend from "./plugins/eslint/eslint-package-json.js"
import recursiveSort from "./plugins/eslint/eslint-recursive-sort.js"

export default defineConfig(
  {
    formatting: false,
    lessOpinionated: true,
    ignores: [
      "resources/**",
      "apps/mobile/android/**",
      "apps/mobile/ios/**",
      "apps/mobile/.expo",
      "apps/mobile/native/build/**",
      "**/generated-routes.ts",
    ],
    preferESM: false,
    tailwindCSS: {
      order: false,
    },
  },
  {
    settings: {
      tailwindcss: {
        whitelist: ["center"],
      },
    },
    plugins: {
      "no-debug": noDebug,
    },
    rules: {
      "no-debug/no-debug-stack": "error",
      "tailwindcss/classnames-order": "off",
      "tailwindcss/enforces-negative-arbitrary-values": "off",
      "tailwindcss/enforces-shorthand": "off",
      "tailwindcss/migration-from-tailwind-2": "off",
      "tailwindcss/no-arbitrary-value": "off",
      "tailwindcss/no-contradicting-classname": "off",
      "tailwindcss/no-custom-classname": "off",
      "tailwindcss/no-unnecessary-arbitrary-value": "off",
      "@eslint-react/no-clone-element": 0,
      "@eslint-react/hooks-extra/no-direct-set-state-in-use-effect": 0,
      "@eslint-react/dom/no-flush-sync": 1,
      "@eslint-react/hooks-extra/no-unnecessary-use-callback": "warn",
      "unicorn/no-array-callback-reference": 0,
      "no-restricted-syntax": 0,
      "no-restricted-globals": [
        "error",
        {
          name: "location",
          message:
            "Since you don't use the same router instance in electron and browser, you can't use the global location to get the route info. \n\n" +
            "You can use `useLocaltion` or `getReadonlyRoute` to get the route info.",
        },
      ],

      // disable react compiler rules for now
      "react-hooks/no-unused-directives": "off",
      "react-hooks/static-components": "off",
      "react-hooks/use-memo": "off",
      "react-hooks/component-hook-factories": "off",
      "react-hooks/preserve-manual-memoization": "off",
      "react-hooks/immutability": "off",
      "react-hooks/globals": "off",
      "react-hooks/refs": "off",
      "react-hooks/set-state-in-effect": "off",
      "react-hooks/error-boundaries": "off",
      "react-hooks/purity": "off",
      "react-hooks/set-state-in-render": "off",
      "react-hooks/unsupported-syntax": "off",
      "react-hooks/config": "off",
      "react-hooks/gating": "off",

      "unicorn/require-module-specifiers": "off",
    },
  },
  // use correct tailwind config for eslint
  {
    settings: {
      tailwindcss: {
        config: path.join(import.meta.dirname, "apps/desktop/tailwind.config.ts"),
      },
    },
  },
  {
    files: ["apps/ssr/**/*"],
    settings: {
      tailwindcss: {
        config: path.join(import.meta.dirname, "apps/ssr/tailwind.config.ts"),
      },
    },
  },
  {
    files: ["apps/mobile/**/*"],
    settings: {
      tailwindcss: {
        config: path.join(import.meta.dirname, "apps/mobile/tailwind.config.ts"),
      },
    },
  },
  {
    files: ["**/*.tsx"],
    rules: {
      "@stylistic/jsx-self-closing-comp": "error",
    },
  },
  // @ts-expect-error
  {
    files: ["locales/**/*.json"],
    plugins: {
      "recursive-sort": recursiveSort,
      "check-i18n-json": checkI18nJson,
    },
    rules: {
      "recursive-sort/recursive-sort": "error",
      "check-i18n-json/valid-i18n-keys": "error",
      "check-i18n-json/no-extra-keys": "error",
    },
  },
  {
    files: ["package.json", "apps/**/package.json", "packages/**/package.json"],
    plugins: {
      "package-json-extend": packageJsonExtend,
    },
    rules: {
      "package-json-extend/ensure-package-version": "error",
      "package-json-extend/no-duplicate-package": "error",
      "package-json/require-type": 0,
    },
  },
  {
    files: ["**/*.{js,ts,tsx}"],
    rules: {
      "no-restricted-imports": [
        "error",
        {
          paths: [
            {
              name: "node:path",
              message:
                "For better cross-platform compatibility, please use 'pathe' instead of 'node:path'",
            },
          ],
        },
      ],
    },
  },
  {
    plugins: {
      // @ts-expect-error
      "react-native": fixupPluginRules(reactNative),
    },
    files: ["apps/mobile/**/*"],
    rules: {
      "react-native/no-inline-styles": "warn",
    },
  },
)