11179490661

Committed 24 Sep 2024 04:15PM UTC coverage: 86.415% (-0.03%) from 86.448%

Build # 11179490661

Build Type

push

github

Committed by

web-flow

Commit Message

feat: Add arbitrum support (#250)

Run Details

1193 of 1439 branches covered (82.9%)

Branch coverage included in aggregate %.

21 of 37 new or added lines in 2 files covered. (56.76%)

1 existing line in 1 file now uncovered.

8622 of 9919 relevant lines covered (86.92%)

45.47 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

0.0

/apps/web/src/providers/walletProvider.tsx

"use client";
import { useMantineColorScheme } from "@mantine/core";
import {
    AvatarComponent,
    connectorsForWallets,
    darkTheme,
    getDefaultWallets,
    lightTheme,
    RainbowKitProvider,
} from "@rainbow-me/rainbowkit";
import { ThemeOptions } from "@rainbow-me/rainbowkit/dist/themes/baseTheme";
import "@rainbow-me/rainbowkit/styles.css";
import { ledgerWallet, trustWallet } from "@rainbow-me/rainbowkit/wallets";
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
import Image from "next/image";
import { ReactNode } from "react";
import Jazzicon, { jsNumberForAddress } from "react-jazzicon";
import { createConfig, fallback, http, WagmiProvider } from "wagmi";
import {
    arbitrum,
    arbitrumSepolia,
    base,
    baseSepolia,
    foundry,
    mainnet,
    optimism,
    optimismSepolia,
    sepolia,
} from "wagmi/chains";

// select chain based on env var
const chainId = parseInt(process.env.NEXT_PUBLIC_CHAIN_ID || "31337");
const alchemyApiKey = process.env.NEXT_PUBLIC_ALCHEMY_API_KEY;
const chain =
    [
        foundry,
        mainnet,
        sepolia,
        optimism,
        optimismSepolia,
        base,
        baseSepolia,
        arbitrum,
        arbitrumSepolia,
    ].find((c) => c.id == chainId) || foundry;

const projectId = "a6265c875f8a7513ac7c52362abf434b";

const connectorsForWalletsParameters = {
    appName: "CartesiScan",
    projectId,
};

const { wallets } = getDefaultWallets(connectorsForWalletsParameters);

const appInfo = {
    appName: connectorsForWalletsParameters.appName,
    learnMoreUrl: "https://cartesiscan.io",
};

const connectors = connectorsForWallets(
    [
        ...wallets,
        {
            groupName: "Other",
            wallets: [trustWallet, ledgerWallet],
        },
    ],
    connectorsForWalletsParameters,
);

const CustomAvatar: AvatarComponent = ({ address, ensImage, size }) => {
    return ensImage ? (
        <Image
            src={ensImage}
            width={size}
            height={size}
            style={{ borderRadius: 999 }}
            alt={address}
        />
    ) : (
        <Jazzicon diameter={size} seed={jsNumberForAddress(address)} />
    );
};

const [defaultMainnetRpcUrl] = mainnet.rpcUrls.default.http;
const [defaultSepoliaRpcUrl] = sepolia.rpcUrls.default.http;
const [defaultFoundryRpcUrl] = foundry.rpcUrls.default.http;
const [defaultOptimismRpcUrl] = optimism.rpcUrls.default.http;
const [defaultOptimismSepoliaRpcUrl] = optimismSepolia.rpcUrls.default.http;
const [defaultBaseRpcUrl] = base.rpcUrls.default.http;
const [defaultBaseSepoliaRpcUrl] = baseSepolia.rpcUrls.default.http;
const [defaultArbitrumRpcUrl] = arbitrum.rpcUrls.default.http;
const [defaultArbitrumSepoliaRpcUrl] = arbitrumSepolia.rpcUrls.default.http;

const wagmiConfig = createConfig({
    ssr: true,
    connectors,
    chains: [chain],
    transports: {
        [mainnet.id]: alchemyApiKey
            ? fallback([
                  http(`https://eth-mainnet.g.alchemy.com/v2/${alchemyApiKey}`),
                  http(defaultMainnetRpcUrl),
              ])
            : http(defaultMainnetRpcUrl),
        [sepolia.id]: alchemyApiKey
            ? fallback([
                  http(`https://eth-sepolia.g.alchemy.com/v2/${alchemyApiKey}`),
                  http(defaultSepoliaRpcUrl),
              ])
            : http(defaultSepoliaRpcUrl),
        [foundry.id]: http(defaultFoundryRpcUrl),
        [optimism.id]: alchemyApiKey
            ? fallback([
                  http(`https://opt-mainnet.g.alchemy.com/v2/${alchemyApiKey}`),
                  http(defaultOptimismRpcUrl),
              ])
            : http(defaultOptimismRpcUrl),
        [optimismSepolia.id]: alchemyApiKey
            ? fallback([
                  http(`https://opt-sepolia.g.alchemy.com/v2/${alchemyApiKey}`),
                  http(defaultOptimismSepoliaRpcUrl),
              ])
            : http(defaultOptimismSepoliaRpcUrl),
        [base.id]: alchemyApiKey
            ? fallback([
                  http(
                      `https://base-mainnet.g.alchemy.com/v2/${alchemyApiKey}`,
                  ),
                  http(defaultBaseRpcUrl),
              ])
            : http(defaultBaseRpcUrl),
        [baseSepolia.id]: alchemyApiKey
            ? fallback([
                  http(
                      `https://base-sepolia.g.alchemy.com/v2/${alchemyApiKey}`,
                  ),
                  http(defaultBaseSepoliaRpcUrl),
              ])
            : http(defaultBaseSepoliaRpcUrl),
        [arbitrum.id]: alchemyApiKey
            ? fallback([
                  http(`https://arb-mainnet.g.alchemy.com/v2/${alchemyApiKey}`),
                  http(defaultArbitrumRpcUrl),
              ])
            : http(defaultArbitrumRpcUrl),

        [arbitrumSepolia.id]: alchemyApiKey
            ? fallback([
                  http(`https://arb-sepolia.g.alchemy.com/v2/${alchemyApiKey}`),
                  http(defaultArbitrumSepoliaRpcUrl),
              ])
            : http(defaultArbitrumSepoliaRpcUrl),
    },
});

const queryClient = new QueryClient();

const WalletProvider = ({ children }: { children: ReactNode }) => {
    const scheme = useMantineColorScheme();

    // XXX: make this match the mantine theme
    const themeOptions: ThemeOptions = {
        accentColor: "rgb(12, 133, 153)",
        borderRadius: "small",
    };

    const walletTheme =
        scheme.colorScheme == "dark"
            ? darkTheme(themeOptions)
            : lightTheme(themeOptions);

    return (
        <WagmiProvider config={wagmiConfig}>
            <QueryClientProvider client={queryClient}>
                <RainbowKitProvider
                    appInfo={appInfo}
                    theme={walletTheme}
                    avatar={CustomAvatar}
                >
                    {children}
                </RainbowKitProvider>
            </QueryClientProvider>
        </WagmiProvider>
    );
};

export default WalletProvider;

1	"use client";	×
2	import { useMantineColorScheme } from "@mantine/core";	×
3	import {
4	AvatarComponent,
5	connectorsForWallets,
6	darkTheme,
7	getDefaultWallets,
8	lightTheme,
9	RainbowKitProvider,
10	} from "@rainbow-me/rainbowkit";	×
11	import { ThemeOptions } from "@rainbow-me/rainbowkit/dist/themes/baseTheme";
12	import "@rainbow-me/rainbowkit/styles.css";	×
13	import { ledgerWallet, trustWallet } from "@rainbow-me/rainbowkit/wallets";	×
14	import { QueryClient, QueryClientProvider } from "@tanstack/react-query";	×
15	import Image from "next/image";	×
16	import { ReactNode } from "react";
17	import Jazzicon, { jsNumberForAddress } from "react-jazzicon";	×
18	import { createConfig, fallback, http, WagmiProvider } from "wagmi";	×
19	import {
20	arbitrum,
21	arbitrumSepolia,
22	base,
23	baseSepolia,
24	foundry,
25	mainnet,
26	optimism,
27	optimismSepolia,
28	sepolia,
29	} from "wagmi/chains";	×
30
31	// select chain based on env var
32	const chainId = parseInt(process.env.NEXT_PUBLIC_CHAIN_ID \|\| "31337");	×
33	const alchemyApiKey = process.env.NEXT_PUBLIC_ALCHEMY_API_KEY;	×
34	const chain =	×
35	[	×
36	foundry,	×
37	mainnet,	×
38	sepolia,	×
39	optimism,	×
40	optimismSepolia,	×
41	base,	×
42	baseSepolia,	×
NEW 43	arbitrum,	×
NEW 44	arbitrumSepolia,	×
UNCOV 45	].find((c) => c.id == chainId) \|\| foundry;	×
46
47	const projectId = "a6265c875f8a7513ac7c52362abf434b";	×
48
49	const connectorsForWalletsParameters = {	×
50	appName: "CartesiScan",	×
51	projectId,	×
52	};	×
53
54	const { wallets } = getDefaultWallets(connectorsForWalletsParameters);	×
55
56	const appInfo = {	×
57	appName: connectorsForWalletsParameters.appName,	×
58	learnMoreUrl: "https://cartesiscan.io",	×
59	};	×
60
61	const connectors = connectorsForWallets(	×
62	[	×
63	...wallets,	×
64	{	×
65	groupName: "Other",	×
66	wallets: [trustWallet, ledgerWallet],	×
67	},	×
68	],	×
69	connectorsForWalletsParameters,	×
70	);	×
71
72	const CustomAvatar: AvatarComponent = ({ address, ensImage, size }) => {	×
73	return ensImage ? (	×
74	<Image	×
75	src={ensImage}	×
76	width={size}	×
77	height={size}	×
78	style={{ borderRadius: 999 }}	×
79	alt={address}	×
80	/>	×
81	) : (
82	<Jazzicon diameter={size} seed={jsNumberForAddress(address)} />	×
83	);
84	};	×
85
86	const [defaultMainnetRpcUrl] = mainnet.rpcUrls.default.http;	×
87	const [defaultSepoliaRpcUrl] = sepolia.rpcUrls.default.http;	×
88	const [defaultFoundryRpcUrl] = foundry.rpcUrls.default.http;	×
89	const [defaultOptimismRpcUrl] = optimism.rpcUrls.default.http;	×
90	const [defaultOptimismSepoliaRpcUrl] = optimismSepolia.rpcUrls.default.http;	×
91	const [defaultBaseRpcUrl] = base.rpcUrls.default.http;	×
92	const [defaultBaseSepoliaRpcUrl] = baseSepolia.rpcUrls.default.http;	×
NEW 93	const [defaultArbitrumRpcUrl] = arbitrum.rpcUrls.default.http;	×
NEW 94	const [defaultArbitrumSepoliaRpcUrl] = arbitrumSepolia.rpcUrls.default.http;	×
95
96	const wagmiConfig = createConfig({	×
97	ssr: true,	×
98	connectors,	×
99	chains: [chain],	×
100	transports: {	×
101	[mainnet.id]: alchemyApiKey	×
102	? fallback([	×
103	http(`https://eth-mainnet.g.alchemy.com/v2/${alchemyApiKey}`),	×
104	http(defaultMainnetRpcUrl),	×
105	])	×
106	: http(defaultMainnetRpcUrl),	×
107	[sepolia.id]: alchemyApiKey	×
108	? fallback([	×
109	http(`https://eth-sepolia.g.alchemy.com/v2/${alchemyApiKey}`),	×
110	http(defaultSepoliaRpcUrl),	×
111	])	×
112	: http(defaultSepoliaRpcUrl),	×
113	[foundry.id]: http(defaultFoundryRpcUrl),	×
114	[optimism.id]: alchemyApiKey	×
115	? fallback([	×
116	http(`https://opt-mainnet.g.alchemy.com/v2/${alchemyApiKey}`),	×
117	http(defaultOptimismRpcUrl),	×
118	])	×
119	: http(defaultOptimismRpcUrl),	×
120	[optimismSepolia.id]: alchemyApiKey	×
121	? fallback([	×
122	http(`https://opt-sepolia.g.alchemy.com/v2/${alchemyApiKey}`),	×
123	http(defaultOptimismSepoliaRpcUrl),	×
124	])	×
125	: http(defaultOptimismSepoliaRpcUrl),	×
126	[base.id]: alchemyApiKey	×
127	? fallback([	×
128	http(	×
129	`https://base-mainnet.g.alchemy.com/v2/${alchemyApiKey}`,	×
130	),	×
131	http(defaultBaseRpcUrl),	×
132	])	×
133	: http(defaultBaseRpcUrl),	×
134	[baseSepolia.id]: alchemyApiKey	×
135	? fallback([	×
136	http(	×
137	`https://base-sepolia.g.alchemy.com/v2/${alchemyApiKey}`,	×
138	),	×
139	http(defaultBaseSepoliaRpcUrl),	×
140	])	×
141	: http(defaultBaseSepoliaRpcUrl),	×
NEW 142	[arbitrum.id]: alchemyApiKey	×
NEW 143	? fallback([	×
NEW 144	http(`https://arb-mainnet.g.alchemy.com/v2/${alchemyApiKey}`),	×
NEW 145	http(defaultArbitrumRpcUrl),	×
NEW 146	])	×
NEW 147	: http(defaultArbitrumRpcUrl),	×
148
NEW 149	[arbitrumSepolia.id]: alchemyApiKey	×
NEW 150	? fallback([	×
NEW 151	http(`https://arb-sepolia.g.alchemy.com/v2/${alchemyApiKey}`),	×
NEW 152	http(defaultArbitrumSepoliaRpcUrl),	×
NEW 153	])	×
NEW 154	: http(defaultArbitrumSepoliaRpcUrl),	×
155	},	×
156	});	×
157
158	const queryClient = new QueryClient();	×
159
160	const WalletProvider = ({ children }: { children: ReactNode }) => {	×
161	const scheme = useMantineColorScheme();	×
162
163	// XXX: make this match the mantine theme
164	const themeOptions: ThemeOptions = {	×
165	accentColor: "rgb(12, 133, 153)",	×
166	borderRadius: "small",	×
167	};	×
168
169	const walletTheme =	×
170	scheme.colorScheme == "dark"	×
171	? darkTheme(themeOptions)	×
172	: lightTheme(themeOptions);	×
173
174	return (	×
175	<WagmiProvider config={wagmiConfig}>	×
176	<QueryClientProvider client={queryClient}>	×
177	<RainbowKitProvider	×
178	appInfo={appInfo}	×
179	theme={walletTheme}	×
180	avatar={CustomAvatar}	×
181	>
182	{children}	×
183	</RainbowKitProvider>	×
184	</QueryClientProvider>	×
185	</WagmiProvider>	×
186	);
187	};	×
188
189	export default WalletProvider;	×

cartesi / rollups-explorer / 11179490661

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous