├── .env.example
├── .gitattributes
├── .gitignore
├── README.md
├── contracts
    ├── IRPSGameV2.sol
    ├── RPSGame.sol
    ├── RPSGameFactory.sol
    └── RPSToken.sol
├── deploy
    └── RPSToken.ts
├── frontend
    ├── .gitignore
    ├── README.md
    ├── craco.config.js
    ├── package-lock.json
    ├── package.json
    ├── pnpm-lock.yaml
    ├── public
    │   ├── favicon.ico
    │   ├── index.html
    │   ├── logo192.png
    │   ├── logo512.png
    │   ├── manifest.json
    │   └── robots.txt
    ├── src
    │   ├── App.test.tsx
    │   ├── App.tsx
    │   ├── RPSGame.d.ts
    │   ├── RPSGameFactory.d.ts
    │   ├── abis
    │   │   ├── RPSGame.json
    │   │   └── RPSGameFactory.json
    │   ├── components
    │   │   ├── Button.tsx
    │   │   ├── CircularLoader.tsx
    │   │   ├── DeployedContracts.tsx
    │   │   ├── Game.tsx
    │   │   ├── GameActionInfoCard.tsx
    │   │   ├── GameStatsCard.tsx
    │   │   ├── GlobalMessage.tsx
    │   │   ├── HiddenMove.tsx
    │   │   ├── InputField.tsx
    │   │   ├── Leaderboard.tsx
    │   │   ├── Loader.tsx
    │   │   ├── OptionButton.module.css
    │   │   ├── OptionButton.tsx
    │   │   ├── PlayerCard.tsx
    │   │   ├── Playground.tsx
    │   │   ├── RevealMove.tsx
    │   │   ├── SubmitMove.tsx
    │   │   └── layout
    │   │   │   ├── Footer.tsx
    │   │   │   └── Navbar.tsx
    │   ├── context
    │   │   ├── MessageContext.tsx
    │   │   ├── RPSGameContractContext
    │   │   │   ├── actions.ts
    │   │   │   ├── contractContext.d.ts
    │   │   │   ├── index.tsx
    │   │   │   ├── reducer.ts
    │   │   │   └── state.ts
    │   │   ├── RPSGameFactoryContext
    │   │   │   └── index.tsx
    │   │   ├── TransactionContext.tsx
    │   │   └── WalletContext.tsx
    │   ├── helpers.ts
    │   ├── images
    │   │   ├── bg-pentagon.svg
    │   │   ├── bg-triangle.svg
    │   │   ├── favicon-32x32.png
    │   │   ├── icon-close.svg
    │   │   ├── icon-lizard.svg
    │   │   ├── icon-paper.svg
    │   │   ├── icon-rock.svg
    │   │   ├── icon-scissors.svg
    │   │   ├── icon-spock.svg
    │   │   ├── image-rules-bonus.svg
    │   │   ├── image-rules.svg
    │   │   ├── logo-bonus.svg
    │   │   └── logo.svg
    │   ├── index.css
    │   ├── index.tsx
    │   ├── provider.ts
    │   ├── react-app-env.d.ts
    │   ├── reportWebVitals.ts
    │   └── setupTests.ts
    ├── tailwind.config.js
    └── tsconfig.json
├── hardhat.config.ts
├── helpers
    └── env_helpers.ts
├── package-lock.json
├── package.json
├── pnpm-lock.yaml
├── scripts
    ├── gameArgs.js
    ├── rpsFactory.js
    ├── rpsGame.js
    └── rpsToken.js
├── test
    ├── RPSGame.test.ts
    ├── RPSGameFactory.test.ts
    └── RPSToken.test.ts
├── typechain
    ├── ERC20.d.ts
    ├── IERC20.d.ts
    ├── IERC20Metadata.d.ts
    ├── IRPSGameV2.d.ts
    ├── RPSGame.d.ts
    ├── RPSGameFactory.d.ts
    ├── RPSGameV2.d.ts
    ├── RPSToken.d.ts
    ├── factories
    │   ├── ERC20__factory.ts
    │   ├── IERC20Metadata__factory.ts
    │   ├── IERC20__factory.ts
    │   ├── IRPSGameV2__factory.ts
    │   ├── RPSGameFactory__factory.ts
    │   ├── RPSGameV2__factory.ts
    │   ├── RPSGame__factory.ts
    │   └── RPSToken__factory.ts
    └── index.ts
└── yarn.lock


/.env.example:
--------------------------------------------------------------------------------
1 | PRIVATE_KEY=""
2 | INFURA_KEY=""
3 | ETHERSCAN_KEY=""
4 | 


--------------------------------------------------------------------------------
/.gitattributes:
--------------------------------------------------------------------------------
1 | *.sol linguist-language=Solidity


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | 
3 | #hardhat files
4 | cache
5 | artifacts
6 | frontend/src/hardhat
7 | 
8 | .env
9 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Rock Papers Scissors game Implementation
 2 | 
 3 | 
 4 | ## Version 1
 5 | 
 6 | ### Features
 7 | - Multiple players can create an instance of game and play ✅ 
 8 | - can deposit bet amount if player ✅ 
 9 | - can submit move ✅ 
10 | - Incentivizes the winner ✅ 
11 | - Should reset the game if moves are same ✅ 
12 | - Submit signed move with salt and reveal later.✅ 
13 | 
14 | ## Improvements that can be done
15 |   - Players should be able to bet with any ERC20 currencies.
16 |   - Winner can mint a NFT.
17 |   - Add time limit to reveal move and punish the non cooperative player by incentivizing cooperative player.
18 | 
19 | 
20 | ## Contract Address
21 | [Ether scan - Rinkeby](https://rinkeby.etherscan.io/address/0xb0f9Dfb7c06E2e9b9BaC5Ac397D686C64be87e7B)
22 | 


--------------------------------------------------------------------------------
/contracts/IRPSGameV2.sol:
--------------------------------------------------------------------------------
 1 | //SPDX-License-Identifier: MIT
 2 | pragma solidity ^0.8.0;
 3 | 
 4 | interface IRPSGameV2 {
 5 |     enum Move {
 6 |         None,
 7 |         Rock,
 8 |         Paper,
 9 |         Scissors
10 |     }
11 |     enum GameState {
12 |         Initialized,
13 |         Open,
14 |         Progress
15 |     }
16 |     struct Player {
17 |         address addr;
18 |         uint256 balance;
19 |         bytes32 move;
20 |         bool revealed;
21 |     }
22 |     struct Game {
23 |         Player playerA;
24 |         Player playerB;
25 |         address winner;
26 |         GameState gameState;
27 |         uint256 betAmount;
28 |     }
29 |     event Draw();
30 |     event Challenge(address indexed _from, address indexed _to);
31 |     event DepositSuccess(address indexed _from, uint256 value);
32 |     event ResetGame();
33 |     event Replay(address indexed challanger, address indexed _player);
34 |     event AcceptChallenge(address indexed _challenger);
35 |     event GameStarted(address indexed player1, address indexed player2);
36 |     event GameEnded(address indexed _winner);
37 | 
38 |     function depositBet() external payable;
39 | 
40 |     // Should move submitted be bytes 32 hash of signed message?
41 |     function submitMove(bytes32 _moveHash) external;
42 | 
43 |     function revealMove(Move _move, string memory salt) external;
44 | 
45 |     function challenge() external;
46 | 
47 |     function withdrawFund() external;
48 | 
49 |     // Internal function
50 |     function resetGame() external;
51 | 
52 |     function getWinner() external view returns (address);
53 | 
54 |     function announceWinner() external;
55 | 
56 |     function icentivize() external;
57 | }
58 | 


--------------------------------------------------------------------------------
/contracts/RPSGame.sol:
--------------------------------------------------------------------------------
  1 | //SPDX-License-Identifier: MIT
  2 | pragma solidity ^0.8.0;
  3 | 
  4 | contract RPSGame {
  5 |     enum GameStage {
  6 |         Open,
  7 |         BetsDeposited,
  8 |         MovesSubmitted,
  9 |         MoveRevealed,
 10 |         Completed
 11 |     }
 12 | 
 13 |     enum Move {
 14 |         None,
 15 |         Rock,
 16 |         Paper,
 17 |         Scissors
 18 |     }
 19 |     Player public playerA;
 20 |     Player public playerB;
 21 |     uint256 public betAmount;
 22 |     GameStage public gameStage;
 23 |     address public winner;
 24 | 
 25 |     struct Player {
 26 |         Move move;
 27 |         bytes32 hashedMove;
 28 |         uint256 balance;
 29 |         address addr;
 30 |         bool submitted;
 31 |         bool revealed;
 32 |     }
 33 | 
 34 |     constructor(
 35 |         uint256 _betAmount,
 36 |         address _player,
 37 |         address _opponent
 38 |     ) payable {
 39 |         require(_player != _opponent, "You cannot play against yourself");
 40 |         betAmount = _betAmount;
 41 |         playerA.addr = _player;
 42 |         playerB.addr = _opponent;
 43 |     }
 44 | 
 45 |     event GameStageChanged(GameStage gameStage);
 46 |     event ResetGame();
 47 |     event Winner(address indexed _winner);
 48 |     event Deposit(address indexed depositor);
 49 |     event GameComplete();
 50 |     event SubmitMove(address indexed player);
 51 |     event RevealMove(address indexed player);
 52 |     event Withdraw(address indexed player, uint256 amount);
 53 | 
 54 |     modifier isPlayer() {
 55 |         require(
 56 |             msg.sender == playerA.addr || msg.sender == playerB.addr,
 57 |             "RPSGame: Not a valid player"
 58 |         );
 59 |         _;
 60 |     }
 61 | 
 62 |     function getPlayer(address _player) external view returns (Player memory) {
 63 |         if (playerA.addr == _player) {
 64 |             return playerA;
 65 |         } else {
 66 |             return playerB;
 67 |         }
 68 |     }
 69 | 
 70 |     function depositBet() external payable isPlayer {
 71 |         require(
 72 |             msg.value >= betAmount,
 73 |             "RPSGame: Balance not enough, Send more fund"
 74 |         );
 75 | 
 76 |         msg.sender == playerA.addr
 77 |             ? playerA.balance += msg.value
 78 |             : playerB.balance += msg.value;
 79 |         emit Deposit(msg.sender);
 80 | 
 81 |         if (playerA.balance >= betAmount && playerB.balance >= betAmount) {
 82 |             gameStage = GameStage.BetsDeposited;
 83 |             emit GameStageChanged(GameStage.BetsDeposited);
 84 |         }
 85 |     }
 86 | 
 87 |     function submitMove(bytes32 _hashedMove) external isPlayer {
 88 |         require(
 89 |             gameStage == GameStage.BetsDeposited,
 90 |             "RPSGame: game not under progress"
 91 |         );
 92 |         Player storage player = playerA.addr == msg.sender ? playerA : playerB;
 93 | 
 94 |         require(
 95 |             !player.submitted,
 96 |             "RPSGame: you have already submitted the move"
 97 |         );
 98 |         player.hashedMove = _hashedMove;
 99 |         player.submitted = true;
100 |         emit SubmitMove(player.addr);
101 |         if (playerA.submitted && playerB.submitted) {
102 |             gameStage = GameStage.MovesSubmitted;
103 |             emit GameStageChanged(GameStage.MovesSubmitted);
104 |         }
105 |     }
106 | 
107 |     function revealMove(uint8 _move, bytes32 _salt) external isPlayer {
108 |         require(
109 |             gameStage == GameStage.MovesSubmitted,
110 |             "RPSGame: both players have not submitted move yet."
111 |         );
112 |         // TODO: Should check the reveal time limit
113 |         Player storage currentPlayer = msg.sender == playerA.addr
114 |             ? playerA
115 |             : playerB;
116 |         bytes32 revealedHash = keccak256(abi.encodePacked(_move, _salt));
117 |         // Already revealed
118 |         require(!currentPlayer.revealed, "You have already revealed your move");
119 |         // revealed data not true
120 |         require(
121 |             revealedHash == currentPlayer.hashedMove,
122 |             "RPSGame: Either your salt or move is not same as your submitted hashed move"
123 |         );
124 |         currentPlayer.move = Move(_move);
125 |         currentPlayer.revealed = true;
126 |         emit RevealMove(currentPlayer.addr);
127 |         if (playerA.revealed && playerB.revealed) {
128 |             pickWinner();
129 |         }
130 |     }
131 | 
132 |     function pickWinner() private {
133 |         require(
134 |             playerA.submitted && playerB.submitted,
135 |             "RPSGame: Players have not submitted their move"
136 |         );
137 |         address _winner = getWinner();
138 |         if (_winner != address(0)) {
139 |             winner = _winner;
140 |             emit Winner(_winner);
141 |             gameStage = GameStage.Completed;
142 |             incentivize(_winner);
143 |         }
144 |     }
145 | 
146 |     function incentivize(address _winner) internal {
147 |         // Update contract balances of winners and loosers
148 |         if (_winner == playerA.addr) {
149 |             playerA.balance += betAmount;
150 |             playerB.balance -= betAmount;
151 |         } else {
152 |             playerB.balance += betAmount;
153 |             playerA.balance -= betAmount;
154 |         }
155 |     }
156 | 
157 |     modifier notUnderProgress() {
158 |         require(
159 |             gameStage != GameStage.MovesSubmitted &&
160 |                 gameStage != GameStage.BetsDeposited,
161 |             "RPSGame: Game under progress"
162 |         );
163 |         _;
164 |     }
165 | 
166 |     function withdrawFund() external isPlayer notUnderProgress {
167 |         Player storage player = msg.sender == playerA.addr ? playerA : playerB;
168 |         require(
169 |             player.balance > 0,
170 |             "RPSGame: You don't have anything to withdraw!"
171 |         );
172 |         uint256 balance = player.balance;
173 |         payable(player.addr).transfer(balance);
174 |         player.balance = 0;
175 |         emit Withdraw(player.addr, balance);
176 |     }
177 | 
178 |     function getWinner() internal view returns (address) {
179 |         if (playerA.move == playerB.move) return address(0);
180 |         if (
181 |             (playerA.move == Move.Rock && playerB.move == Move.Scissors) ||
182 |             (playerA.move == Move.Paper && playerB.move == Move.Rock) ||
183 |             (playerA.move == Move.Scissors && playerB.move == Move.Paper)
184 |         ) {
185 |             return playerA.addr;
186 |         }
187 |         return playerB.addr;
188 |     }
189 | 
190 |     modifier isCompleted() {
191 |         require(gameStage == GameStage.Completed);
192 |         _;
193 |     }
194 | 
195 |     // TODO: Should be an external function
196 |     function resetGame() external isCompleted {
197 |         playerA.move = Move.None;
198 |         playerA.submitted = false;
199 |         playerA.revealed = false;
200 |         playerB.move = Move.None;
201 |         playerB.submitted = false;
202 |         playerB.revealed = false;
203 |         if (playerA.balance >= betAmount && playerB.balance >= betAmount) {
204 |             gameStage = GameStage.BetsDeposited;
205 |         } else {
206 |             gameStage = GameStage.Open;
207 |         }
208 |         emit ResetGame();
209 |     }
210 | }
211 | 


--------------------------------------------------------------------------------
/contracts/RPSGameFactory.sol:
--------------------------------------------------------------------------------
 1 | //SPDX-License-Identifier: MIT
 2 | pragma solidity ^0.8.0;
 3 | import "./RPSGame.sol";
 4 | 
 5 | contract RPSGameFactory {
 6 |     struct Game {
 7 |         address gameAddress;
 8 |         address player;
 9 |         address opponent;
10 |         uint256 betAmount;
11 |     }
12 |     Game[] deployedRPSGames;
13 | 
14 |     event RPSGameCreated(Game game);
15 | 
16 |     function createGame(uint256 betAmount, address opponent) external {
17 |         address gameAddress = address(
18 |             new RPSGame(betAmount, msg.sender, opponent)
19 |         );
20 |         Game memory newGame = Game(
21 |             gameAddress,
22 |             msg.sender,
23 |             opponent,
24 |             betAmount
25 |         );
26 |         deployedRPSGames.push(newGame);
27 | 
28 |         emit RPSGameCreated(newGame);
29 |     }
30 | 
31 |     function getDeployedGames() external view returns (Game[] memory) {
32 |         return deployedRPSGames;
33 |     }
34 | }
35 | 


--------------------------------------------------------------------------------
/contracts/RPSToken.sol:
--------------------------------------------------------------------------------
 1 | //SPDX-License-Identifier: Unlicense
 2 | pragma solidity ^0.8.0;
 3 | 
 4 | import "@openzeppelin/contracts/token/ERC20/ERC20.sol";
 5 | 
 6 | contract RPSToken is ERC20 {
 7 |     mapping(address => bool) private claimed;
 8 | 
 9 |     constructor(string memory name, string memory symbol) ERC20(name, symbol) {
10 |         _mint(msg.sender, 100 * 10**decimals());
11 |         claimed[msg.sender] = true;
12 |     }
13 | 
14 |     function mint() external returns (bool) {
15 |         require(
16 |             !claimed[msg.sender],
17 |             "RPSToken: You have already minted your share"
18 |         );
19 |         _mint(msg.sender, 100 * 10**decimals());
20 |         claimed[msg.sender] = true;
21 |         return true;
22 |     }
23 | 
24 |     function burn(uint256 amount) external returns (bool) {
25 |         _burn(msg.sender, amount);
26 |         return true;
27 |     }
28 | }
29 | 


--------------------------------------------------------------------------------
/deploy/RPSToken.ts:
--------------------------------------------------------------------------------
 1 | module.exports = async ({
 2 |   getNamedAccounts,
 3 |   deployments,
 4 |   getChainId,
 5 |   getUnnamedAccounts,
 6 | }) => {
 7 |   const { deploy } = deployments;
 8 |   const { deployer } = await getNamedAccounts();
 9 | 
10 |   await deploy("RPSToken", {
11 |     from: deployer,
12 |     gas: 4000000,
13 |     args: ["RPS Token", "RPST"],
14 |   });
15 | };
16 | 


--------------------------------------------------------------------------------
/frontend/.gitignore:
--------------------------------------------------------------------------------
 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
 2 | 
 3 | # dependencies
 4 | /node_modules
 5 | /.pnp
 6 | .pnp.js
 7 | 
 8 | # testing
 9 | /coverage
10 | 
11 | # production
12 | /build
13 | 
14 | # misc
15 | .DS_Store
16 | .env.local
17 | .env.development.local
18 | .env.test.local
19 | .env.production.local
20 | 
21 | npm-debug.log*
22 | yarn-debug.log*
23 | yarn-error.log*
24 | 


--------------------------------------------------------------------------------
/frontend/README.md:
--------------------------------------------------------------------------------
1 | # Frontend for Simple RPS Game Implementation 
2 | 


--------------------------------------------------------------------------------
/frontend/craco.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 |   style: {
3 |     postcss: {
4 |       plugins: [require("tailwindcss"), require("autoprefixer")],
5 |     },
6 |   },
7 | };
8 | 


--------------------------------------------------------------------------------
/frontend/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "frontend",
 3 |   "version": "0.1.0",
 4 |   "private": true,
 5 |   "dependencies": {
 6 |     "@craco/craco": "^6.2.0",
 7 |     "@ethersproject/providers": "^5.4.3",
 8 |     "@testing-library/jest-dom": "^5.14.1",
 9 |     "@testing-library/react": "^11.2.7",
10 |     "@testing-library/user-event": "^12.8.3",
11 |     "@types/jest": "^26.0.24",
12 |     "@types/node": "^12.20.19",
13 |     "@types/react": "^17.0.17",
14 |     "@types/react-dom": "^17.0.9",
15 |     "@types/react-router-dom": "^5.1.8",
16 |     "ethers": "^5.4.4",
17 |     "react": "^17.0.2",
18 |     "react-dom": "^17.0.2",
19 |     "react-router-dom": "^5.2.0",
20 |     "react-scripts": "4.0.3",
21 |     "typescript": "^4.3.5",
22 |     "web-vitals": "^1.1.2"
23 |   },
24 |   "scripts": {
25 |     "start": "craco start",
26 |     "build": "craco build",
27 |     "test": "craco test",
28 |     "eject": "react-scripts eject"
29 |   },
30 |   "eslintConfig": {
31 |     "extends": [
32 |       "react-app",
33 |       "react-app/jest"
34 |     ]
35 |   },
36 |   "browserslist": {
37 |     "production": [
38 |       ">0.2%",
39 |       "not dead",
40 |       "not op_mini all"
41 |     ],
42 |     "development": [
43 |       "last 1 chrome version",
44 |       "last 1 firefox version",
45 |       "last 1 safari version"
46 |     ]
47 |   },
48 |   "devDependencies": {
49 |     "autoprefixer": "^9",
50 |     "postcss": "^7",
51 |     "tailwindcss": "npm:@tailwindcss/postcss7-compat@^2.2.7"
52 |   }
53 | }
54 | 


--------------------------------------------------------------------------------
/frontend/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chiranz/rps_game/6f567203aa0e3b4eb74da47881d2e8515a3d6cff/frontend/public/favicon.ico


--------------------------------------------------------------------------------
/frontend/public/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="utf-8" />
 5 |     <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1" />
 7 |     <meta name="theme-color" content="#000000" />
 8 |     <meta
 9 |       name="description"
10 |       content="Web site created using create-react-app"
11 |     />
12 |     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
13 |     <!--
14 |       manifest.json provides metadata used when your web app is installed on a
15 |       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
16 |     -->
17 |     <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
18 |     <!--
19 |       Notice the use of %PUBLIC_URL% in the tags above.
20 |       It will be replaced with the URL of the `public` folder during the build.
21 |       Only files inside the `public` folder can be referenced from the HTML.
22 | 
23 |       Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
24 |       work correctly both with client-side routing and a non-root public URL.
25 |       Learn how to configure a non-root public URL by running `npm run build`.
26 |     -->
27 |     <title>React App</title>
28 |   </head>
29 |   <body>
30 |     <noscript>You need to enable JavaScript to run this app.</noscript>
31 |     <div id="root"></div>
32 |     <!--
33 |       This HTML file is a template.
34 |       If you open it directly in the browser, you will see an empty page.
35 | 
36 |       You can add webfonts, meta tags, or analytics to this file.
37 |       The build step will place the bundled scripts into the <body> tag.
38 | 
39 |       To begin the development, run `npm start` or `yarn start`.
40 |       To create a production bundle, use `npm run build` or `yarn build`.
41 |     -->
42 |   </body>
43 | </html>
44 | 


--------------------------------------------------------------------------------
/frontend/public/logo192.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chiranz/rps_game/6f567203aa0e3b4eb74da47881d2e8515a3d6cff/frontend/public/logo192.png


--------------------------------------------------------------------------------
/frontend/public/logo512.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chiranz/rps_game/6f567203aa0e3b4eb74da47881d2e8515a3d6cff/frontend/public/logo512.png


--------------------------------------------------------------------------------
/frontend/public/manifest.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "short_name": "React App",
 3 |   "name": "Create React App Sample",
 4 |   "icons": [
 5 |     {
 6 |       "src": "favicon.ico",
 7 |       "sizes": "64x64 32x32 24x24 16x16",
 8 |       "type": "image/x-icon"
 9 |     },
10 |     {
11 |       "src": "logo192.png",
12 |       "type": "image/png",
13 |       "sizes": "192x192"
14 |     },
15 |     {
16 |       "src": "logo512.png",
17 |       "type": "image/png",
18 |       "sizes": "512x512"
19 |     }
20 |   ],
21 |   "start_url": ".",
22 |   "display": "standalone",
23 |   "theme_color": "#000000",
24 |   "background_color": "#ffffff"
25 | }
26 | 


--------------------------------------------------------------------------------
/frontend/public/robots.txt:
--------------------------------------------------------------------------------
1 | # https://www.robotstxt.org/robotstxt.html
2 | User-agent: *
3 | Disallow:
4 | 


--------------------------------------------------------------------------------
/frontend/src/App.test.tsx:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import { render, screen } from '@testing-library/react';
 3 | import App from './App';
 4 | 
 5 | test('renders learn react link', () => {
 6 |   render(<App />);
 7 |   const linkElement = screen.getByText(/learn react/i);
 8 |   expect(linkElement).toBeInTheDocument();
 9 | });
10 | 


--------------------------------------------------------------------------------
/frontend/src/App.tsx:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | import {
 3 |   BrowserRouter as Router,
 4 |   Switch,
 5 |   Route,
 6 |   Redirect,
 7 | } from "react-router-dom";
 8 | import Footer from "./components/layout/Footer";
 9 | import Navbar from "./components/layout/Navbar";
10 | import { joinClasses } from "./helpers";
11 | import Game from "./components/Game";
12 | import DeployedContracts from "./components/DeployedContracts";
13 | import { useRPSGameFactory } from "./context/RPSGameFactoryContext";
14 | import { useWallet } from "./context/WalletContext";
15 | import { getProvider } from "./provider";
16 | 
17 | function App() {
18 |   const { walletAddress, setWalletAddress } = useWallet();
19 |   const { selectedGameAddress } = useRPSGameFactory();
20 |   React.useEffect(() => {
21 |     async function init() {
22 |       try {
23 |         const _provider = await getProvider();
24 |         const network = await _provider.getNetwork();
25 |         const { chainId } = network;
26 |         if (chainId === 4 && setWalletAddress) {
27 |           const signer = _provider.getSigner();
28 |           setWalletAddress(await signer.getAddress());
29 |         }
30 |       } catch (err) {
31 |         console.log(err);
32 |       }
33 |     }
34 |     init();
35 |   }, [setWalletAddress]);
36 |   return (
37 |     <Router>
38 |       <div
39 |         className={joinClasses(
40 |           "grid",
41 |           "grid-rows-3m",
42 |           "min-h-screen",
43 |           "max-w-4xl",
44 |           "mx-auto",
45 |           "text-center",
46 |           "text-gray-600",
47 |           "font-mono"
48 |         )}
49 |       >
50 |         <Navbar />
51 | 
52 |         <div className="h-full">
53 |           <Switch>
54 |             <Route exact path="/">
55 |               <DeployedContracts />
56 |             </Route>
57 |             <Route exact path="/game">
58 |               {walletAddress && selectedGameAddress ? (
59 |                 <Game />
60 |               ) : (
61 |                 <Redirect to="/" />
62 |               )}
63 |             </Route>
64 |           </Switch>
65 |         </div>
66 |         <Footer />
67 |       </div>
68 |     </Router>
69 |   );
70 | }
71 | 
72 | export default App;
73 | 


--------------------------------------------------------------------------------
/frontend/src/RPSGameFactory.d.ts:
--------------------------------------------------------------------------------
  1 | /* Autogenerated file. Do not edit manually. */
  2 | /* tslint:disable */
  3 | /* eslint-disable */
  4 | 
  5 | import {
  6 |   ethers,
  7 |   EventFilter,
  8 |   Signer,
  9 |   BigNumber,
 10 |   BigNumberish,
 11 |   PopulatedTransaction,
 12 | } from "ethers";
 13 | import {
 14 |   Contract,
 15 |   ContractTransaction,
 16 |   Overrides,
 17 |   CallOverrides,
 18 | } from "@ethersproject/contracts";
 19 | import { BytesLike } from "@ethersproject/bytes";
 20 | import { Listener, Provider } from "@ethersproject/providers";
 21 | import { FunctionFragment, EventFragment, Result } from "@ethersproject/abi";
 22 | 
 23 | interface RPSGameFactoryInterface extends ethers.utils.Interface {
 24 |   functions: {
 25 |     "createGame(uint256,address)": FunctionFragment;
 26 |     "getDeployedGames()": FunctionFragment;
 27 |   };
 28 | 
 29 |   encodeFunctionData(
 30 |     functionFragment: "createGame",
 31 |     values: [BigNumberish, string]
 32 |   ): string;
 33 |   encodeFunctionData(
 34 |     functionFragment: "getDeployedGames",
 35 |     values?: undefined
 36 |   ): string;
 37 | 
 38 |   decodeFunctionResult(functionFragment: "createGame", data: BytesLike): Result;
 39 |   decodeFunctionResult(
 40 |     functionFragment: "getDeployedGames",
 41 |     data: BytesLike
 42 |   ): Result;
 43 | 
 44 |   events: {
 45 |     "RPSGameCreated(tuple)": EventFragment;
 46 |   };
 47 | 
 48 |   getEvent(nameOrSignatureOrTopic: "RPSGameCreated"): EventFragment;
 49 | }
 50 | 
 51 | export class RPSGameFactory extends Contract {
 52 |   connect(signerOrProvider: Signer | Provider | string): this;
 53 |   attach(addressOrName: string): this;
 54 |   deployed(): Promise<this>;
 55 | 
 56 |   on(event: EventFilter | string, listener: Listener): this;
 57 |   once(event: EventFilter | string, listener: Listener): this;
 58 |   addListener(eventName: EventFilter | string, listener: Listener): this;
 59 |   removeAllListeners(eventName: EventFilter | string): this;
 60 |   removeListener(eventName: any, listener: Listener): this;
 61 | 
 62 |   interface: RPSGameFactoryInterface;
 63 | 
 64 |   functions: {
 65 |     createGame(
 66 |       betAmount: BigNumberish,
 67 |       opponent: string,
 68 |       overrides?: Overrides
 69 |     ): Promise<ContractTransaction>;
 70 | 
 71 |     "createGame(uint256,address)"(
 72 |       betAmount: BigNumberish,
 73 |       opponent: string,
 74 |       overrides?: Overrides
 75 |     ): Promise<ContractTransaction>;
 76 | 
 77 |     getDeployedGames(overrides?: CallOverrides): Promise<{
 78 |       0: {
 79 |         gameAddress: string;
 80 |         player: string;
 81 |         opponent: string;
 82 |         betAmount: BigNumber;
 83 |         0: string;
 84 |         1: string;
 85 |         2: string;
 86 |         3: BigNumber;
 87 |       }[];
 88 |     }>;
 89 | 
 90 |     "getDeployedGames()"(overrides?: CallOverrides): Promise<{
 91 |       0: {
 92 |         gameAddress: string;
 93 |         player: string;
 94 |         opponent: string;
 95 |         betAmount: BigNumber;
 96 |         0: string;
 97 |         1: string;
 98 |         2: string;
 99 |         3: BigNumber;
100 |       }[];
101 |     }>;
102 |   };
103 | 
104 |   createGame(
105 |     betAmount: BigNumberish,
106 |     opponent: string,
107 |     overrides?: Overrides
108 |   ): Promise<ContractTransaction>;
109 | 
110 |   "createGame(uint256,address)"(
111 |     betAmount: BigNumberish,
112 |     opponent: string,
113 |     overrides?: Overrides
114 |   ): Promise<ContractTransaction>;
115 | 
116 |   getDeployedGames(
117 |     overrides?: CallOverrides
118 |   ): Promise<
119 |     {
120 |       gameAddress: string;
121 |       player: string;
122 |       opponent: string;
123 |       betAmount: BigNumber;
124 |       0: string;
125 |       1: string;
126 |       2: string;
127 |       3: BigNumber;
128 |     }[]
129 |   >;
130 | 
131 |   "getDeployedGames()"(
132 |     overrides?: CallOverrides
133 |   ): Promise<
134 |     {
135 |       gameAddress: string;
136 |       player: string;
137 |       opponent: string;
138 |       betAmount: BigNumber;
139 |       0: string;
140 |       1: string;
141 |       2: string;
142 |       3: BigNumber;
143 |     }[]
144 |   >;
145 | 
146 |   callStatic: {
147 |     createGame(
148 |       betAmount: BigNumberish,
149 |       opponent: string,
150 |       overrides?: CallOverrides
151 |     ): Promise<void>;
152 | 
153 |     "createGame(uint256,address)"(
154 |       betAmount: BigNumberish,
155 |       opponent: string,
156 |       overrides?: CallOverrides
157 |     ): Promise<void>;
158 | 
159 |     getDeployedGames(
160 |       overrides?: CallOverrides
161 |     ): Promise<
162 |       {
163 |         gameAddress: string;
164 |         player: string;
165 |         opponent: string;
166 |         betAmount: BigNumber;
167 |         0: string;
168 |         1: string;
169 |         2: string;
170 |         3: BigNumber;
171 |       }[]
172 |     >;
173 | 
174 |     "getDeployedGames()"(
175 |       overrides?: CallOverrides
176 |     ): Promise<
177 |       {
178 |         gameAddress: string;
179 |         player: string;
180 |         opponent: string;
181 |         betAmount: BigNumber;
182 |         0: string;
183 |         1: string;
184 |         2: string;
185 |         3: BigNumber;
186 |       }[]
187 |     >;
188 |   };
189 | 
190 |   filters: {
191 |     RPSGameCreated(game: null): EventFilter;
192 |   };
193 | 
194 |   estimateGas: {
195 |     createGame(
196 |       betAmount: BigNumberish,
197 |       opponent: string,
198 |       overrides?: Overrides
199 |     ): Promise<BigNumber>;
200 | 
201 |     "createGame(uint256,address)"(
202 |       betAmount: BigNumberish,
203 |       opponent: string,
204 |       overrides?: Overrides
205 |     ): Promise<BigNumber>;
206 | 
207 |     getDeployedGames(overrides?: CallOverrides): Promise<BigNumber>;
208 | 
209 |     "getDeployedGames()"(overrides?: CallOverrides): Promise<BigNumber>;
210 |   };
211 | 
212 |   populateTransaction: {
213 |     createGame(
214 |       betAmount: BigNumberish,
215 |       opponent: string,
216 |       overrides?: Overrides
217 |     ): Promise<PopulatedTransaction>;
218 | 
219 |     "createGame(uint256,address)"(
220 |       betAmount: BigNumberish,
221 |       opponent: string,
222 |       overrides?: Overrides
223 |     ): Promise<PopulatedTransaction>;
224 | 
225 |     getDeployedGames(overrides?: CallOverrides): Promise<PopulatedTransaction>;
226 | 
227 |     "getDeployedGames()"(
228 |       overrides?: CallOverrides
229 |     ): Promise<PopulatedTransaction>;
230 |   };
231 | }
232 | 


