@4mbl/lint 0.2.1 → 0.3.1

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @4mbl/lint
 
+## 0.3.1
+
+### Patch Changes
+
+- d17fc69: Fix react template export
+
+## 0.3.0
+
+### Minor Changes
+
+- 6d969e6: Add react template
+- 6d969e6: Upgrade eslint and config dependencies
+
 ## 0.2.1
 
 ### Patch 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,15 +24,31 @@ 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
 
-**Until v1.0.0 is released, breaking changes may be introduced in minor releases without prior warnings.**
+_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`.
 

package/package.json

@@ -1,13 +1,14 @@
 {
   "name": "@4mbl/lint",
-  "version": "0.2.1",
+  "version": "0.3.1",
   "description": "Linting configuration for various environments.",
   "type": "module",
   "author": "4mbl",
   "license": "MIT",
   "homepage": "https://github.com/4mbl/config/tree/main/packages/lint#readme",
   "exports": {
-    "./next": "./src/next.ts"
+    "./next": "./src/next.ts",
+    "./react": "./src/react.ts"
   },
   "files": [
     "src",
@@ -24,14 +25,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 };
 

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,
+]);