o-mg / webflasher Goto Github PK
View Code? Open in Web Editor NEWO.MG Cable and Plug flashing tool designed to allow easy flashing on WebSerial/WebUSB compatible browsers
License: Other
O.MG Cable and Plug flashing tool designed to allow easy flashing on WebSerial/WebUSB compatible browsers
License: Other
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:
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.
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
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.