smartnftportal - npm Package Compare versions

Comparing version 1.0.48 to 1.0.49

dist/SmartNFTPortal.js

@@ -48,3 +48,4 @@ "use strict";
     onTouchCancel,
-    onReady
+    onReady,
+    onScroll
   } = props;
@@ -207,2 +208,4 @@ let loadingContent = props.loadingContent;
         if (onTouchCancel) return onTouchCancel(e.data.event);
+      case 'scroll':
+        if (onScroll) return onScroll(e.data.event);
       default:
@@ -452,3 +455,4 @@ return;
     inactiveHtmlStyle,
-    focus
+    focus,
+    onScroll
   } = props;
@@ -495,3 +499,3 @@ let ret = "<script>\n";
   }
-  ret += "\n        <script>\n            ".concat(filesAPIJS, "\n            window.addEventListener('keyup',(e) => { \n                if (e.key===\"Escape\") { \n                    parent.postMessage({request:'escape'},'*');\n                }\n            });\n            const focusBlurHandler = (e) => { \n                if (e.data.request=='focus' && !e.data.error) { \n                    document.querySelector('html').style=").concat(JSON.stringify(activeHtmlStyle || ''), ";\n                } else if (e.data.request=='blur' && !e.data.error) { \n                    document.querySelector('html').style=").concat(JSON.stringify(inactiveHtmlStyle || ''), ";\n                }\n            }\n            window.addEventListener('message',focusBlurHandler);\n            ").concat(onClick ? "window.addEventListener('click',(e) => { \n                parent.postMessage({request:'click',event:JSON.stringify(e)},'*');\n            });\n            " : '', "\n            ").concat(onMouseDown ? "window.addEventListener('mousedown',(e) => { \n                parent.postMessage({request:'mouseDown',event:JSON.stringify(e)},'*');\n            });\n            " : '', "\n            ").concat(onMouseUp ? "window.addEventListener('mouseup',(e) => { \n                parent.postMessage({request:'mouseUp',event:JSON.stringify(e)},'*');\n            });\n            " : '', "\n            ").concat(onMouseMove ? "window.addEventListener('mousemove',(e) => { \n                parent.postMessage({request:'mouseMove',event:JSON.stringify(e)},'*');\n            });\n            " : '', "\n            ").concat(onContextMenu ? "window.addEventListener('contextmenu',(e) => { \n                parent.postMessage({request:'contextMenu',event:JSON.stringify(e)},'*');\n            });\n            " : '', "\n            ").concat(onDblClick ? "window.addEventListener('dblclick',(e) => { \n                parent.postMessage({request:'dblClick',event:JSON.stringify(e)},'*');\n            });\n            " : '', "\n            ").concat(onTouchStart ? "window.addEventListener('touchstart',(e) => { \n                parent.postMessage({request:'touchStart',event:JSON.stringify(e)},'*');\n            });\n            " : '', "\n            ").concat(onTouchEnd ? "window.addEventListener('touchend',(e) => { \n                parent.postMessage({request:'touchEnd',event:JSON.stringify(e)},'*');\n            });\n            " : '', "\n            ").concat(onTouchMove ? "window.addEventListener('touchmove',(e) => { \n                parent.postMessage({request:'touchMove',event:JSON.stringify(e)},'*');\n            });\n            " : '', "\n            ").concat(onTouchCancel ? "window.addEventListener('touchcancel',(e) => { \n                parent.postMessage({request:'touchCancel',event:JSON.stringify(e)},'*');\n            });\n            " : '', "\n            window.cardano.nft.getOwner = async () => { \n                return window.cardano.nft._data.ownerAddr;\n            }\n            window.cardano.nft.getMintTx = async () => { \n                if (window.cardano.nft._data.mintTx) return window.cardano.nft._data.mintTx;\n                console.error('Attempt to use mintTx without importing the API');\n            }\n            window.cardano.nft.getTokenUnit = async () => { \n                return window.cardano.nft._data.tokenUnit;\n            }\n            // This is a shortcut so you can get this data synchronously\n            window.cardano.nft.mintTx = window.cardano.nft._data.mintTx;\n            window.cardano.nft.tokenUnit = window.cardano.nft._data.tokenUnit;\n\n            // This is a shortcut to get the metadata for the current token synchronously\n            window.cardano.nft.metadata = window.cardano.nft._data.metadata;\n            \n            window.cardano.nft.getTransactions = async (which='own', page=0) => { \n                if (which=='own') { \n                    which=window.cardano.nft._data.ownerAddr;\n                }\n                if (page==0) { \n                    return {transactions: window.cardano.nft._data.transactions[which]||[], fetchedAt: window.cardano.nft._data.fetchedAt};\n                } else if (window.cardano.nft._data.transactions[which]) { \n                    return new Promise(async (resolve, reject) => { \n                        const messageHandler = (e) => { \n                            if (e.data.request=='getTransactions' && e.data.which==which && e.data.page==page && !e.data.error) { \n                                window.removeEventListener('message',messageHandler);\n                                resolve(e.data.result);\n                            } else if (e.data.request=='getTransactions' && e.data.which==which && e.data.page==page && e.data.error) { \n                                window.removeEventListener('message',messageHandler);\n                                reject(e.data.error);\n                            }\n                        }\n                        window.addEventListener('message',messageHandler);\n                        parent.postMessage({request:'getTransactions', which, page},'*');\n                    });\n                } else { \n                    console.error('Attempt to access transactions that haven\\'t been imported');\n                }\n            }\n            window.cardano.nft.getTokens = async (which='own', page=0) => { \n                if (which=='own') { \n                    which=window.cardano.nft._data.ownerAddr;\n                }\n                if (page==0) { \n                    return {tokens: window.cardano.nft._data.tokens[which]||[], fetchedAt: window.cardano.nft._data.fetchedAt};\n                } else if (window.cardano.nft._data.tokens[which]) { \n                    return new Promise(async (resolve, reject) => { \n                        const messageHandler = (e) => { \n                            if (e.data.request=='getTokens' && e.data.which==which && e.data.page==page && !e.data.error) { \n                                window.removeEventListener('message',messageHandler);\n                                resolve(e.data.result);\n                            } else if (e.data.request=='getTokens' && e.data.which==which && e.data.page==page && e.data.error) { \n                                window.removeEventListener('message',messageHandler);\n                                reject(e.data.error);\n                            }\n                        }\n                        window.addEventListener('message',messageHandler);\n                        parent.postMessage({request:'getTokens', which, page}, '*');\n                    });\n                } else { \n                    console.error('Attempt to access tokens that haven\\'t been imported');\n                }\n            }\n            window.cardano.nft.getUTXOs = async (which='own', page=0) => { \n                if (which=='own') {\n                    which=window.cardano.nft._data.ownerAddr;\n                }\n                if (page==0) { \n                    return {utxos: window.cardano.nft._data.utxos[which]||[], fetchedAt: window.cardano.nft._data.fetchedAt};\n                } else if (window.cardano.nft._data.utxos[which]) { \n                    return new Promise(async (resolve, reject) => { \n                        const messageHandler = (e) => { \n                            if (e.data.request=='getUTXOs' && e.data.which==which && e.data.page==page && !e.data.error) { \n                                window.removeEventListener('message', messageHandler);\n                                resolve(e.data.result);\n                            } else if (e.data.request=='getUTXOs' && e.data.which==which && e.data.page==page && e.data.error) { \n                                window.removeEventListener('message', messageHandler);\n                                reject(e.data.error);\n                            }\n                        }\n                        window.addEventListener('message',messageHandler);\n                        parent.postMessage({request:'getUTXOs', which, page}, '*');\n                    });\n                } else { \n                    console.error('Attempt to access UTXOs that haven\\'t been imported');\n                }\n            }\n        </script>\n    ");
+  ret += "\n        <script>\n            ".concat(filesAPIJS, "\n            window.addEventListener('keyup',(e) => { \n                if (e.key===\"Escape\") { \n                    parent.postMessage({request:'escape'},'*');\n                }\n            });\n            const focusBlurHandler = (e) => { \n                if (e.data.request=='focus' && !e.data.error) { \n                    document.querySelector('html').style=").concat(JSON.stringify(activeHtmlStyle || ''), ";\n                } else if (e.data.request=='blur' && !e.data.error) { \n                    document.querySelector('html').style=").concat(JSON.stringify(inactiveHtmlStyle || ''), ";\n                }\n            }\n            window.addEventListener('message',focusBlurHandler);\n            ").concat(onClick ? "window.addEventListener('click',(e) => { \n                parent.postMessage({request:'click',event:JSON.stringify(e)},'*');\n            });\n            " : '', "\n            ").concat(onMouseDown ? "window.addEventListener('mousedown',(e) => { \n                parent.postMessage({request:'mouseDown',event:JSON.stringify(e)},'*');\n            });\n            " : '', "\n            ").concat(onMouseUp ? "window.addEventListener('mouseup',(e) => { \n                parent.postMessage({request:'mouseUp',event:JSON.stringify(e)},'*');\n            });\n            " : '', "\n            ").concat(onMouseMove ? "window.addEventListener('mousemove',(e) => { \n                parent.postMessage({request:'mouseMove',event:JSON.stringify(e)},'*');\n            });\n            " : '', "\n            ").concat(onContextMenu ? "window.addEventListener('contextmenu',(e) => { \n                parent.postMessage({request:'contextMenu',event:JSON.stringify(e)},'*');\n            });\n            " : '', "\n            ").concat(onDblClick ? "window.addEventListener('dblclick',(e) => { \n                parent.postMessage({request:'dblClick',event:JSON.stringify(e)},'*');\n            });\n            " : '', "\n            ").concat(onTouchStart ? "window.addEventListener('touchstart',(e) => { \n                parent.postMessage({request:'touchStart',event:JSON.stringify(e)},'*');\n            });\n            " : '', "\n            ").concat(onTouchEnd ? "window.addEventListener('touchend',(e) => { \n                parent.postMessage({request:'touchEnd',event:JSON.stringify(e)},'*');\n            });\n            " : '', "\n            ").concat(onTouchMove ? "window.addEventListener('touchmove',(e) => { \n                parent.postMessage({request:'touchMove',event:JSON.stringify(e)},'*');\n            });\n            " : '', "\n            ").concat(onTouchCancel ? "window.addEventListener('touchcancel',(e) => { \n                parent.postMessage({request:'touchCancel',event:JSON.stringify(e)},'*');\n            });\n            " : '', "\n            ").concat(onScroll ? "window.addEventListener('scroll',(e) => { \n                parent.postMessage({request:'scroll',event:JSON.stringify(e)},'*');\n            });\n            " : '', "\n            window.cardano.nft.getOwner = async () => { \n                return window.cardano.nft._data.ownerAddr;\n            }\n            window.cardano.nft.getMintTx = async () => { \n                if (window.cardano.nft._data.mintTx) return window.cardano.nft._data.mintTx;\n                console.error('Attempt to use mintTx without importing the API');\n            }\n            window.cardano.nft.getTokenUnit = async () => { \n                return window.cardano.nft._data.tokenUnit;\n            }\n            // This is a shortcut so you can get this data synchronously\n            window.cardano.nft.mintTx = window.cardano.nft._data.mintTx;\n            window.cardano.nft.tokenUnit = window.cardano.nft._data.tokenUnit;\n\n            // This is a shortcut to get the metadata for the current token synchronously\n            window.cardano.nft.metadata = window.cardano.nft._data.metadata;\n            \n            window.cardano.nft.getTransactions = async (which='own', page=0) => { \n                if (which=='own') { \n                    which=window.cardano.nft._data.ownerAddr;\n                }\n                if (page==0) { \n                    return {transactions: window.cardano.nft._data.transactions[which]||[], fetchedAt: window.cardano.nft._data.fetchedAt};\n                } else if (window.cardano.nft._data.transactions[which]) { \n                    return new Promise(async (resolve, reject) => { \n                        const messageHandler = (e) => { \n                            if (e.data.request=='getTransactions' && e.data.which==which && e.data.page==page && !e.data.error) { \n                                window.removeEventListener('message',messageHandler);\n                                resolve(e.data.result);\n                            } else if (e.data.request=='getTransactions' && e.data.which==which && e.data.page==page && e.data.error) { \n                                window.removeEventListener('message',messageHandler);\n                                reject(e.data.error);\n                            }\n                        }\n                        window.addEventListener('message',messageHandler);\n                        parent.postMessage({request:'getTransactions', which, page},'*');\n                    });\n                } else { \n                    console.error('Attempt to access transactions that haven\\'t been imported');\n                }\n            }\n            window.cardano.nft.getTokens = async (which='own', page=0) => { \n                if (which=='own') { \n                    which=window.cardano.nft._data.ownerAddr;\n                }\n                if (page==0) { \n                    return {tokens: window.cardano.nft._data.tokens[which]||[], fetchedAt: window.cardano.nft._data.fetchedAt};\n                } else if (window.cardano.nft._data.tokens[which]) { \n                    return new Promise(async (resolve, reject) => { \n                        const messageHandler = (e) => { \n                            if (e.data.request=='getTokens' && e.data.which==which && e.data.page==page && !e.data.error) { \n                                window.removeEventListener('message',messageHandler);\n                                resolve(e.data.result);\n                            } else if (e.data.request=='getTokens' && e.data.which==which && e.data.page==page && e.data.error) { \n                                window.removeEventListener('message',messageHandler);\n                                reject(e.data.error);\n                            }\n                        }\n                        window.addEventListener('message',messageHandler);\n                        parent.postMessage({request:'getTokens', which, page}, '*');\n                    });\n                } else { \n                    console.error('Attempt to access tokens that haven\\'t been imported');\n                }\n            }\n            window.cardano.nft.getUTXOs = async (which='own', page=0) => { \n                if (which=='own') {\n                    which=window.cardano.nft._data.ownerAddr;\n                }\n                if (page==0) { \n                    return {utxos: window.cardano.nft._data.utxos[which]||[], fetchedAt: window.cardano.nft._data.fetchedAt};\n                } else if (window.cardano.nft._data.utxos[which]) { \n                    return new Promise(async (resolve, reject) => { \n                        const messageHandler = (e) => { \n                            if (e.data.request=='getUTXOs' && e.data.which==which && e.data.page==page && !e.data.error) { \n                                window.removeEventListener('message', messageHandler);\n                                resolve(e.data.result);\n                            } else if (e.data.request=='getUTXOs' && e.data.which==which && e.data.page==page && e.data.error) { \n                                window.removeEventListener('message', messageHandler);\n                                reject(e.data.error);\n                            }\n                        }\n                        window.addEventListener('message',messageHandler);\n                        parent.postMessage({request:'getUTXOs', which, page}, '*');\n                    });\n                } else { \n                    console.error('Attempt to access UTXOs that haven\\'t been imported');\n                }\n            }\n        </script>\n    ");
   return ret;