--------------------------------------------------------------------------------
/frontend/src/components/Button.tsx:
--------------------------------------------------------------------------------
 1 | import {
 2 |   ForwardedRef,
 3 |   forwardRef,
 4 |   ReactNode,
 5 |   ButtonHTMLAttributes,
 6 | } from "react";
 7 | import { joinClasses } from "../helpers";
 8 | 
 9 | interface BtnPropsWithChildren {}
10 | type ColorProps = "primary" | "success" | "danger" | "warning" | "dark";
11 | 
12 | interface BtnProps
13 |   extends ButtonHTMLAttributes<HTMLButtonElement>,
14 |     BtnPropsWithChildren {
15 |   block?: boolean;
16 |   children: ReactNode;
17 |   className?: string;
18 |   color?: ColorProps;
19 |   disabled?: boolean;
20 |   outline?: boolean;
21 |   rounded?: boolean;
22 |   size?: "sm" | "md" | "lg";
23 |   submit?: boolean;
24 | }
25 | 
26 | type ButtonRef = ForwardedRef<HTMLButtonElement>;
27 | 
28 | const style = {
29 |   base: joinClasses(
30 |     "border",
31 |     "rounded",
32 |     "font-bold",
33 |     "focus:outline-none",
34 |     "transition",
35 |     "duration-100",
36 |     "ease-in"
37 |   ),
38 |   default: joinClasses("hover:bg-gray-200", "border", "text-gray-700"),
39 |   block: `flex justify-center w-full`,
40 |   rounded: `rounded-full`,
41 |   disabled: `opacity-60 cursor-not-allowed`,
42 |   sizes: {
43 |     sm: "px-6 py-1 text-sm",
44 |     md: "px-6 py-2",
45 |     lg: "px-6 py-3 text-lg",
46 |   },
47 |   primary: joinClasses("hover:bg-blue-800", "bg-blue-600", "text-white"),
48 |   success: joinClasses("hover:bg-green-800", "bg-green-600", "text-white"),
49 |   danger: joinClasses("hover:bg-red-800", "bg-red-600", "text-white"),
50 |   warning: joinClasses("hover:bg-yellow-800", "bg-yellow-600", "text-white"),
51 |   dark: joinClasses("hover:bg-gray-800", "bg-gray-600", "text-white"),
52 | };
53 | const Button = forwardRef(
54 |   (
55 |     {
56 |       block = false,
57 |       children,
58 |       className,
59 |       color,
60 |       disabled = false,
61 |       rounded,
62 |       size = "md",
63 |       submit,
64 |       ...props
65 |     }: BtnProps,
66 |     ref: ButtonRef
67 |   ) => (
68 |     <button
69 |       ref={ref}
70 |       {...props}
71 |       type={submit ? "submit" : "button"}
72 |       disabled={disabled}
73 |       className={`${style.base} ${block ? style.block : ""}
74 |         ${disabled ? style.disabled : ""} ${style.sizes[size]} 
75 |         ${rounded ? style.rounded : "rounded"}
76 |         ${color ? style[color] : style.default} ${className}`}
77 |     >
78 |       {children}
79 |     </button>
80 |   )
81 | );
82 | 
83 | export default Button;
84 | 


--------------------------------------------------------------------------------
/frontend/src/components/CircularLoader.tsx:
--------------------------------------------------------------------------------
 1 | import React, { ReactElement } from "react";
 2 | 
 3 | export default function CircularLoader(): ReactElement {
 4 |   return (
 5 |     <div>
 6 |       <div className="flex items-center justify-center mr-2">
 7 |         <div className="w-4 h-4 border-b-2 border-gray-100 rounded-full animate-spin"></div>
 8 |       </div>
 9 |     </div>
10 |   );
11 | }
12 | 


--------------------------------------------------------------------------------
/frontend/src/components/DeployedContracts.tsx:
--------------------------------------------------------------------------------
  1 | import { ethers } from "ethers";
  2 | import React, { ReactElement } from "react";
  3 | import { Link } from "react-router-dom";
  4 | import { useRPSGameFactory } from "../context/RPSGameFactoryContext";
  5 | import { useWallet } from "../context/WalletContext";
  6 | import { joinClasses } from "../helpers";
  7 | import Button from "./Button";
  8 | import InputField from "./InputField";
  9 | 
 10 | export default function DeployedContracts(): ReactElement {
 11 |   const { walletAddress } = useWallet();
 12 |   const { deployedGames, createGame, selectGame } = useRPSGameFactory();
 13 |   const [opponent, setOpponent] = React.useState("");
 14 |   const [betAmount, setBetAmount] = React.useState("");
 15 | 
 16 |   const handleCreateGame = () => {
 17 |     // Check if opponent address length is addr length
 18 |     if (opponent.length !== 42) {
 19 |       alert("Opponent address is invalid!!");
 20 |       return;
 21 |     }
 22 |     if (!parseFloat(betAmount)) {
 23 |       alert("Please submit a valid bet e.g. '0.1' ETH");
 24 |       return;
 25 |     }
 26 |     if (createGame) {
 27 |       createGame(betAmount, opponent);
 28 |     }
 29 |     setOpponent("");
 30 |     setBetAmount("");
 31 |   };
 32 | 
 33 |   return (
 34 |     <div className="mt-8">
 35 |       {!walletAddress ? (
 36 |         <div className={joinClasses("text-xl", "my-8")}>
 37 |           Please connect to your metamask wallet
 38 |         </div>
 39 |       ) : null}
 40 |       <div className="flex flex-col justify-center">
 41 |         <InputField
 42 |           placeholder="Opponent address"
 43 |           value={opponent}
 44 |           onChange={(e) => setOpponent(e.target.value)}
 45 |         />
 46 | 
 47 |         <InputField
 48 |           className="mt-4"
 49 |           placeholder="Bet amount in ETH (0.1)"
 50 |           value={betAmount}
 51 |           onChange={(e) => setBetAmount(e.target.value)}
 52 |         />
 53 |         <Button
 54 |           onClick={handleCreateGame}
 55 |           className="block mt-4"
 56 |           color="primary"
 57 |           disabled={!walletAddress || !(betAmount && opponent)}
 58 |         >
 59 |           Deploy New Game
 60 |         </Button>
 61 |       </div>
 62 | 
 63 |       {deployedGames.length > 0 ? (
 64 |         <ul className="mt-8">
 65 |           <h1 className="my-8 text-xl">Deployed Games</h1>
 66 |           {deployedGames.map((game, index) => (
 67 |             <li className="flex items-center justify-between py-2 " key={index}>
 68 |               <a
 69 |                 className="text-blue-600 hover:underline"
 70 |                 href={`https://goerli.etherscan.io/address/${game.gameAddress}`}
 71 |                 target="_blank"
 72 |                 rel="noreferrer"
 73 |                 title="etherscan link"
 74 |               >
 75 |                 {game.gameAddress}
 76 |               </a>
 77 |               <div
 78 |                 className={joinClasses(
 79 |                   "text-gray-500 ",
 80 |                   "bg-gray-100",
 81 |                   "px-4",
 82 |                   "py-2",
 83 |                   "block",
 84 |                   "rounded-full"
 85 |                 )}
 86 |                 title="Bet Amount"
 87 |               >
 88 |                 {ethers.utils.formatEther(game.betAmount)} ETH
 89 |               </div>
 90 | 
 91 |               <Link
 92 |                 to="/game"
 93 |                 onClick={() => selectGame && selectGame(game.gameAddress)}
 94 |               >
 95 |                 {walletAddress === game.player ||
 96 |                 walletAddress === game.opponent ? (
 97 |                   <Button
 98 |                     color="primary"
 99 |                     title="Connect to deployed contract"
100 |                     disabled={!walletAddress}
101 |                   >
102 |                     Connect
103 |                   </Button>
104 |                 ) : (
105 |                   <Button disabled={!walletAddress}>Watch Game</Button>
106 |                 )}
107 |               </Link>
108 |             </li>
109 |           ))}
110 |         </ul>
111 |       ) : (
112 |         <div className="flex items-center justify-center h-full">
113 |           <h2>No deployed games!</h2>
114 |         </div>
115 |       )}
116 |     </div>
117 |   );
118 | }
119 | 


--------------------------------------------------------------------------------
/frontend/src/components/Game.tsx:
--------------------------------------------------------------------------------
 1 | import React, { ReactElement } from "react";
 2 | import { ContractProvider } from "../context/RPSGameContractContext";
 3 | import Leaderboard from "./Leaderboard";
 4 | import Playground from "./Playground";
 5 | import { useWallet } from "../context/WalletContext";
 6 | 
 7 | export default function Game(): ReactElement {
 8 |   const { walletAddress } = useWallet();
 9 |   if (!walletAddress) {
10 |     return (
11 |       <div className="mt-4">
12 |         <h1 className="text-xl">Please Connect your metamask first</h1>
13 |       </div>
14 |     );
15 |   }
16 |   return (
17 |     <ContractProvider>
18 |       <Leaderboard />
19 |       <Playground />
20 |     </ContractProvider>
21 |   );
22 | }
23 | 


--------------------------------------------------------------------------------
/frontend/src/components/GameActionInfoCard.tsx:
--------------------------------------------------------------------------------
 1 | import React, { ReactElement } from "react";
 2 | import { joinClasses } from "../helpers";
 3 | import Loader from "./Loader";
 4 | 
 5 | interface Props {
 6 |   message: string;
 7 |   loader?: boolean;
 8 | }
 9 | 
10 | export default function GameActionInfoCard({
11 |   message,
12 |   loader,
13 | }: Props): ReactElement {
14 |   return (
15 |     <div
16 |       className={joinClasses(
17 |         "flex",
18 |         "flex-col",
19 |         "items-center",
20 |         "justify-center",
21 |         "w-full",
22 |         "h-full",
23 |         "py-4",
24 |         "rounded"
25 |       )}
26 |     >
27 |       {loader && <Loader />}
28 |       <h2 className="mt-4 text-xl font-semibold">{message}</h2>
29 |     </div>
30 |   );
31 | }
32 | 


--------------------------------------------------------------------------------
/frontend/src/components/GameStatsCard.tsx:
--------------------------------------------------------------------------------
 1 | import React, { ReactElement } from "react";
 2 | import { useRPSGameContract } from "../context/RPSGameContractContext";
 3 | import { joinClasses } from "../helpers";
 4 | import Button from "./Button";
 5 | 
 6 | export enum GameStage {
 7 |   Open,
 8 |   BetsDeposited,
 9 |   MovesSubmitted,
10 |   MoveRevealed,
11 |   Completed,
12 | }
13 | export const getGameStatusText = (id: number): string => {
14 |   const gameStateToText: { [key: number]: string } = {
15 |     0: "Open",
16 |     1: "Bets Deposited",
17 |     2: "Moves Submitted",
18 |     3: "Moves Revealed",
19 |     4: "Completed",
20 |   };
21 |   return gameStateToText[id];
22 | };
23 | 
24 | export default function GameStatsCard({
25 |   betAmount,
26 | }: {
27 |   betAmount: string | null;
28 | }): ReactElement {
29 |   const { depositBet, isPlayer, gameStage, withdrawFund, currentPlayer } =
30 |     useRPSGameContract();
31 | 
32 |   console.log({ balance: parseFloat(currentPlayer?.balance || "") });
33 |   return (
34 |     <div
35 |       className={joinClasses(
36 |         "mx-4",
37 |         "p-4",
38 |         "w-5/12",
39 |         "flex",
40 |         "flex-col",
41 |         "justify-between",
42 |         "items-center",
43 |         "border",
44 |         "rounded",
45 |         "text-left",
46 |         "border-blue-300"
47 |       )}
48 |     >
49 |       <div className={joinClasses("flex", "justify-between", "items-center")}>
50 |         <h1 className="text-2xl font-medium">
51 |           <span className="block">Rock</span>
52 |           <span className="block">Paper</span>
53 |           <span className="block">Scissors</span>
54 |         </h1>
55 |         <div className="flex flex-col text-center">
56 |           <div>Bet Amt: {betAmount} ETH</div>
57 |         </div>
58 |       </div>
59 |       <div className="w-full mt-6">
60 |         <h2 className="text-xl font-bold text-center">
61 |           {isPlayer ? "Player" : "Audience"}
62 |         </h2>
63 |         <div className="flex justify-between w-full">
64 |           <Button
65 |             disabled={
66 |               !isPlayer ||
67 |               gameStage === 1 ||
68 |               gameStage === 2 ||
69 |               parseFloat(currentPlayer?.balance || "") <= 0
70 |             }
71 |             onClick={withdrawFund}
72 |           >
73 |             Withdraw
74 |           </Button>
75 |           <Button disabled={!isPlayer} color="primary" onClick={depositBet}>
76 |             Deposit bet
77 |           </Button>
78 |         </div>
79 |       </div>
80 |     </div>
81 |   );
82 | }
83 | 


--------------------------------------------------------------------------------
/frontend/src/components/GlobalMessage.tsx:
--------------------------------------------------------------------------------
 1 | import React, { ReactElement } from "react";
 2 | import { useMessage } from "../context/MessageContext";
 3 | import { joinClasses } from "../helpers";
 4 | 
 5 | export default function GlobalMessage(): ReactElement {
 6 |   const { globalMessage, setGlobalMessage } = useMessage();
 7 | 
 8 |   const color =
 9 |     globalMessage?.type === "error"
10 |       ? "red"
11 |       : globalMessage?.type === "info"
12 |       ? "blue"
13 |       : globalMessage?.type === "warning"
14 |       ? "yellow"
15 |       : "green";
16 |   const handleClose = () => {
17 |     if (setGlobalMessage) {
18 |       setGlobalMessage({});
19 |     }
20 |   };
21 | 
22 |   if (globalMessage?.message) {
23 |     return (
24 |       <div
25 |         className={joinClasses(
26 |           `${
27 |             color === "yellow"
28 |               ? "bg-yellow-100"
29 |               : color === "red"
30 |               ? "bg-red-100"
31 |               : color === "blue"
32 |               ? "bg-blue-100"
33 |               : color === "green"
34 |               ? "bg-green-100"
35 |               : "bg-gray-100"
36 |           }`,
37 | 
38 |           "border",
39 |           `${
40 |             color === "yellow"
41 |               ? "border-yellow-500"
42 |               : color === "red"
43 |               ? "border-red-500"
44 |               : color === "blue"
45 |               ? "border-blue-500"
46 |               : color === "green"
47 |               ? "border-green-500"
48 |               : "border-gray-500"
49 |           }`,
50 |           "mt-2",
51 |           "py-4",
52 |           "relative",
53 |           "rounded"
54 |         )}
55 |       >
56 |         {globalMessage?.message}
57 |         <button
58 |           className="absolute top-0 text-lg right-1"
59 |           onClick={handleClose}
60 |         >
61 |           X
62 |         </button>
63 |       </div>
64 |     );
65 |   }
66 |   return <div></div>;
67 | }
68 | 


--------------------------------------------------------------------------------
/frontend/src/components/HiddenMove.tsx:
--------------------------------------------------------------------------------
 1 | import React, { ReactElement } from "react";
 2 | import { joinClasses } from "../helpers";
 3 | 
 4 | export default function HiddenMove(): ReactElement {
 5 |   return (
 6 |     <div
 7 |       className={joinClasses(
 8 |         "flex",
 9 |         "items-center",
10 |         "justify-center",
11 |         "bg-gray-300",
12 |         "rounded-full",
13 |         "w-36",
14 |         "h-36"
15 |       )}
16 |     >
17 |       <div
18 |         className={joinClasses(
19 |           "z-10",
20 |           "flex",
21 |           "items-center",
22 |           "justify-center",
23 |           "w-24",
24 |           "h-24",
25 |           "text-gray-400",
26 |           "bg-white",
27 |           "rounded-full"
28 |         )}
29 |       >
30 |         Not Revealed
31 |       </div>
32 |     </div>
33 |   );
34 | }
35 | 


--------------------------------------------------------------------------------
/frontend/src/components/InputField.tsx:
--------------------------------------------------------------------------------
 1 | import { ForwardedRef, forwardRef, InputHTMLAttributes } from "react";
 2 | import { joinClasses } from "../helpers";
 3 | interface InputProps extends InputHTMLAttributes<HTMLInputElement> {}
 4 | 
 5 | type InputRef = ForwardedRef<HTMLInputElement>;
 6 | 
 7 | const InputField = forwardRef(
 8 |   (
 9 |     {
10 |       onChange,
11 |       value,
12 |       type,
13 |       name,
14 |       placeholder,
15 |       id,
16 |       className,
17 |       ...props
18 |     }: InputProps,
19 |     ref: InputRef
20 |   ) => (
21 |     <input
22 |       ref={ref}
23 |       className={
24 |         joinClasses("block", "p-2", "border", "rounded") + " " + className
25 |       }
26 |       type={type}
27 |       name={name}
28 |       id={id}
29 |       placeholder={placeholder}
30 |       value={value}
31 |       onChange={onChange}
32 |       {...props}
33 |     />
34 |   )
35 | );
36 | 
37 | export default InputField;
38 | 


--------------------------------------------------------------------------------
/frontend/src/components/Leaderboard.tsx:
--------------------------------------------------------------------------------
 1 | import React, { ReactElement } from "react";
 2 | import { useRPSGameContract } from "../context/RPSGameContractContext";
 3 | import { joinClasses } from "../helpers";
 4 | import GameStatsCard from "./GameStatsCard";
 5 | import PlayerCard from "./PlayerCard";
 6 | 
 7 | export default function Leaderboard(): ReactElement {
 8 |   const { currentPlayer, betAmount, opponent, isPlayer } = useRPSGameContract();
 9 |   console.log({ isPlayer });
10 |   return (
11 |     <div
12 |       className={joinClasses("flex", "justify-between", "items-center", "mt-4")}
13 |     >
14 |       <PlayerCard {...currentPlayer} tag="player" betAmount={betAmount} />
15 |       <GameStatsCard betAmount={betAmount} />
16 |       <PlayerCard {...opponent} tag="opponent" betAmount={betAmount} />
17 |     </div>
18 |   );
19 | }
20 | 


--------------------------------------------------------------------------------
/frontend/src/components/Loader.tsx:
--------------------------------------------------------------------------------
 1 | import React, { ReactElement } from "react";
 2 | 
 3 | export default function Loader(): ReactElement {
 4 |   let circleCommonClasses = "h-4 w-4 bg-gray-400 rounded-full";
 5 |   return (
 6 |     <div className="flex">
 7 |       <div className={`${circleCommonClasses} mr-1 animate-bounce`}></div>
 8 |       <div className={`${circleCommonClasses} mr-1 animate-bounce200`}></div>
 9 |       <div className={`${circleCommonClasses} animate-bounce400`}></div>
10 |     </div>
11 |   );
12 | }
13 | 


--------------------------------------------------------------------------------
/frontend/src/components/OptionButton.module.css:
--------------------------------------------------------------------------------
1 | .shadowin {
2 |   box-shadow: inset 0 6px rgba(0, 0, 0, 0.1) !important;
3 | }
4 | 
5 | .shadowout {
6 |   box-shadow: inset 0 -6px rgba(0, 0, 0, 0.1) !important;
7 | }
8 | 


--------------------------------------------------------------------------------
/frontend/src/components/OptionButton.tsx:
--------------------------------------------------------------------------------
 1 | import React, { ReactElement } from "react";
 2 | import { joinClasses } from "../helpers";
 3 | import Button from "./Button";
 4 | import styles from "./OptionButton.module.css";
 5 | 
 6 | interface Props {
 7 |   src: string;
 8 |   bgColor: string;
 9 |   alt?: string;
10 |   onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
11 |   value?: string;
12 |   className?: string;
13 | }
14 | 
15 | export default function OptionButton({
16 |   src,
17 |   bgColor = "gray",
18 |   alt,
19 |   onClick,
20 |   value,
21 |   className,
22 | }: Props): ReactElement {
23 |   return (
24 |     <div
25 |       data-choice={value}
26 |       onClick={onClick ? onClick : () => {}}
27 |       className={
28 |         `${styles.shadowout} ` +
29 |         joinClasses(
30 |           `${
31 |             bgColor === "yellow"
32 |               ? "bg-yellow-500"
33 |               : bgColor === "red"
34 |               ? "bg-red-500"
35 |               : bgColor === "blue"
36 |               ? "bg-blue-500"
37 |               : "bg-gray-500"
38 |           }`,
39 |           "rounded-full",
40 |           "hover:opacity-80",
41 |           "w-36",
42 |           "h-36",
43 |           "inline-flex",
44 |           "justify-center",
45 |           "items-center",
46 |           "cursor-pointer",
47 |           "m-4"
48 |         ) +
49 |         ` ${className}`
50 |       }
51 |     >
52 |       <Button
53 |         className={
54 |           `${styles.shadowin} ` +
55 |           joinClasses(
56 |             "w-24",
57 |             "h-24",
58 |             "rounded-full",
59 |             "border-10",
60 |             "border-none",
61 |             "bg-white",
62 |             "shadow-lg"
63 |           )
64 |         }
65 |       >
66 |         <img alt={alt} src={src}></img>
67 |       </Button>
68 |     </div>
69 |   );
70 | }
71 | 


--------------------------------------------------------------------------------
/frontend/src/components/PlayerCard.tsx:
--------------------------------------------------------------------------------
 1 | import React, { ReactElement } from "react";
 2 | import { Player } from "../context/RPSGameContractContext/contractContext";
 3 | import { getTruncatedAddress, joinClasses } from "../helpers";
 4 | 
 5 | interface PlayerWithTag extends Player {
 6 |   tag: "player" | "opponent" | "audience";
 7 |   betAmount: string | null;
 8 | }
 9 | 
10 | export default function PlayerCard({
11 |   addr,
12 |   balance,
13 |   revealed,
14 |   submitted,
15 |   tag,
16 |   betAmount,
17 | }: PlayerWithTag): ReactElement {
18 |   console.log(addr);
19 |   return (
20 |     <div
21 |       className={joinClasses(
22 |         "py-4",
23 |         "px-8",
24 |         "border",
25 |         "rounded",
26 |         "text-left",
27 |         "border-green-300"
28 |       )}
29 |     >
30 |       <div id="heading">
31 |         <h2 className="text-xl">
32 |           {tag === "player" ? "Player" : "Opponent"}:{" "}
33 |           {getTruncatedAddress(addr)}
34 |         </h2>
35 |         <h3 className="text-gray-400">Balance: {balance} ETH</h3>
36 |       </div>
37 |       <div id="content" className="mt-4">
38 |         <h3>
39 |           Deposited:{" "}
40 |           <span>
41 |             {parseFloat(balance || "0") >= parseFloat(betAmount || "0") &&
42 |             balance
43 |               ? "✅"
44 |               : "❌"}{" "}
45 |           </span>{" "}
46 |         </h3>
47 |         <h3 className="mt-2">
48 |           Move Submitted: <span>{submitted ? "✅" : "❌"} </span>{" "}
49 |         </h3>
50 |         <h3 className="mt-2">
51 |           Move Revealed: <span>{revealed ? "✅" : "❌"} </span>
52 |         </h3>
53 |       </div>
54 |     </div>
55 |   );
56 | }
57 | 


--------------------------------------------------------------------------------
/frontend/src/components/Playground.tsx:
--------------------------------------------------------------------------------
 1 | import React, { ReactElement, useState } from "react";
 2 | import rock from "../images/icon-rock.svg";
 3 | import paper from "../images/icon-paper.svg";
 4 | import scissors from "../images/icon-scissors.svg";
 5 | import OptionButton from "./OptionButton";
 6 | import { useRPSGameContract } from "../context/RPSGameContractContext";
 7 | import GameActionInfoCard from "./GameActionInfoCard";
 8 | import SubmitMove from "./SubmitMove";
 9 | import RevealMove from "./RevealMove";
10 | 
11 | export type Option = {
12 |   image: string;
13 |   value: "paper" | "scissors" | "rock";
14 |   color: "yellow" | "red" | "blue";
15 |   alt: string;
16 |   key: number;
17 | };
18 | export const options: Option[] = [
19 |   { image: rock, key: 1, value: "rock", color: "red", alt: "rock icon" },
20 |   { image: paper, key: 2, value: "paper", color: "blue", alt: "paper icon" },
21 |   {
22 |     image: scissors,
23 |     key: 3,
24 |     value: "scissors",
25 |     color: "yellow",
26 |     alt: "scissors icon",
27 |   },
28 | ];
29 | export const getOptionButton = (
30 |   option: Option,
31 |   onClick?: (e: React.MouseEvent<HTMLDivElement>) => void
32 | ) => {
33 |   return (
34 |     <OptionButton
35 |       src={option.image}
36 |       bgColor={option.color}
37 |       alt={option.alt}
38 |       key={option.value}
39 |       value={option.value}
40 |       onClick={onClick}
41 |     />
42 |   );
43 | };
44 | 
45 | export default function Playground(): ReactElement {
46 |   const { gameStage, currentPlayer, betAmount, opponent } =
47 |     useRPSGameContract();
48 |   const [salt, setSalt] = useState("");
49 |   const [move, setMove] = useState(0);
50 |   console.log(gameStage);
51 | 
52 |   return (
53 |     <div className="py-4 mt-8 border rounded">
54 |       {gameStage === 0 &&
55 |         (parseFloat(currentPlayer?.balance || "0") <
56 |         parseFloat(betAmount || "0") ? (
57 |           <GameActionInfoCard message="Please deposit the bet first" />
58 |         ) : parseFloat(opponent?.balance || "0") <
59 |           parseFloat(betAmount || "0") ? (
60 |           <GameActionInfoCard
61 |             message="Waiting for the opponent to depoist the bet"
62 |             loader={true}
63 |           />
64 |         ) : (
65 |           ""
66 |         ))}
67 |       {gameStage === 1 && currentPlayer?.submitted && !opponent?.submitted ? (
68 |         <GameActionInfoCard
69 |           message="Waiting for the opponent to submit their move"
70 |           loader={true}
71 |         />
72 |       ) : (
73 |         <RevealMove
74 |           salt={salt}
75 |           move={move}
76 |           setMove={setMove}
77 |           setSalt={setSalt}
78 |         />
79 |       )}
80 |       {!currentPlayer?.submitted && gameStage === 1 && (
81 |         <SubmitMove salt={salt} setSalt={setSalt} setMove={setMove} />
82 |       )}
83 |     </div>
84 |   );
85 | }
86 | 


--------------------------------------------------------------------------------
/frontend/src/components/RevealMove.tsx:
--------------------------------------------------------------------------------
  1 | import React, { ReactElement } from "react";
  2 | import { useRPSGameContract } from "../context/RPSGameContractContext";
  3 | import { joinClasses } from "../helpers";
  4 | import Button from "./Button";
  5 | import HiddenMove from "./HiddenMove";
  6 | import InputField from "./InputField";
  7 | import Loader from "./Loader";
  8 | import { getOptionButton, options } from "./Playground";
  9 | 
 10 | interface RevealMoveProps {
 11 |   salt: string;
 12 |   move: number;
 13 |   setSalt: React.Dispatch<React.SetStateAction<string>>;
 14 |   setMove: React.Dispatch<React.SetStateAction<number>>;
 15 | }
 16 | 
 17 | export default function RevealMove({
 18 |   salt,
 19 |   move,
 20 |   setSalt,
 21 |   setMove,
 22 | }: RevealMoveProps): ReactElement {
 23 |   const { revealMove, currentPlayer, opponent, isPlayer, winner, resetGame } =
 24 |     useRPSGameContract();
 25 |   const handleMoveReveal = () => {
 26 |     if (move === 0) {
 27 |       alert("Move must be selected!!");
 28 |       return;
 29 |     }
 30 |     if (revealMove && move) {
 31 |       revealMove(move, salt);
 32 |     }
 33 |   };
 34 |   const handleResetGame = () => {
 35 |     if (resetGame) {
 36 |       resetGame();
 37 |     }
 38 |   };
 39 |   const getGameResultText = (): string => {
 40 |     if (winner === "0x0000000000000000000000000000000000000000") {
 41 |       return "Game Draw";
 42 |     }
 43 |     if (currentPlayer?.addr === winner) {
 44 |       if (isPlayer) {
 45 |         return "You Won!!";
 46 |       } else {
 47 |         return "Player1 Won!!";
 48 |       }
 49 |     } else {
 50 |       if (isPlayer) {
 51 |         return "You Lost!!";
 52 |       } else {
 53 |         return "Player2 Won!!";
 54 |       }
 55 |     }
 56 |   };
 57 |   return (
 58 |     <React.Fragment>
 59 |       {currentPlayer?.submitted && (
 60 |         <div
 61 |           className={joinClasses(
 62 |             "flex",
 63 |             "items-center",
 64 |             "justify-between",
 65 |             "w-full",
 66 |             "h-full",
 67 |             "my-20"
 68 |           )}
 69 |         >
 70 |           <div
 71 |             className={joinClasses(
 72 |               "flex",
 73 |               "flex-col",
 74 |               "items-center",
 75 |               "w-full",
 76 |               "text-center"
 77 |             )}
 78 |           >
 79 |             <h2 className="text-3xl">
 80 |               {isPlayer ? "Your Pick" : "Player1 Pick"}
 81 |             </h2>
 82 |             {currentPlayer?.revealed && currentPlayer.move ? (
 83 |               getOptionButton(options[currentPlayer.move - 1])
 84 |             ) : (
 85 |               <HiddenMove />
 86 |             )}
 87 |           </div>
 88 |           <div
 89 |             className={joinClasses(
 90 |               "flex",
 91 |               "flex-col",
 92 |               "items-center",
 93 |               "w-full"
 94 |             )}
 95 |           >
 96 |             {currentPlayer.revealed && !opponent?.revealed && (
 97 |               <React.Fragment>
 98 |                 <Loader />
 99 |                 <div className="">Waiting for the opponent to reveal move</div>
100 |               </React.Fragment>
101 |             )}
102 |             {!currentPlayer.revealed && (
103 |               <React.Fragment>
104 |                 <div>
105 |                   <InputField
106 |                     value={salt}
107 |                     placeholder="salt"
108 |                     type="text"
109 |                     onChange={(e) => setSalt(e.target.value)}
110 |                     disabled={!isPlayer}
111 |                   />
112 |                   <select
113 |                     className={joinClasses(
114 |                       "w-full",
115 |                       "block",
116 |                       "p-2",
117 |                       "border",
118 |                       "rounded",
119 |                       "bg-white",
120 |                       "mt-4"
121 |                     )}
122 |                     value={move}
123 |                     onChange={(e) => setMove(+e.target.value)}
124 |                     disabled={!isPlayer}
125 |                   >
126 |                     <option value={0}>None</option>
127 |                     <option value={1}>Rock</option>
128 |                     <option value={2}>Paper</option>
129 |                     <option value={3}>Scissors</option>
130 |                   </select>
131 |                 </div>
132 |                 <Button
133 |                   disabled={!isPlayer}
134 |                   color="primary"
135 |                   className="block mt-4 text-center"
136 |                   onClick={handleMoveReveal}
137 |                 >
138 |                   Reveal Move
139 |                 </Button>
140 |               </React.Fragment>
141 |             )}
142 |             {currentPlayer.revealed && opponent?.revealed && (
143 |               <React.Fragment>
144 |                 <h1 className="text-2xl">{getGameResultText()}</h1>
145 |                 <Button
146 |                   disabled={!isPlayer}
147 |                   color="primary"
148 |                   className="block text-center"
149 |                   onClick={handleResetGame}
150 |                 >
151 |                   Play Again
152 |                 </Button>
153 |               </React.Fragment>
154 |             )}
155 |           </div>
156 |           <div
157 |             className={joinClasses(
158 |               "flex",
159 |               "flex-col",
160 |               "items-center",
161 |               "w-full",
162 |               "text-center"
163 |             )}
164 |           >
165 |             <h2 className="text-3xl">
166 |               {isPlayer ? "Opponent Pick" : "Player2 Pick"}
167 |             </h2>
168 |             {opponent?.revealed && opponent.move ? (
169 |               getOptionButton(options[opponent.move - 1])
170 |             ) : (
171 |               <HiddenMove />
172 |             )}
173 |             {}
174 |           </div>
175 |         </div>
176 |       )}
177 |     </React.Fragment>
178 |   );
179 | }
180 | 


