Allow WebUSB in sketch preview

[pelikhan]

Nature of issue?

• Existing feature enhancement

Details about the bug:

• Web browser and version: Chrome/Edge 90+
• Operating System: Windows/Mac

Feature enhancement details:

The p5 web editor allows Web Serial in the preview window. However some devices, like the micro:bit use WebUSB instead. I was wondering if it would be possible to allow web-usb as well.

[welcome]

Welcome! 👋 Thanks for opening your first issue here! And to ensure the community is able to respond to your issue, be sure to follow the issue template if you haven't already.

[pelikhan]

Similar fox to #1924

Add usb

[catarak]

Thanks for the suggestion! Is the fix as simple as adding web-usb to the allow list?

[pelikhan]

Adding usb should be enough (https://web.dev/usb/#feature-policy).

You can see a demo of p5js using WebUSB from codesandbox.io at https://codesandbox.io/s/dnyd9?file=/sketch.js . It uses our p5.jacdac library (https://microsoft.github.io/jacdac-docs/clients/p5js/) ... and a micro:bit v2.

[pelikhan]

(i am also preparing a submission for this library, working on the image)

[pelikhan]

All working now! No drivers needed thanks to WebUSB...