FIX: qrcode scanner on legends, by updating the library (#1714)

lnbits/core/static/js/service-worker.js

@@ -1,6 +1,6 @@
 // update cache version every time there is a new deployment
 // so the service worker reinitializes the cache
-const CACHE_VERSION = 17
+const CACHE_VERSION = 18
 const CURRENT_CACHE = `lnbits-${CACHE_VERSION}-`
 
 const getApiKey = request => {

lnbits/static/vendor.json

@@ -5,7 +5,7 @@
     "/static/vendor/axios.js",
     "/static/vendor/vue.js",
     "/static/vendor/vue-router.js",
-    "/static/vendor/vue-qrcode-reader.browser.js",
+    "/static/vendor/VueQrcodeReader.umd.js",
     "/static/vendor/vue-qrcode.js",
     "/static/vendor/vuex.js",
     "/static/vendor/quasar.ie.polyfills.umd.min.js",
@@ -32,7 +32,6 @@
   "css": [
     "/static/vendor/quasar.css",
     "/static/vendor/Chart.css",
-    "/static/vendor/vue-qrcode-reader.css",
     "/static/css/base.css"
   ]
 }

lnbits/static/vendor/vue-qrcode-reader.css

@@ -1 +0,0 @@
-.wrapper[data-v-1f90552a]{position:relative;z-index:0;width:100%;height:100%}.overlay[data-v-1f90552a],.tracking-layer[data-v-1f90552a]{position:absolute;width:100%;height:100%;top:0;left:0}.camera[data-v-1f90552a],.pause-frame[data-v-1f90552a]{display:block;object-fit:cover;width:100%;height:100%}

package-lock.json

@@ -14,7 +14,7 @@
         "underscore": "^1.13.6",
         "vue": "2.6.12",
         "vue-i18n": "^8.28.2",
-        "vue-qrcode-reader": "2.2",
+        "vue-qrcode-reader": "^2.3.18",
         "vue-router": "3.4.3",
         "vuex": "3.5.1"
       },
@@ -172,16 +172,6 @@
         "proxy-from-env": "^1.1.0"
       }
     },
-    "node_modules/babel-runtime": {
-      "version": "6.26.0",
-      "resolved": "https://registry.npmjs.org/babel-runtime/-/babel-runtime-6.26.0.tgz",
-      "integrity": "sha512-ITKNuq2wKlW1fJg9sSW52eepoYgZBggvOAHC0u/CYu/qxQ9EVzThCgR69BnSXLHjy2f7SY5zaQ4yt7H9ZVxY2g==",
-      "license": "MIT",
-      "dependencies": {
-        "core-js": "^2.4.0",
-        "regenerator-runtime": "^0.11.0"
-      }
-    },
     "node_modules/binary-extensions": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
@@ -367,11 +357,14 @@
       }
     },
     "node_modules/core-js": {
-      "version": "2.6.12",
+      "version": "3.30.2",
-      "resolved": "https://registry.npmjs.org/core-js/-/core-js-2.6.12.tgz",
+      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.30.2.tgz",
-      "integrity": "sha512-Kb2wC0fvsWfQrgk8HU5lW6U/Lcs8+9aaYcy4ZFc6DDlo4nZ7n70dEgE5rtR0oG6ufKDUnrwfWL1mXR5ljDatrQ==",
+      "integrity": "sha512-uBJiDmwqsbJCWHAwjrx3cvjbMXP7xD72Dmsn5LOJpiRmE3WbBbN5rCqQ2Qh6Ek6/eOrjlWngEynBWo4VxerQhg==",
       "hasInstallScript": true,
-      "license": "MIT"
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/core-js"
+      }
     },
     "node_modules/css-b64-images": {
       "version": "0.2.5",
@@ -657,12 +650,6 @@
       "integrity": "sha512-8wb9Yw966OSxApiCt0K3yNJL8pnNeIv+OEq2YMidz4FKP6nonSRoOXc80iXY4JaN2FC11B9qsNmDsm+ZOfMROA==",
       "dev": true
     },
