@elliemae/pui-cli 7.0.0-alpha.2 → 7.0.0-alpha.22

package/dist/cjs/babel.config.cjs

@@ -0,0 +1,97 @@
+const { isApp } = require('./utils.cjs');
+
+const nodeEnvPreset = {
+  modules: process.env.ES_MODULES === 'false' ? 'commonjs' : false,
+  targets: {
+    node: 'current',
+  },
+};
+
+const webEnvPreset = {
+  modules: process.env.ES_MODULES === 'false' ? 'commonjs' : false,
+  useBuiltIns: 'usage',
+  corejs: { version: '3.22', proposals: true },
+};
+
+const presetEnvOptions =
+  process.env.TARGET_ENV === 'node' ? nodeEnvPreset : webEnvPreset;
+
+const config = {
+  ignore: [/\/core-js/],
+  sourceType: 'unambiguous',
+  presets: [
+    ['@babel/preset-env', presetEnvOptions],
+    ['@babel/preset-react', { runtime: 'automatic' }],
+    '@babel/preset-typescript',
+  ],
+  plugins: [
+    [
+      'babel-plugin-module-resolver',
+      {
+        alias: {
+          '@': isApp() ? './app' : './lib',
+        },
+        stripExtensions: [],
+      },
+    ],
+    ['babel-plugin-styled-components', { displayName: true }],
+    ['@babel/plugin-transform-runtime', { regenerator: true }],
+    '@babel/plugin-proposal-class-properties',
+    '@babel/plugin-syntax-dynamic-import',
+    '@babel/plugin-proposal-export-default-from',
+    'lodash',
+    'date-fns',
+  ],
+  env: {
+    development: {
+      plugins: [
+        ['babel-plugin-styled-components', { displayName: true }],
+        '@babel/plugin-transform-react-jsx-source',
+      ],
+    },
+    production: {
+      plugins: [
+        ['babel-plugin-styled-components', { displayName: false, pure: true }],
+        ['transform-remove-console', { exclude: ['error', 'warn'] }],
+        'transform-react-remove-prop-types',
+        '@babel/plugin-transform-react-inline-elements',
+        '@babel/plugin-transform-react-constant-elements',
+      ],
+    },
+    test: {
+      plugins: [
+        ['babel-plugin-styled-components', { displayName: true }],
+        '@babel/plugin-transform-modules-commonjs',
+        'dynamic-import-node',
+        [
+          'babel-plugin-transform-strip-block',
+          {
+            requireDirective: true,
+            identifiers: [{ start: 'block:start', end: 'block:end' }],
+          },
+        ],
+        'babel-plugin-import-remove-resource-query',
+      ],
+    },
+  },
+};
+
+if (
+  process.env.STORYBOOK_BUILD !== 'true' &&
+  process.env.TARGET_ENV !== 'node'
+) {
+  config.env?.development?.plugins?.push?.('react-refresh/babel');
+}
+
+// ToDo: Once ECC team migrates from webpack 3 to webpack 5 remove this strip-block plugin from commonjs output. without this they are receiving error when import.meta is used in app sdk
+if (process.env.ES_MODULES === 'false') {
+  config.plugins.push([
+    'babel-plugin-transform-strip-block',
+    {
+      requireDirective: true,
+      identifiers: [{ start: 'block:start', end: 'block:end' }],
+    },
+  ]);
+}
+
+exports.babelConfig = config;

package/dist/cjs/cli.js

@@ -19,17 +19,18 @@ var import_node_url = require("node:url");
 var import_yargs = __toESM(require("yargs"), 1);
 var import_helpers = require("yargs/helpers");
 var import_dotenv = require("dotenv");
