@kheopskit/core 0.0.20 → 0.0.22

package/src/api/appKit.ts

@@ -1,122 +0,0 @@
-import { getWalletId } from "@/utils/WalletId";
-import { createAppKit } from "@reown/appkit/core";
-import {
-  BehaviorSubject,
-  Observable,
-  combineLatest,
-  distinctUntilChanged,
-  map,
-  of,
-  shareReplay,
-} from "rxjs";
-import type {
-  EthereumAppKitWallet,
-  KheopskitConfig,
-  PolkadotAppKitWallet,
-} from "./types";
-
-const WALLET_CONNECT_ICON =
-  "data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjQwMCIgdmlld0JveD0iMCAwIDQwMCA0MDAiIHdpZHRoPSI0MDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZD0ibTAgMGg0MDB2NDAwaC00MDB6Ii8+PC9jbGlwUGF0aD48ZyBjbGlwLXBhdGg9InVybCgjYSkiPjxjaXJjbGUgY3g9IjIwMCIgY3k9IjIwMCIgZmlsbD0iIzMzOTZmZiIgcj0iMTk5LjUiIHN0cm9rZT0iIzY2YjFmZiIvPjxwYXRoIGQ9Im0xMjIuNTE5IDE0OC45NjVjNDIuNzkxLTQxLjcyOSAxMTIuMTcxLTQxLjcyOSAxNTQuOTYyIDBsNS4xNSA1LjAyMmMyLjE0IDIuMDg2IDIuMTQgNS40NjkgMCA3LjU1NWwtMTcuNjE3IDE3LjE4Yy0xLjA3IDEuMDQzLTIuODA0IDEuMDQzLTMuODc0IDBsLTcuMDg3LTYuOTExYy0yOS44NTMtMjkuMTExLTc4LjI1My0yOS4xMTEtMTA4LjEwNiAwbC03LjU5IDcuNDAxYy0xLjA3IDEuMDQzLTIuODA0IDEuMDQzLTMuODc0IDBsLTE3LjYxNy0xNy4xOGMtMi4xNC0yLjA4Ni0yLjE0LTUuNDY5IDAtNy41NTV6bTE5MS4zOTcgMzUuNTI5IDE1LjY3OSAxNS4yOWMyLjE0IDIuMDg2IDIuMTQgNS40NjkgMCA3LjU1NWwtNzAuNyA2OC45NDRjLTIuMTM5IDIuMDg3LTUuNjA4IDIuMDg3LTcuNzQ4IDBsLTUwLjE3OC00OC45MzFjLS41MzUtLjUyMi0xLjQwMi0uNTIyLTEuOTM3IDBsLTUwLjE3OCA0OC45MzFjLTIuMTM5IDIuMDg3LTUuNjA4IDIuMDg3LTcuNzQ4IDBsLTcwLjcwMTUtNjguOTQ1Yy0yLjEzOTYtMi4wODYtMi4xMzk2LTUuNDY5IDAtNy41NTVsMTUuNjc5NS0xNS4yOWMyLjEzOTYtMi4wODYgNS42MDg1LTIuMDg2IDcuNzQ4MSAwbDUwLjE3ODkgNDguOTMyYy41MzUuNTIyIDEuNDAyLjUyMiAxLjkzNyAwbDUwLjE3Ny00OC45MzJjMi4xMzktMi4wODcgNS42MDgtMi4wODcgNy43NDggMGw1MC4xNzkgNDguOTMyYy41MzUuNTIyIDEuNDAyLjUyMiAxLjkzNyAwbDUwLjE3OS00OC45MzFjMi4xMzktMi4wODcgNS42MDgtMi4wODcgNy43NDggMHoiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+";
-
-type AppKitWallets = {
-  polkadot?: PolkadotAppKitWallet;
-  ethereum?: EthereumAppKitWallet;
-};
-
-// once it exists, appKit object should never be recreated
-let cachedAppKit: Observable<AppKitWallets> | null = null;
-
-export const getAppKitWallets$ = (
-  config: KheopskitConfig,
-): Observable<AppKitWallets> => {
-  if (!config.walletConnect) return of({}); // of(null).pipe(shareReplay({ refCount: true, bufferSize: 1 }));
-
-  const walletConnect = config.walletConnect;
-
-  if (!cachedAppKit) {
-    cachedAppKit = new Observable<AppKitWallets>((subscriber) => {
-      const appKit = createAppKit({
-        projectId: walletConnect.projectId,
-        metadata: walletConnect.metadata,
-        networks: walletConnect.networks,
-        universalProviderConfigOverride: {
-          methods: {
-            polkadot: ["polkadot_signTransaction", "polkadot_signMessage"],
-          },
-        },
-      });
-
-      const status$ = new BehaviorSubject({
-        isPolkadotConnected: false,
-        isEthereumConnected: false,
-      });
-
-      const unsubProviders = appKit.subscribeProviders((providers) => {
-        status$.next({
-          isPolkadotConnected: !!providers.polkadot,
-          isEthereumConnected: !!providers.eip155,
-        });
-      });
-
-      const polkadotWallet$ = appKit.chainNamespaces.includes("polkadot")
-        ? status$.pipe(
-            map((s) => s.isPolkadotConnected),
-            distinctUntilChanged(),
-            map((isConnected): PolkadotAppKitWallet => {
-              const walletInfo = appKit.getWalletInfo();
-
-              return {
-                id: getWalletId("polkadot", "walletconnect"),
-                platform: "polkadot",
-                type: "appKit",
-                appKit, // todo maybe we dont want to expose the appKit instance
-                name: walletInfo?.name ?? "WalletConnect",
-                icon: walletInfo?.icon ?? WALLET_CONNECT_ICON,
-                connect: async () => {
-                  if (!isConnected) await appKit.open();
-                },
-                disconnect: () => {
-                  if (isConnected) appKit.disconnect();
-                },
-                isConnected,
-              };
-            }),
-          )
-        : of(undefined);
-
-      const ethereumWallet$ = appKit.chainNamespaces.includes("eip155")
-        ? status$.pipe(
-            map((s) => s.isEthereumConnected),
-            distinctUntilChanged(),
-            map((isConnected): EthereumAppKitWallet => {
-              const walletInfo = appKit.getWalletInfo();
-
-              return {
-                id: getWalletId("ethereum", "walletconnect"),
-                platform: "ethereum",
-                type: "appKit",
-                appKit,
-                name: walletInfo?.name ?? "WalletConnect",
-                icon: walletInfo?.icon ?? WALLET_CONNECT_ICON,
-                connect: () => appKit.open(),
-                disconnect: () => appKit.disconnect(),
-                isConnected,
-              };
-            }),
-          )
-        : of(undefined);
-
-      const sub = combineLatest({
-        polkadot: polkadotWallet$,
-        ethereum: ethereumWallet$,
-      }).subscribe(subscriber);
-
-      return () => {
-        sub.unsubscribe();
-        unsubProviders();
-      };
-    }).pipe(shareReplay({ refCount: true, bufferSize: 1 }));
-  }
-
-  return cachedAppKit;
-};

