Less spamming of the banner

Author: ericclemmons

package.json

@@ -51,6 +51,7 @@
   },
   "dependencies": {
     "@sindresorhus/fnv1a": "^1.2.0",
+    "ansi-escapes": "^4.1.0",
     "chalk": "^2.4.2",
     "cosmiconfig": "^5.2.0",
     "debug": "^4.1.1",

src/JestWatchPlugin.ts

@@ -1,6 +1,7 @@
 import { Mode, recorder } from "./index";
 
 const chalk = require("chalk");
+const ansi = require("ansi-escapes");
 
 module.exports = class JestWatchPlugin {
   changeMode() {
@@ -19,9 +20,9 @@ module.exports = class JestWatchPlugin {
   getUsageInfo() {
     return {
       key: "r",
-      prompt: `change recording mode from "${chalk.keyword("yellow")(
-        recorder.getModeEnum()
-      )}"`
+      prompt: `change recording mode from "${chalk
+        .keyword("orange")
+        .bold.inverse(recorder.getModeEnum())}"`
     };
   }
 
@@ -30,6 +31,10 @@ module.exports = class JestWatchPlugin {
   async run() {
     this.changeMode();
 
+    // Scroll up so that repeated presses of `r` don't spam the console
+    process.stdout.write(recorder.getModeBanner() + ansi.cursorUp(7));
+
+    // Set the mode for the next test worker's process
     process.env.RECORDER = recorder.getMode();
   }
 };

src/Recorder.ts

@@ -112,6 +112,7 @@ export class Recorder {
   private identities = new Map();
 
   private config: Config = {
+    mode: RECORDER as Mode,
     fixturesPath: path.resolve(process.cwd(), "__fixtures__")
   };
 
@@ -132,8 +133,8 @@ export class Recorder {
       this.configure(result.config as Config);
     }
 
-    if (!this.getMode()) {
-      this.configure({ mode: RECORDER as Mode });
+    if (log.enabled) {
+      log(this.getModeBanner());
     }
 
     // ! This only happens when running src/Recorder.ts & dist/Recorder.js
@@ -163,30 +164,7 @@ export class Recorder {
   }
 
   configure = (config: Config) => {
-    const changedMode = "mode" in config && this.getMode() !== config.mode;
-
     Object.assign(this.config, config);
-
-    if (changedMode) {
-      const modeEnum = this.getModeEnum() as string;
-
-      console.log(
-        [
-          "\n",
-          chalk.bgWhite("".padStart(23)),
-          chalk.bgWhite.hex("#3d4852")(
-            `  ${chalk.red("•")} R e c ${chalk.hex("#44883E")("⬢ ")} r d e r   `
-          ),
-          chalk.bgWhite("".padStart(23)),
-          chalk
-            .keyword("orange")
-            .bold.inverse(
-              modeEnum.padStart((23 + modeEnum.length) / 2).padEnd(23)
-            ),
-          "\n"
-        ].join("\n")
-      );
-    }
   };
 
   getFixture = (interceptedRequest: InterceptedRequest): Fixture => {
@@ -272,6 +250,23 @@ export class Recorder {
     return this.config.mode;
   }
 
+  getModeBanner() {
+    const modeEnum = this.getModeEnum() as string;
+
+    return [
+      "\n",
+      chalk.bgWhite("".padStart(23)),
+      chalk.bgWhite.hex("#3d4852")(
+        `  ${chalk.red("•")} R e c ${chalk.hex("#44883E")("⬢ ")} r d e r   `
+      ),
+      chalk.bgWhite("".padStart(23)),
+      chalk
+        .keyword("orange")
+        .bold.inverse(modeEnum.padStart((23 + modeEnum.length) / 2).padEnd(23)),
+      "\n"
+    ].join("\n");
+  }
+
   getModeEnum() {
     return Object.keys(Mode).find(
       (key) => Mode[key as keyof typeof Mode] === this.getMode()

yarn.lock

@@ -613,6 +613,13 @@ ansi-escapes@^3.0.0, ansi-escapes@^3.1.0, ansi-escapes@^3.2.0:
   resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-3.2.0.tgz#8780b98ff9dbf5638152d1f1fe5c1d7b4442976b"
   integrity sha512-cBhpre4ma+U0T1oM5fXg7Dy1Jw7zzwv7lt/GoCpr+hDQJoYnKVPLL4dCvSEFMmQurOQvSrwT7SL/DAlhBI97RQ==
 
+ansi-escapes@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-4.1.0.tgz#62a9e5fa78e99c5bb588b1796855f5d729231b53"
+  integrity sha512-2VY/iCUZTDLD/qxptS3Zn3c6k2MeIbYqjRXqM8T5oC7N2mMjh3xIU3oYru6cHGbldFa9h5i8N0fP65UaUqrMWA==
+  dependencies:
+    type-fest "^0.3.0"
+
 ansi-regex@^2.0.0:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-2.1.1.tgz#c3b33ab5ee360d86e0e628f0468ae7ef27d654df"
@@ -5539,6 +5546,11 @@ type-detect@^4.0.0, type-detect@^4.0.5:
   resolved "https://registry.yarnpkg.com/type-detect/-/type-detect-4.0.8.tgz#7646fb5f18871cfbb7749e69bd39a6388eb7450c"
   integrity sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==
 
+type-fest@^0.3.0:
+  version "0.3.1"
+  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.3.1.tgz#63d00d204e059474fe5e1b7c011112bbd1dc29e1"
+  integrity sha512-cUGJnCdr4STbePCgqNFbpVNCepa+kAVohJs1sLhxzdH+gnEoOd8VhbYa7pD3zZYGiURWM2xzEII3fQcRizDkYQ==
+
 type-is@~1.6.16:
   version "1.6.16"
   resolved "https://registry.yarnpkg.com/type-is/-/type-is-1.6.16.tgz#f89ce341541c672b25ee7ae3c73dee3b2be50194"