Add still unoptimized check for addresses with code

This commit is contained in:
Willian Mitsuda 2021-11-30 16:31:39 -03:00
parent 10debf1395
commit c3dfcfeee3
6 changed files with 100 additions and 27 deletions

View File

@ -8,7 +8,11 @@ import TransactionItem from "../search/TransactionItem";
import UndefinedPageControl from "../search/UndefinedPageControl"; import UndefinedPageControl from "../search/UndefinedPageControl";
import { useFeeToggler } from "../search/useFeeToggler"; import { useFeeToggler } from "../search/useFeeToggler";
import { SelectionContext, useSelection } from "../useSelection"; import { SelectionContext, useSelection } from "../useSelection";
import { useMultipleMetadata } from "../sourcify/useSourcify"; import {
useDedupedAddresses,
useMultipleMetadata,
} from "../sourcify/useSourcify";
import { useAddressCodes } from "../useErigonHooks";
import { useMultipleETHUSDOracle } from "../usePriceOracle"; import { useMultipleETHUSDOracle } from "../usePriceOracle";
import { RuntimeContext } from "../useRuntime"; import { RuntimeContext } from "../useRuntime";
import { pageCollector, useResolvedAddresses } from "../useResolvedAddresses"; import { pageCollector, useResolvedAddresses } from "../useResolvedAddresses";
@ -120,9 +124,11 @@ const AddressTransactionResults: React.FC<AddressTransactionResultsProps> = ({
return _addresses; return _addresses;
}, [address, page]); }, [address, page]);
const { sourcifySource } = useAppConfigContext(); const { sourcifySource } = useAppConfigContext();
const deduped = useDedupedAddresses(addresses);
const checked = useAddressCodes(provider, deduped);
const metadatas = useMultipleMetadata( const metadatas = useMultipleMetadata(
undefined, undefined,
addresses, checked,
provider?.network.chainId, provider?.network.chainId,
sourcifySource sourcifySource
); );

View File

@ -13,7 +13,11 @@ import { ChecksummedAddress, ProcessedTransaction } from "../types";
import { PAGE_SIZE } from "../params"; import { PAGE_SIZE } from "../params";
import { useMultipleETHUSDOracle } from "../usePriceOracle"; import { useMultipleETHUSDOracle } from "../usePriceOracle";
import { useAppConfigContext } from "../useAppConfig"; import { useAppConfigContext } from "../useAppConfig";
import { useMultipleMetadata } from "../sourcify/useSourcify"; import {
useDedupedAddresses,
useMultipleMetadata,
} from "../sourcify/useSourcify";
import { useAddressCodes } from "../useErigonHooks";
type BlockTransactionResultsProps = { type BlockTransactionResultsProps = {
blockTag: BlockTag; blockTag: BlockTag;
@ -44,9 +48,11 @@ const BlockTransactionResults: React.FC<BlockTransactionResultsProps> = ({
return page.map((t) => t.to).filter((to): to is string => to !== undefined); return page.map((t) => t.to).filter((to): to is string => to !== undefined);
}, [page]); }, [page]);
const { sourcifySource } = useAppConfigContext(); const { sourcifySource } = useAppConfigContext();
const deduped = useDedupedAddresses(addresses);
const checked = useAddressCodes(provider, deduped);
const metadatas = useMultipleMetadata( const metadatas = useMultipleMetadata(
undefined, undefined,
addresses, checked,
provider?.network.chainId, provider?.network.chainId,
sourcifySource sourcifySource
); );

View File