package/src/api/config.ts

@@ -1,13 +0,0 @@
-import type { KheopskitConfig } from "./types";
-
-const DEFAULT_CONFIG: KheopskitConfig = {
-  autoReconnect: true,
-  platforms: ["polkadot"],
-  debug: false,
-};
-
-export const resolveConfig = (
-  config: Partial<KheopskitConfig> | undefined,
-): KheopskitConfig => {
-  return Object.assign({}, DEFAULT_CONFIG, config);
-};

package/src/api/ethereum/accounts.ts

@@ -1,207 +0,0 @@
-import type {
-  EthereumAccount,
-  EthereumAppKitWallet,
-  EthereumInjectedWallet,
-  EthereumWallet,
-} from "@/api/types";
-import { getWalletAccountId } from "@/utils";
-import { getCachedObservable$ } from "@/utils/getCachedObservable";
-import type UniversalProvider from "@walletconnect/universal-provider";
-import {
-  Observable,
-  ReplaySubject,
-  combineLatest,
-  distinctUntilChanged,
-  map,
-  of,
-  shareReplay,
-  switchMap,
-} from "rxjs";
-import {
-  type EIP1193Provider,
-  createWalletClient,
-  custom,
-  getAddress,
-} from "viem";
-
-const getInjectedWalletAccounts$ = (
-  wallet: EthereumInjectedWallet,
-): Observable<EthereumAccount[]> => {
-  if (!wallet.isConnected) return of([]);
-
-  return getCachedObservable$(`accounts:${wallet.id}`, () =>
-    new Observable<EthereumAccount[]>((subscriber) => {
-      const getAccount = (address: string, i: number): EthereumAccount => {
-        // console.log("[Injected] createWalletClient", address);
-        const client = createWalletClient({
-          account: address as `0x${string}`,
-          transport: custom(wallet.provider as EIP1193Provider),
-        });
-
-        return {
-          id: getWalletAccountId(wallet.id, address),
-          platform: "ethereum",
-          client,
-          address: getAddress(address),
-          walletName: wallet.name,
-          walletId: wallet.id,
-          isWalletDefault: i === 0,
-        };
-      };
-
-      const handleAccountsChanged = (addresses: string[]) => {
-        subscriber.next(addresses.map(getAccount));
-      };
-
-      // subscribe to changes
-      wallet.provider.on("accountsChanged", handleAccountsChanged);
-
-      // initial value
-      wallet.provider
-        .request({ method: "eth_accounts" })
-        .then((addresses: string[]) => {
-          subscriber.next(addresses.map(getAccount));
-        })
-        .catch((err) => {
-          console.error("Failed to get accounts", err);
-          subscriber.next([]);
-        });
-
-      return () => {
-        wallet.provider.removeListener(
-          "accountsChanged",
-          handleAccountsChanged,
-        );
-      };
-    }).pipe(shareReplay({ refCount: true, bufferSize: 1 })),
-  );
-};
-
-const wrapWalletConnectProvider = (
-  provider: EIP1193Provider,
-  sessionTopic: string,
-  caipNetworkId: string,
-): EIP1193Provider => {
-  return new Proxy(provider, {
-    get(target, prop, receiver) {
-      if (prop !== "request") return Reflect.get(target, prop, receiver);
-
-      // biome-ignore lint/suspicious/noExplicitAny: <explanation>
-      return (args: any) => {
-        // console.log("request", { target, prop, receiver, caipNetworkId, args });
-
-        if (args && typeof args === "object" && args.method) {
-          if (!args.topic) args.topic = sessionTopic;
-          if (!args.chainId) args.chainId = caipNetworkId;
-        }
-        return target.request(args);
-      };
-    },
-  });
-};
-
-const getAppKitAccounts$ = (
-  wallet: EthereumAppKitWallet,
-): Observable<EthereumAccount[]> => {
-  const account = wallet.appKit.getAccount("eip155");
-  const provider = wallet.appKit.getProvider<UniversalProvider>("eip155");
-
-  if (
-    !wallet.isConnected ||
-    !wallet.appKit ||
-    !account?.allAccounts.length ||
-    !provider?.session
-  )
-    return of([]);
-
-  return getCachedObservable$("accounts:appKit", () =>
-    new Observable<EthereumAccount[]>((subscriber) => {
-      const caipNetworkId$ = new ReplaySubject<string>(1);
-
-      const handleChainChanged = (chainId: unknown) => {
-        caipNetworkId$.next(`eip155:${chainId}`);
-      };
-
-      provider.on("chainChanged", handleChainChanged);
-      provider.request({ method: "eth_chainId" }).then(handleChainChanged);
-
-      const sub = caipNetworkId$
-        .pipe(
-          distinctUntilChanged(),
-          map((caipNetworkId) =>
-            custom(
-              wrapWalletConnectProvider(
-                provider as EIP1193Provider,
-                // biome-ignore lint/style/noNonNullAssertion: <explanation>
-                provider.session!.topic,
-                caipNetworkId,
-              ),
-            ),
-          ),
-          map((transport) =>
-            account.allAccounts.map((acc, i): EthereumAccount => {
-              // console.log("[AppKit] createWalletClient", acc);
-              const client = createWalletClient({
-                account: acc.address as `0x${string}`,
-                transport,
-              });
-
-              return {
-                id: getWalletAccountId(wallet.id, acc.address),
-                platform: "ethereum",
-                walletName: wallet.name,
-                walletId: wallet.id,
-                address: acc.address as `0x${string}`,
-                client,
-                isWalletDefault: i === 0,
-              };
-            }),
-          ),
-        )
-        .subscribe(subscriber);
-
-      return () => {
-        provider.off("chainChanged", handleChainChanged);
-        sub.unsubscribe();
-      };
-    }).pipe(shareReplay({ refCount: true, bufferSize: 1 })),
-  );
-};
-
-export const getEthereumAccounts$ = (
-  ethereumWallets: Observable<EthereumWallet[]>,
-) =>
-  new Observable<EthereumAccount[]>((subscriber) => {
-    const sub = ethereumWallets
-      .pipe(
-        map((wallets) => wallets.filter((w) => w.isConnected)),
-        switchMap((wallets) => {
-          return wallets.length
-            ? combineLatest([
-                ...wallets
-                  .filter((w) => w.type === "injected")
-                  .map(getInjectedWalletAccounts$),
-                ...wallets
-                  .filter((w) => w.type === "appKit")
-                  .map(getAppKitAccounts$),
-                // todo appkit
-              ])
-            : of([]);
-        }),
-        map((accounts) => accounts.flat()),
-        distinctUntilChanged(isSameAccountsList),
-      )
-      .subscribe(subscriber);
-
-    return () => {
-      sub.unsubscribe();
-    };
-  }).pipe(
-    // logObservable("ethereumAccounts$", true),
-    shareReplay({ refCount: true, bufferSize: 1 }),
-  );
-
-const isSameAccountsList = (a: EthereumAccount[], b: EthereumAccount[]) => {
-  if (a.length !== b.length) return false;
-  return a.every((account, i) => account.id === b[i]?.id);
-};

