kkt/src/overrides/printInstructions.ts

Create React apps with no build configuration, Cli tool for creating react apps.

import { reactDevUtils } from '../utils/path';
import { getDocsData } from '../plugins/staticDoc';
import { DevServerOptions } from '../utils/conf';
import { StartArgs } from '..';

export type OverridesPrintInstructionsOption = StartArgs & DevServerOptions & {};

/**
 * Try to get the client `port:3000` after startup
 * - `<APP Root>/node_modules/react-dev-utils/WebpackDevServerUtils.js`
 * - [create-react-app/react-dev-utils/WebpackDevServerUtils.js](https://github.com/facebook/create-react-app/blob/d960b9e38c062584ff6cfb1a70e1512509a966e7/packages/react-dev-utils/WebpackDevServerUtils.js#L78-L101)
 */
export function overridesPrintInstructions(opt: OverridesPrintInstructionsOption) {
  const WebpackDevServerUtilsPath = `${reactDevUtils}/WebpackDevServerUtils`;
  const devServerUtils = require(WebpackDevServerUtilsPath);
  const { createCompiler } = devServerUtils;
  devServerUtils.createCompiler = (option: any) => {
    if (opt.docs && !opt.printInstructions) {
      const { route } = getDocsData(opt.docs);
      option.urls.localUrlForTerminal += `\n  \\033[1mDocs Local:\\033[0m       ${option.urls?.localUrlForTerminal}${route}\n`;
      option.urls.lanUrlForTerminal += `\n  \\033[1mDocs On Your Network:\\033[0m   ${option.urls?.lanUrlForTerminal}${route}\n`;
    }
    if (opt.docs && opt.printInstructions) {
      const docData = getDocsData(opt.docs);
      opt.printInstructions({ ...opt, ...docData, createCompilerOption: option });
    }
    return createCompiler(option);
  };
  require.cache[require.resolve(WebpackDevServerUtilsPath)].exports = devServerUtils;
}