@ -131,51 +131,57 @@ export const useSingleMetadata = (
return address !== undefined ? metadatas[address] : undefined; return address !== undefined ? metadatas[address] : undefined;
}; };
export const useDedupedAddresses = (
addresses: (ChecksummedAddress | undefined)[]
): ChecksummedAddress[] => {
return useMemo(() => {
const deduped = new Set(
addresses.filter((a): a is ChecksummedAddress => a !== undefined)
);
return [...deduped];
}, [addresses]);
};
export const useMultipleMetadata = ( export const useMultipleMetadata = (
baseMetadatas: Record<string, Metadata | null> | undefined, baseMetadatas: Record<string, Metadata | null> | undefined,
addresses: (ChecksummedAddress | undefined)[], addresses: ChecksummedAddress[] | undefined,
chainId: number | undefined, chainId: number | undefined,
source: SourcifySource source: SourcifySource
): Record<ChecksummedAddress, Metadata | null | undefined> => { ): Record<ChecksummedAddress, Metadata | null | undefined> => {
const [rawMetadata, setRawMetadata] = useState< const [rawMetadata, setRawMetadata] = useState<
Record<string, Metadata | null | undefined> Record<string, Metadata | null | undefined>
>({}); >({});
useEffect(() => { useEffect(() => {
if (!addresses || chainId === undefined) { if (addresses === undefined || chainId === undefined) {
return; return;
} }
setRawMetadata({}); setRawMetadata({});
const abortController = new AbortController(); const abortController = new AbortController();
const fetchMetadata = async (dedupedAddresses: string[]) => { const fetchMetadata = async (_addresses: string[]) => {
const promises: Promise<Metadata | null>[] = []; const fetchers: Promise<Metadata | null>[] = [];
for (const address of dedupedAddresses) { for (const address of _addresses) {
promises.push( fetchers.push(
fetchSourcifyMetadata(address, chainId, source, abortController) fetchSourcifyMetadata(address, chainId, source, abortController)
); );
} }
const results = await Promise.all(promises); const results = await Promise.all(fetchers);
if (abortController.signal.aborted) { if (abortController.signal.aborted) {
return; return;
} }
const metadatas: Record<string, Metadata | null> = baseMetadatas let metadatas: Record<string, Metadata | null> = {};
? { ...baseMetadatas } if (baseMetadatas) {
: {}; metadatas = { ...baseMetadatas };
}
for (let i = 0; i < results.length; i++) { for (let i = 0; i < results.length; i++) {
metadatas[dedupedAddresses[i]] = results[i]; metadatas[_addresses[i]] = results[i];
} }
setRawMetadata(metadatas); setRawMetadata(metadatas);
}; };
const deduped = new Set( const filtered = addresses.filter((a) => baseMetadatas?.[a] === undefined);
addresses.filter( fetchMetadata(filtered);
(a): a is ChecksummedAddress =>
a !== undefined && baseMetadatas?.[a] === undefined
)
);
fetchMetadata(Array.from(deduped));
return () => { return () => {
abortController.abort(); abortController.abort();

View File

@ -37,7 +37,13 @@ import {
use4Bytes, use4Bytes,
useTransactionDescription, useTransactionDescription,
} from "../use4Bytes"; } from "../use4Bytes";
import { DevDoc, useMultipleMetadata, UserDoc } from "../sourcify/useSourcify"; import {
DevDoc,
useDedupedAddresses,
useMultipleMetadata,
UserDoc,
} from "../sourcify/useSourcify";
import { useAddressCodes } from "../useErigonHooks";
import { ResolvedAddresses } from "../api/address-resolver"; import { ResolvedAddresses } from "../api/address-resolver";
import { RuntimeContext } from "../useRuntime"; import { RuntimeContext } from "../useRuntime";
import { useAppConfigContext } from "../useAppConfig"; import { useAppConfigContext } from "../useAppConfig";
@ -96,9 +102,11 @@ const Details: React.FC<DetailsProps> = ({
return _addresses; return _addresses;
}, [txData]); }, [txData]);
const { sourcifySource } = useAppConfigContext(); const { sourcifySource } = useAppConfigContext();
const deduped = useDedupedAddresses(addresses);
const checked = useAddressCodes(provider, deduped);
const metadatas = useMultipleMetadata( const metadatas = useMultipleMetadata(
undefined, undefined,
addresses, checked,
provider?.network.chainId, provider?.network.chainId,
sourcifySource sourcifySource
); );

View File

@ -4,7 +4,12 @@ import ContentFrame from "../ContentFrame";
import LogEntry from "./LogEntry"; import LogEntry from "./LogEntry";
import { TransactionData } from "../types"; import { TransactionData } from "../types";
import { useAppConfigContext } from "../useAppConfig"; import { useAppConfigContext } from "../useAppConfig";
import { Metadata, useMultipleMetadata } from "../sourcify/useSourcify"; import {
Metadata,
useDedupedAddresses,
useMultipleMetadata,
} from "../sourcify/useSourcify";
import { useAddressCodes } from "../useErigonHooks";
import { ResolvedAddresses } from "../api/address-resolver"; import { ResolvedAddresses } from "../api/address-resolver";
import { RuntimeContext } from "../useRuntime"; import { RuntimeContext } from "../useRuntime";
@ -31,9 +36,11 @@ const Logs: React.FC<LogsProps> = ({ txData, metadata, resolvedAddresses }) => {
); );
const { provider } = useContext(RuntimeContext); const { provider } = useContext(RuntimeContext);
const { sourcifySource } = useAppConfigContext(); const { sourcifySource } = useAppConfigContext();
const deduped = useDedupedAddresses(logAddresses);
const checked = useAddressCodes(provider, deduped);
const metadatas = useMultipleMetadata( const metadatas = useMultipleMetadata(
baseMetadatas, baseMetadatas,
logAddresses, checked,
provider?.network.chainId, provider?.network.chainId,
sourcifySource sourcifySource
); );

View File

@ -14,6 +14,7 @@ import {
InternalOperation, InternalOperation,
ProcessedTransaction, ProcessedTransaction,
OperationType, OperationType,
ChecksummedAddress,
} from "./types"; } from "./types";
import erc20 from "./erc20.json"; import erc20 from "./erc20.json";
@ -440,3 +441,42 @@ export const useUniqueSignatures = (traces: TraceGroup[] | undefined) => {
return uniqueSignatures; return uniqueSignatures;
}; };
const checkCode = async (
provider: JsonRpcProvider,
address: ChecksummedAddress
): Promise<boolean> => {
const code = await provider.getCode(address);
if (code !== "0x") {
console.log(`Has code: ${address}`);
}
return code === "0x";
};
export const useAddressCodes = (
provider: JsonRpcProvider | undefined,
addresses: ChecksummedAddress[]
): ChecksummedAddress[] | undefined => {
const [hasCode, setCode] = useState<ChecksummedAddress[] | undefined>();
useEffect(() => {
if (provider === undefined) {
setCode(undefined);
return;
}
const readCodes = async () => {
const checkers: Promise<boolean>[] = [];
for (const a of addresses) {
checkers.push(checkCode(provider, a));
}
const result = await Promise.all(checkers);
const filtered = addresses.filter((_, i) => result[i]);
setCode(filtered);
};
readCodes();
}, [provider, addresses]);
return hasCode;
};