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

package/dist/cjs/babel/babel.config.cjs

@@ -0,0 +1,101 @@
+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.19', 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.MODULE_EXTENSIONS === 'true') {
+  config.plugins.push('babel-plugin-add-import-extension');
+}
+
+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/lint/commitlint.config.cjs

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

package/dist/cjs/lint/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': {
+    //   webpack: {
+    //     config: webpackConfig,
+    //   },
+    // },
+  },
+  ignorePatterns: [
+    '/build/**/*',
+    '/dist/**/*',
+    '/reports/**/*',
+    '/coverage/**/*',
+    '/demo/**/*',
+    '/docs/**/*',
+    '/temp/**/*',
+    '**/vendor/*.js',
+  ],
+};

package/dist/cjs/lint/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/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/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'],
+    },
+  },
+};

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

@@ -0,0 +1,12 @@
+/* eslint-disable max-lines */
+const { baseRules } = require('../common.cjs');
+const { tsBaseExtends, tsBaseRules, tsBaseConfig } = require('./common.cjs');
+
+exports.tsConfig = {
+  ...tsBaseConfig,
+  extends: ['airbnb-base', 'airbnb-typescript/base'].concat(tsBaseExtends),
+  rules: {
+    ...baseRules,
+    ...tsBaseRules,
+  },
+};

package/dist/cjs/lint/eslint/typescript/react.cjs

@@ -0,0 +1,19 @@
+/* eslint-disable max-lines */
+const { baseRules, reactRules } = require('../common.cjs');
+const { tsBaseExtends, tsBaseRules, tsBaseConfig } = require('./common.cjs');
+
+exports.tsReactConfig = {
+  ...tsBaseConfig,
+  extends: [
+    'airbnb',
+    'airbnb/hooks',
+    'plugin:redux-saga/recommended',
+    'airbnb-typescript',
+  ].concat(tsBaseExtends),
+  rules: {
+    ...baseRules,
+    ...tsBaseRules,
+    ...reactRules,
+    'react/prop-types': 0,
+  },
+};

package/dist/cjs/lint/prettier.config.cjs

@@ -0,0 +1,8 @@
+exports.prettierConfig = {
+  printWidth: 80,
+  tabWidth: 2,
+  useTabs: false,
+  semi: true,
+  singleQuote: true,
+  trailingComma: 'all',
+};

package/dist/cjs/lint/stylelint.config.cjs

@@ -0,0 +1,19 @@
+exports.stylelintConfig = {
+  ignoreFiles: [
+    '/dist/**/*',
+    '/coverage/**/*',
+    '/build/**/*',
+    '/reports/**/*',
+    '/temp/**/*',
+    '/docs/**/*',
+    '/demo/**/*',
+    '/node_modules/**/*',
+    '/vendor/**/*',
+  ],
+  customSyntax: '@stylelint/postcss-css-in-js',
+  extends: [
+    'stylelint-config-recommended',
+    'stylelint-config-styled-components',
+  ],
+  rules: { 'selector-type-no-unknown': null, 'no-extra-semicolons': null },
+};

package/dist/cjs/release/release.config.cjs

@@ -0,0 +1,31 @@
+module.exports = {
+  branches: [
+    '+([0-9])?(.{+([0-9]),x}).x',
+    'master',
+    'next-major',
+    { name: 'beta', prerelease: true },
+    { name: 'alpha', prerelease: true },
+    { name: 'hotfix', prerelease: true },
+    { name: 'next', prerelease: true },
+  ],
+  plugins: [
+    '@semantic-release/commit-analyzer',
+    '@semantic-release/release-notes-generator',
+    [
+      '@semantic-release/changelog',
+      {
+        changelogTitle:
+          '# Changelog\n\nAll notable changes to this project will be documented in this file. See\n[Conventional Commits](https://conventionalcommits.org) for commit guidelines.',
+      },
+    ],
+    '@semantic-release/npm',
+    '@semantic-release/github',
+    [
+      '@semantic-release/exec',
+      {
+        successCmd:
+          'scmutil get slack-release-notes && scmutil get contributors',
+      },
+    ],
+  ],
+};

package/dist/cjs/testing/jest.config.cjs

