shexinyi/pancakeswap-frontend-hardhat-testnet

A hardhat testnet environment (MAC) base on pancake-frontend 一个基于pancake-frontend的hardhat测试网环境

A hardhat testnet environment base on pancake-frontend

Node Environment

(recommend)
nvm use 12

Install

sh install.sh

Serve

sh serve.sh

Deploy

sh deploy.sh

Start

sh start.sh

Running in the serve

If you plan to push your local project to the server:
Configuresrc/config/index.ts=>BASE_URLto address of the server

cd pancake-frontend
npm run build

Example

Configuration

If you want to try out the process of configuring Pancake-frontend for yourself and build your own testnet environment, the following will show you which files need to be modified:

Preparing source

• Clonepancake-swap-core

git clone git@github.com:pancakeswap/pancake-swap-core.git  
yarn install  
yarn compile  

• Clonepancake-swap-periphery

git clone git@github.com:pancakeswap/pancake-swap-periphery.git  
yarn install  
yarn compile  

• Clonepancake-frontend

git clone git@github.com:pancakeswap/pancake-frontend.git  
yarn install  

tip: If you got a compilation error about: import @uniswap/v2-core/contracts/interfaces/IPancakePair.sol
Please refer to upchain

Setup

• The source code for the contract address https://bscscan.com/address/your_address#code

In the pancake-swap-coredirectory

• Install hardhatand edit PancakeFactory.sol;
  npm install --save-dev hardhat;
  npx hardhat （choose Create an empty hardhat.config.js);
• Deploy tab => Select PancakeFactory -> Fill your address as feeToSetter in constructor -> Deploy
  creat
  scripts/deploy.js npx hardhat run scripts/deploy.js --network dev;
  Remember to save: INIT_CODE_PAIR_HASH;

In the pancake-swap-peripherydirectory

• Install hardhatand edit PancakeRouter.sol file;
  npm install --save-dev hardhat;
  npx hardhat （choose Create an empty hardhat.config.js);
• In the PancakeLibrary.sol to find pairForfunction，read INIT_CODE_PAIR_HASH -> Copy this hash without prefix 0x;
• creat
  scripts/deploy.js npx hardhat run scripts/deploy.js --network dev (If you got an error about:error:max code size exceeded，set solidity->optimizer->runs to 200);

In the pancake-frontenddirectory

Here are the files that need to be modified:

/.env.development 
/.env.production
/src/config/constants/networks.ts
/src/config/constants/index.ts
/src/config/constants/tokens.ts
{
Local testnet(e.Hardhat)：
/src/config/constants/lists.ts
/public/pancake-default.tokenlist.json
Other testnet:
/src/config/constants/lists.ts
/src/config/constants/tokenlists/pancake-default.tokenlist.json
}
/src/config/constants/contracts.ts
/scr/config/constants/farms.ts
/src/config/constants/pools.ts  
/src/config/constants/ifo.ts  
/src/config/constants/priceHelperLps.ts
/src/config/constants/types.ts
/src/config/index.ts
/src/config/constants/nftsCollections/index.ts

And then we go to the pancake-swap-sdk directory, and we need to modify the file

cd ../pancake-swap-sdk

Modify the file:

/src/constants.ts

and run:

$ pancake-swap-sdk/
npm run build
cp -r ./dist ./local-pancakeswap-libs/sdk/
cp -r ./local-pancakeswap-libs ../pancake-frontend/node_modules

The following is the specific content to be modified:

• ethers.providers.StaticJsonRpcProvider(RPC_URL) is in the src/utils/providers.ts，that parameter is in the env.development of REACT_APP_NODE_PRODUCTION;
• network url is in the PANCAKE-FRONTEND/src/config/constants/networks.ts;
• testnet tokensconfiguration is in the src/config/constants/tokens.ts;
• tokenlist in the src/config/constants/tokenlists/pancake-default.tokenlist.json(In order to facilitate local access, I copied it to public/, you can do the same;
• PANCAKE_EXTENDED、PANCAKE_TOP100 is in the src/config/constants/lists.ts，
• The configuration of the wallet connection network is in the src/utils/wallet.ts
• ROUTER_ADDRESS is in the src/config/constants/index.ts;
• masterChef、lotteryV2、multiCall all these contract address are in the src/config/constants/contracts.ts
• The configuration of the ABI and address are in the config/abi/, utils/addressHelpers, the reference in src/utils/contractHelpers.ts,src/hooks/useContract.ts
• The configuration of the priceHelperLps are in the src/config/constants/priceHelperLps.ts;
• In the src/config/constants/types.ts about addressneed to be modified;
• In the src/state/farms/hooks.ts about useFarmFromPid(251)need to be modified;
• src/utils/getTokenList.tsabout getting tokenlist, I modified intohttpto access. If you want to build project to serve, you may modify url into httpsto get tokenlist. Detailed see annotation that 42 line on src/utils/getTokenList.ts;
• In the src/config/index.ts about BASE_BSC_SCAN_URLS,BASE_URL,BASE_BSC_SCAN_URLneed to be modified;
• In the src/config/constants/nftsCollections/index.ts about addressneed to be modified;
• farm、pools、ifo、pricehelper、contracts all these about chainId need to be modified， which are in the
  src/config/constants/farm.ts
src/config/constants/pools.ts
src/config/constants/ifo.ts
src/config/constants/pricehelper.ts
src/config/constants/contract.ts
• The configuration of FACTORY_ADDRESS_JSON and INIT_CODE_HASH_JSON are in the node_modules/local-pancakeswap-libs/sdk/dist/sdk.cjs.development.js, see pancakeswap-frontend-hardhat-testnet/depoly.sh => cp -r ./local-pancakeswap-libs ../pancake-frontend/node_modules;
  PS:

1. If you want to change it
   set These parameters aboutFACTORY_ADDRESS_JSON INIT_CODE_HASH_JSON ChainId in pancakeswap-frontend-hardhat-testnet/pancake-swap-sdk/src/constants.ts and then

$ pancakeswap-frontend-hardhat-testnet/pancake-swap-sdk/:
npm run build  
cp -r ./local-pancakeswap-libs ../pancake-frontend/src/node_modules

2. If you want to build frontend project and deploy on your server
   FACTORY_ADDRESS_JSON and INIT_CODE_HASH_JSON should be hard coded in pancakeswap-frontend-hardhat-testnet/pancake-swap-sdk/src/constants.ts.