Add watch event detail log

.changeset/silly-drinks-divide.md

@@ -0,0 +1,5 @@
+---
+"@ima/plugin-cli": patch
+---
+
+Add watch event detail about eventName and its target

packages/plugin-cli/src/utils/commands.ts

@@ -1,7 +1,7 @@
 import fs from 'fs';
 import path from 'path';
 
-import { logger, time } from '@ima/dev-utils/logger';
+import { logger, time, printTime } from '@ima/dev-utils/logger';
 import anymatch from 'anymatch';
 import chalk from 'chalk';
 import chokidar from 'chokidar';
@@ -56,7 +56,7 @@ export async function parsePkgJson(basePath: string): Promise<{
 }
 
 function errorHandler(error: Error) {
-  logger.error('An error occurred while wathing files');
+  logger.error('An error occurred while watching files');
   console.error(error);
 }
 
@@ -187,6 +187,7 @@ export async function watch(args: Arguments) {
       .on('error', errorHandler)
       .on('all', async (eventName, filePath) => {
         const contextPath = path.relative(inputDir, filePath);
+        const fileName = path.basename(filePath);
 
         batch(async () => {
           switch (eventName) {
@@ -203,13 +204,17 @@ export async function watch(args: Arguments) {
                   const outputContextPath = path.join(outputPath, contextPath);
 
                   if (fs.existsSync(outputContextPath)) {
+                    logger.write(
+                      `${printTime()} ${chalk.green('Unlink')}: ${fileName}`
+                    );
                     await fs.promises.rm(outputContextPath, {
                       recursive: true,
                     });
                   }
                 },
                 cwd
               );
+
               break;
 
             default:

packages/plugin-cli/src/utils/process.ts

@@ -1,7 +1,7 @@
 import fs from 'fs';
 import path from 'path';
 
-import { logger } from '@ima/dev-utils/logger';
+import { logger, printTime } from '@ima/dev-utils/logger';
 import chalk from 'chalk';
 
 import {
@@ -255,6 +255,12 @@ export async function createProcessingPipeline(ctx: Context) {
           filePath,
           outputDir,
         };
+        const outputFilename = path.join(outputDir, fileName);
+
+        ctx.command === 'link' &&
+          logger.write(
+            `${printTime()} ${chalk.green('Linking')}: ${outputFilename}`
+          );
 
         // Process transforms
         source = await processTransformers(