@@ -0,0 +1,106 @@
+const path = require('path');
+const normalizePath = require('normalize-path');
+const { getAppConfig, basePath } = require('../utils.cjs');
+const { swcrcConfig } = require('../transpile/swcrc.config.cjs');
+
+let monorepoRoot = null;
+import('../monorepo/utils.js').then(({ findMonoRepoRoot }) => {
+  monorepoRoot = findMonoRepoRoot(process.cwd());
+}).catch((ex) => console.error('Error loading monorepo utils:', ex));
+
+let isReactModule = true;
+try {
+  /* eslint-disable global-require, import/no-unresolved */
+  require('react');
+  require('styled-components');
+  /* eslint-enable global-require, import/no-unresolved */
+} catch (err) {
+  isReactModule = false;
+}
+
+const getMockFilePath = (fileName) =>
+  normalizePath(path.resolve(__dirname, './mocks', fileName));
+
+const getNodeModulesPath = (fileName) => {
+  return normalizePath(
+    monorepoRoot
+      ? path.join(monorepoRoot, 'node_modules', fileName)
+      : `<rootDir>/node_modules/${fileName}`,
+  );
+};
+
+const jestConfig = {
+  collectCoverageFrom: [
+    'app/**/*.{js,ts,jsx,tsx}',
+    'lib/**/*.{js,ts,jsx,tsx}',
+    '!app/**/*.d.ts',
+    '!lib/**/*.d.ts',
+    '!app/**/*.test.{js,ts,jsx,tsx}',
+    '!lib/**/*.test.{js,ts,jsx,tsx}',
+    '!app/**/*.stories.{js,ts,jsx,tsx}',
+    '!lib/**/*.stories.{js,ts,jsx,tsx}',
+    '!app/**/*.endpoint.{js,ts,jsx,tsx}',
+    '!lib/**/*.endpoint.{js,ts,jsx,tsx}',
+    '!app/*/RbGenerated*/*.{js,ts,jsx,tsx}',
+    '!app/index.{js,ts,jsx,tsx}',
+    '!app/global-styles.{js,ts,jsx,tsx}',
+    '!app/**/loadable.{js,ts,jsx,tsx}',
+    '!lib/**/loadable.{js,ts,jsx,tsx}',
+  ],
+  coverageThreshold: {
+    // Todo: enable the coverage threshold later
+    // global: {
+    //   statements: 95,
+    //   branches: 90,
+    //   functions: 95,
+    //   lines: 95,
+    // },
+  },
+  coverageDirectory: 'reports',
+  coverageReporters: ['lcov', 'html', 'text-summary'],
+  moduleDirectories: ['node_modules', 'app', 'lib'],
+  moduleNameMapper: {
+    '.*\\webpack-hmr(.[t|j]s)?$': getMockFilePath('webpack-hmr.cjs'),
+    '.*\\.(css|scss)$': getMockFilePath('cssModule.cjs'),
+    '.*\\.(jpg|jpeg|png|gif|eot|otf|webp|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga|ico)$':
+      getMockFilePath('image.cjs'),
+    '.*\\.svg$': getMockFilePath('svg.cjs'),
+    '.*\\.(html)$': getMockFilePath('html.cjs'),
+    '.*index.html\\?resource$': getMockFilePath('html.cjs'),
+    '@elliemae/pui-user-monitoring': getMockFilePath('pui-user-monitoring.cjs'),
+    '@elliemae/pui-app-loader': getMockFilePath('pui-app-loader.cjs'),
+    '@elliemae/pui-diagnostics': getMockFilePath('pui-diagnostics.cjs'),
+    'react-spring/web': getNodeModulesPath('react-spring/web.cjs.js'),
+    'react-spring/renderprops': getNodeModulesPath(
+      'react-spring/renderprops.cjs.js',
+    ),
+  },
+  moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json', 'node'],
+  setupFilesAfterEnv: [path.resolve(__dirname, './setup-tests.js')],
+  setupFiles: ['raf/polyfill', 'whatwg-fetch'],
+  testRegex: '(app|lib).*/tests/.*\\.test\\.[jt]sx?$',
+  snapshotSerializers: [],
+  testResultsProcessor: 'jest-sonar-reporter',
+  resolver: path.resolve(__dirname, './resolver.cjs'),
+  transform: {
+    '^.+\\.[jt]sx?$': ['@swc/jest', swcrcConfig],
+  },
+  transformIgnorePatterns: [
+    'node_modules/(?!(.*@elliemae/pui-cli|lodash-es|react-select|react-dates)/)',
+  ],
+  globals: {
+    APP_CONFIG: getAppConfig(),
+    __webpack_public_path__: '/',
+  },
+  testEnvironmentOptions: {
+    url: `http://localhost:3111${basePath}`,
+  },
+  testEnvironment: 'jsdom',
+};
+
+if (isReactModule && jestConfig.setupFilesAfterEnv)
+  jestConfig.setupFilesAfterEnv.push(
+    path.resolve(__dirname, './setup-react-env.js'),
+  );
+
+exports.jestConfig = jestConfig;