--------------------------------------------------------------------------------
/frontend/src/components/SubmitMove.tsx:
--------------------------------------------------------------------------------
  1 | import React, { ReactElement, useState } from "react";
  2 | import rock from "../images/icon-rock.svg";
  3 | import paper from "../images/icon-paper.svg";
  4 | import scissors from "../images/icon-scissors.svg";
  5 | import OptionButton from "./OptionButton";
  6 | import { useRPSGameContract } from "../context/RPSGameContractContext";
  7 | import Button from "./Button";
  8 | import InputField from "./InputField";
  9 | 
 10 | type Option = {
 11 |   image: string;
 12 |   value: "paper" | "scissors" | "rock";
 13 |   color: "yellow" | "red" | "blue";
 14 |   alt: string;
 15 |   key: number;
 16 | };
 17 | export const options: Option[] = [
 18 |   { image: rock, key: 1, value: "rock", color: "red", alt: "rock icon" },
 19 |   { image: paper, key: 2, value: "paper", color: "blue", alt: "paper icon" },
 20 |   {
 21 |     image: scissors,
 22 |     key: 3,
 23 |     value: "scissors",
 24 |     color: "yellow",
 25 |     alt: "scissors icon",
 26 |   },
 27 | ];
 28 | interface SubmitMoveProps {
 29 |   salt: string;
 30 |   setSalt: React.Dispatch<React.SetStateAction<string>>;
 31 |   setMove: React.Dispatch<React.SetStateAction<number>>;
 32 | }
 33 | 
 34 | export default function SubmitMove({
 35 |   salt,
 36 |   setSalt,
 37 |   setMove,
 38 | }: SubmitMoveProps): ReactElement {
 39 |   const { gameStage, submitMove, currentPlayer, isPlayer } =
 40 |     useRPSGameContract();
 41 |   const [userChoice, setUserChoice] = useState<Option | null>(null);
 42 |   const handleOptionChoose = (e: React.MouseEvent<HTMLDivElement>) => {
 43 |     const _choice = e.currentTarget.getAttribute("data-choice");
 44 |     options.forEach((option) => {
 45 |       if (option.value === _choice) {
 46 |         setUserChoice(option);
 47 |       }
 48 |     });
 49 |   };
 50 |   const handleMoveSubmit = () => {
 51 |     if (userChoice && submitMove) {
 52 |       submitMove(userChoice?.key, salt);
 53 |       setMove(userChoice.key);
 54 |     }
 55 |   };
 56 |   const getOptionButton = (
 57 |     option: Option,
 58 |     onClick?: (e: React.MouseEvent<HTMLDivElement>) => void
 59 |   ) => {
 60 |     return (
 61 |       <OptionButton
 62 |         src={option.image}
 63 |         bgColor={option.color}
 64 |         alt={option.alt}
 65 |         key={option.value}
 66 |         value={option.value}
 67 |         onClick={onClick}
 68 |       />
 69 |     );
 70 |   };
 71 |   return (
 72 |     <div>
 73 |       {gameStage === 1 && !currentPlayer?.submitted && !userChoice && (
 74 |         <main className="flex flex-wrap justify-center mx-auto align-center w-96">
 75 |           <h1 className="text-4xl font-medium text-green-600">
 76 |             Select Your Choice
 77 |           </h1>
 78 |           {options.map((option) => getOptionButton(option, handleOptionChoose))}
 79 |         </main>
 80 |       )}
 81 |       {userChoice && gameStage === 1 && !currentPlayer?.submitted && (
 82 |         <div className="flex items-center justify-around w-full">
 83 |           <div>
 84 |             <h1>
 85 |               Your Choice:{" "}
 86 |               <span className="font-bold capitalize">{userChoice.value}</span>{" "}
 87 |             </h1>
 88 |             {getOptionButton(userChoice)}
 89 |             <Button className="block" onClick={() => setUserChoice(null)}>
 90 |               Change Move
 91 |             </Button>
 92 |           </div>
 93 |           <div>
 94 |             <InputField
 95 |               type="text"
 96 |               name="salt"
 97 |               id="salt"
 98 |               placeholder="salt"
 99 |               value={salt}
100 |               onChange={(e) => setSalt(e.target.value)}
101 |               disabled={!isPlayer}
102 |             />
103 |             <Button
104 |               className="block float-right mt-4"
105 |               color="success"
106 |               onClick={handleMoveSubmit}
107 |               disabled={!isPlayer}
108 |             >
109 |               Submit Move
110 |             </Button>
111 |           </div>
112 |         </div>
113 |       )}
114 |     </div>
115 |   );
116 | }
117 | 


--------------------------------------------------------------------------------
/frontend/src/components/layout/Footer.tsx:
--------------------------------------------------------------------------------
 1 | import React, { ReactElement } from "react";
 2 | import { joinClasses } from "../../helpers";
 3 | 
 4 | export default function Footer(): ReactElement {
 5 |   return (
 6 |     <div className={joinClasses("py-4", "border-t-2", "mt-4")}>
 7 |       Made by{" "}
 8 |       <a
 9 |         className="text-blue-600 hover:underline"
10 |         href="https://github.com/chiranz"
11 |         target="_blank"
12 |         rel="noreferrer"
13 |       >
14 |         Chiranjibi
15 |       </a>
16 |     </div>
17 |   );
18 | }
19 | 


--------------------------------------------------------------------------------
/frontend/src/components/layout/Navbar.tsx:
--------------------------------------------------------------------------------
  1 | import React, { ReactElement } from "react";
  2 | import { Link } from "react-router-dom";
  3 | import { useMessage } from "../../context/MessageContext";
  4 | import { useTransaction } from "../../context/TransactionContext";
  5 | import { useWallet } from "../../context/WalletContext";
  6 | import { getTruncatedAddress, joinClasses } from "../../helpers";
  7 | import { getSignerAddress } from "../../provider";
  8 | import Button from "../Button";
  9 | import CircularLoader from "../CircularLoader";
 10 | import GlobalMessage from "../GlobalMessage";
 11 | 
 12 | export default function Navbar(): ReactElement {
 13 |   const { pending } = useTransaction();
 14 |   const { walletAddress, setWalletAddress } = useWallet();
 15 |   const { setGlobalMessage } = useMessage();
 16 |   const handleConnect = async () => {
 17 |     const ethereum = (window as any).ethereum;
 18 |     if (ethereum) {
 19 |       await ethereum.request({ method: "eth_requestAccounts" });
 20 |       try {
 21 |         await ethereum.request({
 22 |           method: "wallet_switchEthereumChain",
 23 |           params: [{ chainId: "0x5" }],
 24 |         });
 25 |         const address = await getSignerAddress();
 26 |         if (address && setWalletAddress && setGlobalMessage) {
 27 |           setWalletAddress(address);
 28 |           setGlobalMessage({
 29 |             message: "Wallet connected successfully!",
 30 |             type: "success",
 31 |           });
 32 |           setTimeout(() => {
 33 |             setGlobalMessage({});
 34 |           }, 3000);
 35 |         }
 36 |       } catch (err: any) {
 37 |         console.log(err.message);
 38 |       }
 39 |     }
 40 |   };
 41 |   return (
 42 |     <div>
 43 |       <div
 44 |         className={joinClasses(
 45 |           "py-4",
 46 |           "border-b-2",
 47 |           "flex",
 48 |           "justify-between",
 49 |           "items-center"
 50 |         )}
 51 |       >
 52 |         <div id="brand" className="inline-flex">
 53 |           <svg
 54 |             width="25"
 55 |             height="25"
 56 |             viewBox="0 0 256 417"
 57 |             xmlns="http://www.w3.org/2000/svg"
 58 |             preserveAspectRatio="xMidYMid"
 59 |           >
 60 |             <path
 61 |               fill="#2298bd"
 62 |               d="M127.961 0l-2.795 9.5v275.668l2.795 2.79 127.962-75.638z"
 63 |             />
 64 |             <path
 65 |               fill="#0ed7b5"
 66 |               d="M127.962 0L0 212.32l127.962 75.639V154.158z"
 67 |             />
 68 |             <path
 69 |               fill="#2298bd"
 70 |               d="M127.961 312.187l-1.575 1.92v98.199l1.575 4.6L256 236.587z"
 71 |             />
 72 |             <path fill="#0ed7b5" d="M127.962 416.905v-104.72L0 236.585z" />
 73 |             <path
 74 |               fill="#1a7e9c"
 75 |               d="M127.961 287.958l127.96-75.637-127.96-58.162z"
 76 |             />
 77 |             <path fill="#2298bd" d="M0 212.32l127.96 75.638v-133.8z" />
 78 |           </svg>
 79 |           <Link to="/">
 80 |             <h2 className="ml-4 text-lg font-medium">RPS Game</h2>
 81 |           </Link>
 82 |         </div>
 83 |         <ul id="nav-links" className="inline-flex">
 84 |           {pending && (
 85 |             <li>
 86 |               <Button
 87 |                 color="warning"
 88 |                 className="flex items-center justify-around mr-4"
 89 |               >
 90 |                 <CircularLoader />
 91 |                 Pending...
 92 |               </Button>
 93 |             </li>
 94 |           )}
 95 |           <li>
 96 |             {walletAddress ? (
 97 |               <Button className="px-2 py-1 border rounded">
 98 |                 {getTruncatedAddress(walletAddress)}
 99 |               </Button>
100 |             ) : (
101 |               <Button color="success" onClick={handleConnect}>
102 |                 Connect
103 |               </Button>
104 |             )}
105 |           </li>
106 |         </ul>
107 |       </div>
108 |       <GlobalMessage />
109 |     </div>
110 |   );
111 | }
112 | 


--------------------------------------------------------------------------------
/frontend/src/context/MessageContext.tsx:
--------------------------------------------------------------------------------
 1 | import React, { ReactNode } from "react";
 2 | 
 3 | interface MessageProps {
 4 |   globalMessage: GlobalMessage;
 5 |   setGlobalMessage: React.Dispatch<React.SetStateAction<GlobalMessage>>;
 6 | }
 7 | 
 8 | type ProviderProps = {
 9 |   children: ReactNode;
10 | };
11 | 
12 | interface GlobalMessage {
13 |   type?: "success" | "error" | "info" | "warning";
14 |   message?: string;
15 | }
16 | export const MessageContext = React.createContext<MessageProps>({
17 |   globalMessage: {},
18 |   setGlobalMessage: () => {},
19 | });
20 | 
21 | export const MessageProvider = ({ children }: ProviderProps) => {
22 |   const [globalMessage, setGlobalMessage] = React.useState<GlobalMessage>({});
23 |   return (
24 |     <MessageContext.Provider
25 |       value={{
26 |         globalMessage,
27 |         setGlobalMessage,
28 |       }}
29 |     >
30 |       {children}
31 |     </MessageContext.Provider>
32 |   );
33 | };
34 | 
35 | export const useMessage = () => React.useContext(MessageContext);
36 | 


--------------------------------------------------------------------------------
/frontend/src/context/RPSGameContractContext/actions.ts:
--------------------------------------------------------------------------------
  1 | import { BigNumber, ethers } from "ethers";
  2 | import { RPSGame } from "../../RPSGame";
  3 | import { GameStage, GameState, Move, Player } from "./contractContext";
  4 | export enum StateActionType {
  5 |   UpdatePlayer,
  6 |   UpdateOpponent,
  7 |   UpdateGameStage,
  8 |   UpdateGameState,
  9 |   UpdateWinner,
 10 | }
 11 | export interface UpdateWinner {
 12 |   type: StateActionType.UpdateWinner;
 13 |   payload: string;
 14 | }
 15 | export interface UpdatePlayer {
 16 |   type: StateActionType.UpdatePlayer;
 17 |   payload: Player;
 18 | }
 19 | export interface UpdateGameState {
 20 |   type: StateActionType.UpdateGameState;
 21 |   payload: GameState;
 22 | }
 23 | export interface UpdateOpponent {
 24 |   type: StateActionType.UpdateOpponent;
 25 |   payload: Player;
 26 | }
 27 | export interface UpdateGameStage {
 28 |   type: StateActionType.UpdateGameStage;
 29 |   payload: GameStage;
 30 | }
 31 | 
 32 | export type StateActions =
 33 |   | UpdatePlayer
 34 |   | UpdateOpponent
 35 |   | UpdateGameStage
 36 |   | UpdateWinner
 37 |   | UpdateGameState;
 38 | 
 39 | export enum ActionType {
 40 |   DepositFund,
 41 |   SubmitMove,
 42 |   RevealMove,
 43 |   WithdrawBalance,
 44 | }
 45 | 
 46 | export interface DepositBet {
 47 |   type: ActionType.DepositFund;
 48 |   payload: { amount: string; address?: string };
 49 | }
 50 | export interface SubmitMove {
 51 |   type: ActionType.SubmitMove;
 52 |   payload: { hashedMove: string; address?: string };
 53 | }
 54 | export interface RevealMove {
 55 |   type: ActionType.RevealMove;
 56 |   payload: { move: number; salt?: string; address?: string };
 57 | }
 58 | export interface WithdrawBalance {
 59 |   type: ActionType.WithdrawBalance;
 60 | }
 61 | 
 62 | export type GameActions =
 63 |   | DepositBet
 64 |   | SubmitMove
 65 |   | RevealMove
 66 |   | WithdrawBalance;
 67 | 
 68 | export interface PlayerFromContract {
 69 |   move: number;
 70 |   hashedMove: string;
 71 |   balance: BigNumber;
 72 |   addr: string;
 73 |   submitted: boolean;
 74 |   revealed: boolean;
 75 |   0: number;
 76 |   1: string;
 77 |   2: BigNumber;
 78 |   3: string;
 79 |   4: boolean;
 80 |   5: boolean;
 81 | }
 82 | export function getFormattedPlayer(_player: PlayerFromContract) {
 83 |   const player: Player = {
 84 |     move: _player.move,
 85 |     hashedMove: _player.hashedMove,
 86 |     balance: ethers.utils.formatEther(_player.balance),
 87 |     addr: _player.addr,
 88 |     submitted: _player.submitted,
 89 |     revealed: _player.revealed,
 90 |   };
 91 |   return player;
 92 | }
 93 | 
 94 | export async function fetchGameState(
 95 |   contract: RPSGame,
 96 |   connectedAddress: string = ""
 97 | ): Promise<GameState> {
 98 |   const _playerA = await contract.playerA();
 99 |   const _playerB = await contract.playerB();
100 |   const _betAmount = await contract.betAmount();
101 |   const _gameStage = await contract.gameStage();
102 |   const _winner = await contract.winner();
103 |   const betAmount_ = ethers.utils.formatEther(_betAmount);
104 |   const playerA: Player = getFormattedPlayer(_playerA);
105 |   const playerB: Player = getFormattedPlayer(_playerB);
106 |   let opponent: Player;
107 |   let player: Player;
108 |   if (playerA.addr === connectedAddress) {
109 |     player = playerA;
110 |     opponent = playerB;
111 |   } else {
112 |     player = playerB;
113 |     opponent = playerA;
114 |   }
115 |   return {
116 |     currentPlayer: player,
117 |     opponent,
118 |     betAmount: betAmount_,
119 |     gameStage: _gameStage,
120 |     isPlayer: [player.addr, opponent.addr].includes(connectedAddress),
121 |     winner: _winner,
122 |   };
123 | }
124 | 
125 | export async function depositBet(
126 |   contract: RPSGame,
127 |   betAmount: string,
128 |   setPending: React.Dispatch<React.SetStateAction<boolean>>
129 | ): Promise<void> {
130 |   const tx = await contract.depositBet({
131 |     value: ethers.utils.parseEther(betAmount),
132 |   });
133 |   setPending(true);
134 |   await tx.wait();
135 |   setPending(false);
136 | }
137 | export async function withdrawFund(
138 |   contract: RPSGame,
139 |   setPending: React.Dispatch<React.SetStateAction<boolean>>
140 | ): Promise<void> {
141 |   const tx = await contract.withdrawFund();
142 |   setPending(true);
143 |   await tx.wait();
144 |   setPending(false);
145 | }
146 | 
147 | const getHashedMove = (_move: Move, _salt: string) => {
148 |   const hashedMove = ethers.utils.solidityKeccak256(
149 |     ["uint8", "bytes32"],
150 |     [_move, _salt]
151 |   );
152 |   return hashedMove;
153 | };
154 | 
155 | export async function _submitMove(
156 |   contract: RPSGame,
157 |   move: Move,
158 |   salt: string,
159 |   setPending: React.Dispatch<React.SetStateAction<boolean>>
160 | ): Promise<void> {
161 |   const _bsalt = ethers.utils.id(salt);
162 |   const hashedMove = getHashedMove(move, _bsalt);
163 |   const tx = await contract.submitMove(hashedMove);
164 |   setPending(true);
165 |   await tx.wait();
166 |   setPending(false);
167 | }
168 | 
169 | export async function _revealMove(
170 |   contract: RPSGame,
171 |   move: Move,
172 |   salt: string,
173 |   setPending: React.Dispatch<React.SetStateAction<boolean>>
174 | ): Promise<void> {
175 |   const _bsalt = ethers.utils.id(salt);
176 |   const tx = await contract.revealMove(move, _bsalt);
177 |   setPending(true);
178 |   await tx.wait();
179 |   setPending(false);
180 | }
181 | 
182 | export async function _resetGame(
183 |   contract: RPSGame,
184 |   setPending: React.Dispatch<React.SetStateAction<boolean>>
185 | ) {
186 |   const tx = await contract.resetGame();
187 |   setPending(true);
188 |   await tx.wait();
189 |   setPending(false);
190 | }
191 | 


--------------------------------------------------------------------------------
/frontend/src/context/RPSGameContractContext/contractContext.d.ts:
--------------------------------------------------------------------------------
 1 | export enum GameStage {
 2 |   Open,
 3 |   BetsDeposited,
 4 |   MovesSubmitted,
 5 |   MoveRevealed,
 6 |   Completed,
 7 | }
 8 | export enum Move {
 9 |   None,
10 |   Rock,
11 |   Paper,
12 |   Scissors,
13 | }
14 | export interface Player {
15 |   move?: Move;
16 |   hashedMove?: string;
17 |   balance?: string;
18 |   addr?: string;
19 |   submitted?: boolean;
20 |   revealed?: boolean;
21 | }
22 | export interface GameState {
23 |   currentPlayer: Player | null;
24 |   opponent: Player | null;
25 |   gameStage: GameStage | null;
26 |   betAmount: string | null;
27 |   isPlayer?: boolean;
28 |   winner?: string | null;
29 | }
30 | 


--------------------------------------------------------------------------------
/frontend/src/context/RPSGameContractContext/index.tsx:
--------------------------------------------------------------------------------
  1 | import { ethers } from "ethers";
  2 | import React, { ReactNode } from "react";
  3 | import { getProvider } from "../../provider";
  4 | import { useWallet } from "../WalletContext";
  5 | import { gameReducer } from "./reducer";
  6 | import { initialState } from "./state";
  7 | import { abi as rpsGameAbi } from "../../abis/RPSGame.json";
  8 | import {
  9 |   depositBet,
 10 |   fetchGameState,
 11 |   getFormattedPlayer,
 12 |   _revealMove,
 13 |   StateActionType,
 14 |   _submitMove,
 15 |   _resetGame,
 16 |   withdrawFund,
 17 | } from "./actions";
 18 | import { RPSGame } from "../../RPSGame";
 19 | import { GameState, Move } from "./contractContext";
 20 | import { useMessage } from "../MessageContext";
 21 | import { useRPSGameFactory } from "../RPSGameFactoryContext";
 22 | import { useTransaction } from "../TransactionContext";
 23 | interface ContractState extends GameState {
 24 |   submitMove?: (move: Move, salt: string) => void;
 25 |   revealMove?: (move: Move, salt: string) => void;
 26 |   depositBet?: () => void;
 27 |   withdrawFund?: () => void;
 28 |   resetGame?: () => void;
 29 | }
 30 | 
 31 | export const ContractContext = React.createContext<ContractState>(initialState);
 32 | 
 33 | type ProviderProps = {
 34 |   children: ReactNode;
 35 | };
 36 | export const ContractProvider = ({ children }: ProviderProps) => {
 37 |   const { setPending } = useTransaction();
 38 |   const { selectedGameAddress } = useRPSGameFactory();
 39 |   const { walletAddress } = useWallet();
 40 |   const { setGlobalMessage } = useMessage();
 41 | 
 42 |   const [state, dispatch] = React.useReducer(gameReducer, initialState);
 43 |   const [contract, setContract] = React.useState<RPSGame>();
 44 | 
 45 |   React.useEffect(() => {
 46 |     async function init() {
 47 |       const _provider = await getProvider();
 48 |       const signer = _provider.getSigner();
 49 |       const _contract = new ethers.Contract(
 50 |         selectedGameAddress,
 51 |         rpsGameAbi,
 52 |         signer
 53 |       ) as unknown as RPSGame;
 54 |       setContract(_contract);
 55 |       const gameState = await fetchGameState(_contract, walletAddress);
 56 |       dispatch({
 57 |         type: StateActionType.UpdateGameState,
 58 |         payload: gameState,
 59 |       });
 60 |     }
 61 |     init();
 62 |   }, [walletAddress, dispatch, selectedGameAddress]);
 63 |   async function handleDeposit() {
 64 |     if (contract) {
 65 |       await depositBet(contract, state.betAmount || "", setPending);
 66 |     }
 67 |   }
 68 |   async function handleWithdraw() {
 69 |     if (contract) {
 70 |       await withdrawFund(contract, setPending);
 71 |     }
 72 |   }
 73 |   async function handleMoveSubmit(move: Move, salt: string) {
 74 |     if (contract) {
 75 |       await _submitMove(contract, move, salt, setPending);
 76 |     }
 77 |   }
 78 | 
 79 |   async function handleRevealMove(move: Move, salt: string) {
 80 |     if (contract) {
 81 |       await _revealMove(contract, move, salt, setPending);
 82 |     }
 83 |   }
 84 |   async function handleResetGame() {
 85 |     if (contract) {
 86 |       await _resetGame(contract, setPending);
 87 |     }
 88 |   }
 89 |   if (contract) {
 90 |     // GAMESTAGECHANGED EVENT
 91 |     contract.on("GameStageChanged", (gameStage) => {
 92 |       dispatch({
 93 |         type: StateActionType.UpdateGameStage,
 94 |         payload: gameStage,
 95 |       });
 96 | 
 97 |       setGlobalMessage({
 98 |         message: "Game Stage changed",
 99 |         type: "info",
100 |       });
101 |       setTimeout(() => {
102 |         setGlobalMessage({});
103 |       }, 3000);
104 |     });
105 | 
106 |     // WINNER EVENT
107 |     contract.on("Winner", (winner) => {
108 |       dispatch({
109 |         type: StateActionType.UpdateWinner,
110 |         payload: winner,
111 |       });
112 |     });
113 | 
114 |     // Fetch Player
115 |     const fetchPlayer = async (address: string) => {
116 |       const player = await contract.getPlayer(address);
117 |       const formattedPlayer = getFormattedPlayer(player);
118 |       if (address === walletAddress) {
119 |         dispatch({
120 |           type: StateActionType.UpdatePlayer,
121 |           payload: formattedPlayer,
122 |         });
123 |       } else {
124 |         dispatch({
125 |           type: StateActionType.UpdateOpponent,
126 |           payload: formattedPlayer,
127 |         });
128 |       }
129 |     };
130 |     contract.on("Deposit", async (address) => {
131 |       fetchPlayer(address);
132 |     });
133 |     contract.on("SubmitMove", async (address) => {
134 |       fetchPlayer(address);
135 |     });
136 |     contract.on("RevealMove", async (address) => {
137 |       fetchPlayer(address);
138 |     });
139 |     contract.on("Withdraw", async (address) => {
140 |       fetchPlayer(address);
141 |     });
142 | 
143 |     contract.on("ResetGame", async () => {
144 |       const gameState = await fetchGameState(contract, walletAddress);
145 |       dispatch({
146 |         type: StateActionType.UpdateGameState,
147 |         payload: gameState,
148 |       });
149 |     });
150 |   }
151 |   // TODO: How do you handle draw event? What are the things you want to update
152 | 
153 |   return (
154 |     <ContractContext.Provider
155 |       value={{
156 |         ...state,
157 |         depositBet: handleDeposit,
158 |         submitMove: handleMoveSubmit,
159 |         revealMove: handleRevealMove,
160 |         resetGame: handleResetGame,
161 |         withdrawFund: handleWithdraw,
162 |       }}
163 |     >
164 |       {children}
165 |     </ContractContext.Provider>
166 |   );
167 | };
168 | 
169 | export const useRPSGameContract = () => React.useContext(ContractContext);
170 | 


--------------------------------------------------------------------------------
/frontend/src/context/RPSGameContractContext/reducer.ts:
--------------------------------------------------------------------------------
 1 | import { StateActions, StateActionType } from "./actions";
 2 | import { GameState } from "./contractContext";
 3 | 
 4 | export function gameReducer(state: GameState, action: StateActions): GameState {
 5 |   switch (action.type) {
 6 |     case StateActionType.UpdateGameState:
 7 |       return { ...action.payload };
 8 |     case StateActionType.UpdatePlayer:
 9 |       return { ...state, currentPlayer: action.payload };
10 |     case StateActionType.UpdateOpponent:
11 |       return { ...state, opponent: action.payload };
12 |     case StateActionType.UpdateGameStage:
13 |       return { ...state, gameStage: action.payload };
14 |     case StateActionType.UpdateWinner:
15 |       return { ...state, winner: action.payload };
16 | 
17 |     default:
18 |       return state;
19 |   }
20 | }
21 | 


--------------------------------------------------------------------------------
/frontend/src/context/RPSGameContractContext/state.ts:
--------------------------------------------------------------------------------
 1 | import { GameState } from "./contractContext";
 2 | 
 3 | export const initialState: GameState = {
 4 |   currentPlayer: null,
 5 |   opponent: null,
 6 |   gameStage: 0,
 7 |   betAmount: "",
 8 |   isPlayer: false,
 9 |   winner: null,
10 | };
11 | 


--------------------------------------------------------------------------------
/frontend/src/context/RPSGameFactoryContext/index.tsx:
--------------------------------------------------------------------------------
  1 | import { ethers } from "ethers";
  2 | import React, { ReactNode } from "react";
  3 | import { RPSGameFactory } from "../../RPSGameFactory";
  4 | import { abi as rpsFactoryAbi } from "../../abis/RPSGameFactory.json";
  5 | import { getProvider } from "../../provider";
  6 | import { getRPSGameFactoryAddress } from "../../helpers";
  7 | import { useWallet } from "../WalletContext";
  8 | import { useTransaction } from "../TransactionContext";
  9 | 
 10 | const initialState: FactoryState = {
 11 |   deployedGames: [],
 12 |   selectedGameAddress: "",
 13 | };
 14 | 
 15 | const RPSGameFactoryContext = React.createContext<FactoryState>(initialState);
 16 | interface Game {
 17 |   gameAddress: string;
 18 |   player: string;
 19 |   opponent: string;
 20 |   betAmount: ethers.BigNumber;
 21 |   0: string;
 22 |   1: string;
 23 |   2: string;
 24 |   3: ethers.BigNumber;
 25 | }
 26 | 
 27 | interface FactoryState {
 28 |   deployedGames: Game[];
 29 |   createGame?: (betAmount: string, address: string) => void;
 30 |   selectedGameAddress: string;
 31 |   selectGame?: (address: string) => void;
 32 | }
 33 | 
 34 | type ProviderProps = {
 35 |   children: ReactNode;
 36 | };
 37 | export const RPSGameFactoryProvider = ({ children }: ProviderProps) => {
 38 |   const { setPending } = useTransaction();
 39 |   const { walletAddress } = useWallet();
 40 |   const [selectedGameAddress, setSelectedGameAddress] = React.useState("");
 41 |   const [deployedGames, setDeployedGames] = React.useState<Game[]>([]);
 42 |   const [contract, setContract] = React.useState<RPSGameFactory>();
 43 | 
 44 |   React.useEffect(() => {
 45 |     async function init() {
 46 |       const _provider = await getProvider();
 47 |       const signer = _provider.getSigner();
 48 |       const _contract = (new ethers.Contract(
 49 |         getRPSGameFactoryAddress(),
 50 |         rpsFactoryAbi,
 51 |         signer
 52 |       ) as unknown) as RPSGameFactory;
 53 |       setContract(_contract);
 54 |       const _deployedGames = await _contract.getDeployedGames();
 55 |       setDeployedGames(_deployedGames);
 56 |     }
 57 |     if (walletAddress) {
 58 |       init();
 59 |     }
 60 |   }, [walletAddress]);
 61 | 
 62 |   async function deployNewGame(betAmount: string, opponent: string) {
 63 |     if (contract) {
 64 |       const tx = await contract.createGame(
 65 |         ethers.utils.parseEther(betAmount),
 66 |         opponent
 67 |       );
 68 |       setPending(true);
 69 |       await tx.wait();
 70 |       setPending(false);
 71 |     }
 72 |   }
 73 |   if (contract) {
 74 |     contract.on("RPSGameCreated", (game: Game) => {
 75 |       if (
 76 |         !deployedGames.find(
 77 |           (_game: Game) => _game.gameAddress === game.gameAddress
 78 |         )
 79 |       ) {
 80 |         setDeployedGames([game, ...deployedGames]);
 81 |       }
 82 |     });
 83 |   }
 84 | 
 85 |   return (
 86 |     <RPSGameFactoryContext.Provider
 87 |       value={{
 88 |         deployedGames,
 89 |         selectedGameAddress,
 90 |         selectGame: setSelectedGameAddress,
 91 |         createGame: deployNewGame,
 92 |       }}
 93 |     >
 94 |       {children}
 95 |     </RPSGameFactoryContext.Provider>
 96 |   );
 97 | };
 98 | 
 99 | export const useRPSGameFactory = () => React.useContext(RPSGameFactoryContext);
100 | 


--------------------------------------------------------------------------------
/frontend/src/context/TransactionContext.tsx:
--------------------------------------------------------------------------------
 1 | import React, { ReactNode } from "react";
 2 | interface Transaction {
 3 |   pending: boolean;
 4 |   setPending: React.Dispatch<React.SetStateAction<boolean>>;
 5 | }
 6 | const TransactionContext = React.createContext<Transaction>({
 7 |   pending: false,
 8 |   setPending: () => {},
 9 | });
10 | type ProviderProps = {
11 |   children: ReactNode;
12 | };
13 | 
14 | export const TransactionProvider = ({ children }: ProviderProps) => {
15 |   const [pending, setPending] = React.useState(false);
16 |   return (
17 |     <TransactionContext.Provider value={{ pending, setPending }}>
18 |       {children}
19 |     </TransactionContext.Provider>
20 |   );
21 | };
22 | 
23 | export const useTransaction = () => React.useContext(TransactionContext);
24 | 


--------------------------------------------------------------------------------
/frontend/src/context/WalletContext.tsx:
--------------------------------------------------------------------------------
 1 | import { JsonRpcProvider } from "@ethersproject/providers";
 2 | import React, { ReactNode } from "react";
 3 | import { getProvider } from "../provider";
 4 | 
 5 | interface WalletProps {
 6 |   walletAddress?: string;
 7 |   setWalletAddress?: React.Dispatch<React.SetStateAction<string>>;
 8 | }
 9 | 
10 | type ProviderProps = {
11 |   children: ReactNode;
12 | };
13 | 
14 | const WalletContext = React.createContext<WalletProps>({});
15 | 
16 | export const WalletProvider = ({ children }: ProviderProps) => {
17 |   const [walletAddress, setWalletAddress] = React.useState<string>("");
18 |   const [provider, setProvider] = React.useState<JsonRpcProvider>();
19 |   React.useEffect(() => {
20 |     async function init() {
21 |       const _provider = await getProvider();
22 |       setProvider(_provider);
23 |     }
24 |     init();
25 |   }, []);
26 |   if (provider) {
27 |     provider.on("accountChanged", (address) => {
28 |       console.log(address);
29 |     });
30 |   }
31 |   return (
32 |     <WalletContext.Provider
33 |       value={{
34 |         walletAddress,
35 |         setWalletAddress,
36 |       }}
37 |     >
38 |       {children}
39 |     </WalletContext.Provider>
40 |   );
41 | };
42 | 
43 | export const useWallet = () => React.useContext(WalletContext);
44 | 


--------------------------------------------------------------------------------
/frontend/src/helpers.ts:
--------------------------------------------------------------------------------
 1 | export const joinClasses = (...classes: string[]) => {
 2 |   return classes.join(" ");
 3 | };
 4 | 
 5 | export const networkNameFromId = {
 6 |   1: "Mainnet",
 7 |   3: "Ropsten",
 8 |   4: "Rinkeby",
 9 |   5: "Goerli",
10 |   42: "Kovan",
11 | };
12 | 
13 | export const getTruncatedAddress = (address: string = "") => {
14 |   return `${address.slice(0, 4)}...${address.slice(address.length - 2)}`;
15 | };
16 | 
17 | export const getRPSGameFactoryAddress = () => {
18 |   // goerli address
19 |   return "0x895c6eBcf228F08436d80EdB6d6981dF0D3E3Ce3";
20 |   // Rinkeby Address
21 |   // return "0xb0f9Dfb7c06E2e9b9BaC5Ac397D686C64be87e7B";
22 |   // Old
23 |   // return "0xD108ae5384de2e2DC0f3855e75cB882E39929c82";
24 |   // Localhost
25 |   // return "0x5FbDB2315678afecb367f032d93F642f64180aa3";
26 | };
27 | 


--------------------------------------------------------------------------------
/frontend/src/images/bg-pentagon.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" width="329" height="313"><path fill="none" stroke="#000" stroke-width="15" d="M164.5 9.27L9.26 122.06l59.296 182.495h191.888L319.74 122.06 164.5 9.271z" opacity=".2"/></svg>


--------------------------------------------------------------------------------
/frontend/src/images/bg-triangle.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" width="305" height="277"><path fill="none" stroke="#000" stroke-width="15" d="M291.5 7.5H4.574c3.119 0 52.416 84.667 147.892 254L291.5 7.5z" opacity=".2"/></svg>


--------------------------------------------------------------------------------
/frontend/src/images/favicon-32x32.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chiranz/rps_game/6f567203aa0e3b4eb74da47881d2e8515a3d6cff/frontend/src/images/favicon-32x32.png


--------------------------------------------------------------------------------
/frontend/src/images/icon-close.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path fill="#3B4262" fill-rule="evenodd" d="M16.97 0l2.122 2.121-7.425 7.425 7.425 7.425-2.121 2.12-7.425-7.424-7.425 7.425L0 16.97l7.425-7.425L0 2.121 2.121 0l7.425 7.425L16.971 0z" opacity=".25"/></svg>


