@rango-dev/wallets-react 0.48.1-next.5 → 0.49.0

package/src/hub/lastConnectedWallets.ts

@@ -1,11 +1,7 @@
 import type { Namespace } from '@hub3js/namespaces';
 
-import { Persistor } from '@rango-dev/wallets-core/legacy';
-
-import {
-  HUB_LAST_CONNECTED_WALLETS,
-  LEGACY_LAST_CONNECTED_WALLETS,
-} from './constants.js';
+import { HUB_LAST_CONNECTED_WALLETS } from './constants.js';
+import { Persistor } from './persistor.js';
 
 export interface NamespaceInput {
   namespace: Namespace;
@@ -16,11 +12,9 @@ export interface LastConnectedWalletsStorage {
   [providerId: string]: NamespaceInput[];
 }
 
-export type LegacyLastConnectedWalletsStorage = string[];
-
 /**
  * We are doing some certain actions on storage for `last-connected-wallets` key.
- * This class helps us to define them in one place and also it has support for both legacy and hub.
+ * This class helps us to define them in one place.
  */
 export class LastConnectedWalletsFromStorage {
   #storageKey: string;
@@ -32,24 +26,18 @@ export class LastConnectedWalletsFromStorage {
   addWallet(providerId: string, namespaces: NamespaceInput[]): void {
     if (this.#storageKey === HUB_LAST_CONNECTED_WALLETS) {
       return this.#addWalletToHub(providerId, namespaces);
-    } else if (this.#storageKey === LEGACY_LAST_CONNECTED_WALLETS) {
-      return this.#addWalletToLegacy(providerId);
     }
     throw new Error('Not implemented');
   }
   removeWallets(providerIds?: string[]): void {
     if (this.#storageKey === HUB_LAST_CONNECTED_WALLETS) {
       return this.#removeWalletsFromHub(providerIds);
-    } else if (this.#storageKey === LEGACY_LAST_CONNECTED_WALLETS) {
-      return this.#removeWalletsFromLegacy(providerIds);
     }
     throw new Error('Not implemented');
   }
   list(): LastConnectedWalletsStorage {
     if (this.#storageKey === HUB_LAST_CONNECTED_WALLETS) {
       return this.#listFromHub();
-    } else if (this.#storageKey === LEGACY_LAST_CONNECTED_WALLETS) {
-      return this.#listFromLegacy();
     }
     throw new Error('Not implemented');
   }
@@ -60,17 +48,6 @@ export class LastConnectedWalletsFromStorage {
     throw new Error('Not implemented');
   }
 
-  #listFromLegacy(): LastConnectedWalletsStorage {
-    const persistor = new Persistor<LegacyLastConnectedWalletsStorage>();
-    const lastConnectedWallets =
-      persistor.getItem(LEGACY_LAST_CONNECTED_WALLETS) || [];
-    const output: LastConnectedWalletsStorage = {};
-    lastConnectedWallets.forEach((provider) => {
-      // Setting empty namespaces
-      output[provider] = [];
-    });
-    return output;
-  }
   #listFromHub(): LastConnectedWalletsStorage {
     const persistor = new Persistor<LastConnectedWalletsStorage>();
     const lastConnectedWallets =
@@ -102,15 +79,6 @@ export class LastConnectedWalletsFromStorage {
       [providerId]: toBeAddedNamespaces,
     });
   }
-  #addWalletToLegacy(providerId: string): void {
-    const storage = new Persistor<LegacyLastConnectedWalletsStorage>();
-    const storageState = storage.getItem(this.#storageKey) || [];
-
-    storage.setItem(
-      LEGACY_LAST_CONNECTED_WALLETS,
-      storageState.concat(providerId)
-    );
-  }
   #removeWalletsFromHub(providerIds?: string[]): void {
     const persistor = new Persistor<LastConnectedWalletsStorage>();
     const storageState = persistor.getItem(this.#storageKey) || {};
@@ -147,20 +115,4 @@ export class LastConnectedWalletsFromStorage {
       this.#addWalletToHub(providerId, newProviderNamespaces);
     }
   }
-  #removeWalletsFromLegacy(providerIds?: string[]): void {
-    const persistor = new Persistor<LegacyLastConnectedWalletsStorage>();
-    const storageState = persistor.getItem(this.#storageKey) || [];
-
-    // Remove all wallets
-    if (!providerIds) {
-      persistor.setItem(this.#storageKey, []);
-      return;
-    }
-
-    // Remove some of the wallets
-    persistor.setItem(
-      LEGACY_LAST_CONNECTED_WALLETS,
-      storageState.filter((wallet) => !providerIds.includes(wallet))
-    );
-  }
 }

package/src/hub/mod.ts