-var import_update_notifier = __toESM(require("./scripts/update-notifier.js"), 1);
-var import_build = require("./cli-commands/build.js");
-var import_pack = require("./cli-commands/pack.js");
-var import_start = require("./cli-commands/start.js");
-var import_test = require("./cli-commands/test.js");
-var import_lint = require("./cli-commands/lint.js");
-var import_gendoc = require("./cli-commands/gendoc.js");
-var import_codemod = require("./cli-commands/codemod.js");
-var import_storybook = require("./cli-commands/storybook.js");
-var import_vitest = require("./cli-commands/vitest.js");
-var import_version = require("./cli-commands/version.js");
+var import_update_notifier = require("./update-notifier.js");
+var import_build = require("./commands/build.js");
+var import_pack = require("./commands/pack.js");
+var import_start = require("./commands/start.js");
+var import_test = require("./commands/test.js");
+var import_lint = require("./commands/lint.js");
+var import_gendoc = require("./commands/gendoc.js");
+var import_codemod = require("./commands/codemod.js");
+var import_storybook = require("./commands/storybook.js");
+var import_vitest = require("./commands/vitest.js");
+var import_version = require("./commands/version.js");
+var import_tscheck = require("./commands/tscheck.js");
 const import_meta = {};
 const __dirname = import_node_path.default.dirname((0, import_node_url.fileURLToPath)(import_meta.url));
 (0, import_dotenv.config)();
@@ -44,4 +45,5 @@ process.env.PATH += import_node_path.default.delimiter + import_node_path.defaul
 (0, import_yargs.default)((0, import_helpers.hideBin)(process.argv)).command(import_storybook.storybookCmd).help().argv;
 (0, import_yargs.default)((0, import_helpers.hideBin)(process.argv)).command(import_vitest.vitestCmd).help().argv;
 (0, import_yargs.default)((0, import_helpers.hideBin)(process.argv)).command(import_version.versionCmd).help().argv;
-(0, import_update_notifier.default)();
+(0, import_yargs.default)((0, import_helpers.hideBin)(process.argv)).command(import_tscheck.tscheckCmd).help().argv;
+(0, import_update_notifier.notifyUpdates)();

package/dist/cjs/{cli-commands → commands}/gendoc.js

