Log environment in one place during build

.circleci/config.yml

@@ -109,7 +109,7 @@ jobs:
  command: |
  AUTO_VERSION=$(yarn auto version)
  if [[ $AUTO_VERSION ]]; then
- yarn lerna version $(echo $AUTO_VERSION) --force-publish --no-git-tag-version --yes
+ yarn lerna version $(echo $AUTO_VERSION) --no-git-tag-version --no-push --yes
  fi
 
  - run:

scripts/bin/build.ts

@@ -6,6 +6,7 @@ import { runAsyncProcess } from '../utils/run-async-process';
 import { handleError } from '../utils/handle-script-error';
 import { printSeparator } from '../utils/print-separator';
 import { getPackages, logPackages, promptForPackage } from '../utils/workspace-helpers';
+import { environment, logEnvironment } from '../utils/environment';
 
 async function buildPkgs(PKG: string) {
  printSeparator('Building');
@@ -25,9 +26,12 @@ async function main() {
  const PKG = await promptForPackage();
  const { packages } = await getPackages(PKG);
 
- console.log(`\nFound ${packages.length} packages to build:\n`);
+ console.log(`\nFound ${packages.length} packages to build:`);
  logPackages(packages);
 
+ console.log(`\nBuilding with the following environment:`);
+ logEnvironment();
+
  await buildPkgs(PKG);
 }
 

scripts/utils/environment.ts

@@ -2,9 +2,23 @@
 /* eslint-disable global-require */
 /* eslint-disable import/no-dynamic-require */
 
+import chalk from 'chalk';
 import path from 'path';
 
 export const environment = {
  WEB_VERSION: require(path.resolve(__dirname, '../../packages/magic-sdk/package.json')).version,
  REACT_NATIVE_VERSION: require(path.resolve(__dirname, '../../packages/@magic-sdk/react-native/package.json')).version,
 };
+
+export function logEnvironment() {
+ console.log(
+ Object.entries(environment)
+ .map(([key, value]) => {
+ return chalk`{rgb(0,255,255) ${key}}{gray :} ${value}`;
+ })
+ .reduce((prev, next, i) => {
+ if (i === 0) return chalk`${prev} {gray -} ${next}`;
+ return chalk`${prev}\n {gray -} ${next}`;
+ }, ''),
+ );
+}

scripts/utils/microbundle.ts

@@ -15,11 +15,6 @@ export async function microbundle(
  external?: string;
  } = {},
 ) {
- console.log(
- Object.entries(environment)
- .map(([key, value]) => `${key}=${value}`)
- .join(','),
- );
  if (options.output) {
  /* eslint-disable prettier/prettier */
  const args = [