feat: log dividers with terminal width

core/src/cli/command-line.ts

@@ -20,8 +20,7 @@ import { findProjectConfig } from "../config/base"
 import { toGardenError } from "../exceptions"
 import { Garden } from "../garden"
 import type { Log } from "../logger/log-entry"
-import { getRootLogger } from "../logger/logger"
-import { renderDivider } from "../logger/util"
+import { getTermWidth, renderDivider } from "../logger/util"
 import { getGardenForRequest } from "../server/commands"
 import type { GardenInstanceManager } from "../server/instance-manager"
 import { TypedEventEmitter } from "../util/events"
@@ -457,15 +456,10 @@ export class CommandLine extends TypedEventEmitter<CommandLineEvents> {
     this.renderCommandLine()
   }
 
-  getTermWidth() {
-    // TODO: accept stdout in constructor
-    return process.stdout?.columns || 100
-  }
-
   private printWithDividers(text: string, title: string) {
     let width = max(text.split("\n").map((l) => stringWidth(l.trimEnd()))) || 0
     width += 2
-    const termWidth = this.getTermWidth()
+    const termWidth = getTermWidth()
     const minWidth = stringWidth(title) + 10
 
     if (width > termWidth) {
@@ -668,7 +662,7 @@ ${chalk.white.underline("Keys:")}
     opts: ParameterValues<any>
   }) {
     const id = uuidv4()
-    const width = this.getTermWidth() - 2
+    const width = getTermWidth() - 2
 
     const prepareParams = {
       log: this.log,

core/src/logger/util.ts

@@ -99,14 +99,17 @@ const getNumberOfCharsPerWidth = (char: string, width: number) => width / string
 
 // Adapted from https://github.com/JureSotosek/ink-divider
 export function renderDivider({
-  width = 80,
+  width = undefined,
   char = "─",
   titlePadding = 1,
   color,
   title,
   padding = 0,
 }: DividerOpts = {}) {
   const pad = " "
+  if (!width) {
+    width = getTermWidth()
+  }
 
   if (!color) {
     color = chalk.white
@@ -124,6 +127,11 @@ export function renderDivider({
   return paddingString + dividerSideString + titleString + dividerSideString + paddingString
 }
 
+export const getTermWidth = () => {
+  // TODO: accept stdout as param
+  return process.stdout?.columns || 100
+}
+
 export function renderDuration(duration: number): string {
   return `(took ${duration} sec)`
 }