esp32tool 1.6.4 → 1.6.6

package/dist/console.d.ts

@@ -4,10 +4,14 @@ export declare class ESP32ToolConsole {
     private cancelConnection?;
     private containerElement;
     private allowInput;
+    private commandHistory;
+    private historyIndex;
+    private currentInput;
     constructor(port: SerialPort, containerElement: HTMLElement, allowInput?: boolean);
     logs(): string;
     init(): Promise<void>;
     private _connect;
+    private _navigateHistory;
     private _sendCommand;
     clear(): void;
     reset(): Promise<void>;

package/dist/console.js

@@ -1,7 +1,12 @@
 import { ColoredConsole, coloredConsoleStyles } from "./util/console-color.js";
 import { LineBreakTransformer } from "./util/line-break-transformer.js";
+import { TimestampTransformer } from "./util/timestamp-transformer.js";
 export class ESP32ToolConsole {
     constructor(port, containerElement, allowInput = true) {
+        // Command history buffer
+        this.commandHistory = [];
+        this.historyIndex = -1;
+        this.currentInput = "";
         this.port = port;
         this.containerElement = containerElement;
         this.allowInput = allowInput;
@@ -137,6 +142,20 @@ export class ESP32ToolConsole {
                     ev.stopPropagation();
                     this._sendCommand();
                 }
+                else if (ev.key === "ArrowUp") {
+                    ev.preventDefault();
+                    this._navigateHistory(1, input);
+                }
+                else if (ev.key === "ArrowDown") {
+                    ev.preventDefault();
+                    this._navigateHistory(-1, input);
+                }
+                else {
+                    // User is editing — reset history navigation to live input
+                    if (this.historyIndex !== -1) {
+                        this.historyIndex = -1;
+                    }
+                }
             });
         }
         // Start connection
@@ -174,10 +193,10 @@ export class ESP32ToolConsole {
                 signal: abortSignal,
             })
                 .pipeThrough(new TransformStream(new LineBreakTransformer()))
+                .pipeThrough(new TransformStream(new TimestampTransformer()))
                 .pipeTo(new WritableStream({
                 write: (chunk) => {
-                    const cleaned = chunk.replace(/\r\n$/, "\n");
-                    this.console.addLine(cleaned);
+                    this.console.addLine(chunk);
                 },
             }));
             if (!abortSignal.aborted) {
@@ -196,9 +215,42 @@ export class ESP32ToolConsole {
             console.log("Finished console read loop");
         }
     }
