library VS react-qr-barcode-scanner

I would solve it client side. Just write a little bit of javascript with zxing-js (https://github.com/zxing-js/library). There is also a vue package: https://www.npmjs.com/package/vue-zxing-scanner.

Very nice! I noticed that it only supports Chrome at the moment. Perhaps take a look at https://github.com/zxing-js/library which lets you scan C128 and QR (and others) from in-browser camera access --- so it works in FF, Chrome, Safari even on iOS.

The react-qr-barcode-scanner relies on zxing for decoding barcodes. I used it for some time until I discovered a bug caused by inconsistent results from reading EAN codes. I found an issue on zxing and it appeared to have been fixed. However the react-qr-barcode-scanner used an older version of zxing where this was still an issue.

There wasn't much in the ways of react things that I could find so I believe I just made my own component using zxing. It was pretty straightforward. I'll see if I can't find the code for this.

That said, it's really just a wrapper for the ZXing JavaScript library (https://github.com/zxing-js/library), so you could easily include that in your protect and initialize it yourself.

You might want to check https://openlibrary.org and its API with a web based bar code scanner e.g https://github.com/zxing-js/library then plug back to Calibre or your favorite PIM/PKM tool.

Issue: https://github.com/zxing-js/library/issues/466

I am currently working on a project with implementations that are very similar. I went with zxing-js, which is a js port of the app written in java. seems to grab most barcodes, although the documentation for js is slim to none. I had to manually go through some of the code to understand even what functions were available to me. So far so good, I would recommend: https://github.com/zxing-js/library

I eventually forked the react-qr-barcode-scanner in an attempt to update its dependencies, but discovered that the implementation was quite straight-forward to begin with.