eslint-plugin-nextfriday 1.23.0 → 1.24.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # eslint-plugin-nextfriday
 
+## 1.24.0
+
+### Minor Changes
+
+- [#97](https://github.com/next-friday/eslint-plugin-nextfriday/pull/97) [`a5cada9`](https://github.com/next-friday/eslint-plugin-nextfriday/commit/a5cada9216e31e85db990513e7f36a11a4bb5308) Thanks [@joetakara](https://github.com/joetakara)! - Add jsx-spread-props-last rule. Enforces that JSX spread attributes (`{...props}`) appear after all other props on the same element. Included in `react`, `react/recommended`, `nextjs`, and `nextjs/recommended` presets.
+
+### Patch Changes
+
+- [#97](https://github.com/next-friday/eslint-plugin-nextfriday/pull/97) [`a5cada9`](https://github.com/next-friday/eslint-plugin-nextfriday/commit/a5cada9216e31e85db990513e7f36a11a4bb5308) Thanks [@joetakara](https://github.com/joetakara)! - Upgrade dependencies to latest compatible versions: typescript-eslint 8.58 → 8.59, eslint-plugin-unicorn 63 → 64, eslint-plugin-sonarjs 4.0.2 → 4.0.3, plus dev tooling (prettier, changesets, commitlint, swc). Pinned eslint, typescript, and @types/node to their latest 9.x/5.x/22.x lines for ecosystem and engine compatibility.
+
+## 1.23.1
+
+### Patch Changes
+
+- [#96](https://github.com/next-friday/eslint-plugin-nextfriday/pull/96) [`1821f08`](https://github.com/next-friday/eslint-plugin-nextfriday/commit/1821f08a00cf60a0b1ab6d654e700b54b86f364b) Thanks [@joetakara](https://github.com/joetakara)! - Upgrade dependencies to latest compatible versions: typescript-eslint 8.58 → 8.59, eslint-plugin-unicorn 63 → 64, eslint-plugin-sonarjs 4.0.2 → 4.0.3, plus dev tooling (prettier, changesets, commitlint, swc). Pinned eslint, typescript, and @types/node to their latest 9.x/5.x/22.x lines for ecosystem and engine compatibility.
+
 ## 1.23.0
 
 ### Minor Changes

package/README.md

@@ -136,6 +136,7 @@ export default [
       "nextfriday/jsx-require-suspense": "error",
       "nextfriday/jsx-simple-props": "error",
       "nextfriday/jsx-sort-props": "error",
+      "nextfriday/jsx-spread-props-last": "error",
       "nextfriday/prefer-jsx-template-literals": "error",
       "nextfriday/react-props-destructure": "error",
       "nextfriday/enforce-props-suffix": "error",
@@ -232,6 +233,7 @@ export default [
 | [jsx-require-suspense](docs/rules/JSX_REQUIRE_SUSPENSE.md)                               | Require lazy-loaded components to be wrapped in Suspense              | ❌      |
 | [jsx-simple-props](docs/rules/JSX_SIMPLE_PROPS.md)                                       | Enforce simple prop values (strings, variables, callbacks, ReactNode) | ❌      |
 | [jsx-sort-props](docs/rules/JSX_SORT_PROPS.md)                                           | Enforce JSX props are sorted by value type                            | ✅      |
+| [jsx-spread-props-last](docs/rules/JSX_SPREAD_PROPS_LAST.md)                             | Enforce JSX spread attributes appear after all other props            | ❌      |
 | [prefer-jsx-template-literals](docs/rules/PREFER_JSX_TEMPLATE_LITERALS.md)               | Enforce template literals instead of mixing text and JSX expressions  | ✅      |
 | [react-props-destructure](docs/rules/REACT_PROPS_DESTRUCTURE.md)                         | Enforce destructuring props inside React component body               | ❌      |
 | [enforce-props-suffix](docs/rules/ENFORCE_PROPS_SUFFIX.md)                               | Enforce 'Props' suffix for interfaces and types in \*.tsx files       | ❌      |
@@ -301,7 +303,7 @@ Included in `base`, `base/recommended`, and all other presets:
 - `nextfriday/sort-type-alphabetically`
 - `nextfriday/sort-type-required-first`
 
-### JSX Rules (15 rules)
+### JSX Rules (16 rules)
 
 Additionally included in `react`, `react/recommended`, `nextjs`, `nextjs/recommended`:
 
@@ -317,6 +319,7 @@ Additionally included in `react`, `react/recommended`, `nextjs`, `nextjs/recomme
 - `nextfriday/jsx-require-suspense`
 - `nextfriday/jsx-simple-props`
 - `nextfriday/jsx-sort-props`
+- `nextfriday/jsx-spread-props-last`
 - `nextfriday/prefer-interface-over-inline-types`
 - `nextfriday/prefer-jsx-template-literals`
 - `nextfriday/react-props-destructure`

package/docs/rules/JSX_SPREAD_PROPS_LAST.md

@@ -0,0 +1,42 @@
+# jsx-spread-props-last
+
+Enforce JSX spread attributes appear after all other props.
+
+## Rule Details
+
+This rule flags JSX spread attributes (`{...props}`) that appear before any non-spread prop. Spreads must come at the end so they consistently override or extend the explicit props above them. When multiple spreads exist on the same element, all of them must sit at the tail.
+
+### Why?
+
+- **Predictability**: Spread-last makes precedence consistent across the codebase
+- **Readability**: Explicit props are visible up front; the spread is a clear extension point
+- **Consistency**: Removes ambiguity about which props win when names collide
+
+## Examples
+
+### Incorrect
+
+```tsx
+<Component {...bes} baz="baz" foobar={foobar} />
+<Component baz="baz" {...bes} foobar={foobar} />
+<Component {...a} name="x" {...b} />
+<Component {...a} {...b} name="x" />
+```
+
+### Correct
+
+```tsx
+<Component baz="baz" foobar={foobar} {...bes} />
+<Component name="x" {...a} {...b} />
+<Component {...bes} />
+<Component name="x" count={1} disabled />
+```
+
+## When Not To Use It
+
+- If your team intentionally puts spreads first so explicit props always win
+- If you control prop precedence on a per-call basis by mixing spread and explicit props
+
+## Related Rules
+
+- [jsx-sort-props](./JSX_SORT_PROPS.md) - Enforce JSX props are sorted by value type