package/src/api/ethereum/wallets.ts

@@ -1,117 +0,0 @@
-import { store } from "@/api/store";
-import type {
-  EthereumInjectedWallet,
-  EthereumWallet,
-  KheopskitConfig,
-} from "@/api/types";
-import { type WalletId, getWalletId } from "@/utils/WalletId";
-import { type EIP6963ProviderDetail, createStore } from "mipd";
-import {
-  BehaviorSubject,
-  Observable,
-  combineLatest,
-  map,
-  shareReplay,
-} from "rxjs";
-import type { EIP1193Provider } from "viem";
-import { getAppKitWallets$ } from "../appKit";
-
-const providersDetails$ = new Observable<EIP6963ProviderDetail[]>(
-  (subscriber) => {
-    const store = createStore();
-
-    const unsubscribe = store.subscribe((providerDetails) => {
-      subscriber.next(providerDetails as EIP6963ProviderDetail[]);
-    });
-
-    const providerDetails = store.getProviders();
-
-    subscriber.next(providerDetails as EIP6963ProviderDetail[]);
-
-    return () => {
-      unsubscribe();
-      store.destroy();
-    };
-  },
-).pipe(shareReplay({ refCount: true, bufferSize: 1 }));
-
-const ethereumInjectedWallets$ = new Observable<EthereumInjectedWallet[]>(
-  (subscriber) => {
-    const enabledWalletIds$ = new BehaviorSubject<Set<WalletId>>(new Set());
-
-    const connectWallet = async (
-      walletId: WalletId,
-      provider: EIP1193Provider,
-    ) => {
-      if (enabledWalletIds$.value.has(walletId))
-        throw new Error(`Extension ${walletId} already connected`);
-
-      await provider.request({
-        method: "eth_requestAccounts",
-      });
-
-      const newSet = new Set(enabledWalletIds$.value);
-      newSet.add(walletId);
-      enabledWalletIds$.next(newSet);
-
-      store.addEnabledWalletId(walletId);
-    };
-
-    const disconnectWallet = async (walletId: WalletId) => {
-      if (!enabledWalletIds$.value.has(walletId))
-        throw new Error(`Extension ${walletId} is not connected`);
-      const newSet = new Set(enabledWalletIds$.value);
-      newSet.delete(walletId);
-      enabledWalletIds$.next(newSet);
-
-      store.removeEnabledWalletId(walletId);
-    };
-
-    const sub = combineLatest([providersDetails$, enabledWalletIds$])
-      .pipe(
-        map(([providerDetails, enabledWalletIds]) => {
-          return providerDetails.map((pd): EthereumInjectedWallet => {
-            const walletId = getWalletId("ethereum", pd.info.rdns);
-            const provider = pd.provider as EIP1193Provider;
-
-            return {
-              platform: "ethereum",
-              type: "injected",
-              id: walletId,
-              name: pd.info.name,
-              icon: pd.info.icon,
-              provider,
-              isConnected: enabledWalletIds.has(walletId),
-              providerId: pd.info.rdns,
-              connect: () => connectWallet(walletId, provider),
-              disconnect: () => disconnectWallet(walletId),
-            };
-          });
-        }),
-      )
-      .subscribe(subscriber);
-
-    return () => {
-      sub.unsubscribe();
-    };
-  },
-).pipe(shareReplay({ refCount: true, bufferSize: 1 }));
-
-export const getEthereumWallets$ = (config: KheopskitConfig) => {
-  return new Observable<EthereumWallet[]>((subscriber) => {
-    const subscription = combineLatest([
-      ethereumInjectedWallets$,
-      getAppKitWallets$(config)?.pipe(map((w) => w.ethereum)),
-    ])
-      .pipe(
-        map(([injectedWallets, appKitWallet]) =>
-          appKitWallet ? [...injectedWallets, appKitWallet] : injectedWallets,
-        ),
-      )
-      .subscribe(subscriber);
-
-    return () => {
-      subscription.unsubscribe();
-    };
-  }).pipe(shareReplay({ refCount: true, bufferSize: 1 }));
-};

