@kheopskit/core 0.0.1-alpha.1 → 0.0.1

package/src/api/polkadot/wallets.ts

@@ -1,103 +1,123 @@
 import { store } from "@/api/store";
-import type { PolkadotWallet } from "@/api/types";
-import { getWalletId, parseWalletId, type WalletId } from "@/utils/WalletId";
+import type {
+  KheopskitConfig,
+  PolkadotInjectedWallet,
+  PolkadotWallet,
+} from "@/api/types";
+import { type WalletId, getWalletId, parseWalletId } from "@/utils/WalletId";
+import { POLKADOT_EXTENSIONS } from "@/utils/polkadotExtensions";
 import { isEqual } from "lodash";
 import {
+  type InjectedExtension,
   connectInjectedExtension,
   getInjectedExtensions,
-  type InjectedExtension,
 } from "polkadot-api/pjs-signer";
 import {
   BehaviorSubject,
+  Observable,
   combineLatest,
   distinctUntilChanged,
   map,
   mergeMap,
-  Observable,
   of,
   shareReplay,
   timer,
 } from "rxjs";
+import { getAppKitWallets$ } from "../appKit";
 
 const getInjectedWalletsIds = () =>
   getInjectedExtensions().map((name) => getWalletId("polkadot", name));
 
-const polkadotInjectedWallets$ = new Observable<PolkadotWallet[]>(
-  (subscriber) => {
-    const enabledExtensions$ = new BehaviorSubject<
-      Map<WalletId, InjectedExtension>
-    >(new Map());
+export const polkadotInjectedWallets$ = new Observable<
+  PolkadotInjectedWallet[]
+>((subscriber) => {
+  const enabledExtensions$ = new BehaviorSubject<
+    Map<WalletId, InjectedExtension>
+  >(new Map());
 
-    const connect = async (walletId: WalletId) => {
-      if (enabledExtensions$.value.has(walletId))
-        throw new Error(`Extension ${walletId} already connected`);
-      const { identifier } = parseWalletId(walletId);
-      const extension = await connectInjectedExtension(identifier);
+  const connect = async (walletId: WalletId) => {
+    if (enabledExtensions$.value.has(walletId))
+      throw new Error(`Extension ${walletId} already connected`);
+    const { identifier } = parseWalletId(walletId);
+    const extension = await connectInjectedExtension(identifier);
 
-      const newMap = new Map(enabledExtensions$.value);
-      newMap.set(walletId, extension);
-      enabledExtensions$.next(newMap);
+    const newMap = new Map(enabledExtensions$.value);
+    newMap.set(walletId, extension);
+    enabledExtensions$.next(newMap);
 
-      store.addEnabledWalletId(walletId);
-    };
+    store.addEnabledWalletId(walletId);
+  };
 
-    const disconnect = (walletId: WalletId) => {
-      if (!enabledExtensions$.value.has(walletId))
-        throw new Error(`Extension ${walletId} is not connected`);
+  const disconnect = (walletId: WalletId) => {
+    if (!enabledExtensions$.value.has(walletId))
+      throw new Error(`Extension ${walletId} is not connected`);
 
-      const newMap = new Map(enabledExtensions$.value);
-      newMap.delete(walletId);
-      enabledExtensions$.next(newMap);
+    const newMap = new Map(enabledExtensions$.value);
+    newMap.delete(walletId);
+    enabledExtensions$.next(newMap);
 
-      store.removeEnabledWalletId(walletId);
-    };
+    store.removeEnabledWalletId(walletId);
+  };
 
-    const walletIds$ = of(0, 200, 500, 1000) // poll for wallets that register after page load
-      .pipe(
-        mergeMap((time) => timer(time)),
-        map(() => getInjectedWalletsIds()),
-        distinctUntilChanged<WalletId[]>(isEqual)
-      );
+  const walletIds$ = of(0, 200, 500, 1000) // poll for wallets that inject after page load
+    .pipe(
+      mergeMap((time) => timer(time)),
+      map(() => getInjectedWalletsIds()),
+      distinctUntilChanged<WalletId[]>(isEqual),
+    );
 
-    const subscription = combineLatest([walletIds$, enabledExtensions$])
-      .pipe(
-        map(([walletIds, enabledExtensions]) => {
-          return walletIds.map((id): PolkadotWallet => {
-            const { identifier } = parseWalletId(id);
-            const extension = enabledExtensions.get(id);
+  const subscription = combineLatest([walletIds$, enabledExtensions$])
+    .pipe(
+      map(([walletIds, enabledExtensions]) => {
+        return walletIds.map((id): PolkadotInjectedWallet => {
+          const { identifier } = parseWalletId(id);
+          const extension = enabledExtensions.get(id);
+          const extInfo = POLKADOT_EXTENSIONS[identifier];
+
+          return {
+            id,
+            type: "injected",
+            platform: "polkadot",
+            name: extInfo?.name ?? identifier,
+            icon: extInfo?.icon ?? "",
+            extensionId: identifier,
+            extension,
+            isConnected: !!extension,
+            connect: () => connect(id),
+            disconnect: () => disconnect(id),
+          };
+        });
+      }),
+    )
+    .subscribe(subscriber);
+
+  return () => {
+    // console.log("Unsubscribing from polkadotInjectedWallets$");
+    subscription.unsubscribe();
+  };
+}).pipe(
+  // logObservable("polkadotInjectedWallets$"),
+  shareReplay({ refCount: true, bufferSize: 1 }),
+);
 
-            return extension
-              ? {
-                  id,
-                  platform: "polkadot",
-                  name: identifier,
-                  extensionId: identifier,
-                  isConnected: true,
-                  extension,
-                  disconnect: () => disconnect(id),
-                }
-              : {
-                  id,
-                  platform: "polkadot",
-                  name: identifier,
-                  extensionId: identifier,
-                  isConnected: false,
-                  connect: () => connect(id),
-                };
-          });
-        })
+export const getPolkadotWallets$ = (config: KheopskitConfig) => {
+  return new Observable<PolkadotWallet[]>((subscriber) => {
+    const subscription = combineLatest([
+      polkadotInjectedWallets$,
+      getAppKitWallets$(config)?.pipe(map((w) => w.polkadot)),
+    ])
+      .pipe(
+        map(([injectedWallets, appKitWallet]) =>
+          appKitWallet ? [...injectedWallets, appKitWallet] : injectedWallets,
+        ),
       )
       .subscribe(subscriber);
 
     return () => {
       subscription.unsubscribe();
     };
-  }
-).pipe(shareReplay({ refCount: true, bufferSize: 1 }));
-
-// TODO merge with wallet connect
-export const polkadotWallets$ = polkadotInjectedWallets$;
-
-polkadotWallets$.subscribe(() => {
-  console.count("[kheopskit] polkadotWallets$ emit");
-});
+  }).pipe(
+    // logObservable("getPolkadotWallets$"),
+    shareReplay({ refCount: true, bufferSize: 1 }),
+  );
+};

package/src/api/store.ts

@@ -1,10 +1,13 @@
+import { type WalletId, parseWalletId } from "@/utils/WalletId";
 import { createStore } from "@/utils/createStore";
-import type { KheopskitStoreData } from "./types";
 import { uniq } from "lodash";
-import { parseWalletId, type WalletId } from "@/utils/WalletId";
 
 const LOCAL_STORAGE_KEY = "kheopskit";
 
+export type KheopskitStoreData = {
+  autoReconnect?: WalletId[];
+};
+
 const DEFAULT_SETTINGS: KheopskitStoreData = {};
 
 const storage = createStore(LOCAL_STORAGE_KEY, DEFAULT_SETTINGS);
@@ -21,7 +24,7 @@ export const removeEnabledWalletId = (walletId: WalletId) => {
   storage.mutate((prev) => ({
     ...prev,
     autoReconnect: uniq(
-      (prev.autoReconnect ?? []).filter((id) => id !== walletId)
+      (prev.autoReconnect ?? []).filter((id) => id !== walletId),
     ),
   }));
 };

package/src/api/types.ts

@@ -1,47 +1,66 @@
+import type { WalletAccountId } from "@/utils";
 import type { WalletId } from "@/utils/WalletId";
-import type { EIP1193Provider } from "viem";
+import type { AppKit } from "@reown/appkit/core";
+import type { AppKitNetwork } from "@reown/appkit/networks";
+import type { Metadata } from "@walletconnect/universal-provider";
 import type {
   InjectedExtension,
   InjectedPolkadotAccount,
 } from "polkadot-api/pjs-signer";
-import type { WalletAccountId } from "@/utils";
-
-export type KheopskitStoreData = {
-  autoReconnect?: WalletId[];
-};
+import type {
+  Account,
+  CustomTransport,
+  EIP1193Provider,
+  WalletClient,
+} from "viem";
 
 export type KheopskitConfig = {
-  autoReconnect?: boolean;
+  autoReconnect: boolean;
   platforms: WalletPlatform[];
+  walletConnect?: {
+    projectId: string;
+    metadata: Metadata;
+    /** Defaults to wss://relay.walletconnect.com */
+    relayUrl?: string;
+    /**
+     * list of CAIP-13 ids of polkadot-sdk chains
+     * see https://docs.reown.com/advanced/multichain/polkadot/dapp-integration-guide#walletconnect-code%2Fcomponent-setup
+     */
+    networks: [AppKitNetwork, ...AppKitNetwork[]];
+  };
+  debug: boolean;
 };
 
-export type PolkadotDisabledInjectedWallet = {
+export type PolkadotInjectedWallet = {
   id: WalletId;
   platform: "polkadot";
+  type: "injected";
   extensionId: string;
+  extension: InjectedExtension | undefined;
   name: string;
-  isConnected: false;
+  icon: string;
+  isConnected: boolean;
   connect: () => Promise<void>;
+  disconnect: () => void;
 };
 
-export type PolkadotEnabledInjectedWallet = {
+export type PolkadotAppKitWallet = {
   id: WalletId;
   platform: "polkadot";
-  extensionId: string;
-  extension: InjectedExtension;
+  type: "appKit";
+  appKit: AppKit;
   name: string;
-  isConnected: true;
+  icon: string;
+  isConnected: boolean;
+  connect: () => Promise<void>;
   disconnect: () => void;
 };
 
-// TODO export type PolkadotWalletConnectWallet = {}
+export type PolkadotWallet = PolkadotInjectedWallet | PolkadotAppKitWallet;
 
-export type PolkadotWallet =
-  | PolkadotDisabledInjectedWallet
-  | PolkadotEnabledInjectedWallet;
-
-export type EthereumWallet = {
+export type EthereumInjectedWallet = {
   platform: "ethereum";
+  type: "injected";
   id: WalletId;
   providerId: string;
   provider: EIP1193Provider;
@@ -52,6 +71,20 @@ export type EthereumWallet = {
   disconnect: () => void;
 };
 
+export type EthereumAppKitWallet = {
+  platform: "ethereum";
+  type: "appKit";
+  id: WalletId;
+  appKit: AppKit;
+  name: string;
+  icon: string;
+  isConnected: boolean;
+  connect: () => Promise<void>;
+  disconnect: () => void;
+};
+
+export type EthereumWallet = EthereumInjectedWallet | EthereumAppKitWallet;
+
 export type Wallet = PolkadotWallet | EthereumWallet;
 
 export type WalletPlatform = Wallet["platform"];
@@ -66,7 +99,7 @@ export type PolkadotAccount = InjectedPolkadotAccount & {
 export type EthereumAccount = {
   id: WalletAccountId;
   platform: "ethereum";
-  provider: EIP1193Provider;
+  client: WalletClient<CustomTransport, undefined, Account, undefined>; // let consumer knows chain is unknown
   address: `0x${string}`;
   walletName: string;
   walletId: string;

package/src/api/wallets.ts

@@ -1,51 +1,53 @@
+import { sortWallets } from "@/utils/sortWallets";
 import {
+  Observable,
   combineLatest,
   distinct,
   filter,
   map,
   mergeMap,
-  Observable,
   of,
   shareReplay,
   take,
 } from "rxjs";
-import type { ResolvedConfig } from "./config";
-import { ethereumWallets$ } from "./ethereum/wallets";
-import { polkadotWallets$ } from "./polkadot/wallets";
+import { getEthereumWallets$ } from "./ethereum/wallets";
+import { getPolkadotWallets$ } from "./polkadot/wallets";
 import { store } from "./store";
-import type { Wallet } from "./types";
+import type { KheopskitConfig, Wallet } from "./types";
 
 // lock the list of wallets to auto reconnect on first call
 const autoReconnectWalletIds$ = store.observable.pipe(
   map((s) => s.autoReconnect ?? []),
   take(1),
-  shareReplay(1)
+  shareReplay(1),
 );
 
-export const getWallets$ = (config: ResolvedConfig) => {
+export const getWallets$ = (config: KheopskitConfig) => {
   return new Observable<Wallet[]>((subscriber) => {
     const observables = config.platforms.map<Observable<Wallet[]>>(
       (platform) => {
         switch (platform) {
           case "polkadot":
-            return polkadotWallets$;
+            return getPolkadotWallets$(config);
           case "ethereum":
-            return ethereumWallets$;
+            return getEthereumWallets$(config);
         }
-      }
+      },
     );
 
     const wallets$ = observables.length
-      ? combineLatest(observables).pipe(map((wallets) => wallets.flat()))
+      ? combineLatest(observables).pipe(
+          map((wallets) => wallets.flat().sort(sortWallets)),
+        )
       : of([]);
 
     const subAutoReconnect = combineLatest([wallets$, autoReconnectWalletIds$])
       .pipe(
         filter(([, walletIds]) => config.autoReconnect && !!walletIds?.length),
         mergeMap(([wallets, walletIds]) =>
-          wallets.filter((wallet) => walletIds?.includes(wallet.id))
+          wallets.filter((wallet) => walletIds?.includes(wallet.id)),
         ),
-        distinct((w) => w.id)
+        distinct((w) => w.id),
       )
       .subscribe(async (wallet) => {
         if (wallet.isConnected) {

package/src/index.ts

@@ -1,3 +1 @@
 export * from "./api";
-
-export type { KheopskitConfig } from "./api/types";

package/src/utils/{AccountId.ts → WalletAccountId.ts}

@@ -6,7 +6,7 @@ export type WalletAccountId = string;
 
 export const getWalletAccountId = (
   walletId: string,
-  address: SS58String
+  address: SS58String,
 ): WalletAccountId => {
   if (!walletId) throw new Error("Missing walletId");
   if (!isValidAddress(address)) throw new Error("Invalid address");

package/src/utils/WalletId.ts

@@ -5,7 +5,7 @@ export type WalletId = string;
 
 export const getWalletId = (
   platform: WalletPlatform,
-  identifier: string
+  identifier: string,
 ): WalletId => {
   if (!isWalletPlatform(platform)) throw new Error("Invalid platform");
   if (!identifier) throw new Error("Invalid name");

package/src/utils/createStore.ts

@@ -7,7 +7,7 @@ export const createStore = <T>(key: string, defaultValue: T) => {
   fromEvent<StorageEvent>(window, "storage")
     .pipe(
       filter((event) => event.key === key),
-      map((event) => parseData(event.newValue, defaultValue))
+      map((event) => parseData(event.newValue, defaultValue)),
     )
     .subscribe((newValue) => subject.next(newValue));
 

package/src/utils/getAccountAddressType.ts

@@ -1,6 +1,7 @@
 import { isEthereumAddress } from "./isEthereumAddress";
 import { isSs58Address } from "./isSs58Address";
-import type { AccountAddressType } from "./types";
+
+export type AccountAddressType = "ss58" | "ethereum";
 
 export const getAccountAddressType = (address: string): AccountAddressType => {
   if (address.startsWith("0x")) {

package/src/utils/getCachedObservable.ts

@@ -0,0 +1,12 @@
+import type { Observable } from "rxjs";
+
+const CACHE = new Map<string, Observable<unknown>>();
+
+export const getCachedObservable$ = <T, Obs = Observable<T>>(
+  key: string,
+  create: () => Obs,
+): Obs => {
+  if (!CACHE.has(key)) CACHE.set(key, create() as Observable<unknown>);
+
+  return CACHE.get(key) as Obs;
+};

package/src/utils/getQuery.ts

@@ -0,0 +1,72 @@
+import { isEqual } from "lodash";
+import {
+  BehaviorSubject,
+  Observable,
+  distinctUntilChanged,
+  shareReplay,
+} from "rxjs";
+
+import { getCachedObservable$ } from "./getCachedObservable";
+
+export type QueryStatus = "loading" | "loaded" | "error";
+
+export type QueryResult<
+  T,
+  S extends QueryStatus = "loading" | "loaded" | "error",
+> = S extends "loading"
+  ? { status: "loading"; data: T | undefined; error: undefined }
+  : S extends "loaded"
+    ? { status: "loaded"; data: T; error: undefined }
+    : { status: "error"; data: undefined; error: unknown };
+
+type QueryOptions<T> = {
+  queryKey: string;
+  queryFn: () => Promise<T>;
+  defaultValue?: T;
+  refreshInterval?: number;
+};
+
+export const getQuery$ = <T>({
+  queryKey,
+  queryFn,
+  defaultValue,
+  refreshInterval,
+}: QueryOptions<T>): Observable<QueryResult<T>> => {
+  return getCachedObservable$(queryKey, () =>
+    new Observable<QueryResult<T>>((subscriber) => {
+      const result = new BehaviorSubject<QueryResult<T>>({
+        status: "loading",
+        data: defaultValue,
+        error: undefined,
+      });
+
+      // result subscription
+      const sub = result
+        .pipe(distinctUntilChanged<QueryResult<T>>(isEqual))
+        .subscribe(subscriber);
+
+      let timeout: ReturnType<typeof setTimeout> | undefined = undefined;
+
+      // fetch result subscription
+      const run = () => {
+        queryFn()
+          .then((data) => {
+            result.next({ status: "loaded", data, error: undefined });
+          })
+          .catch((error) => {
+            result.next({ status: "error", data: undefined, error });
+          })
+          .finally(() => {
+            if (refreshInterval) timeout = setTimeout(run, refreshInterval);
+          });
+      };
+
+      run();
+
+      return () => {
+        sub.unsubscribe();
+        if (timeout) clearTimeout(timeout);
+      };
+    }).pipe(shareReplay({ refCount: true, bufferSize: 1 })),
+  );
+};

package/src/utils/index.ts

@@ -1,12 +1,10 @@
 // export all modules from this folder, except exports.ts
 export * from "./createStore";
 export * from "./getAccountAddressType";
-export * from "./AccountId";
+export * from "./WalletAccountId";
 export * from "./isEthereumAddress";
 export * from "./isSs58Address";
-export * from "./isTruthy";
 export * from "./isValidAddress";
 export * from "./sleep";
 export * from "./throwAfter";
-export * from "./types";
 export * from "./isWalletPlatform";

package/src/utils/isEthereumAddress.ts

@@ -1,2 +1,4 @@
+import { isAddress } from "viem";
+
 export const isEthereumAddress = (address: string): boolean =>
-  /^0x[a-fA-F0-9]{40}$/.test(address);
+  isAddress(address);

package/src/utils/isSs58Address.ts

@@ -3,13 +3,13 @@ import { AccountId, type SS58String } from "polkadot-api";
 const accountIdEncoder = AccountId().enc;
 
 export const isSs58Address = (
-  address: SS58String | string
+  address: SS58String | string,
 ): address is SS58String => {
   try {
     if (!address) return false;
     accountIdEncoder(address);
     return true;
-  } catch (_err) {
+  } catch {
     return false;
   }
 };

package/src/utils/isWalletPlatform.ts

@@ -1,7 +1,7 @@
 import type { WalletPlatform } from "@/api/types";
 
 export const isWalletPlatform = (
-  platform: unknown
+  platform: unknown,
 ): platform is WalletPlatform =>
   typeof platform === "string" &&
   ["polkadot", "ethereum"].includes(platform as WalletPlatform);

package/src/utils/logObservable.ts

@@ -0,0 +1,21 @@
+import { type MonoTypeOperatorFunction, tap } from "rxjs";
+
+type Opts = {
+  printValue?: boolean;
+  enabled?: boolean;
+};
+
+export const logObservable = <T>(
+  label: string,
+  opts?: Opts,
+): MonoTypeOperatorFunction<T> =>
+  tap((value) => {
+    const { printValue = false, enabled = true } = opts || {};
+
+    if (!label || !enabled) return;
+
+    const text = `[kheopskit] observable ${label} emit`;
+
+    if (printValue) console.debug(text, value);
+    else console.debug(text);
+  });

package/src/utils/polkadotExtensions.ts

@@ -0,0 +1,21 @@
+export const POLKADOT_EXTENSIONS: Record<
+  string,
+  { name: string; icon: string }
+> = {
+  talisman: {
+    name: "Talisman",
+    icon: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCIgdmlld0JveD0iMCAwIDEyOCAxMjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cGF0aCBmaWxsPSIjZGRmZTc2IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDcwLjI1YzAgMjEuMjU1IDAgMzEuODgzIDQuNDYzIDM5Ljg1MmEzNSAzNSAwIDAgMCAxMy40MzUgMTMuNDM1QzI1Ljg2NyAxMjggMzYuNDk1IDEyOCA1Ny43NSAxMjhoMTIuNWMyMS4yNTUgMCAzMS44ODMgMCAzOS44NTItNC40NjNhMzUgMzUgMCAwIDAgMTMuNDM1LTEzLjQzNUMxMjggMTAyLjEzMyAxMjggOTEuNTA1IDEyOCA3MC4yNXYtMTIuNWMwLTIxLjI1NSAwLTMxLjg4My00LjQ2My0zOS44NTJhMzUgMzUgMCAwIDAtMTMuNDM1LTEzLjQzNUMxMDIuMTMzIDAgOTEuNTA1IDAgNzAuMjUgMGgtMTIuNUMzNi40OTUgMCAyNS44NjcgMCAxNy44OTggNC40NjNBMzUgMzUgMCAwIDAgNC40NjMgMTcuODk4QzAgMjUuODY3IDAgMzYuNDk1IDAgNTcuNzVaIi8+CiAgICA8cGF0aCBmaWxsPSIjZWE1NzUwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0zMy44NzkgMzUuMTE3LS41IDE5LjE2NWM4LjEwNyA0LjE2OCAxNS43NSA0LjA3NSAyNC43NCAyLjA2MyAzLjU2LTEuMzk3IDYuMDU2LTEuNzAyIDkuNTExIDAgOS4wNjcgMi44MTYgMTYuOTY5IDEuOTUgMjUuMTg1LTIuMjQzbC0uNDg1LTE5LjE4N2MwLTEwLjgwNS03LjAwNC0xNC45NjItMTQuNjMyLTEyLjczOS0uNzc5LjIzMi0xLjk0NCAxLjI3NC0xLjk0NCAyLjIwN2wtLjE4MSAxOC43MzNhMS43NyAxLjc3IDAgMSAxLTMuNTM4LS4wMTVWMjAuMDY3YTguODM4IDguODM4IDAgMCAwLTE3LjY3NSAwVjQzLjFhMS43NyAxLjc3IDAgMSAxLTMuNTM4LjAxNWwtLjE3Ni0xOC43NDNjMC0uOTIzLTEuMTA5LTEuOTYtMS44ODItMi4xOTItOC44LTIuNjEtMTQuODggMi41MzgtMTQuODggMTIuOTM2Wm0yLjQ3NSAyMy44NDNhNDguNDMgNDguNDMgMCAwIDEtNS4yMDktMi4yNTRjLTQuNzMtMi4yNjktMTIuMDk1LTEuNTYyLTE3LjA3MiA0LjExMS0yLjI3NCAyLjYtLjUxNSA2LjM2IDIuNzcgNy40NDggMS41ODMuNTI2IDMuMDE3IDEuNDEzIDQuMzUzIDIuNDA4bC40NjQuMzM2YzQuMTMyIDIuOTY1IDYuNzkzIDcuNDA2IDcuMDU2IDEyLjQ4NmwuMjUzIDQuODEyYTMxLjYxNiAzMS42MTYgMCAwIDAgMTkuNDI4IDI1Ljk1OSAzOC41OSAzOC41OSAwIDAgMCAyOS4zMjcgMCAzMS42MTYgMzEuNjE2IDAgMCAwIDE5LjQyOS0yNS45NTljLjA0Ni0uODI1LjA2MS0xLjY1LjA1MS0yLjQ2NWwuMTI0LTIuMzQ3Yy4yNjMtNS4wOCAyLjkyNC05LjUyIDcuMDU2LTEyLjQ4NmwuNDY0LS4zMzZjMS4zNC0uOTk1IDIuNzctMS44ODIgNC4zNTMtMi40MDggMy4yODUtMS4wODkgNS4wNS00Ljg0OSAyLjc3LTcuNDQ4LTQuOTc4LTUuNjczLTEyLjM0My02LjM3NS0xNy4wNzItNC4xMS0xLjcxOC44MjUtMy40MzUgMS42NS01LjIxIDIuMjUzbC0zLjYyIDEuMjM4LS4wMS4wNDFjLTYuNjU0IDEuODQyLTEyLjEyIDEuODQ3LTE4LjM5OC0uNzQyLTMuMTc3LTEuMzEtNi4zOC0xLjU1OC05LjQ4IDAtNS45NjcgMS44NTYtMTIuMDQ4IDIuNjQtMTguMjA2LjcwMWwtMy42MjYtMS4yMzhabTI2LjY2NSA0NC43MzJjMTMuMzkgMCAyNC4yNDEtMTUuNTk2IDI0LjI0MS0xNS41OTZTNzYuNDEgNzIuNDk5IDYzLjAyIDcyLjQ5OWMtMTMuMzg1IDAtMjQuMjM2IDE1LjU5Ny0yNC4yMzYgMTUuNTk3czEwLjg1MSAxNS41OTYgMjQuMjQgMTUuNTk2Wm0xMC44ODMtMTUuNTk2YzAgNi4wMS00Ljg3MiAxMC44ODItMTAuODgzIDEwLjg4Mi02LjAxIDAtMTAuODgyLTQuODcyLTEwLjg4Mi0xMC44ODJzNC44NzItMTAuODgzIDEwLjg4Mi0xMC44ODMgMTAuODgzIDQuODcyIDEwLjg4MyAxMC44ODNabS0xMC44ODMgNC45MzZhNC45MzYgNC45MzYgMCAxIDAgMC05Ljg3MiA0LjkzNiA0LjkzNiAwIDAgMCAwIDkuODcyWiIvPgo8L3N2Zz4K",
+  },
+  "polkadot-js": {
+    name: "Polkadot.js",
+    icon: "data:image/svg+xml;base64,ICA8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwNi4yIDEwNi4yIj4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPgogICAgICA8ZyBpZD0iTGF5ZXJfMS0yIiBkYXRhLW5hbWU9IkxheWVyIDEiPgogICAgICAgIDxjaXJjbGUgY3g9IjUzLjEiIGN5PSI1My4xIiByPSI1My4xIiBmaWxsPSIjZjI5MjM1IiAvPgogICAgICAgIDxwYXRoCiAgICAgICAgICBmaWxsPSIjZmZmIgogICAgICAgICAgZD0iTTU0LjQ3IDEzLjc2YTI4Ljg1IDI4Ljg1IDAgMDAtMjguNzMgMjguNzMgMjkuMzQgMjkuMzQgMCAwMDEuNTIgOS4zNCA0IDQgMCAxMDcuNDktMi41MkExOC42NyAxOC42NyAwIDAxMzMuNjMgNDJhMjAuNzIgMjAuNzIgMCAxMTIyIDIxLjMxcy00IC4yNS02IC40OWMtLjc0LjExLTEuNDguMjYtMi4yLjQ0YS4yOC4yOCAwIDAxLS4zOCAwIC4yNy4yNyAwIDAxMC0uMzJsLjYzLTMuNDEgMy43OS0xN2EzLjk0IDMuOTQgMCAxMC03LjcxLTEuNjVzLTkgNDEuNy05IDQyLjA4YTMuNzkgMy43OSAwIDAwMi43NCA0LjZoLjI4YTMuNzggMy43OCAwIDAwNC42MS0yLjcxLjQzLjQzIDAgMDAwLS4xMXYtLjE5Yy4xMS0uNDkgMS4yNS02IDEuMjUtNmExMC4yMyAxMC4yMyAwIDAxOC40Ni04Yy44Ny0uMTMgNC41My0uMzggNC41My0uMzhhMjguNzEgMjguNzEgMCAwMC0yLjExLTU3LjI3eiIKICAgICAgICAvPgogICAgICAgIDxwYXRoCiAgICAgICAgICBmaWxsPSIjZmZmIgogICAgICAgICAgZD0iTTU2LjIxIDgwYTQuNzggNC43OCAwIDAwLTUuNjYgMy43MS4yNC4yNCAwIDAxMCAuMDggNC43NyA0Ljc3IDAgMDAzLjY1IDUuNjdoLjE0QTQuNyA0LjcgMCAwMDYwIDg2di0uMzJBNSA1IDAgMDA1Ni4yMSA4MHoiCiAgICAgICAgLz4KICAgICAgPC9nPgogICAgPC9nPgogIDwvc3ZnPg==",
+  },
+  "subwallet-js": {
+    name: "SubWallet",
+    icon: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYwIiBoZWlnaHQ9IjE2MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNODAgNGM1Ny42MyAwIDc2IDE4LjM3IDc2IDc2IDAgNTcuNjMtMTguMzcgNzYtNzYgNzYtNTcuNjMgMC03Ni0xOC4zNy03Ni03NkM0IDIyLjM3IDIyLjM3IDQgODAgNFoiIGZpbGw9InVybCgjYSkiLz48ZyBjbGlwLXBhdGg9InVybCgjYikiPjxwYXRoIGQ9Ik0xMTIuNjE1IDY2LjcyVjUzLjM5OEw1OC43NiAzMiA0OCAzNy40MTJsLjA1NyA0MS40NjQgNDAuMjkyIDE2LjA3LTIxLjUyIDkuMDc1di03LjAxOEw1Ni45NSA5My4wM2wtOC44OTMgNC4xNjN2MjUuMzk1TDU4Ljc2OSAxMjhsNTMuODQ2LTI0LjA2MlY4Ni44NjlMNjQuMTU0IDY3LjY1N1Y1NmwzOC40NDkgMTUuMjE2IDEwLjAxMi00LjQ5NloiIGZpbGw9IiNmZmYiLz48L2c+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iODAiIHkxPSI0IiB4Mj0iODAiIHkyPSIxNTYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjMDA0QkZGIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNENFQUFDIi8+PC9saW5lYXJHcmFkaWVudD48Y2xpcFBhdGggaWQ9ImIiPjxwYXRoIGZpbGw9IiNmZmYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ4IDMyKSIgZD0iTTAgMGg2NC42MTV2OTZIMHoiLz48L2NsaXBQYXRoPjwvZGVmcz48L3N2Zz4=",
+  },
+  enkrypt: {
+    name: "Enkrypt",
+    icon: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODEiIGhlaWdodD0iODEiIHZpZXdCb3g9IjAgMCA4MSA4MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNy4wMDU3IDE3LjAwNjJDMTguOTMwMyAxNS4wODE2IDIxLjU0MDUgMTQuMDAwNCAyNC4yNjIyIDE0LjAwMDRMNjcuMzI5NiAxNFYyMS44NzQxQzY3LjMyOTYgMjMuODMwNSA2Ni41NTIzIDI1LjcwNjcgNjUuMTY5IDI3LjA5QzYzLjc4NTcgMjguNDczMyA2MS45MDk1IDI5LjI1MDQgNTkuOTUzMiAyOS4yNTA0SDM5LjcwNDVDMzYuOTgyOCAyOS4yNTA0IDM0LjM3MjYgMzAuMzMxNiAzMi40NDggMzIuMjU2MUMzMC41MjM1IDM0LjE4MDcgMjkuNDQyMyAzNi43OTA5IDI5LjQ0MjMgMzkuNTEyNlY0Mi4xMjQyQzI5LjQ0MjMgNDQuODQ1OSAzMC41MjM1IDQ3LjQ1NjEgMzIuNDQ4IDQ5LjM4MDZDMzQuMzcyNiA1MS4zMDUxIDM2Ljk4MjggNTIuMzg2MyAzOS43MDQ1IDUyLjM4NjNINTkuOTUzMkM2MS45MDk1IDUyLjM4NjMgNjMuNzg1NyA1My4xNjM1IDY1LjE2OSA1NC41NDY4QzY2LjU1MjMgNTUuOTMwMSA2Ny4zMjk2IDU3LjgwNjMgNjcuMzI5NiA1OS43NjI2VjY3LjMzSDI0LjI2MjJDMjEuNTQwNSA2Ny4zMyAxOC45MzAzIDY2LjI0ODggMTcuMDA1NyA2NC4zMjQzQzE1LjA4MTIgNjIuMzk5NyAxNCA1OS43ODk1IDE0IDU3LjA2NzhWMjQuMjYyNkMxNCAyMS41NDA5IDE1LjA4MTIgMTguOTMwNyAxNy4wMDU3IDE3LjAwNjJaTTQwLjE0NzkgMzMuNTQyM0g2MC45MTU3QzY0LjQ1OCAzMy41NDIzIDY3LjMyOTUgMzYuNDEzOCA2Ny4zMjk1IDM5Ljk1NjFWNDEuNjgxNkM2Ny4zMjk1IDQ1LjIyMzggNjQuNDU4IDQ4LjA5NTQgNjAuOTE1NyA0OC4wOTU0SDQwLjE0NzlDMzYuNjA1NyA0OC4wOTU0IDMzLjczNDEgNDUuMjIzOCAzMy43MzQxIDQxLjY4MTZWMzkuOTU2MUMzMy43MzQxIDM2LjQxMzggMzYuNjA1NyAzMy41NDIzIDQwLjE0NzkgMzMuNTQyM1oiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl8yODdfMjM1OSkiLz4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl8yODdfMjM1OSIgeDE9IjE5LjM2MDIiIHkxPSIxNCIgeDI9IjU2Ljc2OTYiIHkyPSI2OS44MDA1IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiNDNTQ5RkYiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNjU0QkZGIi8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==",
+  },
+};