@elliemae/pui-cli 7.0.0-beta.9 → 7.2.0

package/lib/cli-commands/build.js

@@ -1,60 +0,0 @@
-const { exit } = require('yargs');
-const path = require('path');
-const {
-  exec,
-  logInfo,
-  logError,
-  logSuccess,
-  writeAppInfo,
-  copyBuildAssetsToVersionedFolder,
-} = require('./utils');
-const { esBuild, TARGETS } = require('../transpile/esbuild');
-
-async function buildWebApp() {
-  await exec(`rimraf ./build`);
-  await exec(
-    `cross-env NODE_ENV=production webpack --config ${path.resolve(
-      __dirname,
-      '../webpack/webpack.prod.babel.js',
-    )} --color`,
-  );
-  await copyBuildAssetsToVersionedFolder();
-  await writeAppInfo();
-}
-
-async function buildService() {
-  await exec('rimraf ./build');
-  await esBuild({
-    srcdir: './app',
-    outdir: 'build',
-    esmOnly: true,
-    target: TARGETS.node,
-    injectReactShim: false,
-    skipNestedPackageJSON: true,
-  });
-}
-
-async function handler({ service = false }) {
-  try {
-    logInfo('Build in progress...');
-    if (service) await buildService();
-    else await buildWebApp();
-    logSuccess('Build completed');
-  } catch (err) {
-    logError('Build failed', err);
-    exit(-1, err);
-  }
-}
-
-exports.command = 'build';
-
-exports.describe = 'builds front end application or NodeJS service';
-
-exports.builder = {
-  service: {
-    type: 'boolean',
-    default: false,
-  },
-};
-
-exports.handler = handler;

package/lib/cli-commands/codemod.js

@@ -1,31 +0,0 @@
-const { exit } = require('yargs');
-const { exec, logInfo, logError, logSuccess } = require('./utils');
-
-async function transform(argv) {
-  logInfo('Code modification in-progress...');
-  exec(`jscodeshift --ignore-file=.gitignore -t ${argv.transform} .`);
-}
-
-async function handler(argv) {
-  try {
-    await transform(argv);
-    logSuccess('Code modifications completed. ');
-  } catch (err) {
-    logError('Code modifications failed', err);
-    exit(-1, err);
-  }
-}
-
-exports.command = 'codemod <transform>';
-
-exports.describe = 'Transforms code';
-
-exports.builder = (yargs) => {
-  yargs.positional('transform', {
-    describe: 'path to the transform file. Can be either a local path or url',
-    type: 'string',
-    default: './transform.js',
-  });
-};
-
-exports.handler = handler;

package/lib/cli-commands/gendoc.js

@@ -1,36 +0,0 @@
-const { exit } = require('yargs');
-const fs = require('fs');
-const path = require('path');
-const { exec, logInfo, logSuccess, logError } = require('./utils');
-
-const { name } = require('../../package.json');
-
-function isApp() {
-  return fs.existsSync(path.join(process.cwd(), 'app'));
-}
-
-async function generateDocs() {
-  logInfo('Documentation Generation inprogress...');
-  const srcPath = isApp() ? 'app' : 'lib';
-  exec(
-    `jsdoc -r -c node_modules/${name}/lib/docgen/jsdoc.config.js -d docs ${srcPath}`,
-  );
-}
-
-async function handler() {
-  try {
-    await generateDocs();
-    logSuccess('Document generation completed. ');
-  } catch (err) {
-    logError('Document generation failed', err);
-    exit(-1, err);
-  }
-}
-
-exports.command = 'gendoc';
-
-exports.describe = 'Builds documentation from source files';
-
-exports.builder = {};
-
-exports.handler = handler;

package/lib/cli-commands/lint.js

