@xyo-network/react-chain-provider 1.20.9 → 1.20.11

package/src/hooks/client/useClientFromWallet.ts

@@ -1,98 +1,2 @@
-import { isNull } from '@xylabs/sdk-js'
-import type { XyoClient } from '@xyo-network/xl1-sdk'
-import {
-  useCallback, useEffect, useSyncExternalStore,
-} from 'react'
-
-import { getXyoClient } from '../helpers/index.ts'
-
-interface ClientState {
-  client?: XyoClient | null
-  error: Error | null
-  isLoading: boolean
-  timedout: boolean
-}
-
-let currentState: ClientState = {
-  client: undefined,
-  error: null,
-  isLoading: false,
-  timedout: false,
-}
-
-const listeners = new Set<() => void>()
-
-const emitChange = () => {
-  for (const listener of listeners) listener()
-}
-
-const updateState = (newState: Partial<ClientState>) => {
-  currentState = { ...currentState, ...newState }
-  emitChange()
-}
-
-const initializeClient = async (timeout?: number) => {
-  if (currentState.isLoading || currentState.client) return
-
-  updateState({ isLoading: true, error: null })
-
-  try {
-    const client = await getXyoClient(timeout)
-    if (client === null) {
-      updateState({
-        client: null, timedout: true, isLoading: false,
-      })
-      return
-    }
-    updateState({
-      client, isLoading: false, error: null,
-    })
-  } catch (error) {
-    console.error('Error initializing XyoClient', error)
-    updateState({ error: error as Error, isLoading: false })
-  }
-}
-
-const subscribe = (listener: () => void, timeout?: number) => {
-  listeners.add(listener)
-
-  void initializeClient(timeout)
-
-  return () => {
-    listeners.delete(listener)
-  }
-}
-
-const getSnapshot = (): ClientState => currentState
-
-export const useClientFromWallet = (timeout?: number) => {
-  const subscribeWithTimeout = useCallback((listener: () => void) => subscribe(listener, timeout), [timeout])
-  const clientState = useSyncExternalStore(subscribeWithTimeout, getSnapshot)
-
-  useEffect(() => {
-    // if client appears after timeout
-    let listener = () => {
-      // Update state when client becomes available
-      updateState({
-        client: globalThis.xyo?.client,
-        isLoading: false,
-        error: null,
-      })
-      // Notify listeners of the change
-      emitChange()
-    }
-    // If we have timed out and still no client, listen for the plugin-ready event
-    if (clientState.timedout && isNull(clientState.client) && !clientState.isLoading) {
-      globalThis.addEventListener('xyo:plugin-ready', listener)
-    }
-
-    return () => {
-      globalThis.removeEventListener('xyo:plugin-ready', listener)
-    }
-  })
-
-  return clientState
-}
-
-/** @deprecated - use useClientFromWallet instead */
-export const useClient = useClientFromWallet
+/** @deprecated Import from `@xyo-network/react-chain-client` instead */
+export { useClient, useClientFromWallet } from '@xyo-network/react-chain-client'

package/src/hooks/client/useGatewayFromWallet.ts

@@ -1,30 +1,2 @@
-import { isDefined, isNull } from '@xylabs/sdk-js'
-import type { GatewayName } from '@xyo-network/xl1-sdk'
-
-import type { GatewayFromWallet } from '../../types/index.ts'
-import { useClientFromWallet } from './useClientFromWallet.ts'
-
-export const useGatewayFromWallet = (gatewayName?: GatewayName, timeout?: number): GatewayFromWallet => {
-  const {
-    client, isLoading, error, timedout,
-  } = useClientFromWallet(timeout)
-
-  const resolveGateway = () => {
-    // null client means we do not have to wait for timedout
-    if (isNull(client)) return null
-    if (timedout && !isLoading && isDefined(gatewayName)) {
-      return null
-    }
-    return client?.gateways?.[gatewayName!]
-  }
-
-  return {
-    gateway: gatewayName ? resolveGateway() : undefined,
-    isLoading,
-    error,
-    timedout,
-  }
-}
-
-/** @deprecated - useGatewayFromWallet */
-export const useGateway = useGatewayFromWallet
+/** @deprecated Import from `@xyo-network/react-chain-client` instead */
+export { useGateway, useGatewayFromWallet } from '@xyo-network/react-chain-client'

package/src/hooks/helpers/getXyoClient.ts

@@ -1,46 +1,2 @@
-import { isUndefined } from '@xylabs/sdk-js'
-import type { XyoClient } from '@xyo-network/xl1-sdk'
-
-const CLIENT_LISTENER_TIMEOUT = 500
-
-const hasXyoClient = () => {
-  return 'client' in globalThis.xyo
-}
-
-export const listenForClientInjection = (onClientReady: () => void, timeout: number, onTimeout: () => void) => {
-  let resolved = false
-  const listener: EventListener = () => {
-    onClientReady()
-    resolved = true
-  }
-  globalThis.addEventListener('xyo:plugin-ready', listener)
-  setTimeout(() => {
-    if (!resolved) {
-      globalThis.removeEventListener('xyo:plugin-ready', listener)
-      onTimeout()
-    }
-  }, timeout)
-}
-
-type ReturnType = XyoClient | undefined | null
-
-export async function getXyoClient(timeout = CLIENT_LISTENER_TIMEOUT): Promise<ReturnType> {
-  // if no xyo object, we can bail early
-  if (isUndefined(globalThis.xyo)) {
-    return null
-  }
-  return hasXyoClient()
-    ? globalThis.xyo.client
-    // listen for the XyoWallet to be injected
-    : await new Promise<ReturnType>((resolve) => {
-        listenForClientInjection(
-          () => {
-            resolve(globalThis.xyo.client)
-          },
-          timeout,
-          () => {
-            resolve(null)
-          },
-        )
-      })
-}
+/** @deprecated Import from `@xyo-network/react-chain-client` instead */
+export { getXyoClient, listenForClientInjection } from '@xyo-network/react-chain-client'

package/src/types/GatewayFromWallet.ts

@@ -1,8 +1,2 @@
-import type { XyoGatewayRunner } from '@xyo-network/xl1-sdk'
-
-export type GatewayFromWallet = {
-  error?: Error | null
-  gateway: XyoGatewayRunner | null | undefined
-  isLoading: boolean
-  timedout: boolean
-}
+/** @deprecated Import from `@xyo-network/react-chain-client` instead */
+export type { GatewayFromWallet } from '@xyo-network/react-chain-client'