@loglayer/transport-pretty-terminal 2.0.0 → 3.0.1

package/README.md

@@ -6,7 +6,7 @@
 
 A transport for the [LogLayer](https://loglayer.dev) logging library that pretty-prints logs printed in the terminal.
 
-[![Pretty Terminal Transport Demo](https://asciinema.org/a/vQ3oaam0ntCUlN3JQQHwbeyKK.svg?t=4)](https://asciinema.org/a/vQ3oaam0ntCUlN3JQQHwbeyKK?t=4)
+![Pretty Terminal Transport](https://loglayer.dev/images/pretty-terminal/pretty-terminal-short-v2.gif)
 
 ## Features
 
@@ -16,10 +16,8 @@ A transport for the [LogLayer](https://loglayer.dev) logging library that pretty
 - 🔎 **Search/Filter Functionality** - Find specific logs with powerful filtering capabilities
 - 💅 **JSON Pretty Printing** - Beautifully formatted structured data with syntax highlighting
 - 🎭 **Configurable Themes** - Choose from pre-built themes or customize your own colors
-- 🔄 **Real-time Updates** - See logs as they happen with live updates
-- 📊 **Context Awareness** - View previous and next logs when inspecting entries
 
-## Installation``
+## Installation
 
 Visit the [Pretty Terminal docs](https://loglayer.dev/transports/pretty-terminal)
 for installation and usage.

package/dist/index.cjs

@@ -345,6 +345,7 @@ var DetailView = (_class = class {
   }
   render() {
     console.clear();
+    console.log("\n".repeat(5));
     if (this.config.isJsonView) {
       if (this.config.entry.data) {
         console.log(JSON.stringify(JSON.parse(this.config.entry.data)));
@@ -368,7 +369,7 @@ ${this.config.config.separatorColor("TAB to return to detailed view")}`);
       footerContent.push(nextLine);
     }
     footerContent.push("");
-    footerContent.push(this.config.config.separatorColor("TAB to exit \u2022 \u2191/\u2193 scroll \u2022 Q/W page up/down \u2022 J raw JSON"));
+    footerContent.push(this.config.config.separatorColor("\u2191/\u2193 scroll \u2022 Q/W page up/down \u2022 J raw JSON"));
     footerContent.push(this.config.config.separatorColor("\u2190/\u2192 navigate \u2022 A/S first/last log \u2022 C toggle arrays"));
     const mainContent = [];
     const levelColor = getLevelColor(this.config.entry.level, this.config.config.colors);
@@ -409,9 +410,10 @@ ${this.config.config.separatorColor("TAB to return to detailed view")}`);
     const footerHeight = footerContent.length;
     const scrollIndicatorLines = 2;
     const bufferSpace = 4;
+    const topPadding = 2;
     const availableHeight = Math.max(
       0,
-      process.stdout.rows - headerHeight - footerHeight - scrollIndicatorLines - bufferSpace
+      process.stdout.rows - headerHeight - footerHeight - scrollIndicatorLines - bufferSpace - topPadding
     );
     for (const line of headerContent) {
       console.log(line);
@@ -426,6 +428,8 @@ ${this.config.config.separatorColor("TAB to return to detailed view")}`);
     }
     if (this.config.scrollPos + availableHeight < mainContent.length) {
       console.log(chalk8.default.dim("\u2193 More content below"));
+    } else {
+      console.log(chalk8.default.dim("End of content"));
     }
     for (const line of footerContent) {
       console.log(line);
@@ -439,9 +443,10 @@ ${this.config.config.separatorColor("TAB to return to detailed view")}`);
     const footerHeight = 5;
     const scrollIndicatorLines = 2;
     const bufferSpace = 2;
+    const topPadding = 2;
     const availableHeight = Math.max(
       0,
-      process.stdout.rows - headerHeight - footerHeight - scrollIndicatorLines - bufferSpace
+      process.stdout.rows - headerHeight - footerHeight - scrollIndicatorLines - bufferSpace - topPadding
     );
     return Math.max(0, this.detailViewContent.length - availableHeight);
   }
@@ -462,13 +467,11 @@ var SelectionView = class {
   }
   render() {
     console.clear();
-    const headerHeight = this.config.filterText ? 2 : 0;
+    console.log("\n".repeat(5));
+    const filterHeight = this.config.filterText ? 2 : 0;
     const footerHeight = 2;
-    const availableHeight = process.stdout.rows - headerHeight - footerHeight;
-    if (this.config.filterText) {
-      console.log(chalk8.default.cyan("Filter:"), chalk8.default.white(this.config.filterText));
-      console.log(chalk8.default.dim("\u2500".repeat(this.termWidth)));
-    }
+    const topPadding = 5;
+    const availableHeight = process.stdout.rows - filterHeight - footerHeight - topPadding;
     if (this.config.logs.length === 0) {
       console.log(chalk8.default.yellow("No matching logs found"));
     } else {
@@ -493,7 +496,16 @@ var SelectionView = class {
         const message = entry.message;
         const data = entry.data ? ` ${formatInlineData(JSON.parse(entry.data), this.config.config, 0, 0, true)}` : "";
         const mainLine = `${prefix}${timestamp} ${chevron}${logId} ${message}${data}`;
-        console.log(_wrapansi2.default.call(void 0, mainLine, this.termWidth - 2, { hard: true }));
+        const wrappedText = _wrapansi2.default.call(void 0, mainLine, this.termWidth - 2, { hard: true });
+        if (isSelected) {
+          const lines = wrappedText.split("\n");
+          console.log(lines[0]);
+          for (const line of lines.slice(1)) {
+            console.log(`  ${this.config.config.selectorColor("\u2502")} ${line}`);
+          }
+        } else {
+          console.log(wrappedText);
+        }
       });
       if (endIdx < this.config.logs.length || this.config.newLogCount > 0) {
         const moreLogsText = this.config.newLogCount > 0 ? this.config.config.selectorColor(
@@ -503,6 +515,10 @@ var SelectionView = class {
       }
     }
     console.log(chalk8.default.dim("\nType to filter \u2022 Enter to view details \u2022 TAB to exit"));
+    if (this.config.filterText) {
+      console.log(chalk8.default.dim("\u2500".repeat(this.termWidth)));
+      console.log(chalk8.default.cyan("Filter:"), chalk8.default.white(this.config.filterText));
+    }
   }
 };
 
@@ -1050,6 +1066,17 @@ var UIManager = (_class3 = class {
       }
       return;
     }
+    if (!this.isSelectionMode && !this.isDetailView && (_optionalChain([key, 'optionalAccess', _3 => _3.name]) === "up" || _optionalChain([key, 'optionalAccess', _4 => _4.name]) === "down")) {
+      this.isSelectionMode = true;
+      this.filterText = "";
+      this.isPaused = true;
+      const storedLogs = this.storage.getAllLogs();
+      this.logs = storedLogs;
+      this.selectedIndex = key.name === "up" ? Math.max(0, this.logs.length - 1) : Math.max(0, this.logs.length - 1);
+      this.renderer.renderSelectionView(this.logs, this.selectedIndex, this.filterText, this.selectionBuffer.length);
+      this.startSelectionViewPolling();
+      return;
+    }
     if (!this.isSelectionMode && !this.isDetailView && ch === "c") {
       const newMode = this.renderer.cycleViewMode();
       console.clear();
@@ -1068,22 +1095,6 @@ var UIManager = (_class3 = class {
       }, 3e3);
       return;
     }
-    if (!this.isSelectionMode && !this.isDetailView && _optionalChain([key, 'optionalAccess', _3 => _3.name]) === "tab") {
-      this.isSelectionMode = true;
-      this.filterText = "";
-      if (this.isPaused) {
-        this.selectionBuffer = [...this.pauseBuffer];
-        this.pauseBuffer = [];
-        const storedLogs = this.storage.getAllLogs();
-        this.logs = storedLogs.slice(0, storedLogs.length - this.selectionBuffer.length);
-      } else {
-        this.updateFilteredLogs();
-      }
-      this.selectedIndex = Math.max(0, this.logs.length - 1);
-      this.renderer.renderSelectionView(this.logs, this.selectedIndex, this.filterText, this.selectionBuffer.length);
-      this.startSelectionViewPolling();
-      return;
-    }
     if (this.isSelectionMode) {
       if (key) {
         switch (key.name) {
@@ -1147,6 +1158,7 @@ var UIManager = (_class3 = class {
           }
           case "tab": {
             this.isSelectionMode = false;
+            this.isPaused = false;
             if (this.selectionViewPollInterval) {
               clearInterval(this.selectionViewPollInterval);
               this.selectionViewPollInterval = null;
@@ -1157,6 +1169,12 @@ var UIManager = (_class3 = class {
             for (const entry of logs) {
               this.renderer.renderLogLine(entry);
             }
+            if (this.selectionBuffer.length > 0) {
+              for (const entry of this.selectionBuffer) {
+                this.renderer.renderLogLine(entry);
+              }
+              this.selectionBuffer = [];
+            }
             return;
           }
         }
@@ -1169,7 +1187,7 @@ var UIManager = (_class3 = class {
       }
     }
     if (this.isDetailView) {
-      if (_optionalChain([key, 'optionalAccess', _4 => _4.name])) {
+      if (_optionalChain([key, 'optionalAccess', _5 => _5.name])) {
         switch (key.name) {
           case "up": {
             this.renderer.scrollDetailView(-1);
@@ -1704,15 +1722,15 @@ var PrettyTerminalTransport = (_class4 = class _PrettyTerminalTransport extends
         warn: chalk8.default.yellow,
         error: chalk8.default.red,
         fatal: chalk8.default.bgRed.white,
-        ..._optionalChain([theme, 'access', _5 => _5.detailedView, 'optionalAccess', _6 => _6.colors])
+        ..._optionalChain([theme, 'access', _6 => _6.detailedView, 'optionalAccess', _7 => _7.colors])
       },
-      logIdColor: _optionalChain([theme, 'access', _7 => _7.detailedView, 'optionalAccess', _8 => _8.logIdColor]) || chalk8.default.dim,
-      dataValueColor: _optionalChain([theme, 'access', _9 => _9.detailedView, 'optionalAccess', _10 => _10.dataValueColor]) || chalk8.default.white,
-      dataKeyColor: _optionalChain([theme, 'access', _11 => _11.detailedView, 'optionalAccess', _12 => _12.dataKeyColor]) || chalk8.default.dim,
-      selectorColor: _optionalChain([theme, 'access', _13 => _13.detailedView, 'optionalAccess', _14 => _14.selectorColor]) || chalk8.default.cyan,
-      headerColor: _optionalChain([theme, 'access', _15 => _15.detailedView, 'optionalAccess', _16 => _16.headerColor]) || chalk8.default.cyan,
-      labelColor: _optionalChain([theme, 'access', _17 => _17.detailedView, 'optionalAccess', _18 => _18.labelColor]) || chalk8.default.cyan.bold,
-      separatorColor: _optionalChain([theme, 'access', _19 => _19.detailedView, 'optionalAccess', _20 => _20.separatorColor]) || chalk8.default.dim,
+      logIdColor: _optionalChain([theme, 'access', _8 => _8.detailedView, 'optionalAccess', _9 => _9.logIdColor]) || chalk8.default.dim,
+      dataValueColor: _optionalChain([theme, 'access', _10 => _10.detailedView, 'optionalAccess', _11 => _11.dataValueColor]) || chalk8.default.white,
+      dataKeyColor: _optionalChain([theme, 'access', _12 => _12.detailedView, 'optionalAccess', _13 => _13.dataKeyColor]) || chalk8.default.dim,
+      selectorColor: _optionalChain([theme, 'access', _14 => _14.detailedView, 'optionalAccess', _15 => _15.selectorColor]) || chalk8.default.cyan,
+      headerColor: _optionalChain([theme, 'access', _16 => _16.detailedView, 'optionalAccess', _17 => _17.headerColor]) || chalk8.default.cyan,
+      labelColor: _optionalChain([theme, 'access', _18 => _18.detailedView, 'optionalAccess', _19 => _19.labelColor]) || chalk8.default.cyan.bold,
+      separatorColor: _optionalChain([theme, 'access', _20 => _20.detailedView, 'optionalAccess', _21 => _21.separatorColor]) || chalk8.default.dim,
       // JSON formatting colors for detailed data view
       jsonColors: {
         keysColor: chalk8.default.yellow,
@@ -1735,7 +1753,7 @@ var PrettyTerminalTransport = (_class4 = class _PrettyTerminalTransport extends
         // null/undefined
         dateColor: chalk8.default.magenta,
         // Date objects
-        ..._optionalChain([theme, 'access', _21 => _21.detailedView, 'optionalAccess', _22 => _22.jsonColors])
+        ..._optionalChain([theme, 'access', _22 => _22.detailedView, 'optionalAccess', _23 => _23.jsonColors])
       }
     };
     this.storage = new LogStorage(logFile);