next-qrcode - npm Package Compare versions

Comparing version 2.4.0 to 2.4.1

dist/next-qrcode.es.js

@@ -1,1 +0,1 @@
-import n from"react";var o=require("qrcode");function t(){var t=function(t){var e=t.text,r=t.options,i=t.logo,u=n.useRef(null);return n.useEffect((function(){var n,t,l,v,c,f,a;if(u&&u.current&&(o.toCanvas(u.current,e,r,(function(n){if(n)throw n})),i)){var d=u.current.getContext("2d");if(d){var s=new Image;s.src=i.src;var m=(null===(n=null==i?void 0:i.options)||void 0===n?void 0:n.width)||30;if((null===(t=null==i?void 0:i.options)||void 0===t?void 0:t.x)&&(null===(l=null==i?void 0:i.options)||void 0===l?void 0:l.y)){var p=null===(v=null==i?void 0:i.options)||void 0===v?void 0:v.x,g=null===(c=null==i?void 0:i.options)||void 0===c?void 0:c.y;s.onload=function(){d.drawImage(s,p,g,m,m)}}else if(!(null===(f=null==i?void 0:i.options)||void 0===f?void 0:f.x)||!(null===(a=null==i?void 0:i.options)||void 0===a?void 0:a.y)){var w=null==r?void 0:r.margin;w=w?8*w:0===w?0:32;var x=(((null==r?void 0:r.width)||116+w)-m)/2;s.onload=function(){d.drawImage(s,x,x,m,m)}}}}}),[u,e,r,i]),n.createElement("canvas",{ref:u})};return n.useMemo((function(){return t}),[])}function e(){var e,r;return{Image:(e=function(t){var e=t.text,r=t.options,i=n.useRef(null);return n.useEffect((function(){i&&i.current&&o.toDataURL(e,r,(function(n,o){if(n)throw n;i.current instanceof HTMLImageElement&&(i.current.src=o)}))}),[e,r,i]),n.createElement("img",{ref:i})},n.useMemo((function(){return e}),[])),Canvas:t(),SVG:(r=function(t){var e=t.text,r=t.options,i=n.useRef(null);return n.useEffect((function(){o.toString(e,r,(function(n,o){if(n)throw n;i.current instanceof HTMLDivElement&&(i.current.innerHTML=o)}))}),[e,r]),n.createElement("div",{ref:i})},n.useMemo((function(){return r}),[]))}}export{e as useQRCode};
+import n from"react";var o=require("qrcode");function t(){var t=function(t){var i=t.text,r=t.options,e=t.logo,u=n.useRef(null);return n.useEffect((function(){var n,t,l,v,a,d,c,f,s;if(u&&u.current&&(o.toCanvas(u.current,i,r,(function(n){if(n)throw n})),e)){var p=u.current.getContext("2d");if(p){var m=new Image;m.src=e.src;var w=(null===(n=null==e?void 0:e.options)||void 0===n?void 0:n.width)||30;if((null===(t=null==e?void 0:e.options)||void 0===t?void 0:t.hasOwnProperty("x"))&&(null===(l=null==e?void 0:e.options)||void 0===l?void 0:l.hasOwnProperty("y"))){var g=(null===(v=null==e?void 0:e.options)||void 0===v?void 0:v.x)||0,h=(null===(a=null==e?void 0:e.options)||void 0===a?void 0:a.y)||0;m.onload=function(){p.drawImage(m,g,h,w,w)}}if(!(null===(d=null==e?void 0:e.options)||void 0===d?void 0:d.hasOwnProperty("x"))||!(null===(c=null==e?void 0:e.options)||void 0===c?void 0:c.hasOwnProperty("y"))||void 0===(null===(f=null==e?void 0:e.options)||void 0===f?void 0:f.x)||void 0===(null===(s=null==e?void 0:e.options)||void 0===s?void 0:s.y)){var x=null==r?void 0:r.margin;x=x?8*x:0===x?0:32;var y=(((null==r?void 0:r.width)||116+x)-w)/2;m.onload=function(){p.drawImage(m,y,y,w,w)}}}}}),[u,i,r,e]),n.createElement("canvas",{ref:u})};return n.useMemo((function(){return t}),[])}function i(){var i,r;return{Image:(i=function(t){var i=t.text,r=t.options,e=n.useRef(null);return n.useEffect((function(){e&&e.current&&o.toDataURL(i,r,(function(n,o){if(n)throw n;e.current instanceof HTMLImageElement&&(e.current.src=o)}))}),[i,r,e]),n.createElement("img",{ref:e})},n.useMemo((function(){return i}),[])),Canvas:t(),SVG:(r=function(t){var i=t.text,r=t.options,e=n.useRef(null);return n.useEffect((function(){o.toString(i,r,(function(n,o){if(n)throw n;e.current instanceof HTMLDivElement&&(e.current.innerHTML=o)}))}),[i,r]),n.createElement("div",{ref:e})},n.useMemo((function(){return r}),[]))}}export{i as useQRCode};