@@ -1,75 +0,0 @@
-const { exit } = require('yargs');
-const { exec, logError, logSuccess } = require('./utils');
-const { isTypeScriptEnabled } = require('../typescript/util');
-
-const { CI = false } = process.env;
-
-async function lintCSS(fix = false) {
-  const fixIssues = fix ? '--fix' : '';
-  await exec(
-    `stylelint ./{lib,app}/**/*.{js,jsx,ts,tsx} ${fixIssues} ${
-      !CI ? '--color' : ''
-    } --allowEmptyInput`,
-  );
-}
-
-async function lintJS(fix = false) {
-  const fixIssues = fix ? '--fix' : '';
-  await exec(`eslint ${!CI ? '--color' : ''} ${fixIssues}  .`);
-}
-
-async function handler(argv) {
-  if (argv.js) {
-    // run typescript compilation
-    if (isTypeScriptEnabled())
-      await exec('tsc --noEmit --emitDeclarationOnly false');
-    try {
-      await exec('rimraf ./reports/eslint.json');
-      await lintJS(argv.fix);
-      logSuccess('JS linting completed');
-    } catch (err) {
-      logError('JS linting failed');
-      exit(-1, err);
-      return -1;
-    }
-  }
-  if (argv.css) {
-    try {
-      await exec('rimraf ./reports/stylelint.json');
-      await lintCSS(argv.fix);
-      logSuccess('CSS linting completed');
-    } catch (err) {
-      logError('CSS linting failed');
-      exit(-1, err);
-      return -1;
-    }
-  }
-  return 0;
-}
-
-exports.command = 'lint [options]';
-
-exports.describe = 'lints application code';
-
-exports.builder = {
-  css: {
-    alias: 'css',
-    type: 'boolean',
-    default: true,
-  },
-  js: {
-    alias: 'js',
-    type: 'boolean',
-    default: true,
-  },
-  fix: {
-    alias: 'fix',
-    type: 'boolean',
-    default: false,
-  },
-};
-
-exports.handler = handler;
-
-exports.lintCSS = lintCSS;
-exports.lintJS = lintJS;

package/lib/cli-commands/pack.js

@@ -1,67 +0,0 @@
-const { exit } = require('yargs');
-const { exec, logInfo, logError, logSuccess } = require('./utils');
-const { isTypeScriptEnabled } = require('../typescript/util');
-const { esBuild } = require('../transpile/esbuild');
-const { name } = require('../../package.json');
-
-const compileTypeScript = async () => {
-  logInfo('Generating types...');
-  await exec('tsc --emitDeclarationOnly');
-  logInfo('Types generation completed...');
-};
-
-const webBuild = async (productionBuild) => {
-  logInfo('Building source files for browser environment...');
-  const devCmd = `node_modules/${name}/lib/webpack/webpack.lib.dev.babel.js --color`;
-  const prodCmd = `node_modules/${name}/lib/webpack/webpack.lib.prod.babel.js --color`;
-  await exec(`webpack --config ${productionBuild ? prodCmd : devCmd}`);
-  logInfo('Building source files for browser environment completed...');
-};
-
-const pack = async ({ production, target, srcPath }) => {
-  logInfo('Build in-progress...');
-  await exec('rimraf ./dist');
-  if (isTypeScriptEnabled()) {
-    await compileTypeScript();
-  }
-  if (target !== 'node') await webBuild(production);
-  if (target !== 'web') {
-    logInfo('Building source files for nodejs environment...');
-    await esBuild({ srcdir: srcPath });
-    logInfo('Building source files for nodejs environment completed.');
-  }
-};
-
-const handler = async (argv) => {
-  try {
-    await pack(argv);
-    logSuccess('Build completed');
-  } catch (err) {
-    logError('Build failed', err);
-    exit(-1, err);
-  }
-};
-
-exports.command = 'pack';
-
-exports.describe = 'builds library';
-
-exports.builder = {
-  production: {
-    alias: 'p',
-    type: 'boolean',
-    default: false,
-  },
-  target: {
-    alias: 't',
-    type: 'string',
-    description:
-      'target environment where this library will be used. allowed values are web, node. by default libraries will be compiled for both web and nodejs environments',
-  },
-  srcPath: {
-    type: 'string',
-    default: './lib',
-  },
-};
-
-exports.handler = handler;

package/lib/cli-commands/start.js

