Simplify onboarding (VSC-426)

[brianignacio5]

This branch is built to simplify user setup window.

• Cancellable downloads
• Express setup: No customization of ESP-IDF Tools and python virtual environment, just allow to choose ESP-IDF folder and install tools on default IDF_TOOLS_PATH ~/.espressif or %USERPROFILE%/.espressif. If the user updates $IDF_TOOLS_PATH
• Custom setup: Allows the user to select the IDF_TOOLS_PATH or manually input each required tool and environment variable.
• Use default settings if existing ESP-IDF, ESP-IDF Tools and virtual environment are found. This will install Debug Adapter and Extension requirements in virtual environment found.

[pwmb]

If I select the folder with IDF already there and try to install latest version of idf its going to this next page and UI freezes, ideally if folder had IDF already IDF, show the warning to user that this will override any changes they have there, and they can press Yes or Continue to proceed

---

Use existing ESP-IDF setup button is non functional!!

---

Old error is persisting, even after changing the directory (should be reactive)

Same here

[brianignacio5]

Hmm should redirected to install page if error happens. Will fix.

Use existing ESP-IDF setup button is non functional!!

Any error in the logs or vscode Developer Tools console ?

[brianignacio5]

If I select the folder with IDF already there and try to install latest version of idf its going to this next page and UI freezes, ideally if folder had IDF already IDF, show the warning to user that this will override any changes they have there, and they can press Yes or Continue to proceed

Use existing ESP-IDF setup button is non functional!!

Old error is persisting, even after changing the directory (should be reactive)

Same here

This should be fixed. Please check the other errors.

[pwmb]

CSS Suggestions

• Add a box/border around so that these options just don't like text
• On mouse Hover on them change cursor to pointer to indicate link
• Also on hover change the text to blue (which is already the current behavior)

• Left align the content in card (not center) and Right align the action buttons

• First screen for both Express & Advance are identical is this intensional ?

[brianignacio5]

CSS suggestions should have been fixed.

First screen for both Express & Advance are identical is this intensional ?

Yes because it is necessary for both advanced and express setup modes. Tools need ESP-IDF to be defined first in any case.

[kumekay]

I like the new download screen, it concise and informative. Great improvement.

My exprerience with the installer. Here are issues I encoutered on Windows 10 20h2 in WSL2 with ubuntu 20.04

What is the difference between advanced and express installation? Both of them lead to configuration page.

Switching animation between screens is too long. It feels unresponsive. 0.4 s will be enough.

Missing space for label:

May the install create full path automatically, if it doesn't exist? Error messages doesn't fit.

The error is still on the next step, even after I created the path manually and installation goes normally:

I randomly receive

Log doesn't contain anything useful:

xtensa-esp32-elf-gcc8_2_0-esp-2020r2-linux-amd64.tar.gz progress: 99.79% (83343.63 / 83515.85) KB
xtensa-esp32-elf-gcc8_2_0-esp-2020r2-linux-amd64.tar.gz progress: 99.81% (83359.63 / 83515.85) KB
xtensa-esp32-elf-gcc8_2_0-esp-2020r2-linux-amd64.tar.gz progress: 99.83% (83375.63 / 83515.85) KB
xtensa-esp32-elf-gcc8_2_0-esp-2020r2-linux-amd64.tar.gz progress: 99.85% (83391.63 / 83515.85) KB
xtensa-esp32-elf-gcc8_2_0-esp-2020r2-linux-amd64.tar.gz progress: 99.87% (83407.63 / 83515.85) KB
xtensa-esp32-elf-gcc8_2_0-esp-2020r2-linux-amd64.tar.gz progress: 99.89% (83423.63 / 83515.85) KB
xtensa-esp32-elf-gcc8_2_0-esp-2020r2-linux-amd64.tar.gz progress: 99.91% (83439.63 / 83515.85) KB
xtensa-esp32-elf-gcc8_2_0-esp-2020r2-linux-amd64.tar.gz progress: 99.93% (83455.63 / 83515.85) KB
xtensa-esp32-elf-gcc8_2_0-esp-2020r2-linux-amd64.tar.gz progress: 99.95% (83471.63 / 83515.85) KB
xtensa-esp32-elf-gcc8_2_0-esp-2020r2-linux-amd64.tar.gz progress: 99.97% (83487.63 / 83515.85) KB
xtensa-esp32-elf-gcc8_2_0-esp-2020r2-linux-amd64.tar.gz progress: 99.99% (83503.63 / 83515.85) KB
xtensa-esp32-elf-gcc8_2_0-esp-2020r2-linux-amd64.tar.gz progress: 100.00% (83515.85 / 83515.85) KB

Another issue that download progress is too verbose.

On download page progress bar for xtensa-esp32-elf is filled with pervious attempt results.

With the second attempt it logged the error. Is codespace somehow hardcoded?

xtensa-esp32-elf-gcc8_2_0-esp-2020r2-linux-amd64.tar.gz progress: 100.00% (83515.85 / 83515.85) KB
xtensa-esp32-elf-gcc8_2_0-esp-2020r2-linux-amd64.tar.gz has (83516) KB
Failed download. Retrying...
Error: Error: Error creating dist directory
xtensa-esp32-elf-gcc8_2_0-esp-2020r2-linux-amd64.tar.gz progress: 0.02% (15.63 / 83515.85) KB
Error: ENOENT: no such file or directory, open '/home/codespace/.espressif/dist/xtensa-esp32-elf-gcc8_2_0-esp-2020r2-linux-amd64.tar.gz'
Error during ESP-IDF Tools download

Wrong \ slash for WSL path

[kumekay]

On Windows directly, install button doesn't work. Screenshot with error is attached:

[brianignacio5]

What is the difference between advanced and express installation? Both of them lead to configuration page.

Advanced allows you to modify Tools directory folder or enter each tool path manually.

With the second attempt it logged the error. Is codespace somehow hardcoded?

No it is not. /home/codespace is obtained from $HOME, the default tools directory is $HOME/.espressif.

Fixed other issues mentioned by @kumekay Please take a look again when possible.