--------------------------------------------------------------------------------
/frontend/src/images/icon-lizard.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" width="63" height="60"><path fill="#3B4262" d="M49.483 2.096c3.229-2 6.324-2.433 8.714-1.219 5.359 2.72 4.583 12.845 2.39 17.232-1.238 2.477-3.432 4.287-6.527 5.387-1.2 3.799-2.884 7.064-5.034 9.764a7.904 7.904 0 005.079 1.837h.09l3.02-2.982c.761-.75 1.994-.751 2.754 0 .76.75.76 1.968 0 2.718l-.267.264h.608c1.075 0 1.947.861 1.947 1.923 0 1.061-.872 1.922-1.947 1.922h-.608l.267.264c.76.75.76 1.968 0 2.719-.38.375-.878.563-1.376.563-.499 0-.997-.188-1.377-.563l-3.022-2.983h-.09a11.823 11.823 0 01-7.724-2.857c-.415.377-.843.738-1.284 1.083-3.732 2.92-8.294 4.617-13.627 5.082a12.08 12.08 0 01.343 6.352l-.02.09 2.325 3.66a1.998 1.998 0 01-.589 2.741 1.936 1.936 0 01-1.057.316 1.953 1.953 0 01-1.651-.912l-.206-.324-.13.605a1.966 1.966 0 01-1.913 1.562 1.95 1.95 0 01-.419-.046 1.984 1.984 0 01-1.498-2.36l.13-.605-.32.209a1.946 1.946 0 01-2.709-.597 1.998 1.998 0 01.59-2.74l3.617-2.353.02-.09a8.073 8.073 0 00-.713-5.394 44.773 44.773 0 01-4.797-.4c-4.684-.634-7.341 1.433-8.044 2.081-5.518 5.093-6.586 14.092-6.596 14.183a1.977 1.977 0 01-1.96 1.757 1.97 1.97 0 01-1.63-.867c-.087-.13-2.164-3.234-3.075-7.615-1.237-5.95.238-11.407 4.266-15.783a20.702 20.702 0 018.738-5.615l-.407.106a7.99 7.99 0 00-3.375-.747h-.09l-3.032 2.983a1.965 1.965 0 01-1.382.563c-.5 0-1-.188-1.382-.563a1.9 1.9 0 010-2.719l.268-.264h-.61c-1.08 0-1.954-.86-1.954-1.922 0-1.062.875-1.922 1.954-1.922h.61l-.268-.264a1.9 1.9 0 010-2.72c.763-.75 2-.75 2.764 0l3.032 2.983h.09a11.87 11.87 0 018.661 3.726l-.217-.223a22.914 22.914 0 015.352.095c4.946.67 8.99-.018 12.113-2.052a12.215 12.215 0 01-2.71-7.7v-.092L30.6 16.287a2.034 2.034 0 010-2.812 1.885 1.885 0 012.725 0l.265.273v-.621c0-1.099.862-1.989 1.926-1.989s1.927.89 1.927 1.989v.62l.265-.272a1.885 1.885 0 012.725 0c1.146 1.183.32 2.483 0 2.812l-2.99 3.086v.091c0 1.878.635 3.673 1.771 5.098 1.412-1.686 2.522-3.808 3.325-6.36-.587-1.625-1.5-5.473.828-9.837 1.22-2.285 3.564-4.687 6.117-6.269z"/></svg>


--------------------------------------------------------------------------------
/frontend/src/images/icon-paper.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" width="49" height="59">
2 | 	<path fill="#3B4262"
3 | 		d="M47.125 11.832a2.922 2.922 0 00-1.232-.198c-.57.04-1.029.271-1.302.65-1.604 2.248-2.919 6.493-3.979 9.905-.486 1.577-1.14 3.688-1.612 4.69-.493-2.807.064-13.09.28-17.05l.003-.064c.15-2.751.17-3.234.138-3.446-.238-1.509-.843-2.5-1.799-2.943-.966-.45-2.22-.25-3.572.563-.677.41-.865 1.816-1.446 8.19l-.002.028c-.32 3.502-1.058 11.566-1.965 12.91-1.023-1.88-2.431-12.555-3.039-17.176-.425-3.236-.673-5.094-.84-5.655-.35-1.176-1.83-2.176-3.295-2.232-1.22-.06-2.22.56-2.698 1.638-.894.995-.578 4.292.41 12.102.47 3.718 1.44 11.395.83 12.257-1.219-.133-3.31-4.942-6.215-14.299-.816-2.62-1.068-3.408-1.318-3.753-.494-1.202-2.172-2.129-3.676-2.024a3.183 3.183 0 00-.377.049c-.787.156-2.584.881-2.2 4.226 1.06 4.637 2.213 8.041 3.331 11.346l.023.066c.669 1.98 1.302 3.85 1.89 5.925 1.385 4.9.846 7.94.84 7.975-.046.312-.143.503-.288.57a.556.556 0 01-.195.045c-.44.03-1.098-.26-1.437-.45-.776-1.482-4.636-8.544-8.134-9.524l-.126-.037-.127.012c-1.283.121-2.226.606-2.803 1.441-.914 1.32-.535 3.002-.444 3.34l.052.12c.028.051 2.834 5.165 3.268 7.544.374 2.04 2.311 4.25 3.869 6.026l.064.073c.508.58.946 1.083 1.292 1.548 4.519 4.713 11.665 8.677 11.723 8.71.892.657 1.387 1.293 1.44 1.84a.798.798 0 01-.16.58l-.155.162.988.96 18.853-1.324.804-3.684c2.486-10.402 1.967-19.272 1.958-19.33.01-.327.706-3.483 1.266-6.033l.017-.065c1.117-5.08 2.505-11.4 2.772-13.803.116-1.028-.542-1.972-1.675-2.401z" />
4 | </svg>


--------------------------------------------------------------------------------
/frontend/src/images/icon-rock.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48">
2 | 	<path fill="#3B4262"
3 | 		d="M45.06 12.22c-.642-8.096-9.734-7.269-9.734-7.269-3.837-6.765-9.832-1.865-9.832-1.865-4.606-6.63-10.38-.486-10.38-.486-9.957-1.074-9.571 7.066-9.571 7.066-.234 2.588 1.403 10.593 1.403 10.593-1.477-4.614-4.68-.784-4.68-.784-3.94 6.078-.975 9.405-.975 9.405 5.33 6.246 16.688 13.743 16.688 13.743 4.113 2.356 2.373 4.457 2.373 4.457l24.876-4.11.571-4.718c3.782-11.436-.739-26.032-.739-26.032z" />
4 | </svg>


--------------------------------------------------------------------------------
/frontend/src/images/icon-scissors.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" width="51" height="58">
2 | 	<path fill="#3B4262"
3 | 		d="M13.971 25.702l6.012-8.415c-2.499-.415-7.088-.507-10.846 3.235C3.212 26.421.812 39.163.312 42.248L15.37 57.24c2.711-.232 14.713-1.827 26.279-13.34.122-.249 2.94-2.321.636-4.614-1.1-1.095-2.919-1.074-4.042.044-.572.57-1.461.577-2.021.02-.56-.557-.552-1.443.02-2.012l4.087-4.069c2.076-2.067.119-5.555-2.78-4.717l-3.345 2.851c-.611.53-1.52.439-2.022-.14-.519-.597-.408-1.503.183-2.013 11.687-10.208 9.98-8.979 17.5-15.995 2.809-2.329-.725-6.447-3.493-4.09L28.182 25.45c-.529.448-1.34.457-1.86-.02-.601-.517-.615-1.262-.222-1.85L38.787 3.944c1.854-2.5-1.795-5.277-3.749-2.757L16.28 27.307c-.452.65-1.364.8-1.985.345a1.377 1.377 0 01-.323-1.95z" />
4 | </svg>


--------------------------------------------------------------------------------
/frontend/src/images/icon-spock.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" width="45" height="59"><path fill="#3B4262" d="M44.042 32.422l-.863-.86c-2.062-2.054-5.433-2.5-7.95-1.06l-5.376 3.059 1.12-24.502c0-2.054-1.678-3.726-3.743-3.726-.446 0-.875.079-1.273.222l.134-1.315c0-2.077-1.705-3.767-3.798-3.767-1.936 0-3.559 1.445-3.764 3.299l-3.45 20.75c-.045.282-.536.253-.588.075L10.416 7.962a3.658 3.658 0 00-3.502-2.629c-1.118 0-2.157.501-2.853 1.375a3.592 3.592 0 00-.69 3.08l.792 3.35a3.34 3.34 0 00-1.335.168 3.447 3.447 0 00-2.326 3.818L2.9 30.85c0 5.415.953 9.423 1.754 11.83a13.61 13.61 0 01.687 4.291c0 1.284-.179 2.562-.534 3.796l-1.86 6.482c-.104.366-.03.76.198 1.065.232.304.592.483.975.483h21.97a1.218 1.218 0 001.16-1.6c-.013-.031-1.033-3.169-.067-7.437 1.225-.99 5.514-4.462 7.054-5.862 2.546-2.315 9.521-9.468 9.817-9.772a1.21 1.21 0 00-.012-1.705z"/></svg>


--------------------------------------------------------------------------------
/frontend/src/images/image-rules-bonus.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" width="340" height="330"><defs><linearGradient id="a" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#FFF" stop-opacity=".097"/><stop offset="100%" stop-color="#FFF" stop-opacity="0"/></linearGradient></defs><g fill="none" fill-rule="evenodd"><g transform="translate(233 92)"><ellipse cx="51.5" cy="50.172" fill="#B1B4C5" rx="51.5" ry="50.172"/><ellipse cx="51.5" cy="50.172" fill="url(#a)" rx="51.5" ry="50.172"/><g transform="translate(11.965 11.897)"><ellipse cx="39.535" cy="39.31" fill="#E1E4ED" rx="39.535" ry="39.31"/><path fill="#8A90AC" fill-rule="nonzero" d="M54.896 29.133a2.078 2.078 0 00-.874-.14c-.405.028-.732.192-.925.46-1.14 1.595-2.074 4.607-2.827 7.028-.345 1.119-.81 2.616-1.145 3.327-.35-1.991.045-9.287.199-12.096l.002-.046c.107-1.952.121-2.294.098-2.444-.17-1.07-.599-1.774-1.278-2.088-.686-.32-1.577-.178-2.537.399-.481.29-.614 1.288-1.028 5.81l-.001.02c-.228 2.485-.751 8.206-1.395 9.159-.727-1.333-1.728-8.907-2.16-12.185-.301-2.296-.477-3.614-.596-4.012-.249-.834-1.3-1.544-2.34-1.583-.867-.043-1.578.397-1.917 1.162-.635.705-.41 3.045.29 8.586.335 2.637 1.024 8.084.59 8.695-.865-.094-2.35-3.506-4.414-10.144-.58-1.86-.759-2.418-.937-2.663-.35-.853-1.542-1.51-2.61-1.436-.092.006-.18.018-.268.035-.56.11-1.836.625-1.564 2.998.754 3.29 1.573 5.705 2.367 8.05l.016.046c.476 1.404.925 2.731 1.343 4.204.984 3.476.601 5.633.596 5.658-.032.222-.1.357-.204.405a.396.396 0 01-.139.031c-.311.022-.78-.185-1.02-.319-.551-1.051-3.293-6.062-5.778-6.757l-.09-.026-.09.008c-.911.086-1.581.43-1.991 1.023-.649.937-.38 2.13-.315 2.369l.036.086c.02.036 2.013 3.664 2.322 5.352.266 1.447 1.642 3.015 2.748 4.275l.046.051c.36.413.672.769.917 1.099 3.21 3.343 8.287 6.156 8.328 6.179.633.466.985.917 1.023 1.306a.566.566 0 01-.114.41l-.11.116.702.681 13.392-.94.571-2.613c1.766-7.38 1.397-13.672 1.391-13.714.007-.232.502-2.47.9-4.28l.011-.046c.794-3.603 1.78-8.087 1.97-9.793.082-.73-.386-1.399-1.19-1.703z"/></g></g><g transform="translate(0 92)"><ellipse cx="51.5" cy="52.5" fill="#B1B4C5" rx="51.5" ry="52.5"/><ellipse cx="51.5" cy="50.172" fill="url(#a)" rx="51.5" ry="50.172"/><g transform="translate(11.965 11.897)"><ellipse cx="39.535" cy="39.31" fill="#E1E4ED" rx="39.535" ry="39.31"/><path fill="#8A90AC" fill-rule="nonzero" d="M56.968 42.321l-.613-.61c-1.465-1.456-3.86-1.774-5.647-.752l-3.82 2.17.797-17.382a2.654 2.654 0 00-2.659-2.644c-.317 0-.621.056-.904.158l.095-.933c0-1.474-1.211-2.673-2.698-2.673-1.375 0-2.528 1.025-2.674 2.34l-2.45 14.721c-.032.2-.381.18-.418.054l-2.895-11.802a2.598 2.598 0 00-2.487-1.865c-.794 0-1.533.356-2.027.975a2.546 2.546 0 00-.49 2.186l.563 2.376a2.376 2.376 0 00-.949.12 2.445 2.445 0 00-1.652 2.708l1.703 9.739c0 3.842.678 6.685 1.246 8.392.324.974.488 1.999.488 3.045 0 .911-.127 1.818-.38 2.693l-1.32 4.599a.863.863 0 00.833 1.098h15.607a.866.866 0 00.823-1.135c-.009-.022-.734-2.248-.048-5.276.87-.703 3.917-3.166 5.011-4.16 1.809-1.642 6.764-6.716 6.974-6.932a.858.858 0 00-.009-1.21z"/></g></g><g transform="translate(117)"><ellipse cx="51.5" cy="52.5" fill="#B1B4C5" rx="51.5" ry="52.5"/><ellipse cx="51.5" cy="50.172" fill="url(#a)" rx="51.5" ry="50.172"/><g transform="translate(11.965 11.897)"><ellipse cx="39.535" cy="39.31" fill="#E1E4ED" rx="39.535" ry="39.31"/><path fill="#8A90AC" fill-rule="nonzero" d="M29.214 38.974l4.271-5.97c-1.775-.295-5.035-.36-7.705 2.295-4.208 4.184-5.913 13.225-6.268 15.413l10.696 10.636c1.926-.164 10.452-1.296 18.667-9.464.087-.177 2.088-1.647.452-3.274-.78-.776-2.073-.762-2.871.032a1.01 1.01 0 01-1.436.014.996.996 0 01.014-1.428l2.903-2.886c1.476-1.467.085-3.941-1.974-3.347l-2.377 2.023a1.022 1.022 0 01-1.435-.099c-.369-.424-.29-1.067.13-1.429 8.301-7.242 7.09-6.37 12.43-11.347 1.996-1.652-.515-4.575-2.481-2.901L39.31 38.794a1.01 1.01 0 01-1.322-.014c-.427-.367-.437-.895-.158-1.312l9.012-13.931c1.318-1.774-1.275-3.744-2.663-1.956l-13.325 18.53a1.009 1.009 0 01-1.41.246.976.976 0 01-.23-1.383z"/></g></g><g transform="translate(187 225)"><ellipse cx="51.5" cy="52.5" fill="#B1B4C5" rx="51.5" ry="52.5"/><ellipse cx="51.5" cy="50.172" fill="url(#a)" rx="51.5" ry="50.172"/><g transform="translate(11.965 11.897)"><ellipse cx="39.535" cy="39.31" fill="#E1E4ED" rx="39.535" ry="39.31"/><path fill="#8A90AC" fill-rule="nonzero" d="M54.85 33.665c-.455-5.744-6.914-5.157-6.914-5.157-2.726-4.8-6.984-1.323-6.984-1.323-3.272-4.704-7.374-.345-7.374-.345-7.072-.762-6.798 5.013-6.798 5.013-.167 1.836.996 7.515.996 7.515-1.049-3.273-3.325-.556-3.325-.556-2.797 4.312-.691 6.673-.691 6.673 3.785 4.431 11.854 9.75 11.854 9.75 2.92 1.671 1.685 3.161 1.685 3.161l17.67-2.916.407-3.346c2.686-8.114-.525-18.47-.525-18.47z"/></g></g><g transform="translate(46 225)"><ellipse cx="51.5" cy="52.5" fill="#B1B4C5" rx="51.5" ry="52.5"/><ellipse cx="51.5" cy="50.172" fill="url(#a)" rx="51.5" ry="50.172"/><g transform="translate(11.965 11.897)"><ellipse cx="39.535" cy="39.31" fill="#E1E4ED" rx="39.535" ry="39.31"/><path fill="#8A90AC" fill-rule="nonzero" d="M52.31 21.516c2.294-1.419 4.492-1.726 6.19-.865 3.806 1.93 3.255 9.113 1.698 12.226-.88 1.757-2.438 3.04-4.637 3.821-.852 2.695-2.048 5.011-3.575 6.927a5.615 5.615 0 003.607 1.304h.064l2.146-2.116a1.397 1.397 0 011.956 0 1.35 1.35 0 010 1.929l-.19.187H60c.764 0 1.383.61 1.383 1.364 0 .753-.62 1.363-1.383 1.363h-.432l.19.188a1.35 1.35 0 010 1.928c-.27.267-.624.4-.978.4s-.708-.133-.978-.4l-2.146-2.116h-.064a8.404 8.404 0 01-5.487-2.027 15.99 15.99 0 01-.913.77c-2.65 2.07-5.892 3.275-9.68 3.604.478 1.435.571 2.99.244 4.507l-.013.063 1.651 2.598a1.416 1.416 0 01-.418 1.944 1.387 1.387 0 01-1.924-.423l-.146-.23-.093.43a1.396 1.396 0 01-1.656 1.075 1.407 1.407 0 01-1.065-1.674l.093-.43-.228.148c-.647.42-1.508.231-1.924-.423a1.416 1.416 0 01.419-1.944l2.57-1.67.014-.063a5.721 5.721 0 00-.507-3.827 31.796 31.796 0 01-3.407-.283c-3.328-.45-5.215 1.016-5.714 1.476-3.92 3.613-4.679 9.998-4.686 10.062a1.403 1.403 0 01-1.391 1.247 1.4 1.4 0 01-1.158-.615c-.063-.093-1.538-2.295-2.185-5.403-.879-4.22.169-8.093 3.03-11.197a14.707 14.707 0 016.21-3.985l-.292.076a5.682 5.682 0 00-2.397-.53h-.064l-2.154 2.116c-.271.267-.627.4-.982.4s-.71-.133-.982-.4a1.347 1.347 0 010-1.928l.191-.188h-.433c-.767 0-1.389-.61-1.389-1.363 0-.754.622-1.364 1.389-1.364h.433l-.19-.188a1.347 1.347 0 010-1.928 1.406 1.406 0 011.963 0l2.154 2.116h.064c2.345 0 4.568.96 6.152 2.643l-.154-.158a16.297 16.297 0 013.802.067c3.513.475 6.386-.013 8.604-1.456a8.658 8.658 0 01-1.924-5.463v-.065l-2.124-2.19a1.442 1.442 0 010-1.995 1.34 1.34 0 011.936 0l.187.194v-.44c0-.78.613-1.411 1.37-1.411.755 0 1.368.631 1.368 1.41v.441l.188-.194a1.34 1.34 0 011.935 0c.815.84.227 1.762 0 1.996l-2.123 2.189v.065c0 1.332.45 2.606 1.259 3.618 1.002-1.198 1.79-2.703 2.36-4.514-.417-1.153-1.065-3.882.589-6.978.866-1.622 2.531-3.326 4.345-4.448z"/></g></g><g fill="#B1B4C5" transform="rotate(-40 152.162 -62.778)"><rect width="32.692" height="2.667" y="6.667" rx="1.333"/><path d="M27.437 1.343l5.617 5.819c.47.487.466 1.26-.009 1.744a1.187 1.187 0 01-1.7-.009l-5.617-5.819a1.249 1.249 0 01.009-1.744 1.187 1.187 0 011.7.009z"/><path d="M25.728 12.922l5.617-5.82a1.187 1.187 0 011.7-.008c.475.483.48 1.257.009 1.744l-5.617 5.82a1.187 1.187 0 01-1.7.008 1.249 1.249 0 01-.009-1.744z"/></g><g fill="#B1B4C5" transform="scale(1 -1) rotate(-40 11.858 -344.091)"><rect width="32.692" height="2.667" y="6.667" rx="1.333"/><path d="M27.437 1.343l5.617 5.819c.47.487.466 1.26-.009 1.744a1.187 1.187 0 01-1.7-.009l-5.617-5.819a1.249 1.249 0 01.009-1.744 1.187 1.187 0 011.7.009z"/><path d="M25.728 12.922l5.617-5.82a1.187 1.187 0 011.7-.008c.475.483.48 1.257.009 1.744l-5.617 5.82a1.187 1.187 0 01-1.7.008 1.249 1.249 0 01-.009-1.744z"/></g><g fill="#B1B4C5" transform="rotate(127 100.649 180.558)"><rect width="32.692" height="2.667" y="6.667" rx="1.333"/><path d="M27.437 1.343l5.617 5.819c.47.487.466 1.26-.009 1.744a1.187 1.187 0 01-1.7-.009l-5.617-5.819a1.249 1.249 0 01.009-1.744 1.187 1.187 0 011.7.009z"/><path d="M25.728 12.922l5.617-5.82a1.187 1.187 0 011.7-.008c.475.483.48 1.257.009 1.744l-5.617 5.82a1.187 1.187 0 01-1.7.008 1.249 1.249 0 01-.009-1.744z"/></g><g fill="#B1B4C5" transform="matrix(-1 0 0 1 186 297)"><rect width="32.692" height="2.667" y="6.667" rx="1.333"/><path d="M27.437 1.343l5.617 5.819c.47.487.466 1.26-.009 1.744a1.187 1.187 0 01-1.7-.009l-5.617-5.819a1.249 1.249 0 01.009-1.744 1.187 1.187 0 011.7.009z"/><path d="M25.728 12.922l5.617-5.82a1.187 1.187 0 011.7-.008c.475.483.48 1.257.009 1.744l-5.617 5.82a1.187 1.187 0 01-1.7.008 1.249 1.249 0 01-.009-1.744z"/></g><g fill="#B1B4C5" transform="scale(-1 1) rotate(-53 195.597 178.185)"><rect width="32.692" height="2.667" y="6.667" rx="1.333"/><path d="M27.437 1.343l5.617 5.819c.47.487.466 1.26-.009 1.744a1.187 1.187 0 01-1.7-.009l-5.617-5.819a1.249 1.249 0 01.009-1.744 1.187 1.187 0 011.7.009z"/><path d="M25.728 12.922l5.617-5.82a1.187 1.187 0 011.7-.008c.475.483.48 1.257.009 1.744l-5.617 5.82a1.187 1.187 0 01-1.7.008 1.249 1.249 0 01-.009-1.744z"/></g><g fill="#B1B4C5"><g transform="matrix(-1 0 0 1 212 131)"><rect width="85" height="2.667" x=".692" y="6.667" rx="1.333"/><path d="M80.437 1.343l5.617 5.819c.47.487.466 1.26-.009 1.744a1.187 1.187 0 01-1.7-.009l-5.617-5.819a1.249 1.249 0 01.009-1.744 1.187 1.187 0 011.7.009z"/><path d="M78.728 12.922l5.617-5.82a1.187 1.187 0 011.7-.008c.475.483.48 1.257.009 1.744l-5.617 5.82a1.187 1.187 0 01-1.7.008 1.249 1.249 0 01-.009-1.744z"/></g><text font-family="BarlowSemiCondensed-Bold, Barlow Semi Condensed" font-size="6" font-style="condensed" font-weight="bold" transform="translate(124 131)"><tspan x="35" y="20">BEATS</tspan></text><g transform="rotate(40 -169.505 247.617)"><rect width="85" height="2.667" x=".692" y="6.667" rx="1.333"/><path d="M80.437 1.343l5.617 5.819c.47.487.466 1.26-.009 1.744a1.187 1.187 0 01-1.7-.009l-5.617-5.819a1.249 1.249 0 01.009-1.744 1.187 1.187 0 011.7.009z"/><path d="M78.728 12.922l5.617-5.82a1.187 1.187 0 011.7-.008c.475.483.48 1.257.009 1.744l-5.617 5.82a1.187 1.187 0 01-1.7.008 1.249 1.249 0 01-.009-1.744z"/></g><text font-family="BarlowSemiCondensed-Bold, Barlow Semi Condensed" font-size="6" font-style="condensed" font-weight="bold" transform="rotate(40 -161.263 250.617)"><tspan x="35" y="6">BEATS</tspan></text><g transform="rotate(-40 381.505 -93.07)"><rect width="85" height="2.667" x=".692" y="6.667" rx="1.333"/><path d="M80.437 1.343l5.617 5.819c.47.487.466 1.26-.009 1.744a1.187 1.187 0 01-1.7-.009l-5.617-5.819a1.249 1.249 0 01.009-1.744 1.187 1.187 0 011.7.009z"/><path d="M78.728 12.922l5.617-5.82a1.187 1.187 0 011.7-.008c.475.483.48 1.257.009 1.744l-5.617 5.82a1.187 1.187 0 01-1.7.008 1.249 1.249 0 01-.009-1.744z"/></g><text font-family="BarlowSemiCondensed-Bold, Barlow Semi Condensed" font-size="6" font-style="condensed" font-weight="bold" transform="rotate(-40 373.263 -90.07)"><tspan x="35" y="6">BEATS</tspan></text><g><g transform="rotate(-110 176.867 31.934)"><rect width="85" height="2.667" x=".692" y="6.667" rx="1.333"/><path d="M80.437 1.343l5.617 5.819c.47.487.466 1.26-.009 1.744a1.187 1.187 0 01-1.7-.009l-5.617-5.819a1.249 1.249 0 01.009-1.744 1.187 1.187 0 011.7.009z"/><path d="M78.728 12.922l5.617-5.82a1.187 1.187 0 011.7-.008c.475.483.48 1.257.009 1.744l-5.617 5.82a1.187 1.187 0 01-1.7.008 1.249 1.249 0 01-.009-1.744z"/></g><text font-family="BarlowSemiCondensed-Bold, Barlow Semi Condensed" font-size="6" font-style="condensed" font-weight="bold" transform="rotate(-110 174.766 34.934)"><tspan x="36" y="6">BEATS</tspan></text></g><g><g transform="rotate(110 35.133 118.76)"><rect width="85" height="2.667" x=".692" y="6.667" rx="1.333"/><path d="M80.437 1.343l5.617 5.819c.47.487.466 1.26-.009 1.744a1.187 1.187 0 01-1.7-.009l-5.617-5.819a1.249 1.249 0 01.009-1.744 1.187 1.187 0 011.7.009z"/><path d="M78.728 12.922l5.617-5.82a1.187 1.187 0 011.7-.008c.475.483.48 1.257.009 1.744l-5.617 5.82a1.187 1.187 0 01-1.7.008 1.249 1.249 0 01-.009-1.744z"/></g><text font-family="BarlowSemiCondensed-Bold, Barlow Semi Condensed" font-size="6" font-style="condensed" font-weight="bold" transform="rotate(110 37.234 121.76)"><tspan x="33" y="6">BEATS</tspan></text></g></g><text fill="#B1B4C5" font-family="BarlowSemiCondensed-Bold, Barlow Semi Condensed" font-size="11" font-style="condensed" font-weight="bold"><tspan x="252" y="64">BEATS</tspan></text><text fill="#B1B4C5" font-family="BarlowSemiCondensed-Bold, Barlow Semi Condensed" font-size="11" font-style="condensed" font-weight="bold"><tspan x="55" y="64">BEATS</tspan></text><text fill="#B1B4C5" font-family="BarlowSemiCondensed-Bold, Barlow Semi Condensed" font-size="11" font-style="condensed" font-weight="bold"><tspan x="305" y="225">BEATS</tspan></text><text fill="#B1B4C5" font-family="BarlowSemiCondensed-Bold, Barlow Semi Condensed" font-size="11" font-style="condensed" font-weight="bold"><tspan x="1" y="225">BEATS</tspan></text><text fill="#B1B4C5" font-family="BarlowSemiCondensed-Bold, Barlow Semi Condensed" font-size="11" font-style="condensed" font-weight="bold"><tspan x="154" y="328">BEATS</tspan></text></g></svg>


--------------------------------------------------------------------------------
/frontend/src/images/image-rules.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" width="304" height="270"><defs><linearGradient id="a" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#FFF" stop-opacity=".097"/><stop offset="100%" stop-color="#FFF" stop-opacity="0"/></linearGradient><linearGradient id="b" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#FFF" stop-opacity=".097"/><stop offset="100%" stop-color="#FFF" stop-opacity="0"/></linearGradient></defs><g fill="none" fill-rule="evenodd"><ellipse cx="53.189" cy="54.815" fill="#B1B4C5" rx="53.189" ry="54.815"/><ellipse cx="53.189" cy="52.385" fill="url(#a)" rx="53.189" ry="52.385"/><g transform="translate(12.357 12.421)"><ellipse cx="40.832" cy="41.044" fill="#E1E4ED" rx="40.832" ry="41.044"/><path fill="#8A90AC" fill-rule="nonzero" d="M56.697 30.417a2.125 2.125 0 00-.904-.146c-.417.03-.755.201-.955.481-1.177 1.666-2.141 4.81-2.919 7.337-.357 1.169-.836 2.733-1.183 3.475-.362-2.08.047-9.697.206-12.63l.002-.047c.11-2.038.125-2.396.1-2.553-.174-1.118-.618-1.852-1.319-2.18-.708-.333-1.629-.186-2.62.417-.497.303-.635 1.345-1.061 6.067l-.002.02c-.235 2.595-.776 8.568-1.441 9.563-.75-1.392-1.784-9.3-2.23-12.722-.312-2.397-.494-3.774-.616-4.19-.257-.87-1.343-1.611-2.418-1.653-.895-.044-1.629.415-1.98 1.214-.655.736-.423 3.179.302 8.964.344 2.754 1.056 8.441.608 9.08-.893-.099-2.427-3.661-4.559-10.592-.598-1.942-.783-2.525-.967-2.78-.362-.891-1.593-1.578-2.696-1.5a2.314 2.314 0 00-.277.036c-.578.116-1.896.653-1.615 3.13.779 3.435 1.624 5.957 2.445 8.405l.016.05c.491 1.465.955 2.85 1.387 4.388 1.016 3.63.621 5.882.616 5.907-.034.232-.105.374-.211.423a.405.405 0 01-.143.033c-.322.023-.805-.193-1.055-.333-.568-1.098-3.4-6.33-5.967-7.055L25.15 41l-.093.008c-.942.09-1.634.45-2.057 1.068-.67.978-.393 2.224-.325 2.474l.038.09c.02.037 2.079 3.825 2.397 5.587.275 1.511 1.696 3.148 2.838 4.464l.047.054c.373.43.695.802.948 1.146 3.316 3.492 8.558 6.428 8.601 6.452.654.487 1.018.958 1.056 1.363a.595.595 0 01-.117.43l-.114.12.725.711 13.832-.98.59-2.73c1.823-7.705 1.442-14.275 1.436-14.319.007-.242.518-2.58.93-4.468l.011-.048c.82-3.763 1.838-8.444 2.034-10.225.085-.761-.398-1.46-1.23-1.779z"/></g><g transform="translate(196)"><ellipse cx="53.686" cy="54.815" fill="#B1B4C5" rx="53.686" ry="54.815"/><ellipse cx="53.686" cy="52.385" fill="url(#b)" rx="53.686" ry="52.385"/><g transform="translate(12.473 12.421)"><ellipse cx="41.214" cy="41.044" fill="#E1E4ED" rx="41.214" ry="41.044"/><path fill="#8A90AC" fill-rule="nonzero" d="M30.455 40.692l4.451-6.234c-1.85-.307-5.248-.375-8.031 2.397-4.388 4.37-6.165 13.809-6.535 16.093l11.15 11.105c2.008-.17 10.896-1.353 19.46-9.881.09-.184 2.177-1.72.471-3.418-.814-.81-2.162-.796-2.993.033a1.051 1.051 0 01-1.497.015 1.04 1.04 0 01.015-1.49l3.026-3.014c1.538-1.532.089-4.116-2.058-3.495l-2.477 2.112a1.065 1.065 0 01-1.497-.103c-.384-.443-.302-1.114.135-1.492 8.654-7.562 7.39-6.65 12.958-11.848 2.08-1.725-.536-4.776-2.586-3.03L40.978 40.506a1.051 1.051 0 01-1.378-.015c-.445-.383-.455-.934-.164-1.37l9.395-14.545c1.373-1.852-1.33-3.91-2.776-2.042L32.164 41.881a1.05 1.05 0 01-1.47.255 1.02 1.02 0 01-.24-1.444z"/></g></g><g transform="translate(98 160)"><ellipse cx="53.686" cy="54.815" fill="#B1B4C5" rx="53.686" ry="54.815"/><ellipse cx="53.686" cy="52.385" fill="url(#b)" rx="53.686" ry="52.385"/><g transform="translate(12.473 12.421)"><ellipse cx="41.214" cy="41.044" fill="#E1E4ED" rx="41.214" ry="41.044"/><path fill="#8A90AC" fill-rule="nonzero" d="M57.179 35.15c-.475-5.997-7.208-5.385-7.208-5.385-2.842-5.01-7.281-1.381-7.281-1.381-3.41-4.911-7.687-.36-7.687-.36-7.373-.796-7.087 5.234-7.087 5.234-.173 1.917 1.04 7.847 1.04 7.847-1.094-3.418-3.467-.581-3.467-.581-2.917 4.502-.721 6.967-.721 6.967 3.947 4.626 12.357 10.18 12.357 10.18 3.046 1.745 1.757 3.3 1.757 3.3l18.42-3.044.424-3.494c2.8-8.472-.547-19.284-.547-19.284z"/></g></g><text fill="#B1B4C5" font-family="BarlowSemiCondensed-Bold, Barlow Semi Condensed" font-size="13" font-style="condensed" font-weight="bold"><tspan x="134" y="31">BEATS</tspan></text><text fill="#B1B4C5" font-family="BarlowSemiCondensed-Bold, Barlow Semi Condensed" font-size="13" font-style="condensed" font-weight="bold"><tspan x="40" y="147">BEATS</tspan></text><text fill="#B1B4C5" font-family="BarlowSemiCondensed-Bold, Barlow Semi Condensed" font-size="13" font-style="condensed" font-weight="bold"><tspan x="235" y="147">BEATS</tspan></text><g fill="#B1B4C5" transform="matrix(-1 0 0 1 177 39)"><rect width="50" height="4" y="10" rx="2"/><path d="M41.963 2.015l8.59 8.728c.716.727.71 1.896-.013 2.616a1.833 1.833 0 01-2.6-.013l-8.59-8.728a1.855 1.855 0 01.013-2.616 1.833 1.833 0 012.6.013z"/><path d="M39.35 19.382l8.59-8.728a1.833 1.833 0 012.6-.013c.723.72.729 1.889.013 2.616l-8.59 8.728a1.833 1.833 0 01-2.6.013 1.855 1.855 0 01-.013-2.616z"/></g><g fill="#B1B4C5" transform="scale(1 -1) rotate(-55 -82.574 -131.195)"><rect width="50" height="4" y="10" rx="2"/><path d="M41.963 2.015l8.59 8.728c.716.727.71 1.896-.013 2.616a1.833 1.833 0 01-2.6-.013l-8.59-8.728a1.855 1.855 0 01.013-2.616 1.833 1.833 0 012.6.013z"/><path d="M39.35 19.382l8.59-8.728a1.833 1.833 0 012.6-.013c.723.72.729 1.889.013 2.616l-8.59 8.728a1.833 1.833 0 01-2.6.013 1.855 1.855 0 01-.013-2.616z"/></g><g fill="#B1B4C5" transform="rotate(-55 240.022 -103.651)"><rect width="50" height="4" y="10" rx="2"/><path d="M41.963 2.015l8.59 8.728c.716.727.71 1.896-.013 2.616a1.833 1.833 0 01-2.6-.013l-8.59-8.728a1.855 1.855 0 01.013-2.616 1.833 1.833 0 012.6.013z"/><path d="M39.35 19.382l8.59-8.728a1.833 1.833 0 012.6-.013c.723.72.729 1.889.013 2.616l-8.59 8.728a1.833 1.833 0 01-2.6.013 1.855 1.855 0 01-.013-2.616z"/></g></g></svg>


