@4mbl/lint 0.2.0 → 0.3.0

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @4mbl/lint
 
+## 0.3.0
+
+### Minor Changes
+
+- 6d969e6: Add react template
+- 6d969e6: Upgrade eslint and config dependencies
+
+## 0.2.1
+
+### Patch Changes
+
+- 3a223fe: Use flat config version of eslint-plugin-react-hooks
+
 ## 0.2.0
 
 ### Minor Changes

package/README.md

@@ -10,7 +10,7 @@
 
 ## Usage
 
-Install the [`@4mbl/lint`](https://www.npmjs.com/package/@4mbl/lint) npm package.
+Install the [`@4mbl/lint`](https://www.npmjs.com/package/@4mbl/lint) package.
 
 ```shell
 npm install -D @4mbl/lint
@@ -24,18 +24,34 @@ import defaultConfig, { type Config } from '@4mbl/lint/next'; // <-- change `nex
 export default [...defaultConfig] satisfies Config[];
 ```
 
+Set a script that uses the linting package.
+
+```shell
+npm pkg set scripts.lint="eslint src"
+```
+
+You may need to explicitly allow the underlying linting packages to be used by your scripts.
+
+For example, when using pnpm, you need to set `publicHoistPattern` in your `pnpm-workspace.yaml` for ESLint.
+
+```yaml
+publicHoistPattern:
+  - eslint
+```
+
 ## Available templates
 
 There is currently one config template.
 
 - **Next** - Linting configuration extending the Next.js default config.
+- **React** - Linting configuration extending the Vite-React default config.
 
 ## Versioning
 
-As of version 4.0.0, the package migrated to a single template per type. The package version is now used to determine the template version. This simplifies both the maintenance and usage of the package.
+_Until v1.0.0 is released, breaking changes may be introduced in minor releases without prior warnings._
 
-The package follows the following versioning scheme: `X.Y.Z`
+The package follows the following versioning scheme: `X.Y.Z`.
 
-- `X` - Reserved for linting provider changes as those might cause wider backwards compat issues.
+- `X` - Reserved for linting provider changes as those might cause wider backwards compatibility issues.
 - `Y` - New linting rules. New rules are first added as warnings, and if error is preferred, the rule is promoted to produce errors in the next minor release.
 - `Z` - Minor fixes that make the previous release unusable.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@4mbl/lint",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "Linting configuration for various environments.",
   "type": "module",
   "author": "4mbl",
@@ -24,14 +24,16 @@
     "lint"
   ],
   "dependencies": {
-    "@eslint/js": "^9.38.0",
-    "eslint": "^9.38.0",
-    "eslint-config-next": "^16.0.1",
+    "@eslint/js": "^9.39.1",
+    "eslint": "^9.39.1",
+    "eslint-config-next": "^16.0.3",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-react-compiler": "19.1.0-rc.2",
     "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.4.24",
+    "globals": "^16.5.0",
     "jiti": "^2.6.1",
-    "typescript-eslint": "^8.46.2"
+    "typescript-eslint": "^8.47.0"
   },
   "scripts": {}
 }

package/src/next.ts

@@ -2,11 +2,11 @@
 import js from '@eslint/js';
 import nextVitals from 'eslint-config-next/core-web-vitals';
 import nextTs from 'eslint-config-next/typescript';
-import * as reactCompiler from 'eslint-plugin-react-compiler';
-import { defineConfig, globalIgnores, Config } from 'eslint/config';
-import tseslint from 'typescript-eslint';
 import prettier from 'eslint-config-prettier/flat';
+import * as reactCompiler from 'eslint-plugin-react-compiler';
 import reactHooks from 'eslint-plugin-react-hooks';
+import { Config, defineConfig, globalIgnores } from 'eslint/config';
+import tseslint from 'typescript-eslint';
 
 export { Config };
 
@@ -22,7 +22,7 @@ export default defineConfig([
   },
   ...nextVitals,
   ...nextTs,
-  reactHooks.configs.recommended,
+  reactHooks.configs.flat.recommended,
   reactCompiler.configs.recommended,
   {
     rules: {

package/src/react.ts

@@ -0,0 +1,32 @@
+import js from '@eslint/js';
+import prettier from 'eslint-config-prettier/flat';
+import reactHooks from 'eslint-plugin-react-hooks';
+import reactRefresh from 'eslint-plugin-react-refresh';
+import { defineConfig, globalIgnores } from 'eslint/config';
+import globals from 'globals';
+import tseslint from 'typescript-eslint';
+
+export default defineConfig([
+  js.configs.recommended,
+  tseslint.configs.recommended,
+
+  reactHooks.configs.flat.recommended,
+  reactRefresh.configs.recommended,
+
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    languageOptions: {
+      ecmaVersion: 2020,
+      globals: globals.browser,
+    },
+    rules: {
+      'react-refresh/only-export-components': [
+        'warn',
+        { allowConstantExport: true },
+      ],
+    },
+  },
+
+  prettier,
+]);