package/src/api/index.ts

@@ -1,3 +0,0 @@
-export * from "./kheopskit";
-export * from "./types";
-export { resolveConfig } from "./config";

package/src/api/kheopskit.ts

@@ -1,45 +0,0 @@
-import { logObservable } from "@/utils/logObservable";
-import {
-  Observable,
-  combineLatest,
-  map,
-  shareReplay,
-  throttleTime,
-} from "rxjs";
-import { getAccounts$ } from "./accounts";
-import { resolveConfig } from "./config";
-import type { KheopskitConfig, Wallet, WalletAccount } from "./types";
-import { getWallets$ } from "./wallets";
-
-export type { KheopskitConfig } from "./types";
-
-export type KheopskitState = {
-  wallets: Wallet[];
-  accounts: WalletAccount[];
-  config: KheopskitConfig;
-};
-
-export const getKheopskit$ = (config?: Partial<KheopskitConfig>) => {
-  const kc = resolveConfig(config);
-
-  console.debug("[kheopskit] config", kc);
-
-  return new Observable<KheopskitState>((subscriber) => {
-    const wallets$ = getWallets$(kc);
-
-    const subscription = combineLatest({
-      wallets: wallets$,
-      accounts: getAccounts$(kc, wallets$),
-    })
-      .pipe(map(({ wallets, accounts }) => ({ config: kc, wallets, accounts })))
-      .subscribe(subscriber);
-
-    return () => {
-      subscription.unsubscribe();
-    };
-  }).pipe(
-    throttleTime(50, undefined, { leading: true, trailing: true }),
-    logObservable("kheopskit$", { enabled: kc.debug, printValue: true }),
-    shareReplay({ bufferSize: 1, refCount: true }),
-  );
-};

