@onekeyfe/inpage-providers-hub 1.1.59 → 1.1.60

package/LICENSE.md

@@ -0,0 +1,51 @@
+# ONEKEY STANDARD SOURCE LICENSE (O-SSL)
+
+This license governs use of the accompanying software. If you use the software,
+you accept this license. If you do not accept the license, do not use the
+software.
+
+## 1. Definitions
+
+The terms "reproduce," "reproduction" and "distribution" have the same meaning
+here as under Hong Kong copyright law.
+
+"You" means the licensee of the software.
+
+"Your company" means the company you worked for when you downloaded the
+software.
+
+"Reference use" means use of the software within your company as a reference,
+in read only form, for the sole purposes of debugging your products,
+maintaining your products, or enhancing the interoperability of your products
+with the software, and specifically excludes the right to distribute the
+software outside of your company.
+
+"Licensed patents" means any Licensor patent claims which read directly on the
+software as distributed by the Licensor under this license.
+
+## 2. Grant of Rights
+
+(A) Copyright Grant - Subject to the terms of this license, the Licensor grants
+you a non-transferable, non-exclusive, worldwide, royalty-free copyright
+license to reproduce the software for reference use.
+
+(B) Patent Grant - Subject to the terms of this license, the Licensor grants
+you a non-transferable, non-exclusive, worldwide, royalty-free patent license
+under licensed patents for reference use.
+
+## 3. Limitations
+
+(A) No Trademark License - This license does not grant you any rights to use
+the Licensor's name, logo, or trademarks.
+
+(B) If you begin patent litigation against the Licensor over patents that you
+think may apply to the software (including a cross-claim or counterclaim in
+a lawsuit), your license to the software ends automatically.
+
+(C) The software is licensed "as-is." You bear the risk of using it. The
+Licensor gives no express warranties, guarantees or conditions. You may have
+additional consumer rights under your local laws which this license cannot
+change. To the extent permitted under your local laws, the Licensor excludes
+the implied warranties of merchantability, fitness for a particular purpose and
+non-infringement.This license agreement is governed by the laws of Hong Kong, 
+and any disputes related to this license agreement shall be resolved in accordance with Hong Kong law.

package/dist/cjs/connectButtonHack/index.js

@@ -19,7 +19,6 @@ require("./sites/yearn");
 require("./sites/zapper");
 require("./sites/zerion");
 require("./sites/aave");
-require("./sites/pancake");
 require("./sites/unisat");
 require("./sites/gamma");
 require("./sites/idclub");

package/dist/cjs/connectButtonHack/universal/config.js

@@ -63,6 +63,11 @@ exports.basicWalletInfo = {
         updatedName: consts_1.WALLET_CONNECT_INFO.martian.text,
         name: /^Martian$/i,
     },