-    "node_modules/jsqr": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/jsqr/-/jsqr-1.4.0.tgz",
-      "integrity": "sha512-dxLob7q65Xg2DvstYkRpkYtmKm2sPJ9oFhrhmudT1dZvNFFTlroai3AWSpLey/w5vMcLBXRgOJsbXpdN9HzU/A==",
-      "license": "Apache-2.0"
-    },
     "node_modules/locate-path": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
@@ -1008,12 +995,6 @@
         "node": ">=10"
       }
     },
-    "node_modules/regenerator-runtime": {
-      "version": "0.11.1",
-      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.11.1.tgz",
-      "integrity": "sha512-MguG95oij0fC3QV3URf4V2SDYGJhJnJGqvIIgdECeODCT98wSWDAJ94SSuVpYQUoTcGUIL6L4yNB7j1DFFHSBg==",
-      "license": "MIT"
-    },
     "node_modules/relateurl": {
       "version": "0.2.7",
       "resolved": "https://registry.npmjs.org/relateurl/-/relateurl-0.2.7.tgz",
@@ -1042,7 +1023,6 @@
       "version": "1.2.15",
       "resolved": "https://registry.npmjs.org/rtcpeerconnection-shim/-/rtcpeerconnection-shim-1.2.15.tgz",
       "integrity": "sha512-C6DxhXt7bssQ1nHb154lqeL0SXz5Dx4RczXZu2Aa/L1NJFnEVDxFwCBo3fqtuljhHIGceg5JKBV4XJ0gW5JKyw==",
-      "license": "BSD-3-Clause",
       "dependencies": {
         "sdp": "^2.6.0"
       },
@@ -1071,8 +1051,7 @@
     "node_modules/sdp": {
       "version": "2.12.0",
       "resolved": "https://registry.npmjs.org/sdp/-/sdp-2.12.0.tgz",
-      "integrity": "sha512-jhXqQAQVM+8Xj5EjJGVweuEzgtGWb3tmEEpl3CLP3cStInSbVHSg0QWOGQzNq8pSID4JkpeV2mPqlMDLrm0/Vw==",
+      "integrity": "sha512-jhXqQAQVM+8Xj5EjJGVweuEzgtGWb3tmEEpl3CLP3cStInSbVHSg0QWOGQzNq8pSID4JkpeV2mPqlMDLrm0/Vw=="
-      "license": "MIT"
     },
     "node_modules/set-blocking": {
       "version": "2.0.0",
@@ -1217,15 +1196,14 @@
       "integrity": "sha512-C5GZjs1tYlAqjwymaaCPDjCyGo10ajUphiwA922jKt9n7KPpqR7oM1PCwYzhB/E7+nT3wfdG3oRre5raIT1rKA=="
     },
     "node_modules/vue-qrcode-reader": {
-      "version": "2.2.0",
+      "version": "2.3.18",
-      "resolved": "https://registry.npmjs.org/vue-qrcode-reader/-/vue-qrcode-reader-2.2.0.tgz",
+      "resolved": "https://registry.npmjs.org/vue-qrcode-reader/-/vue-qrcode-reader-2.3.18.tgz",
-      "integrity": "sha512-xsNptrJGTFFjwfksIK6KlbjsyIGBLTFgO9KH3JcmZzABY19c2d0+zG//LXkp8K2Jl+4APidktVtH/aTbmcgX7g==",
+      "integrity": "sha512-r+nrIZQ+0helU3nfioh84iZDw39nh0w8NjMtOnWcM/3pqr9MOyUV1dkZWD144N1LB3/z5gUOAWkWHJ+6lq6rUA==",
-      "license": "MIT",
       "dependencies": {
-        "babel-runtime": "^6.26.0",
+        "callforth": "^0.3.1",
-        "callforth": "^0.3.0",
+        "core-js": "^3.6.5",
-        "jsqr": "^1.2.0",
+        "vue": "^2.6.11",
-        "webrtc-adapter": "^6.2.1"
+        "webrtc-adapter": "7.7.0"
       }
     },
     "node_modules/vue-router": {
@@ -1242,13 +1220,12 @@
       }
     },
     "node_modules/webrtc-adapter": {
-      "version": "6.4.8",
+      "version": "7.7.0",
-      "resolved": "https://registry.npmjs.org/webrtc-adapter/-/webrtc-adapter-6.4.8.tgz",
+      "resolved": "https://registry.npmjs.org/webrtc-adapter/-/webrtc-adapter-7.7.0.tgz",
-      "integrity": "sha512-YM8yl545c/JhYcjGHgaCoA7jRK/KZuMwEDFeP2AcP0Auv5awEd+gZE0hXy9z7Ed3p9HvAXp8jdbe+4ESb1zxAw==",
+      "integrity": "sha512-7Bp9OBnx642oJRkom1tNAbeJjUadAq2rh5xLL9YXPw5hVyt2h4hHr5bcoPYDs1stp/mZHSPSQA34YISdnr0DBQ==",
-      "license": "BSD-3-Clause",
       "dependencies": {
-        "rtcpeerconnection-shim": "^1.2.14",
+        "rtcpeerconnection-shim": "^1.2.15",
-        "sdp": "^2.9.0"
+        "sdp": "^2.12.0"
       },
       "engines": {
         "node": ">=6.0.0",

package.json

@@ -12,9 +12,9 @@
   "devDependencies": {
     "concat": "^1.0.3",
     "minify": "^9.2.0",
-    "sass": "^1.60.0",
     "prettier": "2.8.3",
-    "pyright": "1.1.289"
+    "pyright": "1.1.289",
+    "sass": "^1.60.0"
   },
   "dependencies": {
     "@chenfengyuan/vue-qrcode": "1.0.2",
@@ -25,7 +25,7 @@
     "underscore": "^1.13.6",
     "vue": "2.6.12",
     "vue-i18n": "^8.28.2",
-    "vue-qrcode-reader": "2.2",
+    "vue-qrcode-reader": "^2.3.18",
     "vue-router": "3.4.3",
     "vuex": "3.5.1"
   },
@@ -35,7 +35,7 @@
     "./node_modules/axios/dist/axios.js",
     "./node_modules/vue/dist/vue.js",
     "./node_modules/vue-router/dist/vue-router.js",
-    "./node_modules/vue-qrcode-reader/dist/vue-qrcode-reader.browser.js",
+    "./node_modules/vue-qrcode-reader/dist/VueQrcodeReader.umd.js",
     "./node_modules/@chenfengyuan/vue-qrcode/dist/vue-qrcode.js",
     "./node_modules/vuex/dist/vuex.js",
     "./node_modules/quasar/dist/quasar.ie.polyfills.umd.min.js",
@@ -43,7 +43,6 @@
     "./node_modules/chart.js/dist/Chart.bundle.js",
     "./node_modules/quasar/dist/quasar.css",
     "./node_modules/chart.js/dist/Chart.css",
-    "./node_modules/vue-qrcode-reader/dist/vue-qrcode-reader.css",
     "./node_modules/vue-i18n/dist/vue-i18n.js"
   ],
   "bundle": {
@@ -53,7 +52,7 @@
       "/static/vendor/axios.js",
       "/static/vendor/vue.js",
       "/static/vendor/vue-router.js",
-      "/static/vendor/vue-qrcode-reader.browser.js",
+      "/static/vendor/VueQrcodeReader.umd.js",
       "/static/vendor/vue-qrcode.js",
       "/static/vendor/vuex.js",
       "/static/vendor/quasar.ie.polyfills.umd.min.js",
@@ -80,7 +79,6 @@
     "css": [
       "/static/vendor/quasar.css",
       "/static/vendor/Chart.css",
-      "/static/vendor/vue-qrcode-reader.css",
       "/static/css/base.css"
     ]
   }