@@ -1,6 +1,2 @@
-export {
-  separateLegacyAndHubProviders,
-  getAllLegacyProviders,
-  findProviderByType,
-} from './utils.js';
+export { getHubProviders, findProviderByType } from './utils.js';
 export { useHubAdapter } from './useHubAdapter.js';

package/src/hub/persistor.ts

@@ -0,0 +1,19 @@
+export interface PersistStorage<T> {
+  getItem: (name: string) => T | null;
+  setItem: (name: string, value: T) => void;
+  removeItem: (name: string) => void;
+}
+
+export class Persistor<T> implements PersistStorage<T> {
+  getItem(name: string) {
+    const item = localStorage.getItem(name);
+    const parsedItem = item ? (JSON.parse(item) as T) : null;
+    return parsedItem;
+  }
+  setItem(name: string, value: T) {
+    localStorage.setItem(name, JSON.stringify(value));
+  }
+  removeItem(name: string) {
+    localStorage.removeItem(name);
+  }
+}

package/src/{legacy → hub}/useAutoConnect.ts

@@ -1,8 +1,8 @@
-import type { ProviderProps } from './types.js';
+import type { ProviderProps } from '../types.js';
 
 import { useEffect, useRef } from 'react';
 
-import { shouldTryAutoConnect } from './utils.js';
+import { shouldTryAutoConnect } from './helpers.js';
 
 export function useAutoConnect(
   props: Pick<ProviderProps, 'allBlockChains' | 'autoConnect'> & {

package/src/hub/useHubAdapter.ts

@@ -1,13 +1,12 @@
 import type { AllProxiedNamespaces, ExtensionLink } from './types.js';
-import type { ProviderContext } from '../index.js';
-import type { Provider } from '@hub3js/core';
-import type { VersionedProviders } from '@hub3js/core/utils';
-import type { Accounts, AccountsWithActiveChain } from '@hub3js/std/types';
 import type {
-  LegacyNamespaceInputForConnect,
-  LegacyWalletInfo as WalletInfo,
-  LegacyWalletType as WalletType,
-} from '@rango-dev/wallets-core/legacy';
+  ConnectResult,
+  NamespaceInputForConnect,
+  WalletInfo,
+} from '../legacy/mod.js';
+import type { ProviderContext, ProviderProps } from '../types.js';
+import type { Provider, WalletType } from '@hub3js/core';
+import type { Accounts, AccountsWithActiveChain } from '@hub3js/std/types';
 
 import { utils } from '@hub3js/evm';
 import {
@@ -17,18 +16,16 @@ import {
 import { useEffect, useRef, useState } from 'react';
 import { Ok, Result } from 'ts-results';
 
-import {
-  type ConnectResult,
-  HUB_LAST_CONNECTED_WALLETS,
-  type ProviderProps,
-} from '../legacy/mod.js';
-import { useAutoConnect } from '../legacy/useAutoConnect.js';
+import { withErrorLoggingApi } from '../helpers.js';
 
 import { autoConnect } from './autoConnect.js';
+import { HUB_LAST_CONNECTED_WALLETS } from './constants.js';
 import { createQueue, fromAccountIdToLegacyAddressFormat } from './helpers.js';
 import { LastConnectedWalletsFromStorage } from './lastConnectedWallets.js';
+import { useAutoConnect } from './useAutoConnect.js';
 import { useHubRefs } from './useHubRefs.js';
 import {
+  findProviderByType,
   isEvmNamespace,
   isSolanaNamespace,
   isUtxoNamespace,
@@ -39,8 +36,6 @@ import {
 
 export type UseAdapterParams = Omit<ProviderProps, 'providers'> & {
   providers: Provider[];
-  /** This is only will be used to access some parts of the legacy provider that doesn't exists in Hub. */
-  allVersionedProviders: VersionedProviders[];
 };
 
 export function useHubAdapter(params: UseAdapterParams): ProviderContext {
@@ -49,7 +44,6 @@ export function useHubAdapter(params: UseAdapterParams): ProviderContext {
   // useEffect will run `subscribe` once, so we need a reference and mutate the value if it's changes.
   const dataRef = useRef({
     onUpdateState: params.onUpdateState,
-    allVersionedProviders: params.allVersionedProviders,
     allBlockChains: params.allBlockChains,
   });
   const hubInitiated = useRef(false);
@@ -59,12 +53,12 @@ export function useHubAdapter(params: UseAdapterParams): ProviderContext {
    * Derivation path from params is used in `mapHubEventsToLegacy` to be added to the payload of connect events.
    */
   const lastConnectAttemptParamsRef = useRef<{
-    [type: WalletType]: LegacyNamespaceInputForConnect[];
+    [type: WalletType]: NamespaceInputForConnect[];
   }>({});
 
   const updateLastConnectAttemptParams = (
     type: WalletType,
-    namespaces: LegacyNamespaceInputForConnect[] | undefined
+    namespaces: NamespaceInputForConnect[] | undefined
   ) => {
     lastConnectAttemptParamsRef.current[type] = namespaces || [];
   };
@@ -80,7 +74,6 @@ export function useHubAdapter(params: UseAdapterParams): ProviderContext {
   useEffect(() => {
     dataRef.current = {
       onUpdateState: params.onUpdateState,
-      allVersionedProviders: params.allVersionedProviders,
       allBlockChains: params.allBlockChains,
     };
   }, [params]);
@@ -140,9 +133,8 @@ export function useHubAdapter(params: UseAdapterParams): ProviderContext {
       const provider = getHub().get(type);
 
       if (!provider) {
-        throw new Error(
-          `You should add ${type} to provider first then call 'canSwitchNetworkTo'.`
-        );
+        // TODO: should throw an error
+        return false;
       }
 
       if (!namespace) {
@@ -206,7 +198,7 @@ export function useHubAdapter(params: UseAdapterParams): ProviderContext {
 
       // Check `namespace` and look into hub to see how it can match given namespace to hub namespace.
       const targetNamespaces: [
-        LegacyNamespaceInputForConnect,
+        NamespaceInputForConnect,
         AllProxiedNamespaces
       ][] = [];
       namespaces.forEach((namespace) => {
@@ -436,18 +428,22 @@ export function useHubAdapter(params: UseAdapterParams): ProviderContext {
         properties: metadata.properties,
       };
     },
-    providers() {
-      throw new Error('This method is not available on hub providers.');
-    },
     state(type) {
       const hubState = getHub().state();
       const wallet = getHub().get(type);
       const walletState = hubState[type];
 
       if (!walletState || !wallet) {
-        throw new Error(
-          `It seems your requested provider doesn't exist in hub. Provider Id: ${type}`
-        );
+        // TODO: should throw an error
+        return {
+          connected: false,
+          connecting: false,
+          installed: false,
+          reachable: false,
+          accounts: null,
+          network: null,
+          namespaces: new Map(),
+        };
       }
 
       const accounts = walletState.namespaces
@@ -501,12 +497,18 @@ export function useHubAdapter(params: UseAdapterParams): ProviderContext {
         `Suggest has not been implemented for given chain: ${namespace.network}`
       );
     },
-    hubProvider() {
-      throw new Error(
-        'Unreachable code. the method has been implemented in main adapter instance.'
-      );
+    hubProvider(type) {
+      const provider = findProviderByType(params.providers, type);
+
+      if (!provider) {
+        throw new Error(
+          `You're trying to access ${type} provider which is not found in hub providers. it may not be registered yet.`
+        );
+      }
+
+      return provider;
     },
   };
 
-  return api;
+  return withErrorLoggingApi(api);
 }

package/src/hub/utils.ts

@@ -1,38 +1,32 @@
 import type { AllProxiedNamespaces } from './types.js';
+import type {
+  ConnectResult,
+  NamespaceInputForConnect,
+  EventHandler as WalletEventHandler,
+} from '../legacy/mod.js';
+import type { ProviderProps } from '../types.js';
 import type { UtxoActions } from '@hub3js/bip122';
-import type { Hub, Provider, ProxiedNamespace } from '@hub3js/core';
+import type { Hub, Provider, ProxiedNamespace, WalletType } from '@hub3js/core';
 import type { Event } from '@hub3js/core/store';
 import type {
   Chain as AddEthereumChainParameter,
   EvmActions,
 } from '@hub3js/evm';
 import type { SolanaActions } from '@hub3js/solana';
-import type {
-  LegacyNamespaceInputForConnect,
-  LegacyProviderInterface,
-  LegacyEventHandler as WalletEventHandler,
-  LegacyWalletType as WalletType,
-} from '@rango-dev/wallets-core/legacy';
 
 import { pickVersion, type VersionedProviders } from '@hub3js/core/utils';
 import {
   convertEvmBlockchainMetaToEvmChainInfo,
+  formatAddressWithNetwork,
+  getBlockChainNameFromId,
   getSupportedChainsFromProvider,
 } from '@rango-dev/internal-blockchains';
-import {
-  LegacyEvents as Events,
-  legacyFormatAddressWithNetwork as formatAddressWithNetwork,
-  legacyGetBlockChainNameFromId as getBlockChainNameFromId,
-} from '@rango-dev/wallets-core/legacy';
 import { AccountId } from 'caip';
 import { type BlockchainMeta, isEvmBlockchain } from 'rango-types';
 
-import {
-  type ConnectResult,
-  HUB_LAST_CONNECTED_WALLETS,
-  type ProviderProps,
-} from '../legacy/mod.js';
+import { Events } from '../legacy/mod.js';
 
+import { HUB_LAST_CONNECTED_WALLETS } from './constants.js';
 import {
   fromAccountIdToLegacyAddressFormat,
   isConnectResultEvm,
@@ -40,27 +34,16 @@ import {
 } from './helpers.js';
 import { LastConnectedWalletsFromStorage } from './lastConnectedWallets.js';
 
-/* Gets a list of hub and legacy providers and returns a tuple which separates them. */
-export function separateLegacyAndHubProviders(
-  providers: VersionedProviders[]
-): [LegacyProviderInterface[], Provider[]] {
-  const LEGACY_VERSION = '0.0.0';
-  const HUB_VERSION = '1.0.0';
-
-  const legacyProviders: LegacyProviderInterface[] = [];
-  const hubProviders: Provider[] = [];
-
-  providers.forEach((provider) => {
+export function getHubProviders(providers: VersionedProviders[]): Provider[] {
+  return providers.map((provider) => {
     try {
-      const target = pickVersion(provider, HUB_VERSION);
-      hubProviders.push(target[1]);
+      return pickVersion(provider, '1.0.0')[1] as Provider;
     } catch {
-      const target = pickVersion(provider, LEGACY_VERSION);
-      legacyProviders.push(target[1]);
+      throw new Error(
+        "Legacy providers aren't supported anymore. Expected a provider with version '1.0.0'."
+      );
     }
   });
-
-  return [legacyProviders, hubProviders];
 }
 
 export function findProviderByType(
@@ -86,7 +69,7 @@ export function mapHubEventsToLegacy(
   metadata: {
     allBlockChains: ProviderProps['allBlockChains'];
     lastConnectAttemptParams: {
-      [type: WalletType]: LegacyNamespaceInputForConnect[];
+      [type: WalletType]: NamespaceInputForConnect[];
     };
   }
 ): void {
@@ -272,27 +255,12 @@ export function mapHubEventsToLegacy(
   }
 }
 
-export function getAllLegacyProviders(
-  allProviders: VersionedProviders[]
-): LegacyProviderInterface[] {
-  const LEGACY_VERSION = '0.0.0';
-
-  const legacyProviders: LegacyProviderInterface[] = [];
-
-  allProviders.forEach((provider) => {
-    const target = pickVersion(provider, LEGACY_VERSION);
-    legacyProviders.push(target[1]);
-  });
-
-  return legacyProviders;
-}
-
 /**
  * In legacy mode, for those who have switch network functionality (like evm), we are using an enum for network names
  * this enum only has meaning for us, and when we are going to connect an instance (e.g. window.ethereum) we should pass chain id.
  */
 export function convertNamespaceNetworkToEvmChainId(
-  namespace: LegacyNamespaceInputForConnect,
+  namespace: NamespaceInputForConnect,
   meta: BlockchainMeta[]
 ): AddEthereumChainParameter | undefined {
   if (!namespace.network) {
@@ -310,7 +278,7 @@ export function convertNamespaceNetworkToEvmChainId(
  * This function will help us to map these strings to proper hex ids.
  */
 export function tryConvertNamespaceNetworkToChainInfo(
-  namespace: LegacyNamespaceInputForConnect,
+  namespace: NamespaceInputForConnect,
   meta: BlockchainMeta[]
 ): string | AddEthereumChainParameter | undefined {
   // `undefined` means it's not evm or we couldn't find it in meta.
@@ -327,20 +295,17 @@ export function transformHubResultToLegacyResult(
     return {
       accounts: res.accounts,
       network: res.network,
-      provider: undefined,
     };
   } else if (isConnectResultSolana(res)) {
     return {
       accounts: res,
       network: null,
-      provider: undefined,
     };
   }
 
   return {
     accounts: [res],
     network: null,
-    provider: undefined,
   };
 }
 

package/src/index.ts

@@ -1,4 +1,4 @@
-export * from './legacy/helpers.js';
 export { default as Provider } from './provider.js';
-export { useWallets } from './legacy/hooks.js';
+export { useWallets } from './hooks.js';
+export type * from './types.js';
 export * from './legacy/types.js';

package/src/legacy/mod.ts

@@ -1,13 +1,10 @@
 export type {
-  ProviderProps,
-  ProviderContext,
   ConnectResult,
+  EventHandler,
+  EventInfo,
   ExtendedWalletInfo,
+  NamespaceInputForConnect,
+  WalletInfo,
+  WalletState,
 } from './types.js';
-export {
-  LEGACY_LAST_CONNECTED_WALLETS,
-  HUB_LAST_CONNECTED_WALLETS,
-} from '../hub/constants.js';
-
-export { WalletContext } from './context.js';
-export { useLegacyProviders } from './useLegacyProviders.js';
+export { Events } from './types.js';