feat: add entry name in console output

Useful for quickly identifying the error source.
swashata · Aug 6, 2020 · e1e4599 · e1e4599
1 parent 480f190
commit e1e4599
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 12 deletions.
diff --git a/packages/scripts/src/bin/serve.ts b/packages/scripts/src/bin/serve.ts
@@ -162,33 +162,41 @@ export function serve(options: ProgramOptions | undefined): void {
 					printGeneralInfoMessage(`changed: ${chalk.bold(file)}`);
 					printGeneralInfoMessage('reloading browser');
 				},
-				onTcStart() {
-					printGeneralInfoMessage('waiting for typecheck results...');
+				onTcStart(name) {
+					const msg = `${
+						name ? `[${chalk.green(name)}] ` : ''
+					}waiting for typecheck results...`;
+					printGeneralInfoMessage(msg);
 				},
 				onInfo(msg: string, symbol: string) {
 					printGeneralInfoMessage(msg, symbol);
 				},
 				onTcEnd(messages) {
+					const name = messages.name;
 					if (messages.errors.length || messages.warnings.length) {
 						if (messages.errors.length) {
-							printErrorHeading('TS ERROR');
+							printErrorHeading(
+								`${name ? `[${name}] ` : ''}TS ERROR`
+							);
 							messages.errors.forEach(e => {
 								console.log(e);
 								console.log('');
 							});
 						}
 						if (messages.warnings.length) {
-							printWarningHeading('TS WARNING');
+							printWarningHeading(
+								`${name ? `[${name}] ` : ''}TS WARNING`
+							);
 							messages.warnings.forEach(e => {
 								console.log(e);
 								console.log('');
 							});
 						}
 					} else {
-						printGeneralInfoMessage(
-							'no typecheck errors',
-							logSymbols.success
-						);
+						const msg = `${
+							name ? `[${chalk.green(name)}] ` : ''
+						}no typecheck errors`;
+						printGeneralInfoMessage(msg, logSymbols.success);
 					}
 				},
 			},

diff --git a/packages/scripts/src/bin/utils.ts b/packages/scripts/src/bin/utils.ts
@@ -89,7 +89,7 @@ export function printCompileTimeMessage(stat: any, lastStat: any | null) {
 			} else if (stat.warnings.length) {
 				name = chalk.yellow(entryName);
 			}
-			name = `${name} `;
+			name = `[${name}] `;
 		}
 
 		// get log symbol
@@ -108,7 +108,7 @@ export function printCompileTimeMessage(stat: any, lastStat: any | null) {
 
 		console.log(
 			addTimeStampToLog(
-				`${symbol} bundle ${name}${msg} ${chalk.magenta(
+				`${symbol} ${name}bundle ${msg} ${chalk.magenta(
 					`${stat.time}ms`
 				)}.`
 			)

diff --git a/packages/scripts/src/scripts/Server.ts b/packages/scripts/src/scripts/Server.ts
@@ -21,6 +21,7 @@ import { WpackioError } from '../errors/WpackioError';
 interface FormattedMessage {
 	errors: string[];
 	warnings: string[];
+	name?: string;
 }
 
 interface Callbacks {
@@ -31,7 +32,7 @@ interface Callbacks {
 	onWarn(warn: FormattedMessage): void;
 	onBsChange(file: string): void;
 	onEmit(stats: webpack.Stats): void;
-	onTcStart(): void;
+	onTcStart(name?: string): void;
 	onTcEnd(err: FormattedMessage): void;
 	onWatching(): void;
 	onInfo(msg: string, symbol: string): void;
@@ -414,6 +415,7 @@ export class Server {
 					tsMessagesResolver({
 						errors: [],
 						warnings: [],
+						name: compiler.name,
 					});
 				}
 			}
@@ -438,14 +440,15 @@ export class Server {
 				warnings: issues
 					.filter(msg => msg.severity === 'warning')
 					.map(format),
+				name: compiler.name,
 			});
 		});
 
 		// Once compilation is done, then show the message
 		done.tap('wpackIoServerDoneTs', async () => {
 			if (this.firstCompileCompleted) {
 				const delayedMsg = setTimeout(() => {
-					this.callbacks.onTcStart();
+					this.callbacks.onTcStart(compiler.name);
 				}, 100);
 				try {
 					const messages = await tsMessagesPromise;