o-mg / webflasher Goto Github PK

Several users have experienced a successful flash via the Python flash.py tool, however they have no success with the Web Flasher.

Additional testing has identified two cases:

1. User has no serial devices visible (may be permission error and we need to have a UI prompt to alert to how to fix this)
2. User can see their serial device but its currently filtered

Need to identify the root cause on this since the filter matches the Silicon Devices VID

Currently with how the error handling code is constructed the "Connect" button (Step 2) is disabled if no serial devices are found (due to a thrown exception). Add support for an alert message and let user retry connecting until successful. Clear the alert if the user had success.

The greeter screen has an option to skip showing it ever again, that currently doesn't work. It should work and not prompt the user. We should use load and save settings components to save this option. Worst case: cookie.

Implement some sort of Light and Dark Mode UI. The most likely way to do this is via SASS and recompile the Bootstrap 5 themes to be light and dark mode (e.g. restyle colors to match and flow with a dark theme and a light theme. We can then replace the stylesheets depending on what is desired.

If we go this option, we will need to track commands used to allow for setup in a GitHub Action and Dependabot integration to keep this automatically updated.

Second Option is to use the light and dark mode styles in separate CSS files and restyle selective components.

Finally enable the swap via script.js and integrate the settings button

From user:

Just found something that might be a common mistake and might take advanced error handling.  This is specific to the USB-A to USB-C...If you plug in the USB-C side (by mistake) into the programmer, it lets you proceed, shows the pop-up, select the CP210x to UART connect and it displays ERROR.  The console shows, Error: Couldn't sync to Cable. Try resetting.  To avoid advanced error handling, you might want to add a reminder to the message:
eg. Error: Couldn't sync to Cable. Make sure the correct end of the cable is connected to the programmer or try resetting.
however you want to word it...I just think some new owners might plug the wrong side in

Need to add texts to "Show Me" Modal for the Connect step and add an alert (showAlert) to trigger when sync fails

There is a "completed" screen which disables all other components. We need a way to transition over to that slow enough that users have a chance to see things 'completed' but fast enough that the user does not try to click more. Javascript code to switch is there but does so instantaneously. Maybe add an optional transition time?

Find mechanism to verify hashes and ensure code verifiability if possible.

This is an investigative ticket .

The success and failure screen (last screen the user sees) does not currently have a way to switch to a failure or success text/emoji. This needs to get fixed. Perhaps an additional function added to toggleUIFlash?

The flash completes by flashing all files but does not issue the "Flashing complete" something in the pipeline hangs and prevents the complete message and actions from triggering. Identify what this is. Attached is log file.
flash.log

Text and images need to be added to the carousel and time adjusted.

Each paragraph can be up to 4 sentences with a heading and image.

Add all image resources to /img/

Currently some components are not configures in the JavaScript such as Device Config (WiFi), the ones that are enabled do not seem to work properly and the Save button doesn't work. The UI is stuck and only close works.

1. Enable setting saves and fix JS code to save settings
2. Fix Save Button
3. Fix the Branch Selector

There's some old code still in script.js, this should be removed if unneeded (which is likely is)

Code scanning has identified 6 issues : https://github.com/O-MG/WebFlasher/security/code-scanning

The UI has the device settings available, but there is no backend javascript setup to handle it.

Add backend document selectors and a function to support the eventual setting of wifi settings and mode

(For the Radio buttons get elements by name instead of id)

Flash modal needs text added to Help Me modal to allow user to troubleshoot. Also valid alerts need to be added (showAlert) for failed components.

Error during flashing, flash continued after error was detected
See bug report