dist/next-qrcode.js

@@ -1,1 +0,1 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});var n=e(require("react")),t=require("qrcode");function o(){var e=function(e){var o=e.text,u=e.options,r=e.logo,i=n.default.useRef(null);return n.default.useEffect((function(){var e,n,l,f,a,d,c;if(i&&i.current&&(t.toCanvas(i.current,o,u,(function(e){if(e)throw e})),r)){var v=i.current.getContext("2d");if(v){var s=new Image;s.src=r.src;var m=(null===(e=null==r?void 0:r.options)||void 0===e?void 0:e.width)||30;if((null===(n=null==r?void 0:r.options)||void 0===n?void 0:n.x)&&(null===(l=null==r?void 0:r.options)||void 0===l?void 0:l.y)){var p=null===(f=null==r?void 0:r.options)||void 0===f?void 0:f.x,g=null===(a=null==r?void 0:r.options)||void 0===a?void 0:a.y;s.onload=function(){v.drawImage(s,p,g,m,m)}}else if(!(null===(d=null==r?void 0:r.options)||void 0===d?void 0:d.x)||!(null===(c=null==r?void 0:r.options)||void 0===c?void 0:c.y)){var x=null==u?void 0:u.margin;x=x?8*x:0===x?0:32;var w=(((null==u?void 0:u.width)||116+x)-m)/2;s.onload=function(){v.drawImage(s,w,w,m,m)}}}}}),[i,o,u,r]),n.default.createElement("canvas",{ref:i})};return n.default.useMemo((function(){return e}),[])}exports.useQRCode=function(){var e,u;return{Image:(e=function(e){var o=e.text,u=e.options,r=n.default.useRef(null);return n.default.useEffect((function(){r&&r.current&&t.toDataURL(o,u,(function(e,n){if(e)throw e;r.current instanceof HTMLImageElement&&(r.current.src=n)}))}),[o,u,r]),n.default.createElement("img",{ref:r})},n.default.useMemo((function(){return e}),[])),Canvas:o(),SVG:(u=function(e){var o=e.text,u=e.options,r=n.default.useRef(null);return n.default.useEffect((function(){t.toString(o,u,(function(e,n){if(e)throw e;r.current instanceof HTMLDivElement&&(r.current.innerHTML=n)}))}),[o,u]),n.default.createElement("div",{ref:r})},n.default.useMemo((function(){return u}),[]))}};
+"use strict";function n(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}Object.defineProperty(exports,"__esModule",{value:!0});var e=n(require("react")),t=require("qrcode");function o(){var n=function(n){var o=n.text,u=n.options,r=n.logo,i=e.default.useRef(null);return e.default.useEffect((function(){var n,e,l,d,a,f,v,c,s;if(i&&i.current&&(t.toCanvas(i.current,o,u,(function(n){if(n)throw n})),r)){var p=i.current.getContext("2d");if(p){var m=new Image;m.src=r.src;var w=(null===(n=null==r?void 0:r.options)||void 0===n?void 0:n.width)||30;if((null===(e=null==r?void 0:r.options)||void 0===e?void 0:e.hasOwnProperty("x"))&&(null===(l=null==r?void 0:r.options)||void 0===l?void 0:l.hasOwnProperty("y"))){var g=(null===(d=null==r?void 0:r.options)||void 0===d?void 0:d.x)||0,x=(null===(a=null==r?void 0:r.options)||void 0===a?void 0:a.y)||0;m.onload=function(){p.drawImage(m,g,x,w,w)}}if(!(null===(f=null==r?void 0:r.options)||void 0===f?void 0:f.hasOwnProperty("x"))||!(null===(v=null==r?void 0:r.options)||void 0===v?void 0:v.hasOwnProperty("y"))||void 0===(null===(c=null==r?void 0:r.options)||void 0===c?void 0:c.x)||void 0===(null===(s=null==r?void 0:r.options)||void 0===s?void 0:s.y)){var y=null==u?void 0:u.margin;y=y?8*y:0===y?0:32;var h=(((null==u?void 0:u.width)||116+y)-w)/2;m.onload=function(){p.drawImage(m,h,h,w,w)}}}}}),[i,o,u,r]),e.default.createElement("canvas",{ref:i})};return e.default.useMemo((function(){return n}),[])}exports.useQRCode=function(){var n,u;return{Image:(n=function(n){var o=n.text,u=n.options,r=e.default.useRef(null);return e.default.useEffect((function(){r&&r.current&&t.toDataURL(o,u,(function(n,e){if(n)throw n;r.current instanceof HTMLImageElement&&(r.current.src=e)}))}),[o,u,r]),e.default.createElement("img",{ref:r})},e.default.useMemo((function(){return n}),[])),Canvas:o(),SVG:(u=function(n){var o=n.text,u=n.options,r=e.default.useRef(null);return e.default.useEffect((function(){t.toString(o,u,(function(n,e){if(n)throw n;r.current instanceof HTMLDivElement&&(r.current.innerHTML=e)}))}),[o,u]),e.default.createElement("div",{ref:r})},e.default.useMemo((function(){return u}),[]))}};

