@loglayer/transport-pretty-terminal 2.0.0 → 3.0.0

package/dist/index.js

@@ -368,7 +368,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);
@@ -493,7 +493,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(
@@ -1050,6 +1059,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 +1088,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 +1151,7 @@ var UIManager = class {
           }
           case "tab": {
             this.isSelectionMode = false;
+            this.isPaused = false;
             if (this.selectionViewPollInterval) {
               clearInterval(this.selectionViewPollInterval);
               this.selectionViewPollInterval = null;
@@ -1157,6 +1162,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;
           }
         }