+    [consts_1.WALLET_NAMES.nami]: {
+        updatedIcon: consts_1.WALLET_CONNECT_INFO.nami.icon,
+        updatedName: consts_1.WALLET_CONNECT_INFO.nami.text,
+        name: /^(Nami Wallet|Nami)$/i,
+    },
 };
 exports.sitesConfig = [
     {
@@ -324,6 +329,7 @@ exports.sitesConfig = [
     },
     {
         urls: ['merlinchain.io'],
+        skip: { mobile: true },
         walletsForProvider: {
             [cross_inpage_provider_types_1.IInjectedProviderNames.btc]: [
                 Object.assign(Object.assign({}, exports.basicWalletInfo['unisat']), { container: () => {
@@ -331,14 +337,22 @@ exports.sitesConfig = [
                             return (window.getComputedStyle(e).pointerEvents != 'none' &&
                                 e.innerText.includes('BTC wallets'));
                         });
+                    }, afterUpdate(textNode, img) {
+                        textNode.parentElement && (0, textUtils_1.makeTextEllipse)(textNode.parentElement);
                     } }),
             ],
         },
     },
+    // todo:speed
     {
         urls: ['app.justlend.org'],
+        mutationObserverOptions: {
+            childList: true,
+            subtree: true,
+            attributes: true,
+        },
         walletsForProvider: {
-            [cross_inpage_provider_types_1.IInjectedProviderNames.btc]: [
+            [cross_inpage_provider_types_1.IInjectedProviderNames.tron]: [
                 Object.assign(Object.assign({}, exports.basicWalletInfo['tronlink']), { container: () => {
                         return (0, utils_1.getConnectWalletModalByTitle)('div.connect-modal-v2.entry-modal-v2', 'Connect Wallet');
                     } }),
@@ -351,7 +365,7 @@ exports.sitesConfig = [
             mobile: true, //WARN: it seems not supported by the site
         },
         walletsForProvider: {
-            [cross_inpage_provider_types_1.IInjectedProviderNames.btc]: [
+            [cross_inpage_provider_types_1.IInjectedProviderNames.tron]: [
                 Object.assign(Object.assign({}, exports.basicWalletInfo['tronlink']), { container: () => {
                         return (0, utils_1.getConnectWalletModalByTitle)('div.wallet-modal', 'Connect Wallet');
                     } }),
@@ -1132,16 +1146,6 @@ exports.sitesConfig = [
             ],
         },
     },
-    {
-        urls: ['app.hubbleprotocol.io'],
-        walletsForProvider: {
-            [cross_inpage_provider_types_1.IInjectedProviderNames.solana]: [
-                Object.assign(Object.assign({}, exports.basicWalletInfo['phantom']), { container() {
-                        return (0, utils_1.getConnectWalletModalByTitle)('div.ant-modal-content', 'Select your wallet');
-                    } }),
-            ],
-        },
-    },
     {
         urls: ['app.wagmi.com'],
         constraintMap: { icon: [imgUtils_1.isWalletIconSizeMatch], text: [] },
@@ -1186,7 +1190,7 @@ exports.sitesConfig = [
     {
         urls: ['www.theidols.io'],
         skip: {
-            mobile: true, //没弹窗      
+            mobile: true, //没弹窗
         },
         testUrls: ['www.theidols.io/marketplace'],
         walletsForProvider: {
@@ -1198,7 +1202,7 @@ exports.sitesConfig = [
     {
         urls: ['netswap.io'],
         skip: {
-            mobile: true, //没弹窗      
+            mobile: true, //没弹窗
         },
         walletsForProvider: {
             [cross_inpage_provider_types_1.IInjectedProviderNames.ethereum]: [
@@ -1210,7 +1214,7 @@ exports.sitesConfig = [
         urls: ['rosswap.com'],
         constraintMap: { icon: [imgUtils_1.isWalletIconSizeMatch], text: [] },
         skip: {
-            mobile: true, //没弹窗      
+            mobile: true, //没弹窗
         },
         // skip:
         walletsForProvider: {
@@ -1223,7 +1227,7 @@ exports.sitesConfig = [
         urls: ['maiadao.io'],
         constraintMap: { icon: [imgUtils_1.isWalletIconSizeMatch], text: [] },
         skip: {
-            mobile: true, //没弹窗      
+            mobile: true, //没弹窗
         },
         walletsForProvider: {
             [cross_inpage_provider_types_1.IInjectedProviderNames.ethereum]: [
@@ -1254,59 +1258,243 @@ exports.sitesConfig = [
             ],
         },
     },
+    {
+        urls: ['www.staderlabs.com'],
+        skip: {
+            mobile: true, //tmp skip for lack walletconnet
+        },
+        testUrls: ['www.staderlabs.com/eth/stake/'],
+        constraintMap: { icon: [imgUtils_1.isWalletIconSizeMatch], text: [] },
+        walletsForProvider: {
+            [cross_inpage_provider_types_1.IInjectedProviderNames.ethereum]: [
+                Object.assign(Object.assign({}, exports.basicWalletInfo['metamask']), { findIconAndName({ name }) {
+                        const modal = (0, utils_1.getConnectWalletModalByTitle)('.chakra-modal__content-container', 'Select wallet') ||
+                            (0, utils_1.getConnectWalletModalByTitle)('#__CONNECTKIT__', 'Connect Wallet');
+                        if (!modal) {
+                            return null;
+                        }
+                        return ((0, findIconAndName_1.findIconAndNameByParent)(modal, name, {
+                            text: [],
+                            icon: [],
+                        }) ||
+                            (0, findIconAndName_1.findIconAndNameDirectly)('img[src*="media/mm"][alt="metaMask Logo"]', 'auto-search-text', name, modal, { text: [], icon: [] }, 5));
+                    },
+                    afterUpdate(text, icon) {
+                        var _a;
+                        const parent = (_a = text.parentElement) === null || _a === void 0 ? void 0 : _a.parentElement;
+                        const imgContainer = parent === null || parent === void 0 ? void 0 : parent.firstChild;
+                        if (parent && imgContainer) {
+                            imgContainer.style.display = 'flex';
+                            imgContainer.style.alignItems = 'center';
+                            imgContainer.style.borderRadius = '0';
+                            imgContainer.style.flexShrink = '0';
+                        }
+                    } }),
+                Object.assign(Object.assign({}, exports.basicWalletInfo['walletconnect']), { findIconAndName({ name }) {
+                        const modal = (0, utils_1.getConnectWalletModalByTitle)('.chakra-modal__content-container', 'Select wallet') ||
+                            (0, utils_1.getConnectWalletModalByTitle)('#__CONNECTKIT__', 'Connect Wallet');
+                        if (!modal) {
+                            return null;
+                        }
+                        return (0, findIconAndName_1.findIconAndNameDirectly)('img[alt="walletConnect Logo"]', 'auto-search-text', name, modal, { text: [], icon: [] }, 5);
+                    },
+                    afterUpdate(text, icon) {
+                        var _a;
+                        const parent = (_a = text.parentElement) === null || _a === void 0 ? void 0 : _a.parentElement;
+                        const imgContainer = parent === null || parent === void 0 ? void 0 : parent.firstChild;
+                        if (parent && imgContainer) {
+                            imgContainer.style.display = 'flex';
+                            imgContainer.style.alignItems = 'center';
+                            imgContainer.style.borderRadius = '0';
+                            imgContainer.style.flexShrink = '0';
+                        }
+                    } }),
+            ],
+        },
+    },
+    {
+        urls: ['stake.solblaze.org'],
+        testPath: [':text("Agree")', ':text("Connect Wallet")'],
+        testUrls: ['stake.solblaze.org/app'],
+        walletsForProvider: {
+            [cross_inpage_provider_types_1.IInjectedProviderNames.solana]: [
+                Object.assign(Object.assign({}, exports.basicWalletInfo['phantom']), { container: '#connect_modal', afterUpdate(text, icon) {
+                        var _a;
+                        if ((_a = text.parentElement) === null || _a === void 0 ? void 0 : _a.parentElement) {
+                            text.parentElement.parentElement.style.whiteSpace = 'noWrap';
+                            (0, textUtils_1.makeTextEllipse)(text.parentElement, 'min(18vw,107px)');
+                        }
+                    } }),
+            ],
+        },
+    },
+    {
+        urls: ['buzz.bsquared.network'],
+        skip: true,
+        walletsForProvider: {
+            [cross_inpage_provider_types_1.IInjectedProviderNames.ethereum]: [
+                Object.assign(Object.assign({}, exports.basicWalletInfo['metamask']), { container: () => (0, utils_1.getConnectWalletModalByTitle)('.modalContent', 'Connect Wallet') }),
+            ],
+            [cross_inpage_provider_types_1.IInjectedProviderNames.btc]: [
+                Object.assign(Object.assign({}, exports.basicWalletInfo['unisat']), { findIconAndName({ name }) {
+                        const modal = (0, utils_1.getConnectWalletModalByTitle)('.modalContent', 'Connect Wallet');
+                        return (modal &&
+                            (0, findIconAndName_1.findIconAndNameDirectly)('img[src*="layout/unisat.png"]', 'auto-search-text', name));
+                    } }),
+            ],
+        },
+    },
+    {
+        urls: ['task.bsquared.network'],
+        skip: { mobile: true },
+        walletsForProvider: {
+            [cross_inpage_provider_types_1.IInjectedProviderNames.ethereum]: [
+                Object.assign(Object.assign({}, exports.basicWalletInfo['metamask']), { container: () => (0, utils_1.getConnectWalletModalByTitle)('.ReactModal__Content', 'Please Connect A Wallet') }),
+            ],
+            [cross_inpage_provider_types_1.IInjectedProviderNames.btc]: [
+                Object.assign(Object.assign({}, exports.basicWalletInfo['unisat']), { container: () => (0, utils_1.getConnectWalletModalByTitle)('.ReactModal__Content', 'Please Connect A Wallet') }),
+            ],
+        },
+    },
+    {
+        urls: ['juststable.tronscan.org'],
+        testPath: [':text("Enter")'],
+        skip: true,
+        walletsForProvider: {
+            [cross_inpage_provider_types_1.IInjectedProviderNames.tron]: [
+                Object.assign(Object.assign({}, exports.basicWalletInfo['tronlink']), { update({ name, updatedName, updatedIcon }) {
+                        const button = document.querySelector('button.ant-btn.tronlinkLogin');
+                        const text = button && (0, textUtils_1.findWalletTextByParent)(button, name, []);
+                        text && (0, textUtils_1.replaceText)(text, updatedName);
+                        button && (button.style.backgroundImage = `url(${updatedIcon})`);
+                        return null;
+                    } }),
+            ],
+        },
+    },
+    {
+        urls: ['app.cetus.zone'],
+        testPath: ['div.radio', 'button:has-text("Continue")', 'button:has-text("Connect Wallet")'],
+        walletsForProvider: {
+            [cross_inpage_provider_types_1.IInjectedProviderNames.aptos]: [
+                Object.assign(Object.assign({}, exports.basicWalletInfo['martian']), { container: 'div.ant-modal.wallet-modal' }),
+                //petra不存在
+                // {
+                //   ...basicWalletInfo['petra'],
+                //   container: 'div.ant-modal.wallet-modal',
+                // },
+            ],
+            [cross_inpage_provider_types_1.IInjectedProviderNames.sui]: [
+                Object.assign(Object.assign({}, exports.basicWalletInfo['suiwallet']), { name: /^Sui Wallet$/i, container: 'div.ant-modal.wallet-modal' }),
+            ],
+        },
+    },
+    //全是shadow dom
     // {
-    //   urls: ['www.staderlabs.com'],
-    //   only: true,
-    //   testUrls: ['www.staderlabs.com/eth/stake/'],
-    //   constraintMap: { icon: [isWalletIconSizeMatch], text: [] },
+    //   urls: ['www.pinksale.finance'],
     //   walletsForProvider: {
     //     [IInjectedProviderNames.ethereum]: [
     //       {
     //         ...basicWalletInfo['metamask'],
-    //         findIconAndName({ name }) {
-    //           const modal = getConnectWalletModalByTitle('.chakra-modal__content-container', 'Select wallet')
-    //           return (
-    //             modal &&
-    //             findIconAndNameDirectly(
-    //               'img[src*="media/mm"][alt="metaMask Logo"]',
-    //               'auto-search-text',
-    //               name,
-    //               modal,
-    //               { text: [], icon: [] },
-    //               6
-    //             )
-    //           );
-    //         },
-    //         afterUpdate(text, icon) {
-    //           icon.style.minHeight = '40px'
-    //           icon.style.height = '40px'
-    //           icon.style.width = '40px'
-    //           icon.style.minWidth = '40px'
-    //         }
     //       },
     //       {
     //         ...basicWalletInfo['walletconnect'],
-    //         findIconAndName({ name }) {
-    //           const modal = getConnectWalletModalByTitle('.chakra-modal__content-container', 'Select wallet')
-    //           return (
-    //             modal &&
-    //             findIconAndNameDirectly(
-    //               'img[src*="media/wc"][alt="walletConnect Logo"]',
-    //               'auto-search-text',
-    //               name,
-    //               modal, { text: [], icon: [] },
-    //               6
-    //             )
-    //           );
-    //         },
-    //         afterUpdate(text, icon) {
-    //           icon.style.minHeight = '40px'
-    //           icon.style.height = '40px'
-    //           icon.style.width = '40px'
-    //           icon.style.minWidth = '40px'
-    //         }
     //       },
     //     ],
     //   },
     // },
+    {
+        urls: ['app.radiant.capital'],
+        testPath: [':text("Continue")', ':text("Connect Wallet")'],
+        walletsForProvider: {
+            [cross_inpage_provider_types_1.IInjectedProviderNames.ethereum]: [
+                Object.assign(Object.assign({ container: '.connect-wallet-modal' }, exports.basicWalletInfo['walletconnect']), { afterUpdate(textNode, img) {
+                        img.style.height = '40px';
+                        img.style.width = '40px';
+                    } }),
+            ],
+        },
+    },
+    {
+        urls: ['app.ariesmarkets.xyz'],
+        testUrls: ['app.ariesmarkets.xyz/lending'],
+        // mutationObserverOptions: {
+        //   childList: true,
+        //   subtree: true,
+        //   attributes: true,
+        // },
+        //TODO: mobile version
+        constraintMap: { icon: [imgUtils_1.isWalletIconSizeMatch], text: [] },
+        walletsForProvider: {
+            [cross_inpage_provider_types_1.IInjectedProviderNames.aptos]: [
+                Object.assign(Object.assign({}, exports.basicWalletInfo['petra']), { container: () => {
+                        var _a, _b, _c;
+                        const pc = (0, utils_1.getConnectWalletModalByTitle)('div.mantine-Paper-root', 'Select Wallet');
+                        const mobileTitle = utilsDomNodes_1.default.findTextNode('#root', 'Select Wallet', 'first') || null;
+                        return (pc || ((_c = (_b = (_a = mobileTitle === null || mobileTitle === void 0 ? void 0 : mobileTitle.parentElement) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.parentElement) === null || _c === void 0 ? void 0 : _c.parentElement) || null);
+                    } }),
+            ],
+        },
+    },
+    {
+        urls: ['app.indigoprotocol.io'],
+        // testPath: [':text("I agree")', ':text("Connect")'],
+        constraintMap: { icon: [], text: [] },
+        walletsForProvider: {
+            [cross_inpage_provider_types_1.IInjectedProviderNames.cardano]: [
+                Object.assign(Object.assign({}, exports.basicWalletInfo['nami']), { container: () => {
+                        return (0, utils_1.getConnectWalletModalByTitle)('#modal-connect-wallet', 'Connect Wallet');
+                    } }),
+            ],
+        },
+    },
+    {
+        urls: ['app.minswap.org'],
+        testPath: {
+            desktop: [':text("Connect Wallet")'],
+            mobile: ['header.flex > button>svg', ':text("Connect Wallet")'],
+        },
+        skip: true,
+        walletsForProvider: {
+            [cross_inpage_provider_types_1.IInjectedProviderNames.cardano]: [
+                Object.assign(Object.assign({}, exports.basicWalletInfo['nami']), { findIconAndName({ name }) {
+                        const modal = (0, utils_1.getConnectWalletModalByTitle)('div.dialog-connect-wallet', 'Connect wallet');
+                        return (modal &&
+                            (0, findIconAndName_1.findIconAndNameDirectly)('img[src*="nami.svg"][alt="Nami"]', 'auto-search-text', name, modal, { text: [], icon: [] }, 6));
+                    } }),
+            ],
+        },
+    },
+    {
+        urls: ['pancakeswap.finance', 'app.pancakeswap.finance', 'www.pancakeswap.finance'],
+        skip: {
+            mobile: true, //temp skip for lack walletconnect
+        },
+        walletsForProvider: {
+            [cross_inpage_provider_types_1.IInjectedProviderNames.ethereum]: [
+                Object.assign(Object.assign({}, exports.basicWalletInfo['metamask']), { findIconAndName({ name }) {
+                        const modal = (0, utils_1.getConnectWalletModalByTitle)('#portal-root', 'Connect Wallet');
+                        return (modal &&
+                            (0, findIconAndName_1.findIconAndNameDirectly)('img[src*="wallets/metamask.png"]', 'auto-search-text', name, modal, { text: [], icon: [] }, 5));
+                    } }),
+                Object.assign(Object.assign({}, exports.basicWalletInfo['walletconnect']), { findIconAndName({ name }) {
+                        const modal = (0, utils_1.getConnectWalletModalByTitle)('#portal-root', 'Connect Wallet');
+                        return (modal &&
+                            (0, findIconAndName_1.findIconAndNameDirectly)('img[src*="wallets/walletconnect.png"]', 'auto-search-text', name, modal, { text: [], icon: [] }, 5));
+                    } }),
+            ],
+        },
+    },
+    {
+        urls: ['www.nucleon.space'],
+        testUrls: ['www.nucleon.space/#/data/stake'],
+        walletsForProvider: {
+            [cross_inpage_provider_types_1.IInjectedProviderNames.ethereum]: [
+                Object.assign(Object.assign({}, exports.basicWalletInfo['metamask']), { container: () => (0, utils_1.getConnectWalletModalByTitle)('div.ant-modal-content', 'Select a Wallet'), afterUpdate(textNode, icon) {
+                        icon.style.height = '28px';
+                        icon.style.width = 'auto';
+                    } }),
+            ],
+        },
+    },
 ];

package/dist/cjs/connectButtonHack/universal/findIconAndName.js

@@ -29,6 +29,7 @@ function findIconAndNameByParent(containerElement, walletName, constraints = {
     let level = 0;
     while (parent && parent !== (containerElement === null || containerElement === void 0 ? void 0 : containerElement.parentElement) && level++ < consts_1.MAX_LEVELS) {
         const walletIcon = (0, imgUtils_1.findWalletIconByParent)(parent, constraints.icon);
+        //TODO: unnecessary to traverse the parent node if the icon have more than one
         if (!walletIcon) {
             parent = parent.parentElement;
             continue;
@@ -49,9 +50,8 @@ function findIconAndNameDirectly(iconSelector, textSelector, name, container = d
     const iconElements = typeof iconSelector === 'string'
         ? container.querySelectorAll(iconSelector)
         : (0, utils_1.arrayify)(iconSelector());
-    utils_1.universalLog.log('iconElements', iconElements);
     if (iconElements.length > 1) {
-        utils_1.universalLog.error('more one wallet icon found ,please check the selector');
+        utils_1.universalLog.warn('more one wallet icon found ,please check the selector');
         return null;
     }
     const iconElement = Array.from(iconElements)[0];
@@ -65,7 +65,7 @@ function findIconAndNameDirectly(iconSelector, textSelector, name, container = d
     else if (typeof textSelector === 'string') {
         const textContainer = (_a = Array.from(container.querySelectorAll(textSelector))) === null || _a === void 0 ? void 0 : _a.filter(Boolean);
         if ((textContainer === null || textContainer === void 0 ? void 0 : textContainer.length) > 1) {
-            utils_1.universalLog.error('more one wallet text found ,please check the selector');
+            utils_1.universalLog.warn('more one wallet text found ,please check the selector');
             return null;
         }
         textNode = (0, textUtils_1.findWalletTextByParent)(textContainer[0], name, constraints.text);
@@ -78,7 +78,7 @@ function findIconAndNameDirectly(iconSelector, textSelector, name, container = d
                 : null;
     }
     else {
-        utils_1.universalLog.error('textSelector is wrong');
+        utils_1.universalLog.warn('textSelector is wrong');
         return null;
     }
     if (!iconElement || !textNode) {
@@ -102,7 +102,7 @@ function findTextByImg(img, walletName, containerLimit, constraints, maxLevel =
         }
         parent = parent.parentElement;
     }
-    utils_1.universalLog.error('can not find the text node by img', level);
+    utils_1.universalLog.warn('can not find the text node by img', level);
     return null;
 }
 exports.findTextByImg = findTextByImg;

package/dist/cjs/connectButtonHack/universal/imgUtils.js

@@ -3,21 +3,26 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.isWalletIconSizeMatch = exports.findWalletIconByParent = exports.findIconNodesByParent = exports.createImageEle = exports.replaceIcon = void 0;
 const consts_1 = require("./consts");
 const utils_1 = require("./utils");
+/**
+ *  @note: lazy loading image  with  width and height 0
+ */
 function replaceIcon(originalNode, newIconSrc) {
     const computedstyle = window.getComputedStyle(originalNode);
-    utils_1.universalLog.log('===>ok: replace icon');
+    utils_1.universalLog.log('===>ok: replace icon', originalNode);
+    const width = parseFloat(computedstyle.width) ? computedstyle.width : 'auto';
+    const height = parseFloat(computedstyle.height) ? computedstyle.height : 'auto';
     if (originalNode instanceof HTMLImageElement) {
         originalNode.src = newIconSrc;
         originalNode.removeAttribute('srcset');
-        originalNode.style.width = computedstyle.width;
-        originalNode.style.height = computedstyle.height;
+        originalNode.style.width = width;
+        originalNode.style.height = height;
         originalNode.classList.add(...Array.from(originalNode.classList));
         return originalNode;
     }
     else {
         const imgNode = createImageEle(newIconSrc);
-        imgNode.style.width = computedstyle.width;
-        imgNode.style.height = computedstyle.height;
+        imgNode.style.width = width;
+        imgNode.style.height = height;
         imgNode.classList.add(...Array.from(originalNode.classList));
         originalNode.replaceWith(imgNode);
         return imgNode;
@@ -54,25 +59,30 @@ exports.findIconNodesByParent = findIconNodesByParent;
  */
 function findWalletIconByParent(parent, constraints) {
     const iconNodes = findIconNodesByParent(parent);
+    if (iconNodes.length === 0) {
+        utils_1.universalLog.warn(`===>no icon node found`, parent);
+        return null;
+    }
     if (iconNodes.length > 1) {
         utils_1.universalLog.warn(`===>more than one icon node found`, iconNodes.length, iconNodes);
         return null;
     }
     const icon = iconNodes[0];
-    if (!icon || constraints.some((f) => !f(icon))) {
-        utils_1.universalLog.warn(`===>it doesnt satisfy the constraints`, icon);
+    if (constraints.some((f) => !f(icon))) {
+        utils_1.universalLog.warn('it doesnt satisfy the constraints');
         return null;
     }
     return icon;
 }
 exports.findWalletIconByParent = findWalletIconByParent;
+//TODO:  deal with lazy loading image
 function isWalletIconSizeMatch(walletIcon) {
     const { width, height } = walletIcon.getBoundingClientRect();
     const isMatch = width < consts_1.ICON_MAX_SIZE &&
         width > consts_1.ICON_MIN_SIZE &&
         height < consts_1.ICON_MAX_SIZE &&
         height > consts_1.ICON_MIN_SIZE;
-    utils_1.universalLog.log('===>wallet icon size match: ', isMatch);
+    !isMatch && utils_1.universalLog.log('===>wallet icon size doesnot match: ', width, height);
     return isMatch;
 }
 exports.isWalletIconSizeMatch = isWalletIconSizeMatch;

package/dist/cjs/connectButtonHack/universal/index.js

@@ -59,11 +59,12 @@ function hackWalletConnectButton(sites) {
                                     const newText = updateName(textNode, updatedName);
                                     const newIconElement = updateIcon(iconNode, updatedIcon);
                                     walletId.updateFlag(newIconElement);
+                                    (0, textUtils_1.makeTextEllipse)(newText.parentElement);
                                     afterUpdate === null || afterUpdate === void 0 ? void 0 : afterUpdate(newText, newIconElement);
                                 }
                             }
                             catch (e) {
-                                utils_1.universalLog.error(e);
+                                utils_1.universalLog.warn(e);
                             }
                         }
                     }
@@ -76,5 +77,5 @@ try {
     hackWalletConnectButton(config_1.sitesConfig);
 }
 catch (e) {
-    utils_1.universalLog.error(e);
+    utils_1.universalLog.warn(e);
 }

package/dist/cjs/connectButtonHack/universal/shadowRoot.js

@@ -8,7 +8,7 @@ function findIconAndNameInShadowRoot(hostSelector, containerSelector, walletName
         .filter(Boolean)
         .map((e) => e.shadowRoot);
     if (shadowRoots.length === 0) {
-        utils_1.universalLog.error('findIconAndNameInShadowRoot,shadowRoots.length=0');
+        utils_1.universalLog.warn('findIconAndNameInShadowRoot,shadowRoots.length=0');
         return null;
     }
     const containerElements = shadowRoots
@@ -17,7 +17,7 @@ function findIconAndNameInShadowRoot(hostSelector, containerSelector, walletName
         .filter(Boolean);
     const length = containerElements.length;
     if (length === 0 || length > 1) {
-        utils_1.universalLog.error('findIconAndNameInShadowRoot,length=', length);
+        utils_1.universalLog.warn('findIconAndNameInShadowRoot,length=', length);
         return null;
     }
     return (0, findIconAndName_1.findIconAndNameByParent)(containerElements[0], walletName);

package/dist/cjs/connectButtonHack/universal/textUtils.js

@@ -6,10 +6,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.findWalletTextByParent = exports.replaceText = exports.makeTextEllipse = void 0;
 const utilsDomNodes_1 = __importDefault(require("../utils/utilsDomNodes"));
 const utils_1 = require("./utils");
-function makeTextEllipse(textNode) {
+function makeTextEllipse(textNode, mWidth) {
     textNode.style.whiteSpace = 'nowrap';
     textNode.style.overflow = 'hidden';
     textNode.style.textOverflow = 'ellipsis';
+    mWidth && (textNode.style.maxWidth = mWidth);
 }
 exports.makeTextEllipse = makeTextEllipse;
 function replaceText(textNode, newText) {
@@ -24,15 +25,15 @@ exports.replaceText = replaceText;
  */
 function findWalletTextByParent(container, walletName, constraints) {
     if (!(container instanceof HTMLElement)) {
-        utils_1.universalLog.warn('arg is wrong. container is not a HTMLElement');
+        utils_1.universalLog.warn('arg is wrong. container is not a HTMLElement', container);
         return null;
     }
     const textNodes = utilsDomNodes_1.default.findTextNode(container, walletName, 'all');
-    if (!textNodes) {
+    const length = (textNodes === null || textNodes === void 0 ? void 0 : textNodes.length) || 0;
+    if (length === 0 || !textNodes) {
         utils_1.universalLog.warn(`===>find  none for wallet name ${walletName.toString()}`);
         return null;
     }
-    const length = (textNodes === null || textNodes === void 0 ? void 0 : textNodes.length) || 0;
     if (length > 1) {
         utils_1.universalLog.warn(`===>find  more than one text node for wallet name ${walletName.toString()}`);
         return null;

package/dist/connectButtonHack/index.d.ts

@@ -15,7 +15,6 @@ import './sites/yearn';
 import './sites/zapper';
 import './sites/zerion';
 import './sites/aave';
-import './sites/pancake';
 import './sites/unisat';
 import './sites/gamma';
 import './sites/idclub';

package/dist/connectButtonHack/index.js

@@ -17,7 +17,6 @@ import './sites/yearn';
 import './sites/zapper';
 import './sites/zerion';
 import './sites/aave';
-import './sites/pancake';
 import './sites/unisat';
 import './sites/gamma';
 import './sites/idclub';