@omnisat/lasereyes 0.0.22 → 0.0.24

package/dist/index.d.ts

@@ -77,6 +77,7 @@ declare const WALLETS: {
 };
 
 type LaserEyesContextType = {
+    isInitializing: boolean;
     connected: boolean;
     isConnecting: boolean;
     publicKey: string;

package/dist/index.js

@@ -288,6 +288,7 @@ var initialWalletContext = {
   hasLeather: false,
   hasPhantom: false,
   hasWizz: false,
+  isInitializing: true,
   connected: false,
   isConnecting: false,
   publicKey: "",
@@ -514,6 +515,7 @@ var LaserEyesProvider = ({
   const self = selfRef.current;
   const [library, setLibrary] = (0, import_react.useState)(null);
   const [provider, setProvider] = (0, import_react.useState)();
+  const [isInitializing, setIsInitializing] = (0, import_react.useState)(true);
   const [connected, setConnected] = (0, import_react.useState)(false);
   const [isConnecting, setIsConnecting] = (0, import_react.useState)(false);
   const [accounts, setAccounts] = (0, import_react.useState)([]);
@@ -545,52 +547,138 @@ var LaserEyesProvider = ({
       });
     }
   }, [config, library]);
+  const checkInitializationComplete = () => {
+    if (hasUnisat !== void 0 && hasXverse !== void 0 && hasOyl !== void 0 && hasMagicEden !== void 0 && hasOkx !== void 0 && hasLeather !== void 0 && hasPhantom !== void 0 && hasWizz !== void 0) {
+      setIsInitializing(false);
+    }
+  };
   (0, import_react.useEffect)(() => {
-    const unisatLib = window == null ? void 0 : window.unisat;
-    setHasUnisat(!!unisatLib);
+    const observer = new MutationObserver(() => {
+      const unisatLib = window == null ? void 0 : window.unisat;
+      if (unisatLib) {
+        setHasUnisat(true);
+        observer.disconnect();
+      }
+    });
+    observer.observe(document, { childList: true, subtree: true });
+    return () => {
+      observer.disconnect();
+    };
   }, []);
   (0, import_react.useEffect)(() => {
-    var _a;
-    const xverseLib = (_a = window == null ? void 0 : window.XverseProviders) == null ? void 0 : _a.BitcoinProvider;
-    setHasXverse(!!xverseLib);
+    const observer = new MutationObserver(() => {
+      var _a;
+      const xverseLib = (_a = window == null ? void 0 : window.XverseProviders) == null ? void 0 : _a.BitcoinProvider;
+      if (xverseLib) {
+        setHasXverse(true);
+        observer.disconnect();
+      }
+    });
+    observer.observe(document, { childList: true, subtree: true });
+    return () => {
+      observer.disconnect();
+    };
   }, []);
   (0, import_react.useEffect)(() => {
-    const oylLib = window == null ? void 0 : window.oyl;
-    setHasOyl(!!oylLib);
+    const observer = new MutationObserver(() => {
+      const oylLib = window == null ? void 0 : window.oyl;
+      if (oylLib) {
+        setHasOyl(true);
+        observer.disconnect();
+      }
+    });
+    observer.observe(document, { childList: true, subtree: true });
+    return () => {
+      observer.disconnect();
+    };
   }, []);
   (0, import_react.useEffect)(() => {
-    const magicEdenLib = window == null ? void 0 : window.magicEden;
-    setHasMagicEden(!!magicEdenLib);
+    const observer = new MutationObserver(() => {
+      const magicEdenLib = window == null ? void 0 : window.magicEden;
+      if (magicEdenLib) {
+        setHasMagicEden(true);
+        observer.disconnect();
+      }
+    });
+    observer.observe(document, { childList: true, subtree: true });
+    return () => {
+      observer.disconnect();
+    };
   }, []);
   (0, import_react.useEffect)(() => {
-  }, []);
+    const observer = new MutationObserver(() => {
+      var _a, _b;
+      let foundOkx;
+      if (network === TESTNET) {
+        foundOkx = (_a = window == null ? void 0 : window.okxwallet) == null ? void 0 : _a.bitcoinTestnet;
+      } else if (network === MAINNET) {
+        foundOkx = (_b = window == null ? void 0 : window.okxwallet) == null ? void 0 : _b.bitcoin;
+      }
+      if (foundOkx) {
+        setHasOkx(true);
+        observer.disconnect();
+      }
+    });
+    observer.observe(document, { childList: true, subtree: true });
+    return () => {
+      observer.disconnect();
+    };
+  }, [network]);
   (0, import_react.useEffect)(() => {
-    var _a, _b;
-    let foundOkx;
-    if (network === TESTNET) {
-      foundOkx = (_a = window.okxwallet) == null ? void 0 : _a.bitcoinTestnet;
-    } else if (network === MAINNET) {
-      foundOkx = (_b = window.okxwallet) == null ? void 0 : _b.bitcoin;
-    }
-    setHasOkx(!!foundOkx);
+    const observer = new MutationObserver(() => {
+      const leatherLib = window == null ? void 0 : window.LeatherProvider;
+      if (leatherLib) {
+        setHasLeather(true);
+        observer.disconnect();
+      }
+    });
+    observer.observe(document, { childList: true, subtree: true });
+    return () => {
+      observer.disconnect();
+    };
   }, []);
   (0, import_react.useEffect)(() => {
-    const leatherLib = window == null ? void 0 : window.LeatherProvider;
-    setHasLeather(!!leatherLib);
+    const observer = new MutationObserver(() => {
+      var _a;
+      const phantomLib = (_a = window == null ? void 0 : window.phantom) == null ? void 0 : _a.bitcoin;
+      if (phantomLib && phantomLib.isPhantom) {
+        setHasPhantom(true);
+        observer.disconnect();
+      } else {
+        setHasPhantom(false);
+        observer.disconnect();
+      }
+    });
+    observer.observe(document, { childList: true, subtree: true });
+    return () => {
+      observer.disconnect();
+    };
   }, []);
   (0, import_react.useEffect)(() => {
-    var _a;
-    const phantomLib = (_a = window == null ? void 0 : window.phantom) == null ? void 0 : _a.bitcoin;
-    if (phantomLib && phantomLib.isPhantom) {
-      setHasPhantom(!!phantomLib);
-    } else {
-      setHasPhantom(false);
-    }
+    const observer = new MutationObserver(() => {
+      const wizzLib = window == null ? void 0 : window.wizz;
+      if (wizzLib) {
+        setHasWizz(true);
+        observer.disconnect();
+      }
+    });
+    observer.observe(document, { childList: true, subtree: true });
+    return () => {
+      observer.disconnect();
+    };
   }, []);
   (0, import_react.useEffect)(() => {
-    const wissLib = window == null ? void 0 : window.wizz;
-    setHasWizz(!!wissLib);
-  }, []);
+    checkInitializationComplete();
+  }, [
+    hasUnisat,
+    hasXverse,
+    hasOyl,
+    hasMagicEden,
+    hasOkx,
+    hasLeather,
+    hasPhantom,
+    hasWizz
+  ]);
   (0, import_react.useEffect)(() => {
     setBalance(void 0);
   }, [network]);