@@ -1,49 +0,0 @@
-const path = require('path');
-const { exit } = require('yargs');
-const { exec, logError, logSuccess } = require('./utils');
-
-async function startProdServer() {
-  await exec(
-    `cross-env NODE_ENV=production ts-node ${path.resolve(
-      __dirname,
-      '../server',
-    )} --color always`,
-  );
-}
-
-async function startDevServer() {
-  await exec(
-    `cross-env NODE_ENV=development webpack serve --config ${path.resolve(
-      __dirname,
-      '../webpack/webpack.dev.babel.js',
-    )}`,
-  );
-}
-
-async function handler(argv) {
-  try {
-    if (argv.prod) {
-      await startProdServer();
-    } else {
-      await startDevServer();
-    }
-    logSuccess('Server started');
-  } catch (err) {
-    logError('Server start failed', err);
-    exit(-1, err);
-  }
-}
-
-exports.command = 'start [options]';
-
-exports.describe = 'starts local web server to test the application';
-
-exports.builder = {
-  prod: {
-    alias: 'p',
-    default: false,
-    type: 'boolean',
-  },
-};
-
-exports.handler = handler;

package/lib/cli-commands/storybook.js

@@ -1,53 +0,0 @@
-const { exit } = require('yargs');
-const { exec, logInfo, logError, logSuccess } = require('./utils');
-
-async function buildStoryBook(isDoc = false) {
-  const additionalParams = isDoc ? '--docs -o demo/docs' : '-o demo';
-  await exec(
-    `cross-env NODE_ENV=production FORCE_COLOR=true build-storybook --quiet ${additionalParams}`,
-  );
-}
-
-async function startStoryBook(isDoc = false) {
-  await exec(
-    `cross-env NODE_ENV=development STORYBOOK_BUILD=true FORCE_COLOR=true start-storybook ${
-      isDoc && '--docs'
-    } -p 11000 --quiet`,
-  );
-}
-
-async function handler(argv) {
-  try {
-    if (!argv.build) {
-      await startStoryBook(argv.docs);
-      logInfo('Storybook started');
-    } else {
-      await buildStoryBook(argv.docs);
-      logSuccess('Storybook build completed');
-    }
-  } catch (err) {
-    logError('Storybook execution failed', err);
-    exit(-1, err);
-  }
-}
-
-exports.command = 'storybook [options]';
-
-exports.describe = 'story book application code';
-
-exports.builder = {
-  build: {
-    alias: 'b',
-    type: 'boolean',
-    default: false,
-  },
-  docs: {
-    type: 'boolean',
-    default: false,
-  },
-};
-
-exports.handler = handler;
-
-exports.startStoryBook = startStoryBook;
-exports.buildStoryBook = buildStoryBook;

package/lib/cli-commands/test.js

@@ -1,63 +0,0 @@
-const { exit } = require('yargs');
-const { exec, logError, logSuccess } = require('./utils');
-
-const { CI = false } = process.env;
-
-async function test(commandOptions) {
-  await exec(`cross-env NODE_ENV=test jest ${commandOptions}`);
-}
-
-// eslint-disable-next-line max-statements
-async function handler(argv) {
-  let commandOptions = '--coverage';
-  if (argv.fix) commandOptions = '-u';
-  else if (argv.watch) commandOptions = '--watchAll';
-  if (CI) commandOptions += ' --ci --runInBand --no-colors';
-  else commandOptions += ' --maxWorkers=50%';
-  if (argv.p) commandOptions += ' --passWithNoTests';
-  if (argv.r) commandOptions += ' --bail --findRelatedTests';
-  if (argv.s) commandOptions += ' --silent';
-  try {
-    if (CI) {
-      await exec('rimraf ./reports');
-    }
-
-    // eslint-disable-next-line jest/valid-title, jest/no-disabled-tests, jest/expect-expect
-    await test(commandOptions);
-    logSuccess('Unit test execution completed');
-  } catch (err) {
-    logError('Unit test execution failed', err);
-    exit(-1, err);
-    return -1;
-  }
-  return 0;
-}
-
-exports.command = 'test [options]';
-
-exports.describe = 'unit tests application code';
-
-exports.builder = {
-  fix: {
-    alias: 'f',
-    type: 'boolean',
-  },
-  watch: {
-    alias: 'w',
-    type: 'boolean',
-  },
-  passWithNoTests: {
-    alias: 'p',
-    type: 'boolean',
-  },
-  findReleatedTests: {
-    alias: 'r',
-    type: 'boolean',
-  },
-  silent: {
-    alias: 's',
-    type: 'boolean',
-  },
-};
-
-exports.handler = handler;

