cli.ts

/**
 * @file This file contains the CLI parser for the webpack build script.
 * It is responsible for parsing the command line arguments and returning a
 * structured object representing the parsed arguments.
 */

import type { Options as YargsOptions } from 'yargs';
import yargs from 'yargs/yargs';
import parser from 'yargs-parser';
import type { BuildTypesConfig } from '../../lib/build-type';
import {
  Browsers,
  type Manifest,
  type Browser,
  uniqueSort,
  toOrange,
} from './helpers';
import { ENVIRONMENT } from './constants';

const environmentOptions = Object.values(ENVIRONMENT);
const ENV_PREFIX = 'BUNDLE';
const addFeat = 'addFeature' as const;
const omitFeat = 'omitFeature' as const;
type YargsOptionsMap = { [key: string]: YargsOptions };
type OptionsKeys = keyof Omit<Options, typeof addFeat | typeof omitFeat>;

/**
 * Some options affect the default values of other options.
 */
const prerequisites = {
  env: {
    alias: 'e',
    array: false,
    default: 'development' as const,
    description: 'Enables/disables production optimizations/development hints',
    choices: ['development', 'production'] as const,
    group: toOrange('Build options:'),
    type: 'string',
  },
  // `as const` makes it easier for developers to see the values of the type
  // when hovering over it in their IDE. `satisfies Options` enables type
  // checking, without loosing the `const` property of the values, which is
  // necessary for yargs to infer the final types
} as const satisfies YargsOptionsMap;

/**
 * Parses the given args from `argv` and returns whether or not the requested
 * build is a production build or not.
 *
 * @param argv
 * @param opts
 * @returns `true` if this is a production build, otherwise `false`
 */
function preParse(
  argv: string[],
  opts: typeof prerequisites,
): { env: 'production' | 'development' } {
  const options: { [k: string]: { [k: string]: unknown } } = {
    configuration: {
      envPrefix: ENV_PREFIX,
    },
  };
  // convert the `opts` object into a format that `yargs-parser` can understand
  for (const [arg, val] of Object.entries(opts)) {
    for (const [key, valEntry] of Object.entries(val)) {
      if (!options[key]) {
        options[key] = {};
      }
      options[key][arg] = valEntry;
    }
  }

  const { env } = parser(argv, options);
  return { env };
}

/**
 * Type representing the parsed arguments
 */
export type Args = ReturnType<typeof parseArgv>['args'];
export type Features = ReturnType<typeof parseArgv>['features'];

/**
 * Parses an array of command line arguments into a structured format.
 *
 * @param argv - An array of command line arguments, excluding the program
 * executable and file name. Typically used as
 * `parseArgv(process.argv.slice(2))`.
 * @param buildConfig - The build config.
 * @param buildConfig.buildTypes - The build types.
 * @param buildConfig.features - The features.
 * @returns An object representing the parsed arguments.
 */
export function parseArgv(
  argv: string[],
  { buildTypes, features }: BuildTypesConfig,
) {
  const allBuildTypeNames = Object.keys(buildTypes);
  const allFeatureNames = Object.keys(features);

  // args like `production` may change our CLI defaults, so we pre-parse them
  const preconditions = preParse(argv, prerequisites);
  const options = getOptions(preconditions, allBuildTypeNames, allFeatureNames);
  const args = getCli(options, 'yarn webpack').parseSync(argv);
  // the properties `$0` and `_` are added by yargs, but we don't need them. We
  // transform `add` and `omit`, so we also remove them from the config object.
  const { $0, _, addFeature: add, omitFeature: omit, ...config } = args;

  // set up feature flags
  const active = new Set<string>();
  const defaultFeaturesForBuildType = buildTypes[config.type].features ?? [];
  const setActive = (f: string) => omit.includes(f) || active.add(f);
  [defaultFeaturesForBuildType, add].forEach((feat) => feat.forEach(setActive));

  const ignore = new Set(['$0', 'conf', 'progress', 'stats', 'watch']);
  const cacheKey = Object.entries(args)
    .filter(([key]) => key.length > 1 && !ignore.has(key) && !key.includes('-'))
    .sort(([x], [y]) => x.localeCompare(y));
  return {
    // narrow the `config` type to only the options we're returning
    args: config as { [key in OptionsKeys]: (typeof config)[key] },
    cacheKey: JSON.stringify(cacheKey),
    features: {
      active,
      all: new Set(allFeatureNames),
    },
  };
}

/**
 * Gets a yargs instance for parsing CLI arguments.
 *
 * @param options
 * @param name
 */