@@ -34,7 +34,7 @@ const isApp = () => import_node_fs.default.existsSync(import_node_path.default.j
 const generateDocs = async () => {
   (0, import_utils.logInfo)("Documentation Generation inprogress...");
   const srcPath = import_node_path.default.join(process.cwd(), isApp() ? "app" : "lib");
-  await (0, import_utils.exec)(`jsdoc ${srcPath} -r -c ${import_node_path.default.resolve(__dirname, "../docgen/jsdoc.conf.json")} -d docs`);
+  await (0, import_utils.exec)(`jsdoc ${srcPath} -r -c ${import_node_path.default.resolve(__dirname, "../jsdoc.conf.json")} -d docs`);
 };
 const gendocCmd = {
   handler: async () => {

package/dist/cjs/{cli-commands → commands}/lint.js

@@ -26,7 +26,7 @@ module.exports = __toCommonJS(lint_exports);
 var import_node_path = __toESM(require("node:path"), 1);
 var import_yargs = __toESM(require("yargs"), 1);
 var import_utils = require("./utils.js");
-var import_util = require("../typescript/util.js");
+var import_utils2 = require("../utils.cjs");
 const { CI = false } = process.env;
 const lintCSS = async (fix = false) => {
   const fixIssues = fix ? "--fix" : "";
@@ -39,7 +39,7 @@ const lintJS = async (fix = false) => {
 const lintCmd = {
   handler: async (argv) => {
     if (argv.js) {
-      if ((0, import_util.isTypeScriptEnabled)())
+      if ((0, import_utils2.isTypeScriptEnabled)())
         await (0, import_utils.exec)("tsc --noEmit --emitDeclarationOnly false");
       try {
         await (0, import_utils.exec)("rimraf ./reports/eslint.json");

package/dist/cjs/{cli-commands → commands}/pack.js

@@ -27,7 +27,7 @@ var import_node_path = __toESM(require("node:path"), 1);
 var import_node_url = require("node:url");
 var import_yargs = __toESM(require("yargs"), 1);
 var import_utils = require("./utils.js");
-var import_util = require("../typescript/util.js");
+var import_utils2 = require("../utils.cjs");
 var import_esbuild = require("../transpile/esbuild.js");
 const import_meta = {};
 const __dirname = import_node_path.default.dirname((0, import_node_url.fileURLToPath)(import_meta.url));
@@ -46,7 +46,7 @@ const webBuild = async (productionBuild) => {
 const pack = async ({ production, target, srcPath }) => {
   (0, import_utils.logInfo)("Build in-progress...");
   await (0, import_utils.exec)("rimraf ./dist");
-  if ((0, import_util.isTypeScriptEnabled)()) {
+  if ((0, import_utils2.isTypeScriptEnabled)()) {
     await compileTypeScript();
   }
   if (target !== "node")

package/dist/cjs/{cli-commands → commands}/test.js

@@ -29,17 +29,18 @@ const { CI = false } = process.env;
 const test = async (commandOptions) => {
   await (0, import_utils.exec)(`cross-env NODE_ENV=test jest ${commandOptions}`);
 };
+const debugTest = async () => {
+  await (0, import_utils.exec)(`node --inspect-brk ./node_modules/jest-cli/bin/jest.js --runInBand --watch`);
+};
 const testCmd = {
   handler: async (argv) => {
-    let commandOptions = "--coverage";
+    let commandOptions = "--coverage --maxWorkers=50%";
     if (argv.fix)
       commandOptions = "-u";
     else if (argv.watch)
       commandOptions = "--watchAll";
     if (CI)
-      commandOptions += " --ci --runInBand --no-colors";
-    else
-      commandOptions += " --maxWorkers=50%";
+      commandOptions += " --ci --no-colors";
     if (argv.p)
       commandOptions += " --passWithNoTests";
     if (argv.r)
@@ -50,7 +51,11 @@ const testCmd = {
       if (CI) {
         await (0, import_utils.exec)("rimraf ./reports");
       }
-      await test(commandOptions);
+      if (argv.debug) {
+        await debugTest();
+      } else {
+        await test(commandOptions);
+      }
       (0, import_utils.logSuccess)("Unit test execution completed");
     } catch (err) {
       (0, import_utils.logError)("Unit test execution failed", err);
@@ -70,6 +75,9 @@ const testCmd = {
       alias: "w",
       type: "boolean"
     },
+    debug: {
+      type: "boolean"
+    },
     passWithNoTests: {
       alias: "p",
       type: "boolean"

package/dist/cjs/{cli-commands/tsc.js → commands/tscheck.js}

@@ -35,69 +35,51 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var tsc_exports = {};
-__export(tsc_exports, {
-  tscCmd: () => tscCmd,
-  validateTypescript: () => validateTypescript
+var tscheck_exports = {};
+__export(tscheck_exports, {
+  tscheckCmd: () => tscheckCmd
 });
-module.exports = __toCommonJS(tsc_exports);
+module.exports = __toCommonJS(tscheck_exports);
 var import_node_path = __toESM(require("node:path"), 1);
+var import_node_fs = __toESM(require("node:fs"), 1);
 var import_yargs = __toESM(require("yargs"), 1);
-var import_child_process = require("child_process");
-var import_fs = __toESM(require("fs"), 1);
 var import_utils = require("./utils.js");
 const randomChars = () => Math.random().toString(36).slice(2);
-const resolveFromRoot = (...paths) => import_node_path.default.join(process.cwd(), ...paths);
-const validateTypescript = async () => {
-  const args = process.argv.slice(2);
-  const argsProjectIndex = args.findIndex((arg) => ["-p", "--project"].includes(arg));
-  const argsProjectValue = argsProjectIndex !== -1 ? args[argsProjectIndex + 1] : void 0;
-  const files = args.filter((file) => /\.(ts|tsx)$/.test(file));
-  if (files.length === 0) {
-    process.exit(0);
-  }
-  const remainingArgsToForward = args.slice().filter((arg) => !files.includes(arg));
-  if (argsProjectIndex !== -1) {
-    remainingArgsToForward.splice(argsProjectIndex, 2);
-  }
-  const tsconfigPath = argsProjectValue || resolveFromRoot("tsconfig.json");
-  const tsconfigContent = import_fs.default.readFileSync(tsconfigPath).toString();
-  let tsconfig = {};
-  eval(`tsconfig = ${tsconfigContent}`);
-  const tmpTsconfigPath = resolveFromRoot(`tsconfig.${randomChars()}.json`);
+const validateTypescript = async (files = []) => {
+  const tsconfigPath = import_node_path.default.join(process.cwd(), "tsconfig.json");
+  const tsconfig = JSON.parse(import_node_fs.default.readFileSync(tsconfigPath));
+  const tmpTsconfigPath = import_node_path.default.join(process.cwd(), `tsconfig.${randomChars()}.json`);
   const tmpTsconfig = __spreadProps(__spreadValues({}, tsconfig), {
     compilerOptions: __spreadProps(__spreadValues({}, tsconfig.compilerOptions), {
       skipLibCheck: true
     }),
     files,
-    include: ["shared/typings"]
+    include: ["app", "lib"]
   });
-  import_fs.default.writeFileSync(tmpTsconfigPath, JSON.stringify(tmpTsconfig, null, 2));
-  const { status } = (0, import_child_process.spawnSync)("tsc", ["-p", tmpTsconfigPath, ...remainingArgsToForward], { stdio: "inherit" });
-  import_fs.default.unlinkSync(tmpTsconfigPath);
-  process.exit(status);
+  import_node_fs.default.writeFileSync(tmpTsconfigPath, JSON.stringify(tmpTsconfig, null, 2));
+  const tscPath = import_node_path.default.resolve(process.cwd(), `./node_modules/.bin/tsc${process.platform === "win32" ? ".cmd" : ""}`);
+  try {
+    await (0, import_utils.exec)(`${tscPath} -p ${tmpTsconfigPath} --noEmit --emitDeclarationOnly false`);
+  } finally {
+    import_node_fs.default.unlinkSync(tmpTsconfigPath);
+  }
 };
-const tscCmd = {
-  handler: async (argv) => {
+const tscheckCmd = {
+  handler: async ({ files }) => {
     try {
-      await validateTypescript(argv.p);
-      (0, import_utils.logInfo)("Typescript validation started");
+      await validateTypescript(files);
+      (0, import_utils.logInfo)("Typescript validation completed");
     } catch (err) {
       (0, import_utils.logError)("Typescript validation failed", err);
       (0, import_yargs.default)().exit(-1, err);
     }
   },
-  command: "tsc [options]",
-  describe: "validate typescript code",
+  command: "tscheck [options]",
+  describe: "validate typescript file(s)",
   builder: {
-    project: {
-      alias: "p",
-      type: "boolean",
-      default: false
-    },
-    docs: {
-      type: "boolean",
-      default: false
+    files: {
+      type: "array",
+      default: []
     }
   }
 };

package/dist/cjs/{cli-commands → commands}/vitest.js

@@ -23,11 +23,14 @@ __export(vitest_exports, {
   vitestCmd: () => vitestCmd
 });
 module.exports = __toCommonJS(vitest_exports);
+var import_node_path = __toESM(require("node:path"), 1);
+var import_node_url = require("node:url");
 var import_yargs = __toESM(require("yargs"), 1);
 var import_utils = require("./utils.js");
 const import_meta = {};
+const __dirname = import_node_path.default.dirname((0, import_node_url.fileURLToPath)(import_meta.url));
 const { CI = false } = process.env;
-const configPath = new URL("../testing/vitest.config.ts", import_meta.url);
+const configPath = import_node_path.default.resolve(__dirname, "../testing/vitest.config.js");
 const test = async (commandOptions) => {
   await (0, import_utils.exec)(`cross-env FORCE_COLOR=true vitest --config ${configPath} ${commandOptions}`);
 };

package/dist/cjs/index.cjs

@@ -0,0 +1,25 @@
+const { babelConfig } = require('./babel.config.cjs');
+const {
+  esConfig: eslintBaseConfig,
+} = require('./lint-config/eslint/non-react.cjs');
+const {
+  esReactConfig: eslintConfig,
+} = require('./lint-config/eslint/react.cjs');
+const { stylelintConfig } = require('./lint-config/stylelint.config.cjs');
+const { prettierConfig } = require('./lint-config/prettier.config.cjs');
+const { commitlintConfig } = require('./lint-config/commitlint.config.cjs');
+const { jestConfig } = require('./testing/jest.config.cjs');
+const { jestNodeConfig } = require('./testing/jest.node.config.cjs');
+const { loadRoutes } = require('./server/app-routes.cjs');
+
+module.exports = {
+  babelConfig,
+  eslintBaseConfig,
+  eslintConfig,
+  stylelintConfig,
+  prettierConfig,
+  commitlintConfig,
+  jestConfig,
+  jestNodeConfig,
+  loadRoutes,
+};

package/dist/cjs/index.js

@@ -24,18 +24,18 @@ __export(lib_exports, {
   jestConfig: () => import_jest_config.jestConfig,
   jestNodeConfig: () => import_jest_node_config.jestNodeConfig,
   lintStagedConfig: () => import_lint_staged_config.lintStagedConfig,
-  loadRoutes: () => import_util.loadRoutes,
+  loadRoutes: () => import_app_routes.loadRoutes,
   prettierConfig: () => import_prettier_config.prettierConfig,
   stylelintConfig: () => import_stylelint_config.stylelintConfig
 });
 module.exports = __toCommonJS(lib_exports);
-var import_babel_config = require("./babel/babel.config.cjs");
-var import_non_react = require("./lint/eslint/non-react.cjs");
-var import_react = require("./lint/eslint/react.cjs");
-var import_stylelint_config = require("./lint/stylelint.config.cjs");
-var import_prettier_config = require("./lint/prettier.config.cjs");
-var import_commitlint_config = require("./lint/commitlint.config.cjs");
+var import_babel_config = require("./babel.config.cjs");
+var import_non_react = require("./lint-config/eslint/non-react.cjs");
+var import_react = require("./lint-config/eslint/react.cjs");
+var import_stylelint_config = require("./lint-config/stylelint.config.cjs");
+var import_prettier_config = require("./lint-config/prettier.config.cjs");
+var import_commitlint_config = require("./lint-config/commitlint.config.cjs");
 var import_jest_config = require("./testing/jest.config.cjs");
 var import_jest_node_config = require("./testing/jest.node.config.cjs");
-var import_lint_staged_config = require("./lint/lint-staged.config.js");
-var import_util = require("./server/util/index.js");
+var import_lint_staged_config = require("./lint-config/lint-staged.config.js");
+var import_app_routes = require("./server/app-routes.cjs");

package/dist/cjs/lint-config/commitlint.config.cjs

@@ -0,0 +1 @@
+exports.commitlintConfig = { extends: ['@commitlint/config-conventional'] };

package/dist/cjs/lint-config/eslint/common.cjs

@@ -0,0 +1,160 @@
+/* eslint-disable max-lines */
+const prettierOptions = require('../prettier.config.cjs');
+// const webpackConfig = require('../../webpack/webpack.prod.babel');
+
+exports.baseExtends = [
+  'plugin:eslint-comments/recommended',
+  'plugin:import/recommended',
+  'plugin:prettier/recommended',
+  'plugin:jest/recommended',
+  'plugin:jsdoc/recommended',
+  'plugin:wdio/recommended',
+  'plugin:testing-library/dom',
+  'plugin:storybook/recommended',
+];
+
+const basePlugins = ['testing-library', 'jest', 'jsdoc', 'wdio', 'import'];
+exports.basePlugins = basePlugins;
+
+exports.baseOverrides = [
+  {
+    files: ['*.func.spec.js', '*.visual.spec.js'],
+    rules: {
+      'jest/valid-expect': 'off',
+    },
+  },
+];
+
+const baseRules = {
+  'prettier/prettier': ['error', prettierOptions],
+  'arrow-body-style': [2, 'as-needed'],
+  'class-methods-use-this': 0,
+  'import/imports-first': 0,
+  'import/newline-after-import': 0,
+  'import/no-dynamic-require': 0,
+  'import/no-extraneous-dependencies': 0,
+  'import/no-named-as-default': 0,
+  'import/no-unresolved': [
+    2,
+    { caseSensitive: true, caseSensitiveStrict: true },
+  ], // Tip: https://github.com/import-js/eslint-plugin-import/issues/1868
+  'import/no-webpack-loader-syntax': 0,
+  'import/prefer-default-export': 0,
+  'import/extensions': [
+    2,
+    'never',
+    {
+      json: 'ignorePackages',
+      js: 'ignorePackages',
+    },
+  ],
+  indent: [
+    2,
+    2,
+    {
+      SwitchCase: 1,
+    },
+  ],
+  'max-lines': ['error', { max: 120, skipComments: true }],
+  complexity: ['error', { max: 10 }],
+  'max-depth': ['error', { max: 4 }],
+  'max-lines-per-function': 0,
+  'max-nested-callbacks': ['error', { max: 3 }],
+  'max-params': ['error', { max: 3 }],
+  'max-statements': ['error', { max: 20 }],
+  'max-len': 0,
+  'newline-per-chained-call': 0,
+  'no-confusing-arrow': 0,
+  'no-console': 1,
+  'no-param-reassign': ['error', { props: false }],
+  'no-unused-vars': 2,
+  'no-use-before-define': 0,
+  'prefer-template': 2,
+  'require-yield': 0,
+  'jsdoc/require-jsdoc': 0,
+  'eslint-comments/disable-enable-pair': 0,
+};
+
+exports.baseRules = baseRules;
+
+const reactRules = {
+  'jsx-a11y/aria-props': 2,
+  'jsx-a11y/heading-has-content': 0,
+  'jsx-a11y/label-has-associated-control': [
+    2,
+    {
+      // NOTE: If this error triggers, either disable it or add
+      // your custom components, labels and attributes via these options
+      // See https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/label-has-associated-control.md
+      controlComponents: ['Input'],
+    },
+  ],
+  'jsx-a11y/label-has-for': 0,
+  'jsx-a11y/mouse-events-have-key-events': 2,
+  'jsx-a11y/role-has-required-aria-props': 2,
+  'jsx-a11y/role-supports-aria-props': 2,
+  'react/destructuring-assignment': 0,
+  'react-hooks/rules-of-hooks': 'error',
+  'react/jsx-closing-tag-location': 0,
+  'react/forbid-prop-types': 0,
+  'react/jsx-first-prop-new-line': [2, 'multiline'],
+  'react/jsx-no-target-blank': 0,
+  'react/jsx-props-no-spreading': 0,
+  'react/jsx-uses-vars': 2,
+  'react/require-default-props': 0,
+  'react/require-extension': 0,
+  'react/self-closing-comp': 0,
+  'react/sort-comp': 0,
+  'react/react-in-jsx-scope': 0,
+  'react/jsx-filename-extension': [
+    1,
+    { extensions: ['.js', '.jsx', '.tsx', '.mdx'] },
+  ],
+  'react/function-component-definition': [
+    2,
+    { namedComponents: 'arrow-function' },
+  ],
+  'redux-saga/no-yield-in-race': 2,
+  'redux-saga/yield-effects': 2,
+};
+exports.reactRules = reactRules;
+
+exports.baseConfig = {
+  parser: '@babel/eslint-parser',
+  plugins: basePlugins,
+  env: {
+    jest: true,
+    browser: true,
+    node: true,
+    es2021: true,
+  },
+  parserOptions: {
+    sourceType: 'module',
+    ecmaFeatures: {
+      jsx: true,
+    },
+  },
+  settings: {
+    react: {
+      version: 'detect',
+    },
+    jest: {
+      version: 28,
+    },
+    'import/resolver': {
+      node: {
+        extensions: ['.js', '.jsx', '.ts', '.tsx']
+      },
+    },
+  },
+  ignorePatterns: [
+    '/build/**/*',
+    '/dist/**/*',
+    '/reports/**/*',
+    '/coverage/**/*',
+    '/demo/**/*',
+    '/docs/**/*',
+    '/temp/**/*',
+    '**/vendor/*.js',
+  ],
+};

package/dist/cjs/lint-config/eslint/non-react.cjs

@@ -0,0 +1,14 @@
+const {
+  baseExtends,
+  baseRules,
+  baseOverrides,
+  baseConfig,
+} = require('./common.cjs');
+const { tsConfig } = require('./typescript/non-react.cjs');
+
+exports.esConfig = {
+  ...baseConfig,
+  extends: ['airbnb-base'].concat(baseExtends),
+  rules: baseRules,
+  overrides: baseOverrides.concat([tsConfig]),
+};

package/dist/cjs/lint-config/eslint/react.cjs

@@ -0,0 +1,26 @@
+const {
+  baseExtends,
+  baseRules,
+  baseOverrides,
+  baseConfig,
+  reactRules,
+} = require('./common.cjs');
+const { tsReactConfig } = require('./typescript/react.cjs');
+
+exports.esReactConfig = {
+  ...baseConfig,
+  extends: ['airbnb', 'airbnb/hooks', 'plugin:redux-saga/recommended'].concat(
+    baseExtends,
+  ),
+  rules: {
+    ...baseRules,
+    ...reactRules,
+  },
+  overrides: baseOverrides.concat([
+    tsReactConfig,
+    {
+      files: '*.mdx',
+      extends: 'plugin:mdx/recommended',
+    },
+  ]),
+};

package/dist/cjs/lint-config/eslint/typescript/common.cjs

@@ -0,0 +1,43 @@
+const { baseExtends, basePlugins } = require('../common.cjs');
+
+exports.tsBaseExtends = [
+  'plugin:@typescript-eslint/recommended',
+  'plugin:import/typescript',
+  'plugin:@typescript-eslint/recommended-requiring-type-checking',
+].concat(baseExtends);
+
+exports.tsBaseRules = {
+  '@typescript-eslint/explicit-module-boundary-types': 'off',
+  '@typescript-eslint/explicit-function-return-type': 'off',
+  '@typescript-eslint/no-use-before-define': [
+    'error',
+    { functions: false, classes: true, variables: true, typedefs: true },
+  ],
+  'max-lines': ['error', { max: 200, skipComments: true }],
+  '@typescript-eslint/unbound-method': [
+    'error',
+    {
+      ignoreStatic: true,
+    },
+  ],
+};
+
+exports.tsBaseConfig = {
+  files: ['*.ts', '*.tsx'],
+  parser: '@typescript-eslint/parser',
+  plugins: ['@typescript-eslint'].concat(basePlugins),
+  parserOptions: {
+    tsconfigRootDir: process.cwd(),
+    project: 'tsconfig.json',
+  },
+  settings: {
+    'import/resolver': {
+      typescript: {
+        alwaysTryTypes: true,
+      },
+    },
+    'import/parsers': {
+      '@typescript-eslint/parser': ['.ts', '.tsx'],
+    },
+  },
+};