Method #renderEnvinfo

packages/webpack-cli/src/webpack-cli.ts:1770–1813

* Renders the plain-text output of `envinfo` (used by `info` and `version`) * into branded sections with aligned rows. Section titles keep their trailing * colon so existing tooling/assertions that grep for e.g. "System:" keep * working, and "requested => resolved" version pairs are shown w

(raw: string)

   * @returns {string} The styled, section-divided output.
   */
  #renderEnvinfo(raw: string): string {
    const { bold, cyan, green } = this.colors;
    const lines: string[] = [];
    const sections: { title: string; rows: { label: string; value: string }[] }[] = [];
    let section: (typeof sections)[number] | undefined;

    for (const line of raw.split("\n")) {
      const sectionMatch = /^ {2}(\S[^:]*):\s*$/.exec(line);

      if (sectionMatch) {
        section = { title: sectionMatch[1].trim(), rows: [] };
        sections.push(section);
        continue;
      }

      const rowMatch = /^ {4}([^:]+):\s*(.*)$/.exec(line);

      if (rowMatch && section) {
        section.rows.push({ label: rowMatch[1].trim(), value: rowMatch[2].trim() || "N/A" });
      }
    }

    for (const { title, rows } of sections) {
      if (rows.length === 0) {
        continue;
      }

      const labelWidth = Math.max(...rows.map((row) => row.label.length)) + 1;

      lines.push("", this.#uiHeader(`${title}:`), this.#uiDivider());

      for (const { label, value } of rows) {
        const arrowIndex = value.indexOf("=>");
        const renderedValue =
          arrowIndex === -1
            ? green(value)
            : `${green(value.slice(0, arrowIndex).trim())} ${cyan("→")} ${bold(green(value.slice(arrowIndex + 2).trim()))}`;

        lines.push(`${UI_INDENT}${bold(`${label}:`.padEnd(labelWidth))}  ${renderedValue}`);
      }
    }

    return [...lines, this.#uiDivider()].join("\n");
  }

  /**
   * Prints a framed command screen: a branded header, the command body, and the