feat: make the unipass host become configurable

apps/ckit-app/src/containers/WalletContainer/index.tsx

@@ -4,6 +4,7 @@ import { autorun, runInAction } from 'mobx';
 import { useLocalObservable } from 'mobx-react-lite';
 import { useCallback, useEffect, useState } from 'react';
 import { createContainer } from 'unstated-next';
+import { useUnipass } from '../../hooks/useUnipass';
 import { CkitProviderContainer } from '../CkitProviderContainer';
 import {
   ObservableAcpPwLockWallet,
@@ -28,6 +29,7 @@ function useWallet() {
   const [error, setError] = useState<WalletConnectError | null>(null);
   const [visible, setVisible] = useState(false);
   const [isInitialized, setIsInitialized] = useState(false);
+  const { host } = useUnipass();
 
   const setModalVisible = useCallback((visible: boolean) => {
     setVisible(visible);
@@ -40,13 +42,13 @@ function useWallet() {
     runInAction(() => {
       wallets.splice(0);
       wallets.push(
-        new ObservableUnipassWallet(ckitProvider),
+        new ObservableUnipassWallet(ckitProvider, { host, loginDataCacheKey: '__unipass__' }),
         new ObservableOmnilockWallet(ckitProvider),
         new ObservableAcpOmnilockWallet(ckitProvider),
       );
       wallets.find((value) => value.descriptor.name === currentWalletName)?.connect();
     });
-  }, [ckitProvider]);
+  }, [ckitProvider, currentWalletName, host]);
 
   useEffect(
     () =>
@@ -81,21 +83,22 @@ function useWallet() {
           );
         });
       }),
-    [setModalVisible, wallets],
+    [setCurrentWalletName, setModalVisible, wallets],
   );
 
   const currentWallet = wallets.find((value) => value.descriptor.name === currentWalletName);
 
   useEffect(() => {
     autorun(() => {
+      if (!currentWallet || !currentWallet.signer) return;
+
       setSignerAddress(undefined);
-      const wallet = wallets.find((value) => value.descriptor.name === currentWalletName);
-      void Promise.resolve(wallet?.signer?.getAddress()).then((address) => {
+      void Promise.resolve(currentWallet.signer.getAddress()).then((address) => {
         setSignerAddress(address);
         setIsInitialized(true);
       });
     });
-  }, [currentWalletName]);
+  }, [currentWallet, currentWalletName, wallets]);
 
   return {
     isInitialized,

apps/ckit-app/src/hooks/useUnipass.tsx

@@ -8,17 +8,21 @@ interface UnipassContext {
   cacheTx: (tx: string | null) => void;
   clearTx: () => void;
   cachedTx: string | null;
+  host: string;
 }
 
 export function useUnipass(): UnipassContext {
   const [cachedTx, cacheTx] = useLocalStorage<string | null>('unipassTx');
-  const adapter = new UnipassWallet.UnipassRedirectAdapter({ host: 'https://unipass.xyz' }); // TODO  use the config
+  // TODO unipass.xyz is deprecated, change it when the new host is ready
+  const host = 'https://unipass.xyz';
+  const adapter = new UnipassWallet.UnipassRedirectAdapter({ host }); // TODO  use the config
   return {
     shouldLogin: adapter.hasLoginInfo(),
     cacheLogin: () => adapter.saveLoginInfo(),
     shouldSendTx: adapter.hasSigData(),
     cacheTx,
     clearTx: () => cacheTx(null),
     cachedTx,
+    host,
   };
 }

apps/ckit-app/src/wallets/ObservableUnipassWallet.ts

@@ -1,9 +1,9 @@
-import { UnipassWallet, CkitProvider } from '@ckitjs/ckit';
+import { UnipassWallet, CkitProvider, UnipassAdapterConfig } from '@ckitjs/ckit';
 import { makeObservable, observable } from 'mobx';
 
 export class ObservableUnipassWallet extends UnipassWallet {
-  constructor(provider: CkitProvider) {
-    super(provider);
+  constructor(provider: CkitProvider, adapterConfig?: UnipassAdapterConfig) {
+    super(provider, adapterConfig);
     this.setDescriptor({ name: 'UniPass' });
     makeObservable(this, {
       connectStatus: observable,

packages/ckit/src/wallets/UnipassWallet.ts

@@ -4,6 +4,8 @@ import { CkitProvider } from '../providers';
 import { AbstractSingleEntrySigner } from './AbstractSingleEntrySigner';
 import { AdapterConfig, UnipassRedirectAdapter } from './unipass/UnipassAdapter';
 
+export { AdapterConfig as UnipassAdapterConfig } from './unipass/UnipassAdapter';
+
 export class UnipassWallet extends AbstractWallet {
   static UnipassRedirectAdapter: typeof UnipassRedirectAdapter = UnipassRedirectAdapter;