@lukso/up-connector 0.8.3 → 0.8.5-dev.2df3eae

package/src/connect-modal/services/wagmi.ts

@@ -1,377 +0,0 @@
-/**
- * Wagmi Service
- * Centralized service for wagmi interactions with proxy pattern
- */
-
-import { getChainById } from '@lukso/core/chains'
-import { slug } from '@lukso/core/utils'
-import debug from 'debug'
-import type {
-  ConnectModalSetup,
-  WagmiConnector,
-} from '../connect-modal.types.js'
-import type { WalletConnector } from '../index.js'
-import { constructAddEthereumChainParameter } from '../utils/chainParams'
-
-const logInfo = debug('connect-modal:info')
-
-// UP Extension ID
-const UP_EXTENSION_ID = 'cloud.universalprofile'
-
-/**
- * Wagmi connection state from getConnection/watchConnection
- */
-export type WagmiConnection = {
-  address?: string
-  addresses?: readonly string[]
-  chainId?: number
-  chain?: any
-  connector?: any
-  status: 'connecting' | 'reconnecting' | 'connected' | 'disconnected'
-  isConnecting?: boolean
-  isReconnecting?: boolean
-  isConnected?: boolean
-  isDisconnected?: boolean
-}
-
-/**
- * Wagmi Service Class
- * Provides centralized access to wagmi core functions
- */
-class WagmiService {
-  private setup: ConnectModalSetup | null = null
-  private wagmiCore: any = null
-
-  configure(setup: ConnectModalSetup): void {
-    this.setup = setup
-  }
-
-  getSetup(): ConnectModalSetup | null {
-    return this.setup
-  }
-
-  /**
-   * Ensure wagmi/core is loaded and return initialized state
-   * Returns { core, config } if ready, null otherwise
-   */
-  private async init() {
-    if (!this.setup) return null
-    if (!this.wagmiCore) {
-      try {
-        this.wagmiCore = await import('@wagmi/core')
-      } catch {
-        return null
-      }
-    }
-    return { core: this.wagmiCore, config: this.setup.wagmiConfig }
-  }
-
-  async getConnection() {
-    const wagmi = await this.init()
-    if (!wagmi) return null
-
-    try {
-      return wagmi.core.getConnection(wagmi.config)
-    } catch {
-      return null
-    }
-  }
-
-  async watchConnection(
-    callback: (connection: WagmiConnection) => void
-  ): Promise<(() => void) | null> {
-    const wagmi = await this.init()
-    if (!wagmi) return null
-
-    try {
-      return wagmi.core.watchConnection(wagmi.config, { onChange: callback })
-    } catch {
-      return null
-    }
-  }
-
-  async disconnect(): Promise<boolean> {
-    const wagmi = await this.init()
-    if (!wagmi) return false
-
-    try {
-      await wagmi.core.disconnect(wagmi.config)
-      return true
-    } catch (error) {
-      console.warn('Failed to disconnect from wagmi', error)
-      return false
-    }
-  }
-}
-
-// Singleton instance
-const wagmiService = new WagmiService()
-
-/**
- * Convert a wagmi connector to our WalletConnector format
- * @param connector - Wagmi connector instance
- * @param connectFn - Function to call connect (from wagmi's useConnect)
- * @param chainId - Optional chain ID to use for connection
- */
-export function fromWagmiConnector(
-  connector: WagmiConnector,
-  connectFn: (options: {
-    connector: WagmiConnector
-    chainId?: number
-  }) => Promise<any>,
-  chainId?: number
-): WalletConnector {
-  // Determine connector type based on connector.id
-  let type: WalletConnector['type'] = 'injected'
-
-  // Extract rdns from connector (EIP-6963 providers expose this)
-  const rdns: string | undefined = connector.id
-
-  // Map wagmi connector types to our types
-  if (connector.id === 'walletConnect' || connector.type === 'walletConnect') {
-    type = 'walletconnect'
-  } else if (connector.id === 'injected' || connector.type === 'injected') {
-    type = 'injected'
-
-    // Check if this is UP Extension via ID
-    if (
-      connector.id === UP_EXTENSION_ID ||
-      connector.id.includes(UP_EXTENSION_ID)
-    ) {
-      type = 'extension'
-    }
-  }
-
-  return {
-    id: connector.uid || connector.id,
-    name: connector.name,
-    rdns,
-    type,
-    slug: slug(connector.name),
-    connect: async () => {
-      await connectFn({ connector, chainId })
-    },
-    getProvider: connector.getProvider
-      ? () => connector.getProvider()
-      : undefined,
-    switchChain: connector.switchChain
-      ? async (params: {
-          chainId?: number
-          addEthereumChainParameter?: any
-        }) => {
-          if (!params.chainId) {
-            console.warn('No chainId provided for switchChain, skipping')
-            return
-          }
-
-          // Get the chain configuration based on chainId
-          // If addEthereumChainParameter is not provided, construct it from chain definition
-          let addEthereumChainParameter = params.addEthereumChainParameter
-
-          if (!addEthereumChainParameter) {
-            const chain = getChainById(params.chainId)
-
-            if (chain) {
-              addEthereumChainParameter =
-                constructAddEthereumChainParameter(chain)
-            }
-          }
-
-          await connector.switchChain({
-            chainId: params.chainId,
-            addEthereumChainParameter,
-          })
-
-          logInfo(
-            `Switched to chainId ${params.chainId} via connector "${connector.name}"`
-          )
-        }
-      : undefined,
-  }
-}
-
-/**
- * Convert array of wagmi connectors to WalletConnector array
- * @param connectors - Array of wagmi connectors
- * @param connectFn - Function to call connect (from wagmi's useConnect)
- * @param chainId - Optional chain ID to use for connection
- * @param embeddedWalletId - Optional embedded wallet ID to identify it (e.g., 'dev.lukso.auth')
- */
-export function fromWagmiConnectors(
-  connectors: WagmiConnector[],
-  connectFn: (options: {
-    connector: WagmiConnector
-    chainId?: number
-  }) => Promise<any>,
-  chainId?: number,
-  embeddedWalletId?: string
-): WalletConnector[] {
-  const result: WalletConnector[] = []
-
-  // 1. Find and add embedded wallet first (if ID provided)
-  // Check against original wagmi connector.id (not the converted UID)
-  let embeddedWalletConnector: WagmiConnector | undefined
-  let embeddedWallet: WalletConnector | undefined
-  if (embeddedWalletId) {
-    embeddedWalletConnector = connectors.find(
-      (connector) =>
-        connector.id === embeddedWalletId ||
-        connector.id.includes(embeddedWalletId)
-    )
-
-    if (embeddedWalletConnector) {
-      embeddedWallet = fromWagmiConnector(
-        embeddedWalletConnector,
-        connectFn,
-        chainId
-      )
-
-      // Customize for embedded wallet display
-      result.push({
-        ...embeddedWallet,
-        type: 'embedded',
-        slug: 'passkey-wallet',
-      })
-    }
-  }
-
-  // 2. Find and add UP Extension next (using ID)
-  const UP_EXTENSION_ID = 'cloud.universalprofile'
-  const upExtensionConnector = connectors.find(
-    (connector) =>
-      connector !== embeddedWalletConnector &&
-      (connector.id === UP_EXTENSION_ID ||
-        connector.id.includes(UP_EXTENSION_ID))
-  )
-
-  let upExtension: WalletConnector | undefined
-  if (upExtensionConnector) {
-    upExtension = fromWagmiConnector(upExtensionConnector, connectFn, chainId)
-  }
-
-  // Convert remaining wagmi connectors
-  const walletConnectors = connectors
-    .filter(
-      (connector) =>
-        connector !== embeddedWalletConnector &&
-        connector !== upExtensionConnector
-    )
-    .map((connector) => fromWagmiConnector(connector, connectFn, chainId))
-
-  if (upExtension) {
-    result.push(upExtension)
-  }
-
-  // 3. Find and add WalletConnect (for mobile)
-  const walletConnect = walletConnectors.find(
-    (connector) => connector.type === 'walletconnect'
-  )
-
-  if (walletConnect) {
-    result.push({
-      ...walletConnect,
-      type: 'mobile',
-      slug: 'up-mobile',
-    })
-  }
-
-  // 4. Add other wallets
-  const others = walletConnectors.filter(
-    (connector) =>
-      connector !== embeddedWallet &&
-      connector !== upExtension &&
-      connector !== walletConnect
-  )
-  result.push(...others)
-
-  return result
-}
-
-/**
- * Setup wagmi for connect modal
- * Call this once from your app initialization with wagmi config
- *
- * @example
- * ```typescript
- * import { setupWagmi } from '@lukso/up-connector'
- * import { wagmiConfig } from './wagmi-config'
- *
- * setupWagmi({
- *   wagmiConfig,
- *   chainId: 42, // Optional: LUKSO mainnet
- *   embeddedWalletConnect: async () => {
- *     // Your passkey wallet logic
- *   }
- * })
- * ```
- */
-export function setupWagmi(setup: ConnectModalSetup): void {
-  wagmiService.configure(setup)
-}
-
-/**
- * Get the current wagmi setup (for internal use by connector)
- */
-export function getWagmiSetup(): ConnectModalSetup | null {
-  return wagmiService.getSetup()
-}
-
-/**
- * Get current wagmi connection state
- * Returns null if wagmi is not set up
- *
- * @example
- * ```typescript
- * import { getConnection } from '@lukso/up-connector'
- *
- * const connection = await getConnection()
- * if (connection?.status === 'connected') {
- *   console.log(connection.address, connection.chainId)
- * }
- * ```
- */
-export async function getConnection() {
-  return wagmiService.getConnection()
-}
-
-/**
- * Watch for wagmi connection changes
- * Returns unsubscribe function
- *
- * @example
- * ```typescript
- * import { watchConnection } from '@lukso/up-connector'
- *
- * const unwatch = await watchConnection((connection) => {
- *   console.log('Connection changed:', connection.status, connection.address)
- * })
- *
- * // Later: unwatch()
- * ```
- */
-export async function watchConnection(
-  callback: (connection: WagmiConnection) => void
-): Promise<(() => void) | null> {
-  return wagmiService.watchConnection(callback)
-}
-
-/**
- * Disconnect from wagmi
- * Returns true if disconnect was successful
- *
- * @example
- * ```typescript
- * import { disconnect } from '@lukso/up-connector'
- *
- * await disconnect()
- * ```
- */
-export async function disconnect(): Promise<boolean> {
-  return wagmiService.disconnect()
-}
-
-/**
- * Export the wagmi service for advanced usage
- * @deprecated Use named exports (getConnection, watchConnection, disconnect) instead
- */
-export { wagmiService as wagmi }

