replace hardcoded chain info and remove walletconnect

Author: goktug-gurbuzturk-wp

package-lock.json

@@ -22,6 +22,7 @@
   "devDependencies": {
     "@rollup/plugin-commonjs": "^21.0.1",
     "@rollup/plugin-node-resolve": "^13.0.6",
+    "@rollup/plugin-replace": "^6.0.2",
     "ethers": "^5.5.1",
     "rollup": "^2.58.0",
     "rollup-plugin-copy": "^3.4.0",

package.json

@@ -7,6 +7,7 @@ import css from 'rollup-plugin-css-only';
 import copy from 'rollup-plugin-copy';
 import gzipPlugin from 'rollup-plugin-gzip';
 import { brotliCompressSync } from 'zlib';
+import replace from '@rollup/plugin-replace';
 
 const production = !process.env.ROLLUP_WATCH;
 const hash = String(require('child_process').execSync('git rev-parse --short HEAD')).trim(); // append short git commit to bundles
@@ -48,6 +49,12 @@ export default {
 			}
 		}),
 
+		replace({
+			preventAssignment: true,
+			'process.env.DEFAULT_CHAIN_ID': process.env.DEFAULT_CHAIN_ID || 31338,
+			'process.env.DEFAULT_RPC_URL': JSON.stringify(process.env.DEFAULT_RPC_URL || 'http://localhost:8555'),
+		}),
+
 		production && gzipPlugin(),
 		production && gzipPlugin({
             customCompression: content =>

rollup.config.js

@@ -11,10 +11,16 @@
 
 	import { shortAddress, showModal } from '../lib/utils'
 
+	import {CHAINDATA} from '../lib/constants'
+
 	onMount(async () => {
 		await checkMetamaskSession();
 	});
 
+	// TODO (autonom): Find another solution when we support multiple L2 chains
+	const DEFAULT_CHAIN_ID = Number(process.env.DEFAULT_CHAIN_ID);
+	const CHAIN_NAME = CHAINDATA[DEFAULT_CHAIN_ID]?.name;
+
 </script>
 
 <style>
@@ -56,7 +62,7 @@
 <div class='wallet'>
 
 	{#if $address && $wrongNetwork}
-	<div class='wrong-network' on:click={() => {switchChains()}}>Switch to Arbitrum</div>
+	<div class='wrong-network' on:click={() => {switchChains()}}>Switch to {CHAIN_NAME}</div>
 	{/if}
 
 	{#if $address}

src/components/Wallet.svelte

@@ -1,6 +1,6 @@
 <script>
 	import Modal from '../modals/Modal.svelte'
-	import { connectMetamask, connectWalletConnect } from '../../lib/wallet'
+	import { connectMetamask } from '../../lib/wallet'
 	
 </script>
 
@@ -50,9 +50,4 @@
 		<div>MetaMask</div>
 	</div>
 
-	<div class='row' on:click={() => {connectWalletConnect()}} data-intercept="true">
-		<img src='https://raw.githubusercontent.com/WalletConnect/walletconnect-assets/master/Icon/Blue%20(Default)/Icon.svg'>
-		<div>WalletConnect</div>
-	</div>
-
 </Modal>

src/components/modals/Connect.svelte

@@ -3,6 +3,12 @@
 	import Button from '../layout/Button.svelte'
 
 	import { switchChains } from '../../lib/wallet'
+
+	import {CHAINDATA} from '../../lib/constants'
+
+	// TODO (autonom): Find another solution when we support multiple L2 chains
+	const DEFAULT_CHAIN_ID = Number(process.env.DEFAULT_CHAIN_ID);
+	const CHAIN_NAME = CHAINDATA[DEFAULT_CHAIN_ID]?.name;
 </script>
 
 <style>
@@ -17,9 +23,9 @@
 <Modal title='Invalid Network' showHeader={true} showCancel={true}>
 
 	<div class='note'>
-		Select Arbitrum as your wallet's network to trade or pool on CAP.
+		Select {CHAIN_NAME} as your wallet's network to trade or pool on CAP.
 	</div>
 
-	<Button wrap={true} onClick={() => {switchChains()}} label={`Switch to Arbitrum`} />
+	<Button wrap={true} onClick={() => {switchChains()}} label={`Switch to ${CHAIN_NAME}`} />
 
 </Modal>

src/components/modals/Network.svelte

@@ -73,7 +73,9 @@ export const ABIS = {
 
 export const CHAINDATA = {
 	31338: {
+		name: 'Local Chain',
 		label: 'localhost',
+		rpc: 'http://localhost:8555',
 		router: CONTRACT_ADDRESSES.dexes.cap.router,
 		explorer: 'http://localhost:8555',
 		currencies: {
@@ -87,22 +89,4 @@ export const CHAINDATA = {
 		},
 		cap: CONTRACT_ADDRESSES.dexes.cap.token.cap
 	}
-	// 42161: {
-	// 	label: 'Arbitrum',
-	// 	router: '0x5ABFF8F8D5b13253dCAB1e427Fdb3305cA620119',
-	// 	explorer: 'https://arbiscan.io',
-	// 	rpc: 'https://arb1.arbitrum.io/rpc', // for walletconnect
-	// 	currencies: {
-	// 		weth: ADDRESS_ZERO,
-	// 		usdc: '0xff970a61a04b1ca14834a43f5de4533ebddb5cc8'
-	// 	},
-	// 	poolInception: {
-	// 		weth: 1637154307000,
-	// 		usdc: 1637154307000,
-	// 		cap: 1637154307000
-	// 	},
-	// 	cap: '0x031d35296154279DC1984dCD93E392b1f946737b'
-	// }
 }
-
-console.log('chain data: ', CHAINDATA);