88 lines
2.3 KiB
TypeScript
88 lines
2.3 KiB
TypeScript
|
import { http, createConfig, createStorage } from '@wagmi/vue';
|
||
|
|
import { baseSepolia } from '@wagmi/vue/chains';
|
||
|
|
import { coinbaseWallet, injected, walletConnect } from '@wagmi/vue/connectors';
|
||
|
|
import { defineChain } from 'viem';
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Shared wagmi config for all harb apps.
|
||
|
|
* RPC URL and WalletConnect project ID are passed in to keep this package env-agnostic.
|
||
|
|
*/
|
||
|
|
export interface HarbWeb3Options {
|
||
|
|
rpcUrl?: string;
|
||
|
|
walletConnectProjectId?: string;
|
||
|
|
}
|
||
|
|
|
||
|
|
const defaults = {
|
||
|
|
rpcUrl: '/api/rpc',
|
||
|
|
walletConnectProjectId: 'd8e5ecb0353c02e21d4c0867d4473ac5',
|
||
|
|
};
|
||
|
|
|
||
|
|
export const KRAIKEN_LOCAL_CHAIN = defineChain({
|
||
|
|
id: 31337,
|
||
|
|
name: 'Kraiken Local Fork',
|
||
|
|
network: 'kraiken-local',
|
||
|
|
nativeCurrency: { name: 'Ether', symbol: 'ETH', decimals: 18 },
|
||
|
|
rpcUrls: {
|
||
|
|
default: { http: ['http://localhost:8545'] },
|
||
|
|
public: { http: ['http://localhost:8545'] },
|
||
|
|
},
|
||
|
|
blockExplorers: {
|
||
|
|
default: { name: 'Local Explorer', url: '' },
|
||
|
|
},
|
||
|
|
testnet: true,
|
||
|
|
});
|
||
|
|
|
||
|
|
let _config: ReturnType<typeof createConfig> | null = null;
|
||
|
|
|
||
|
|
export function createHarbConfig(opts: HarbWeb3Options = {}) {
|
||
|
|
const rpcUrl = opts.rpcUrl ?? defaults.rpcUrl;
|
||
|
|
const wcProjectId = opts.walletConnectProjectId ?? defaults.walletConnectProjectId;
|
||
|
|
|
||
|
|
// Build chain with provided RPC URL
|
||
|
|
const chain = defineChain({
|
||
|
|
...KRAIKEN_LOCAL_CHAIN,
|
||
|
|
rpcUrls: {
|
||
|
|
default: { http: [rpcUrl] },
|
||
|
|
public: { http: [rpcUrl] },
|
||
|
|
},
|
||
|
|
});
|
||
|
|
|
||
|
|
_config = createConfig({
|
||
|
|
chains: [chain, baseSepolia],
|
||
|
|
storage: createStorage({ storage: window.localStorage }),
|
||
|
|
connectors: [
|
||
|
|
injected(),
|
||
|
|
walletConnect({
|
||
|
|
projectId: wcProjectId,
|
||
|
|
metadata: {
|
||
|
|
name: 'Kraiken',
|
||
|
|
description: 'Connect your wallet with Kraiken',
|
||
|
|
url: 'https://kraiken.eth.limo',
|
||
|
|
icons: [''],
|
||
|
|
},
|
||
|
|
}),
|
||
|
|
coinbaseWallet({
|
||
|
|
appName: 'Kraiken',
|
||
|
|
darkMode: true,
|
||
|
|
preference: { options: 'all', telemetry: false },
|
||
|
|
}),
|
||
|
|
],
|
||
|
|
transports: {
|
||
|
|
[chain.id]: http(rpcUrl),
|
||
|
|
[baseSepolia.id]: http(),
|
||
|
|
},
|
||
|
|
});
|
||
|
|
|
||
|
|
// Default to local chain
|
||
|
|
if (_config.state.chainId !== chain.id) {
|
||
|
|
_config.setState(state => ({ ...state, chainId: chain.id }));
|
||
|
|
}
|
||
|
|
|
||
|
|
return _config;
|
||
|
|
}
|
||
|
|
|
||
|
|
export function getHarbConfig() {
|
||
|
|
if (!_config) throw new Error('@harb/web3: call createHarbConfig() first');
|
||
|
|
return _config;
|
||
|
|
}
|