feat: Add Node.JS/browser globals for node/react configs (#23)

* feat: Add Node.JS/browser globals for node/react configs

* Widen semver range for globals package

* Update .changeset/red-cheetahs-applaud.md

Co-authored-by: Copilot <[email protected]>

* Fix typo: "Typescript" to "TypeScript"

* Move globals to react config generator

* Fix placement of language options

---------

Co-authored-by: Copilot <[email protected]>

.changeset/gorgeous-birds-walk.md

@@ -0,0 +1,5 @@
+---
+'@ktam/lint-react': patch
+---
+
+Add browser globals when parsing without TypeScript

.changeset/red-cheetahs-applaud.md

@@ -0,0 +1,5 @@
+---
+'@ktam/lint-node': patch
+---
+
+Add Node.js globals when parsing without TypeScript

packages/lint-node/eslint.config.node.js

@@ -1,7 +1,13 @@
 // @ts-check
 
+import globals from 'globals';
+
 import prettierConfig from './eslint-configs/prettier.js';
 import { generateTypescriptEslintConfig } from './eslint-configs/typescript.js';
 
 /** @type {import('@typescript-eslint/utils/ts-eslint').FlatConfig.ConfigArray} */
-export default [...generateTypescriptEslintConfig(), prettierConfig];
+export default [
+  ...generateTypescriptEslintConfig(),
+  { languageOptions: { globals: globals.node } },
+  prettierConfig,
+];

packages/lint-node/package.json

@@ -41,6 +41,7 @@
     "eslint-plugin-import-x": "4.6.1",
     "eslint-plugin-perfectionist": "4.3.0",
     "eslint-plugin-unicorn": "56.0.1",
+    "globals": "^15.14.0",
     "prettier-plugin-packagejson": "2.5.6",
     "typescript-eslint": "8.18.1"
   },

packages/lint-react/eslint-configs/react.js

@@ -12,6 +12,7 @@ import reactPlugin from 'eslint-plugin-react';
 // @ts-ignore eslint-plugin-react-hooks does not have typings
 import reactHooksPlugin from 'eslint-plugin-react-hooks';
 import tailwindPlugin from 'eslint-plugin-tailwindcss';
+import globals from 'globals';
 import tsEslint from 'typescript-eslint';
 
 /** @type {GenerateTypescriptEslintConfigOptions} */
@@ -27,6 +28,7 @@ export const reactEslintConfig = tsEslint.config(
       /** @type { Config } */ (reactPlugin.configs.flat?.['jsx-runtime']),
       reactJsxA11yPlugin.flatConfigs.recommended,
     ],
+    languageOptions: { globals: globals.browser },
     settings: {
       react: {
         version: 'detect',

packages/lint-react/package.json

@@ -50,6 +50,7 @@
     "eslint-plugin-react-hooks": "5.1.0",
     "eslint-plugin-storybook": "0.11.1",
     "eslint-plugin-tailwindcss": "3.17.5",
+    "globals": "^15.14.0",
     "prettier-plugin-astro": "0.14.1",
     "prettier-plugin-tailwindcss": "0.6.9",
     "typescript-eslint": "8.18.1"