package.json

 {
   "name": "next-qrcode",
-  "version": "2.4.0",
+  "version": "2.4.1",
   "description": "React hooks for generating QR code for your next React apps.",
@@ -5,0 +5,0 @@ "author": "Bunlong <[e-mail]>",

README.md

@@ -91,3 +91,3 @@ # next-qrcode
       <td>❌</td>
-      <td>QR code options.</td>
+      <td>QR code logo.</td>
     </tr>
@@ -171,3 +171,3 @@ </tbody>
       <td>✔️</td>
-      <td>The path to the image</td>
+      <td>The path to the image.</td>
     </tr>
@@ -178,3 +178,3 @@ <tr>
       <td>❌</td>
-      <td>Logo options</td>
+      <td>Logo options.</td>
     </tr>
@@ -209,3 +209,3 @@ </tbody>
       <td>❌</td>
-      <td>If none, will center.</td>
+      <td>If none or undefined, will center.</td>
     </tr>
@@ -217,3 +217,3 @@ <tr>
       <td>❌</td>
-      <td>If none, will center.</td>
+      <td>If none or undefined, will center.</td>
     </tr>
@@ -238,5 +238,3 @@ </tbody>
       options={{
-        level: 'M',
-        margin: 3,
-        scale: 4,
+        margin: 2,
         width: 200,
@@ -279,8 +277,2 @@ color: {
     </tr>
-    <tr>
-      <td>logo</td>
-      <td>logo</td>
-      <td>❌</td>
-      <td>QR code options.</td>
-    </tr>
   </tbody>
@@ -303,9 +295,2 @@ </table>
     <tr>
-      <td>level</td>
-      <td>string</td>
-      <td><code>M</code></td>
-      <td>❌</td>
-      <td>Correction level. Possible values are <code>low</code>, <code>medium</code>, <code>quartile</code>, <code>high</code> or <code>L</code>, <code>M</code>, <code>Q</code>, <code>H</code>.</td>
-    </tr>
-    <tr>
       <td>margin</td>
@@ -318,9 +303,2 @@ <td>number</td>
     <tr>
-      <td>scale</td>
-      <td>number</td>
-      <td><code>4</code></td>
-      <td>❌</td>
-      <td>Scale factor. A value of <code>1</code> means 1px per modules (black dots).</td>
-    </tr>
-    <tr>
       <td>width</td>
@@ -483,5 +461,5 @@ <td>number</td>
 
-Latest version 2.4.0 (2022-11-29):
+Latest version 2.4.1 (2023-02-28):
 
-  * Add SVG
+  * Fix setting logo to center
 
@@ -488,0 +466,0 @@ Details changes for each release are documented in the [CHANGELOG.md](https://github.com/Bunlong/next-qrcode/blob/master/CHANGELOG.md).

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Lines of code

51

increased by4.08%

Worsened metrics

Total package byte prevSize

21088

decreased by-0.8%

Number of lines in readme file

521

decreased by-4.05%

No dependency changes