QR Scanner React component

[Tamas Szabo (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.

[Adam Smith (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

[Tamas Szabo (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.

[Tamas Szabo (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.

[Adam Smith (ScriptSmith)]

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

[Tamas Szabo (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!