package/dist/cjs/testing/jest.node.config.cjs

@@ -0,0 +1,8 @@
+const { jestConfig } = require('./jest.config.cjs');
+exports.jestNodeConfig = {
+  ...jestConfig,
+  testEnvironment: 'node',
+  transformIgnorePatterns: [],
+  setupFiles: [],
+  setupFilesAfterEnv: [],
+};

package/dist/cjs/testing/mocks/axios.cjs

@@ -0,0 +1,15 @@
+module.exports = {
+  defaults: {},
+  interceptors: {
+    request: {
+      use: jest.fn(),
+    },
+    response: {
+      use: jest.fn(),
+    },
+  },
+  create: jest.fn().mockReturnThis(),
+  get: jest.fn().mockResolvedValue({ data: {} }),
+  post: jest.fn().mockResolvedValue({ data: {} }),
+  put: jest.fn().mockResolvedValue({ data: {} }),
+};

package/dist/cjs/testing/mocks/cssModule.cjs

@@ -0,0 +1 @@
+module.exports = 'CSS_MODULE';

package/dist/cjs/testing/mocks/html.cjs

@@ -0,0 +1 @@
+module.exports = 'HTML_MODULE';

package/dist/cjs/testing/mocks/image.cjs

@@ -0,0 +1 @@
+module.exports = 'IMAGE_MOCK';

package/dist/cjs/testing/mocks/matchMedia.cjs

@@ -0,0 +1,24 @@
+/**
+ *
+ */
+export default () => {
+  Object.defineProperty(window, 'matchMedia', {
+    writable: true,
+    value: jest.fn().mockImplementation((query) => ({
+      matches: false,
+      media: query,
+      onchange: null,
+      addListener: jest.fn(), // Deprecated
+      removeListener: jest.fn(), // Deprecated
+      addEventListener: jest.fn(),
+      removeEventListener: jest.fn(),
+      dispatchEvent: jest.fn(),
+    })),
+  });
+
+  Object.defineProperty(window, 'getComputedStyle', {
+    value: () => ({
+      getPropertyValue: () => {},
+    }),
+  });
+};

package/dist/cjs/testing/mocks/pui-app-loader.cjs

@@ -0,0 +1 @@
+export const load = () => {};

package/dist/cjs/testing/mocks/pui-diagnostics.cjs

@@ -0,0 +1,28 @@
+export const logger = () => ({
+  setLogLevel() {},
+  setOptions() {},
+  info() {},
+  warn() {},
+  error() {},
+  trace() {},
+  debug() {},
+  audit() {},
+  fatal() {},
+});
+export const LogLevel = {
+  info: 'info',
+  debug: 'debug',
+  trace: 'trace',
+  warn: 'warn',
+  error: 'error',
+  audit: 'audit',
+  fatal: 'fatal',
+};
+export const Console = () => ({
+  log: () => {},
+});
+export const http = () => ({
+  log() {},
+});
+export const webvitals = () => {};
+export const logUnhandledErrors = () => {};

package/dist/cjs/testing/mocks/pui-user-monitoring.cjs

@@ -0,0 +1,3 @@
+export const setCustomUserData = () => {};
+export const setCustomVirtualPageName = () => {};
+export const startVirtualPageMonitoringWithAutoEnd = () => {};

package/dist/cjs/testing/mocks/retry-axios.cjs

@@ -0,0 +1,3 @@
+export const attach = jest.fn();
+export const detach = jest.fn();
+export const getConfig = jest.fn();

package/dist/cjs/testing/mocks/svg.cjs

@@ -0,0 +1,5 @@
+// eslint-disable-next-line no-unused-vars
+import * as React from 'react';
+
+export default 'SvgrURL';
+export const ReactComponent = 'div';

package/dist/cjs/testing/mocks/webpack-hmr.cjs

@@ -0,0 +1 @@
+exports.enableHotReloading = () => {};