--------------------------------------------------------------------------------
/frontend/src/images/logo.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="162" height="99"><defs><filter id="a" width="107.7%" height="112.9%" x="-3.9%" y="-3.2%" filterUnits="objectBoundingBox"><feOffset dy="3" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="1.5"/><feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.196705638 0"/></filter><path id="b" d="M39.28 56a.463.463 0 00.34-.14.463.463 0 00.14-.34V44.6c0-.133.067-.2.2-.2h2.52c.08 0 .147.053.2.16l4.04 11.04c.08.267.267.4.56.4h4.88c.293 0 .44-.12.44-.36a.445.445 0 00-.04-.2L48 43.96c-.053-.133-.013-.227.12-.28 1.36-.613 2.413-1.547 3.16-2.8.747-1.253 1.12-2.733 1.12-4.44 0-1.653-.333-3.12-1-4.4a7.203 7.203 0 00-2.84-2.98c-1.227-.707-2.627-1.06-4.2-1.06H34.6a.463.463 0 00-.34.14.463.463 0 00-.14.34v27.04c0 .133.047.247.14.34.093.093.207.14.34.14h4.68zm4.16-15.92h-3.48c-.133 0-.2-.067-.2-.2v-6.84c0-.133.067-.2.2-.2h3.48c.987 0 1.787.327 2.4.98s.92 1.54.92 2.66c0 1.093-.307 1.967-.92 2.62s-1.413.98-2.4.98zm21.2 16.28c1.84 0 3.467-.373 4.88-1.12 1.413-.747 2.507-1.8 3.28-3.16.773-1.36 1.16-2.947 1.16-4.76V36.68c0-1.787-.387-3.36-1.16-4.72-.773-1.36-1.867-2.413-3.28-3.16-1.413-.747-3.04-1.12-4.88-1.12-1.84 0-3.46.373-4.86 1.12a8.003 8.003 0 00-3.26 3.16c-.773 1.36-1.16 2.933-1.16 4.72v10.64c0 1.813.387 3.4 1.16 4.76a8.003 8.003 0 003.26 3.16c1.4.747 3.02 1.12 4.86 1.12zm0-4.84c-1.093 0-1.973-.367-2.64-1.1-.667-.733-1-1.687-1-2.86V36.52c0-1.2.333-2.167 1-2.9.667-.733 1.547-1.1 2.64-1.1 1.12 0 2.013.367 2.68 1.1.667.733 1 1.7 1 2.9v11.04c0 1.173-.333 2.127-1 2.86-.667.733-1.56 1.1-2.68 1.1zm21.76 4.8c1.813 0 3.413-.353 4.8-1.06 1.387-.707 2.46-1.713 3.22-3.02.76-1.307 1.14-2.813 1.14-4.52v-.12a.463.463 0 00-.14-.34.463.463 0 00-.34-.14l-4.68-.2c-.32 0-.48.147-.48.44v.52c0 1.093-.32 1.967-.96 2.62-.64.653-1.493.98-2.56.98s-1.92-.327-2.56-.98c-.64-.653-.96-1.527-.96-2.62V36.16c0-1.093.32-1.973.96-2.64.64-.667 1.493-1 2.56-1s1.92.333 2.56 1c.64.667.96 1.547.96 2.64v.52c0 .293.16.44.48.44l4.68-.2a.436.436 0 00.34-.16.533.533 0 00.14-.36v-.2c0-1.707-.38-3.2-1.14-4.48-.76-1.28-1.833-2.273-3.22-2.98-1.387-.707-2.987-1.06-4.8-1.06-1.813 0-3.413.36-4.8 1.08-1.387.72-2.46 1.74-3.22 3.06-.76 1.32-1.14 2.847-1.14 4.58v11.12c0 1.76.38 3.307 1.14 4.64a7.716 7.716 0 003.22 3.08c1.387.72 2.987 1.08 4.8 1.08zm17.92-.32a.463.463 0 00.34-.14.463.463 0 00.14-.34v-8c0-.053.027-.133.08-.24l1.8-2.6c.053-.08.107-.12.16-.12.053 0 .093.04.12.12l5.68 10.96c.133.24.32.36.56.36h5.12c.293 0 .44-.107.44-.32a.614.614 0 00-.08-.24l-7.84-15.12a.498.498 0 010-.28l7.4-11.48c.107-.16.127-.293.06-.4-.067-.107-.193-.16-.38-.16h-5.16a.627.627 0 00-.56.32l-7.16 10.88c-.027.08-.073.107-.14.08-.067-.027-.1-.08-.1-.16V28.48a.463.463 0 00-.14-.34.463.463 0 00-.34-.14h-4.68a.463.463 0 00-.34.14.463.463 0 00-.14.34v27.04c0 .133.047.247.14.34.093.093.207.14.34.14h4.68zM39.16 88a.463.463 0 00.34-.14.463.463 0 00.14-.34v-10.4c0-.133.067-.2.2-.2h4.32c1.6 0 3.02-.347 4.26-1.04a7.197 7.197 0 002.88-2.94c.68-1.267 1.02-2.727 1.02-4.38 0-1.68-.34-3.173-1.02-4.48-.68-1.307-1.64-2.32-2.88-3.04-1.24-.72-2.66-1.08-4.26-1.08h-9.68a.463.463 0 00-.34.14.463.463 0 00-.14.34v27.08c0 .133.047.247.14.34.093.093.207.14.34.14h4.68zm4.08-15.56h-3.4c-.133 0-.2-.067-.2-.2v-7.2c0-.133.067-.2.2-.2h3.4c1.04 0 1.873.347 2.5 1.04.627.693.94 1.627.94 2.8 0 1.147-.313 2.06-.94 2.74-.627.68-1.46 1.02-2.5 1.02zM59.36 88c.267 0 .44-.133.52-.4l.92-3.92c.027-.107.093-.16.2-.16h7.48c.107 0 .173.053.2.16l.92 3.92c.08.267.267.4.56.4h4.88c.293 0 .44-.12.44-.36l-.04-.16-7.2-27.08c-.08-.267-.267-.4-.56-.4h-5.8c-.293 0-.48.133-.56.4l-7.2 27.08c-.08.347.053.52.4.52h4.84zm8-8.84h-5.28a.266.266 0 01-.16-.06c-.053-.04-.067-.1-.04-.18l2.68-11.6c.027-.107.067-.16.12-.16.053 0 .093.053.12.16l2.76 11.6c.027.08.013.14-.04.18a.266.266 0 01-.16.06zM83.48 88a.463.463 0 00.34-.14.463.463 0 00.14-.34v-10.4c0-.133.067-.2.2-.2h4.32c1.6 0 3.02-.347 4.26-1.04a7.197 7.197 0 002.88-2.94c.68-1.267 1.02-2.727 1.02-4.38 0-1.68-.34-3.173-1.02-4.48-.68-1.307-1.64-2.32-2.88-3.04-1.24-.72-2.66-1.08-4.26-1.08H78.8a.463.463 0 00-.34.14.463.463 0 00-.14.34v27.08c0 .133.047.247.14.34.093.093.207.14.34.14h4.68zm4.08-15.56h-3.4c-.133 0-.2-.067-.2-.2v-7.2c0-.133.067-.2.2-.2h3.4c1.04 0 1.873.347 2.5 1.04.627.693.94 1.627.94 2.8 0 1.147-.313 2.06-.94 2.74-.627.68-1.46 1.02-2.5 1.02zM116.24 88a.463.463 0 00.34-.14.463.463 0 00.14-.34v-3.88a.463.463 0 00-.14-.34.463.463 0 00-.34-.14h-10.72c-.133 0-.2-.067-.2-.2v-6.44c0-.133.067-.2.2-.2h6.68a.463.463 0 00.34-.14.463.463 0 00.14-.34v-3.88a.463.463 0 00-.14-.34.463.463 0 00-.34-.14h-6.68c-.133 0-.2-.067-.2-.2v-6.24c0-.133.067-.2.2-.2h10.72a.463.463 0 00.34-.14.463.463 0 00.14-.34v-3.88a.463.463 0 00-.14-.34.463.463 0 00-.34-.14h-16.08a.463.463 0 00-.34.14.463.463 0 00-.14.34v27.04c0 .133.047.247.14.34.093.093.207.14.34.14h16.08zm9.04 0a.463.463 0 00.34-.14.463.463 0 00.14-.34V76.6c0-.133.067-.2.2-.2h2.52c.08 0 .147.053.2.16l4.04 11.04c.08.267.267.4.56.4h4.88c.293 0 .44-.12.44-.36a.445.445 0 00-.04-.2L134 75.96c-.053-.133-.013-.227.12-.28 1.36-.613 2.413-1.547 3.16-2.8.747-1.253 1.12-2.733 1.12-4.44 0-1.653-.333-3.12-1-4.4a7.203 7.203 0 00-2.84-2.98c-1.227-.707-2.627-1.06-4.2-1.06h-9.76a.463.463 0 00-.34.14.463.463 0 00-.14.34v27.04c0 .133.047.247.14.34.093.093.207.14.34.14h4.68zm4.16-15.92h-3.48c-.133 0-.2-.067-.2-.2v-6.84c0-.133.067-.2.2-.2h3.48c.987 0 1.787.327 2.4.98s.92 1.54.92 2.66c0 1.093-.307 1.967-.92 2.62s-1.413.98-2.4.98zm-86.92 48.24c2.72 0 4.9-.713 6.54-2.14 1.64-1.427 2.46-3.353 2.46-5.78 0-1.36-.293-2.52-.88-3.48a8.124 8.124 0 00-2.18-2.38c-.867-.627-2.073-1.367-3.62-2.22l-.84-.48c-1.36-.667-2.373-1.207-3.04-1.62-.667-.413-1.16-.847-1.48-1.3-.32-.453-.48-.987-.48-1.6 0-.88.273-1.567.82-2.06.547-.493 1.3-.74 2.26-.74 1.147 0 2.053.32 2.72.96.667.64 1 1.44 1 2.4v.72c0 .133.047.247.14.34.093.093.207.14.34.14h4.6a.463.463 0 00.34-.14.463.463 0 00.14-.34v-.8c0-1.6-.387-3.013-1.16-4.24-.773-1.227-1.853-2.18-3.24-2.86-1.387-.68-2.973-1.02-4.76-1.02-1.707 0-3.227.313-4.56.94-1.333.627-2.367 1.52-3.1 2.68-.733 1.16-1.1 2.513-1.1 4.06 0 1.547.36 2.867 1.08 3.96.72 1.093 1.587 1.987 2.6 2.68 1.013.693 2.32 1.44 3.92 2.24 1.307.667 2.273 1.193 2.9 1.58.627.387 1.113.8 1.46 1.24.347.44.52.967.52 1.58 0 .827-.273 1.507-.82 2.04-.547.533-1.34.8-2.38.8-1.173 0-2.107-.313-2.8-.94-.693-.627-1.04-1.407-1.04-2.34v-.76a.463.463 0 00-.14-.34.463.463 0 00-.34-.14h-4.6a.463.463 0 00-.34.14.463.463 0 00-.14.34v1.04c0 1.547.38 2.913 1.14 4.1.76 1.187 1.833 2.107 3.22 2.76 1.387.653 3 .98 4.84.98zm21.08 0c1.813 0 3.413-.353 4.8-1.06 1.387-.707 2.46-1.713 3.22-3.02.76-1.307 1.14-2.813 1.14-4.52v-.12a.463.463 0 00-.14-.34.463.463 0 00-.34-.14l-4.68-.2c-.32 0-.48.147-.48.44v.52c0 1.093-.32 1.967-.96 2.62-.64.653-1.493.98-2.56.98s-1.92-.327-2.56-.98c-.64-.653-.96-1.527-.96-2.62v-11.72c0-1.093.32-1.973.96-2.64.64-.667 1.493-1 2.56-1s1.92.333 2.56 1c.64.667.96 1.547.96 2.64v.52c0 .293.16.44.48.44l4.68-.2a.436.436 0 00.34-.16.533.533 0 00.14-.36v-.2c0-1.707-.38-3.2-1.14-4.48-.76-1.28-1.833-2.273-3.22-2.98-1.387-.707-2.987-1.06-4.8-1.06-1.813 0-3.413.36-4.8 1.08-1.387.72-2.46 1.74-3.22 3.06-.76 1.32-1.14 2.847-1.14 4.58v11.12c0 1.76.38 3.307 1.14 4.64a7.716 7.716 0 003.22 3.08c1.387.72 2.987 1.08 4.8 1.08zm17.92-.32a.463.463 0 00.34-.14.463.463 0 00.14-.34V92.48a.463.463 0 00-.14-.34.463.463 0 00-.34-.14h-4.68a.463.463 0 00-.34.14.463.463 0 00-.14.34v27.04c0 .133.047.247.14.34.093.093.207.14.34.14h4.68zm13.08.32c2.72 0 4.9-.713 6.54-2.14 1.64-1.427 2.46-3.353 2.46-5.78 0-1.36-.293-2.52-.88-3.48a8.124 8.124 0 00-2.18-2.38c-.867-.627-2.073-1.367-3.62-2.22l-.84-.48c-1.36-.667-2.373-1.207-3.04-1.62-.667-.413-1.16-.847-1.48-1.3-.32-.453-.48-.987-.48-1.6 0-.88.273-1.567.82-2.06.547-.493 1.3-.74 2.26-.74 1.147 0 2.053.32 2.72.96.667.64 1 1.44 1 2.4v.72c0 .133.047.247.14.34.093.093.207.14.34.14h4.6a.463.463 0 00.34-.14.463.463 0 00.14-.34v-.8c0-1.6-.387-3.013-1.16-4.24-.773-1.227-1.853-2.18-3.24-2.86-1.387-.68-2.973-1.02-4.76-1.02-1.707 0-3.227.313-4.56.94-1.333.627-2.367 1.52-3.1 2.68-.733 1.16-1.1 2.513-1.1 4.06 0 1.547.36 2.867 1.08 3.96.72 1.093 1.587 1.987 2.6 2.68 1.013.693 2.32 1.44 3.92 2.24 1.307.667 2.273 1.193 2.9 1.58.627.387 1.113.8 1.46 1.24.347.44.52.967.52 1.58 0 .827-.273 1.507-.82 2.04-.547.533-1.34.8-2.38.8-1.173 0-2.107-.313-2.8-.94-.693-.627-1.04-1.407-1.04-2.34v-.76a.463.463 0 00-.14-.34.463.463 0 00-.34-.14h-4.6a.463.463 0 00-.34.14.463.463 0 00-.14.34v1.04c0 1.547.38 2.913 1.14 4.1.76 1.187 1.833 2.107 3.22 2.76 1.387.653 3 .98 4.84.98zm20.8 0c2.72 0 4.9-.713 6.54-2.14 1.64-1.427 2.46-3.353 2.46-5.78 0-1.36-.293-2.52-.88-3.48a8.124 8.124 0 00-2.18-2.38c-.867-.627-2.073-1.367-3.62-2.22l-.84-.48c-1.36-.667-2.373-1.207-3.04-1.62-.667-.413-1.16-.847-1.48-1.3-.32-.453-.48-.987-.48-1.6 0-.88.273-1.567.82-2.06.547-.493 1.3-.74 2.26-.74 1.147 0 2.053.32 2.72.96.667.64 1 1.44 1 2.4v.72c0 .133.047.247.14.34.093.093.207.14.34.14h4.6a.463.463 0 00.34-.14.463.463 0 00.14-.34v-.8c0-1.6-.387-3.013-1.16-4.24-.773-1.227-1.853-2.18-3.24-2.86-1.387-.68-2.973-1.02-4.76-1.02-1.707 0-3.227.313-4.56.94-1.333.627-2.367 1.52-3.1 2.68-.733 1.16-1.1 2.513-1.1 4.06 0 1.547.36 2.867 1.08 3.96.72 1.093 1.587 1.987 2.6 2.68 1.013.693 2.32 1.44 3.92 2.24 1.307.667 2.273 1.193 2.9 1.58.627.387 1.113.8 1.46 1.24.347.44.52.967.52 1.58 0 .827-.273 1.507-.82 2.04-.547.533-1.34.8-2.38.8-1.173 0-2.107-.313-2.8-.94-.693-.627-1.04-1.407-1.04-2.34v-.76a.463.463 0 00-.14-.34.463.463 0 00-.34-.14h-4.6a.463.463 0 00-.34.14.463.463 0 00-.14.34v1.04c0 1.547.38 2.913 1.14 4.1.76 1.187 1.833 2.107 3.22 2.76 1.387.653 3 .98 4.84.98zm21.2.04c1.84 0 3.467-.373 4.88-1.12 1.413-.747 2.507-1.8 3.28-3.16.773-1.36 1.16-2.947 1.16-4.76v-10.64c0-1.787-.387-3.36-1.16-4.72-.773-1.36-1.867-2.413-3.28-3.16-1.413-.747-3.04-1.12-4.88-1.12-1.84 0-3.46.373-4.86 1.12a8.003 8.003 0 00-3.26 3.16c-.773 1.36-1.16 2.933-1.16 4.72v10.64c0 1.813.387 3.4 1.16 4.76a8.003 8.003 0 003.26 3.16c1.4.747 3.02 1.12 4.86 1.12zm0-4.84c-1.093 0-1.973-.367-2.64-1.1-.667-.733-1-1.687-1-2.86v-11.04c0-1.2.333-2.167 1-2.9.667-.733 1.547-1.1 2.64-1.1 1.12 0 2.013.367 2.68 1.1.667.733 1 1.7 1 2.9v11.04c0 1.173-.333 2.127-1 2.86-.667.733-1.56 1.1-2.68 1.1zm18.24 4.48a.463.463 0 00.34-.14.463.463 0 00.14-.34V108.6c0-.133.067-.2.2-.2h2.52c.08 0 .147.053.2.16l4.04 11.04c.08.267.267.4.56.4h4.88c.293 0 .44-.12.44-.36a.445.445 0 00-.04-.2l-4.56-11.48c-.053-.133-.013-.227.12-.28 1.36-.613 2.413-1.547 3.16-2.8.747-1.253 1.12-2.733 1.12-4.44 0-1.653-.333-3.12-1-4.4a7.203 7.203 0 00-2.84-2.98c-1.227-.707-2.627-1.06-4.2-1.06h-9.76a.463.463 0 00-.34.14.463.463 0 00-.14.34v27.04c0 .133.047.247.14.34.093.093.207.14.34.14h4.68zm4.16-15.92h-3.48c-.133 0-.2-.067-.2-.2v-6.84c0-.133.067-.2.2-.2H159c.987 0 1.787.327 2.4.98s.92 1.54.92 2.66c0 1.093-.307 1.967-.92 2.62s-1.413.98-2.4.98zm20.8 16.24c2.72 0 4.9-.713 6.54-2.14 1.64-1.427 2.46-3.353 2.46-5.78 0-1.36-.293-2.52-.88-3.48a8.124 8.124 0 00-2.18-2.38c-.867-.627-2.073-1.367-3.62-2.22l-.84-.48c-1.36-.667-2.373-1.207-3.04-1.62-.667-.413-1.16-.847-1.48-1.3-.32-.453-.48-.987-.48-1.6 0-.88.273-1.567.82-2.06.547-.493 1.3-.74 2.26-.74 1.147 0 2.053.32 2.72.96.667.64 1 1.44 1 2.4v.72c0 .133.047.247.14.34.093.093.207.14.34.14h4.6a.463.463 0 00.34-.14.463.463 0 00.14-.34v-.8c0-1.6-.387-3.013-1.16-4.24-.773-1.227-1.853-2.18-3.24-2.86-1.387-.68-2.973-1.02-4.76-1.02-1.707 0-3.227.313-4.56.94-1.333.627-2.367 1.52-3.1 2.68-.733 1.16-1.1 2.513-1.1 4.06 0 1.547.36 2.867 1.08 3.96.72 1.093 1.587 1.987 2.6 2.68 1.013.693 2.32 1.44 3.92 2.24 1.307.667 2.273 1.193 2.9 1.58.627.387 1.113.8 1.46 1.24.347.44.52.967.52 1.58 0 .827-.273 1.507-.82 2.04-.547.533-1.34.8-2.38.8-1.173 0-2.107-.313-2.8-.94-.693-.627-1.04-1.407-1.04-2.34v-.76a.463.463 0 00-.14-.34.463.463 0 00-.34-.14h-4.6a.463.463 0 00-.34.14.463.463 0 00-.14.34v1.04c0 1.547.38 2.913 1.14 4.1.76 1.187 1.833 2.107 3.22 2.76 1.387.653 3 .98 4.84.98z"/></defs><g fill="none" transform="translate(-30 -27)"><use fill="#000" filter="url(#a)" xlink:href="#b"/><use fill="#FFF" xlink:href="#b"/></g></svg>


--------------------------------------------------------------------------------
/frontend/src/index.css:
--------------------------------------------------------------------------------
1 | @tailwind base;
2 | @tailwind components;
3 | @tailwind utilities;
4 | 


--------------------------------------------------------------------------------
/frontend/src/index.tsx:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | import ReactDOM from "react-dom";
 3 | import "./index.css";
 4 | import App from "./App";
 5 | import reportWebVitals from "./reportWebVitals";
 6 | import { WalletProvider } from "./context/WalletContext";
 7 | import { MessageProvider } from "./context/MessageContext";
 8 | import { RPSGameFactoryProvider } from "./context/RPSGameFactoryContext";
 9 | import { TransactionProvider } from "./context/TransactionContext";
10 | 
11 | ReactDOM.render(
12 |   <React.StrictMode>
13 |     <MessageProvider>
14 |       <WalletProvider>
15 |         <TransactionProvider>
16 |           <RPSGameFactoryProvider>
17 |             <App />
18 |           </RPSGameFactoryProvider>
19 |         </TransactionProvider>
20 |       </WalletProvider>
21 |     </MessageProvider>
22 |   </React.StrictMode>,
23 |   document.getElementById("root")
24 | );
25 | 
26 | // If you want to start measuring performance in your app, pass a function
27 | // to log results (for example: reportWebVitals(console.log))
28 | // or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
29 | reportWebVitals();
30 | 


--------------------------------------------------------------------------------
/frontend/src/provider.ts:
--------------------------------------------------------------------------------
 1 | import { ethers, providers } from "ethers";
 2 | 
 3 | type Provider = providers.Web3Provider;
 4 | 
 5 | export const getProvider = async () => {
 6 |   let provider: Provider;
 7 |   if (
 8 |     typeof window !== "undefined" &&
 9 |     typeof (window as any).ethereum !== "undefined"
10 |   ) {
11 |     provider = new ethers.providers.Web3Provider(
12 |       (window as any).ethereum
13 |     ) as Provider;
14 |   } else {
15 |     throw new Error("Web3 Providers not available");
16 |   }
17 |   return provider;
18 | };
19 | export const getSignerAddress = async () => {
20 |   try {
21 |     const provider = await getProvider();
22 |     const signer = provider.getSigner();
23 |     const signerAddress = await signer.getAddress();
24 |     return signerAddress;
25 |   } catch (err) {
26 |     console.log(err);
27 |     return null;
28 |   }
29 | };
30 | 
31 | export const getSigner = async () => {
32 |   try {
33 |     const provider = await getProvider();
34 |     const signer = provider.getSigner();
35 |     return signer;
36 |   } catch (err) {
37 |     console.log(err);
38 |     return null;
39 |   }
40 | };
41 | 


--------------------------------------------------------------------------------
/frontend/src/react-app-env.d.ts:
--------------------------------------------------------------------------------
1 | /// <reference types="react-scripts" />
2 | 


--------------------------------------------------------------------------------
/frontend/src/reportWebVitals.ts:
--------------------------------------------------------------------------------
 1 | import { ReportHandler } from 'web-vitals';
 2 | 
 3 | const reportWebVitals = (onPerfEntry?: ReportHandler) => {
 4 |   if (onPerfEntry && onPerfEntry instanceof Function) {
 5 |     import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
 6 |       getCLS(onPerfEntry);
 7 |       getFID(onPerfEntry);
 8 |       getFCP(onPerfEntry);
 9 |       getLCP(onPerfEntry);
10 |       getTTFB(onPerfEntry);
11 |     });
12 |   }
13 | };
14 | 
15 | export default reportWebVitals;
16 | 


--------------------------------------------------------------------------------
/frontend/src/setupTests.ts:
--------------------------------------------------------------------------------
1 | // jest-dom adds custom jest matchers for asserting on DOM nodes.
2 | // allows you to do things like:
3 | // expect(element).toHaveTextContent(/react/i)
4 | // learn more: https://github.com/testing-library/jest-dom
5 | import '@testing-library/jest-dom';
6 | 


--------------------------------------------------------------------------------
/frontend/tailwind.config.js:
--------------------------------------------------------------------------------
 1 | module.exports = {
 2 |   purge: ["./src/**/*.{js,jsx,ts,tsx}", "./public/index.html"],
 3 |   darkMode: false, // or 'media' or 'class'
 4 |   theme: {
 5 |     extend: {
 6 |       gridTemplateRows: {
 7 |         "3m": "auto 1fr auto",
 8 |         "2m": "auto 1fr",
 9 |       },
10 |       animation: {
11 |         bounce200: "bounce 1s infinite 200ms",
12 |         bounce400: "bounce 1s infinite 400ms",
13 |       },
14 |     },
15 |   },
16 |   variants: {
17 |     extend: {},
18 |   },
19 |   plugins: [],
20 | };
21 | 


--------------------------------------------------------------------------------
/frontend/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "compilerOptions": {
 3 |     "target": "es5",
 4 |     "lib": [
 5 |       "dom",
 6 |       "dom.iterable",
 7 |       "esnext"
 8 |     ],
 9 |     "allowJs": true,
10 |     "skipLibCheck": true,
11 |     "esModuleInterop": true,
12 |     "allowSyntheticDefaultImports": true,
13 |     "strict": true,
14 |     "forceConsistentCasingInFileNames": true,
15 |     "noFallthroughCasesInSwitch": true,
16 |     "module": "esnext",
17 |     "moduleResolution": "node",
18 |     "resolveJsonModule": true,
19 |     "isolatedModules": true,
20 |     "noEmit": true,
21 |     "jsx": "react-jsx"
22 |   },
23 |   "include": [
24 |     "src"
25 |   ]
26 | }
27 | 


--------------------------------------------------------------------------------
/hardhat.config.ts:
--------------------------------------------------------------------------------
 1 | import { HardhatUserConfig } from "hardhat/config";
 2 | import "@nomiclabs/hardhat-waffle";
 3 | import "@nomiclabs/hardhat-ethers";
 4 | import "@nomiclabs/hardhat-etherscan";
 5 | // import "hardhat-deploy-ethers";
 6 | // import "hardhat-deploy";
 7 | import "hardhat-typechain";
 8 | import "@typechain/ethers-v5";
 9 | import {
10 |   getEtherScanKey,
11 |   getInfuraKey,
12 |   getPrivateKey,
13 | } from "./helpers/env_helpers";
14 | 
15 | const INFURA_KEY = getInfuraKey();
16 | const PRIVATE_KEY = getPrivateKey();
17 | const ETHERSCAN_KEY = getEtherScanKey();
18 | 
19 | const config: HardhatUserConfig = {
20 |   networks: {
21 |     hardhat: {
22 |       chainId: 31337,
23 |       accounts: {
24 |         mnemonic: "test test test test test test test test test test test junk", // test test test test test test test test test test test junk
25 |       },
26 |     },
27 |     mainnet: {
28 |       url: `https://mainnet.infura.io/v3/${INFURA_KEY}`,
29 |       accounts: [PRIVATE_KEY],
30 |     },
31 |     ropsten: {
32 |       url: `https://ropsten.infura.io/v3/${INFURA_KEY}`,
33 |       accounts: [PRIVATE_KEY],
34 |     },
35 |     rinkeby: {
36 |       url: `https://rinkeby.infura.io/v3/${INFURA_KEY}`,
37 |       accounts: [PRIVATE_KEY],
38 |     },
39 |     goerli: {
40 |       url: `https://goerli.infura.io/v3/${INFURA_KEY}`,
41 |       accounts: [PRIVATE_KEY],
42 |     },
43 |     kovan: {
44 |       url: `https://kovan.infura.io/v3/${INFURA_KEY}`,
45 |       accounts: [PRIVATE_KEY],
46 |     },
47 |   },
48 |   etherscan: {
49 |     apiKey: ETHERSCAN_KEY,
50 |   },
51 |   paths: {
52 |     artifacts: "./frontend/src/artifacts",
53 |   },
54 |   solidity: {
55 |     compilers: [
56 |       {
57 |         version: "0.8.0",
58 |         settings: {
59 |           optimizer: {
60 |             enabled: true,
61 |             runs: 50,
62 |           },
63 |         },
64 |       },
65 |     ],
66 |   },
67 | };
68 | export default config;
69 | 


--------------------------------------------------------------------------------
/helpers/env_helpers.ts:
--------------------------------------------------------------------------------
 1 | import { config } from "dotenv";
 2 | 
 3 | config();
 4 | 
 5 | export const getInfuraKey = () => {
 6 |   return process.env.INFURA_KEY;
 7 | };
 8 | 
 9 | export const getPrivateKey = () => {
10 |   return `0x${process.env.PRIVATE_KEY}`;
11 | };
12 | export const getEtherScanKey = () => {
13 |   return process.env.ETHERSCAN_KEY;
14 | };
15 | 
16 | export const getMaticKey = () => {
17 |   return process.env.MATIC_KEY;
18 | };
19 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "hardhat-project",
 3 |   "devDependencies": {
 4 |     "@nomiclabs/hardhat-ethers": "^2.0.0",
 5 |     "@nomiclabs/hardhat-etherscan": "^2.1.4",
 6 |     "@nomiclabs/hardhat-waffle": "^2.0.0",
 7 |     "@openzeppelin/contracts": "^4.2.0",
 8 |     "@symfoni/hardhat-react": "^0.1.14",
 9 |     "@typechain/ethers-v5": "^4.0.0",
10 |     "@types/chai": "^4.2.14",
11 |     "@types/mocha": "^8.0.4",
12 |     "@types/node": "^14.14.9",
13 |     "chai": "^4.2.0",
14 |     "ethereum-waffle": "^3.2.0",
15 |     "ethers": "^5.0.21",
16 |     "hardhat": "^2.0.8",
17 |     "hardhat-deploy": "^0.7.0-beta.44",
18 |     "hardhat-deploy-ethers": "^0.3.0-beta.7",
19 |     "hardhat-typechain": "^0.3.4",
20 |     "ts-generator": "^0.1.1",
21 |     "ts-morph": "^9.0.0",
22 |     "ts-node": "^9.0.0",
23 |     "typechain": "^4.0.1",
24 |     "typescript": "^4.1.2"
25 |   },
26 |   "scripts": {
27 |     "test": "npx hardhat test",
28 |     "node": "npx hardhat node --watch",
29 |     "frontend": "cd frontend && npm run start"
30 |   },
31 |   "repository": {
32 |     "type": "git",
33 |     "url": "git+https://github.com/symfoni/hardhat-react-boilerplate.git"
34 |   },
35 |   "author": "Robertosnap",
36 |   "license": "MIT",
37 |   "bugs": {
38 |     "url": "https://github.com/symfoni/hardhat-react-boilerplate/issues"
39 |   },
40 |   "homepage": "https://github.com/symfoni/hardhat-react-boilerplate#readme",
41 |   "dependencies": {
42 |     "dotenv": "^10.0.0"
43 |   }
44 | }
45 | 


--------------------------------------------------------------------------------
/scripts/gameArgs.js:
--------------------------------------------------------------------------------
1 | require("@nomiclabs/hardhat-ethers");
2 | const hre = require("hardhat");
3 | module.exports = [
4 |   hre.ethers.utils.parseEther("0.1"),
5 |   "0x9bD9b811cD100a5BFD552dFf011b4aB5c60BE100",
6 | ];
7 | 


--------------------------------------------------------------------------------
/scripts/rpsFactory.js:
--------------------------------------------------------------------------------
 1 | require("@nomiclabs/hardhat-ethers");
 2 | const hre = require("hardhat");
 3 | 
 4 | async function main() {
 5 |   const RPSGameFactory = await hre.ethers.getContractFactory("RPSGameFactory");
 6 |   const rpsGameFactory = await RPSGameFactory.deploy();
 7 | 
 8 |   await rpsGameFactory.deployed();
 9 | 
10 |   console.log("RPS Game Factory deployed to:", rpsGameFactory.address);
11 | }
12 | 
13 | main()
14 |   .then(() => process.exit(0))
15 |   .catch((error) => {
16 |     console.error(error);
17 |     process.exit(1);
18 |   });
19 | 