package/src/connect-modal/styles/styles.css

@@ -1 +0,0 @@
-@import "@lukso/web-components/tools/styles/main.css";

package/src/connect-modal/utils/chainParams.ts

@@ -1,32 +0,0 @@
-/**
- * Chain Parameter Utilities
- *
- * Utilities to construct EIP-3085 addEthereumChain parameters from chain definitions
- */
-
-import type { ChainExtended } from '@lukso/core/chains'
-import type { AddEthereumChainParameter } from 'viem'
-
-/**
- * Construct addEthereumChainParameter from a ChainExtended definition
- * Following EIP-3085 format for wallet_addEthereumChain
- *
- * @param chain - Extended chain configuration
- * @returns Parameters for wallet_addEthereumChain (excluding chainId which is passed separately)
- */
-export function constructAddEthereumChainParameter(
-  chain: ChainExtended
-): Omit<AddEthereumChainParameter, 'chainId'> {
-  return {
-    chainName: chain.name,
-    nativeCurrency: {
-      name: chain.nativeCurrency.name,
-      symbol: chain.nativeCurrency.symbol,
-      decimals: chain.nativeCurrency.decimals,
-    },
-    rpcUrls: [...chain.rpcUrls.default.http],
-    blockExplorerUrls: chain.blockExplorers?.default.url
-      ? [chain.blockExplorers.default.url]
-      : undefined,
-  }
-}

