@onekeyfe/inpage-providers-hub 1.1.45 → 1.1.48

package/dist/cjs/connectButtonHack/hackConnectButton.js

@@ -10,6 +10,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.hackConnectButton = exports.createNewImageToContainer = exports.createWalletConnectToButton = exports.detectQrcodeFromSvg = void 0;
+const cross_inpage_provider_core_1 = require("@onekeyfe/cross-inpage-provider-core");
 const lodash_1 = require("lodash");
 const cross_inpage_provider_types_1 = require("@onekeyfe/cross-inpage-provider-types");
 function checkIfInjectedProviderConnected({ providerName, }) {
@@ -26,6 +27,49 @@ function checkIfInjectedProviderConnected({ providerName, }) {
     }
     return false;
 }
+/**
+ * Checks if the given key is a valid key of the `ISpecialPropertyProviderNamesReflection` enum.
+ * This function acts as a type guard, verifying if a string is one of the keys in the `ISpecialPropertyProviderNamesReflection` enum.
+ *
+ * @param key - The key to be checked against the `ISpecialPropertyProviderNamesReflection` enum.
+ * @returns Returns `true` if the key is a valid enum key, otherwise returns `false`.
+ */
+function isKeyOfISpecialPropertyProviderNamesReflection(key) {
+    return key in cross_inpage_provider_core_1.ISpecialPropertyProviderNamesReflection;
+}
+/**
+ * Checks if the provided blockchain provider is enabled.
+ * This function determines the status of a blockchain provider by mapping its name to a special property name (if applicable) and then checking if the wallet switch for that property is enabled.
+ *
+ * @param param - An object containing the name of the blockchain provider.
+ * @param providerName - The name of the provider to check. This should be a member of the `IInjectedProviderNames` enum.
+ * @returns Returns `true` if the provider is enabled, otherwise returns `false`.
+ */
+function checkIfInjectedProviderEnable({ providerName }) {
+    let property;
+    if (isKeyOfISpecialPropertyProviderNamesReflection(providerName)) {
+        property = cross_inpage_provider_core_1.ISpecialPropertyProviderNamesReflection[providerName];
+    }
+    else {
+        property = providerName;
+    }
+    const result = (0, cross_inpage_provider_core_1.checkWalletSwitchEnable)(property);
+    if (process.env.NODE_ENV !== 'production') {
+        console.log('checkIfInjectedProviderEnable', property, result);
+    }
+    return result;
+}
+/**
+ * Retrieves an array of enabled provider names.
+ *
+ * @param providers - An array of provider names to check.
+ * @returns Returns an array containing the names of all enabled providers.
+ */
+function getEnabledProviders({ providers, }) {
+    return providers.filter((providerName) => {
+        return checkIfInjectedProviderEnable({ providerName });
+    });
+}
 function detectQrcodeFromSvg({ img, }) {
     var _a, _b;
     return __awaiter(this, void 0, void 0, function* () {
@@ -193,6 +237,25 @@ function hackConnectButton({ urls, replaceMethod, providers, mutationObserverOpt
     trailing: true,
 }, callbackDelay = 10, }) {
     const isUrlMatched = () => Boolean(urls.includes(window.location.hostname) || urls.includes('*'));
+    const getEnabledInjectedProviders = () => {
+        if (!isUrlMatched()) {
+            return;
+        }
+        if (providers.find((providerName) => checkIfInjectedProviderConnected({ providerName }))) {
+            return;
+        }
+        const enabledProviders = getEnabledProviders({ providers });
+        if (!enabledProviders || enabledProviders.length === 0) {
+            if (process.env.NODE_ENV !== 'production') {
+                console.log('inject Provider disabled, skip hackConnectButton (DEV only log)');
+            }
+            return;
+        }
+        if (process.env.NODE_ENV !== 'production') {
+            console.log('mutation triggered: hackConnectButton (DEV only log)');
+        }
+        return enabledProviders;
+    };
     const run = () => {
         // ignore web site run in iframe
         if (window.top !== window) {
@@ -209,18 +272,13 @@ function hackConnectButton({ urls, replaceMethod, providers, mutationObserverOpt
         const callback = (0, lodash_1.throttle)((mutationList, observer) => {
             setTimeout(() => {
                 var _a, _b;
-                if (!isUrlMatched()) {
-                    return;
-                }
-                if (providers.find((providerName) => checkIfInjectedProviderConnected({ providerName }))) {
-                    return;
-                }
-                if (process.env.NODE_ENV !== 'production') {
-                    console.log('mutation triggered: hackConnectButton (DEV only log)');
-                }
                 try {
+                    const enabledProviders = getEnabledInjectedProviders();
                     (_a = observer === null || observer === void 0 ? void 0 : observer.disconnect) === null || _a === void 0 ? void 0 : _a.call(observer);
-                    replaceMethod === null || replaceMethod === void 0 ? void 0 : replaceMethod();
+                    if (!enabledProviders) {
+                        return;
+                    }
+                    replaceMethod === null || replaceMethod === void 0 ? void 0 : replaceMethod({ providers: enabledProviders });
                 }
                 catch (error) {
                     if (process.env.NODE_ENV !== 'production') {
@@ -260,7 +318,11 @@ function hackConnectButton({ urls, replaceMethod, providers, mutationObserverOpt
     }
     setTimeout(() => {
         try {
-            replaceMethod === null || replaceMethod === void 0 ? void 0 : replaceMethod();
+            const enabledProviders = getEnabledInjectedProviders();
+            if (!enabledProviders) {
+                return;
+            }
+            replaceMethod === null || replaceMethod === void 0 ? void 0 : replaceMethod({ providers: enabledProviders });
         }
         catch (error) {
             // noop

package/dist/cjs/connectButtonHack/index.js

@@ -10,6 +10,7 @@ require("./sites/uniswap");
 require("./sites/sushi");
 require("./sites/1inch");
 require("./sites/dydx");
+require("./sites/dydxv4");
 require("./sites/compound");
 require("./sites/oasis");
 require("./sites/synthetix");

package/dist/cjs/connectButtonHack/sites/dydxv4.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const hackConnectButton_1 = require("../hackConnectButton");
+const cross_inpage_provider_types_1 = require("@onekeyfe/cross-inpage-provider-types");
+const consts_1 = require("../consts");
+(0, hackConnectButton_1.hackConnectButton)({
+    urls: ['dydx.trade'],
+    providers: [cross_inpage_provider_types_1.IInjectedProviderNames.ethereum],
+    replaceMethod() {
+        const replaceFunc = ({ findName, icon, text, }) => {
+            const buttons = Array.from(document.querySelectorAll('div[role="dialog"] div > div > button'));
+            const btn = buttons.find((item) => {
+                var _a;
+                return (_a = item.querySelector('div')) === null || _a === void 0 ? void 0 : _a.innerText.includes(findName);
+            });
+            const datasetKey = 'onekey_auto_created_icon_img';
+            if (btn && !btn.querySelector(`[data-${datasetKey}]`)) {
+                (0, hackConnectButton_1.createNewImageToContainer)({
+                    container: btn,
+                    icon,
+                    removeSvg: true,
+                    onCreated(img) {
+                        img.style.width = '20px';
+                        img.style.height = '20px';
+                    },
+                });
+                const textNode = btn.querySelector('div');
+                if (textNode) {
+                    textNode.innerText = text;
+                }
+            }
+        };
+        replaceFunc({
+            findName: 'MetaMask',
+            icon: consts_1.WALLET_CONNECT_INFO.metamask.icon,
+            text: consts_1.WALLET_CONNECT_INFO.metamask.text,
+        });
+        replaceFunc({
+            findName: 'WalletConnect',
+            icon: consts_1.WALLET_CONNECT_INFO.walletconnect.icon,
+            text: consts_1.WALLET_CONNECT_INFO.walletconnect.text,
+        });
+    },
+});

package/dist/cjs/connectButtonHack/sites/magiceden.js

@@ -5,11 +5,16 @@ const cross_inpage_provider_types_1 = require("@onekeyfe/cross-inpage-provider-t
 const consts_1 = require("../consts");
 (0, hackConnectButton_1.hackConnectButton)({
     urls: ['magiceden.io', 'www.magiceden.io'],
-    providers: [cross_inpage_provider_types_1.IInjectedProviderNames.ethereum, cross_inpage_provider_types_1.IInjectedProviderNames.solana],
-    replaceMethod() {
+    providers: [
+        cross_inpage_provider_types_1.IInjectedProviderNames.ethereum,
+        cross_inpage_provider_types_1.IInjectedProviderNames.solana,
+        cross_inpage_provider_types_1.IInjectedProviderNames.btc,
+    ],
+    replaceMethod(options) {
+        var _a, _b, _c;
         const replaceFunc = ({ findName, findIconText, icon, text, }) => {
             var _a;
-            const img = document.querySelector(`#headlessui-portal-root li > button > div > img[alt="${findIconText}"]`);
+            const img = document.querySelector(`#headlessui-portal-root div > button > div > img[alt="${findIconText}"]`);
             if (img && img.src) {
                 img.src = icon;
                 const span = (_a = img.nextSibling) === null || _a === void 0 ? void 0 : _a.querySelector('span');
@@ -18,29 +23,42 @@ const consts_1 = require("../consts");
                 }
             }
         };
-        replaceFunc({
-            findName: 'MetaMask',
-            findIconText: 'MetaMask icon',
-            icon: consts_1.WALLET_CONNECT_INFO.metamask.icon,
-            text: consts_1.WALLET_CONNECT_INFO.metamask.text,
-        });
-        replaceFunc({
-            findName: 'WalletConnect',
-            findIconText: 'WalletConnect icon',
-            icon: consts_1.WALLET_CONNECT_INFO.walletconnect.icon,
-            text: consts_1.WALLET_CONNECT_INFO.walletconnect.text,
-        });
-        replaceFunc({
-            findName: 'Phantom',
-            findIconText: 'Phantom icon',
-            icon: consts_1.WALLET_CONNECT_INFO.phantom.icon,
-            text: consts_1.WALLET_CONNECT_INFO.phantom.text,
-        });
-        replaceFunc({
-            findName: 'Unisat',
-            findIconText: 'Unisat icon',
-            icon: consts_1.WALLET_CONNECT_INFO.unisat.icon,
-            text: consts_1.WALLET_CONNECT_INFO.unisat.text,
-        });
+        if ((_a = options === null || options === void 0 ? void 0 : options.providers) === null || _a === void 0 ? void 0 : _a.includes(cross_inpage_provider_types_1.IInjectedProviderNames.ethereum)) {
+            replaceFunc({
+                findName: 'MetaMask',
+                findIconText: 'MetaMask icon',
+                icon: consts_1.WALLET_CONNECT_INFO.metamask.icon,
+                text: consts_1.WALLET_CONNECT_INFO.metamask.text,
+            });
+            // The magiceden bug will probably be fixed later
+            replaceFunc({
+                findName: 'MetaMask',
+                findIconText: 'MetaMask  icon',
+                icon: consts_1.WALLET_CONNECT_INFO.metamask.icon,
+                text: consts_1.WALLET_CONNECT_INFO.metamask.text,
+            });
+            replaceFunc({
+                findName: 'WalletConnect',
+                findIconText: 'WalletConnect icon',
+                icon: consts_1.WALLET_CONNECT_INFO.walletconnect.icon,
+                text: consts_1.WALLET_CONNECT_INFO.walletconnect.text,
+            });
+        }
+        if ((_b = options === null || options === void 0 ? void 0 : options.providers) === null || _b === void 0 ? void 0 : _b.includes(cross_inpage_provider_types_1.IInjectedProviderNames.solana)) {
+            replaceFunc({
+                findName: 'Phantom',
+                findIconText: 'Phantom icon',
+                icon: consts_1.WALLET_CONNECT_INFO.phantom.icon,
+                text: consts_1.WALLET_CONNECT_INFO.phantom.text,
+            });
+        }
+        if ((_c = options === null || options === void 0 ? void 0 : options.providers) === null || _c === void 0 ? void 0 : _c.includes(cross_inpage_provider_types_1.IInjectedProviderNames.btc)) {
+            replaceFunc({
+                findName: 'Unisat',
+                findIconText: 'Unisat icon',
+                icon: consts_1.WALLET_CONNECT_INFO.unisat.icon,
+                text: consts_1.WALLET_CONNECT_INFO.unisat.text,
+            });
+        }
     },
 });

package/dist/cjs/connectButtonHack/sites/opensea.js

@@ -6,7 +6,8 @@ const consts_1 = require("../consts");
 (0, hackConnectButton_1.hackConnectButton)({
     urls: ['opensea.io', 'www.opensea.io'],
     providers: [cross_inpage_provider_types_1.IInjectedProviderNames.ethereum, cross_inpage_provider_types_1.IInjectedProviderNames.solana],
-    replaceMethod() {
+    replaceMethod(options) {
+        var _a, _b;
         const replaceFunc = ({ findName, icon, text, }) => {
             var _a, _b;
             const listDom = (_a = window.document.querySelector('div[data-testid="wallet-modal"] ul')) === null || _a === void 0 ? void 0 : _a.childNodes;
@@ -30,20 +31,24 @@ const consts_1 = require("../consts");
                 span.innerText = text;
             }
         };
-        replaceFunc({
-            findName: 'MetaMask',
-            icon: consts_1.WALLET_CONNECT_INFO.metamask.icon,
-            text: consts_1.WALLET_CONNECT_INFO.metamask.text,
-        });
-        replaceFunc({
-            findName: 'Phantom',
-            icon: consts_1.WALLET_CONNECT_INFO.phantom.icon,
-            text: consts_1.WALLET_CONNECT_INFO.phantom.text,
-        });
-        replaceFunc({
-            findName: 'WalletConnect',
-            icon: consts_1.WALLET_CONNECT_INFO.walletconnect.icon,
-            text: consts_1.WALLET_CONNECT_INFO.walletconnect.text,
-        });
+        if ((_a = options === null || options === void 0 ? void 0 : options.providers) === null || _a === void 0 ? void 0 : _a.includes(cross_inpage_provider_types_1.IInjectedProviderNames.ethereum)) {
+            replaceFunc({
+                findName: 'MetaMask',
+                icon: consts_1.WALLET_CONNECT_INFO.metamask.icon,
+                text: consts_1.WALLET_CONNECT_INFO.metamask.text,
+            });
+            replaceFunc({
+                findName: 'WalletConnect',
+                icon: consts_1.WALLET_CONNECT_INFO.walletconnect.icon,
+                text: consts_1.WALLET_CONNECT_INFO.walletconnect.text,
+            });
+        }
+        if ((_b = options === null || options === void 0 ? void 0 : options.providers) === null || _b === void 0 ? void 0 : _b.includes(cross_inpage_provider_types_1.IInjectedProviderNames.solana)) {
+            replaceFunc({
+                findName: 'Phantom',
+                icon: consts_1.WALLET_CONNECT_INFO.phantom.icon,
+                text: consts_1.WALLET_CONNECT_INFO.phantom.text,
+            });
+        }
     },
 });

package/dist/cjs/connectButtonHack/sites/rarible.js

@@ -7,7 +7,8 @@ const consts_1 = require("../consts");
     urls: ['rarible.com', 'www.rarible.com'],
     providers: [cross_inpage_provider_types_1.IInjectedProviderNames.ethereum, cross_inpage_provider_types_1.IInjectedProviderNames.solana],
     callbackDelay: 0,
-    replaceMethod() {
+    replaceMethod(options) {
+        var _a, _b;
         const replaceFunc = ({ findName, icon, text, }) => {
             const spans = Array.from(document.querySelectorAll('.ScrollbarsCustom ~ div > div > button > span > span > span > span'));
             const span = spans.find((item) => item.innerHTML === findName);
@@ -19,20 +20,24 @@ const consts_1 = require("../consts");
                 }
             }
         };
-        replaceFunc({
-            findName: 'MetaMask',
-            icon: consts_1.WALLET_CONNECT_INFO.metamask.icon,
-            text: consts_1.WALLET_CONNECT_INFO.metamask.text,
-        });
-        replaceFunc({
-            findName: 'WalletConnect',
-            icon: consts_1.WALLET_CONNECT_INFO.walletconnect.icon,
-            text: consts_1.WALLET_CONNECT_INFO.walletconnect.text,
-        });
-        replaceFunc({
-            findName: 'Phantom',
-            icon: consts_1.WALLET_CONNECT_INFO.phantom.icon,
-            text: consts_1.WALLET_CONNECT_INFO.phantom.text,
-        });
+        if ((_a = options === null || options === void 0 ? void 0 : options.providers) === null || _a === void 0 ? void 0 : _a.includes(cross_inpage_provider_types_1.IInjectedProviderNames.ethereum)) {
+            replaceFunc({
+                findName: 'MetaMask',
+                icon: consts_1.WALLET_CONNECT_INFO.metamask.icon,
+                text: consts_1.WALLET_CONNECT_INFO.metamask.text,
+            });
+            replaceFunc({
+                findName: 'WalletConnect',
+                icon: consts_1.WALLET_CONNECT_INFO.walletconnect.icon,
+                text: consts_1.WALLET_CONNECT_INFO.walletconnect.text,
+            });
+        }
+        if ((_b = options === null || options === void 0 ? void 0 : options.providers) === null || _b === void 0 ? void 0 : _b.includes(cross_inpage_provider_types_1.IInjectedProviderNames.solana)) {
+            replaceFunc({
+                findName: 'Phantom',
+                icon: consts_1.WALLET_CONNECT_INFO.phantom.icon,
+                text: consts_1.WALLET_CONNECT_INFO.phantom.text,
+            });
+        }
     },
 });

package/dist/cjs/connectButtonHack/sites/zapper.js

@@ -4,7 +4,7 @@ const hackConnectButton_1 = require("../hackConnectButton");
 const cross_inpage_provider_types_1 = require("@onekeyfe/cross-inpage-provider-types");
 const consts_1 = require("../consts");
 (0, hackConnectButton_1.hackConnectButton)({
-    urls: ['zapper.fi', 'app.zapper.fi', 'www.zapper.fi'],
+    urls: ['zapper.xyz', 'zapper.fi', 'www.zapper.xyz'],
     providers: [cross_inpage_provider_types_1.IInjectedProviderNames.ethereum],
     mutationObserverOptions: {
         attributes: true,
@@ -14,32 +14,19 @@ const consts_1 = require("../consts");
     },
     replaceMethod() {
         const replaceFunc = ({ findName, icon, text, }) => {
-            var _a;
-            // TODO shadowRoot watch
-            //    https://stackoverflow.com/questions/46995421/shadow-dom-know-when-dom-is-rendered-changed
-            const shadowRoot = (_a = document.querySelector('onboard-v2')) === null || _a === void 0 ? void 0 : _a.shadowRoot;
-            if (shadowRoot) {
-                const buttons = Array.from(shadowRoot.querySelectorAll('.wallets-container button'));
-                const btn = buttons.find((item) => item.innerHTML.includes(findName));
-                if (btn) {
-                    const replaceImg = () => {
-                        const imgContainer = btn.querySelector('div.icon');
-                        if (imgContainer) {
-                            (0, hackConnectButton_1.createNewImageToContainer)({
-                                container: imgContainer,
-                                icon,
-                                removeSvg: true,
-                            });
-                        }
-                    };
-                    const span = btn.querySelector('span.name');
-                    if (span && span.innerHTML === findName) {
-                        span.innerHTML = text;
-                        // shadowRoot update image, need some delay to replace image
-                        setTimeout(replaceImg, 1000);
-                    }
-                    replaceImg();
+            const buttons = Array.from(document.querySelectorAll('.ReactModal__Content--after-open div > button > div:first-child'));
+            const btnContent = buttons.reverse().find((item) => item.innerText.includes(findName));
+            if (btnContent) {
+                while (btnContent.firstChild) {
+                    btnContent.removeChild(btnContent.firstChild);
                 }
+                const image = document.createElement('img');
+                image.src = icon;
+                image.style.width = '32px';
+                image.style.height = '32px';
+                btnContent.appendChild(image);
+                const newText = document.createTextNode(text);
+                btnContent.appendChild(newText);
             }
         };
         replaceFunc({

package/dist/cjs/injectWeb3Provider.js

@@ -104,7 +104,7 @@ function injectWeb3Provider() {
     (0, cross_inpage_provider_core_1.defineWindowProperty)('getOfflineSigner', cosmos.getOfflineSigner.bind(cosmos));
     (0, cross_inpage_provider_core_1.defineWindowProperty)('getOfflineSignerOnlyAmino', cosmos.getOfflineSignerOnlyAmino.bind(cosmos));
     (0, cross_inpage_provider_core_1.defineWindowProperty)('getOfflineSignerAuto', cosmos.getOfflineSignerAuto.bind(cosmos));
-    // Lightning Network 
+    // Lightning Network
     (0, cross_inpage_provider_core_1.defineWindowProperty)('webln', webln);
     (0, cross_inpage_provider_core_1.defineWindowProperty)('nostr', nostr);
     // ** shim or inject real web3
@@ -116,6 +116,12 @@ function injectWeb3Provider() {
     (0, onekey_eth_provider_1.shimWeb3)(ethereum);
     // TODO use initializeInpageProvider.ts
     window.dispatchEvent(new Event('ethereum#initialized'));
+    // Solana Standard Wallet
+    if ((0, cross_inpage_provider_core_1.checkWalletSwitchEnable)('onekey-solana')) {
+        (0, onekey_solana_provider_1.registerSolanaWallet)(solana, {
+            icon: consts_1.WALLET_CONNECT_INFO.onekey.icon,
+        });
+    }
     // Sui Standard Wallet
     if ((0, cross_inpage_provider_core_1.checkWalletSwitchEnable)('onekey-sui')) {
         (0, onekey_sui_provider_1.registerSuiWallet)(sui, {

package/dist/connectButtonHack/hackConnectButton.d.ts

@@ -18,7 +18,9 @@ export declare function createNewImageToContainer({ container, icon, removeSvg,
 }): void;
 declare function hackConnectButton({ urls, replaceMethod, providers, mutationObserverOptions, throttleDelay, throttleSettings, callbackDelay, }: {
     urls: string[];
-    replaceMethod: () => void;
+    replaceMethod: (options?: {
+        providers: IInjectedProviderNames[];
+    }) => void;
     providers: IInjectedProviderNames[];
     mutationObserverOptions?: MutationObserverInit;
     throttleDelay?: number;

package/dist/connectButtonHack/hackConnectButton.js

@@ -7,6 +7,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
+import { ISpecialPropertyProviderNamesReflection, checkWalletSwitchEnable, } from '@onekeyfe/cross-inpage-provider-core';
 import { throttle } from 'lodash';
 import { IInjectedProviderNames } from '@onekeyfe/cross-inpage-provider-types';
 function checkIfInjectedProviderConnected({ providerName, }) {
@@ -23,6 +24,49 @@ function checkIfInjectedProviderConnected({ providerName, }) {
     }
     return false;
 }
+/**
+ * Checks if the given key is a valid key of the `ISpecialPropertyProviderNamesReflection` enum.
+ * This function acts as a type guard, verifying if a string is one of the keys in the `ISpecialPropertyProviderNamesReflection` enum.
+ *
+ * @param key - The key to be checked against the `ISpecialPropertyProviderNamesReflection` enum.
+ * @returns Returns `true` if the key is a valid enum key, otherwise returns `false`.
+ */
+function isKeyOfISpecialPropertyProviderNamesReflection(key) {
+    return key in ISpecialPropertyProviderNamesReflection;
+}
+/**
+ * Checks if the provided blockchain provider is enabled.
+ * This function determines the status of a blockchain provider by mapping its name to a special property name (if applicable) and then checking if the wallet switch for that property is enabled.
+ *
+ * @param param - An object containing the name of the blockchain provider.
+ * @param providerName - The name of the provider to check. This should be a member of the `IInjectedProviderNames` enum.
+ * @returns Returns `true` if the provider is enabled, otherwise returns `false`.
+ */
+function checkIfInjectedProviderEnable({ providerName }) {
+    let property;
+    if (isKeyOfISpecialPropertyProviderNamesReflection(providerName)) {
+        property = ISpecialPropertyProviderNamesReflection[providerName];
+    }
+    else {
+        property = providerName;
+    }
+    const result = checkWalletSwitchEnable(property);
+    if (process.env.NODE_ENV !== 'production') {
+        console.log('checkIfInjectedProviderEnable', property, result);
+    }
+    return result;
+}
+/**
+ * Retrieves an array of enabled provider names.
+ *
+ * @param providers - An array of provider names to check.
+ * @returns Returns an array containing the names of all enabled providers.
+ */
+function getEnabledProviders({ providers, }) {
+    return providers.filter((providerName) => {
+        return checkIfInjectedProviderEnable({ providerName });
+    });
+}
 export function detectQrcodeFromSvg({ img, }) {
     var _a, _b;
     return __awaiter(this, void 0, void 0, function* () {
@@ -187,6 +231,25 @@ function hackConnectButton({ urls, replaceMethod, providers, mutationObserverOpt
     trailing: true,
 }, callbackDelay = 10, }) {
     const isUrlMatched = () => Boolean(urls.includes(window.location.hostname) || urls.includes('*'));
+    const getEnabledInjectedProviders = () => {
+        if (!isUrlMatched()) {
+            return;
+        }
+        if (providers.find((providerName) => checkIfInjectedProviderConnected({ providerName }))) {
+            return;
+        }
+        const enabledProviders = getEnabledProviders({ providers });
+        if (!enabledProviders || enabledProviders.length === 0) {
+            if (process.env.NODE_ENV !== 'production') {
+                console.log('inject Provider disabled, skip hackConnectButton (DEV only log)');
+            }
+            return;
+        }
+        if (process.env.NODE_ENV !== 'production') {
+            console.log('mutation triggered: hackConnectButton (DEV only log)');
+        }
+        return enabledProviders;
+    };
     const run = () => {
         // ignore web site run in iframe
         if (window.top !== window) {
@@ -203,18 +266,13 @@ function hackConnectButton({ urls, replaceMethod, providers, mutationObserverOpt
         const callback = throttle((mutationList, observer) => {
             setTimeout(() => {
                 var _a, _b;
-                if (!isUrlMatched()) {
-                    return;
-                }
-                if (providers.find((providerName) => checkIfInjectedProviderConnected({ providerName }))) {
-                    return;
-                }
-                if (process.env.NODE_ENV !== 'production') {
-                    console.log('mutation triggered: hackConnectButton (DEV only log)');
-                }
                 try {
+                    const enabledProviders = getEnabledInjectedProviders();
                     (_a = observer === null || observer === void 0 ? void 0 : observer.disconnect) === null || _a === void 0 ? void 0 : _a.call(observer);
-                    replaceMethod === null || replaceMethod === void 0 ? void 0 : replaceMethod();
+                    if (!enabledProviders) {
+                        return;
+                    }
+                    replaceMethod === null || replaceMethod === void 0 ? void 0 : replaceMethod({ providers: enabledProviders });
                 }
                 catch (error) {
                     if (process.env.NODE_ENV !== 'production') {
@@ -254,7 +312,11 @@ function hackConnectButton({ urls, replaceMethod, providers, mutationObserverOpt
     }
     setTimeout(() => {
         try {
-            replaceMethod === null || replaceMethod === void 0 ? void 0 : replaceMethod();
+            const enabledProviders = getEnabledInjectedProviders();
+            if (!enabledProviders) {
+                return;
+            }
+            replaceMethod === null || replaceMethod === void 0 ? void 0 : replaceMethod({ providers: enabledProviders });
         }
         catch (error) {
             // noop

package/dist/connectButtonHack/index.d.ts

@@ -6,6 +6,7 @@ import './sites/uniswap';
 import './sites/sushi';
 import './sites/1inch';
 import './sites/dydx';
+import './sites/dydxv4';
 import './sites/compound';
 import './sites/oasis';
 import './sites/synthetix';

package/dist/connectButtonHack/index.js

@@ -8,6 +8,7 @@ import './sites/uniswap';
 import './sites/sushi';
 import './sites/1inch';
 import './sites/dydx';
+import './sites/dydxv4';
 import './sites/compound';
 import './sites/oasis';
 import './sites/synthetix';

package/dist/connectButtonHack/sites/dydxv4.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/connectButtonHack/sites/dydxv4.js

@@ -0,0 +1,42 @@
+import { createNewImageToContainer, hackConnectButton } from '../hackConnectButton';
+import { IInjectedProviderNames } from '@onekeyfe/cross-inpage-provider-types';
+import { WALLET_CONNECT_INFO } from '../consts';
+hackConnectButton({
+    urls: ['dydx.trade'],
+    providers: [IInjectedProviderNames.ethereum],
+    replaceMethod() {
+        const replaceFunc = ({ findName, icon, text, }) => {
+            const buttons = Array.from(document.querySelectorAll('div[role="dialog"] div > div > button'));
+            const btn = buttons.find((item) => {
+                var _a;
+                return (_a = item.querySelector('div')) === null || _a === void 0 ? void 0 : _a.innerText.includes(findName);
+            });
+            const datasetKey = 'onekey_auto_created_icon_img';
+            if (btn && !btn.querySelector(`[data-${datasetKey}]`)) {
+                createNewImageToContainer({
+                    container: btn,
+                    icon,
+                    removeSvg: true,
+                    onCreated(img) {
+                        img.style.width = '20px';
+                        img.style.height = '20px';
+                    },
+                });
+                const textNode = btn.querySelector('div');
+                if (textNode) {
+                    textNode.innerText = text;
+                }
+            }
+        };
+        replaceFunc({
+            findName: 'MetaMask',
+            icon: WALLET_CONNECT_INFO.metamask.icon,
+            text: WALLET_CONNECT_INFO.metamask.text,
+        });
+        replaceFunc({
+            findName: 'WalletConnect',
+            icon: WALLET_CONNECT_INFO.walletconnect.icon,
+            text: WALLET_CONNECT_INFO.walletconnect.text,
+        });
+    },
+});

package/dist/connectButtonHack/sites/magiceden.js

@@ -3,11 +3,16 @@ import { IInjectedProviderNames } from '@onekeyfe/cross-inpage-provider-types';
 import { WALLET_CONNECT_INFO } from '../consts';
 hackConnectButton({
     urls: ['magiceden.io', 'www.magiceden.io'],
-    providers: [IInjectedProviderNames.ethereum, IInjectedProviderNames.solana],
-    replaceMethod() {
+    providers: [
+        IInjectedProviderNames.ethereum,
+        IInjectedProviderNames.solana,
+        IInjectedProviderNames.btc,
+    ],
+    replaceMethod(options) {
+        var _a, _b, _c;
         const replaceFunc = ({ findName, findIconText, icon, text, }) => {
             var _a;
-            const img = document.querySelector(`#headlessui-portal-root li > button > div > img[alt="${findIconText}"]`);
+            const img = document.querySelector(`#headlessui-portal-root div > button > div > img[alt="${findIconText}"]`);
             if (img && img.src) {
                 img.src = icon;
                 const span = (_a = img.nextSibling) === null || _a === void 0 ? void 0 : _a.querySelector('span');
@@ -16,29 +21,42 @@ hackConnectButton({
                 }
             }
         };
-        replaceFunc({
-            findName: 'MetaMask',
-            findIconText: 'MetaMask icon',
-            icon: WALLET_CONNECT_INFO.metamask.icon,
-            text: WALLET_CONNECT_INFO.metamask.text,
-        });
-        replaceFunc({
-            findName: 'WalletConnect',
-            findIconText: 'WalletConnect icon',
-            icon: WALLET_CONNECT_INFO.walletconnect.icon,
-            text: WALLET_CONNECT_INFO.walletconnect.text,
-        });
-        replaceFunc({
-            findName: 'Phantom',
-            findIconText: 'Phantom icon',
-            icon: WALLET_CONNECT_INFO.phantom.icon,
-            text: WALLET_CONNECT_INFO.phantom.text,
-        });
-        replaceFunc({
-            findName: 'Unisat',
-            findIconText: 'Unisat icon',
-            icon: WALLET_CONNECT_INFO.unisat.icon,
-            text: WALLET_CONNECT_INFO.unisat.text,
-        });
+        if ((_a = options === null || options === void 0 ? void 0 : options.providers) === null || _a === void 0 ? void 0 : _a.includes(IInjectedProviderNames.ethereum)) {
+            replaceFunc({
+                findName: 'MetaMask',
+                findIconText: 'MetaMask icon',
+                icon: WALLET_CONNECT_INFO.metamask.icon,
+                text: WALLET_CONNECT_INFO.metamask.text,
+            });
+            // The magiceden bug will probably be fixed later
+            replaceFunc({
+                findName: 'MetaMask',
+                findIconText: 'MetaMask  icon',
+                icon: WALLET_CONNECT_INFO.metamask.icon,
+                text: WALLET_CONNECT_INFO.metamask.text,
+            });
+            replaceFunc({
+                findName: 'WalletConnect',
+                findIconText: 'WalletConnect icon',
+                icon: WALLET_CONNECT_INFO.walletconnect.icon,
+                text: WALLET_CONNECT_INFO.walletconnect.text,
+            });
+        }
+        if ((_b = options === null || options === void 0 ? void 0 : options.providers) === null || _b === void 0 ? void 0 : _b.includes(IInjectedProviderNames.solana)) {
+            replaceFunc({
+                findName: 'Phantom',
+                findIconText: 'Phantom icon',
+                icon: WALLET_CONNECT_INFO.phantom.icon,
+                text: WALLET_CONNECT_INFO.phantom.text,
+            });
+        }
+        if ((_c = options === null || options === void 0 ? void 0 : options.providers) === null || _c === void 0 ? void 0 : _c.includes(IInjectedProviderNames.btc)) {
+            replaceFunc({
+                findName: 'Unisat',
+                findIconText: 'Unisat icon',
+                icon: WALLET_CONNECT_INFO.unisat.icon,
+                text: WALLET_CONNECT_INFO.unisat.text,
+            });
+        }
     },
 });

package/dist/connectButtonHack/sites/opensea.js

@@ -4,7 +4,8 @@ import { WALLET_CONNECT_INFO } from '../consts';
 hackConnectButton({
     urls: ['opensea.io', 'www.opensea.io'],
     providers: [IInjectedProviderNames.ethereum, IInjectedProviderNames.solana],
-    replaceMethod() {
+    replaceMethod(options) {
+        var _a, _b;
         const replaceFunc = ({ findName, icon, text, }) => {
             var _a, _b;
             const listDom = (_a = window.document.querySelector('div[data-testid="wallet-modal"] ul')) === null || _a === void 0 ? void 0 : _a.childNodes;
@@ -28,20 +29,24 @@ hackConnectButton({
                 span.innerText = text;
             }
         };
-        replaceFunc({
-            findName: 'MetaMask',
-            icon: WALLET_CONNECT_INFO.metamask.icon,
-            text: WALLET_CONNECT_INFO.metamask.text,
-        });
-        replaceFunc({
-            findName: 'Phantom',
-            icon: WALLET_CONNECT_INFO.phantom.icon,
-            text: WALLET_CONNECT_INFO.phantom.text,
-        });
-        replaceFunc({
-            findName: 'WalletConnect',
-            icon: WALLET_CONNECT_INFO.walletconnect.icon,
-            text: WALLET_CONNECT_INFO.walletconnect.text,
-        });
+        if ((_a = options === null || options === void 0 ? void 0 : options.providers) === null || _a === void 0 ? void 0 : _a.includes(IInjectedProviderNames.ethereum)) {
+            replaceFunc({
+                findName: 'MetaMask',
+                icon: WALLET_CONNECT_INFO.metamask.icon,
+                text: WALLET_CONNECT_INFO.metamask.text,
+            });
+            replaceFunc({
+                findName: 'WalletConnect',
+                icon: WALLET_CONNECT_INFO.walletconnect.icon,
+                text: WALLET_CONNECT_INFO.walletconnect.text,
+            });
+        }
+        if ((_b = options === null || options === void 0 ? void 0 : options.providers) === null || _b === void 0 ? void 0 : _b.includes(IInjectedProviderNames.solana)) {
+            replaceFunc({
+                findName: 'Phantom',
+                icon: WALLET_CONNECT_INFO.phantom.icon,
+                text: WALLET_CONNECT_INFO.phantom.text,
+            });
+        }
     },
 });

package/dist/connectButtonHack/sites/rarible.js

@@ -5,7 +5,8 @@ hackConnectButton({
     urls: ['rarible.com', 'www.rarible.com'],
     providers: [IInjectedProviderNames.ethereum, IInjectedProviderNames.solana],
     callbackDelay: 0,
-    replaceMethod() {
+    replaceMethod(options) {
+        var _a, _b;
         const replaceFunc = ({ findName, icon, text, }) => {
             const spans = Array.from(document.querySelectorAll('.ScrollbarsCustom ~ div > div > button > span > span > span > span'));
             const span = spans.find((item) => item.innerHTML === findName);
@@ -17,20 +18,24 @@ hackConnectButton({
                 }
             }
         };
-        replaceFunc({
-            findName: 'MetaMask',
-            icon: WALLET_CONNECT_INFO.metamask.icon,
-            text: WALLET_CONNECT_INFO.metamask.text,
-        });
-        replaceFunc({
-            findName: 'WalletConnect',
-            icon: WALLET_CONNECT_INFO.walletconnect.icon,
-            text: WALLET_CONNECT_INFO.walletconnect.text,
-        });
-        replaceFunc({
-            findName: 'Phantom',
-            icon: WALLET_CONNECT_INFO.phantom.icon,
-            text: WALLET_CONNECT_INFO.phantom.text,
-        });
+        if ((_a = options === null || options === void 0 ? void 0 : options.providers) === null || _a === void 0 ? void 0 : _a.includes(IInjectedProviderNames.ethereum)) {
+            replaceFunc({
+                findName: 'MetaMask',
+                icon: WALLET_CONNECT_INFO.metamask.icon,
+                text: WALLET_CONNECT_INFO.metamask.text,
+            });
+            replaceFunc({
+                findName: 'WalletConnect',
+                icon: WALLET_CONNECT_INFO.walletconnect.icon,
+                text: WALLET_CONNECT_INFO.walletconnect.text,
+            });
+        }
+        if ((_b = options === null || options === void 0 ? void 0 : options.providers) === null || _b === void 0 ? void 0 : _b.includes(IInjectedProviderNames.solana)) {
+            replaceFunc({
+                findName: 'Phantom',
+                icon: WALLET_CONNECT_INFO.phantom.icon,
+                text: WALLET_CONNECT_INFO.phantom.text,
+            });
+        }
     },
 });

package/dist/connectButtonHack/sites/zapper.js

@@ -1,8 +1,8 @@
-import { createNewImageToContainer, hackConnectButton } from '../hackConnectButton';
+import { hackConnectButton } from '../hackConnectButton';
 import { IInjectedProviderNames } from '@onekeyfe/cross-inpage-provider-types';
 import { WALLET_CONNECT_INFO } from '../consts';
 hackConnectButton({
-    urls: ['zapper.fi', 'app.zapper.fi', 'www.zapper.fi'],
+    urls: ['zapper.xyz', 'zapper.fi', 'www.zapper.xyz'],
     providers: [IInjectedProviderNames.ethereum],
     mutationObserverOptions: {
         attributes: true,
@@ -12,32 +12,19 @@ hackConnectButton({
     },
     replaceMethod() {
         const replaceFunc = ({ findName, icon, text, }) => {
-            var _a;
-            // TODO shadowRoot watch
-            //    https://stackoverflow.com/questions/46995421/shadow-dom-know-when-dom-is-rendered-changed
-            const shadowRoot = (_a = document.querySelector('onboard-v2')) === null || _a === void 0 ? void 0 : _a.shadowRoot;
-            if (shadowRoot) {
-                const buttons = Array.from(shadowRoot.querySelectorAll('.wallets-container button'));
-                const btn = buttons.find((item) => item.innerHTML.includes(findName));
-                if (btn) {
-                    const replaceImg = () => {
-                        const imgContainer = btn.querySelector('div.icon');
-                        if (imgContainer) {
-                            createNewImageToContainer({
-                                container: imgContainer,
-                                icon,
-                                removeSvg: true,
-                            });
-                        }
-                    };
-                    const span = btn.querySelector('span.name');
-                    if (span && span.innerHTML === findName) {
-                        span.innerHTML = text;
-                        // shadowRoot update image, need some delay to replace image
-                        setTimeout(replaceImg, 1000);
-                    }
-                    replaceImg();
+            const buttons = Array.from(document.querySelectorAll('.ReactModal__Content--after-open div > button > div:first-child'));
+            const btnContent = buttons.reverse().find((item) => item.innerText.includes(findName));
+            if (btnContent) {
+                while (btnContent.firstChild) {
+                    btnContent.removeChild(btnContent.firstChild);
                 }
+                const image = document.createElement('img');
+                image.src = icon;
+                image.style.width = '32px';
+                image.style.height = '32px';
+                btnContent.appendChild(image);
+                const newText = document.createTextNode(text);
+                btnContent.appendChild(newText);
             }
         };
         replaceFunc({

package/dist/injectWeb3Provider.js

@@ -1,6 +1,6 @@
 import { ProviderEthereum, shimWeb3 } from '@onekeyfe/onekey-eth-provider';
 import { ProviderPrivate } from '@onekeyfe/onekey-private-provider';
-import { ProviderSolana } from '@onekeyfe/onekey-solana-provider';
+import { ProviderSolana, registerSolanaWallet } from '@onekeyfe/onekey-solana-provider';
 import { ProviderStarcoin } from '@onekeyfe/onekey-starcoin-provider';
 import { ProviderAptosMartian } from '@onekeyfe/onekey-aptos-provider';
 import { ProviderConflux } from '@onekeyfe/onekey-conflux-provider';
@@ -101,7 +101,7 @@ function injectWeb3Provider() {
     defineWindowProperty('getOfflineSigner', cosmos.getOfflineSigner.bind(cosmos));
     defineWindowProperty('getOfflineSignerOnlyAmino', cosmos.getOfflineSignerOnlyAmino.bind(cosmos));
     defineWindowProperty('getOfflineSignerAuto', cosmos.getOfflineSignerAuto.bind(cosmos));
-    // Lightning Network 
+    // Lightning Network
     defineWindowProperty('webln', webln);
     defineWindowProperty('nostr', nostr);
     // ** shim or inject real web3
@@ -113,6 +113,12 @@ function injectWeb3Provider() {
     shimWeb3(ethereum);
     // TODO use initializeInpageProvider.ts
     window.dispatchEvent(new Event('ethereum#initialized'));
+    // Solana Standard Wallet
+    if (checkWalletSwitchEnable('onekey-solana')) {
+        registerSolanaWallet(solana, {
+            icon: WALLET_CONNECT_INFO.onekey.icon,
+        });
+    }
     // Sui Standard Wallet
     if (checkWalletSwitchEnable('onekey-sui')) {
         registerSuiWallet(sui, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onekeyfe/inpage-providers-hub",
-  "version": "1.1.45",
+  "version": "1.1.48",
   "keywords": [
     "cross-inpage-provider"
   ],
@@ -28,23 +28,23 @@
     "start": "tsc --watch"
   },
   "dependencies": {
-    "@onekeyfe/cross-inpage-provider-core": "1.1.45",
-    "@onekeyfe/cross-inpage-provider-types": "1.1.45",
-    "@onekeyfe/onekey-aptos-provider": "1.1.45",
-    "@onekeyfe/onekey-btc-provider": "1.1.45",
-    "@onekeyfe/onekey-cardano-provider": "1.1.45",
-    "@onekeyfe/onekey-conflux-provider": "1.1.45",
-    "@onekeyfe/onekey-cosmos-provider": "1.1.45",
-    "@onekeyfe/onekey-eth-provider": "1.1.45",
-    "@onekeyfe/onekey-nostr-provider": "1.1.45",
-    "@onekeyfe/onekey-polkadot-provider": "1.1.45",
-    "@onekeyfe/onekey-private-provider": "1.1.45",
-    "@onekeyfe/onekey-solana-provider": "1.1.45",
-    "@onekeyfe/onekey-starcoin-provider": "1.1.45",
-    "@onekeyfe/onekey-sui-provider": "1.1.45",
-    "@onekeyfe/onekey-tron-provider": "1.1.45",
-    "@onekeyfe/onekey-webln-provider": "1.1.45",
+    "@onekeyfe/cross-inpage-provider-core": "1.1.48",
+    "@onekeyfe/cross-inpage-provider-types": "1.1.48",
+    "@onekeyfe/onekey-aptos-provider": "1.1.48",
+    "@onekeyfe/onekey-btc-provider": "1.1.48",
+    "@onekeyfe/onekey-cardano-provider": "1.1.48",
+    "@onekeyfe/onekey-conflux-provider": "1.1.48",
+    "@onekeyfe/onekey-cosmos-provider": "1.1.48",
+    "@onekeyfe/onekey-eth-provider": "1.1.48",
+    "@onekeyfe/onekey-nostr-provider": "1.1.48",
+    "@onekeyfe/onekey-polkadot-provider": "1.1.48",
+    "@onekeyfe/onekey-private-provider": "1.1.48",
+    "@onekeyfe/onekey-solana-provider": "1.1.48",
+    "@onekeyfe/onekey-starcoin-provider": "1.1.48",
+    "@onekeyfe/onekey-sui-provider": "1.1.48",
+    "@onekeyfe/onekey-tron-provider": "1.1.48",
+    "@onekeyfe/onekey-webln-provider": "1.1.48",
     "web3": "^1.7.3"
   },
-  "gitHead": "25bf58e46d50cb61816d5515524bd3d7817c278e"
+  "gitHead": "6a43a23aaf1a7ba4bd6e3efa04e52fe6dbd63101"
 }