Remove token(erc20) controller option

Author: JunichiSugiura

examples/next/src/components/providers/StarknetProvider.tsx

@@ -130,11 +130,6 @@ const controller = new ControllerConnector({
   // slot: "darkshuffle-mainnet",
   // preset: "dark-shuffle",
   // namespace: "darkshuffle_s0",
-  tokens: {
-    erc20: [
-      "0x0124aeb495b947201f5fac96fd1138e326ad86195b98df6dec9009158a533b49",
-    ],
-  },
 });
 
 const session = new SessionConnector({

packages/controller/src/iframe/profile.ts

@@ -19,7 +19,6 @@ export class ProfileIFrame extends IFrame<Profile> {
     username,
     slot,
     namespace,
-    tokens,
     ...iframeOptions
   }: ProfileIFrameOptions) {
     const _profileUrl = (profileUrl || PROFILE_URL).replace(/\/$/, "");
@@ -41,13 +40,6 @@ export class ProfileIFrame extends IFrame<Profile> {
 
     _url.searchParams.set("rpcUrl", encodeURIComponent(rpcUrl));
 
-    if (tokens?.erc20) {
-      _url.searchParams.set(
-        "erc20",
-        encodeURIComponent(tokens.erc20.toString()),
-      );
-    }
-
     super({
       ...iframeOptions,
       id: "controller-profile",

packages/controller/src/types.ts

@@ -180,16 +180,10 @@ export type ProfileOptions = IFrameOptions & {
   slot?: string;
   /** The namespace to use to fetch trophies data from indexer. Will be mandatory once profile page is in production */
   namespace?: string;
-  /** The tokens to be listed on Inventory modal */
-  tokens?: Tokens;
 };
 
 export type ProfileContextTypeVariant =
   | "inventory"
   | "trophies"
   | "achievements"
   | "activity";
-
-export type Tokens = {
-  erc20?: string[];
-};

packages/profile/src/components/provider/connection.tsx

@@ -1,11 +1,7 @@
 import { connectToParent } from "@cartridge/penpal";
 import { useState, ReactNode, useEffect, useCallback } from "react";
-import {
-  ETH_CONTRACT_ADDRESS,
-  normalize,
-  STRK_CONTRACT_ADDRESS,
-} from "@cartridge/utils";
-import { constants, getChecksumAddress, RpcProvider } from "starknet";
+import { normalize } from "@cartridge/utils";
+import { constants, RpcProvider } from "starknet";
 import { useNavigate, useSearchParams } from "react-router-dom";
 import {
   ConnectionContext,
@@ -43,24 +39,6 @@ export function ConnectionProvider({ children }: { children: ReactNode }) {
         state.namespace = decodeURIComponent(nsParam);
       }
 
-      // Only update when erc20 state hasn't been set
-      if (!state.erc20.length) {
-        const erc20Param = searchParams.get("erc20");
-        state.erc20 = [
-          ETH_CONTRACT_ADDRESS,
-          STRK_CONTRACT_ADDRESS,
-          ...(erc20Param
-            ? decodeURIComponent(erc20Param)
-                .split(",")
-                .filter(
-                  (address) =>
-                    ![ETH_CONTRACT_ADDRESS, STRK_CONTRACT_ADDRESS].includes(
-                      getChecksumAddress(address),
-                    ),
-                )
-            : []),
-        ];
-      }
       return state;
     });
   }, [searchParams]);

packages/profile/src/context/connection.ts

@@ -7,7 +7,6 @@ export type ConnectionContextType = {
   parent: ParentMethods;
   provider: RpcProvider;
   chainId: string;
-  erc20: string[];
   project?: string;
   namespace?: string;
   version?: string;
@@ -34,7 +33,6 @@ export const initialState: ConnectionContextType = {
   },
   provider: new RpcProvider({ nodeUrl: import.meta.env.VITE_RPC_SEPOLIA }),
   chainId: "",
-  erc20: [],
   isVisible: !isIframe(),
   setIsVisible: () => {},
   closeModal: () => {},

packages/profile/src/hooks/token.ts

@@ -25,7 +25,6 @@ export function useBalances(accountAddress?: string) {
       accountAddress: accountAddress ?? address,
     },
     {
-      enabled: !!project && !!isVisible,
       refetchInterval: isVisible ? 3000 : undefined,
     },
   );

packages/utils/src/hooks/balance.ts

@@ -1,102 +1,4 @@
-import { getChecksumAddress, Provider } from "starknet";
-import useSWR from "swr";
-import { ERC20, ERC20Metadata } from "../erc20";
 import { CreditQuery, useCreditQuery } from "../api/cartridge";
-import { erc20Metadata } from "@cartridge/presets";
-
-export function useERC20Balance({
-  address,
-  contractAddress,
-  provider,
-  interval,
-  decimals = 5,
-}: {
-  address?: string;
-  contractAddress: string | string[];
-  provider?: Provider;
-  interval: number | undefined;
-  decimals?: number;
-}) {
-  const { data: chainId } = useSWR(address && provider ? "chainId" : null, () =>
-    provider?.getChainId(),
-  );
-  const { data: meta } = useSWR(
-    chainId && erc20Metadata.length
-      ? `erc20:metadata:${chainId}:${address}:${contractAddress}`
-      : null,
-    async () => {
-      if (!provider || !address) return [];
-      const contractList = Array.isArray(contractAddress)
-        ? contractAddress
-        : [contractAddress];
-      const erc20List = await Promise.allSettled(
-        contractList.map((address) =>
-          new ERC20({
-            address,
-            provider,
-            logoUrl: erc20Metadata.find(
-              (m) =>
-                getChecksumAddress(m.l2_token_address) ===
-                getChecksumAddress(address),
-            )?.logo_url,
-          }).init(),
-        ),
-      );
-
-      return erc20List
-        .filter((res) => res.status === "fulfilled")
-        .map((erc20) => erc20.value.metadata());
-    },
-    { fallbackData: [] },
-  );
-
-  const { data, isValidating, isLoading, error } = useSWR(
-    meta.length && address
-      ? `erc20:balance:${chainId}:${address}:${contractAddress}`
-      : null,
-    async () => {
-      if (!address) return [];
-      const values = await Promise.allSettled(
-        meta.map((m) => m.instance.balanceOf(address)),
-      );
-
-      return meta.reduce<{ balance: Balance; meta: ERC20Metadata }[]>(
-        (prev, meta, i) => {
-          const res = values[i];
-          if (res.status === "rejected") return prev;
-
-          const value = res.value;
-          const factor = 10 ** meta.decimals;
-          const adjusted = parseFloat(value.toString()) / factor;
-          // Round and remove insignificant trailing zeros
-          const rounded = parseFloat(adjusted.toFixed(decimals));
-          const formatted =
-            adjusted === rounded ? adjusted.toString() : `~${rounded}`;
-
-          return [
-            ...prev,
-            {
-              balance: {
-                value,
-                formatted,
-              },
-              meta,
-            },
-          ];
-        },
-        [],
-      );
-    },
-    { refreshInterval: interval, fallbackData: [] },
-  );
-
-  return {
-    data,
-    isFetching: isValidating,
-    isLoading,
-    error,
-  };
-}
 
 export type Balance = {
   value: bigint;