package/src/connect-modal/utils/walletConnectDeepLinkUrl.ts

@@ -1,43 +0,0 @@
-import { MOBILE_APP_DEEP_LINK_PREFIX } from '../connect-modal.config'
-
-/**
- * URL to Mobile App deep link used by Wallet Connect
- *
- * @param data
- */
-export const walletConnectDeepLinkUrl = (
-  data?: string,
-  options?: {
-    withRedirectUrl?: boolean
-  }
-) => {
-  try {
-    if (!data || typeof data !== 'string') {
-      return ''
-    }
-
-    const dataUrl = new URL(data)
-
-    // add redirectUrl to deep link
-    if (options?.withRedirectUrl) {
-      const redirectUrl = new URL(location.href)
-
-      // remove modal query params so we don't re-open the modal
-      redirectUrl.searchParams.delete('modalTemplate')
-      redirectUrl.searchParams.delete('modalSize')
-
-      // add redirectUrl to dataUrl
-      dataUrl.searchParams.append(
-        'redirectUrl',
-        `${redirectUrl.origin}${redirectUrl.pathname}${redirectUrl.search}`
-      )
-    }
-
-    const deepLink = `${MOBILE_APP_DEEP_LINK_PREFIX}://wallet-connect/${dataUrl.pathname}${dataUrl.search}`
-
-    return deepLink
-  } catch (error: unknown) {
-    console.warn(error)
-    return ''
-  }
-}