@elliemae/pui-cli 7.27.1 → 8.0.0-next.10

package/dist/esm/commands/storybook.js

@@ -8,9 +8,25 @@ const buildStoryBook = async (outputDir = "demo", isDoc = false) => {
 };
 const startStoryBook = async (isDoc = false) => {
   await exec(
-    `cross-env NODE_ENV=development STORYBOOK_BUILD=true start-storybook ${isDoc && "--docs"} -p 11000 --quiet`
+    `cross-env NODE_ENV=development STORYBOOK_BUILD=true start-storybook ${isDoc ? "--docs" : ""} -p 11000 --quiet`
   );
 };
+const cmdArgs = {
+  build: {
+    boolean: true,
+    alias: "b",
+    default: false
+  },
+  docs: {
+    boolean: true,
+    default: false
+  },
+  output: {
+    string: true,
+    alias: "o",
+    default: "demo"
+  }
+};
 const storybookCmd = {
   handler: async (argv) => {
     try {
@@ -28,22 +44,7 @@ const storybookCmd = {
   },
   command: "storybook [options]",
   describe: "story book application code",
-  builder: {
-    build: {
-      alias: "b",
-      type: "boolean",
-      default: false
-    },
-    docs: {
-      type: "boolean",
-      default: false
-    },
-    output: {
-      alias: "o",
-      type: "string",
-      default: "demo"
-    }
-  }
+  builder: (yargsRef) => yargsRef.options(cmdArgs).help()
 };
 export {
   storybookCmd

package/dist/esm/commands/test.js

@@ -8,6 +8,38 @@ const debugTest = async () => {
     `node --inspect-brk ./node_modules/jest-cli/bin/jest.js --runInBand --watch`
   );
 };
+const cmdArgs = {
+  fix: {
+    boolean: true,
+    alias: "f",
+    default: false
+  },
+  watch: {
+    boolean: true,
+    alias: "w",
+    default: false
+  },
+  debug: {
+    boolean: true,
+    alias: "d",
+    default: false
+  },
+  passWithNoTests: {
+    boolean: true,
+    alias: "p",
+    default: false
+  },
+  findReleatedTests: {
+    boolean: true,
+    alias: "r",
+    default: false
+  },
+  silent: {
+    boolean: true,
+    alias: "s",
+    default: false
+  }
+};
 const testCmd = {
   // eslint-disable-next-line max-statements
   handler: async (argv) => {
@@ -18,11 +50,11 @@ const testCmd = {
       commandOptions = "--watchAll";
     if (getCIEnv())
       commandOptions += " --ci --no-colors";
-    if (argv.p)
+    if (argv.passWithNoTests)
       commandOptions += " --passWithNoTests";
-    if (argv.r)
+    if (argv.findReleatedTests)
       commandOptions += " --bail --findRelatedTests";
-    if (argv.s)
+    if (argv.silent)
       commandOptions += " --silent";
     try {
       if (getCIEnv()) {
@@ -37,37 +69,11 @@ const testCmd = {
     } catch (err) {
       logError("Unit test execution failed", err);
       yargs().exit(-1, err);
-      return -1;
     }
-    return 0;
   },
   command: "test [options]",
   describe: "unit tests application code",
-  builder: {
-    fix: {
-      alias: "f",
-      type: "boolean"
-    },
-    watch: {
-      alias: "w",
-      type: "boolean"
-    },
-    debug: {
-      type: "boolean"
-    },
-    passWithNoTests: {
-      alias: "p",
-      type: "boolean"
-    },
-    findReleatedTests: {
-      alias: "r",
-      type: "boolean"
-    },
-    silent: {
-      alias: "s",
-      type: "boolean"
-    }
-  }
+  builder: (yargsRef) => yargsRef.options(cmdArgs).help()
 };
 export {
   testCmd

package/dist/esm/commands/tscheck.js

@@ -5,7 +5,7 @@ import { exec, logInfo, logError } from "./utils.js";
 const randomChars = () => Math.random().toString(36).slice(2);
 const validateTypescript = async (files = []) => {
   const tsconfigPath = path.join(process.cwd(), "tsconfig.json");
-  const tsconfig = JSON.parse(fs.readFileSync(tsconfigPath));
+  const tsconfig = JSON.parse(fs.readFileSync(tsconfigPath).toString());
   const tmpTsconfigPath = path.join(
     process.cwd(),
     `tsconfig.${randomChars()}.json`
@@ -32,6 +32,12 @@ const validateTypescript = async (files = []) => {
     fs.unlinkSync(tmpTsconfigPath);
   }
 };
+const cmdArgs = {
+  files: {
+    array: true,
+    default: []
+  }
+};
 const tscheckCmd = {
   handler: async ({ files }) => {
     try {
@@ -44,12 +50,7 @@ const tscheckCmd = {
   },
   command: "tscheck [options]",
   describe: "validate typescript file(s)",
-  builder: {
-    files: {
-      type: "array",
-      default: []
-    }
-  }
+  builder: (yargsRef) => yargsRef.options(cmdArgs).help()
 };
 export {
   tscheckCmd

package/dist/esm/commands/utils.js

@@ -1,5 +1,5 @@
 import path from "node:path";
-import { constants } from "fs";
+import fs, { constants } from "node:fs";
 import {
   readFile,
   writeFile,
@@ -44,7 +44,7 @@ const getSupportedBrowsers = async () => {
   const { stdout } = await exec("npx --no-install browserslist", {
     stdout: "pipe"
   });
-  const browserVersions = stdout && stdout.split("\n") || [];
+  const browserVersions = stdout?.toString()?.split("\n") || [];
   return browserVersions.reduce((acc, nameVersion) => {
     const [name, version] = nameVersion.split(" ");
     const versionRange = version.split("-");
@@ -88,15 +88,18 @@ const writeAppInfo = async () => {
   [
     path.join(versionedPath, "info.json"),
     path.join(process.cwd(), "build", "public", "info.json")
-  ].forEach(async (infoPath) => writeFile(infoPath, infoJSON));
+  ].forEach((infoPath) => {
+    writeFile(infoPath, infoJSON).then(() => {
+    }).catch((err) => console.error(err));
+  });
 };
 const copyDir = async (src, dest) => {
   const entries = await readdir(src, {
     withFileTypes: true
   });
   await mkdir(dest);
-  return Promise.all(
-    entries.map((entry) => {
+  await Promise.all(
+    entries.map(async (entry) => {
       const srcPath = path.join(src, entry.name);
       const destPath = path.join(dest, entry.name);
       if (entry.isDirectory()) {
@@ -132,12 +135,14 @@ const isPathExist = async (pathToCheck) => {
 };
 const isApp = async () => isPathExist(path.join(process.cwd(), "app"));
 const getCIEnv = () => process.env.CI === "true";
+const isTypeScriptEnabled = () => fs.existsSync(path.join(process.cwd(), "tsconfig.json"));
 export {
   copyBuildAssetsToVersionedFolder,
   exec,
   getCIEnv,
   isApp,
   isPathExist,
+  isTypeScriptEnabled,
   logError,
   logInfo,
   logSuccess,

package/dist/esm/commands/version.js

@@ -8,11 +8,29 @@ const version = async (lernaOptions = "") => {
     `cross-env NODE_ENV=production lerna version --conventional-commits --exact --create-release github --force-publish --yes ${lernaOptions}`
   );
 };
+const cmdArgs = {
+  deleteTags: {
+    boolean: true,
+    default: false
+  },
+  useRegistry: {
+    boolean: true,
+    default: false
+  },
+  useWorkspace: {
+    boolean: true,
+    default: false
+  },
+  lernaOptions: {
+    string: true,
+    default: ""
+  }
+};
 const versionCmd = {
   handler: async (argv) => {
     try {
       if (argv.deleteTags) {
-        await deleteMergedTags();
+        deleteMergedTags();
       } else if (argv.useRegistry) {
         await setRegistryVersion();
       } else if (argv.useWorkspace) {
@@ -27,23 +45,7 @@ const versionCmd = {
   },
   command: "version [options]",
   describe: "version monorepo",
-  builder: {
-    deleteTags: {
-      type: "boolean",
-      default: false
-    },
-    useRegistry: {
-      type: "boolean",
-      default: false
-    },
-    useWorkspace: {
-      type: "boolean",
-      default: false
-    },
-    lernaOptions: {
-      type: "string"
-    }
-  }
+  builder: (yargsRef) => yargsRef.options(cmdArgs).help()
 };
 export {
   versionCmd

package/dist/esm/commands/vitest.js

@@ -3,6 +3,33 @@ import { exec, logError, logSuccess, getCIEnv } from "./utils.js";
 const test = async (commandOptions) => {
   await exec(`vitest ${commandOptions}`);
 };
+const cmdArgs = {
+  fix: {
+    boolean: true,
+    alias: "f",
+    default: false
+  },
+  watch: {
+    boolean: true,
+    alias: "w",
+    default: false
+  },
+  passWithNoTests: {
+    boolean: true,
+    alias: "p",
+    default: false
+  },
+  findReleatedTests: {
+    boolean: true,
+    alias: "r",
+    default: false
+  },
+  silent: {
+    boolean: true,
+    alias: "s",
+    default: false
+  }
+};
 const vitestCmd = {
   // eslint-disable-next-line max-statements
   handler: async (argv) => {
@@ -11,11 +38,11 @@ const vitestCmd = {
       commandOptions = "-u";
     else if (argv.watch)
       commandOptions = "--watch";
-    if (argv.p)
+    if (argv.passWithNoTests)
       commandOptions += " --passWithNoTests";
-    if (argv.r)
+    if (argv.findReleatedTests)
       commandOptions += " --related";
-    if (argv.s)
+    if (argv.silent)
       commandOptions += " --silent";
     try {
       if (getCIEnv()) {
@@ -26,34 +53,11 @@ const vitestCmd = {
     } catch (err) {
       logError("Unit test execution failed", err);
       yargs().exit(-1, err);
-      return -1;
     }
-    return 0;
   },
   command: "vitest [options]",
   describe: "unit tests application code using vitest",
-  builder: {
-    fix: {
-      alias: "f",
-      type: "boolean"
-    },
-    watch: {
-      alias: "w",
-      type: "boolean"
-    },
-    passWithNoTests: {
-      alias: "p",
-      type: "boolean"
-    },
-    related: {
-      alias: "r",
-      type: "boolean"
-    },
-    silent: {
-      alias: "s",
-      type: "boolean"
-    }
-  }
+  builder: (yargsRef) => yargsRef.options(cmdArgs).help()
 };
 export {
   vitestCmd

package/dist/esm/index.cjs

@@ -10,7 +10,6 @@ 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,
@@ -21,5 +20,4 @@ module.exports = {
   commitlintConfig,
   jestConfig,
   jestNodeConfig,
-  loadRoutes,
 };

package/dist/esm/index.js

@@ -8,7 +8,7 @@ import { jestConfig } from "./testing/jest.config.cjs";
 import { vitestConfig } from "./testing/vitest.config.js";
 import { jestNodeConfig } from "./testing/jest.node.config.cjs";
 import { lintStagedConfig } from "./lint-config/lint-staged.config.js";
-import { loadRoutes } from "./server/app-routes.cjs";
+import { loadRoutes } from "./server/appRoutes.js";
 export {
   babelConfig,
   commitlintConfig,

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

@@ -1,51 +1,51 @@
 /* eslint-disable max-lines */
-const prettierOptions = require('../prettier.config.cjs');
+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',
+  "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'];
+const basePlugins = ["testing-library", "jest", "jsdoc", "wdio", "import"];
 exports.basePlugins = basePlugins;
 
 exports.baseOverrides = [
   {
-    files: ['*.func.spec.js', '*.visual.spec.js'],
+    files: ["*.func.spec.js", "*.visual.spec.js"],
     rules: {
-      'jest/valid-expect': 'off',
+      "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': [
+  "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': [
+  "import/no-webpack-loader-syntax": 0,
+  "import/prefer-default-export": 0,
+  "import/extensions": [
     2,
-    'never',
+    "never",
     {
-      json: 'ignorePackages',
-      js: 'ignorePackages',
+      json: "ignorePackages",
+      js: "ignorePackages",
     },
   ],
   indent: [
@@ -55,72 +55,72 @@ const baseRules = {
       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,
+  "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': [
+  "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'],
+      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': [
+  "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'] },
+    { extensions: [".js", ".jsx", ".tsx", ".mdx"] },
   ],
-  'react/function-component-definition': [
+  "react/function-component-definition": [
     2,
-    { namedComponents: 'arrow-function' },
+    { namedComponents: "arrow-function" },
   ],
-  'redux-saga/no-yield-in-race': 2,
-  'redux-saga/yield-effects': 2,
+  "redux-saga/no-yield-in-race": 2,
+  "redux-saga/yield-effects": 2,
 };
 exports.reactRules = reactRules;
 
 exports.baseConfig = {
-  parser: '@babel/eslint-parser',
+  parser: "@babel/eslint-parser",
   plugins: basePlugins,
   env: {
     jest: true,
@@ -129,32 +129,35 @@ exports.baseConfig = {
     es2021: true,
   },
   parserOptions: {
-    sourceType: 'module',
+    sourceType: "module",
     ecmaFeatures: {
       jsx: true,
     },
+    babelOptions: {
+      plugins: ["@babel/plugin-syntax-import-assertions"],
+    },
   },
   settings: {
     react: {
-      version: 'detect',
+      version: "detect",
     },
     jest: {
       version: 28,
     },
-    'import/resolver': {
+    "import/resolver": {
       node: {
-        extensions: ['.js', '.jsx', '.ts', '.tsx']
+        extensions: [".js", ".jsx", ".ts", ".tsx"],
       },
     },
   },
   ignorePatterns: [
-    '/build/**/*',
-    '/dist/**/*',
-    '/reports/**/*',
-    '/coverage/**/*',
-    '/demo/**/*',
-    '/docs/**/*',
-    '/temp/**/*',
-    '**/vendor/*.js',
+    "/build/**/*",
+    "/dist/**/*",
+    "/reports/**/*",
+    "/coverage/**/*",
+    "/demo/**/*",
+    "/docs/**/*",
+    "/temp/**/*",
+    "**/vendor/*.js",
   ],
 };

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

@@ -15,5 +15,5 @@ exports.stylelintConfig = {
     'stylelint-config-recommended',
     'stylelint-config-styled-components',
   ],
-  rules: { 'selector-type-no-unknown': null, 'no-extra-semicolons': null, 'function-no-unknown': null },
+  rules: { 'selector-type-no-unknown': null, 'function-no-unknown': null },
 };

package/dist/esm/monorepo/delete-merged-tags.js

@@ -17,7 +17,7 @@ const deleteTags = (cmd, filter) => {
   const tags = result.toString().split("\n").join(" ");
   execSync(`git tag -d ${filter ? filter(tags) : tags}`, { cwd });
 };
-const tagsFromOtherBranches = (tags = []) => {
+const tagsFromOtherBranches = (tags) => {
   const regex = branchTags[branchName] || branchTags.master;
   return tags.split(" ").filter((tagName) => isSemVersion(tagName) && !regex.test(tagName)).join(" ");
 };