// TODO: Fix in https://github.com/MetaMask/metamask-extension/issues/31860
// eslint-disable-next-line @typescript-eslint/naming-convention
function getCli<T extends YargsOptionsMap = Options>(options: T, name: string) {
  const cli = yargs()
    // Ensure unrecognized commands/options are reported as errors.
    .strict()
    // disable yargs's version, as we use it ourselves
    .version(false)
    // use the scriptName in `--help` output
    .scriptName(name)
    // wrap output at a maximum of 120 characters or `process.stdout.columns`
    .wrap(Math.min(120, process.stdout.columns))
    // enable the `--config` command, which allows the user to specify a custom
    // config file containing webpack options
    .config()
    .parserConfiguration({
      'strip-aliased': true,
      'strip-dashed': true,
    })
    // enable ENV parsing, which allows the user to specify webpack options via
    // environment variables prefixed with `BUNDLE_`
    // TODO: choose a better name than `BUNDLE` (it looks like `MM` is already being used in CI for ✨something✨)
    .env(ENV_PREFIX)
    // TODO: enable completion once https://github.com/yargs/yargs/pull/2422 is released.
    // enable the `completion` command, which outputs a bash completion script
    // .completion(
    //   'completion',
    //   'Enable bash/zsh completions; concat the script generated by running this command to your .bashrc or .bash_profile',
    // )
    .example(
      '$0 --env development --browser firefox --browser chrome --zip',
      'Builds the extension for development for Chrome & Firefox; generate zip files for both',
    )
    // TODO: enable completion once https://github.com/yargs/yargs/pull/2422 is released.
    // .example(
    //   '$0 completion',
    //   `Generates a bash completion script for the \`${name}\` command`,
    // )
    .updateStrings({
      'Options:': toOrange('Options:'),
      'Examples:': toOrange('Examples:'),
    })
    .options(options);
  return cli;
}

type Options = ReturnType<typeof getOptions>;

