v4.0.0 - Next Gen

[balloob]

This is the next generation of the ESP Web Tools.

Marked as draft as it's not 100% done yet.

What's new:

• Everything now renders inside a dialog. Makes it easier to embed in documentation.
• The used custom components are registered with a unique ESP Web Tools prefix (ewt-) to not clash with already loaded web components.
• Breaking change The "improv" build property is no longer supported. Improv over BLE is now replaced by the new Improv over Serial which can be automatically detected. Improv over Serial is a serial-based version that is low overhead.
• Breaking change The manifest is now required to have a version attribute. The name and version in the manifest are compared with the response values of Improv over Serial info command to detect if it is the same firmware and/or update is available.
• If device supports Improv over Serial, a user can re-configure Wi-Fi, update the device (=no erasing) and navigate to the configuration URL even if not installed via ESP Web Tools:

CleanShot.2021-11-04.at.23.12.30.mp4

• If device is detected to not support Improv, it launches the installation wizard (like before). (wizard = erase/install/provision/go to device URL).
• If device supports Improv but is a different firmware than specified in the manifest, dashboard is shown except that the update button is replaced with an install button.
• Added option to look at the device logs, send serial commands and reset device

Tagging some people that are currently using ESP Web Tools to get some feedback: @Aircoookie @TD-er @arendst

[TD-er]

It would be really nice to have some terminal option right after flashing.
Especially a terminal which allows the user to type some commands to be sent to the node.

This way the initial deployment could be a lot simpler and also the user may have some feedback on what is happening on the node.

[Jason2866]

+1 for the suggestion of @TD-er We have a Flasher app for Tasmota which do have this feature. Many people just use this flasher because the see whats happens after flash/reboot.

[balloob]

I've added a console. I am still having some issues with the rendering and would love some help. My terminal knowledge is limited. I have reused the terminal output renderer from the ESPHome dashboard but as you can see in the video, something is off.

Reading logic: https://github.com/esphome/esp-web-tools/blob/v2/src/components/ewt-console.ts#L167-L175
Console logic: https://github.com/esphome/esp-web-tools/blob/v2/src/util/console-color.ts

Without Improv:

With Improv:

CleanShot.2021-11-05.at.09.52.23.mp4

[balloob]

Alright this branch is up to date now with all the changes I want to make. Any further features (like using chipFamily from Improv Serial) will be out of scope for this PR.

[balloob]

CleanShot.2021-11-08.at.23.54.07.mp4