package/lib/cli-commands/tsc.js

@@ -1,103 +0,0 @@
-const { exit } = require('yargs');
-const { dirname, join } = require('path');
-const { spawnSync } = require('child_process');
-const fs = require('fs');
-const { logInfo, logError } = require('./utils');
-
-const randomChars = () => Math.random().toString(36).slice(2);
-
-const resolveFromModule = (moduleName, ...paths) => {
-  const modulePath = dirname(require.resolve(`${moduleName}/package.json`));
-  return join(modulePath, ...paths);
-};
-
-const resolveFromRoot = (...paths) => 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] : undefined;
-
-  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);
-  }
-
-  // Load existing config
-  const tsconfigPath = argsProjectValue || resolveFromRoot('tsconfig.json');
-  const tsconfigContent = fs.readFileSync(tsconfigPath).toString();
-  // Use 'eval' to read the JSON as regular JavaScript syntax so that comments are allowed
-  // eslint-disable-next-line prefer-const
-  let tsconfig = {};
-  // eslint-disable-next-line no-eval
-  eval(`tsconfig = ${tsconfigContent}`);
-
-  // Write a temp config file
-  const tmpTsconfigPath = resolveFromRoot(`tsconfig.${randomChars()}.json`);
-  const tmpTsconfig = {
-    ...tsconfig,
-    compilerOptions: {
-      ...tsconfig.compilerOptions,
-      skipLibCheck: true,
-    },
-    files,
-    include: ['shared/typings'],
-  };
-  fs.writeFileSync(tmpTsconfigPath, JSON.stringify(tmpTsconfig, null, 2));
-
-  // Type-check our files
-  const { status } = spawnSync(
-    resolveFromModule(
-      'typescript',
-      `../.bin/tsc${process.platform === 'win32' ? '.cmd' : ''}`,
-    ),
-    ['-p', tmpTsconfigPath, ...remainingArgsToForward],
-    { stdio: 'inherit' },
-  );
-
-  // Delete temp config file
-  fs.unlinkSync(tmpTsconfigPath);
-
-  process.exit(status);
-};
-
-async function handler(argv) {
-  try {
-    await validateTypescript(argv.p);
-    logInfo('Typescript validation started');
-  } catch (err) {
-    logError('Typescript validation failed', err);
-    exit(-1, err);
-  }
-}
-
-exports.command = 'tsc [options]';
-
-exports.describe = 'validate typescript code';
-
-exports.builder = {
-  project: {
-    alias: 'p',
-    type: 'boolean',
-    default: false,
-  },
-  docs: {
-    type: 'boolean',
-    default: false,
-  },
-};
-
-exports.handler = handler;
-
-exports.validateTypescript = validateTypescript;

package/lib/cli-commands/utils.js