@@ -1661,6 +1749,7 @@ var LaserEyesProvider = ({
         provider,
         balance,
         network,
+        isInitializing,
         connected,
         isConnecting,
         hasUnisat,

package/dist/index.mjs

@@ -203,6 +203,7 @@ var initialWalletContext = {
   hasLeather: false,
   hasPhantom: false,
   hasWizz: false,
+  isInitializing: true,
   connected: false,
   isConnecting: false,
   publicKey: "",
@@ -436,6 +437,7 @@ var LaserEyesProvider = ({
   const self = selfRef.current;
   const [library, setLibrary] = useState(null);
   const [provider, setProvider] = useState();
+  const [isInitializing, setIsInitializing] = useState(true);
   const [connected, setConnected] = useState(false);
   const [isConnecting, setIsConnecting] = useState(false);
   const [accounts, setAccounts] = useState([]);
@@ -467,52 +469,138 @@ var LaserEyesProvider = ({
       });
     }
   }, [config, library]);
+  const checkInitializationComplete = () => {
+    if (hasUnisat !== void 0 && hasXverse !== void 0 && hasOyl !== void 0 && hasMagicEden !== void 0 && hasOkx !== void 0 && hasLeather !== void 0 && hasPhantom !== void 0 && hasWizz !== void 0) {
+      setIsInitializing(false);
+    }
+  };
   useEffect(() => {
-    const unisatLib = window == null ? void 0 : window.unisat;
-    setHasUnisat(!!unisatLib);
+    const observer = new MutationObserver(() => {
+      const unisatLib = window == null ? void 0 : window.unisat;
+      if (unisatLib) {
+        setHasUnisat(true);
+        observer.disconnect();
+      }
+    });
+    observer.observe(document, { childList: true, subtree: true });
+    return () => {
+      observer.disconnect();
+    };
   }, []);
   useEffect(() => {
-    var _a;
-    const xverseLib = (_a = window == null ? void 0 : window.XverseProviders) == null ? void 0 : _a.BitcoinProvider;
-    setHasXverse(!!xverseLib);
+    const observer = new MutationObserver(() => {
+      var _a;
+      const xverseLib = (_a = window == null ? void 0 : window.XverseProviders) == null ? void 0 : _a.BitcoinProvider;
+      if (xverseLib) {
+        setHasXverse(true);
+        observer.disconnect();
+      }
+    });
+    observer.observe(document, { childList: true, subtree: true });
+    return () => {
+      observer.disconnect();
+    };
   }, []);
   useEffect(() => {
-    const oylLib = window == null ? void 0 : window.oyl;
-    setHasOyl(!!oylLib);
+    const observer = new MutationObserver(() => {
+      const oylLib = window == null ? void 0 : window.oyl;
+      if (oylLib) {
+        setHasOyl(true);
+        observer.disconnect();
+      }
+    });
+    observer.observe(document, { childList: true, subtree: true });
+    return () => {
+      observer.disconnect();
+    };
   }, []);
   useEffect(() => {
-    const magicEdenLib = window == null ? void 0 : window.magicEden;
-    setHasMagicEden(!!magicEdenLib);
+    const observer = new MutationObserver(() => {
+      const magicEdenLib = window == null ? void 0 : window.magicEden;
+      if (magicEdenLib) {
+        setHasMagicEden(true);
+        observer.disconnect();
+      }
+    });
+    observer.observe(document, { childList: true, subtree: true });
+    return () => {
+      observer.disconnect();
+    };
   }, []);
   useEffect(() => {
-  }, []);
+    const observer = new MutationObserver(() => {
+      var _a, _b;
+      let foundOkx;
+      if (network === TESTNET) {
+        foundOkx = (_a = window == null ? void 0 : window.okxwallet) == null ? void 0 : _a.bitcoinTestnet;
+      } else if (network === MAINNET) {
+        foundOkx = (_b = window == null ? void 0 : window.okxwallet) == null ? void 0 : _b.bitcoin;
+      }
+      if (foundOkx) {
+        setHasOkx(true);
+        observer.disconnect();
+      }
+    });
+    observer.observe(document, { childList: true, subtree: true });
+    return () => {
+      observer.disconnect();
+    };
+  }, [network]);
   useEffect(() => {
-    var _a, _b;
-    let foundOkx;
-    if (network === TESTNET) {
-      foundOkx = (_a = window.okxwallet) == null ? void 0 : _a.bitcoinTestnet;
-    } else if (network === MAINNET) {
-      foundOkx = (_b = window.okxwallet) == null ? void 0 : _b.bitcoin;
-    }
-    setHasOkx(!!foundOkx);
+    const observer = new MutationObserver(() => {
+      const leatherLib = window == null ? void 0 : window.LeatherProvider;
+      if (leatherLib) {
+        setHasLeather(true);
+        observer.disconnect();
+      }
+    });
+    observer.observe(document, { childList: true, subtree: true });
+    return () => {
+      observer.disconnect();
+    };
   }, []);
   useEffect(() => {
-    const leatherLib = window == null ? void 0 : window.LeatherProvider;
-    setHasLeather(!!leatherLib);
+    const observer = new MutationObserver(() => {
+      var _a;
+      const phantomLib = (_a = window == null ? void 0 : window.phantom) == null ? void 0 : _a.bitcoin;
+      if (phantomLib && phantomLib.isPhantom) {
+        setHasPhantom(true);
+        observer.disconnect();
+      } else {
+        setHasPhantom(false);
+        observer.disconnect();
+      }
+    });
+    observer.observe(document, { childList: true, subtree: true });
+    return () => {
+      observer.disconnect();
+    };
   }, []);
   useEffect(() => {
-    var _a;
-    const phantomLib = (_a = window == null ? void 0 : window.phantom) == null ? void 0 : _a.bitcoin;
-    if (phantomLib && phantomLib.isPhantom) {
-      setHasPhantom(!!phantomLib);
-    } else {
-      setHasPhantom(false);
-    }
+    const observer = new MutationObserver(() => {
+      const wizzLib = window == null ? void 0 : window.wizz;
+      if (wizzLib) {
+        setHasWizz(true);
+        observer.disconnect();
+      }
+    });
+    observer.observe(document, { childList: true, subtree: true });
+    return () => {
+      observer.disconnect();
+    };
   }, []);
   useEffect(() => {
-    const wissLib = window == null ? void 0 : window.wizz;
-    setHasWizz(!!wissLib);
-  }, []);
+    checkInitializationComplete();
+  }, [
+    hasUnisat,
+    hasXverse,
+    hasOyl,
+    hasMagicEden,
+    hasOkx,
+    hasLeather,
+    hasPhantom,
+    hasWizz
+  ]);
   useEffect(() => {
     setBalance(void 0);
   }, [network]);
@@ -1583,6 +1671,7 @@ var LaserEyesProvider = ({
         provider,
         balance,
         network,
+        isInitializing,
         connected,
         isConnecting,
         hasUnisat,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@omnisat/lasereyes",
-  "version": "0.0.22",
+  "version": "0.0.24",
   "sideEffects": false,
   "private": false,
   "license": "MIT",