@@ -505,2 +509,3 @@ };
   onReady: _propTypes.default.func,
+  onScroll: _propTypes.default.func,
   onMouseOver: _propTypes.default.func,
@@ -507,0 +512,0 @@ onMouseOut: _propTypes.default.func,

package.json

@@ -20,3 +20,3 @@ {
   "license": "BSD-3-Clause-Attribution",
-  "version": "1.0.48",
+  "version": "1.0.49",
   "main": "dist/index.js",
@@ -23,0 +23,0 @@ "scripts": {

src/SmartNFTPortal.js

@@ -19,3 +19,3 @@
         onMouseOver,
-        onClick, onMouseDown, onMouseUp, onMouseMove,onContextMenu,onDblClick,onTouchStart,onTouchEnd,onTouchMove,onTouchCancel, onReady
+        onClick, onMouseDown, onMouseUp, onMouseMove,onContextMenu,onDblClick,onTouchStart,onTouchEnd,onTouchMove,onTouchCancel, onReady, onScroll
     } = props;
@@ -175,2 +175,4 @@
                 if (onTouchCancel) return onTouchCancel(e.data.event);
+            case 'scroll':
+                if (onScroll) return onScroll(e.data.event);
             default:
@@ -389,3 +391,3 @@ return;
 const getPortalAPIScripts = (smartImports, metadata, props) => { 
-    const  {onClick, onMouseDown, onMouseUp, onMouseMove,onContextMenu,onDblClick,onTouchStart,onTouchEnd,onTouchMove,onTouchCancel, activeHtmlStyle, inactiveHtmlStyle,focus} = props;
+    const  {onClick, onMouseDown, onMouseUp, onMouseMove,onContextMenu,onDblClick,onTouchStart,onTouchEnd,onTouchMove,onTouchCancel, activeHtmlStyle, inactiveHtmlStyle,focus, onScroll} = props;
     let ret="<script>\n";
@@ -583,2 +585,6 @@ ret+="if (!window.cardano) window.cardano={};\n";
             `:''}
+            ${onScroll ? `window.addEventListener('scroll',(e) => { 
+                parent.postMessage({request:'scroll',event:JSON.stringify(e)},'*');
+            });
+            `:''}
             window.cardano.nft.getOwner = async () => { 
@@ -684,2 +690,3 @@ return window.cardano.nft._data.ownerAddr;
     onReady:PropTypes.func,
+    onScroll:PropTypes.func,
     onMouseOver: PropTypes.func,
@@ -686,0 +693,0 @@ onMouseOut: PropTypes.func,

No alert changes

Improved metrics

Total package byte prevSize

67285

increased by1.01%

Lines of code

1290

increased by0.94%

No dependency changes