mirror of
https://github.com/luxfi/explore.git
synced 2026-09-24 00:28:18 +00:00
tom goriunovandGitHub
434aae92bb
* display methods accordion * add method_id to methods * query read method via public client * query read methods without inputs at accordion section open * add custom abi tabs * add proxy tabs * custom wagmi config if wc is not configured * remove ContractAbiItemConstant component * display tuple properties in method outputs * display read result * clean up * support nested arrays in the read result * re-write test for contract methods * change result view for address output * refactoring * fix tests * remove web3 provider fallback * fix tab loading * refactoring * add implementation contract selector * add "copy to clipboard" for address, remove top-level square brackets * add preview mode to contract method result * tests for read result * fix tests * change styles for result preview * review fix
80 lines
2.0 KiB
TypeScript
80 lines
2.0 KiB
TypeScript
import { ChakraProvider } from '@chakra-ui/react';
|
|
import { GrowthBookProvider } from '@growthbook/growthbook-react';
|
|
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
|
|
import React from 'react';
|
|
import { http } from 'viem';
|
|
import { WagmiProvider, createConfig } from 'wagmi';
|
|
import { mock } from 'wagmi/connectors';
|
|
|
|
import type { Props as PageProps } from 'nextjs/getServerSideProps';
|
|
|
|
import config from 'configs/app';
|
|
import { AppContextProvider } from 'lib/contexts/app';
|
|
import { SocketProvider } from 'lib/socket/context';
|
|
import currentChain from 'lib/web3/currentChain';
|
|
import theme from 'theme';
|
|
|
|
import { port as socketPort } from './utils/socket';
|
|
|
|
export type Props = {
|
|
children: React.ReactNode;
|
|
withSocket?: boolean;
|
|
withWalletClient?: boolean;
|
|
appContext?: {
|
|
pageProps: PageProps;
|
|
};
|
|
}
|
|
|
|
const defaultAppContext = {
|
|
pageProps: {
|
|
cookies: '',
|
|
referrer: '',
|
|
query: {},
|
|
adBannerProvider: 'slise' as const,
|
|
apiData: null,
|
|
},
|
|
};
|
|
|
|
const wagmiConfig = createConfig({
|
|
chains: [ currentChain ],
|
|
connectors: [
|
|
mock({
|
|
accounts: [
|
|
'0xf39Fd6e51aad88F6F4ce6aB8827279cffFb92266',
|
|
],
|
|
}),
|
|
],
|
|
transports: {
|
|
[currentChain.id]: http(),
|
|
},
|
|
});
|
|
|
|
const TestApp = ({ children, withSocket, appContext = defaultAppContext }: Props) => {
|
|
const [ queryClient ] = React.useState(() => new QueryClient({
|
|
defaultOptions: {
|
|
queries: {
|
|
refetchOnWindowFocus: false,
|
|
retry: 0,
|
|
},
|
|
},
|
|
}));
|
|
|
|
return (
|
|
<ChakraProvider theme={ theme }>
|
|
<QueryClientProvider client={ queryClient }>
|
|
<SocketProvider url={ withSocket ? `ws://${ config.app.host }:${ socketPort }` : undefined }>
|
|
<AppContextProvider { ...appContext }>
|
|
<GrowthBookProvider>
|
|
<WagmiProvider config={ wagmiConfig }>
|
|
{ children }
|
|
</WagmiProvider>
|
|
</GrowthBookProvider>
|
|
</AppContextProvider>
|
|
</SocketProvider>
|
|
</QueryClientProvider>
|
|
</ChakraProvider>
|
|
);
|
|
};
|
|
|
|
export default TestApp;
|