package/src/api/polkadot/accounts.ts

@@ -1,159 +0,0 @@
-import type {
-  PolkadotAccount,
-  PolkadotAppKitWallet,
-  PolkadotInjectedWallet,
-  PolkadotWallet,
-} from "@/api/types";
-import { getWalletAccountId } from "@/utils";
-import type { AppKit } from "@reown/appkit/core";
-import type UniversalProvider from "@walletconnect/universal-provider";
-import {
-  type InjectedExtension,
-  type InjectedPolkadotAccount,
-  getPolkadotSignerFromPjs,
-} from "polkadot-api/pjs-signer";
-import {
-  Observable,
-  combineLatest,
-  distinctUntilChanged,
-  map,
-  of,
-  shareReplay,
-  switchMap,
-} from "rxjs";
-
-const getInjectedWalletAccounts$ = (
-  wallet: PolkadotInjectedWallet,
-): Observable<PolkadotAccount[]> => {
-  if (!wallet.isConnected) return of([]);
-
-  return new Observable<PolkadotAccount[]>((subscriber) => {
-    const getAccount = (account: InjectedPolkadotAccount): PolkadotAccount => ({
-      id: getWalletAccountId(wallet.id, account.address),
-      ...account,
-      platform: "polkadot",
-      walletName: wallet.name,
-      walletId: wallet.id,
-    });
-
-    const extension = wallet.extension as InjectedExtension;
-
-    // subscribe to changes
-    const unsubscribe = extension.subscribe((accounts) => {
-      subscriber.next(accounts.map(getAccount));
-    });
-
-    // initial value
-    subscriber.next(extension.getAccounts().map(getAccount));
-
-    return () => {
-      return unsubscribe();
-    };
-  });
-};
-
-const getAppKitPolkadotSigner = (appKit: AppKit, address: string) => {
-  const provider = appKit.getProvider<UniversalProvider>("polkadot");
-  if (!provider) throw new Error("No provider found");
-  if (!provider.session) throw new Error("No session found");
-
-  return getPolkadotSignerFromPjs(
-    address,
-    (transactionPayload) => {
-      if (!provider.session) throw new Error("No session found");
-
-      return provider.client.request({
-        topic: provider.session.topic,
-        chainId: `polkadot:${transactionPayload.genesisHash.substring(2, 34)}`,
-        request: {
-          method: "polkadot_signTransaction",
-          params: {
-            address,
-            transactionPayload,
-          },
-        },
-      });
-    },
-    async ({ address, data }) => {
-      if (!provider.session) throw new Error("No session found");
-      const networks = appKit.getCaipNetworks("polkadot");
-      const chainId = networks[0]?.caipNetworkId;
-      if (!chainId) throw new Error("No chainId found");
-
-      return provider.client.request({
-        topic: provider.session.topic,
-        chainId,
-        request: {
-          method: "polkadot_signMessage",
-          params: {
-            address,
-            message: data,
-          },
-        },
-      });
-    },
-  );
-};
-
-const getAppKitAccounts$ = (wallet: PolkadotAppKitWallet) => {
-  const account = wallet.appKit.getAccount("polkadot");
-  const provider = wallet.appKit.getProvider<UniversalProvider>("polkadot");
-
-  if (
-    !wallet.isConnected ||
-    !wallet.appKit ||
-    !account?.allAccounts.length ||
-    !provider?.session
-  )
-    return of([]);
-
-  return of(
-    account.allAccounts.map(
-      (acc): PolkadotAccount => ({
-        id: getWalletAccountId(wallet.id, acc.address),
-        platform: "polkadot",
-        walletName: wallet.name,
-        walletId: wallet.id,
-        address: acc.address,
-        polkadotSigner: getAppKitPolkadotSigner(wallet.appKit, acc.address),
-        genesisHash: null,
-        name: `${wallet.name} Polkadot`,
-        type: "sr25519",
-      }),
-    ),
-  );
-};
-
-export const getPolkadotAccounts$ = (
-  polkadotWallets$: Observable<PolkadotWallet[]>,
-) =>
-  new Observable<PolkadotAccount[]>((subscriber) => {
-    const sub = polkadotWallets$
-      .pipe(
-        map((wallets) => wallets.filter((w) => w.isConnected)),
-        switchMap((wallets) =>
-          wallets.length
-            ? combineLatest([
-                ...wallets
-                  .filter((w) => w.type === "injected")
-                  .map(getInjectedWalletAccounts$),
-                ...wallets
-                  .filter((w) => w.type === "appKit")
-                  .map(getAppKitAccounts$),
-              ])
-            : of([]),
-        ),
-        map((accounts) => accounts.flat()),
-        distinctUntilChanged(isSameAccountsList),
-      )
-      .subscribe(subscriber);
-
-    return () => {
-      sub.unsubscribe();
-    };
-  }).pipe(shareReplay({ refCount: true, bufferSize: 1 }));
-
-const isSameAccountsList = (a: PolkadotAccount[], b: PolkadotAccount[]) => {
-  if (a.length !== b.length) return false;
-  return a.every((account, i) => account.id === b[i]?.id);
-};