@@ -1,135 +0,0 @@
-/* eslint-disable max-lines */
-/* eslint-disable no-console */
-const execa = require('execa');
-const chalk = require('chalk');
-const path = require('path');
-const {
-  readFile,
-  writeFile,
-  mkdir,
-  readdir,
-  copyFile,
-} = require('fs/promises');
-const {
-  getPaths,
-  isAppLoaderEnabled,
-  getAppVersion,
-  LATEST_VERSION,
-} = require('../webpack/helpers');
-
-const browsersMapping = {
-  and_chr: 'Chrome for Android',
-  chrome: 'Google Chrome',
-  edge: 'Microsoft Edge',
-  firefox: 'Mozilla Firefox',
-  ios_saf: 'iOS Safari',
-  safari: 'Safari',
-  samsung: 'Samsung Internet',
-};
-
-const exec = async (command, options = { stdio: 'inherit' }) =>
-  execa.command(command, options);
-exports.exec = exec;
-
-exports.logInfo = console.log;
-exports.logSuccess = (...args) => console.log(chalk.green(...args));
-exports.logError = console.error;
-
-const readPackageLock = async () => {
-  try {
-    const appPkgLockFile = path.join(process.cwd(), 'package-lock.json');
-    const pkgLockJSON = await readFile(appPkgLockFile, 'utf8');
-    const { dependencies } = JSON.parse(pkgLockJSON);
-    return (moduleName) => dependencies[moduleName]?.version || '';
-  } catch (err) {
-    console.warn('Package lock file not found');
-    return () => '';
-  }
-};
-
-const getSupportedBrowsers = async () => {
-  const { stdout } = await exec('npx --no-install browserslist', {
-    stdout: 'pipe',
-  });
-  const browserVersions = (stdout && stdout.split('\n')) || [];
-  return browserVersions.reduce((acc, nameVersion) => {
-    const [name, version] = nameVersion.split(' ');
-    const versionRange = version.split('-');
-    acc[browsersMapping[name]] = (versionRange && versionRange[0]) || version;
-    return acc;
-  }, {});
-};
-
-const getModulesInfo = async () => {
-  try {
-    const getModuleVersion = await readPackageLock();
-    return {
-      react: getModuleVersion('react'),
-      'react-dom': getModuleVersion('react-dom'),
-      'app-react-dependencies': getModuleVersion(
-        '@elliemae/app-react-dependencies',
-      ),
-      'app-sdk': getModuleVersion('@elliemae/pui-app-sdk'),
-      cli: getModuleVersion('@elliemae/pui-cli'),
-      dimsum: getModuleVersion('@elliemae/ds-system'),
-    };
-  } catch (err) {
-    console.warn(err);
-    return {};
-  }
-};
-
-exports.writeAppInfo = async () => {
-  const appInfo = {
-    timestamp: new Date().toISOString(),
-    modules: await getModulesInfo(),
-    browserSupport: await getSupportedBrowsers(),
-    screenReaderSupport: [
-      'JAWS with Chrome',
-      'NVDA with Chrome',
-      'VoiceOver with Safari',
-      'iOS VoiceOver',
-      'Android Talkback',
-    ],
-  };
-  const infoJSON = JSON.stringify(appInfo, null, 2);
-  const { buildPath: versionedPath } = getPaths();
-  [
-    path.join(versionedPath, 'info.json'),
-    path.join(process.cwd(), 'build', 'public', 'info.json'),
-  ].forEach(async (infoPath) => writeFile(infoPath, infoJSON));
-};
-
-const copyDir = async (src, dest) => {
-  const entries = await readdir(src, {
-    withFileTypes: true,
-  });
-  await mkdir(dest);
-  return Promise.all(
-    entries.map((entry) => {
-      const srcPath = path.join(src, entry.name);
-      const destPath = path.join(dest, entry.name);
-      if (entry.isDirectory()) {
-        return copyDir(srcPath, destPath);
-      }
-      return copyFile(srcPath, destPath);
-    }),
-  );
-};
-
-const updateManifestWithVersionInfo = async (dest) => {
-  const manifestFile = path.join(dest, 'manifest.json');
-  let manifestData = await readFile(manifestFile, 'utf8');
-  manifestData = manifestData.replace(/latest\//g, `${getAppVersion()}/`);
-  await writeFile(manifestFile, manifestData);
-};
-
-exports.copyBuildAssetsToVersionedFolder = async () => {
-  const appVersion = getAppVersion();
-  const isVersionedApp = isAppLoaderEnabled() && appVersion !== LATEST_VERSION;
-  if (!isVersionedApp) return;
-  const src = path.resolve(process.cwd(), 'build/public/latest');
-  const dest = path.resolve(process.cwd(), `build/public/${appVersion}`);
-  await copyDir(src, dest);
-  await updateManifestWithVersionInfo(dest);
-};