.eslintrc.js

const { resolve } = require("node:path");

const project = resolve(__dirname, "./tsconfig.json");

module.exports = {
  root: true,
  plugins: ["prettier", "import", "@remotion"],
  ignorePatterns: [
    "node_modules/",
    "out/",
    ".next/",
    ".turbo",
    "dist/",
    "data/",
    "build/",
    "src/admin/migrations/",
    "src/admin/types/",
  ],
  overrides: [
    {
      files: ["remotion/**/*.{ts,tsx}"],
      extends: ["plugin:@remotion/recommended"],
    },
  ],
  extends: [
    require.resolve("@vercel/style-guide/eslint/typescript"),
    require.resolve("@vercel/style-guide/eslint/react"),
    require.resolve("@vercel/style-guide/eslint/next"),
    "plugin:prettier/recommended",
  ],
  rules: {
    "prettier/prettier": [
      "error",
      {
        printWidth: 120,
        trailingComma: "es5",
        tabWidth: 2,
        semi: true,
        singleQuote: false,
        arrowParens: "always",
        endOfLine: "lf",
        useTabs: false,
        plugins: ["prettier-plugin-tailwindcss", "prettier-plugin-packagejson"],
      },
    ],
    "@next/next/no-document-import-in-page": "off",
    "@typescript-eslint/no-confusing-void-expression": "off",
    "@typescript-eslint/no-explicit-any": "off",
    "import/no-default-export": "off",
    "import/order": [
      "warn",
      {
        groups: ["type", "builtin", "object", "external", "internal", "parent", "sibling", "index"],
        pathGroups: [
          {
            pattern: "~/**",
            group: "external",
            position: "after",
          },
        ],
        "newlines-between": "always",
      },
    ],
    "padding-line-between-statements": [
      "warn",
      { blankLine: "always", prev: "*", next: ["return", "export"] },
      { blankLine: "always", prev: ["const", "let", "var"], next: "*" },
      { blankLine: "any", prev: ["const", "let", "var"], next: ["const", "let", "var"] },
    ],
    "no-console": "warn",
    "react/prop-types": "off",
    "react/jsx-uses-react": "off",
    "react/react-in-jsx-scope": "off",
    "react/self-closing-comp": "warn",
    "react/jsx-sort-props": [
      "warn",
      {
        callbacksLast: true,
        shorthandFirst: true,
        noSortAlphabetically: false,
        reservedFirst: true,
      },
    ],
    "@typescript-eslint/no-non-null-assertion": "off",
    "@typescript-eslint/no-shadow": "off",
    "@typescript-eslint/explicit-function-return-type": "off",
    "@typescript-eslint/require-await": "off",
    "@typescript-eslint/no-floating-promises": "off",
    "@typescript-eslint/no-unsafe-member-access": "off",
    "@typescript-eslint/no-unused-vars": [
      "warn",
      {
        args: "after-used",
        ignoreRestSiblings: false,
        argsIgnorePattern: "^_.*?$",
      },
    ],
    "@next/next/no-img-element": "off",
    "jsx-a11y/no-static-element-interactions": "off",
    "jsx-a11y/click-events-have-key-events": "off",
    "@typescript-eslint/consistent-type-definitions": "off",
    "@typescript-eslint/no-misused-promises": "off",
    "@typescript-eslint/default-param-last": "off",
    "@typescript-eslint/no-unsafe-return": "off",
    "default-param-last": "off",
    "jsx-a11y/aria-role": "off",
    "@typescript-eslint/restrict-template-expressions": "off",
    "eol-last": ["error", "always"],
  },
  parserOptions: {
    ecmaVersion: "latest",
    project,
  },
  settings: {
    "import/resolver": {
      node: {
        extensions: [".js", ".jsx", ".ts", ".tsx"],
      },
      typescript: {
        project,
      },
    },
  },
};