@dr.pogodin/react-utils 1.41.17 → 1.42.1

package/webpack.config.ts

@@ -1,23 +1,49 @@
-/* eslint-disable global-require */
-/* eslint-disable import/no-dynamic-require */
+/* global __dirname */
 
-module.exports = function buildConfig(env: string) {
-  let factory = require(`./config/webpack/lib-${env}.js`);
-  factory = 'default' in factory ? factory.default : factory;
+import type { Configuration } from 'webpack';
+
+import devConfigFactory from './config/webpack/lib-development';
+import prodConfigFactory from './config/webpack/lib-production';
+
+type EnvT = 'development' | 'production';
+
+export default function buildConfig(env: EnvT): Configuration {
+  let factory: typeof devConfigFactory | typeof prodConfigFactory;
+
+  switch (env) {
+    case 'development':
+      factory = devConfigFactory;
+      break;
+    case 'production':
+      factory = prodConfigFactory;
+      break;
+    default: throw Error('Invalid configuration environment');
+  }
 
   const config = factory({
+    babelEnv: env,
     context: __dirname,
     entry: './src',
     library: '@dr.pogodin/react-utils',
+    mode: env,
     typescript: true,
   });
 
-  /* The lib config is intended for use outside of this very package,
-   * so we need some tweaks here to make it work for this package itself. */
-  const babelLoader = config.module.rules.find(
-    (x: { loader: string }) => x.loader === 'babel-loader',
+  // The lib config is intended for use outside of this very package,
+  // so we need some tweaks here to make it work for this package itself.
+  const babelLoader = config.module?.rules?.find(
+    (x) => typeof x === 'object' && x?.loader === 'babel-loader',
   );
+
+  if (
+    typeof babelLoader !== 'object'
+    || !babelLoader
+    || typeof babelLoader.options !== 'object'
+    || !Array.isArray(babelLoader.options.presets)
+    || !Array.isArray(babelLoader.options.presets[0])
+  ) throw Error('Invalid base config');
+
   babelLoader.options.presets[0][0] = `${__dirname}/config/babel/webpack`;
 
   return config;
-};
+}

package/config/eslint/default.json

@@ -1,30 +0,0 @@
-{
-  "extends": ["airbnb", "airbnb/hooks"],
-  "parser": "@babel/eslint-parser",
-  "plugins": ["@babel"],
-  "rules": {
-    "jsx-a11y/anchor-is-valid": ["error", {
-      "components": [],
-      "specialLink": ["hrefLeft", "hrefRight"],
-      "aspects": ["invalidHref", "noHref", "preferButton"]
-    }],
-    "no-plusplus": 0,
-    "react/function-component-definition": ["error", {
-      "namedComponents": "function-declaration",
-      "unnamedComponents": "arrow-function"
-    }],
-    "react/jsx-one-expression-per-line": 0,
-    "react/jsx-uses-react": 0,
-    "react/no-unknown-property": ["error", {
-      "ignore": ["styleName"]
-    }],
-    "react/prop-types": "off",
-    "react/react-in-jsx-scope": 0,
-    "react/require-default-props": 0
-  },
-  "settings": {
-    "import/resolver": {
-      "babel-module": {}
-    }
-  }
-}

package/config/eslint/jest.json

@@ -1,19 +0,0 @@
-{
-  "env": {
-    "browser": true,
-    "jest": true
-  },
-  "plugins": [
-    "jest"
-  ],
-  "rules": {
-    "@typescript-eslint/no-implied-eval": 0,
-    "global-require": 0,
-    "import/no-dynamic-require": 0,
-    "import/no-extraneous-dependencies": 0,
-    "no-console": 0,
-    "no-new-func": 0,
-    "react/prop-types": "off",
-    "react/require-default-props": 0
-  }
-}

package/config/eslint/typescript.js

@@ -1,46 +0,0 @@
-module.exports = {
-  extends: ['airbnb', 'airbnb/hooks', 'airbnb-typescript'],
-  parserOptions: {
-    project: './tsconfig.json',
-  },
-  rules: {
-    'jsx-a11y/anchor-is-valid': ['error', {
-      components: [],
-      specialLink: ['hrefLeft', 'hrefRight'],
-      aspects: ['invalidHref', 'noHref', 'preferButton'],
-    }],
-    'no-plusplus': 0,
-
-    // In TypeScript arrow-functions are better for component definitions as
-    // they allow typing like this, which helps to avoid many errors early:
-    // const Component: React.FunctionComponent<Props> = ({ ... }) => { ... };
-    'react/function-component-definition': ['error', {
-      namedComponents: 'arrow-function',
-      unnamedComponents: 'arrow-function',
-    }],
-
-    'react/jsx-one-expression-per-line': 0,
-    'react/jsx-uses-react': 0,
-    'react/no-unknown-property': ['error', {
-      ignore: ['styleName'],
-    }],
-
-    // TODO: propTypes checks will be silently ignored starting with React v19:
-    // https://react.dev/blog/2024/04/25/react-19-upgrade-guide#removed-proptypes-and-defaultprops
-    // The rule is still enabled in the base ESLint configs, thus for now we
-    // override it here.
-    'react/prop-types': 'off',
-
-    'react/react-in-jsx-scope': 0,
-
-    // TODO: .defaultProps will be deprecated in React@19.
-    // Remove this rule override once AirBnB ESLint config is updated.
-    // (also remove it from sibling .json configs)
-    'react/require-default-props': 0,
-  },
-  settings: {
-    'import/resolver': {
-      'babel-module': {},
-    },
-  },
-};