englishextra / qrjs2 Goto Github PK

Checklist

• My browser is: Chromium Version 89.0.4389.114
• I'm using version 0.1.8

Description

I bundle my project using webpack 5.
So for using the package from within my code I would go for:

var qrGenerator = require("qr2js")

import qrGenerator from "qrjs2"

Expected behavior

Having the Module available as qrGenerator in my code such that I could use it like

var qrSvg = qrGenerator.generateSVG(information, options)

Actual behavior

Instant error when loading.

Uncaught ReferenceError: nw is not defined
    at eval (main.js:6)
    at Object../node_modules/qrjs2/main.js ((index):1781)
    at __webpack_require__ ((index):2300)
    at eval (qrdisplaymodule.js:2)
    at Module../toolset/build/js/qrdisplaymodule.js ((index):2126)
    at __webpack_require__ ((index):2300)
    at eval (allmodules.js:37)
    at Module../toolset/build/js/allmodules.js ((index):1942)
    at __webpack_require__ ((index):2300)
    at eval (index.js:2)

I'm sure it's specifically a bundling issue there.
Maybe there is a quick fix to have this awesome package bundleable this way :-)

Cheers!

textcolor and fillcolor are not working with more then one QR-Code on a page. Styles in Inline SVG aren't Scoped.

See: https://codepen.io/soerenwrede/pen/ZXZVpE

• My browser is: Chrome, Microsoft Edge (Mac) and Safari

• I'm using version [v0.1.11]

• I am sure this issue is not a duplicate? Yes

Description

I am not sure what is going on, but I am trying to incorporate this into my project in order to generate QR codes to print on labels using a product SKU (alphanumeric/symbols) and a barcode number. I found that I had to convert the barcode number into a string for it to work, otherwise it complained: Uncaught too large data @ qrjs2.js:803. I don't know if this is normal or if I am just not specifying something properly.

I didn't know QR could not encode lowercase letters, so that is an issue we have to work through. :)

Are there some options I am not passing in? I am using very basics from the sample:

{ ecclevel: "M", fillcolor: "#FFFFFF", textcolor: "#000000", margin: 4, modulesize: 8 }