function getOptions(
  { env }: ReturnType<typeof preParse>,
  buildTypes: string[],
  allFeatures: string[],
) {
  const isProduction = env === 'production';
  const prodDefaultDesc = "If `env` is 'production', `true`, otherwise `false`";
  return {
    watch: {
      alias: 'w',
      array: false,
      default: false,
      description: 'Build then watch for files changes',
      group: toOrange('Developer assistance:'),
      type: 'boolean',
    },
    cache: {
      alias: 'c',
      array: false,
      default: true,
      description: 'Cache build for faster rebuilds',
      group: toOrange('Developer assistance:'),
      type: 'boolean',
    },
    progress: {
      alias: 'p',
      array: false,
      default: true,
      description: 'Show build progress',
      group: toOrange('Developer assistance:'),
      type: 'boolean',
    },
    devtool: {
      alias: 'd',
      array: false,
      default: isProduction ? 'hidden-source-map' : 'source-map',
      defaultDescription:
        "If `env` is 'production', 'hidden-source-map', otherwise 'source-map'",
      description: 'Sourcemap type to generate',
      choices: ['none', 'source-map', 'hidden-source-map'] as const,
      group: toOrange('Developer assistance:'),
      type: 'string',
    },
    sentry: {
      array: false,
      default: isProduction,
      defaultDescription: prodDefaultDesc,
      description: 'Enables/disables Sentry Application Monitoring',
      group: toOrange('Developer assistance:'),
      type: 'boolean',
    },
    test: {
      array: false,
      default: false,
      description: 'Enables/disables testing mode',
      group: toOrange('Developer assistance:'),
      type: 'boolean',
    },
    reactCompilerVerbose: {
      array: false,
      default: false,
      description:
        'Enables/disables React Compiler verbose mode and statistics',
      group: toOrange('Developer assistance:'),
      type: 'boolean',
    },
    reactCompilerDebug: {
      array: false,
      choices: ['all', 'critical', 'none'] as const,
      default: 'none',
      description:
        'Sets React Compiler panic threshold that fails the build for all errors or critical errors only. If `none`, the build will not fail.',
      group: toOrange('Developer assistance:'),
      type: 'string',
    },

    ...prerequisites,
    zip: {
      alias: 'z',
      array: false,
      default: false,
      description: 'Generate a zip file of the build',
      group: toOrange('Build options:'),
      type: 'boolean',
    },
    minify: {
      alias: 'm',
      array: false,
      default: isProduction,
      defaultDescription: "If `env` is 'production', `true`, otherwise `false`",
      description: 'Minify the output',
      group: toOrange('Build options:'),
      type: 'boolean',
    },
    browser: {
      alias: 'b',
      array: true,
      choices: ['all', ...Browsers],
      coerce: (browsers: (Browser | 'all')[]) => {
        type OneOrMoreBrowsers = [Browser, ...Browser[]];
        // sort browser for determinism (important for caching)
        const set = new Set<Browser | 'all'>(browsers.sort());
        return (set.has('all') ? [...Browsers] : [...set]) as OneOrMoreBrowsers;
      },
      default: 'chrome',
      description: 'Browsers to build for',
      group: toOrange('Build options:'),
      type: 'string',
    },
    // TODO: Fix in https://github.com/MetaMask/metamask-extension/issues/31860
    // eslint-disable-next-line @typescript-eslint/naming-convention
    manifest_version: {
      alias: 'v',
      array: false,
      choices: [2, 3] as Manifest['manifest_version'][],
      default: 3 as Manifest['manifest_version'],
      description: "Changes manifest.json format to the given version's schema",
      group: toOrange('Build options:'),
      type: 'number',
    },
    releaseVersion: {
      alias: 'r',
      array: false,
      default: 0,
      description:
        'The (pre)release version of the extension, e.g., the `6` in `18.7.25-flask.6`.',
      group: toOrange('Build options:'),
      type: 'number',
    },
    type: {
      alias: 't',
      array: false,
      choices: ['none', ...buildTypes],
      default: 'main' as const,
      description: 'Select the build type (main, beta, etc)',
      group: toOrange('Build options:'),
      type: 'string',
    },
    [addFeat]: {
      alias: 'a',
      array: true,
      choices: allFeatures,
      coerce: uniqueSort,
      default: [] as typeof allFeatures,
      description: 'Add features to be included in the selected build `type`',
      group: toOrange('Build options:'),
      type: 'string',
    },
    [omitFeat]: {
      alias: 'o',
      array: true,
      choices: allFeatures,
      coerce: uniqueSort,
      default: [] as typeof allFeatures,
      description: 'Omit features from the selected build `type`',
      group: toOrange('Build options:'),
      type: 'string',
    },
    validateEnv: {
      array: false,
      default: isProduction,
      defaultDescription: prodDefaultDesc,
      description:
        'Validate environment variables against builds.yml declarations',
      group: toOrange('Build options:'),
      type: 'boolean',
    },

    lavamoat: {
      alias: 'l',
      array: false,
      default: isProduction,
      defaultDescription: prodDefaultDesc,
      description: 'Apply LavaMoat to the build assets',
      group: toOrange('Security:'),
      type: 'boolean',
    },
    lavamoatDebug: {
      alias: 'u',
      array: false,
      default: false,
      description:
        'Enables/disables LavaMoat debug mode (ignored if `lavamoat` is not enabled)',
      group: toOrange('Security:'),
      type: 'boolean',
    },
    generatePolicy: {
      alias: 'g',
      array: false,
      default: false,
      description: 'Generate the LavaMoat policy',
      group: toOrange('Security:'),
      type: 'boolean',
    },
    snow: {
      alias: 's',
      array: false,
      default: isProduction,
      defaultDescription: prodDefaultDesc,
      description: 'Apply Snow to the build assets',
      group: toOrange('Security:'),
      type: 'boolean',
    },

    targetEnvironment: {
      array: false,
      choices: environmentOptions,
      defaultDescription:
        'Auto-detected from git context (branch name, CI environment)',
      description:
        'The build environment (production, staging, release-candidate, pull-request, other). ' +
        'Controls Sentry project targeting and feature flag detection. ' +
        'If not specified, auto-detected from git context.',
      group: toOrange('Build options:'),
      type: 'string',
    },

    dryRun: {
      array: false,
      default: false,
      description: 'Output the config without building',
      group: toOrange('Options:'),
      type: 'boolean',
    },
    stats: {
      array: false,
      default: false,
      description: 'Display build stats after building',
      group: toOrange('Options:'),
      type: 'boolean',
    },
  } as const satisfies YargsOptionsMap;
}

/**
 * Returns a string representation of the given arguments and features.
 *
 * @param args - The parsed CLI arguments
 * @param features - The active and available features
 * @param resolvedEnvironment - The resolved MetaMask environment
 */
export function getDryRunMessage(
  args: Args,
  features: Features,
  resolvedEnvironment: string,
) {
  return `🦊 Build Config 🦊

Environment (--env): ${args.env}
Target Environment: ${resolvedEnvironment}${resolvedEnvironment === args.targetEnvironment ? '' : ' (auto-detected)'}
Minify: ${args.minify}
Watch: ${args.watch}
Cache: ${args.cache}
Progress: ${args.progress}
Zip: ${args.zip}
LavaMoat: ${args.lavamoat}
LavaMoat debug: ${args.lavamoatDebug}
Generate policy: ${args.generatePolicy}
Snow: ${args.snow}
Sentry: ${args.sentry}
React Compiler verbose: ${args.reactCompilerVerbose}
React Compiler debug: ${args.reactCompilerDebug}
Validate Env: ${args.validateEnv}
Manifest version: ${args.manifest_version}
Release version: ${args.releaseVersion}
Browsers: ${args.browser.join(', ')}
Devtool: ${args.devtool}
Build type: ${args.type}
Features: ${[...features.active].join(', ')}
Test: ${args.test}
`;
}