Provide ability to preserve console output during watch (#158)

* Preserve console output during watch * Update README.md * Update index.ts
jaredpalmer · Jul 5, 2019 · 37d7664 · 37d7664
1 parent a382fd2
commit 37d7664
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 7 deletions.
diff --git a/README.md b/README.md
@@ -278,12 +278,13 @@ Usage
   $ tsdx watch [options]
 
 Options
-  -i, --entry    Entry module(s)
-  --target       Specify your target environment  (default web)
-  --name         Specify name exposed in UMD builds
-  --format       Specify module format(s)  (default cjs,esm)
-  --tsconfig     Specify your custom tsconfig path (default <root-folder>/tsconfig.json)
-  -h, --help     Displays this message
+  -i, --entry           Entry module(s)
+  --target              Specify your target environment  (default web)
+  --name                Specify name exposed in UMD builds
+  --format              Specify module format(s)  (default cjs,esm)
+  --tsconfig            Specify your custom tsconfig path (default <root-folder>/tsconfig.json)
+  --verbose             Keep outdated console output in watch mode instead of clearing the screen
+  -h, --help            Displays this message
 
 Examples
   $ tsdx watch --entry src/foo.tsx

diff --git a/src/index.ts b/src/index.ts
@@ -273,6 +273,11 @@ prog
   .example('watch --name Foo')
   .option('--format', 'Specify module format(s)', 'cjs,esm')
   .example('watch --format cjs,esm')
+  .option(
+    '--verbose',
+    'Keep outdated console output in watch mode instead of clearing the screen'
+  )
+  .example('watch --verbose')
   .option('--tsconfig', 'Specify custom tsconfig path')
   .example('build --tsconfig ./tsconfig.foo.json')
   .action(async (dirtyOpts: any) => {
@@ -294,7 +299,9 @@ prog
       }))
     ).on('event', async event => {
       if (event.code === 'START') {
-        clearConsole();
+        if (!opts.verbose) {
+          clearConsole();
+        }
         spinner.start(chalk.bold.cyan('Compiling modules...'));
       }
       if (event.code === 'ERROR') {