🪟 🔧 Improve Output when overwriting experiments (airbytehq#22409)

* Improve Output when overwriting experiments

* FIx file name in log

* Update pnpm lockfile

Author: Tim Roes

airbyte-webapp/package.json

@@ -133,6 +133,7 @@
     "@vitejs/plugin-basic-ssl": "^1.0.1",
     "@vitejs/plugin-react": "^3.0.1",
     "babel-jest": "^29.3.1",
+    "chalk": "^4.1.2",
     "dotenv": "^16.0.3",
     "eslint": "^8.32.0",
     "eslint-config-prettier": "^8.6.0",

airbyte-webapp/pnpm-lock.yaml

@@ -1,14 +1,22 @@
 const fs = require("fs");
+const { isMainThread } = require("node:worker_threads");
 const path = require("path");
 
+const chalk = require("chalk");
+
 const EXPERIMENTS_FILE = path.resolve(__dirname, "../.experiments.json");
 
 if (fs.existsSync(EXPERIMENTS_FILE)) {
-  console.log("\nOverwriting experiments from .experiments.json ...");
   const overwrites = require(EXPERIMENTS_FILE);
 
   if (Object.keys(overwrites).length) {
-    console.log(`Overwriting experiments with the following values:\n\n${JSON.stringify(overwrites, null, 2)}`);
+    if (isMainThread) {
+      // Only print the message in the main thread, so it's not showing up in all the worker threads of vite-plugin-checker
+      console.log(chalk.bold(`🧪 Overwriting experiments via ${chalk.green(".experiments.json")}`));
+      Object.entries(overwrites).forEach(([key, value]) => {
+        console.log(`   ➜ ${chalk.cyan(key)}: ${JSON.stringify(value)}`);
+      });
+    }
     process.env.REACT_APP_EXPERIMENT_OVERWRITES = JSON.stringify(overwrites);
   }
 }

airbyte-webapp/scripts/dev-overwrites.js

@@ -55,6 +55,7 @@ export default defineConfig(({ mode }) => {
     ],
     // Use `REACT_APP_` as a prefix for environment variables that should be accessible from within FE code.
     envPrefix: ["REACT_APP_"],
+    clearScreen: false,
     build: {
       outDir: "build/app",
     },