@meshconnect/uwc-bridge-parent 0.0.2

package/src/BridgeParent.ts

@@ -0,0 +1,216 @@
+import * as Comlink from 'comlink'
+import type { WalletAdapter } from '@solana/wallet-adapter-base'
+import type { Wallet } from '@wallet-standard/base'
+import { getWallets } from '@wallet-standard/app'
+import { isWalletAdapterCompatibleStandardWallet } from '@solana/wallet-adapter-base'
+import { StandardWalletAdapter } from '@solana/wallet-standard-wallet-adapter-base'
+import { CoinbaseWalletAdapter } from '@solana/wallet-adapter-wallets'
+
+export interface EthereumProvider {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  request: (args: { method: string; params?: unknown[] }) => Promise<any>
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  on?: (event: string, handler: (...args: any[]) => void) => void
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  removeListener?: (event: string, handler: (...args: any[]) => void) => void
+}
+
+export interface WalletStandardInfo {
+  uuid: string
+  name: string
+  chains: string[]
+  features: string[]
+  adapter: WalletAdapter | undefined
+}
+
+export interface EIP6963ProviderInfo {
+  uuid: string
+  name: string
+  icon: string
+  rdns: string
+}
+
+export interface EIP6963ProviderDetail {
+  info: EIP6963ProviderInfo
+  provider: EthereumProvider
+}
+
+export interface EIP6963AnnounceProviderEvent extends CustomEvent {
+  type: 'eip6963:announceProvider'
+  detail: EIP6963ProviderDetail
+}
+
+export interface EIP6963RequestProviderEvent extends Event {
+  type: 'eip6963:requestProvider'
+}
+
+export interface DetectedWallet {
+  uuid: string
+  name: string
+  icon: string
+  rdns: string
+  provider: EthereumProvider
+}
+
+export interface ParentAPI {
+  eip6963Wallets: DetectedWallet[]
+  eip6963WalletsReady: boolean
+  walletStandardWallets: WalletStandardInfo[]
+  walletStandardWalletsReady: boolean
+}
+
+export class BridgeParent {
+  private iframe: HTMLIFrameElement
+  private handshakeComplete = false
+
+  constructor(iframe: HTMLIFrameElement) {
+    if (!iframe) {
+      throw new Error('BridgeParent requires an iframe element')
+    }
+
+    this.iframe = iframe
+    this.initializeConnection()
+  }
+
+  private async initializeConnection(): Promise<void> {
+    // Wait for iframe to be ready
+    if (!this.iframe.contentWindow) {
+      return
+    }
+
+    const eip6963Wallets = await this.discoverWallets()
+    const walletStandardWallets = this.getSolanaWallets()
+    // Expose the parent API directly
+    const parentAPI: ParentAPI = {
+      eip6963Wallets: eip6963Wallets,
+      eip6963WalletsReady: true,
+      walletStandardWallets: walletStandardWallets,
+      walletStandardWalletsReady: true
+    }
+
+    // Use Comlink's windowEndpoint with proper cross-origin support
+    // For cross-origin, we need to listen on the parent window, not access the iframe's window
+    Comlink.expose(
+      parentAPI,
+      Comlink.windowEndpoint(this.iframe.contentWindow, window, '*')
+    )
+
+    this.handshakeComplete = true
+  }
+
+  isConnected(): boolean {
+    return this.handshakeComplete
+  }
+
+  private async discoverWallets(): Promise<DetectedWallet[]> {
+    return new Promise(resolve => {
+      const detectedWallets: DetectedWallet[] = []
+      const timeout = 1000 // Wait up to 1 second for wallets to announce
+
+      // Set up listener for wallet announcements
+      const handleAnnouncement = (event: Event) => {
+        const announcementEvent = event as EIP6963AnnounceProviderEvent
+        const { info, provider } = announcementEvent.detail
+
+        // Check if wallet is already detected (by uuid)
+        const existingIndex = detectedWallets.findIndex(
+          w => w.uuid === info.uuid
+        )
+
+        if (existingIndex === -1) {
+          detectedWallets.push({
+            uuid: info.uuid,
+            name: info.name,
+            icon: info.icon,
+            rdns: info.rdns,
+            provider
+          })
+        }
+      }
+
+      // Listen for wallet announcements
+      window.addEventListener('eip6963:announceProvider', handleAnnouncement)
+
+      // Request wallets to announce themselves
+      window.dispatchEvent(new Event('eip6963:requestProvider'))
+
+      // Clean up and resolve after timeout
+      setTimeout(() => {
+        window.removeEventListener(
+          'eip6963:announceProvider',
+          handleAnnouncement
+        )
+        resolve(detectedWallets)
+      }, timeout)
+    })
+  }
+
+  private getSolanaWallets(): WalletStandardInfo[] {
+    const { get } = getWallets()
+    const wallets = get()
+
+    const solanaWallets: WalletStandardInfo[] = []
+    const walletNames = new Set<string>()
+
+    // First, get wallets from Wallet Standard
+    for (const wallet of wallets) {
+      // Check if this is a Solana wallet
+      if (this.isSolanaWallet(wallet)) {
+        let adapter: StandardWalletAdapter | undefined
+
+        if (isWalletAdapterCompatibleStandardWallet(wallet)) {
+          adapter = new StandardWalletAdapter({ wallet })
+        }
+
+        solanaWallets.push({
+          uuid: this.generateWalletId(wallet),
+          name: wallet.name,
+          chains: (wallet.chains || []) as string[],
+          features: Object.keys(wallet.features),
+          adapter: adapter
+        })
+        walletNames.add(wallet.name)
+      }
+    }
+
+    // Initialize traditional wallet adapters - Only import CBW for now, as it's not using Wallet Standard
+    const walletAdapters = [new CoinbaseWalletAdapter()]
+
+    // Add traditional wallet adapters (but skip duplicates)
+    for (const adapter of walletAdapters) {
+      if (walletNames.has(adapter.name)) {
+        // Skipping duplicate wallet already detected via Wallet Standard
+        continue
+      }
+
+      const readyState = adapter.readyState
+      const isDetected = readyState === 'Installed' || readyState === 'Loadable'
+
+      // Only add if installed
+      if (isDetected) {
+        solanaWallets.push({
+          uuid: `${adapter.name}-traditional`
+            .toLowerCase()
+            .replace(/\s+/g, '-'),
+          name: adapter.name,
+          chains: ['solana:mainnet'],
+          features: [],
+          adapter: adapter
+        })
+      }
+    }
+    return solanaWallets
+  }
+
+  private isSolanaWallet(wallet: Wallet): boolean {
+    const chains = wallet.chains || []
+    const hasSolanaChain = chains.some(chain => chain.startsWith('solana:'))
+
+    return hasSolanaChain
+  }
+
+  private generateWalletId(wallet: Wallet): string {
+    const chain = wallet.chains?.[0] || 'unknown'
+    return `${wallet.name}-${chain}`.toLowerCase().replace(/\s+/g, '-')
+  }
+}

package/src/index.ts

@@ -0,0 +1,2 @@
+export { BridgeParent } from './BridgeParent'
+export type { ParentAPI } from './BridgeParent'