@pega/custom-dx-components/src/tasks/promote-webpack/index.js

Utility for building custom UI components

import fs from 'fs';
import path from 'path';
import { join } from 'path';
import { URL, fileURLToPath } from 'url';
import chalk from 'chalk';
import inquirer from 'inquirer';

import { checkPathAccess, showVersion, updateUseWebPackPromotion, getLibraryBased, addDebugLog } from '../../util.js';

import { WEBPACK_CONFIG_JS_FILENAME, WEBPACK_PATHS_JS_FILENAME, PACKAGE_JSON_FILENAME, BUILDER_DIR_FILE_PATH } from '../../constants.js';

export const copyWebPack = async () => {
  addDebugLog('copyWebPack', '', '');

  // first check to see if already have the file
  const newWebPackConfigDir = path.resolve(WEBPACK_CONFIG_JS_FILENAME);
  const newWebPackPathsDir = path.resolve(WEBPACK_PATHS_JS_FILENAME);
  let override = true;
  if (fs.existsSync(newWebPackConfigDir)) {
    console.log(`Promoted file ${chalk.bold.yellow(`${newWebPackConfigDir}`)} already exists.`);
    const questions = [
      {
        name: 'override',
        type: 'confirm',
        message: `Overwrite`,
        default: false
      }
    ];

    await inquirer.prompt(questions).then(async answers => {
      override = answers.override;
    });
  }

  if (override) {
    const currentDirectory = process.cwd();
    const packageJsonPath = join(currentDirectory, PACKAGE_JSON_FILENAME);

    await checkPathAccess(packageJsonPath);

    let data = fs.readFileSync(packageJsonPath, { encoding: 'utf8' });
    data = JSON.parse(data);

    // if top level package.json is of type=module, then promote standard webpack.config.js that is being
    // used in builder (along with paths.js file), otherwise promote the local copy in promote-webpack directory, which is a version
    // modified to support "require" instead of "import" (and paths code is inside the webpack.config.js file)
    if (data['type'] && data['type'] === 'module') {
      const builderIndexDir = fileURLToPath(new URL(BUILDER_DIR_FILE_PATH, import.meta.url));

      const promoteWebPackConfigDir = path.resolve(path.join(builderIndexDir, WEBPACK_CONFIG_JS_FILENAME));
      const promoteWebPackPathsDir = path.resolve(path.join(builderIndexDir, WEBPACK_PATHS_JS_FILENAME));

      fs.copyFileSync(promoteWebPackConfigDir, newWebPackConfigDir);
      fs.copyFileSync(promoteWebPackPathsDir, newWebPackPathsDir);
    } else {
      const newWebPackDir = path.resolve(WEBPACK_CONFIG_JS_FILENAME);
      const promoteWebPackDir = fileURLToPath(new URL(WEBPACK_CONFIG_JS_FILENAME, import.meta.url));

      fs.copyFileSync(promoteWebPackDir, newWebPackDir);
    }

    console.log(chalk.bold.green(`Bundler now using ${newWebPackConfigDir}.`));
    console.log(chalk.bold.green(`Utilize this file for webpack modifications.`));
  }
};

export default async options => {
  const isLibraryBased = getLibraryBased();
  if (isLibraryBased) {
    console.log(`Command only supported for ${chalk.bold.green('non library mode')} components.`);
    process.exit();
  }

  await showVersion();
  addDebugLog('promoteWebPack', '', '+');

  await copyWebPack();
  await updateUseWebPackPromotion(true);

  addDebugLog('promoteWebPack', 'END', '-');
};