0xtrails 0.13.2 → 0.14.0

package/src/widget/hooks/useWalletConnectUri.tsx

@@ -1,307 +0,0 @@
-import { useEffect, useCallback, useRef, useState } from "react"
-import { useConnect, useConnectors, type Connector } from "wagmi"
-import { useTrails } from "../providers/TrailsProvider.js"
-import { logger } from "../../logger.js"
-
-function getConnectorEmitter(
-  connector: Connector,
-): Connector["emitter"] | null {
-  if (typeof connector === "object" && "emitter" in connector) {
-    return connector.emitter
-  }
-  return null
-}
-
-function getUriFromProvider(provider: unknown): string | null {
-  if (provider == null || typeof provider !== "object") {
-    return null
-  }
-
-  const providerRecord = provider as {
-    connector?: { uri?: unknown }
-    session?: { pairingTopic?: unknown }
-  }
-
-  const connectorUri = providerRecord.connector?.uri
-  if (typeof connectorUri === "string" && connectorUri.length > 0) {
-    return connectorUri
-  }
-
-  return null
-}
-
-/**
- * Hook to get WalletConnect URI
- * Returns the current WalletConnect URI and automatically starts connection
- */
-export function useWalletConnectUri(projectId?: string): {
-  walletConnectUri: string | null
-  isConnecting: boolean
-  error: Error | null
-  reconnect: () => void
-} {
-  const config = useTrails()
-  const finalProjectId = projectId || config.walletConnectProjectId
-  const { connect, status } = useConnect()
-  const connectors = useConnectors()
-  const [wcUri, setWcUri] = useState<string | null>(null)
-  const [error, setError] = useState<Error | null>(null)
-  const listenerRef = useRef<(() => void) | null>(null)
-  const debounceTimeoutRef = useRef<NodeJS.Timeout | null>(null)
-
-  // Debounced setWcUri to prevent rapid QR code changes
-  const debouncedSetWcUri = useCallback((uri: string | null) => {
-    if (debounceTimeoutRef.current) {
-      clearTimeout(debounceTimeoutRef.current)
-    }
-
-    debounceTimeoutRef.current = setTimeout(() => {
-      setWcUri(uri)
-    }, 500) // 500ms debounce delay
-  }, [])
-
-  const wcConnectorFromConfig = connectors.find((c) =>
-    c.id.toLowerCase().includes("walletconnect"),
-  )
-
-  const handleConnect = useCallback(
-    async (force: boolean = false) => {
-      if (!finalProjectId) {
-        logger.console.error(
-          "[trails-sdk] [useWalletConnectUri] No projectId provided",
-        )
-        setError(new Error("WalletConnect projectId is required"))
-        return
-      }
-
-      logger.console.log("[trails-sdk] [useWalletConnectUri] handleConnect", {
-        status,
-        wcUri,
-      })
-
-      if ((status === "pending" || status === "success") && !force) return
-
-      const connector = wcConnectorFromConfig
-      if (!connector) {
-        logger.console.log(
-          "[trails-sdk] [useWalletConnectUri] WalletConnect connector not ready yet",
-        )
-        return
-      }
-
-      logger.console.log(
-        "[trails-sdk] [useWalletConnectUri] wcConnectorFromConfig",
-        wcConnectorFromConfig,
-      )
-      logger.console.log(
-        "[trails-sdk] [useWalletConnectUri] connector",
-        connector,
-      )
-
-      try {
-        logger.console.log(
-          "[trails-sdk] [useWalletConnectUri] Starting connection...",
-        )
-
-        // Set up message listener for display_uri events (like ConnectKit does)
-        const handleMessage = (message: { type: string; data?: unknown }) => {
-          const { type, data } = message
-          logger.console.log(
-            "[trails-sdk] [useWalletConnectUri] Message received:",
-            type,
-            data,
-          )
-          if (type === "display_uri" && typeof data === "string") {
-            logger.console.log(
-              "[trails-sdk] [useWalletConnectUri] Setting URI from display_uri event:",
-              data,
-            )
-            debouncedSetWcUri(data)
-            setError(null)
-          }
-        }
-
-        // Set up disconnect handler to regenerate QR code
-        const handleDisconnect = async () => {
-          logger.console.log(
-            "[trails-sdk] [useWalletConnectUri] Disconnected, regenerating QR code",
-          )
-          debouncedSetWcUri(null)
-          // Try to reconnect
-          try {
-            await connect({ connector })
-          } catch (reconnectError: unknown) {
-            logger.console.error(
-              "[trails-sdk] [useWalletConnectUri] Reconnection error:",
-              reconnectError,
-            )
-            setError(
-              reconnectError instanceof Error
-                ? reconnectError
-                : new Error(String(reconnectError)),
-            )
-          }
-        }
-
-        const connectorEmitter = getConnectorEmitter(connector)
-
-        if (connectorEmitter) {
-          logger.console.log(
-            "[trails-sdk] [useWalletConnectUri] Adding listeners to connector emitter",
-          )
-          connectorEmitter.on("message", handleMessage)
-          connectorEmitter.on("disconnect", handleDisconnect)
-
-          listenerRef.current = () => {
-            connectorEmitter.off("message", handleMessage)
-            connectorEmitter.off("disconnect", handleDisconnect)
-          }
-        } else {
-          logger.console.log(
-            "[trails-sdk] [useWalletConnectUri] No emitter found on connector",
-          )
-        }
-
-        await connect({ connector })
-
-        if (typeof connector.getProvider === "function") {
-          const provider = await connector.getProvider()
-          const providerUri = getUriFromProvider(provider)
-          if (providerUri) {
-            logger.console.log(
-              "[trails-sdk] [useWalletConnectUri] Setting URI from provider.connector.uri",
-            )
-            debouncedSetWcUri(providerUri)
-            setError(null)
-          }
-        }
-      } catch (err) {
-        logger.console.error(
-          "[trails-sdk] [useWalletConnectUri] connect error",
-          err,
-        )
-        const error = err instanceof Error ? err : new Error(String(err))
-        setError(error)
-
-        // If user rejected, try to regenerate QR code
-        if (
-          err != null &&
-          typeof err === "object" &&
-          "code" in err &&
-          err.code === 4001
-        ) {
-          logger.console.log(
-            "[trails-sdk] [useWalletConnectUri] User rejected, regenerating QR code",
-          )
-          debouncedSetWcUri(null)
-          // Try to reconnect after a short delay
-          setTimeout(() => {
-            handleConnect()
-          }, 0)
-        }
-      }
-    },
-    [
-      connect,
-      wcConnectorFromConfig,
-      finalProjectId,
-      status,
-      wcUri,
-      debouncedSetWcUri,
-    ],
-  )
-
-  // Auto-start WalletConnect connection when component mounts (if not already connected)
-  useEffect(() => {
-    if (!wcUri && status !== "pending" && status !== "success") {
-      logger.console.log(
-        "[trails-sdk] [useWalletConnectUri] Auto-starting connection on mount",
-      )
-      handleConnect()
-    }
-  }, [wcUri, status, handleConnect])
-
-  useEffect(() => {
-    if (!wcConnectorFromConfig || wcUri || status !== "pending") {
-      return
-    }
-
-    let isCancelled = false
-    let attempts = 0
-
-    const tryReadPendingUri = async () => {
-      if (
-        isCancelled ||
-        typeof wcConnectorFromConfig.getProvider !== "function"
-      ) {
-        return
-      }
-
-      const provider = await wcConnectorFromConfig.getProvider()
-      const providerUri = getUriFromProvider(provider)
-      if (providerUri) {
-        logger.console.log(
-          "[trails-sdk] [useWalletConnectUri] Recovered URI during pending status",
-        )
-        debouncedSetWcUri(providerUri)
-        setError(null)
-        return
-      }
-
-      attempts += 1
-      if (attempts < 10) {
-        setTimeout(() => {
-          void tryReadPendingUri()
-        }, 300)
-      }
-    }
-
-    void tryReadPendingUri()
-
-    return () => {
-      isCancelled = true
-    }
-  }, [wcConnectorFromConfig, wcUri, status, debouncedSetWcUri])
-
-  // Force QR code regeneration when wcUri is cleared
-  useEffect(() => {
-    if (!wcUri && status !== "pending" && status !== "success") {
-      logger.console.log(
-        "[trails-sdk] [useWalletConnectUri] URI cleared, regenerating QR code",
-      )
-      handleConnect()
-    }
-  }, [wcUri, status, handleConnect])
-
-  // Cleanup listeners on unmount
-  useEffect(() => {
-    return () => {
-      try {
-        // Clean up the listener function if it exists
-        if (listenerRef.current) {
-          listenerRef.current()
-        }
-        // Clean up debounce timeout
-        if (debounceTimeoutRef.current) {
-          clearTimeout(debounceTimeoutRef.current)
-        }
-      } catch (err) {
-        logger.console.error(
-          "[trails-sdk] [useWalletConnectUri] Cleanup error:",
-          err,
-        )
-      }
-    }
-  }, [])
-
-  return {
-    walletConnectUri: wcUri,
-    isConnecting: status === "pending",
-    error,
-    reconnect: () => {
-      setError(null)
-      debouncedSetWcUri(null)
-      handleConnect(true)
-    },
-  }
-}

