@flowscripter/dynamic-cli-framework 1.2.2 → 1.3.0

package/src/service/prettyPrinter/PrettyPrinterServiceProvider.ts

@@ -1,11 +1,6 @@
-import type {
-  ServiceInfo,
-  ServiceProvider,
-} from "../../api/service/ServiceProvider.ts";
+import type { ServiceInfo, ServiceProvider } from "../../api/service/ServiceProvider.ts";
 import DefaultPrettyPrinterService from "./DefaultPrettyPrinterService.ts";
-import {
-  PRETTY_PRINTER_SERVICE_ID,
-} from "../../api/service/core/PrettyPrinterService.ts";
+import { PRETTY_PRINTER_SERVICE_ID } from "../../api/service/core/PrettyPrinterService.ts";
 import type Context from "../../api/Context.ts";
 import type CLIConfig from "../../api/CLIConfig.ts";
 
@@ -21,9 +16,7 @@ export default class PrettyPrinterServiceProvider implements ServiceProvider {
    *
    * @param servicePriority the priority of the service.
    */
-  public constructor(
-    readonly servicePriority: number,
-  ) {
+  public constructor(readonly servicePriority: number) {
     this.#defaultPrettyPrinterService = new DefaultPrettyPrinterService();
   }
 

package/src/service/printer/DefaultPrinterService.ts

@@ -27,20 +27,14 @@ export default class DefaultPrinterService implements PrinterService {
   #spinner: Spinner;
   #progress: Progress;
 
-  async #log(
-    level: number,
-    message: string,
-    icon?: Icon,
-  ): Promise<void> {
+  async #log(level: number, message: string, icon?: Icon): Promise<void> {
     if (this.#threshold > level) {
       return;
     }
     await this.#spinner.pause();
     await this.#progress.pause();
     await this.#stderrTerminal.write(
-      `${
-        (icon !== undefined) ? `${this.#iconDefinitions[icon]} ` : ""
-      }${message}`,
+      `${icon !== undefined ? `${this.#iconDefinitions[icon]} ` : ""}${message}`,
     );
     this.#spinner.resume();
     this.#progress.resume();
@@ -65,31 +59,16 @@ export default class DefaultPrinterService implements PrinterService {
     this.#spinner = new Spinner(this.#stderrTerminal, this.#styler);
     this.#progress = new Progress(this.#stderrTerminal, this.#styler);
     this.darkMode = false;
-    this.#iconDefinitions = [
-      this.green("✔"),
-      this.red("✖"),
-      this.yellow("‼"),
-      this.blue("ℹ"),
-    ];
+    this.#iconDefinitions = [this.green("✔"), this.red("✖"), this.yellow("‼"), this.blue("ℹ")];
   }
 
   set colorEnabled(enabled: boolean) {
     this.#styler.colorEnabled = enabled;
     this.#stdoutIsColor = enabled;
     if (enabled) {
-      this.#iconDefinitions = [
-        this.green("✔"),
-        this.red("✖"),
-        this.yellow("‼"),
-        this.blue("ℹ"),
-      ];
+      this.#iconDefinitions = [this.green("✔"), this.red("✖"), this.yellow("‼"), this.blue("ℹ")];
     } else {
-      this.#iconDefinitions = [
-        "✔",
-        "✖",
-        "‼",
-        "ℹ",
-      ];
+      this.#iconDefinitions = ["✔", "✖", "‼", "ℹ"];
     }
   }
 
@@ -189,66 +168,42 @@ export default class DefaultPrinterService implements PrinterService {
   }
 
   #parseHexColor(hexFormattedColor: string): number {
-    if (
-      (hexFormattedColor.length !== 7) ||
-      (!hexFormattedColor.toLowerCase().startsWith("#"))
-    ) {
+    if (hexFormattedColor.length !== 7 || !hexFormattedColor.toLowerCase().startsWith("#")) {
       throw new Error(`Invalid color: ${hexFormattedColor}`);
     }
     const colorValue = parseInt(hexFormattedColor.slice(1), 16);
-    if (isNaN(colorValue) || (colorValue < 0 || colorValue > 0xffffff)) {
+    if (isNaN(colorValue) || colorValue < 0 || colorValue > 0xffffff) {
       throw new Error(`Invalid color: ${hexFormattedColor}`);
     }
     return colorValue;
   }
 
   public color(message: string, hexFormattedColor: string): string {
-    return this.#styler.colorText(
-      message,
-      this.#parseHexColor(hexFormattedColor),
-    );
+    return this.#styler.colorText(message, this.#parseHexColor(hexFormattedColor));
   }
 
   public backgroundPrimary(message: string): string {
-    return this.#styler.backgroundColorText(
-      message,
-      this.#theme[Color.PRIMARY]!,
-    );
+    return this.#styler.backgroundColorText(message, this.#theme[Color.PRIMARY]!);
   }
 
   public backgroundSecondary(message: string): string {
-    return this.#styler.backgroundColorText(
-      message,
-      this.#theme[Color.SECONDARY]!,
-    );
+    return this.#styler.backgroundColorText(message, this.#theme[Color.SECONDARY]!);
   }
 
   public backgroundEmphasised(message: string): string {
-    return this.#styler.backgroundColorText(
-      message,
-      this.#theme[Color.EMPHASISED]!,
-    );
+    return this.#styler.backgroundColorText(message, this.#theme[Color.EMPHASISED]!);
   }
 
   public backgroundSelected(message: string): string {
-    return this.#styler.backgroundColorText(
-      message,
-      this.#theme[Color.SELECTED]!,
-    );
+    return this.#styler.backgroundColorText(message, this.#theme[Color.SELECTED]!);
   }
 
   public backgroundYellow(message: string): string {
-    return this.#styler.backgroundColorText(
-      message,
-      this.#theme[Color.YELLOW]!,
-    );
+    return this.#styler.backgroundColorText(message, this.#theme[Color.YELLOW]!);
   }
 
   public backgroundOrange(message: string): string {
-    return this.#styler.backgroundColorText(
-      message,
-      this.#theme[Color.ORANGE]!,
-    );
+    return this.#styler.backgroundColorText(message, this.#theme[Color.ORANGE]!);
   }
 
   public backgroundRed(message: string): string {
@@ -256,17 +211,11 @@ export default class DefaultPrinterService implements PrinterService {
   }
 
   public backgroundMagenta(message: string): string {
-    return this.#styler.backgroundColorText(
-      message,
-      this.#theme[Color.MAGENTA]!,
-    );
+    return this.#styler.backgroundColorText(message, this.#theme[Color.MAGENTA]!);
   }
 
   public backgroundViolet(message: string): string {
-    return this.#styler.backgroundColorText(
-      message,
-      this.#theme[Color.VIOLET]!,
-    );
+    return this.#styler.backgroundColorText(message, this.#theme[Color.VIOLET]!);
   }
 
   public backgroundBlue(message: string): string {
@@ -282,10 +231,7 @@ export default class DefaultPrinterService implements PrinterService {
   }
 
   public backgroundColor(message: string, hexFormattedColor: string): string {
-    return this.#styler.backgroundColorText(
-      message,
-      this.#parseHexColor(hexFormattedColor),
-    );
+    return this.#styler.backgroundColorText(message, this.#parseHexColor(hexFormattedColor));
   }
 
   public async debug(message: string, icon?: Icon): Promise<void> {
@@ -311,9 +257,7 @@ export default class DefaultPrinterService implements PrinterService {
     const colorMessage = this.#stdoutIsColor ? this.primary(message) : message;
 
     const encoded = this.#encoder.encode(
-      `${
-        (icon !== undefined) ? `${this.#iconDefinitions[icon]} ` : ""
-      }${colorMessage}`,
+      `${icon !== undefined ? `${this.#iconDefinitions[icon]} ` : ""}${colorMessage}`,
     );
 
     await writer.ready;
@@ -336,10 +280,7 @@ export default class DefaultPrinterService implements PrinterService {
     return this.#threshold;
   }
 
-  public async showSpinner(
-    message?: string,
-    style?: SpinnerStyle,
-  ): Promise<void> {
+  public async showSpinner(message?: string, style?: SpinnerStyle): Promise<void> {
     await this.#progress.hideAll();
     if (this.#threshold > Level.INFO) {
       return;
@@ -380,11 +321,7 @@ export default class DefaultPrinterService implements PrinterService {
     await this.#progress.hideAll();
   }
 
-  public updateProgressBar(
-    handle: number,
-    current: number,
-    message?: string,
-  ): void {
+  public updateProgressBar(handle: number, current: number, message?: string): void {
     if (this.#threshold > Level.INFO) {
       return;
     }

package/src/service/printer/PrinterServiceProvider.ts

@@ -1,9 +1,6 @@
 import type Context from "../../api/Context.ts";
 import LogLevelCommand from "./command/LogLevelCommand.ts";
-import type {
-  ServiceInfo,
-  ServiceProvider,
-} from "../../api/service/ServiceProvider.ts";
+import type { ServiceInfo, ServiceProvider } from "../../api/service/ServiceProvider.ts";
 import type PrinterService from "../../api/service/core/PrinterService.ts";
 import { PRINTER_SERVICE_ID } from "../../api/service/core/PrinterService.ts";
 import DarkModeCommand from "./command/DarkModeCommand.ts";
@@ -27,10 +24,7 @@ export default class PrinterServiceProvider implements ServiceProvider {
    * @param servicePriority the priority of the service.
    * @param printerService the PrinterService implementation to use.
    */
-  public constructor(
-    servicePriority: number,
-    printerService: PrinterService,
-  ) {
+  public constructor(servicePriority: number, printerService: PrinterService) {
     this.servicePriority = servicePriority;
     this.printerService = printerService;
   }
@@ -48,9 +42,7 @@ export default class PrinterServiceProvider implements ServiceProvider {
   }
 
   initService(context: Context): Promise<void> {
-    const shutdownService = context.getServiceById(
-      SHUTDOWN_SERVICE_ID,
-    ) as ShutdownService;
+    const shutdownService = context.getServiceById(SHUTDOWN_SERVICE_ID) as ShutdownService;
     shutdownService.addShutdownListener(async () => {
       await this.printerService.hideSpinner();
       await this.printerService.hideAllProgressBars();

package/src/service/printer/command/DarkModeCommand.ts

@@ -23,20 +23,13 @@ export default class DarkModeCommand implements GlobalModifierCommand {
 
   readonly #printerServiceProvider: PrinterServiceProvider;
 
-  public constructor(
-    printerServiceProvider: PrinterServiceProvider,
-    executePriority: number,
-  ) {
+  public constructor(printerServiceProvider: PrinterServiceProvider, executePriority: number) {
     this.#printerServiceProvider = printerServiceProvider;
     this.executePriority = executePriority;
   }
 
-  public execute(
-    _context: Context,
-    argumentValue: ArgumentSingleValueType,
-  ): Promise<void> {
-    this.#printerServiceProvider.printerService!.darkMode =
-      argumentValue as boolean;
+  public execute(_context: Context, argumentValue: ArgumentSingleValueType): Promise<void> {
+    this.#printerServiceProvider.printerService!.darkMode = argumentValue as boolean;
 
     return Promise.resolve();
   }

package/src/service/printer/command/LogLevelCommand.ts

@@ -17,12 +17,7 @@ export default class LogLevelCommand implements GlobalModifierCommand {
   readonly enableConfiguration = true;
   readonly argument: GlobalCommandArgument = {
     type: ArgumentValueTypeName.STRING,
-    allowableValues: [
-      "DEBUG",
-      "INFO",
-      "WARN",
-      "ERROR",
-    ],
+    allowableValues: ["DEBUG", "INFO", "WARN", "ERROR"],
     isCaseInsensitive: true,
     defaultValue: "INFO",
     configurationKey: "LOG_LEVEL",
@@ -31,40 +26,26 @@ export default class LogLevelCommand implements GlobalModifierCommand {
 
   readonly #printerServiceProvider: PrinterServiceProvider;
 
-  public constructor(
-    printerServiceProvider: PrinterServiceProvider,
-    executePriority: number,
-  ) {
+  public constructor(printerServiceProvider: PrinterServiceProvider, executePriority: number) {
     this.#printerServiceProvider = printerServiceProvider;
     this.executePriority = executePriority;
   }
 
-  public execute(
-    _context: Context,
-    argumentValue: ArgumentSingleValueType,
-  ): Promise<void> {
+  public execute(_context: Context, argumentValue: ArgumentSingleValueType): Promise<void> {
     const logLevel = argumentValue as string;
 
     switch (logLevel.toUpperCase()) {
       case "DEBUG":
-        this.#printerServiceProvider.printerService!.setLevel(
-          Level.DEBUG,
-        );
+        this.#printerServiceProvider.printerService!.setLevel(Level.DEBUG);
         break;
       case "INFO":
-        this.#printerServiceProvider.printerService!.setLevel(
-          Level.INFO,
-        );
+        this.#printerServiceProvider.printerService!.setLevel(Level.INFO);
         break;
       case "WARN":
-        this.#printerServiceProvider.printerService!.setLevel(
-          Level.WARN,
-        );
+        this.#printerServiceProvider.printerService!.setLevel(Level.WARN);
         break;
       case "ERROR":
-        this.#printerServiceProvider.printerService!.setLevel(
-          Level.ERROR,
-        );
+        this.#printerServiceProvider.printerService!.setLevel(Level.ERROR);
         break;
     }
 

package/src/service/printer/command/NoColorCommand.ts

@@ -23,20 +23,13 @@ export default class NoColorCommand implements GlobalModifierCommand {
 
   readonly #printerServiceProvider: PrinterServiceProvider;
 
-  public constructor(
-    printerServiceProvider: PrinterServiceProvider,
-    executePriority: number,
-  ) {
+  public constructor(printerServiceProvider: PrinterServiceProvider, executePriority: number) {
     this.#printerServiceProvider = printerServiceProvider;
     this.executePriority = executePriority;
   }
 
-  public execute(
-    _context: Context,
-    argumentValue: ArgumentSingleValueType,
-  ): Promise<void> {
-    this.#printerServiceProvider.printerService!.colorEnabled =
-      !argumentValue as boolean;
+  public execute(_context: Context, argumentValue: ArgumentSingleValueType): Promise<void> {
+    this.#printerServiceProvider.printerService!.colorEnabled = !argumentValue as boolean;
 
     return Promise.resolve();
   }

package/src/service/printer/command/NoHyperlinksCommand.ts

@@ -20,20 +20,13 @@ export default class NoHyperlinksCommand implements GlobalModifierCommand {
 
   readonly #printerServiceProvider: PrinterServiceProvider;
 
-  public constructor(
-    printerServiceProvider: PrinterServiceProvider,
-    executePriority: number,
-  ) {
+  public constructor(printerServiceProvider: PrinterServiceProvider, executePriority: number) {
     this.#printerServiceProvider = printerServiceProvider;
     this.executePriority = executePriority;
   }
 
-  public execute(
-    _context: Context,
-    argumentValue: ArgumentSingleValueType,
-  ): Promise<void> {
-    this.#printerServiceProvider.printerService!.hyperlinksEnabled =
-      !argumentValue as boolean;
+  public execute(_context: Context, argumentValue: ArgumentSingleValueType): Promise<void> {
+    this.#printerServiceProvider.printerService!.hyperlinksEnabled = !argumentValue as boolean;
 
     return Promise.resolve();
   }

package/src/service/printer/terminal/Progress.ts

@@ -6,10 +6,7 @@ const RATE_SMOOTHING_FACTOR = 0.005;
 export { ProgressStyle } from "../../../api/service/core/PrinterService.ts";
 import { ProgressStyle } from "../../../api/service/core/PrinterService.ts";
 
-const STYLE_CHARS: Record<
-  ProgressStyle,
-  { complete: string; remaining: string }
-> = {
+const STYLE_CHARS: Record<ProgressStyle, { complete: string; remaining: string }> = {
   [ProgressStyle.STROKE]: { complete: "=", remaining: "-" },
   [ProgressStyle.FILL]: { complete: "▰", remaining: "▱" },
 };
@@ -44,12 +41,7 @@ export default class Progress {
     this.#styler = styler;
   }
 
-  public add(
-    units: string,
-    message: string,
-    total: number,
-    current: number,
-  ): number {
+  public add(units: string, message: string, total: number, current: number): number {
     if (total < 0) {
       total = 100;
     }
@@ -86,13 +78,11 @@ export default class Progress {
     if (bar.lastMillis === undefined) {
       bar.rate = ((current - bar.current) * 1000) / (now - bar.startMillis!);
     } else {
-      let currentRate = ((current - bar.current) * 1000) /
-        (now - bar.lastMillis!);
+      let currentRate = ((current - bar.current) * 1000) / (now - bar.lastMillis!);
       if (!isFinite(currentRate)) {
         currentRate = 0;
       }
-      bar.rate = (currentRate * RATE_SMOOTHING_FACTOR) +
-        (bar.rate! * (1 - RATE_SMOOTHING_FACTOR));
+      bar.rate = currentRate * RATE_SMOOTHING_FACTOR + bar.rate! * (1 - RATE_SMOOTHING_FACTOR);
     }
     bar.lastMillis = now;
   }
@@ -108,7 +98,7 @@ export default class Progress {
     if (current > bar.total) {
       current = bar.total;
     }
-    if ((current === bar.total) && (bar.endMillis === undefined)) {
+    if (current === bar.total && bar.endMillis === undefined) {
       bar.endMillis = Date.now();
     }
 
@@ -189,7 +179,7 @@ export default class Progress {
     const now = Date.now();
 
     // force render after one second to update newly calculated eta
-    if ((now - this.#lastRenderTime >= 1000) && !this.#isDirty) {
+    if (now - this.#lastRenderTime >= 1000 && !this.#isDirty) {
       this.#bars.forEach((bar) => this.#updateRate(bar, bar.current));
       this.#isDirty = true;
     }
@@ -204,69 +194,80 @@ export default class Progress {
     const consoleWidth = this.#terminal.columns();
     const lines: Array<string> = [];
 
-    const barInfo: Array<
-      {
-        name: string;
-        prefix: string;
-        available: number;
-        suffix: string;
-        bar: Bar;
-      }
-    > = [];
+    const barInfo: Array<{
+      name: string;
+      prefix: string;
+      available: number;
+      suffix: string;
+      bar: Bar;
+    }> = [];
 
     this.#bars.forEach((bar) => {
-      const name = `${this.#styler.colorText(bar.name, this.#valColor)}${
-        this.#styler.colorText(":", this.#labColor)
-      }`;
+      const name = `${this.#styler.colorText(bar.name, this.#valColor)}${this.#styler.colorText(
+        ":",
+        this.#labColor,
+      )}`;
       const prefix = `${this.#styler.colorText("[", this.#labColor)}`;
       let visibleWidth = 1;
       const percentString = ((bar.current / bar.total) * 100).toFixed(2);
-      const percent = this.#styler.colorText(
-        percentString,
-        this.#valColor,
-      ) + this.#styler.colorText("%,", this.#labColor);
+      const percent =
+        this.#styler.colorText(percentString, this.#valColor) +
+        this.#styler.colorText("%,", this.#labColor);
       visibleWidth += percentString.length + 1;
 
-      const rate = `${
-        this.#styler.colorText(
-          (bar.rate === undefined) ? "-" : bar.rate.toFixed(2) + "",
-          this.#valColor,
-        )
-      }`;
+      const rateText = bar.rate === undefined ? "-" : bar.rate.toFixed(2) + "";
+      const rate = `${this.#styler.colorText(rateText, this.#valColor)}`;
 
       let suffix = `${this.#styler.colorText("]", this.#labColor)} ${percent} `;
       visibleWidth += 3;
       if (bar.current === bar.total) {
         const taken = this.#formatTime(bar.endMillis! - bar.startMillis!);
         const totalString = bar.total + "";
-        suffix += `${this.#styler.colorText(totalString, this.#valColor)}${
-          this.#styler.colorText(bar.units + ", rate:", this.#labColor)
-        } ${rate}${
-          this.#styler.colorText(
-            bar.units + "/s, time taken:",
-            this.#labColor,
-          )
-        } ${taken}`;
-        visibleWidth + totalString.length + bar.units.length + 7 + 1 +
-          rate.length + bar.units.length + 15 + 1 + taken.length;
+        suffix += `${this.#styler.colorText(totalString, this.#valColor)}${this.#styler.colorText(
+          bar.units + ", rate:",
+          this.#labColor,
+        )} ${rate}${this.#styler.colorText(
+          bar.units + "/s, time taken:",
+          this.#labColor,
+        )} ${taken}`;
+        visibleWidth +=
+          totalString.length +
+          bar.units.length +
+          7 +
+          1 +
+          rateText.length +
+          bar.units.length +
+          15 +
+          1 +
+          taken.length;
       } else {
-        const remaining = ((bar.rate === undefined) || (bar.rate === 0))
-          ? "-"
-          : this.#formatTime(((bar.total - bar.current) / bar.rate) * 1000);
+        const remaining =
+          bar.rate === undefined || bar.rate === 0
+            ? "-"
+            : this.#formatTime(((bar.total - bar.current) / bar.rate) * 1000);
         const currentString = bar.current + "";
         const totalString = bar.total + "";
-        suffix += `${this.#styler.colorText(currentString, this.#valColor)}${
-          this.#styler.colorText("/", this.#labColor)
-        }${this.#styler.colorText(totalString, this.#valColor)}${
-          this.#styler.colorText(bar.units + ", rate:", this.#labColor)
-        } ${rate}${
-          this.#styler.colorText(
-            bar.units + "/s, time remaining:",
-            this.#labColor,
-          )
-        } ${remaining}`;
-        visibleWidth + currentString.length + 1 + totalString.length +
-          bar.units.length + 7 + 1 + rate.length + bar.units.length + 19 + 1 +
+        suffix += `${this.#styler.colorText(currentString, this.#valColor)}${this.#styler.colorText(
+          "/",
+          this.#labColor,
+        )}${this.#styler.colorText(totalString, this.#valColor)}${this.#styler.colorText(
+          bar.units + ", rate:",
+          this.#labColor,
+        )} ${rate}${this.#styler.colorText(
+          bar.units + "/s, time remaining:",
+          this.#labColor,
+        )} ${remaining}`;
+        visibleWidth +=
+          currentString.length +
+          1 +
+          totalString.length +
+          bar.units.length +
+          7 +
+          1 +
+          rateText.length +
+          bar.units.length +
+          19 +
+          1 +
           remaining.length;
       }
       let available = consoleWidth - visibleWidth;
@@ -291,9 +292,7 @@ export default class Progress {
     totalLength = Math.min(50, totalLength);
 
     barInfo.forEach((barInfo) => {
-      const completeLength = Math.floor(
-        totalLength * barInfo.bar.current / barInfo.bar.total,
-      );
+      const completeLength = Math.floor((totalLength * barInfo.bar.current) / barInfo.bar.total);
       const chars = STYLE_CHARS[this.#style];
       const complete = this.#styler.colorText(
         chars.complete.repeat(completeLength),
@@ -351,40 +350,50 @@ export default class Progress {
   #formatTime(millis: number): string {
     let sec = millis / 1000;
     if (sec < 60) {
-      return `${this.#styler.colorText(sec.toFixed(0), this.#valColor)}${
-        this.#styler.colorText("s", this.#labColor)
-      }`;
+      return `${this.#styler.colorText(sec.toFixed(0), this.#valColor)}${this.#styler.colorText(
+        "s",
+        this.#labColor,
+      )}`;
     }
     let min = Math.floor(sec / 60);
     sec %= 60;
     if (min < 60) {
-      return `${this.#styler.colorText(min.toFixed(0), this.#valColor)}${
-        this.#styler.colorText("m", this.#labColor)
-      } ${this.#styler.colorText(sec.toFixed(0), this.#valColor)}${
-        this.#styler.colorText("s", this.#labColor)
-      }`;
+      return `${this.#styler.colorText(min.toFixed(0), this.#valColor)}${this.#styler.colorText(
+        "m",
+        this.#labColor,
+      )} ${this.#styler.colorText(sec.toFixed(0), this.#valColor)}${this.#styler.colorText(
+        "s",
+        this.#labColor,
+      )}`;
     }
     let hour = Math.floor(min / 60);
     min %= 60;
     if (hour < 24) {
-      return `${this.#styler.colorText(hour.toFixed(0), this.#valColor)}${
-        this.#styler.colorText("h", this.#labColor)
-      } ${this.#styler.colorText(min.toFixed(0), this.#valColor)}${
-        this.#styler.colorText("m", this.#labColor)
-      } ${this.#styler.colorText(sec.toFixed(0), this.#valColor)}${
-        this.#styler.colorText("s", this.#labColor)
-      }`;
+      return `${this.#styler.colorText(hour.toFixed(0), this.#valColor)}${this.#styler.colorText(
+        "h",
+        this.#labColor,
+      )} ${this.#styler.colorText(min.toFixed(0), this.#valColor)}${this.#styler.colorText(
+        "m",
+        this.#labColor,
+      )} ${this.#styler.colorText(sec.toFixed(0), this.#valColor)}${this.#styler.colorText(
+        "s",
+        this.#labColor,
+      )}`;
     }
     const day = Math.floor(hour / 24);
     hour %= 24;
-    return `${this.#styler.colorText(day.toFixed(0), this.#valColor)}${
-      this.#styler.colorText("d", this.#labColor)
-    } ${this.#styler.colorText(hour.toFixed(0), this.#valColor)}${
-      this.#styler.colorText("h", this.#labColor)
-    } ${this.#styler.colorText(min.toFixed(0), this.#valColor)}${
-      this.#styler.colorText("m", this.#labColor)
-    } ${this.#styler.colorText(sec.toFixed(0), this.#valColor)}${
-      this.#styler.colorText("s", this.#labColor)
-    }`;
+    return `${this.#styler.colorText(day.toFixed(0), this.#valColor)}${this.#styler.colorText(
+      "d",
+      this.#labColor,
+    )} ${this.#styler.colorText(hour.toFixed(0), this.#valColor)}${this.#styler.colorText(
+      "h",
+      this.#labColor,
+    )} ${this.#styler.colorText(min.toFixed(0), this.#valColor)}${this.#styler.colorText(
+      "m",
+      this.#labColor,
+    )} ${this.#styler.colorText(sec.toFixed(0), this.#valColor)}${this.#styler.colorText(
+      "s",
+      this.#labColor,
+    )}`;
   }
 }