+    _navigateHistory(direction, input) {
+        if (this.commandHistory.length === 0)
+            return;
+        // Save current unsent input before navigating away
+        if (this.historyIndex === -1) {
+            this.currentInput = input.value;
+        }
+        const nextIndex = this.historyIndex + direction;
+        if (nextIndex < 0) {
+            // Back to unsent draft
+            this.historyIndex = -1;
+            input.value = this.currentInput;
+        }
+        else if (nextIndex < this.commandHistory.length) {
+            this.historyIndex = nextIndex;
+            input.value = this.commandHistory[this.historyIndex];
+        }
+        // Move cursor to end
+        const len = input.value.length;
+        input.setSelectionRange(len, len);
+    }
     async _sendCommand() {
         const input = this.containerElement.querySelector(".esp32tool-console-input");
         const command = input.value;
+        if (command.trim() !== "") {
+            // Avoid consecutive duplicates, cap at 100
+            if (this.commandHistory[0] !== command) {
+                this.commandHistory.unshift(command);
+                if (this.commandHistory.length > 100) {
+                    this.commandHistory.pop();
+                }
+            }
+        }
+        // Reset history navigation state
+        this.historyIndex = -1;
+        this.currentInput = "";
         if (!this.port.writable) {
             this.console.addLine("Terminal disconnected: port not writable");
             return;

package/dist/util/console-color.d.ts

@@ -5,15 +5,24 @@ interface ConsoleState {
     strikethrough: boolean;
     foregroundColor: string | null;
     backgroundColor: string | null;
+    fgRgb: string | null;
+    bgRgb: string | null;
+    dim: boolean;
+    reverse: boolean;
     carriageReturn: boolean;
+    lines: string[];
     secret: boolean;
+    blink: boolean;
+    rapidBlink: boolean;
 }
 export declare class ColoredConsole {
     targetElement: HTMLElement;
     state: ConsoleState;
     constructor(targetElement: HTMLElement);
     logs(): string;
+    processLine(line: string): Element;
+    processLines(): void;
     addLine(line: string): void;
 }
-export declare const coloredConsoleStyles = "\n  .log {\n    flex: 1;\n    background-color: #1c1c1c;\n    font-family: \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, Courier,\n      monospace;\n    font-size: 12px;\n    padding: 16px;\n    overflow: auto;\n    line-height: 1.45;\n    border-radius: 3px;\n    white-space: pre-wrap;\n    overflow-wrap: break-word;\n    color: #ddd;\n  }\n\n  .log-bold {\n    font-weight: bold;\n  }\n  .log-italic {\n    font-style: italic;\n  }\n  .log-underline {\n    text-decoration: underline;\n  }\n  .log-strikethrough {\n    text-decoration: line-through;\n  }\n  .log-underline.log-strikethrough {\n    text-decoration: underline line-through;\n  }\n  .log-secret {\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n  }\n  .log-secret-redacted {\n    opacity: 0;\n    width: 1px;\n    font-size: 1px;\n  }\n  .log-fg-black {\n    color: rgb(128, 128, 128);\n  }\n  .log-fg-red {\n    color: rgb(255, 0, 0);\n  }\n  .log-fg-green {\n    color: rgb(0, 255, 0);\n  }\n  .log-fg-yellow {\n    color: rgb(255, 255, 0);\n  }\n  .log-fg-blue {\n    color: rgb(0, 0, 255);\n  }\n  .log-fg-magenta {\n    color: rgb(255, 0, 255);\n  }\n  .log-fg-cyan {\n    color: rgb(0, 255, 255);\n  }\n  .log-fg-white {\n    color: rgb(187, 187, 187);\n  }\n  .log-bg-black {\n    background-color: rgb(0, 0, 0);\n  }\n  .log-bg-red {\n    background-color: rgb(255, 0, 0);\n  }\n  .log-bg-green {\n    background-color: rgb(0, 255, 0);\n  }\n  .log-bg-yellow {\n    background-color: rgb(255, 255, 0);\n  }\n  .log-bg-blue {\n    background-color: rgb(0, 0, 255);\n  }\n  .log-bg-magenta {\n    background-color: rgb(255, 0, 255);\n  }\n  .log-bg-cyan {\n    background-color: rgb(0, 255, 255);\n  }\n  .log-bg-white {\n    background-color: rgb(255, 255, 255);\n  }\n";
+export declare const coloredConsoleStyles = "\n  .log {\n    flex: 1;\n    background-color: #1c1c1c;\n    font-family: \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, Courier,\n      monospace;\n    font-size: 12px;\n    padding: 16px;\n    overflow: auto;\n    line-height: 1.45;\n    border-radius: 3px;\n    white-space: pre-wrap;\n    overflow-wrap: break-word;\n    color: #ddd;\n  }\n\n  .log-bold {\n    font-weight: bold;\n  }\n  .log-dim {\n    opacity: 0.5;\n  }\n  .log-italic {\n    font-style: italic;\n  }\n  .log-underline {\n    text-decoration: underline;\n  }\n  .log-strikethrough {\n    text-decoration: line-through;\n  }\n  .log-underline.log-strikethrough {\n    text-decoration: underline line-through;\n  }\n  .log-blink {\n    animation: blink 1s step-end infinite;\n  }\n  .log-rapid-blink {\n    animation: blink 0.4s step-end infinite;\n  }\n  @keyframes blink {\n    50% {\n      opacity: 0;\n    }\n  }\n  .log-secret {\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n  }\n  .log-secret-redacted {\n    opacity: 0;\n    width: 1px;\n    font-size: 1px;\n  }\n  .log-reverse {\n    background: #ddd;\n    color: #1c1c1c;\n  }\n  .log-fg-black {\n    color: rgb(128, 128, 128);\n  }\n  .log-fg-red {\n    color: rgb(255, 0, 0);\n  }\n  .log-fg-green {\n    color: rgb(0, 255, 0);\n  }\n  .log-fg-yellow {\n    color: rgb(255, 255, 0);\n  }\n  .log-fg-blue {\n    color: rgb(0, 0, 255);\n  }\n  .log-fg-magenta {\n    color: rgb(255, 0, 255);\n  }\n  .log-fg-cyan {\n    color: rgb(0, 255, 255);\n  }\n  .log-fg-white {\n    color: rgb(187, 187, 187);\n  }\n  .log-bg-black {\n    background-color: rgb(0, 0, 0);\n  }\n  .log-bg-red {\n    background-color: rgb(255, 0, 0);\n  }\n  .log-bg-green {\n    background-color: rgb(0, 255, 0);\n  }\n  .log-bg-yellow {\n    background-color: rgb(255, 255, 0);\n  }\n  .log-bg-blue {\n    background-color: rgb(0, 0, 255);\n  }\n  .log-bg-magenta {\n    background-color: rgb(255, 0, 255);\n  }\n  .log-bg-cyan {\n    background-color: rgb(0, 255, 255);\n  }\n  .log-bg-white {\n    background-color: rgb(255, 255, 255);\n  }\n";
 export {};