@bwalletx/connect 0.5.3 → 0.5.4

package/dist/index.cjs

@@ -36,6 +36,7 @@ __export(src_exports, {
   AccessError: () => AccessError,
   BRC29_PROTOCOL: () => BRC29_PROTOCOL,
   BWALLETX_RDNS: () => BWALLETX_RDNS,
+  DEFAULT_DISCOVER_MS: () => DEFAULT_DISCOVER_MS,
   GET_URL: () => GET_URL,
   LOGIN_PROTOCOL: () => LOGIN_PROTOCOL,
   LOGO_URL: () => LOGO_URL,
@@ -49,6 +50,7 @@ __export(src_exports, {
   WEB_WALLET_URL: () => WEB_WALLET_URL,
   accessErrorMessage: () => accessErrorMessage,
   amountInSats: () => amountInSats,
+  bindPrewarm: () => bindPrewarm,
   brc100Option: () => brc100Option,
   buildAuthorizeUrl: () => buildAuthorizeUrl,
   buyToken: () => buyToken,
@@ -71,6 +73,7 @@ __export(src_exports, {
   pairingOption: () => pairingOption,
   pay: () => pay,
   pickWallet: () => pickWallet,
+  prewarmBwalletX: () => prewarmBwalletX,
   protocolMediaUrl: () => protocolMediaUrl,
   proveHoldings: () => proveHoldings,
   qrSvg: () => qrSvg,
@@ -91,13 +94,16 @@ var import_sdk = require("@bsv/sdk");
 var RDNS_EXTENSION = "com.bwalletx.extension";
 var RDNS_MOBILE = "space.bwallet.mobile";
 var BWALLETX_RDNS = [RDNS_EXTENSION, RDNS_MOBILE];
-function discoverBwalletX(ms = 1200) {
+var DEFAULT_DISCOVER_MS = 300;
+function discoverBwalletX(ms = DEFAULT_DISCOVER_MS) {
   if (typeof window === "undefined") return Promise.resolve(null);
   return new Promise((resolve) => {
     let done = false;
+    let timer;
     const finish = (r) => {
       if (done) return;
       done = true;
+      if (timer !== void 0) clearTimeout(timer);
       window.removeEventListener("brc100:announceWallet", onAnnounce);
       resolve(r);
     };
@@ -108,17 +114,25 @@ function discoverBwalletX(ms = 1200) {
         finish({ wallet: d.wallet, method: rdns === RDNS_EXTENSION ? "extension" : "in-app", rdns });
       }
     };
+    const cwiNow = () => {
+      const cwi = window.CWI;
+      if (cwi) finish({ wallet: cwi, method: "in-app", rdns: null });
+      return !!cwi;
+    };
     window.addEventListener("brc100:announceWallet", onAnnounce);
     window.dispatchEvent(new Event("brc100:requestWallet"));
-    setTimeout(() => {
-      const cwi = window.CWI;
-      if (cwi) return finish({ wallet: cwi, method: "in-app", rdns: null });
-      if (!isFramed()) return finish(null);
-      void probeXdm(ms).then((w) => finish(w ? { wallet: w, method: "in-app", rdns: null } : null));
+    if (done || cwiNow()) return;
+    if (isFramed()) {
+      void probeXdm(Math.max(ms, 1200)).then((w) => finish(w ? { wallet: w, method: "in-app", rdns: null } : null));
+      return;
+    }
+    timer = setTimeout(() => {
+      timer = void 0;
+      if (!cwiNow()) finish(null);
     }, ms);
   });
 }
-async function findBwalletX(ms = 1200) {
+async function findBwalletX(ms = DEFAULT_DISCOVER_MS) {
   return (await discoverBwalletX(ms))?.wallet ?? null;
 }
 var isFramed = () => {
@@ -173,6 +187,21 @@ async function probeXdm(ms = 1200, allowed = BWALLETX_PARENT_ORIGINS) {
     return null;
   }
 }
+var warmedAt = 0;
+function prewarmBwalletX() {
+  if (typeof window === "undefined" || Date.now() - warmedAt < 2e4) return;
+  warmedAt = Date.now();
+  void discoverBwalletX(0).then((f) => {
+    if (f && f.method === "extension") void f.wallet.isAuthenticated({}).catch(() => {
+    });
+  });
+}
+function bindPrewarm(el2) {
+  const on = () => prewarmBwalletX();
+  const evs = ["pointerenter", "focus", "touchstart"];
+  for (const e of evs) el2.addEventListener(e, on, { passive: true });
+  return () => evs.forEach((e) => el2.removeEventListener(e, on));
+}
 
 // src/pair.ts
 var import_sdk3 = require("@bsv/sdk");
@@ -213,10 +242,22 @@ function pairUrl(link) {
   const q = new URLSearchParams({ v: link.v, r: link.r, c: link.c, k: link.k, o: link.o, e: String(link.e) });
   return `https://${PAIR_HOST}/pair?${q}`;
 }
-var relaySocketUrl = (relay, channel, role, expiry) => {
+var newClaim = () => b64url(crypto.getRandomValues(new Uint8Array(16)));
+var WALLET_CLAIM_INFO = "bwallet-pair-wallet-claim-v1";
+var hex = (b) => Array.from(b, (x) => x.toString(16).padStart(2, "0")).join("");
+async function walletClaimFor(channel, sitePub) {
+  const d = await crypto.subtle.digest("SHA-256", enc.encode(`${WALLET_CLAIM_INFO}|${channel}|${sitePub}`));
+  return b64url(new Uint8Array(d));
+}
+async function claimDigest(claim) {
+  return hex(new Uint8Array(await crypto.subtle.digest("SHA-256", enc.encode(claim))));
+}
+var relaySocketUrl = (relay, channel, role, expiry, claim, walletClaimHash) => {
   const local = /^(localhost|127\.0\.0\.1)(:\d+)?$/.test(relay);
   const q = new URLSearchParams({ role });
   if (expiry) q.set("e", String(expiry));
+  if (claim) q.set("claim", claim);
+  if (walletClaimHash && role === "site") q.set("wc", walletClaimHash);
   return `${local ? "ws" : "wss"}://${relay}/v1/c/${channel}?${q}`;
 };
 async function deriveSession(mine, theirs, channel) {
@@ -314,6 +355,7 @@ function parseStored(raw) {
     if (typeof p.s !== "string" || !/^[0-9a-f]{64}$/i.test(p.s)) return null;
     if (typeof p.k !== "string" || !/^0[23][0-9a-f]{64}$/i.test(p.k)) return null;
     if (!n(p.sent) || !n(p.lastSeen) || !n(p.pairedAt)) return null;
+    if (p.sc !== void 0 && (typeof p.sc !== "string" || !/^[A-Za-z0-9_-]{22,64}$/.test(p.sc))) return null;
     return p;
   } catch {
     return null;
@@ -371,7 +413,12 @@ var Link = class {
     await this.opening;
   }
   reopen() {
-    const ws = this.socket(relaySocketUrl(this.p.r, this.p.c, "site", Math.floor(Date.now() / 1e3) + QR_LIFETIME_S - 10));
+    if (!this.p.sc) {
+      this.p = { ...this.p, sc: newClaim() };
+      this.persist();
+    }
+    const e = Math.floor(Date.now() / 1e3) + QR_LIFETIME_S - 10;
+    const ws = this.socket(relaySocketUrl(this.p.r, this.p.c, "site", e, this.p.sc));
     return new Promise((resolve, reject) => {
       ws.onopen = () => {
         this.ws = ws;
@@ -465,11 +512,13 @@ function pairBwalletX(opts) {
   const siteKey = import_sdk3.PrivateKey.fromRandom();
   const channel = newChannel();
   const expiry = Math.floor(Date.now() / 1e3) + QR_LIFETIME_S;
-  return new Promise((resolve, reject) => {
+  const siteClaim = newClaim();
+  const sitePub = siteKey.toPublicKey().toString();
+  return walletClaimFor(channel, sitePub).then(claimDigest).then((wc) => new Promise((resolve, reject) => {
     if (opts.signal?.aborted) return reject(new Error("cancelled"));
     let ws;
     try {
-      ws = socket(relaySocketUrl(relay, channel, "site", expiry));
+      ws = socket(relaySocketUrl(relay, channel, "site", expiry, siteClaim, wc));
     } catch (e) {
       return reject(e);
     }
@@ -508,7 +557,7 @@ function pairBwalletX(opts) {
       if (msg.t === "ready") {
         settled = true;
         clearTimeout(timer);
-        const p = { v: 1, c: channel, r: relay, s: siteKey.toHex(), k: walletKey, ...sealer.counters, pairedAt: Date.now() };
+        const p = { v: 1, c: channel, r: relay, s: siteKey.toHex(), k: walletKey, ...sealer.counters, pairedAt: Date.now(), sc: siteClaim };
         await Promise.resolve(storage.setItem(key, JSON.stringify(p))).catch(() => {
         });
         const link = new Link(p, sealer, storage, key, socket, opts.callTimeoutMs ?? 12e4);
@@ -518,8 +567,8 @@ function pairBwalletX(opts) {
         fail(new Error("Pairing was declined in bWalletX"));
       }
     });
-    opts.onLink(pairUrl({ v: PAIR_VERSION, r: relay, c: channel, k: siteKey.toPublicKey().toString(), o: origin, e: expiry }));
-  });
+    opts.onLink(pairUrl({ v: PAIR_VERSION, r: relay, c: channel, k: sitePub, o: origin, e: expiry }));
+  }));
 }
 async function restorePairing(opts = {}) {
   const storage = opts.storage === void 0 ? defaultStorage() : opts.storage ?? memoryStorage();
@@ -540,16 +589,33 @@ async function clearPairing(opts = {}) {
 // src/signin.ts
 var LOGIN_PROTOCOL = [2, "bwallet sign in"];
 async function connectBwalletX(opts = {}) {
-  if (opts.wallet) return { wallet: opts.wallet, method: "wallet" };
-  const found = await discoverBwalletX(opts.discoverMs);
-  if (found) return { wallet: found.wallet, method: found.method };
+  const status = (s) => {
+    try {
+      opts.onStatus?.(s);
+    } catch {
+    }
+  };
+  if (opts.wallet) {
+    status("opening");
+    return { wallet: opts.wallet, method: "wallet" };
+  }
+  status("finding");
+  const found = await discoverBwalletX(opts.discoverMs ?? DEFAULT_DISCOVER_MS);
+  if (found) {
+    status("opening");
+    return { wallet: found.wallet, method: found.method };
+  }
   if (opts.reusePairing !== false) {
     const restored = await restorePairing(opts.pairing ?? {});
-    if (restored) return { wallet: restored, method: "pairing" };
+    if (restored) {
+      status("opening");
+      return { wallet: restored, method: "pairing" };
+    }
   }
   if (!opts.pairing) {
     throw Object.assign(new Error("bWalletX was not found in this browser"), { code: "NOT_FOUND" });
   }
+  status("pairing");
   return { wallet: await pairBwalletX(opts.pairing), method: "pairing" };
 }
 async function signInWithBwalletX(opts) {
@@ -557,6 +623,10 @@ async function signInWithBwalletX(opts) {
   if (method !== "pairing") await wallet.waitForAuthentication({}).catch(() => {
   });
   const { publicKey: identityKey } = await atStage("identity", () => wallet.getPublicKey({ identityKey: true }));
+  try {
+    opts.onStatus?.("signing");
+  } catch {
+  }
   const c = await atStage("challenge", () => opts.challenge(identityKey));
   const { signature } = await atStage(
     "signature",
@@ -1006,6 +1076,7 @@ function createClass() {
       const nf = this.#notFound ? `<p class="nf" part="not-found" role="status">bWalletX wasn't found in this browser. <a href="${esc(getUrl)}" target="_blank" rel="noopener">Get ${brand}</a> or <a href="${esc(webUrl)}" target="_blank" rel="noopener">use the web wallet</a>.</p>` : "";
       this.#root.innerHTML = `<style>${SIGNIN_CSS}</style><button type="button" part="button" aria-label="${esc(aria)}" title="${esc(subtitle ? `${text} (${subtitle})` : text)}"${disabled ? " disabled" : ""}${loading ? ' aria-busy="true"' : ""}><span class="mark" part="mark">${mark}</span>${label}</button>${loading ? '<span class="sr" role="status">Connecting to bWalletX\u2026</span>' : ""}${nf}`;
       this.button.addEventListener("click", () => void this.#click());
+      bindPrewarm(this.button);
     }
     #emit(type, detail, cancelable = false) {
       return this.dispatchEvent(new CustomEvent(type, { detail, bubbles: true, composed: true, cancelable }));
@@ -1032,7 +1103,7 @@ function createClass() {
       this.#notFound = false;
       this.#setBusy(true);
       try {
-        const ms = Number(this.#attr("discover-ms")) || 1200;
+        const ms = Number(this.#attr("discover-ms")) || DEFAULT_DISCOVER_MS;
         const found = await discoverBwalletX(ms);
         if (!found) {
           this.#notFound = true;
@@ -1160,11 +1231,11 @@ async function resolvePaymailP2P(paymail, sats, f = fetch) {
   return {
     outputs: body.outputs.map((o) => ({ script: o.script, satoshis: o.satoshis })),
     reference: body.reference,
-    submit: receive ? async (hex) => {
+    submit: receive ? async (hex2) => {
       await f(fill(receive), {
         method: "POST",
         headers: { "content-type": "application/json" },
-        body: JSON.stringify({ hex, reference: body.reference, metadata: {} })
+        body: JSON.stringify({ hex: hex2, reference: body.reference, metadata: {} })
       });
     } : void 0
   };
@@ -1310,7 +1381,7 @@ async function probe(substrate, ms) {
 }
 async function discoverWallets(o = {}) {
   const out = [];
-  const ms = o.ms ?? 1200;
+  const ms = o.ms ?? 300;
   if (typeof window !== "undefined") {
     const seen = /* @__PURE__ */ new Map();
     const onAnnounce = (e) => {
@@ -1324,7 +1395,7 @@ async function discoverWallets(o = {}) {
     window.addEventListener("brc100:announceWallet", onAnnounce);
     window.dispatchEvent(new Event("brc100:requestWallet"));
     const local = o.probeLocal ? Promise.all([probe("json-api", ms), probe("Cicada", ms)]) : Promise.resolve([null, null]);
-    await new Promise((r) => setTimeout(r, ms));
+    await new Promise((r) => setTimeout(r, seen.size > 0 || window.CWI ? Math.min(ms, 50) : ms));
     window.removeEventListener("brc100:announceWallet", onAnnounce);
     out.push(...seen.values());
     const cwi = window.CWI;
@@ -1516,6 +1587,7 @@ function declareWalletTheme(theme) {
   AccessError,
   BRC29_PROTOCOL,
   BWALLETX_RDNS,
+  DEFAULT_DISCOVER_MS,
   GET_URL,
   LOGIN_PROTOCOL,
   LOGO_URL,
@@ -1529,6 +1601,7 @@ function declareWalletTheme(theme) {
   WEB_WALLET_URL,
   accessErrorMessage,
   amountInSats,
+  bindPrewarm,
   brc100Option,
   buildAuthorizeUrl,
   buyToken,
@@ -1551,6 +1624,7 @@ function declareWalletTheme(theme) {
   pairingOption,
   pay,
   pickWallet,
+  prewarmBwalletX,
   protocolMediaUrl,
   proveHoldings,
   qrSvg,