Replace jQuery.qrcode with kjua 0.1.1.

src/_h5ai/private/conf/options.json

@@ -190,7 +190,8 @@
         "enabled": true,
         "show": false,
         "qrcode": true,
-        "qrColor": "#999"
+        "qrFill": "#999",
+        "qrBack": "#fff"
     },
 
     /*

src/_h5ai/public/css/lib/ext/info.less

@@ -50,7 +50,7 @@
         margin: 0 auto;
         width: 200px;
 
-        canvas {
+        img {
             display: block;
         }
     }

src/_h5ai/public/js/lib/ext/info.js

@@ -1,4 +1,4 @@
-const {win, jq, lo} = require('../globals');
+const {win, jq, lo, kjua} = require('../globals');
 const event = require('../core/event');
 const format = require('../core/format');
 const resource = require('../core/resource');
@@ -94,13 +94,16 @@ function update(item) {
     }
 
     if (settings.qrcode) {
-        $qrcode.empty().qrcode({
+        const loc = win.location;
-            render: 'canvas',
+        $qrcode.empty().append(kjua({
+            render: 'image',
             size: 200,
-            fill: settings.qrColor,
+            fill: settings.qrFill,
-            background: null,
+            back: settings.qrBack,
-            text: win.location.protocol + '//' + win.location.host + item.absHref
+            text: loc.protocol + '//' + loc.host + item.absHref,
-        });
+            crisp: true,
+            quiet: 1
+        }));
     }
 }
 

src/_h5ai/public/js/lib/globals.js

@@ -10,5 +10,6 @@ const publish = (id, name) => {
 publish('window', 'win');
 publish('_', 'lo');
 publish('jQuery', 'jq');
+publish('kjua', 'kjua');
 publish('marked', 'marked');
 publish('Prism', 'prism');