package/src/widget/hooks/useWalletConnectionContext.tsx

@@ -1,128 +0,0 @@
-import {
-  createContext,
-  useContext,
-  useState,
-  useCallback,
-  type ReactNode,
-} from "react"
-import type { Screen } from "./useViewManager.js"
-import { logger } from "../../logger.js"
-
-export type WalletConnectionPurpose =
-  | "general" // Default: switch active wallet
-  | "recipient-selection" // Don't switch, set as recipient only
-  | "fund-method-selection" // Don't switch, use for funding only
-
-interface WalletConnectionContextValue {
-  purpose: WalletConnectionPurpose
-  originScreen: Screen | null
-  connectedWalletAddress: string | null
-  originalActiveWalletAddress: string | null
-  originalActiveConnector: any | null
-}
-
-interface WalletConnectionContextType {
-  connectionContext: WalletConnectionContextValue
-  setConnectionContext: (
-    purpose: WalletConnectionPurpose,
-    originScreen?: Screen,
-    originalActiveWalletAddress?: string,
-    originalActiveConnector?: any,
-  ) => void
-  setConnectedWalletAddress: (address: string) => void
-  clearConnectionContext: () => void
-  isRecipientSelection: boolean
-  isFundMethodSelection: boolean
-}
-
-const WalletConnectionContext =
-  createContext<WalletConnectionContextType | null>(null)
-
-interface WalletConnectionProviderProps {
-  children: ReactNode
-}
-
-const DEFAULT_CONTEXT: WalletConnectionContextValue = {
-  purpose: "general",
-  originScreen: null,
-  connectedWalletAddress: null,
-  originalActiveWalletAddress: null,
-  originalActiveConnector: null,
-}
-
-export function WalletConnectionProvider({
-  children,
-}: WalletConnectionProviderProps) {
-  const [connectionContext, setContext] =
-    useState<WalletConnectionContextValue>(DEFAULT_CONTEXT)
-
-  const setConnectionContext = useCallback(
-    (
-      purpose: WalletConnectionPurpose,
-      originScreen?: Screen,
-      originalActiveWalletAddress?: string,
-      originalActiveConnector?: any,
-    ) => {
-      logger.console.log("[trails-sdk] Setting wallet connection context:", {
-        purpose,
-        originScreen,
-        originalActiveWalletAddress,
-        hasOriginalConnector: !!originalActiveConnector,
-      })
-      setContext({
-        purpose,
-        originScreen: originScreen || null,
-        connectedWalletAddress: null,
-        originalActiveWalletAddress: originalActiveWalletAddress || null,
-        originalActiveConnector: originalActiveConnector || null,
-      })
-    },
-    [],
-  )
-
-  const setConnectedWalletAddress = useCallback((address: string) => {
-    logger.console.log(
-      "[trails-sdk] Setting connected wallet address:",
-      address,
-    )
-    setContext((prev) => ({
-      ...prev,
-      connectedWalletAddress: address,
-    }))
-  }, [])
-
-  const clearConnectionContext = useCallback(() => {
-    logger.console.log("[trails-sdk] Clearing wallet connection context")
-    setContext(DEFAULT_CONTEXT)
-  }, [])
-
-  const isRecipientSelection =
-    connectionContext.purpose === "recipient-selection"
-  const isFundMethodSelection =
-    connectionContext.purpose === "fund-method-selection"
-
-  const value: WalletConnectionContextType = {
-    connectionContext,
-    setConnectionContext,
-    setConnectedWalletAddress,
-    clearConnectionContext,
-    isRecipientSelection,
-    isFundMethodSelection,
-  }
-
-  return (
-    <WalletConnectionContext.Provider value={value}>
-      {children}
-    </WalletConnectionContext.Provider>
-  )
-}
-
-export function useWalletConnectionContext() {
-  const context = useContext(WalletConnectionContext)
-  if (!context) {
-    throw new Error(
-      "useWalletConnectionContext must be used within a WalletConnectionProvider",
-    )
-  }
-  return context
-}

package/src/widget/hooks/useWidgetProps.tsx

@@ -1,33 +0,0 @@
-import { createContext, useContext } from "react"
-import type { ReactNode } from "react"
-import type { TrailsWidgetProps } from "../widget.js"
-
-interface WidgetPropsContextType {
-  props: TrailsWidgetProps
-}
-
-export const WidgetPropsContext = createContext<WidgetPropsContextType | null>(
-  null,
-)
-
-export function WidgetPropsProvider({
-  children,
-  props,
-}: {
-  children: ReactNode
-  props: TrailsWidgetProps
-}) {
-  return (
-    <WidgetPropsContext.Provider value={{ props }}>
-      {children}
-    </WidgetPropsContext.Provider>
-  )
-}
-
-export function useWidgetProps(): TrailsWidgetProps {
-  const context = useContext(WidgetPropsContext)
-  if (!context) {
-    throw new Error("useWidgetProps must be used within a WidgetPropsProvider")
-  }
-  return context.props
-}