QR Scanner React component

[sztamas]

This is still work in progress (the code could be cleaned up more and/or documented), but I think it is good enough for others to have a look at it and trying it out.

[ScriptSmith]

Tried it out on IOS using a https server:

mkcert <local_ip>
./node_modules/.bin/start-storybook -h 0.0.0.0 --ssl-cert <local_ip>.pem --ssl-key <local_ip>-key.pem --https -p 8001

It requests access to the camera, and presents 'Front Camera' and 'Back Camera' options, but only a white canvas. Will try getting Safari's debug console output tomorrow

[sztamas]

Yes, I started up the storybook server with self-signed certificate myself to test it on my phone.
I had more luck, as it does work on my Galaxy S20.

Please note that you can't select the camera ATM, it should choose the back camera by default.
I'm interested in the console output, I might be able to test it on an iPhone as well later on today.

[sztamas]

Update:
I've just pushed a version that has a naive version of camera selection.
Not very robust, but good enough to play around with on different devices.

[ScriptSmith]

No luck getting dev tools to work, I believe I'm running into this bug: google/ios-webkit-debug-proxy#383

[sztamas]

Upgraded to the latest qr-scanner, that does scan region and qr code highlighting out of the box.
Our code is way simpler now!