--------------------------------------------------------------------------------
/scripts/rpsGame.js:
--------------------------------------------------------------------------------
 1 | require("@nomiclabs/hardhat-ethers");
 2 | const hre = require("hardhat");
 3 | 
 4 | async function main() {
 5 |   const RPSGame = await hre.ethers.getContractFactory("RPSGame");
 6 |   const rpsGame = await RPSGame.deploy(
 7 |     hre.ethers.utils.parseEther("0.1"),
 8 |     // LOCALHOST
 9 |     "0xf39Fd6e51aad88F6F4ce6aB8827279cffFb92266",
10 |     "0x70997970C51812dc3A010C7d01b50e0d17dc79C8"
11 |     // RINKEBY
12 |     // "0x9bD9b811cD100a5BFD552dFf011b4aB5c60BE100",
13 |     // "0x201E63233530298b5e616bfec0546A345AAEa008"
14 |   );
15 | 
16 |   await rpsGame.deployed();
17 | 
18 |   console.log("RPS Game deployed to:", rpsGame.address);
19 | }
20 | 
21 | main()
22 |   .then(() => process.exit(0))
23 |   .catch((error) => {
24 |     console.error(error);
25 |     process.exit(1);
26 |   });
27 | 


--------------------------------------------------------------------------------
/scripts/rpsToken.js:
--------------------------------------------------------------------------------
 1 | const hre = require("hardhat");
 2 | 
 3 | async function main() {
 4 |   const RPSToken = await hre.ethers.getContractFactory("RPSToken");
 5 |   const rpsToken = await RPSToken.deploy("RPS Token", "RPST");
 6 | 
 7 |   await rpsToken.deployed();
 8 | 
 9 |   console.log("RPS Token deployed to:", rpsToken.address);
10 | }
11 | 
12 | main()
13 |   .then(() => process.exit(0))
14 |   .catch((error) => {
15 |     console.error(error);
16 |     process.exit(1);
17 |   });
18 | 


--------------------------------------------------------------------------------
/test/RPSGame.test.ts:
--------------------------------------------------------------------------------
  1 | import { assert } from "chai";
  2 | import "@nomiclabs/hardhat-ethers";
  3 | import "@nomiclabs/hardhat-waffle";
  4 | import { ethers } from "hardhat";
  5 | import { SignerWithAddress } from "@nomiclabs/hardhat-ethers/signers";
  6 | import { RPSGame, RPSGame__factory } from "../typechain/index";
  7 | 
  8 | enum GameStage {
  9 |   Open,
 10 |   BetsDeposited,
 11 |   MovesSubmitted,
 12 |   MoveRevealed,
 13 |   Completed,
 14 | }
 15 | 
 16 | enum Move {
 17 |   None,
 18 |   Rock,
 19 |   Paper,
 20 |   Scissors,
 21 | }
 22 | 
 23 | let RPSGameFactory: RPSGame__factory;
 24 | let rpsGameContract: RPSGame;
 25 | const BET_AMOUNT = "0.1";
 26 | let signerA: SignerWithAddress;
 27 | let signerB: SignerWithAddress;
 28 | const saltA = ethers.utils.id("saltA");
 29 | const saltB = ethers.utils.id("saltB");
 30 | 
 31 | const getHashedMove = (_move: Move, _salt: string) => {
 32 |   const hashedMove = ethers.utils.solidityKeccak256(
 33 |     ["uint8", "bytes32"],
 34 |     [_move, _salt]
 35 |   );
 36 |   return hashedMove;
 37 | };
 38 | 
 39 | let signers: SignerWithAddress[];
 40 | 
 41 | describe("RPS Game", function () {
 42 |   before(async () => {
 43 |     [signerA, signerB, ...signers] = await ethers.getSigners();
 44 |     RPSGameFactory = (await ethers.getContractFactory(
 45 |       "RPSGame"
 46 |     )) as unknown as RPSGame__factory;
 47 |     rpsGameContract = await RPSGameFactory.deploy(
 48 |       ethers.utils.parseEther(BET_AMOUNT),
 49 |       signerA.address,
 50 |       signerB.address
 51 |     );
 52 |     await rpsGameContract.deployed();
 53 |   });
 54 |   it(`should set bet amount as ${BET_AMOUNT} ETH`, async function () {
 55 |     let betAmount = await rpsGameContract.betAmount();
 56 |     assert.equal(ethers.utils.formatEther(betAmount), BET_AMOUNT);
 57 |   });
 58 |   it("should fetch both players", async function () {
 59 |     const playerA = await rpsGameContract.getPlayer(signerA.address);
 60 |     const playerB = await rpsGameContract.getPlayer(signerB.address);
 61 |     assert.equal(playerA.addr, signerA.address);
 62 |     assert.equal(playerB.addr, signerB.address);
 63 |   });
 64 | 
 65 |   it("Should set deployer as player A with 0 balance", async function () {
 66 |     const player = await rpsGameContract.playerA();
 67 |     assert.equal(signerA.address, player.addr);
 68 |     assert.equal(player.balance.toNumber(), 0);
 69 |   });
 70 | 
 71 |   it("Should allow deployer to deposit bet", async function () {
 72 |     await rpsGameContract.depositBet({
 73 |       value: ethers.utils.parseEther(BET_AMOUNT),
 74 |     });
 75 |     const player = await rpsGameContract.playerA();
 76 |     assert.equal(ethers.utils.formatEther(player.balance), BET_AMOUNT);
 77 | 
 78 |     // When player A deposits bet Gamestate should update to open
 79 |     const gameStage = await rpsGameContract.gameStage();
 80 |     assert.equal(gameStage, GameStage.Open);
 81 |   });
 82 |   it("should allow player B to deposit fund", async function () {
 83 |     await rpsGameContract.connect(signerB).depositBet({
 84 |       value: ethers.utils.parseEther(BET_AMOUNT),
 85 |     });
 86 |     const player = await rpsGameContract.playerB();
 87 |     assert.equal(ethers.utils.formatEther(player.balance), BET_AMOUNT);
 88 |     assert.equal(player.addr, signerB.address);
 89 | 
 90 |     // When player B deposits bet Gamestate should update to Progress
 91 |   });
 92 |   it("should update game state to bet deposited once both players deposit bet", async function () {
 93 |     const gameStage = await rpsGameContract.gameStage();
 94 |     assert.equal(gameStage, GameStage.BetsDeposited);
 95 |   });
 96 |   it("should check if player A and player B are different accounts", async function () {
 97 |     const playerA = await rpsGameContract.playerA();
 98 |     const playerB = await rpsGameContract.playerB();
 99 |     assert.notEqual(playerA.addr, playerB.addr);
100 |   });
101 |   it("should not allow anyone beside players to deposit bet", async function () {
102 |     try {
103 |       await rpsGameContract.connect(signers[1]).depositBet({
104 |         value: ethers.utils.parseEther(BET_AMOUNT),
105 |       });
106 |       assert(true);
107 |     } catch (err) {
108 |       assert.ok(err);
109 |     }
110 |   });
111 | 
112 |   it("should allow player A to submit move", async function () {
113 |     // Player a submits move
114 |     const _hashedMove = getHashedMove(Move.Paper, saltA);
115 |     await rpsGameContract.submitMove(_hashedMove);
116 |     const playerA = await rpsGameContract.playerA();
117 | 
118 |     assert.isTrue(playerA.submitted);
119 |     assert.equal(playerA.hashedMove, _hashedMove);
120 |   });
121 | 
122 |   it("should allow player B to submit move", async function () {
123 |     // Player b submits move
124 |     const _hashedMove = getHashedMove(Move.Rock, saltB);
125 |     await rpsGameContract.connect(signerB).submitMove(_hashedMove);
126 |     const playerB = await rpsGameContract.playerB();
127 | 
128 |     assert.isTrue(playerB.submitted);
129 |     assert.equal(playerB.hashedMove, _hashedMove);
130 |   });
131 |   it("should fail if player tries to submit move twice", async function () {
132 |     try {
133 |       const _hashedMove = getHashedMove(Move.Paper, saltA);
134 |       await rpsGameContract.submitMove(_hashedMove);
135 |       assert(true);
136 |     } catch (err) {
137 |       assert.ok(err);
138 |     }
139 |     try {
140 |       const _hashedMove = getHashedMove(Move.Rock, saltB);
141 |       await rpsGameContract.connect(signerB).submitMove(_hashedMove);
142 |       assert(true);
143 |     } catch (err) {
144 |       assert.ok(err);
145 |     }
146 |   });
147 |   it("should update the gamestate to moves submitted", async function () {
148 |     const gameStage = await rpsGameContract.gameStage();
149 |     assert.equal(gameStage, GameStage.MovesSubmitted);
150 |   });
151 |   it("should revert if wrong move or salt is passed to revealMove", async function () {
152 |     try {
153 |       await rpsGameContract.revealMove(Move.Rock, saltA);
154 |       assert(true);
155 |     } catch (err) {
156 |       assert.ok(err);
157 |     }
158 |   });
159 |   it("should set revealed of a player to true and save revealed move", async function () {
160 |     // Player A
161 |     await rpsGameContract.revealMove(Move.Paper, saltA);
162 |     const playerA = await rpsGameContract.playerA();
163 |     assert.isTrue(playerA.revealed);
164 |     assert.equal(playerA.move, Move.Paper);
165 |   });
166 |   it("should pick the right winner and update balance", async function () {
167 |     // Player B
168 |     await rpsGameContract.connect(signerB).revealMove(Move.Rock, saltB);
169 |     rpsGameContract.on("Winner", (address) => {
170 |       assert.equal(address, signerA.address);
171 |     });
172 | 
173 |     const playerA = await rpsGameContract.playerA();
174 |     assert.equal(ethers.utils.formatEther(playerA.balance), "0.2");
175 |   });
176 |   it("should allow fund owner to withdraw fund and update balance", async function () {
177 |     const balBefore = await signerA.getBalance();
178 |     await rpsGameContract.withdrawFund();
179 |     const balAfter = await signerA.getBalance();
180 |     const diff = balAfter.sub(balBefore);
181 |     assert(parseFloat(ethers.utils.formatEther(diff)) > 0.18);
182 | 
183 |     // Should set player's balance to zero
184 |     const playerA = await rpsGameContract.playerA();
185 |     assert.equal(ethers.utils.formatEther(playerA.balance), "0.0");
186 |     // Should emit WithdrawFund event
187 |   });
188 |   it("Should reset the game.", async function () {
189 |     await rpsGameContract.resetGame();
190 |     const gameStage = await rpsGameContract.gameStage();
191 |     const playerA = await rpsGameContract.playerA();
192 |     const playerB = await rpsGameContract.playerB();
193 |     assert.equal(playerA.move, Move.None);
194 |     assert.equal(playerB.move, Move.None);
195 |     assert.equal(playerA.submitted, false);
196 |     assert.equal(playerB.submitted, false);
197 |     assert.equal(playerA.revealed, false);
198 |     assert.equal(playerB.revealed, false);
199 |     assert.equal(gameStage, GameStage.Open);
200 |   });
201 | });
202 | 


--------------------------------------------------------------------------------
/test/RPSGameFactory.test.ts:
--------------------------------------------------------------------------------
 1 | import { assert } from "chai";
 2 | import "@nomiclabs/hardhat-ethers";
 3 | import "@nomiclabs/hardhat-waffle";
 4 | import { ethers } from "hardhat";
 5 | import { SignerWithAddress } from "@nomiclabs/hardhat-ethers/signers";
 6 | import { RPSGameFactory, RPSGameFactory__factory } from "../typechain/index";
 7 | 
 8 | let RPSGameFactory_: RPSGameFactory__factory;
 9 | let rpsGameFactoryContract: RPSGameFactory;
10 | const BET_AMOUNT = "0.1";
11 | let signerA: SignerWithAddress;
12 | let signerB: SignerWithAddress;
13 | 
14 | describe("RPSGameFactory", async function () {
15 |   before(async () => {
16 |     [signerA, signerB] = await ethers.getSigners();
17 |     RPSGameFactory_ = (await ethers.getContractFactory(
18 |       "RPSGameFactory"
19 |     )) as unknown as RPSGameFactory__factory;
20 |     rpsGameFactoryContract = await RPSGameFactory_.deploy();
21 |     await rpsGameFactoryContract.deployed();
22 |   });
23 |   it("Should give empty list of deployed campaigns", async () => {
24 |     const deployedContracts = await rpsGameFactoryContract.getDeployedGames();
25 |     assert.equal(deployedContracts.length, 0);
26 |   });
27 |   it("should deploy a RPSGame contract", async () => {
28 |     await rpsGameFactoryContract.createGame(
29 |       ethers.utils.parseEther(BET_AMOUNT),
30 |       signerB.address
31 |     );
32 |     const deployedContracts = await rpsGameFactoryContract.getDeployedGames();
33 |     assert.equal(deployedContracts.length, 1);
34 |   });
35 | });
36 | 


--------------------------------------------------------------------------------
/test/RPSToken.test.ts:
--------------------------------------------------------------------------------
 1 | import { assert } from "chai";
 2 | import "@nomiclabs/hardhat-ethers";
 3 | import "@nomiclabs/hardhat-waffle";
 4 | import { ethers } from "hardhat";
 5 | import { SignerWithAddress } from "@nomiclabs/hardhat-ethers/signers";
 6 | import { RPSToken, RPSToken__factory } from "../typechain/index";
 7 | 
 8 | let RPSTokenContract: RPSToken__factory;
 9 | let rpsTokenContract: RPSToken;
10 | 
11 | let deployer: SignerWithAddress;
12 | let signers: SignerWithAddress[];
13 | 
14 | beforeEach(async () => {
15 |   [deployer, ...signers] = await ethers.getSigners();
16 |   RPSTokenContract = (await ethers.getContractFactory(
17 |     "RPSToken"
18 |   )) as unknown as RPSToken__factory;
19 |   rpsTokenContract = await RPSTokenContract.deploy("RPSToken", "RPST");
20 |   await rpsTokenContract.deployed();
21 | });
22 | 
23 | describe("RPS Token", function () {
24 |   it("should mint tokens for the deployer", async function () {
25 |     const deployerBalance = await rpsTokenContract.balanceOf(deployer.address);
26 |     assert.equal(ethers.utils.formatEther(deployerBalance), "100.0");
27 |   });
28 | 
29 |   it("should mint token for different minters", async () => {
30 |     const [minter1, minter2] = signers;
31 | 
32 |     await rpsTokenContract.connect(minter1).mint();
33 |     const minter1Balance = await rpsTokenContract.balanceOf(minter1.address);
34 |     assert.equal(ethers.utils.formatEther(minter1Balance), "100.0");
35 | 
36 |     await rpsTokenContract.connect(minter2).mint();
37 |     const minter2Balance = await rpsTokenContract.balanceOf(minter2.address);
38 |     assert.equal(ethers.utils.formatEther(minter2Balance), "100.0");
39 |   });
40 | });
41 | 


--------------------------------------------------------------------------------
/typechain/IERC20.d.ts:
--------------------------------------------------------------------------------
  1 | /* Autogenerated file. Do not edit manually. */
  2 | /* tslint:disable */
  3 | /* eslint-disable */
  4 | 
  5 | import {
  6 |   ethers,
  7 |   EventFilter,
  8 |   Signer,
  9 |   BigNumber,
 10 |   BigNumberish,
 11 |   PopulatedTransaction,
 12 | } from "ethers";
 13 | import {
 14 |   Contract,
 15 |   ContractTransaction,
 16 |   Overrides,
 17 |   CallOverrides,
 18 | } from "@ethersproject/contracts";
 19 | import { BytesLike } from "@ethersproject/bytes";
 20 | import { Listener, Provider } from "@ethersproject/providers";
 21 | import { FunctionFragment, EventFragment, Result } from "@ethersproject/abi";
 22 | 
 23 | interface IERC20Interface extends ethers.utils.Interface {
 24 |   functions: {
 25 |     "allowance(address,address)": FunctionFragment;
 26 |     "approve(address,uint256)": FunctionFragment;
 27 |     "balanceOf(address)": FunctionFragment;
 28 |     "totalSupply()": FunctionFragment;
 29 |     "transfer(address,uint256)": FunctionFragment;
 30 |     "transferFrom(address,address,uint256)": FunctionFragment;
 31 |   };
 32 | 
 33 |   encodeFunctionData(
 34 |     functionFragment: "allowance",
 35 |     values: [string, string]
 36 |   ): string;
 37 |   encodeFunctionData(
 38 |     functionFragment: "approve",
 39 |     values: [string, BigNumberish]
 40 |   ): string;
 41 |   encodeFunctionData(functionFragment: "balanceOf", values: [string]): string;
 42 |   encodeFunctionData(
 43 |     functionFragment: "totalSupply",
 44 |     values?: undefined
 45 |   ): string;
 46 |   encodeFunctionData(
 47 |     functionFragment: "transfer",
 48 |     values: [string, BigNumberish]
 49 |   ): string;
 50 |   encodeFunctionData(
 51 |     functionFragment: "transferFrom",
 52 |     values: [string, string, BigNumberish]
 53 |   ): string;
 54 | 
 55 |   decodeFunctionResult(functionFragment: "allowance", data: BytesLike): Result;
 56 |   decodeFunctionResult(functionFragment: "approve", data: BytesLike): Result;
 57 |   decodeFunctionResult(functionFragment: "balanceOf", data: BytesLike): Result;
 58 |   decodeFunctionResult(
 59 |     functionFragment: "totalSupply",
 60 |     data: BytesLike
 61 |   ): Result;
 62 |   decodeFunctionResult(functionFragment: "transfer", data: BytesLike): Result;
 63 |   decodeFunctionResult(
 64 |     functionFragment: "transferFrom",
 65 |     data: BytesLike
 66 |   ): Result;
 67 | 
 68 |   events: {
 69 |     "Approval(address,address,uint256)": EventFragment;
 70 |     "Transfer(address,address,uint256)": EventFragment;
 71 |   };
 72 | 
 73 |   getEvent(nameOrSignatureOrTopic: "Approval"): EventFragment;
 74 |   getEvent(nameOrSignatureOrTopic: "Transfer"): EventFragment;
 75 | }
 76 | 
 77 | export class IERC20 extends Contract {
 78 |   connect(signerOrProvider: Signer | Provider | string): this;
 79 |   attach(addressOrName: string): this;
 80 |   deployed(): Promise<this>;
 81 | 
 82 |   on(event: EventFilter | string, listener: Listener): this;
 83 |   once(event: EventFilter | string, listener: Listener): this;
 84 |   addListener(eventName: EventFilter | string, listener: Listener): this;
 85 |   removeAllListeners(eventName: EventFilter | string): this;
 86 |   removeListener(eventName: any, listener: Listener): this;
 87 | 
 88 |   interface: IERC20Interface;
 89 | 
 90 |   functions: {
 91 |     allowance(
 92 |       owner: string,
 93 |       spender: string,
 94 |       overrides?: CallOverrides
 95 |     ): Promise<{
 96 |       0: BigNumber;
 97 |     }>;
 98 | 
 99 |     "allowance(address,address)"(
100 |       owner: string,
101 |       spender: string,
102 |       overrides?: CallOverrides
103 |     ): Promise<{
104 |       0: BigNumber;
105 |     }>;
106 | 
107 |     approve(
108 |       spender: string,
109 |       amount: BigNumberish,
110 |       overrides?: Overrides
111 |     ): Promise<ContractTransaction>;
112 | 
113 |     "approve(address,uint256)"(
114 |       spender: string,
115 |       amount: BigNumberish,
116 |       overrides?: Overrides
117 |     ): Promise<ContractTransaction>;
118 | 
119 |     balanceOf(
120 |       account: string,
121 |       overrides?: CallOverrides
122 |     ): Promise<{
123 |       0: BigNumber;
124 |     }>;
125 | 
126 |     "balanceOf(address)"(
127 |       account: string,
128 |       overrides?: CallOverrides
129 |     ): Promise<{
130 |       0: BigNumber;
131 |     }>;
132 | 
133 |     totalSupply(overrides?: CallOverrides): Promise<{
134 |       0: BigNumber;
135 |     }>;
136 | 
137 |     "totalSupply()"(overrides?: CallOverrides): Promise<{
138 |       0: BigNumber;
139 |     }>;
140 | 
141 |     transfer(
142 |       recipient: string,
143 |       amount: BigNumberish,
144 |       overrides?: Overrides
145 |     ): Promise<ContractTransaction>;
146 | 
147 |     "transfer(address,uint256)"(
148 |       recipient: string,
149 |       amount: BigNumberish,
150 |       overrides?: Overrides
151 |     ): Promise<ContractTransaction>;
152 | 
153 |     transferFrom(
154 |       sender: string,
155 |       recipient: string,
156 |       amount: BigNumberish,
157 |       overrides?: Overrides
158 |     ): Promise<ContractTransaction>;
159 | 
160 |     "transferFrom(address,address,uint256)"(
161 |       sender: string,
162 |       recipient: string,
163 |       amount: BigNumberish,
164 |       overrides?: Overrides
165 |     ): Promise<ContractTransaction>;
166 |   };
167 | 
168 |   allowance(
169 |     owner: string,
170 |     spender: string,
171 |     overrides?: CallOverrides
172 |   ): Promise<BigNumber>;
173 | 
174 |   "allowance(address,address)"(
175 |     owner: string,
176 |     spender: string,
177 |     overrides?: CallOverrides
178 |   ): Promise<BigNumber>;
179 | 
180 |   approve(
181 |     spender: string,
182 |     amount: BigNumberish,
183 |     overrides?: Overrides
184 |   ): Promise<ContractTransaction>;
185 | 
186 |   "approve(address,uint256)"(
187 |     spender: string,
188 |     amount: BigNumberish,
189 |     overrides?: Overrides
190 |   ): Promise<ContractTransaction>;
191 | 
192 |   balanceOf(account: string, overrides?: CallOverrides): Promise<BigNumber>;
193 | 
194 |   "balanceOf(address)"(
195 |     account: string,
196 |     overrides?: CallOverrides
197 |   ): Promise<BigNumber>;
198 | 
199 |   totalSupply(overrides?: CallOverrides): Promise<BigNumber>;
200 | 
201 |   "totalSupply()"(overrides?: CallOverrides): Promise<BigNumber>;
202 | 
203 |   transfer(
204 |     recipient: string,
205 |     amount: BigNumberish,
206 |     overrides?: Overrides
207 |   ): Promise<ContractTransaction>;
208 | 
209 |   "transfer(address,uint256)"(
210 |     recipient: string,
211 |     amount: BigNumberish,
212 |     overrides?: Overrides
213 |   ): Promise<ContractTransaction>;
214 | 
215 |   transferFrom(
216 |     sender: string,
217 |     recipient: string,
218 |     amount: BigNumberish,
219 |     overrides?: Overrides
220 |   ): Promise<ContractTransaction>;
221 | 
222 |   "transferFrom(address,address,uint256)"(
223 |     sender: string,
224 |     recipient: string,
225 |     amount: BigNumberish,
226 |     overrides?: Overrides
227 |   ): Promise<ContractTransaction>;
228 | 
229 |   callStatic: {
230 |     allowance(
231 |       owner: string,
232 |       spender: string,
233 |       overrides?: CallOverrides
234 |     ): Promise<BigNumber>;
235 | 
236 |     "allowance(address,address)"(
237 |       owner: string,
238 |       spender: string,
239 |       overrides?: CallOverrides
240 |     ): Promise<BigNumber>;
241 | 
242 |     approve(
243 |       spender: string,
244 |       amount: BigNumberish,
245 |       overrides?: CallOverrides
246 |     ): Promise<boolean>;
247 | 
248 |     "approve(address,uint256)"(
249 |       spender: string,
250 |       amount: BigNumberish,
251 |       overrides?: CallOverrides
252 |     ): Promise<boolean>;
253 | 
254 |     balanceOf(account: string, overrides?: CallOverrides): Promise<BigNumber>;
255 | 
256 |     "balanceOf(address)"(
257 |       account: string,
258 |       overrides?: CallOverrides
259 |     ): Promise<BigNumber>;
260 | 
261 |     totalSupply(overrides?: CallOverrides): Promise<BigNumber>;
262 | 
263 |     "totalSupply()"(overrides?: CallOverrides): Promise<BigNumber>;
264 | 
265 |     transfer(
266 |       recipient: string,
267 |       amount: BigNumberish,
268 |       overrides?: CallOverrides
269 |     ): Promise<boolean>;
270 | 
271 |     "transfer(address,uint256)"(
272 |       recipient: string,
273 |       amount: BigNumberish,
274 |       overrides?: CallOverrides
275 |     ): Promise<boolean>;
276 | 
277 |     transferFrom(
278 |       sender: string,
279 |       recipient: string,
280 |       amount: BigNumberish,
281 |       overrides?: CallOverrides
282 |     ): Promise<boolean>;
283 | 
284 |     "transferFrom(address,address,uint256)"(
285 |       sender: string,
286 |       recipient: string,
287 |       amount: BigNumberish,
288 |       overrides?: CallOverrides
289 |     ): Promise<boolean>;
290 |   };
291 | 
292 |   filters: {
293 |     Approval(
294 |       owner: string | null,
295 |       spender: string | null,
296 |       value: null
297 |     ): EventFilter;
298 | 
299 |     Transfer(from: string | null, to: string | null, value: null): EventFilter;
300 |   };
301 | 
302 |   estimateGas: {
303 |     allowance(
304 |       owner: string,
305 |       spender: string,
306 |       overrides?: CallOverrides
307 |     ): Promise<BigNumber>;
308 | 
309 |     "allowance(address,address)"(
310 |       owner: string,
311 |       spender: string,
312 |       overrides?: CallOverrides
313 |     ): Promise<BigNumber>;
314 | 
315 |     approve(
316 |       spender: string,
317 |       amount: BigNumberish,
318 |       overrides?: Overrides
319 |     ): Promise<BigNumber>;
320 | 
321 |     "approve(address,uint256)"(
322 |       spender: string,
323 |       amount: BigNumberish,
324 |       overrides?: Overrides
325 |     ): Promise<BigNumber>;
326 | 
327 |     balanceOf(account: string, overrides?: CallOverrides): Promise<BigNumber>;
328 | 
329 |     "balanceOf(address)"(
330 |       account: string,
331 |       overrides?: CallOverrides
332 |     ): Promise<BigNumber>;
333 | 
334 |     totalSupply(overrides?: CallOverrides): Promise<BigNumber>;
335 | 
336 |     "totalSupply()"(overrides?: CallOverrides): Promise<BigNumber>;
337 | 
338 |     transfer(
339 |       recipient: string,
340 |       amount: BigNumberish,
341 |       overrides?: Overrides
342 |     ): Promise<BigNumber>;
343 | 
344 |     "transfer(address,uint256)"(
345 |       recipient: string,
346 |       amount: BigNumberish,
347 |       overrides?: Overrides
348 |     ): Promise<BigNumber>;
349 | 
350 |     transferFrom(
351 |       sender: string,
352 |       recipient: string,
353 |       amount: BigNumberish,
354 |       overrides?: Overrides
355 |     ): Promise<BigNumber>;
356 | 
357 |     "transferFrom(address,address,uint256)"(
358 |       sender: string,
359 |       recipient: string,
360 |       amount: BigNumberish,
361 |       overrides?: Overrides
362 |     ): Promise<BigNumber>;
363 |   };
364 | 
365 |   populateTransaction: {
366 |     allowance(
367 |       owner: string,
368 |       spender: string,
369 |       overrides?: CallOverrides
370 |     ): Promise<PopulatedTransaction>;
371 | 
372 |     "allowance(address,address)"(
373 |       owner: string,
374 |       spender: string,
375 |       overrides?: CallOverrides
376 |     ): Promise<PopulatedTransaction>;
377 | 
378 |     approve(
379 |       spender: string,
380 |       amount: BigNumberish,
381 |       overrides?: Overrides
382 |     ): Promise<PopulatedTransaction>;
383 | 
384 |     "approve(address,uint256)"(
385 |       spender: string,
386 |       amount: BigNumberish,
387 |       overrides?: Overrides
388 |     ): Promise<PopulatedTransaction>;
389 | 
390 |     balanceOf(
391 |       account: string,
392 |       overrides?: CallOverrides
393 |     ): Promise<PopulatedTransaction>;
394 | 
395 |     "balanceOf(address)"(
396 |       account: string,
397 |       overrides?: CallOverrides
398 |     ): Promise<PopulatedTransaction>;
399 | 
400 |     totalSupply(overrides?: CallOverrides): Promise<PopulatedTransaction>;
401 | 
402 |     "totalSupply()"(overrides?: CallOverrides): Promise<PopulatedTransaction>;
403 | 
404 |     transfer(
405 |       recipient: string,
406 |       amount: BigNumberish,
407 |       overrides?: Overrides
408 |     ): Promise<PopulatedTransaction>;
409 | 
410 |     "transfer(address,uint256)"(
411 |       recipient: string,
412 |       amount: BigNumberish,
413 |       overrides?: Overrides
414 |     ): Promise<PopulatedTransaction>;
415 | 
416 |     transferFrom(
417 |       sender: string,
418 |       recipient: string,
419 |       amount: BigNumberish,
420 |       overrides?: Overrides
421 |     ): Promise<PopulatedTransaction>;
422 | 
423 |     "transferFrom(address,address,uint256)"(
424 |       sender: string,
425 |       recipient: string,
426 |       amount: BigNumberish,
427 |       overrides?: Overrides
428 |     ): Promise<PopulatedTransaction>;
429 |   };
430 | }
431 | 


