@bratislava/eslint-config-next 0.11.0 → 0.14.0

package/README.md

@@ -0,0 +1,81 @@
+# @bratislava/eslint-config-next
+
+ESLint configuration for Next.js frontend projects. Built for ESLint v9 flat config format.
+
+Part of a monorepo of shareable ESLint configurations — see the [full repo](https://github.com/bratislava/eslint-config) for base, NestJS, and React variants.
+
+## Installation
+
+```bash
+npm install --save-dev @bratislava/eslint-config-next eslint typescript eslint-plugin-better-tailwindcss
+```
+
+## Usage
+
+Create `eslint.config.mjs` in your project root:
+
+```javascript
+import nextConfig from "@bratislava/eslint-config-next";
+
+export default nextConfig;
+```
+
+Or use the factory function for customization:
+
+```javascript
+import { createNextConfig } from "@bratislava/eslint-config-next";
+
+export default createNextConfig({
+  ignores: ["services/graphql/**"],
+});
+```
+
+## Tailwind CSS
+
+`eslint-plugin-better-tailwindcss` is a peer dependency. It supports both Tailwind v3 and v4 without separate beta versions.
+
+```bash
+npm install --save-dev eslint-plugin-better-tailwindcss
+```
+
+No additional configuration needed — the recommended ruleset works out of the box.
+
+## Prettier
+
+`prettierBase` is re-exported from this package. Spread it in your `prettier.config.mjs` and add project-specific options:
+
+```js
+// prettier.config.mjs
+import { prettierBase } from '@bratislava/eslint-config-next'
+
+export default {
+  ...prettierBase,
+  plugins: ['prettier-plugin-tailwindcss'],
+  tailwindFunctions: ['clsx', 'cn'],
+  // project-specific:
+  tailwindStylesheet: './src/pages/globals.css',
+}
+```
+
+## What's Included
+
+Everything from `@bratislava/eslint-config` (base), plus:
+
+- **Next.js** plugin with recommended and Core Web Vitals rules
+- **React** plugin with recommended rules
+- **React Hooks** plugin
+- **JSX A11y** accessibility rules
+- **TanStack Query** plugin
+- **Tailwind CSS** class linting
+- **i18next** internationalization rules
+- Browser and Node.js globals
+
+## Peer Dependencies
+
+- `eslint` >= 9
+- `eslint-plugin-better-tailwindcss` >= 4.0.0
+- `typescript` >= 5
+
+## License
+
+EUPL-1.2

package/index.js

@@ -5,16 +5,18 @@
  * Extends base config with Next.js, React, and i18n-specific rules.
  */
 
-import { baseConfig } from "@bratislava/eslint-config";
+import { baseConfig, prettierBase } from "@bratislava/eslint-config";
 import nextPlugin from "@next/eslint-plugin-next";
 import tanstackQuery from "@tanstack/eslint-plugin-query";
 import i18next from "eslint-plugin-i18next";
 import jsxA11y from "eslint-plugin-jsx-a11y";
 import react from "eslint-plugin-react";
 import reactHooks from "eslint-plugin-react-hooks";
-import tailwindcss from "eslint-plugin-tailwindcss";
+import betterTailwindcss from "eslint-plugin-better-tailwindcss";
 import globals from "globals";
 
+export { prettierBase };
+
 /**
  * React-specific rules overrides
  */
@@ -139,7 +141,7 @@ export function createNextConfig(options = {}) {
     // Next.js specific configs
     i18next.configs["flat/recommended"],
     ...tanstackQuery.configs["flat/recommended"],
-    ...tailwindcss.configs["flat/recommended"],
+    betterTailwindcss.configs.recommended,
 
     // Frontend rules and overrides
     {
@@ -147,6 +149,7 @@ export function createNextConfig(options = {}) {
         ...frontendRules,
         ...reactRules,
         ...nextRules,
+
         "sonarjs/different-types-comparison": "off", // TODO consider removing
       },
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bratislava/eslint-config-next",
-  "version": "0.11.0",
+  "version": "0.14.0",
   "description": "ESLint configuration for Next.js frontend projects",
   "keywords": [
     "eslint",
@@ -28,17 +28,17 @@
   ],
   "peerDependencies": {
     "eslint": ">= 9",
+    "eslint-plugin-better-tailwindcss": ">= 4.0.0",
     "typescript": ">= 5"
   },
   "dependencies": {
-    "@bratislava/eslint-config": "0.11.0",
+    "@bratislava/eslint-config": "0.14.0",
     "@next/eslint-plugin-next": "15.5.2",
     "@tanstack/eslint-plugin-query": "5.91.2",
     "eslint-plugin-i18next": "6.1.3",
     "eslint-plugin-jsx-a11y": "6.10.2",
     "eslint-plugin-react": "7.37.5",
     "eslint-plugin-react-hooks": "7.0.1",
-    "eslint-plugin-tailwindcss": "3.18.2",
     "globals": "16.5.0"
   },
   "engines": {