refactor(fancy): more minimal badges when width cannot be determined

unjs · Apr 11, 2023 · ad24029 · ad24029
1 parent ab59db6
commit ad24029
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git a/examples/no-width.ts b/examples/no-width.ts
@@ -0,0 +1,12 @@
+import { createConsola } from "../src";
+
+function main() {
+  const consola = createConsola({
+    formatOptions: { columns: 0 },
+  });
+  consola.info("Foobar");
+  const scoped = consola.withTag("test");
+  scoped.success("Foobar");
+}
+
+main();
diff --git a/src/reporters/fancy.ts b/src/reporters/fancy.ts
@@ -87,14 +87,14 @@ export default class FancyReporter extends BasicReporter {
 
     let line;
     const left = this.filterAndJoin([type, highlightBackticks(message)]);
-    const right = this.filterAndJoin([tag, coloredDate]);
+    const right = this.filterAndJoin(opts.columns ? [tag, coloredDate] : [tag]);
     const space =
       (opts.columns || 0) - stringWidth(left) - stringWidth(right) - 2;
 
     line =
       space > 0 && (opts.columns || 0) >= 80
         ? left + " ".repeat(space) + right
-        : `[ ${right} ] ${left}`;
+        : (right ? `${colors.gray(`[${right}]`)} ` : "") + left;
 
     line += highlightBackticks(
       additional.length > 0 ? "\n" + additional.join("\n") : ""