--------------------------------------------------------------------------------
/typechain/IRPSGameV2.d.ts:
--------------------------------------------------------------------------------
  1 | /* Autogenerated file. Do not edit manually. */
  2 | /* tslint:disable */
  3 | /* eslint-disable */
  4 | 
  5 | import {
  6 |   ethers,
  7 |   EventFilter,
  8 |   Signer,
  9 |   BigNumber,
 10 |   BigNumberish,
 11 |   PopulatedTransaction,
 12 | } from "ethers";
 13 | import {
 14 |   Contract,
 15 |   ContractTransaction,
 16 |   Overrides,
 17 |   PayableOverrides,
 18 |   CallOverrides,
 19 | } from "@ethersproject/contracts";
 20 | import { BytesLike } from "@ethersproject/bytes";
 21 | import { Listener, Provider } from "@ethersproject/providers";
 22 | import { FunctionFragment, EventFragment, Result } from "@ethersproject/abi";
 23 | 
 24 | interface IRPSGameV2Interface extends ethers.utils.Interface {
 25 |   functions: {
 26 |     "announceWinner()": FunctionFragment;
 27 |     "challenge()": FunctionFragment;
 28 |     "depositBet()": FunctionFragment;
 29 |     "getWinner()": FunctionFragment;
 30 |     "icentivize()": FunctionFragment;
 31 |     "resetGame()": FunctionFragment;
 32 |     "revealMove(uint8,string)": FunctionFragment;
 33 |     "submitMove(bytes32)": FunctionFragment;
 34 |     "withdrawFund()": FunctionFragment;
 35 |   };
 36 | 
 37 |   encodeFunctionData(
 38 |     functionFragment: "announceWinner",
 39 |     values?: undefined
 40 |   ): string;
 41 |   encodeFunctionData(functionFragment: "challenge", values?: undefined): string;
 42 |   encodeFunctionData(
 43 |     functionFragment: "depositBet",
 44 |     values?: undefined
 45 |   ): string;
 46 |   encodeFunctionData(functionFragment: "getWinner", values?: undefined): string;
 47 |   encodeFunctionData(
 48 |     functionFragment: "icentivize",
 49 |     values?: undefined
 50 |   ): string;
 51 |   encodeFunctionData(functionFragment: "resetGame", values?: undefined): string;
 52 |   encodeFunctionData(
 53 |     functionFragment: "revealMove",
 54 |     values: [BigNumberish, string]
 55 |   ): string;
 56 |   encodeFunctionData(
 57 |     functionFragment: "submitMove",
 58 |     values: [BytesLike]
 59 |   ): string;
 60 |   encodeFunctionData(
 61 |     functionFragment: "withdrawFund",
 62 |     values?: undefined
 63 |   ): string;
 64 | 
 65 |   decodeFunctionResult(
 66 |     functionFragment: "announceWinner",
 67 |     data: BytesLike
 68 |   ): Result;
 69 |   decodeFunctionResult(functionFragment: "challenge", data: BytesLike): Result;
 70 |   decodeFunctionResult(functionFragment: "depositBet", data: BytesLike): Result;
 71 |   decodeFunctionResult(functionFragment: "getWinner", data: BytesLike): Result;
 72 |   decodeFunctionResult(functionFragment: "icentivize", data: BytesLike): Result;
 73 |   decodeFunctionResult(functionFragment: "resetGame", data: BytesLike): Result;
 74 |   decodeFunctionResult(functionFragment: "revealMove", data: BytesLike): Result;
 75 |   decodeFunctionResult(functionFragment: "submitMove", data: BytesLike): Result;
 76 |   decodeFunctionResult(
 77 |     functionFragment: "withdrawFund",
 78 |     data: BytesLike
 79 |   ): Result;
 80 | 
 81 |   events: {
 82 |     "AcceptChallenge(address)": EventFragment;
 83 |     "Challenge(address,address)": EventFragment;
 84 |     "DepositSuccess(address,uint256)": EventFragment;
 85 |     "Draw()": EventFragment;
 86 |     "GameEnded(address)": EventFragment;
 87 |     "GameStarted(address,address)": EventFragment;
 88 |     "Replay(address,address)": EventFragment;
 89 |     "ResetGame()": EventFragment;
 90 |   };
 91 | 
 92 |   getEvent(nameOrSignatureOrTopic: "AcceptChallenge"): EventFragment;
 93 |   getEvent(nameOrSignatureOrTopic: "Challenge"): EventFragment;
 94 |   getEvent(nameOrSignatureOrTopic: "DepositSuccess"): EventFragment;
 95 |   getEvent(nameOrSignatureOrTopic: "Draw"): EventFragment;
 96 |   getEvent(nameOrSignatureOrTopic: "GameEnded"): EventFragment;
 97 |   getEvent(nameOrSignatureOrTopic: "GameStarted"): EventFragment;
 98 |   getEvent(nameOrSignatureOrTopic: "Replay"): EventFragment;
 99 |   getEvent(nameOrSignatureOrTopic: "ResetGame"): EventFragment;
100 | }
101 | 
102 | export class IRPSGameV2 extends Contract {
103 |   connect(signerOrProvider: Signer | Provider | string): this;
104 |   attach(addressOrName: string): this;
105 |   deployed(): Promise<this>;
106 | 
107 |   on(event: EventFilter | string, listener: Listener): this;
108 |   once(event: EventFilter | string, listener: Listener): this;
109 |   addListener(eventName: EventFilter | string, listener: Listener): this;
110 |   removeAllListeners(eventName: EventFilter | string): this;
111 |   removeListener(eventName: any, listener: Listener): this;
112 | 
113 |   interface: IRPSGameV2Interface;
114 | 
115 |   functions: {
116 |     announceWinner(overrides?: Overrides): Promise<ContractTransaction>;
117 | 
118 |     "announceWinner()"(overrides?: Overrides): Promise<ContractTransaction>;
119 | 
120 |     challenge(overrides?: Overrides): Promise<ContractTransaction>;
121 | 
122 |     "challenge()"(overrides?: Overrides): Promise<ContractTransaction>;
123 | 
124 |     depositBet(overrides?: PayableOverrides): Promise<ContractTransaction>;
125 | 
126 |     "depositBet()"(overrides?: PayableOverrides): Promise<ContractTransaction>;
127 | 
128 |     getWinner(overrides?: CallOverrides): Promise<{
129 |       0: string;
130 |     }>;
131 | 
132 |     "getWinner()"(overrides?: CallOverrides): Promise<{
133 |       0: string;
134 |     }>;
135 | 
136 |     icentivize(overrides?: Overrides): Promise<ContractTransaction>;
137 | 
138 |     "icentivize()"(overrides?: Overrides): Promise<ContractTransaction>;
139 | 
140 |     resetGame(overrides?: Overrides): Promise<ContractTransaction>;
141 | 
142 |     "resetGame()"(overrides?: Overrides): Promise<ContractTransaction>;
143 | 
144 |     revealMove(
145 |       _move: BigNumberish,
146 |       salt: string,
147 |       overrides?: Overrides
148 |     ): Promise<ContractTransaction>;
149 | 
150 |     "revealMove(uint8,string)"(
151 |       _move: BigNumberish,
152 |       salt: string,
153 |       overrides?: Overrides
154 |     ): Promise<ContractTransaction>;
155 | 
156 |     submitMove(
157 |       _moveHash: BytesLike,
158 |       overrides?: Overrides
159 |     ): Promise<ContractTransaction>;
160 | 
161 |     "submitMove(bytes32)"(
162 |       _moveHash: BytesLike,
163 |       overrides?: Overrides
164 |     ): Promise<ContractTransaction>;
165 | 
166 |     withdrawFund(overrides?: Overrides): Promise<ContractTransaction>;
167 | 
168 |     "withdrawFund()"(overrides?: Overrides): Promise<ContractTransaction>;
169 |   };
170 | 
171 |   announceWinner(overrides?: Overrides): Promise<ContractTransaction>;
172 | 
173 |   "announceWinner()"(overrides?: Overrides): Promise<ContractTransaction>;
174 | 
175 |   challenge(overrides?: Overrides): Promise<ContractTransaction>;
176 | 
177 |   "challenge()"(overrides?: Overrides): Promise<ContractTransaction>;
178 | 
179 |   depositBet(overrides?: PayableOverrides): Promise<ContractTransaction>;
180 | 
181 |   "depositBet()"(overrides?: PayableOverrides): Promise<ContractTransaction>;
182 | 
183 |   getWinner(overrides?: CallOverrides): Promise<string>;
184 | 
185 |   "getWinner()"(overrides?: CallOverrides): Promise<string>;
186 | 
187 |   icentivize(overrides?: Overrides): Promise<ContractTransaction>;
188 | 
189 |   "icentivize()"(overrides?: Overrides): Promise<ContractTransaction>;
190 | 
191 |   resetGame(overrides?: Overrides): Promise<ContractTransaction>;
192 | 
193 |   "resetGame()"(overrides?: Overrides): Promise<ContractTransaction>;
194 | 
195 |   revealMove(
196 |     _move: BigNumberish,
197 |     salt: string,
198 |     overrides?: Overrides
199 |   ): Promise<ContractTransaction>;
200 | 
201 |   "revealMove(uint8,string)"(
202 |     _move: BigNumberish,
203 |     salt: string,
204 |     overrides?: Overrides
205 |   ): Promise<ContractTransaction>;
206 | 
207 |   submitMove(
208 |     _moveHash: BytesLike,
209 |     overrides?: Overrides
210 |   ): Promise<ContractTransaction>;
211 | 
212 |   "submitMove(bytes32)"(
213 |     _moveHash: BytesLike,
214 |     overrides?: Overrides
215 |   ): Promise<ContractTransaction>;
216 | 
217 |   withdrawFund(overrides?: Overrides): Promise<ContractTransaction>;
218 | 
219 |   "withdrawFund()"(overrides?: Overrides): Promise<ContractTransaction>;
220 | 
221 |   callStatic: {
222 |     announceWinner(overrides?: CallOverrides): Promise<void>;
223 | 
224 |     "announceWinner()"(overrides?: CallOverrides): Promise<void>;
225 | 
226 |     challenge(overrides?: CallOverrides): Promise<void>;
227 | 
228 |     "challenge()"(overrides?: CallOverrides): Promise<void>;
229 | 
230 |     depositBet(overrides?: CallOverrides): Promise<void>;
231 | 
232 |     "depositBet()"(overrides?: CallOverrides): Promise<void>;
233 | 
234 |     getWinner(overrides?: CallOverrides): Promise<string>;
235 | 
236 |     "getWinner()"(overrides?: CallOverrides): Promise<string>;
237 | 
238 |     icentivize(overrides?: CallOverrides): Promise<void>;
239 | 
240 |     "icentivize()"(overrides?: CallOverrides): Promise<void>;
241 | 
242 |     resetGame(overrides?: CallOverrides): Promise<void>;
243 | 
244 |     "resetGame()"(overrides?: CallOverrides): Promise<void>;
245 | 
246 |     revealMove(
247 |       _move: BigNumberish,
248 |       salt: string,
249 |       overrides?: CallOverrides
250 |     ): Promise<void>;
251 | 
252 |     "revealMove(uint8,string)"(
253 |       _move: BigNumberish,
254 |       salt: string,
255 |       overrides?: CallOverrides
256 |     ): Promise<void>;
257 | 
258 |     submitMove(_moveHash: BytesLike, overrides?: CallOverrides): Promise<void>;
259 | 
260 |     "submitMove(bytes32)"(
261 |       _moveHash: BytesLike,
262 |       overrides?: CallOverrides
263 |     ): Promise<void>;
264 | 
265 |     withdrawFund(overrides?: CallOverrides): Promise<void>;
266 | 
267 |     "withdrawFund()"(overrides?: CallOverrides): Promise<void>;
268 |   };
269 | 
270 |   filters: {
271 |     AcceptChallenge(_challenger: string | null): EventFilter;
272 | 
273 |     Challenge(_from: string | null, _to: string | null): EventFilter;
274 | 
275 |     DepositSuccess(_from: string | null, value: null): EventFilter;
276 | 
277 |     Draw(): EventFilter;
278 | 
279 |     GameEnded(_winner: string | null): EventFilter;
280 | 
281 |     GameStarted(player1: string | null, player2: string | null): EventFilter;
282 | 
283 |     Replay(challanger: string | null, _player: string | null): EventFilter;
284 | 
285 |     ResetGame(): EventFilter;
286 |   };
287 | 
288 |   estimateGas: {
289 |     announceWinner(overrides?: Overrides): Promise<BigNumber>;
290 | 
291 |     "announceWinner()"(overrides?: Overrides): Promise<BigNumber>;
292 | 
293 |     challenge(overrides?: Overrides): Promise<BigNumber>;
294 | 
295 |     "challenge()"(overrides?: Overrides): Promise<BigNumber>;
296 | 
297 |     depositBet(overrides?: PayableOverrides): Promise<BigNumber>;
298 | 
299 |     "depositBet()"(overrides?: PayableOverrides): Promise<BigNumber>;
300 | 
301 |     getWinner(overrides?: CallOverrides): Promise<BigNumber>;
302 | 
303 |     "getWinner()"(overrides?: CallOverrides): Promise<BigNumber>;
304 | 
305 |     icentivize(overrides?: Overrides): Promise<BigNumber>;
306 | 
307 |     "icentivize()"(overrides?: Overrides): Promise<BigNumber>;
308 | 
309 |     resetGame(overrides?: Overrides): Promise<BigNumber>;
310 | 
311 |     "resetGame()"(overrides?: Overrides): Promise<BigNumber>;
312 | 
313 |     revealMove(
314 |       _move: BigNumberish,
315 |       salt: string,
316 |       overrides?: Overrides
317 |     ): Promise<BigNumber>;
318 | 
319 |     "revealMove(uint8,string)"(
320 |       _move: BigNumberish,
321 |       salt: string,
322 |       overrides?: Overrides
323 |     ): Promise<BigNumber>;
324 | 
325 |     submitMove(_moveHash: BytesLike, overrides?: Overrides): Promise<BigNumber>;
326 | 
327 |     "submitMove(bytes32)"(
328 |       _moveHash: BytesLike,
329 |       overrides?: Overrides
330 |     ): Promise<BigNumber>;
331 | 
332 |     withdrawFund(overrides?: Overrides): Promise<BigNumber>;
333 | 
334 |     "withdrawFund()"(overrides?: Overrides): Promise<BigNumber>;
335 |   };
336 | 
337 |   populateTransaction: {
338 |     announceWinner(overrides?: Overrides): Promise<PopulatedTransaction>;
339 | 
340 |     "announceWinner()"(overrides?: Overrides): Promise<PopulatedTransaction>;
341 | 
342 |     challenge(overrides?: Overrides): Promise<PopulatedTransaction>;
343 | 
344 |     "challenge()"(overrides?: Overrides): Promise<PopulatedTransaction>;
345 | 
346 |     depositBet(overrides?: PayableOverrides): Promise<PopulatedTransaction>;
347 | 
348 |     "depositBet()"(overrides?: PayableOverrides): Promise<PopulatedTransaction>;
349 | 
350 |     getWinner(overrides?: CallOverrides): Promise<PopulatedTransaction>;
351 | 
352 |     "getWinner()"(overrides?: CallOverrides): Promise<PopulatedTransaction>;
353 | 
354 |     icentivize(overrides?: Overrides): Promise<PopulatedTransaction>;
355 | 
356 |     "icentivize()"(overrides?: Overrides): Promise<PopulatedTransaction>;
357 | 
358 |     resetGame(overrides?: Overrides): Promise<PopulatedTransaction>;
359 | 
360 |     "resetGame()"(overrides?: Overrides): Promise<PopulatedTransaction>;
361 | 
362 |     revealMove(
363 |       _move: BigNumberish,
364 |       salt: string,
365 |       overrides?: Overrides
366 |     ): Promise<PopulatedTransaction>;
367 | 
368 |     "revealMove(uint8,string)"(
369 |       _move: BigNumberish,
370 |       salt: string,
371 |       overrides?: Overrides
372 |     ): Promise<PopulatedTransaction>;
373 | 
374 |     submitMove(
375 |       _moveHash: BytesLike,
376 |       overrides?: Overrides
377 |     ): Promise<PopulatedTransaction>;
378 | 
379 |     "submitMove(bytes32)"(
380 |       _moveHash: BytesLike,
381 |       overrides?: Overrides
382 |     ): Promise<PopulatedTransaction>;
383 | 
384 |     withdrawFund(overrides?: Overrides): Promise<PopulatedTransaction>;
385 | 
386 |     "withdrawFund()"(overrides?: Overrides): Promise<PopulatedTransaction>;
387 |   };
388 | }
389 | 


--------------------------------------------------------------------------------
/typechain/RPSGameFactory.d.ts:
--------------------------------------------------------------------------------
  1 | /* Autogenerated file. Do not edit manually. */
  2 | /* tslint:disable */
  3 | /* eslint-disable */
  4 | 
  5 | import {
  6 |   ethers,
  7 |   EventFilter,
  8 |   Signer,
  9 |   BigNumber,
 10 |   BigNumberish,
 11 |   PopulatedTransaction,
 12 | } from "ethers";
 13 | import {
 14 |   Contract,
 15 |   ContractTransaction,
 16 |   Overrides,
 17 |   CallOverrides,
 18 | } from "@ethersproject/contracts";
 19 | import { BytesLike } from "@ethersproject/bytes";
 20 | import { Listener, Provider } from "@ethersproject/providers";
 21 | import { FunctionFragment, EventFragment, Result } from "@ethersproject/abi";
 22 | 
 23 | interface RPSGameFactoryInterface extends ethers.utils.Interface {
 24 |   functions: {
 25 |     "createGame(uint256,address)": FunctionFragment;
 26 |     "getDeployedGames()": FunctionFragment;
 27 |   };
 28 | 
 29 |   encodeFunctionData(
 30 |     functionFragment: "createGame",
 31 |     values: [BigNumberish, string]
 32 |   ): string;
 33 |   encodeFunctionData(
 34 |     functionFragment: "getDeployedGames",
 35 |     values?: undefined
 36 |   ): string;
 37 | 
 38 |   decodeFunctionResult(functionFragment: "createGame", data: BytesLike): Result;
 39 |   decodeFunctionResult(
 40 |     functionFragment: "getDeployedGames",
 41 |     data: BytesLike
 42 |   ): Result;
 43 | 
 44 |   events: {
 45 |     "RPSGameCreated(tuple)": EventFragment;
 46 |   };
 47 | 
 48 |   getEvent(nameOrSignatureOrTopic: "RPSGameCreated"): EventFragment;
 49 | }
 50 | 
 51 | export class RPSGameFactory extends Contract {
 52 |   connect(signerOrProvider: Signer | Provider | string): this;
 53 |   attach(addressOrName: string): this;
 54 |   deployed(): Promise<this>;
 55 | 
 56 |   on(event: EventFilter | string, listener: Listener): this;
 57 |   once(event: EventFilter | string, listener: Listener): this;
 58 |   addListener(eventName: EventFilter | string, listener: Listener): this;
 59 |   removeAllListeners(eventName: EventFilter | string): this;
 60 |   removeListener(eventName: any, listener: Listener): this;
 61 | 
 62 |   interface: RPSGameFactoryInterface;
 63 | 
 64 |   functions: {
 65 |     createGame(
 66 |       betAmount: BigNumberish,
 67 |       opponent: string,
 68 |       overrides?: Overrides
 69 |     ): Promise<ContractTransaction>;
 70 | 
 71 |     "createGame(uint256,address)"(
 72 |       betAmount: BigNumberish,
 73 |       opponent: string,
 74 |       overrides?: Overrides
 75 |     ): Promise<ContractTransaction>;
 76 | 
 77 |     getDeployedGames(overrides?: CallOverrides): Promise<{
 78 |       0: {
 79 |         gameAddress: string;
 80 |         player: string;
 81 |         opponent: string;
 82 |         betAmount: BigNumber;
 83 |         0: string;
 84 |         1: string;
 85 |         2: string;
 86 |         3: BigNumber;
 87 |       }[];
 88 |     }>;
 89 | 
 90 |     "getDeployedGames()"(overrides?: CallOverrides): Promise<{
 91 |       0: {
 92 |         gameAddress: string;
 93 |         player: string;
 94 |         opponent: string;
 95 |         betAmount: BigNumber;
 96 |         0: string;
 97 |         1: string;
 98 |         2: string;
 99 |         3: BigNumber;
100 |       }[];
101 |     }>;
102 |   };
103 | 
104 |   createGame(
105 |     betAmount: BigNumberish,
106 |     opponent: string,
107 |     overrides?: Overrides
108 |   ): Promise<ContractTransaction>;
109 | 
110 |   "createGame(uint256,address)"(
111 |     betAmount: BigNumberish,
112 |     opponent: string,
113 |     overrides?: Overrides
114 |   ): Promise<ContractTransaction>;
115 | 
116 |   getDeployedGames(
117 |     overrides?: CallOverrides
118 |   ): Promise<
119 |     {
120 |       gameAddress: string;
121 |       player: string;
122 |       opponent: string;
123 |       betAmount: BigNumber;
124 |       0: string;
125 |       1: string;
126 |       2: string;
127 |       3: BigNumber;
128 |     }[]
129 |   >;
130 | 
131 |   "getDeployedGames()"(
132 |     overrides?: CallOverrides
133 |   ): Promise<
134 |     {
135 |       gameAddress: string;
136 |       player: string;
137 |       opponent: string;
138 |       betAmount: BigNumber;
139 |       0: string;
140 |       1: string;
141 |       2: string;
142 |       3: BigNumber;
143 |     }[]
144 |   >;
145 | 
146 |   callStatic: {
147 |     createGame(
148 |       betAmount: BigNumberish,
149 |       opponent: string,
150 |       overrides?: CallOverrides
151 |     ): Promise<void>;
152 | 
153 |     "createGame(uint256,address)"(
154 |       betAmount: BigNumberish,
155 |       opponent: string,
156 |       overrides?: CallOverrides
157 |     ): Promise<void>;
158 | 
159 |     getDeployedGames(
160 |       overrides?: CallOverrides
161 |     ): Promise<
162 |       {
163 |         gameAddress: string;
164 |         player: string;
165 |         opponent: string;
166 |         betAmount: BigNumber;
167 |         0: string;
168 |         1: string;
169 |         2: string;
170 |         3: BigNumber;
171 |       }[]
172 |     >;
173 | 
174 |     "getDeployedGames()"(
175 |       overrides?: CallOverrides
176 |     ): Promise<
177 |       {
178 |         gameAddress: string;
179 |         player: string;
180 |         opponent: string;
181 |         betAmount: BigNumber;
182 |         0: string;
183 |         1: string;
184 |         2: string;
185 |         3: BigNumber;
186 |       }[]
187 |     >;
188 |   };
189 | 
190 |   filters: {
191 |     RPSGameCreated(game: null): EventFilter;
192 |   };
193 | 
194 |   estimateGas: {
195 |     createGame(
196 |       betAmount: BigNumberish,
197 |       opponent: string,
198 |       overrides?: Overrides
199 |     ): Promise<BigNumber>;
200 | 
201 |     "createGame(uint256,address)"(
202 |       betAmount: BigNumberish,
203 |       opponent: string,
204 |       overrides?: Overrides
205 |     ): Promise<BigNumber>;
206 | 
207 |     getDeployedGames(overrides?: CallOverrides): Promise<BigNumber>;
208 | 
209 |     "getDeployedGames()"(overrides?: CallOverrides): Promise<BigNumber>;
210 |   };
211 | 
212 |   populateTransaction: {
213 |     createGame(
214 |       betAmount: BigNumberish,
215 |       opponent: string,
216 |       overrides?: Overrides
217 |     ): Promise<PopulatedTransaction>;
218 | 
219 |     "createGame(uint256,address)"(
220 |       betAmount: BigNumberish,
221 |       opponent: string,
222 |       overrides?: Overrides
223 |     ): Promise<PopulatedTransaction>;
224 | 
225 |     getDeployedGames(overrides?: CallOverrides): Promise<PopulatedTransaction>;
226 | 
227 |     "getDeployedGames()"(
228 |       overrides?: CallOverrides
229 |     ): Promise<PopulatedTransaction>;
230 |   };
231 | }
232 | 


--------------------------------------------------------------------------------
/typechain/RPSGameV2.d.ts:
--------------------------------------------------------------------------------
  1 | /* Autogenerated file. Do not edit manually. */
  2 | /* tslint:disable */
  3 | /* eslint-disable */
  4 | 
  5 | import {
  6 |   ethers,
  7 |   EventFilter,
  8 |   Signer,
  9 |   BigNumber,
 10 |   BigNumberish,
 11 |   PopulatedTransaction,
 12 | } from "ethers";
 13 | import {
 14 |   Contract,
 15 |   ContractTransaction,
 16 |   Overrides,
 17 |   CallOverrides,
 18 | } from "@ethersproject/contracts";
 19 | import { BytesLike } from "@ethersproject/bytes";
 20 | import { Listener, Provider } from "@ethersproject/providers";
 21 | import { FunctionFragment, EventFragment, Result } from "@ethersproject/abi";
 22 | 
 23 | interface RPSGameV2Interface extends ethers.utils.Interface {
 24 |   functions: {
 25 |     "moves(address)": FunctionFragment;
 26 |     "revealMove(uint8,bytes32)": FunctionFragment;
 27 |     "revealMoveStart()": FunctionFragment;
 28 |     "submitMove(bytes32)": FunctionFragment;
 29 |     "submitMoveStart()": FunctionFragment;
 30 |   };
 31 | 
 32 |   encodeFunctionData(functionFragment: "moves", values: [string]): string;
 33 |   encodeFunctionData(
 34 |     functionFragment: "revealMove",
 35 |     values: [BigNumberish, BytesLike]
 36 |   ): string;
 37 |   encodeFunctionData(
 38 |     functionFragment: "revealMoveStart",
 39 |     values?: undefined
 40 |   ): string;
 41 |   encodeFunctionData(
 42 |     functionFragment: "submitMove",
 43 |     values: [BytesLike]
 44 |   ): string;
 45 |   encodeFunctionData(
 46 |     functionFragment: "submitMoveStart",
 47 |     values?: undefined
 48 |   ): string;
 49 | 
 50 |   decodeFunctionResult(functionFragment: "moves", data: BytesLike): Result;
 51 |   decodeFunctionResult(functionFragment: "revealMove", data: BytesLike): Result;
 52 |   decodeFunctionResult(
 53 |     functionFragment: "revealMoveStart",
 54 |     data: BytesLike
 55 |   ): Result;
 56 |   decodeFunctionResult(functionFragment: "submitMove", data: BytesLike): Result;
 57 |   decodeFunctionResult(
 58 |     functionFragment: "submitMoveStart",
 59 |     data: BytesLike
 60 |   ): Result;
 61 | 
 62 |   events: {};
 63 | }
 64 | 
 65 | export class RPSGameV2 extends Contract {
 66 |   connect(signerOrProvider: Signer | Provider | string): this;
 67 |   attach(addressOrName: string): this;
 68 |   deployed(): Promise<this>;
 69 | 
 70 |   on(event: EventFilter | string, listener: Listener): this;
 71 |   once(event: EventFilter | string, listener: Listener): this;
 72 |   addListener(eventName: EventFilter | string, listener: Listener): this;
 73 |   removeAllListeners(eventName: EventFilter | string): this;
 74 |   removeListener(eventName: any, listener: Listener): this;
 75 | 
 76 |   interface: RPSGameV2Interface;
 77 | 
 78 |   functions: {
 79 |     moves(
 80 |       arg0: string,
 81 |       overrides?: CallOverrides
 82 |     ): Promise<{
 83 |       0: string;
 84 |     }>;
 85 | 
 86 |     "moves(address)"(
 87 |       arg0: string,
 88 |       overrides?: CallOverrides
 89 |     ): Promise<{
 90 |       0: string;
 91 |     }>;
 92 | 
 93 |     revealMove(
 94 |       _move: BigNumberish,
 95 |       salt: BytesLike,
 96 |       overrides?: CallOverrides
 97 |     ): Promise<{
 98 |       0: void;
 99 |     }>;
100 | 
101 |     "revealMove(uint8,bytes32)"(
102 |       _move: BigNumberish,
103 |       salt: BytesLike,
104 |       overrides?: CallOverrides
105 |     ): Promise<{
106 |       0: void;
107 |     }>;
108 | 
109 |     revealMoveStart(overrides?: CallOverrides): Promise<{
110 |       0: BigNumber;
111 |     }>;
112 | 
113 |     "revealMoveStart()"(overrides?: CallOverrides): Promise<{
114 |       0: BigNumber;
115 |     }>;
116 | 
117 |     submitMove(
118 |       _moveHash: BytesLike,
119 |       overrides?: Overrides
120 |     ): Promise<ContractTransaction>;
121 | 
122 |     "submitMove(bytes32)"(
123 |       _moveHash: BytesLike,
124 |       overrides?: Overrides
125 |     ): Promise<ContractTransaction>;
126 | 
127 |     submitMoveStart(overrides?: CallOverrides): Promise<{
128 |       0: BigNumber;
129 |     }>;
130 | 
131 |     "submitMoveStart()"(overrides?: CallOverrides): Promise<{
132 |       0: BigNumber;
133 |     }>;
134 |   };
135 | 
136 |   moves(arg0: string, overrides?: CallOverrides): Promise<string>;
137 | 
138 |   "moves(address)"(arg0: string, overrides?: CallOverrides): Promise<string>;
139 | 
140 |   revealMove(
141 |     _move: BigNumberish,
142 |     salt: BytesLike,
143 |     overrides?: CallOverrides
144 |   ): Promise<void>;
145 | 
146 |   "revealMove(uint8,bytes32)"(
147 |     _move: BigNumberish,
148 |     salt: BytesLike,
149 |     overrides?: CallOverrides
150 |   ): Promise<void>;
151 | 
152 |   revealMoveStart(overrides?: CallOverrides): Promise<BigNumber>;
153 | 
154 |   "revealMoveStart()"(overrides?: CallOverrides): Promise<BigNumber>;
155 | 
156 |   submitMove(
157 |     _moveHash: BytesLike,
158 |     overrides?: Overrides
159 |   ): Promise<ContractTransaction>;
160 | 
161 |   "submitMove(bytes32)"(
162 |     _moveHash: BytesLike,
163 |     overrides?: Overrides
164 |   ): Promise<ContractTransaction>;
165 | 
166 |   submitMoveStart(overrides?: CallOverrides): Promise<BigNumber>;
167 | 
168 |   "submitMoveStart()"(overrides?: CallOverrides): Promise<BigNumber>;
169 | 
170 |   callStatic: {
171 |     moves(arg0: string, overrides?: CallOverrides): Promise<string>;
172 | 
173 |     "moves(address)"(arg0: string, overrides?: CallOverrides): Promise<string>;
174 | 
175 |     revealMove(
176 |       _move: BigNumberish,
177 |       salt: BytesLike,
178 |       overrides?: CallOverrides
179 |     ): Promise<void>;
180 | 
181 |     "revealMove(uint8,bytes32)"(
182 |       _move: BigNumberish,
183 |       salt: BytesLike,
184 |       overrides?: CallOverrides
185 |     ): Promise<void>;
186 | 
187 |     revealMoveStart(overrides?: CallOverrides): Promise<BigNumber>;
188 | 
189 |     "revealMoveStart()"(overrides?: CallOverrides): Promise<BigNumber>;
190 | 
191 |     submitMove(_moveHash: BytesLike, overrides?: CallOverrides): Promise<void>;
192 | 
193 |     "submitMove(bytes32)"(
194 |       _moveHash: BytesLike,
195 |       overrides?: CallOverrides
196 |     ): Promise<void>;
197 | 
198 |     submitMoveStart(overrides?: CallOverrides): Promise<BigNumber>;
199 | 
200 |     "submitMoveStart()"(overrides?: CallOverrides): Promise<BigNumber>;
201 |   };
202 | 
203 |   filters: {};
204 | 
205 |   estimateGas: {
206 |     moves(arg0: string, overrides?: CallOverrides): Promise<BigNumber>;
207 | 
208 |     "moves(address)"(
209 |       arg0: string,
210 |       overrides?: CallOverrides
211 |     ): Promise<BigNumber>;
212 | 
213 |     revealMove(
214 |       _move: BigNumberish,
215 |       salt: BytesLike,
216 |       overrides?: CallOverrides
217 |     ): Promise<BigNumber>;
218 | 
219 |     "revealMove(uint8,bytes32)"(
220 |       _move: BigNumberish,
221 |       salt: BytesLike,
222 |       overrides?: CallOverrides
223 |     ): Promise<BigNumber>;
224 | 
225 |     revealMoveStart(overrides?: CallOverrides): Promise<BigNumber>;
226 | 
227 |     "revealMoveStart()"(overrides?: CallOverrides): Promise<BigNumber>;
228 | 
229 |     submitMove(_moveHash: BytesLike, overrides?: Overrides): Promise<BigNumber>;
230 | 
231 |     "submitMove(bytes32)"(
232 |       _moveHash: BytesLike,
233 |       overrides?: Overrides
234 |     ): Promise<BigNumber>;
235 | 
236 |     submitMoveStart(overrides?: CallOverrides): Promise<BigNumber>;
237 | 
238 |     "submitMoveStart()"(overrides?: CallOverrides): Promise<BigNumber>;
239 |   };
240 | 
241 |   populateTransaction: {
242 |     moves(
243 |       arg0: string,
244 |       overrides?: CallOverrides
245 |     ): Promise<PopulatedTransaction>;
246 | 
247 |     "moves(address)"(
248 |       arg0: string,
249 |       overrides?: CallOverrides
250 |     ): Promise<PopulatedTransaction>;
251 | 
252 |     revealMove(
253 |       _move: BigNumberish,
254 |       salt: BytesLike,
255 |       overrides?: CallOverrides
256 |     ): Promise<PopulatedTransaction>;
257 | 
258 |     "revealMove(uint8,bytes32)"(
259 |       _move: BigNumberish,
260 |       salt: BytesLike,
261 |       overrides?: CallOverrides
262 |     ): Promise<PopulatedTransaction>;
263 | 
264 |     revealMoveStart(overrides?: CallOverrides): Promise<PopulatedTransaction>;
265 | 
266 |     "revealMoveStart()"(
267 |       overrides?: CallOverrides
268 |     ): Promise<PopulatedTransaction>;
269 | 
270 |     submitMove(
271 |       _moveHash: BytesLike,
272 |       overrides?: Overrides
273 |     ): Promise<PopulatedTransaction>;
274 | 
275 |     "submitMove(bytes32)"(
276 |       _moveHash: BytesLike,
277 |       overrides?: Overrides
278 |     ): Promise<PopulatedTransaction>;
279 | 
280 |     submitMoveStart(overrides?: CallOverrides): Promise<PopulatedTransaction>;
281 | 
282 |     "submitMoveStart()"(
283 |       overrides?: CallOverrides
284 |     ): Promise<PopulatedTransaction>;
285 |   };
286 | }
287 | 


