@loglayer/transport-pretty-terminal 2.0.0 → 3.0.1

package/dist/index.js

@@ -345,6 +345,7 @@ var DetailView = 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(chalk3.dim("\u2193 More content below"));
+    } else {
+      console.log(chalk3.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(chalk4.cyan("Filter:"), chalk4.white(this.config.filterText));
-      console.log(chalk4.dim("\u2500".repeat(this.termWidth)));
-    }
+    const topPadding = 5;
+    const availableHeight = process.stdout.rows - filterHeight - footerHeight - topPadding;
     if (this.config.logs.length === 0) {
       console.log(chalk4.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(wrap3(mainLine, this.termWidth - 2, { hard: true }));
+        const wrappedText = wrap3(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(chalk4.dim("\nType to filter \u2022 Enter to view details \u2022 TAB to exit"));
+    if (this.config.filterText) {
+      console.log(chalk4.dim("\u2500".repeat(this.termWidth)));
+      console.log(chalk4.cyan("Filter:"), chalk4.white(this.config.filterText));
+    }
   }
 };
 
@@ -1050,6 +1066,17 @@ var UIManager = class {
       }
       return;
     }
+    if (!this.isSelectionMode && !this.isDetailView && (key?.name === "up" || key?.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 = class {
       }, 3e3);
       return;
     }
-    if (!this.isSelectionMode && !this.isDetailView && key?.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 = class {
           }
           case "tab": {
             this.isSelectionMode = false;
+            this.isPaused = false;
             if (this.selectionViewPollInterval) {
               clearInterval(this.selectionViewPollInterval);
               this.selectionViewPollInterval = null;
@@ -1157,6 +1169,12 @@ var UIManager = 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;
           }
         }