Add serial facade

[haslinghuis]

This pull request includes several changes aimed at refactoring the serial communication modules and improving the handling of different device protocols. The most important changes include replacing serialShim with serial, renaming and refactoring protocol files, and improving device event handling.

Refactoring serial communication modules:

• src/js/msp.js: Replaced serialShim with serial for serial communication. [1] [2]
• src/js/msp/MSPConnector.js: Replaced serialShim with serial for serial communication.
• src/js/port_handler.js: Replaced serialShim with serial and refactored device event handling to determine the device type based on its properties. [1] [2]

Renaming and refactoring protocol files:

• src/js/protocols/VirtualSerial.js: Renamed from virtualSerial.js and added methods to get connected port and devices. [1] [2]
• src/js/protocols/WebBluetooth.js: Renamed from bluetooth.js and moved bluetoothDevices to a separate import. [1] [2] [3] [4]

Improving device event handling:

• src/js/port_handler.js: Enhanced event listeners to handle device addition and removal based on device properties.
• src/js/port_handler.js: Updated methods to use WEBUSBDFU and WebBluetooth for USB and Bluetooth devices, respectively. [1] [2] [3]

These changes collectively improve the codebase by streamlining serial communication, organizing protocol files more effectively, and enhancing the handling of various device protocols.

Tested so far

• connect and disconnect (serial and virtual)
• save and reboot (serial and virtual)
• auto-detect
• auto-backup
• flashing
• presets
• cli
• websocket connection
• unplug usb
• reconnect after unplug
• bluetooth

[netlify]

✅ Deploy Preview for origin-betaflight-app ready!

Name	Link
🔨 Latest commit	75320c7
🔍 Latest deploy log	https://app.netlify.com/sites/origin-betaflight-app/deploys/67e32df3add28b0008e31ef2
😎 Deploy Preview	https://deploy-preview-4402.dev.app.betaflight.com
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[sonarqubecloud]

Quality Gate failed

Failed conditions
3.1% Duplication on New Code (required ≤ 3%)

See analysis details on SonarQube Cloud

[nerdCopter]

75320c77

• everything seems to work.
• had a DFU dialog selection go stalled (failed to open serial port), but second time worked without a dialog popping up. this could be loose connection, maybe not PR issue, need further testing with permissions reset.
• CLI seems slower but only in some cases. example support id delay between blocks. diff all was fast, then immediate dump all had a delay before dumping fast.

[VitroidFPV]

Backs up, flashes, connects and does CLI at basically the same speed at which it does on master

[McGiverGim]

It seems good to me. Is not the path that I was in mind, but it seems it will work.

I always thougt that part where we must "differentiate" the different serial connections must be the serial_backend. So in the serial_backend we must decide wich serial to use, and connect with it. It must give too the "public" methods (read, write, etc.) for the rest of the code (a kind of proxy to serial) and all the code must use only this public methods. The serial class must be only an interface and must be implemented by the different serial connections.

You have used a different approach. The serial class is the class used by the rest of the code, so the serial_backend is responsible of open/close and serial must be used to read/write. I'm not too sure if this is better or not that my thoughts, I prefer to have all in one place, but it's ok to me.

Great work. I'm sure this was not easy.

[mituritsyn]

I checked a few scenarios: different types of connections and reconnections, they all seem to be OK.
bluetooth not tested

[mituritsyn]

Are we able to determine whether FC is already connected to another tab or app, and hijack the connection or, at lest notify the user?

[nerdCopter]

testing is already connected (or already plugged in) would be great, but not a blocking factor for me. since PWA, i've become accustomed to unplugging/plugging when the dialog sits rotating.