--------------------------------------------------------------------------------
/typechain/factories/ERC20__factory.ts:
--------------------------------------------------------------------------------
  1 | /* Autogenerated file. Do not edit manually. */
  2 | /* tslint:disable */
  3 | /* eslint-disable */
  4 | 
  5 | import { Signer } from "ethers";
  6 | import { Provider, TransactionRequest } from "@ethersproject/providers";
  7 | import { Contract, ContractFactory, Overrides } from "@ethersproject/contracts";
  8 | 
  9 | import type { ERC20 } from "../ERC20";
 10 | 
 11 | export class ERC20__factory extends ContractFactory {
 12 |   constructor(signer?: Signer) {
 13 |     super(_abi, _bytecode, signer);
 14 |   }
 15 | 
 16 |   deploy(
 17 |     name_: string,
 18 |     symbol_: string,
 19 |     overrides?: Overrides
 20 |   ): Promise<ERC20> {
 21 |     return super.deploy(name_, symbol_, overrides || {}) as Promise<ERC20>;
 22 |   }
 23 |   getDeployTransaction(
 24 |     name_: string,
 25 |     symbol_: string,
 26 |     overrides?: Overrides
 27 |   ): TransactionRequest {
 28 |     return super.getDeployTransaction(name_, symbol_, overrides || {});
 29 |   }
 30 |   attach(address: string): ERC20 {
 31 |     return super.attach(address) as ERC20;
 32 |   }
 33 |   connect(signer: Signer): ERC20__factory {
 34 |     return super.connect(signer) as ERC20__factory;
 35 |   }
 36 |   static connect(address: string, signerOrProvider: Signer | Provider): ERC20 {
 37 |     return new Contract(address, _abi, signerOrProvider) as ERC20;
 38 |   }
 39 | }
 40 | 
 41 | const _abi = [
 42 |   {
 43 |     inputs: [
 44 |       {
 45 |         internalType: "string",
 46 |         name: "name_",
 47 |         type: "string",
 48 |       },
 49 |       {
 50 |         internalType: "string",
 51 |         name: "symbol_",
 52 |         type: "string",
 53 |       },
 54 |     ],
 55 |     stateMutability: "nonpayable",
 56 |     type: "constructor",
 57 |   },
 58 |   {
 59 |     anonymous: false,
 60 |     inputs: [
 61 |       {
 62 |         indexed: true,
 63 |         internalType: "address",
 64 |         name: "owner",
 65 |         type: "address",
 66 |       },
 67 |       {
 68 |         indexed: true,
 69 |         internalType: "address",
 70 |         name: "spender",
 71 |         type: "address",
 72 |       },
 73 |       {
 74 |         indexed: false,
 75 |         internalType: "uint256",
 76 |         name: "value",
 77 |         type: "uint256",
 78 |       },
 79 |     ],
 80 |     name: "Approval",
 81 |     type: "event",
 82 |   },
 83 |   {
 84 |     anonymous: false,
 85 |     inputs: [
 86 |       {
 87 |         indexed: true,
 88 |         internalType: "address",
 89 |         name: "from",
 90 |         type: "address",
 91 |       },
 92 |       {
 93 |         indexed: true,
 94 |         internalType: "address",
 95 |         name: "to",
 96 |         type: "address",
 97 |       },
 98 |       {
 99 |         indexed: false,
100 |         internalType: "uint256",
101 |         name: "value",
102 |         type: "uint256",
103 |       },
104 |     ],
105 |     name: "Transfer",
106 |     type: "event",
107 |   },
108 |   {
109 |     inputs: [
110 |       {
111 |         internalType: "address",
112 |         name: "owner",
113 |         type: "address",
114 |       },
115 |       {
116 |         internalType: "address",
117 |         name: "spender",
118 |         type: "address",
119 |       },
120 |     ],
121 |     name: "allowance",
122 |     outputs: [
123 |       {
124 |         internalType: "uint256",
125 |         name: "",
126 |         type: "uint256",
127 |       },
128 |     ],
129 |     stateMutability: "view",
130 |     type: "function",
131 |   },
132 |   {
133 |     inputs: [
134 |       {
135 |         internalType: "address",
136 |         name: "spender",
137 |         type: "address",
138 |       },
139 |       {
140 |         internalType: "uint256",
141 |         name: "amount",
142 |         type: "uint256",
143 |       },
144 |     ],
145 |     name: "approve",
146 |     outputs: [
147 |       {
148 |         internalType: "bool",
149 |         name: "",
150 |         type: "bool",
151 |       },
152 |     ],
153 |     stateMutability: "nonpayable",
154 |     type: "function",
155 |   },
156 |   {
157 |     inputs: [
158 |       {
159 |         internalType: "address",
160 |         name: "account",
161 |         type: "address",
162 |       },
163 |     ],
164 |     name: "balanceOf",
165 |     outputs: [
166 |       {
167 |         internalType: "uint256",
168 |         name: "",
169 |         type: "uint256",
170 |       },
171 |     ],
172 |     stateMutability: "view",
173 |     type: "function",
174 |   },
175 |   {
176 |     inputs: [],
177 |     name: "decimals",
178 |     outputs: [
179 |       {
180 |         internalType: "uint8",
181 |         name: "",
182 |         type: "uint8",
183 |       },
184 |     ],
185 |     stateMutability: "view",
186 |     type: "function",
187 |   },
188 |   {
189 |     inputs: [
190 |       {
191 |         internalType: "address",
192 |         name: "spender",
193 |         type: "address",
194 |       },
195 |       {
196 |         internalType: "uint256",
197 |         name: "subtractedValue",
198 |         type: "uint256",
199 |       },
200 |     ],
201 |     name: "decreaseAllowance",
202 |     outputs: [
203 |       {
204 |         internalType: "bool",
205 |         name: "",
206 |         type: "bool",
207 |       },
208 |     ],
209 |     stateMutability: "nonpayable",
210 |     type: "function",
211 |   },
212 |   {
213 |     inputs: [
214 |       {
215 |         internalType: "address",
216 |         name: "spender",
217 |         type: "address",
218 |       },
219 |       {
220 |         internalType: "uint256",
221 |         name: "addedValue",
222 |         type: "uint256",
223 |       },
224 |     ],
225 |     name: "increaseAllowance",
226 |     outputs: [
227 |       {
228 |         internalType: "bool",
229 |         name: "",
230 |         type: "bool",
231 |       },
232 |     ],
233 |     stateMutability: "nonpayable",
234 |     type: "function",
235 |   },
236 |   {
237 |     inputs: [],
238 |     name: "name",
239 |     outputs: [
240 |       {
241 |         internalType: "string",
242 |         name: "",
243 |         type: "string",
244 |       },
245 |     ],
246 |     stateMutability: "view",
247 |     type: "function",
248 |   },
249 |   {
250 |     inputs: [],
251 |     name: "symbol",
252 |     outputs: [
253 |       {
254 |         internalType: "string",
255 |         name: "",
256 |         type: "string",
257 |       },
258 |     ],
259 |     stateMutability: "view",
260 |     type: "function",
261 |   },
262 |   {
263 |     inputs: [],
264 |     name: "totalSupply",
265 |     outputs: [
266 |       {
267 |         internalType: "uint256",
268 |         name: "",
269 |         type: "uint256",
270 |       },
271 |     ],
272 |     stateMutability: "view",
273 |     type: "function",
274 |   },
275 |   {
276 |     inputs: [
277 |       {
278 |         internalType: "address",
279 |         name: "recipient",
280 |         type: "address",
281 |       },
282 |       {
283 |         internalType: "uint256",
284 |         name: "amount",
285 |         type: "uint256",
286 |       },
287 |     ],
288 |     name: "transfer",
289 |     outputs: [
290 |       {
291 |         internalType: "bool",
292 |         name: "",
293 |         type: "bool",
294 |       },
295 |     ],
296 |     stateMutability: "nonpayable",
297 |     type: "function",
298 |   },
299 |   {
300 |     inputs: [
301 |       {
302 |         internalType: "address",
303 |         name: "sender",
304 |         type: "address",
305 |       },
306 |       {
307 |         internalType: "address",
308 |         name: "recipient",
309 |         type: "address",
310 |       },
311 |       {
312 |         internalType: "uint256",
313 |         name: "amount",
314 |         type: "uint256",
315 |       },
316 |     ],
317 |     name: "transferFrom",
318 |     outputs: [
319 |       {
320 |         internalType: "bool",
321 |         name: "",
322 |         type: "bool",
323 |       },
324 |     ],
325 |     stateMutability: "nonpayable",
326 |     type: "function",
327 |   },
328 | ];
329 | 
330 | const _bytecode =
331 |   "0x60806040523480156200001157600080fd5b5060405162000c3038038062000c308339810160408190526200003491620001b9565b81516200004990600390602085019062000068565b5080516200005f90600490602084019062000068565b50505062000273565b828054620000769062000220565b90600052602060002090601f0160209004810192826200009a5760008555620000e5565b82601f10620000b557805160ff1916838001178555620000e5565b82800160010185558215620000e5579182015b82811115620000e5578251825591602001919060010190620000c8565b50620000f3929150620000f7565b5090565b5b80821115620000f35760008155600101620000f8565b600082601f8301126200011f578081fd5b81516001600160401b03808211156200013c576200013c6200025d565b6040516020601f8401601f19168201810183811183821017156200016457620001646200025d565b60405283825285840181018710156200017b578485fd5b8492505b838310156200019e57858301810151828401820152918201916200017f565b83831115620001af57848185840101525b5095945050505050565b60008060408385031215620001cc578182fd5b82516001600160401b0380821115620001e3578384fd5b620001f1868387016200010e565b9350602085015191508082111562000207578283fd5b5062000216858286016200010e565b9150509250929050565b6002810460018216806200023557607f821691505b602082108114156200025757634e487b7160e01b600052602260045260246000fd5b50919050565b634e487b7160e01b600052604160045260246000fd5b6109ad80620002836000396000f3fe608060405234801561001057600080fd5b50600436106100995760003560e01c806306fdde031461009e578063095ea7b3146100bc57806318160ddd146100dc57806323b872dd146100f1578063313ce56714610104578063395093511461011957806370a082311461012c57806395d89b411461013f578063a457c2d714610147578063a9059cbb1461015a578063dd62ed3e1461016d575b600080fd5b6100a6610180565b6040516100b391906106cd565b60405180910390f35b6100cf6100ca366004610699565b610212565b6040516100b391906106c2565b6100e461022f565b6040516100b39190610901565b6100cf6100ff36600461065e565b610235565b61010c6102ce565b6040516100b3919061090a565b6100cf610127366004610699565b6102d3565b6100e461013a36600461060b565b610327565b6100a6610346565b6100cf610155366004610699565b610355565b6100cf610168366004610699565b6103ce565b6100e461017b36600461062c565b6103e2565b60606003805461018f9061093c565b80601f01602080910402602001604051908101604052809291908181526020018280546101bb9061093c565b80156102085780601f106101dd57610100808354040283529160200191610208565b820191906000526020600020905b8154815290600101906020018083116101eb57829003601f168201915b5050505050905090565b600061022661021f61040d565b8484610411565b50600192915050565b60025490565b60006102428484846104c5565b6001600160a01b03841660009081526001602052604081208161026361040d565b6001600160a01b03166001600160a01b03168152602001908152602001600020549050828110156102af5760405162461bcd60e51b81526004016102a6906107eb565b60405180910390fd5b6102c3856102bb61040d565b858403610411565b506001949350505050565b601290565b60006102266102e061040d565b8484600160006102ee61040d565b6001600160a01b03908116825260208083019390935260409182016000908120918b16815292529020546103229190610918565b610411565b6001600160a01b0381166000908152602081905260409020545b919050565b60606004805461018f9061093c565b6000806001600061036461040d565b6001600160a01b03908116825260208083019390935260409182016000908120918816815292529020549050828110156103b05760405162461bcd60e51b81526004016102a6906108bc565b6103c46103bb61040d565b85858403610411565b5060019392505050565b60006102266103db61040d565b84846104c5565b6001600160a01b03918216600090815260016020908152604080832093909416825291909152205490565b3390565b6001600160a01b0383166104375760405162461bcd60e51b81526004016102a690610878565b6001600160a01b03821661045d5760405162461bcd60e51b81526004016102a690610763565b6001600160a01b0380841660008181526001602090815260408083209487168084529490915290819020849055517f8c5be1e5ebec7d5bd14f71427d1e84f3dd0314c0f7b2291e5b200ac8c7c3b925906104b8908590610901565b60405180910390a3505050565b6001600160a01b0383166104eb5760405162461bcd60e51b81526004016102a690610833565b6001600160a01b0382166105115760405162461bcd60e51b81526004016102a690610720565b61051c8383836105ef565b6001600160a01b038316600090815260208190526040902054818110156105555760405162461bcd60e51b81526004016102a6906107a5565b6001600160a01b0380851660009081526020819052604080822085850390559185168152908120805484929061058c908490610918565b92505081905550826001600160a01b0316846001600160a01b03167fddf252ad1be2c89b69c2b068fc378daa952ba7f163c4a11628f55a4df523b3ef846040516105d69190610901565b60405180910390a36105e98484846105ef565b50505050565b505050565b80356001600160a01b038116811461034157600080fd5b60006020828403121561061c578081fd5b610625826105f4565b9392505050565b6000806040838503121561063e578081fd5b610647836105f4565b9150610655602084016105f4565b90509250929050565b600080600060608486031215610672578081fd5b61067b846105f4565b9250610689602085016105f4565b9150604084013590509250925092565b600080604083850312156106ab578182fd5b6106b4836105f4565b946020939093013593505050565b901515815260200190565b6000602080835283518082850152825b818110156106f9578581018301518582016040015282016106dd565b8181111561070a5783604083870101525b50601f01601f1916929092016040019392505050565b60208082526023908201527f45524332303a207472616e7366657220746f20746865207a65726f206164647260408201526265737360e81b606082015260800190565b60208082526022908201527f45524332303a20617070726f766520746f20746865207a65726f206164647265604082015261737360f01b606082015260800190565b60208082526026908201527f45524332303a207472616e7366657220616d6f756e7420657863656564732062604082015265616c616e636560d01b606082015260800190565b60208082526028908201527f45524332303a207472616e7366657220616d6f756e74206578636565647320616040820152676c6c6f77616e636560c01b606082015260800190565b60208082526025908201527f45524332303a207472616e736665722066726f6d20746865207a65726f206164604082015264647265737360d81b606082015260800190565b60208082526024908201527f45524332303a20617070726f76652066726f6d20746865207a65726f206164646040820152637265737360e01b606082015260800190565b60208082526025908201527f45524332303a2064656372656173656420616c6c6f77616e63652062656c6f77604082015264207a65726f60d81b606082015260800190565b90815260200190565b60ff91909116815260200190565b6000821982111561093757634e487b7160e01b81526011600452602481fd5b500190565b60028104600182168061095057607f821691505b6020821081141561097157634e487b7160e01b600052602260045260246000fd5b5091905056fea26469706673582212203a18f62a75f676dc48a97e2408ecbd7a930bc1bd01383eda5c91845bbb2e287e64736f6c63430008000033";
332 | 


--------------------------------------------------------------------------------
/typechain/factories/IERC20Metadata__factory.ts:
--------------------------------------------------------------------------------
  1 | /* Autogenerated file. Do not edit manually. */
  2 | /* tslint:disable */
  3 | /* eslint-disable */
  4 | 
  5 | import { Contract, Signer } from "ethers";
  6 | import { Provider } from "@ethersproject/providers";
  7 | 
  8 | import type { IERC20Metadata } from "../IERC20Metadata";
  9 | 
 10 | export class IERC20Metadata__factory {
 11 |   static connect(
 12 |     address: string,
 13 |     signerOrProvider: Signer | Provider
 14 |   ): IERC20Metadata {
 15 |     return new Contract(address, _abi, signerOrProvider) as IERC20Metadata;
 16 |   }
 17 | }
 18 | 
 19 | const _abi = [
 20 |   {
 21 |     anonymous: false,
 22 |     inputs: [
 23 |       {
 24 |         indexed: true,
 25 |         internalType: "address",
 26 |         name: "owner",
 27 |         type: "address",
 28 |       },
 29 |       {
 30 |         indexed: true,
 31 |         internalType: "address",
 32 |         name: "spender",
 33 |         type: "address",
 34 |       },
 35 |       {
 36 |         indexed: false,
 37 |         internalType: "uint256",
 38 |         name: "value",
 39 |         type: "uint256",
 40 |       },
 41 |     ],
 42 |     name: "Approval",
 43 |     type: "event",
 44 |   },
 45 |   {
 46 |     anonymous: false,
 47 |     inputs: [
 48 |       {
 49 |         indexed: true,
 50 |         internalType: "address",
 51 |         name: "from",
 52 |         type: "address",
 53 |       },
 54 |       {
 55 |         indexed: true,
 56 |         internalType: "address",
 57 |         name: "to",
 58 |         type: "address",
 59 |       },
 60 |       {
 61 |         indexed: false,
 62 |         internalType: "uint256",
 63 |         name: "value",
 64 |         type: "uint256",
 65 |       },
 66 |     ],
 67 |     name: "Transfer",
 68 |     type: "event",
 69 |   },
 70 |   {
 71 |     inputs: [
 72 |       {
 73 |         internalType: "address",
 74 |         name: "owner",
 75 |         type: "address",
 76 |       },
 77 |       {
 78 |         internalType: "address",
 79 |         name: "spender",
 80 |         type: "address",
 81 |       },
 82 |     ],
 83 |     name: "allowance",
 84 |     outputs: [
 85 |       {
 86 |         internalType: "uint256",
 87 |         name: "",
 88 |         type: "uint256",
 89 |       },
 90 |     ],
 91 |     stateMutability: "view",
 92 |     type: "function",
 93 |   },
 94 |   {
 95 |     inputs: [
 96 |       {
 97 |         internalType: "address",
 98 |         name: "spender",
 99 |         type: "address",
100 |       },
101 |       {
102 |         internalType: "uint256",
103 |         name: "amount",
104 |         type: "uint256",
105 |       },
106 |     ],
107 |     name: "approve",
108 |     outputs: [
109 |       {
110 |         internalType: "bool",
111 |         name: "",
112 |         type: "bool",
113 |       },
114 |     ],
115 |     stateMutability: "nonpayable",
116 |     type: "function",
117 |   },
118 |   {
119 |     inputs: [
120 |       {
121 |         internalType: "address",
122 |         name: "account",
123 |         type: "address",
124 |       },
125 |     ],
126 |     name: "balanceOf",
127 |     outputs: [
128 |       {
129 |         internalType: "uint256",
130 |         name: "",
131 |         type: "uint256",
132 |       },
133 |     ],
134 |     stateMutability: "view",
135 |     type: "function",
136 |   },
137 |   {
138 |     inputs: [],
139 |     name: "decimals",
140 |     outputs: [
141 |       {
142 |         internalType: "uint8",
143 |         name: "",
144 |         type: "uint8",
145 |       },
146 |     ],
147 |     stateMutability: "view",
148 |     type: "function",
149 |   },
150 |   {
151 |     inputs: [],
152 |     name: "name",
153 |     outputs: [
154 |       {
155 |         internalType: "string",
156 |         name: "",
157 |         type: "string",
158 |       },
159 |     ],
160 |     stateMutability: "view",
161 |     type: "function",
162 |   },
163 |   {
164 |     inputs: [],
165 |     name: "symbol",
166 |     outputs: [
167 |       {
168 |         internalType: "string",
169 |         name: "",
170 |         type: "string",
171 |       },
172 |     ],
173 |     stateMutability: "view",
174 |     type: "function",
175 |   },
176 |   {
177 |     inputs: [],
178 |     name: "totalSupply",
179 |     outputs: [
180 |       {
181 |         internalType: "uint256",
182 |         name: "",
183 |         type: "uint256",
184 |       },
185 |     ],
186 |     stateMutability: "view",
187 |     type: "function",
188 |   },
189 |   {
190 |     inputs: [
191 |       {
192 |         internalType: "address",
193 |         name: "recipient",
194 |         type: "address",
195 |       },
196 |       {
197 |         internalType: "uint256",
198 |         name: "amount",
199 |         type: "uint256",
200 |       },
201 |     ],
202 |     name: "transfer",
203 |     outputs: [
204 |       {
205 |         internalType: "bool",
206 |         name: "",
207 |         type: "bool",
208 |       },
209 |     ],
210 |     stateMutability: "nonpayable",
211 |     type: "function",
212 |   },
213 |   {
214 |     inputs: [
215 |       {
216 |         internalType: "address",
217 |         name: "sender",
218 |         type: "address",
219 |       },
220 |       {
221 |         internalType: "address",
222 |         name: "recipient",
223 |         type: "address",
224 |       },
225 |       {
226 |         internalType: "uint256",
227 |         name: "amount",
228 |         type: "uint256",
229 |       },
230 |     ],
231 |     name: "transferFrom",
232 |     outputs: [
233 |       {
234 |         internalType: "bool",
235 |         name: "",
236 |         type: "bool",
237 |       },
238 |     ],
239 |     stateMutability: "nonpayable",
240 |     type: "function",
241 |   },
242 | ];
243 | 


--------------------------------------------------------------------------------
/typechain/factories/IERC20__factory.ts:
--------------------------------------------------------------------------------
  1 | /* Autogenerated file. Do not edit manually. */
  2 | /* tslint:disable */
  3 | /* eslint-disable */
  4 | 
  5 | import { Contract, Signer } from "ethers";
  6 | import { Provider } from "@ethersproject/providers";
  7 | 
  8 | import type { IERC20 } from "../IERC20";
  9 | 
 10 | export class IERC20__factory {
 11 |   static connect(address: string, signerOrProvider: Signer | Provider): IERC20 {
 12 |     return new Contract(address, _abi, signerOrProvider) as IERC20;
 13 |   }
 14 | }
 15 | 
 16 | const _abi = [
 17 |   {
 18 |     anonymous: false,
 19 |     inputs: [
 20 |       {
 21 |         indexed: true,
 22 |         internalType: "address",
 23 |         name: "owner",
 24 |         type: "address",
 25 |       },
 26 |       {
 27 |         indexed: true,
 28 |         internalType: "address",
 29 |         name: "spender",
 30 |         type: "address",
 31 |       },
 32 |       {
 33 |         indexed: false,
 34 |         internalType: "uint256",
 35 |         name: "value",
 36 |         type: "uint256",
 37 |       },
 38 |     ],
 39 |     name: "Approval",
 40 |     type: "event",
 41 |   },
 42 |   {
 43 |     anonymous: false,
 44 |     inputs: [
 45 |       {
 46 |         indexed: true,
 47 |         internalType: "address",
 48 |         name: "from",
 49 |         type: "address",
 50 |       },
 51 |       {
 52 |         indexed: true,
 53 |         internalType: "address",
 54 |         name: "to",
 55 |         type: "address",
 56 |       },
 57 |       {
 58 |         indexed: false,
 59 |         internalType: "uint256",
 60 |         name: "value",
 61 |         type: "uint256",
 62 |       },
 63 |     ],
 64 |     name: "Transfer",
 65 |     type: "event",
 66 |   },
 67 |   {
 68 |     inputs: [
 69 |       {
 70 |         internalType: "address",
 71 |         name: "owner",
 72 |         type: "address",
 73 |       },
 74 |       {
 75 |         internalType: "address",
 76 |         name: "spender",
 77 |         type: "address",
 78 |       },
 79 |     ],
 80 |     name: "allowance",
 81 |     outputs: [
 82 |       {
 83 |         internalType: "uint256",
 84 |         name: "",
 85 |         type: "uint256",
 86 |       },
 87 |     ],
 88 |     stateMutability: "view",
 89 |     type: "function",
 90 |   },
 91 |   {
 92 |     inputs: [
 93 |       {
 94 |         internalType: "address",
 95 |         name: "spender",
 96 |         type: "address",
 97 |       },
 98 |       {
 99 |         internalType: "uint256",
100 |         name: "amount",
101 |         type: "uint256",
102 |       },
103 |     ],
104 |     name: "approve",
105 |     outputs: [
106 |       {
107 |         internalType: "bool",
108 |         name: "",
109 |         type: "bool",
110 |       },
111 |     ],
112 |     stateMutability: "nonpayable",
113 |     type: "function",
114 |   },
115 |   {
116 |     inputs: [
117 |       {
118 |         internalType: "address",
119 |         name: "account",
120 |         type: "address",
121 |       },
122 |     ],
123 |     name: "balanceOf",
124 |     outputs: [
125 |       {
126 |         internalType: "uint256",
127 |         name: "",
128 |         type: "uint256",
129 |       },
130 |     ],
131 |     stateMutability: "view",
132 |     type: "function",
133 |   },
134 |   {
135 |     inputs: [],
136 |     name: "totalSupply",
137 |     outputs: [
138 |       {
139 |         internalType: "uint256",
140 |         name: "",
141 |         type: "uint256",
142 |       },
143 |     ],
144 |     stateMutability: "view",
145 |     type: "function",
146 |   },
147 |   {
148 |     inputs: [
149 |       {
150 |         internalType: "address",
151 |         name: "recipient",
152 |         type: "address",
153 |       },
154 |       {
155 |         internalType: "uint256",
156 |         name: "amount",
157 |         type: "uint256",
158 |       },
159 |     ],
160 |     name: "transfer",
161 |     outputs: [
162 |       {
163 |         internalType: "bool",
164 |         name: "",
165 |         type: "bool",
166 |       },
167 |     ],
168 |     stateMutability: "nonpayable",
169 |     type: "function",
170 |   },
171 |   {
172 |     inputs: [
173 |       {
174 |         internalType: "address",
175 |         name: "sender",
176 |         type: "address",
177 |       },
178 |       {
179 |         internalType: "address",
180 |         name: "recipient",
181 |         type: "address",
182 |       },
183 |       {
184 |         internalType: "uint256",
185 |         name: "amount",
186 |         type: "uint256",
187 |       },
188 |     ],
189 |     name: "transferFrom",
190 |     outputs: [
191 |       {
192 |         internalType: "bool",
193 |         name: "",
194 |         type: "bool",
195 |       },
196 |     ],
197 |     stateMutability: "nonpayable",
198 |     type: "function",
199 |   },
200 | ];
201 | 


--------------------------------------------------------------------------------
/typechain/factories/IRPSGameV2__factory.ts:
--------------------------------------------------------------------------------
  1 | /* Autogenerated file. Do not edit manually. */
  2 | /* tslint:disable */
  3 | /* eslint-disable */
  4 | 
  5 | import { Contract, Signer } from "ethers";
  6 | import { Provider } from "@ethersproject/providers";
  7 | 
  8 | import type { IRPSGameV2 } from "../IRPSGameV2";
  9 | 
 10 | export class IRPSGameV2__factory {
 11 |   static connect(
 12 |     address: string,
 13 |     signerOrProvider: Signer | Provider
 14 |   ): IRPSGameV2 {
 15 |     return new Contract(address, _abi, signerOrProvider) as IRPSGameV2;
 16 |   }
 17 | }
 18 | 
 19 | const _abi = [
 20 |   {
 21 |     anonymous: false,
 22 |     inputs: [
 23 |       {
 24 |         indexed: true,
 25 |         internalType: "address",
 26 |         name: "_challenger",
 27 |         type: "address",
 28 |       },
 29 |     ],
 30 |     name: "AcceptChallenge",
 31 |     type: "event",
 32 |   },
 33 |   {
 34 |     anonymous: false,
 35 |     inputs: [
 36 |       {
 37 |         indexed: true,
 38 |         internalType: "address",
 39 |         name: "_from",
 40 |         type: "address",
 41 |       },
 42 |       {
 43 |         indexed: true,
 44 |         internalType: "address",
 45 |         name: "_to",
 46 |         type: "address",
 47 |       },
 48 |     ],
 49 |     name: "Challenge",
 50 |     type: "event",
 51 |   },
 52 |   {
 53 |     anonymous: false,
 54 |     inputs: [
 55 |       {
 56 |         indexed: true,
 57 |         internalType: "address",
 58 |         name: "_from",
 59 |         type: "address",
 60 |       },
 61 |       {
 62 |         indexed: false,
 63 |         internalType: "uint256",
 64 |         name: "value",
 65 |         type: "uint256",
 66 |       },
 67 |     ],
 68 |     name: "DepositSuccess",
 69 |     type: "event",
 70 |   },
 71 |   {
 72 |     anonymous: false,
 73 |     inputs: [],
 74 |     name: "Draw",
 75 |     type: "event",
 76 |   },
 77 |   {
 78 |     anonymous: false,
 79 |     inputs: [
 80 |       {
 81 |         indexed: true,
 82 |         internalType: "address",
 83 |         name: "_winner",
 84 |         type: "address",
 85 |       },
 86 |     ],
 87 |     name: "GameEnded",
 88 |     type: "event",
 89 |   },
 90 |   {
 91 |     anonymous: false,
 92 |     inputs: [
 93 |       {
 94 |         indexed: true,
 95 |         internalType: "address",
 96 |         name: "player1",
 97 |         type: "address",
 98 |       },
 99 |       {
100 |         indexed: true,
101 |         internalType: "address",
102 |         name: "player2",
103 |         type: "address",
104 |       },
105 |     ],
106 |     name: "GameStarted",
107 |     type: "event",
108 |   },
109 |   {
110 |     anonymous: false,
111 |     inputs: [
112 |       {
113 |         indexed: true,
114 |         internalType: "address",
115 |         name: "challanger",
116 |         type: "address",
117 |       },
118 |       {
119 |         indexed: true,
120 |         internalType: "address",
121 |         name: "_player",
122 |         type: "address",
123 |       },
124 |     ],
125 |     name: "Replay",
126 |     type: "event",
127 |   },
128 |   {
129 |     anonymous: false,
130 |     inputs: [],
131 |     name: "ResetGame",
132 |     type: "event",
133 |   },
134 |   {
135 |     inputs: [],
136 |     name: "announceWinner",
137 |     outputs: [],
138 |     stateMutability: "nonpayable",
139 |     type: "function",
140 |   },
141 |   {
142 |     inputs: [],
143 |     name: "challenge",
144 |     outputs: [],
145 |     stateMutability: "nonpayable",
146 |     type: "function",
147 |   },
148 |   {
149 |     inputs: [],
150 |     name: "depositBet",
151 |     outputs: [],
152 |     stateMutability: "payable",
153 |     type: "function",
154 |   },
155 |   {
156 |     inputs: [],
157 |     name: "getWinner",
158 |     outputs: [
159 |       {
160 |         internalType: "address",
161 |         name: "",
162 |         type: "address",
163 |       },
164 |     ],
165 |     stateMutability: "view",
166 |     type: "function",
167 |   },
168 |   {
169 |     inputs: [],
170 |     name: "icentivize",
171 |     outputs: [],
172 |     stateMutability: "nonpayable",
173 |     type: "function",
174 |   },
175 |   {
176 |     inputs: [],
177 |     name: "resetGame",
178 |     outputs: [],
179 |     stateMutability: "nonpayable",
180 |     type: "function",
181 |   },
182 |   {
183 |     inputs: [
184 |       {
185 |         internalType: "enum IRPSGameV2.Move",
186 |         name: "_move",
187 |         type: "uint8",
188 |       },
189 |       {
190 |         internalType: "string",
191 |         name: "salt",
192 |         type: "string",
193 |       },
194 |     ],
195 |     name: "revealMove",
196 |     outputs: [],
197 |     stateMutability: "nonpayable",
198 |     type: "function",
199 |   },
200 |   {
201 |     inputs: [
202 |       {
203 |         internalType: "bytes32",
204 |         name: "_moveHash",
205 |         type: "bytes32",
206 |       },
207 |     ],
208 |     name: "submitMove",
209 |     outputs: [],
210 |     stateMutability: "nonpayable",
211 |     type: "function",
212 |   },
213 |   {
214 |     inputs: [],
215 |     name: "withdrawFund",
216 |     outputs: [],
217 |     stateMutability: "nonpayable",
218 |     type: "function",
219 |   },
220 | ];
221 | 


--------------------------------------------------------------------------------
/typechain/factories/RPSGameV2__factory.ts:
--------------------------------------------------------------------------------
  1 | /* Autogenerated file. Do not edit manually. */
  2 | /* tslint:disable */
  3 | /* eslint-disable */
  4 | 
  5 | import { Signer } from "ethers";
  6 | import { Provider, TransactionRequest } from "@ethersproject/providers";
  7 | import { Contract, ContractFactory, Overrides } from "@ethersproject/contracts";
  8 | 
  9 | import type { RPSGameV2 } from "../RPSGameV2";
 10 | 
 11 | export class RPSGameV2__factory extends ContractFactory {
 12 |   constructor(signer?: Signer) {
 13 |     super(_abi, _bytecode, signer);
 14 |   }
 15 | 
 16 |   deploy(overrides?: Overrides): Promise<RPSGameV2> {
 17 |     return super.deploy(overrides || {}) as Promise<RPSGameV2>;
 18 |   }
 19 |   getDeployTransaction(overrides?: Overrides): TransactionRequest {
 20 |     return super.getDeployTransaction(overrides || {});
 21 |   }
 22 |   attach(address: string): RPSGameV2 {
 23 |     return super.attach(address) as RPSGameV2;
 24 |   }
 25 |   connect(signer: Signer): RPSGameV2__factory {
 26 |     return super.connect(signer) as RPSGameV2__factory;
 27 |   }
 28 |   static connect(
 29 |     address: string,
 30 |     signerOrProvider: Signer | Provider
 31 |   ): RPSGameV2 {
 32 |     return new Contract(address, _abi, signerOrProvider) as RPSGameV2;
 33 |   }
 34 | }
 35 | 
 36 | const _abi = [
 37 |   {
 38 |     inputs: [
 39 |       {
 40 |         internalType: "address",
 41 |         name: "",
 42 |         type: "address",
 43 |       },
 44 |     ],
 45 |     name: "moves",
 46 |     outputs: [
 47 |       {
 48 |         internalType: "bytes32",
 49 |         name: "",
 50 |         type: "bytes32",
 51 |       },
 52 |     ],
 53 |     stateMutability: "view",
 54 |     type: "function",
 55 |   },
 56 |   {
 57 |     inputs: [
 58 |       {
 59 |         internalType: "enum RPSGameV2.Move",
 60 |         name: "_move",
 61 |         type: "uint8",
 62 |       },
 63 |       {
 64 |         internalType: "bytes32",
 65 |         name: "salt",
 66 |         type: "bytes32",
 67 |       },
 68 |     ],
 69 |     name: "revealMove",
 70 |     outputs: [],
 71 |     stateMutability: "view",
 72 |     type: "function",
 73 |   },
 74 |   {
 75 |     inputs: [],
 76 |     name: "revealMoveStart",
 77 |     outputs: [
 78 |       {
 79 |         internalType: "uint256",
 80 |         name: "",
 81 |         type: "uint256",
 82 |       },
 83 |     ],
 84 |     stateMutability: "view",
 85 |     type: "function",
 86 |   },
 87 |   {
 88 |     inputs: [
 89 |       {
 90 |         internalType: "bytes32",
 91 |         name: "_moveHash",
 92 |         type: "bytes32",
 93 |       },
 94 |     ],
 95 |     name: "submitMove",
 96 |     outputs: [],
 97 |     stateMutability: "nonpayable",
 98 |     type: "function",
 99 |   },
100 |   {
101 |     inputs: [],
102 |     name: "submitMoveStart",
103 |     outputs: [
104 |       {
105 |         internalType: "uint256",
106 |         name: "",
107 |         type: "uint256",
108 |       },
109 |     ],
110 |     stateMutability: "view",
111 |     type: "function",
112 |   },
113 | ];
114 | 
115 | const _bytecode =
116 |   "0x608060405234801561001057600080fd5b50610277806100206000396000f3fe608060405234801561001057600080fd5b50600436106100575760003560e01c80632932a4c81461005c578063349283ad146100715780638d75746c1461008f578063a8f7d44214610097578063e15a808b146100aa575b600080fd5b61006f61006a366004610189565b6100bd565b005b6100796100d3565b6040516100869190610201565b60405180910390f35b6100796100d9565b61006f6100a53660046101a1565b6100df565b6100796100b836600461015b565b610149565b3360009081526006602052604090205542600755565b60085481565b60075481565b600082826040516020016100f49291906101cf565b60408051601f198184030181529181528151602092830120336000908152600690935291205490915081146101445760405162461bcd60e51b815260040161013b9061020a565b60405180910390fd5b505050565b60066020526000908152604090205481565b60006020828403121561016c578081fd5b81356001600160a01b0381168114610182578182fd5b9392505050565b60006020828403121561019a578081fd5b5035919050565b600080604083850312156101b3578081fd5b8235600481106101c1578182fd5b946020939093013593505050565b6000600484106101ed57634e487b7160e01b81526021600452602481fd5b5060f89290921b8252600182015260210190565b90815260200190565b6020808252601f908201527f506c6561736520636865636b20796f7572206d6f766520616e642073616c740060408201526060019056fea26469706673582212201c3c8e86f189e999fb45e9c3710bd2e06c190f7c51cb4ea09f44c83334b16cf164736f6c63430008000033";
117 | 


--------------------------------------------------------------------------------
/typechain/index.ts:
--------------------------------------------------------------------------------
 1 | /* Autogenerated file. Do not edit manually. */
 2 | /* tslint:disable */
 3 | /* eslint-disable */
 4 | export type { ERC20 } from "./ERC20";
 5 | export type { IERC20Metadata } from "./IERC20Metadata";
 6 | export type { IERC20 } from "./IERC20";
 7 | export type { IRPSGameV2 } from "./IRPSGameV2";
 8 | export type { RPSGame } from "./RPSGame";
 9 | export type { RPSGameFactory } from "./RPSGameFactory";
10 | export type { RPSToken } from "./RPSToken";
11 | 
12 | export { ERC20__factory } from "./factories/ERC20__factory";
13 | export { IERC20Metadata__factory } from "./factories/IERC20Metadata__factory";
14 | export { IERC20__factory } from "./factories/IERC20__factory";
15 | export { IRPSGameV2__factory } from "./factories/IRPSGameV2__factory";
16 | export { RPSGame__factory } from "./factories/RPSGame__factory";
17 | export { RPSGameFactory__factory } from "./factories/RPSGameFactory__factory";
18 | export { RPSToken__factory } from "./factories/RPSToken__factory";
19 | 


--------------------------------------------------------------------------------