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

• Note: Make sure the connected wallet address on PancakeSwap Frontend Page matches your deployed address.
• Default deployed address: 0xf39Fd6e51aad88F6F4ce6aB8827279cffFb92266

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

local serve:

serve -s build -p 3000

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

All 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

Switch to the pancake-swap-sdk directory, and 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.