tasmota-esp-web-tools 10.0.0 → 10.0.2

package/dist/components/ewt-littlefs-manager.d.ts

@@ -17,6 +17,7 @@ export declare class EwtLittleFSManager extends LitElement {
     private _selectedFile;
     private _flashProgress;
     private _isFlashing;
+    private _flashOperation;
     connectedCallback(): Promise<void>;
     disconnectedCallback(): void;
     private _openFilesystem;

package/dist/components/ewt-littlefs-manager.js

@@ -50,11 +50,13 @@ let EwtLittleFSManager = class EwtLittleFSManager extends LitElement {
         this._diskVersion = "";
         this._busy = false;
         this._selectedFile = null;
-        this._flashProgress = 0; // 0-100 for flash progress, -1 when not flashing
+        this._flashProgress = 0; // 0-100 for flash progress
         this._isFlashing = false;
+        this._flashOperation = null; // Track operation type
     }
     async connectedCallback() {
         super.connectedCallback();
+        this.logger.log("LittleFS Manager: connectedCallback called");
         await this._openFilesystem();
     }
     disconnectedCallback() {
@@ -64,9 +66,21 @@ let EwtLittleFSManager = class EwtLittleFSManager extends LitElement {
     async _openFilesystem() {
         try {
             this._busy = true;
+            this._isFlashing = true;
+            this._flashProgress = 0;
+            this._flashOperation = "reading";
             this.logger.log(`Reading LittleFS partition "${this.partition.name}" (${this._formatSize(this.partition.size)})...`);
-            // Read entire partition
-            const data = await this.espStub.readFlash(this.partition.offset, this.partition.size);
+            if (!this.espStub.IS_STUB) {
+                throw new Error("ESP stub loader is not running. Cannot read flash.");
+            }
+            // Read entire partition with progress callback
+            const data = await this.espStub.readFlash(this.partition.offset, this.partition.size, (_packet, progress, totalSize) => {
+                const progressPercent = Math.floor((progress / totalSize) * 100);
+                this._flashProgress = progressPercent;
+            });
+            if (data.length === 0) {
+                throw new Error("Read 0 bytes from partition");
+            }
             this.logger.log("Mounting LittleFS filesystem...");
             // Load LittleFS module dynamically
             const { createLittleFSFromImage, formatDiskVersion } = await loadLittleFS();
@@ -105,10 +119,15 @@ let EwtLittleFSManager = class EwtLittleFSManager extends LitElement {
             // Get disk version
             try {
                 const diskVer = fs.getDiskVersion();
-                this._diskVersion = formatDiskVersion(diskVer);
+                if (diskVer && diskVer !== 0) {
+                    this._diskVersion = formatDiskVersion(diskVer);
+                }
+                else {
+                    this._diskVersion = "Unknown";
+                }
             }
             catch (e) {
-                this._diskVersion = "";
+                this._diskVersion = "Unknown";
             }
             this._refreshFiles();
             this.logger.log("LittleFS filesystem opened successfully");
@@ -121,11 +140,15 @@ let EwtLittleFSManager = class EwtLittleFSManager extends LitElement {
         }
         finally {
             this._busy = false;
+            this._isFlashing = false;
+            this._flashProgress = 0;
+            this._flashOperation = null;
         }
     }
     _refreshFiles() {
-        if (!this._fs)
+        if (!this._fs) {
             return;
+        }
         try {
             // Calculate usage
             const allFiles = this._fs.list("/");
@@ -150,6 +173,7 @@ let EwtLittleFSManager = class EwtLittleFSManager extends LitElement {
         }
         catch (e) {
             this.logger.error(`Failed to refresh file list: ${e.message || e}`);
+            this._files = [];
         }
     }
     _estimateUsage(entries) {
@@ -343,6 +367,7 @@ let EwtLittleFSManager = class EwtLittleFSManager extends LitElement {
             this._busy = true;
             this._isFlashing = true;
             this._flashProgress = 0;
+            this._flashOperation = "writing"; // Set operation type
             this.logger.log("Creating LittleFS image...");
             const image = this._fs.toImage();
             this.logger.log(`Image created: ${this._formatSize(image.length)}`);
@@ -357,7 +382,6 @@ let EwtLittleFSManager = class EwtLittleFSManager extends LitElement {
             await this.espStub.flashData(imageBuffer, (bytesWritten, totalBytes) => {
                 const percent = Math.floor((bytesWritten / totalBytes) * 100);
                 this._flashProgress = percent;
-                this.logger.log(`Writing: ${percent}%`);
             }, this.partition.offset);
             this.logger.log(`✓ LittleFS successfully written to flash!`);
             this.logger.log(`To use the new filesystem, reset your device.`);
@@ -369,6 +393,7 @@ let EwtLittleFSManager = class EwtLittleFSManager extends LitElement {
             this._busy = false;
             this._isFlashing = false;
             this._flashProgress = 0;
+            this._flashOperation = null;
         }
     }
     _cleanup() {
@@ -412,7 +437,11 @@ let EwtLittleFSManager = class EwtLittleFSManager extends LitElement {
             <div class="usage-text">
               ${this._isFlashing
             ? html `<span class="flash-status">
-                    ⚡ Writing to flash: ${this._flashProgress}%
+                    ⚡
+                    ${this._flashOperation === "reading"
+                ? "Reading from"
+                : "Writing to"}
+                    flash: ${this._flashProgress}%
                   </span>`
             : html `<span
                       >Used: ${this._formatSize(this._usage.usedBytes)} /
@@ -813,6 +842,9 @@ __decorate([
 __decorate([
     state()
 ], EwtLittleFSManager.prototype, "_isFlashing", void 0);
+__decorate([
+    state()
+], EwtLittleFSManager.prototype, "_flashOperation", void 0);
 EwtLittleFSManager = __decorate([
     customElement("ewt-littlefs-manager")
 ], EwtLittleFSManager);

package/dist/install-dialog.js

@@ -867,6 +867,17 @@ export class EwtInstallDialog extends LitElement {
             this.logger.log("Running stub...");
             const espStub = await esploader.runStub();
             this._espStub = espStub;
+            // Set baudrate for reading flash (use user-selected baudrate if available)
+            if (this.baudRate) {
+                this.logger.log(`Setting baudrate to ${this.baudRate} for flash reading...`);
+                try {
+                    await espStub.setBaudrate(this.baudRate);
+                    this.logger.log(`Baudrate set to ${this.baudRate}`);
+                }
+                catch (baudErr) {
+                    this.logger.log(`Failed to set baudrate: ${baudErr.message}, continuing with default`);
+                }
+            }
             // Add a small delay after stub is running
             await sleep(500);
             this.logger.log("Reading flash data...");

package/dist/web/install-button.js

@@ -1 +1 @@
-const e=async t=>{let n;import("./install-dialog-CVebVk1R.js");try{n=await navigator.serial.requestPort()}catch(n){return"NotFoundError"===n.name?void import("./index-t2Vsxqjj.js").then(n=>n.openNoPortPickedDialog(()=>e(t))):void alert(`Error: ${n.message}`)}if(!n)return;try{await n.open({baudRate:115200})}catch(e){return void alert(e.message)}const o=document.createElement("ewt-install-dialog");o.port=n,o.manifestPath=t.manifest||t.getAttribute("manifest"),o.overrides=t.overrides,o.firmwareFile=t.firmwareFile;const r=t.getAttribute("baud-rate");if(r){const e=parseInt(r,10);isNaN(e)||(o.baudRate=e)}else void 0!==t.baudRate&&(o.baudRate=t.baudRate);o.addEventListener("closed",()=>{n.close()},{once:!0}),document.body.appendChild(o)};class t extends HTMLElement{connectedCallback(){if(this.renderRoot)return;if(this.renderRoot=this.attachShadow({mode:"open"}),!t.isSupported||!t.isAllowed)return this.toggleAttribute("install-unsupported",!0),void(this.renderRoot.innerHTML=t.isAllowed?"<slot name='unsupported'>Your browser does not support installing things on ESP devices. Use Google Chrome or Microsoft Edge.</slot>":"<slot name='not-allowed'>You can only install ESP devices on HTTPS websites or on the localhost.</slot>");this.toggleAttribute("install-supported",!0);const n=document.createElement("slot");n.addEventListener("click",async t=>{t.preventDefault(),e(this)}),n.name="activate";const o=document.createElement("button");if(o.innerText="CONNECT",n.append(o),"adoptedStyleSheets"in Document.prototype&&"replaceSync"in CSSStyleSheet.prototype){const e=new CSSStyleSheet;e.replaceSync(t.style),this.renderRoot.adoptedStyleSheets=[e]}else{const e=document.createElement("style");e.innerText=t.style,this.renderRoot.append(e)}this.renderRoot.append(n)}}t.isSupported="serial"in navigator,t.isAllowed=window.isSecureContext,t.style='\n  button {\n    position: relative;\n    cursor: pointer;\n    font-size: 14px;\n    padding: 8px 28px;\n    color: var(--esp-tools-button-text-color, #fff);\n    background-color: var(--esp-tools-button-color, #03a9f4);\n    border: none;\n    border-radius: 4px;\n    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12), 0 1px 5px 0 rgba(0,0,0,.2);\n  }\n  button::before {\n    content: " ";\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    opacity: 0.2;\n    border-radius: 4px;\n  }\n  button:hover {\n    box-shadow: 0 4px 8px 0 rgba(0,0,0,.14), 0 1px 7px 0 rgba(0,0,0,.12), 0 3px 1px -1px rgba(0,0,0,.2);\n  }\n  button:hover::before {\n    background-color: rgba(255,255,255,.8);\n  }\n  button:focus {\n    outline: none;\n  }\n  button:focus::before {\n    background-color: white;\n  }\n  button:active::before {\n    background-color: grey;\n  }\n  :host([active]) button {\n    color: rgba(0, 0, 0, 0.38);\n    background-color: rgba(0, 0, 0, 0.12);\n    box-shadow: none;\n    cursor: unset;\n    pointer-events: none;\n  }\n  improv-wifi-launch-button {\n    display: block;\n    margin-top: 16px;\n  }\n  .hidden {\n    display: none;\n  }',customElements.define("esp-web-install-button",t);
+const e=async t=>{let n;import("./install-dialog-YU_01OO8.js");try{n=await navigator.serial.requestPort()}catch(n){return"NotFoundError"===n.name?void import("./index-t2Vsxqjj.js").then(n=>n.openNoPortPickedDialog(()=>e(t))):void alert(`Error: ${n.message}`)}if(!n)return;try{await n.open({baudRate:115200})}catch(e){return void alert(e.message)}const o=document.createElement("ewt-install-dialog");o.port=n,o.manifestPath=t.manifest||t.getAttribute("manifest"),o.overrides=t.overrides,o.firmwareFile=t.firmwareFile;const r=t.getAttribute("baud-rate");if(r){const e=parseInt(r,10);isNaN(e)||(o.baudRate=e)}else void 0!==t.baudRate&&(o.baudRate=t.baudRate);o.addEventListener("closed",()=>{n.close()},{once:!0}),document.body.appendChild(o)};class t extends HTMLElement{connectedCallback(){if(this.renderRoot)return;if(this.renderRoot=this.attachShadow({mode:"open"}),!t.isSupported||!t.isAllowed)return this.toggleAttribute("install-unsupported",!0),void(this.renderRoot.innerHTML=t.isAllowed?"<slot name='unsupported'>Your browser does not support installing things on ESP devices. Use Google Chrome or Microsoft Edge.</slot>":"<slot name='not-allowed'>You can only install ESP devices on HTTPS websites or on the localhost.</slot>");this.toggleAttribute("install-supported",!0);const n=document.createElement("slot");n.addEventListener("click",async t=>{t.preventDefault(),e(this)}),n.name="activate";const o=document.createElement("button");if(o.innerText="CONNECT",n.append(o),"adoptedStyleSheets"in Document.prototype&&"replaceSync"in CSSStyleSheet.prototype){const e=new CSSStyleSheet;e.replaceSync(t.style),this.renderRoot.adoptedStyleSheets=[e]}else{const e=document.createElement("style");e.innerText=t.style,this.renderRoot.append(e)}this.renderRoot.append(n)}}t.isSupported="serial"in navigator,t.isAllowed=window.isSecureContext,t.style='\n  button {\n    position: relative;\n    cursor: pointer;\n    font-size: 14px;\n    padding: 8px 28px;\n    color: var(--esp-tools-button-text-color, #fff);\n    background-color: var(--esp-tools-button-color, #03a9f4);\n    border: none;\n    border-radius: 4px;\n    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12), 0 1px 5px 0 rgba(0,0,0,.2);\n  }\n  button::before {\n    content: " ";\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    opacity: 0.2;\n    border-radius: 4px;\n  }\n  button:hover {\n    box-shadow: 0 4px 8px 0 rgba(0,0,0,.14), 0 1px 7px 0 rgba(0,0,0,.12), 0 3px 1px -1px rgba(0,0,0,.2);\n  }\n  button:hover::before {\n    background-color: rgba(255,255,255,.8);\n  }\n  button:focus {\n    outline: none;\n  }\n  button:focus::before {\n    background-color: white;\n  }\n  button:active::before {\n    background-color: grey;\n  }\n  :host([active]) button {\n    color: rgba(0, 0, 0, 0.38);\n    background-color: rgba(0, 0, 0, 0.12);\n    box-shadow: none;\n    cursor: unset;\n    pointer-events: none;\n  }\n  improv-wifi-launch-button {\n    display: block;\n    margin-top: 16px;\n  }\n  .hidden {\n    display: none;\n  }',customElements.define("esp-web-install-button",t);