├── .babelrc
├── .env
├── .gitignore
├── README.md
├── bin
    ├── generateProfile.js
    └── upload-remix-plugin
├── index.tsx
├── package-lock.json
├── package.json
├── public
    ├── index.html
    ├── robots.txt
    ├── source-verify.png
    └── sourcify.png
├── src
    ├── App.css
    ├── App.tsx
    ├── common
    │   └── Constants.js
    ├── components
    │   ├── common
    │   │   ├── Accordion.tsx
    │   │   ├── AccordionElement.tsx
    │   │   ├── Alert.tsx
    │   │   ├── Spinner.tsx
    │   │   ├── form
    │   │   │   ├── AddressInput.tsx
    │   │   │   ├── Dropdown.tsx
    │   │   │   └── FileUpload.tsx
    │   │   └── index.tsx
    │   ├── contract-fetcher
    │   │   └── ContractFetcher.tsx
    │   ├── icons
    │   │   └── Icons.tsx
    │   └── verify-contract
    │   │   └── VerifyContract.tsx
    ├── remix
    │   └── RemixClient.ts
    └── state
    │   ├── Store.tsx
    │   ├── actions.ts
    │   ├── chain.tsx
    │   ├── reducer.ts
    │   └── types.ts
├── tsconfig.json
├── webpack.common.js
├── webpack.dev.js
├── webpack.prod.js
└── yarn.lock


/.babelrc:
--------------------------------------------------------------------------------
 1 | {
 2 |     "presets": [
 3 |         "@babel/preset-env",
 4 |         "@babel/preset-react"
 5 |     ],
 6 |     "plugins": [
 7 |         "@babel/plugin-proposal-class-properties",
 8 |         "syntax-dynamic-import"
 9 |     ]
10 | }


--------------------------------------------------------------------------------
/.env:
--------------------------------------------------------------------------------
1 | # Server config
2 | SERVER_URL=https://sourcify.dev/server
3 | 
4 | # Repository config
5 | REPOSITORY_URL=https://repo.sourcify.dev
6 | 


--------------------------------------------------------------------------------
/.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 | 
25 | .idea/
26 | dist
27 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | # Source Verify
  2 | 
  3 | This is UI part of the [source-verify](https://github.com/ethereum/source-verify).
  4 | 
  5 | ## Demo
  6 | [Source verify demo](https://streamable.com/q82v8x)
  7 | 
  8 | ## Run locally
  9 | 
 10 | Install and run with npm:
 11 | ```
 12 | npm install
 13 | npm start
 14 | ```
 15 | 
 16 | You will see the host and port the plugin is running (default: `http://localhost:3000`).
 17 | 
 18 | Open https://remix.ethereum.org, click "Plugin Manager" on bottom left and click "Connect to Local Plugin" below the search bar. Enter a plugin name and the URL (e.g. `http://localhost:3000`) to add the local plugin to Remix.
 19 | 
 20 | ## Publish to Ipfs
 21 | To publish plugin to ipfs run the command
 22 | 
 23 | ```bash
 24 | yarn build
 25 | yarn ipfs
 26 | ```
 27 | Update sourcify profile, in the remix directory with the generated plugin URL
 28 | 
 29 | # How to test in Remix
 30 | 
 31 | Create a Fetch.js file and have .sol file and metadata.json files available for verification. Sample codes
 32 | 
 33 | VerifyByNetwork:
 34 | 
 35 | ```
 36 | (async () => {
 37 |     try {
 38 |         const verifyData = {
 39 |             address: '0x00C56d424FF9072779bD0df2d9bF50e759B86B58',
 40 |             chain: 'rinkeby',
 41 |             files: {
 42 |                 'ballot.sol': await remix.call('fileManager', 'getFile', 'verified-sources/0x00C56d424FF9072779bD0df2d9bF50e759B86B58/ballot.sol'),
 43 |                 'metadata.json': await remix.call('fileManager', 'getFile', 'verified-sources/0x00C56d424FF9072779bD0df2d9bF50e759B86B58/metadata.json'),
 44 |             }
 45 |         }
 46 |         console.log(JSON.stringify(verifyData))
 47 |         const t = await remix.call('sv', 'verifyByNetwork', verifyData.address, verifyData.chain, verifyData.files)
 48 |         console.log(t)
 49 |     } catch (e) {
 50 |         console.log(e.message)
 51 |     }
 52 | })()
 53 | ```
 54 | 
 55 | Verify:
 56 | ```
 57 | (async () => {
 58 |     try {
 59 |         const verifyData = {
 60 |             address: '0x00C56d424FF9072779bD0df2d9bF50e759B86B58',
 61 |             chain: 'rinkeby',
 62 |             files: {
 63 |                 'ballot.sol': await remix.call('fileManager', 'getFile', 'verified-sources/0x00C56d424FF9072779bD0df2d9bF50e759B86B58/ballot.sol'),
 64 |                 'metadata.json': await remix.call('fileManager', 'getFile', 'verified-sources/0x00C56d424FF9072779bD0df2d9bF50e759B86B58/metadata.json'),
 65 |             }
 66 |         }
 67 |         console.log(JSON.stringify(verifyData))
 68 |         const t = await remix.call('sv', 'verifyByNetwork', verifyData.address, verifyData.chain, verifyData.chain, verifyData.files)
 69 |         console.log(t)
 70 |     } catch (e) {
 71 |         console.log(e.message)
 72 |     }
 73 | })()
 74 | ```
 75 | 
 76 | Fetch:
 77 | ```
 78 | (async () => {
 79 |     try {
 80 |         console.log('fetch...')
 81 |         const t = await remix.call('sv', 'fetch', '0x00C56d424FF9072779bD0df2d9bF50e759B86B58')
 82 |         console.log(t)
 83 |     } catch (e) {
 84 |         console.log(e.message)
 85 |     }
 86 | })()
 87 | ```
 88 | 
 89 | FetchByNetwork:
 90 | ```
 91 | (async () => {
 92 |     try {
 93 |         console.log('fetch...')
 94 |         const t = await remix.call('sv', 'fetchByNetwork', '0x00C56d424FF9072779bD0df2d9bF50e759B86B58', 4)
 95 |         console.log(t)
 96 |     } catch (e) {
 97 |         console.log(e.message)
 98 |     }
 99 | })()
100 | ```
101 | Inside a console run: 
102 | ```
103 | remix.exeCurrent()
104 | ```
105 | Note: javascript file should be in focus.
106 | 


--------------------------------------------------------------------------------
/bin/generateProfile.js:
--------------------------------------------------------------------------------
 1 | const inquirer = require('inquirer')
 2 | const semver = require('semver')
 3 | const isUrl = require('is-url')
 4 | const isBase64 = require('is-base64')
 5 | 
 6 | const questions = [
 7 |   {
 8 |     type: 'input',
 9 |     name: 'name',
10 |     message: "plugin name"
11 |   },
12 |   {
13 |     type: 'input',
14 |     name: 'displayName',
15 |     message: "plugin display name"
16 |   },
17 |   {
18 |     type: 'input',
19 |     name: 'description',
20 |     message: "(optional) Description of this plugin"
21 |   },
22 |   {
23 |     type: 'input',
24 |     name: 'version',
25 |     message: "version number (semver)",
26 |     validate: function(value, answers, flags) {
27 |       if (!semver.valid(value)) return 'not semver: ' + value
28 |       return true
29 |     }
30 |   },
31 |   {
32 |     type: 'input',
33 |     name: 'methods',
34 |     message: "(optional) Comma separated list of all the functions that this plugin is triggering",
35 |     filter: function(value) {
36 |       return value ? value.split(',') : []
37 |     }
38 |   },
39 |   {
40 |     type: 'list',
41 |     name: 'kind',
42 |     choices: ['compiler', 'editor', 'network', 'filesystem', 'udapp', 'none'],
43 |     message: "Type of plugin"
44 |   },
45 |   {
46 |     type: 'input',
47 |     name: 'icon',
48 |     message: "(optional) icon - URL or BASE64",
49 |     filter: function(value) {
50 |       if (isUrl(value) || isBase64(value, {mimeRequired: true, allowEmpty: false})) {
51 |         return value
52 |       }
53 |       return ''
54 |     }
55 |   },
56 |   {
57 |     type: 'list',
58 |     name: 'location',
59 |     message: "(optional) plugin location in the user interface. can be or none if the plugin does not have view",
60 |     choices: ["sidePanel", "mainPanel", "none"]
61 |   },
62 | ]
63 | 
64 | const BASE64_DEFAULT_IMG = 'data:image/png;base64,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'
65 | 
66 | module.exports = {
67 |   run: async () => {
68 |     let result = await inquirer.prompt(questions)
69 |     if (!result.icon) result.icon = BASE64_DEFAULT_IMG
70 |     return result
71 |   },
72 |   BASE64_DEFAULT_IMG
73 | }
74 | 


--------------------------------------------------------------------------------
/bin/upload-remix-plugin:
--------------------------------------------------------------------------------
 1 | #!/usr/bin/env node
 2 | 
 3 | const ipfsClient = require('ipfs-http-client')
 4 | const signale = require('signale')
 5 | const generateProfile = require('./generateProfile')
 6 | 
 7 | var program = require('commander')
 8 | var fs = require('fs')
 9 | var path = require('path')
10 | 
11 | program
12 |   .description('Upload resources to IPFS and generate a profile.')
13 |   .option('--profile-path <path>', 'Path where the profile.json should be generated. Default to current path')
14 |   .parse(process.argv)
15 | 
16 | const host = 'ipfs.remixproject.org'
17 | const ipfs = ipfsClient({ host, port: 443, protocol: 'https' })
18 | 
19 | const targetDir = program.profilePath || __dirname
20 | 
21 | const uploadToIpfsAndGenerateProfile = async () => {
22 |   const folder = process.argv.length > 2 ? process.argv[2] : process.cwd()
23 |   signale.await('uploading ' + folder)
24 |   let result = await ipfs.addFromFs(folder, {recursive: true, pin: true})
25 | 
26 |   const remoteFolder = result[result.length - 1]
27 |   const ipfsURL = 'ipfs://' + remoteFolder.hash
28 |   signale.success('plugin URL', ipfsURL)
29 | 
30 |   signale.await('creation of plugin profile')
31 |   const answers = await generateProfile.run()
32 |   answers.url = ipfsURL
33 | 
34 |   fs.writeFileSync(path.join(targetDir, 'profile.json'), JSON.stringify(answers, null, 1))
35 | 
36 |   return answers
37 | }
38 | 
39 | uploadToIpfsAndGenerateProfile().then((result) => {
40 |   signale.success(JSON.stringify(result, null, 1))
41 |   signale.success(`profile.json generated at ${targetDir}`)
42 |   if (result.icon === generateProfile.BASE64_DEFAULT_IMG) {
43 |     signale.warn('The default BASE64 icon has been sure. Please set your own.')
44 |   }
45 |   return process.exit()
46 | }).catch(signale.error)


--------------------------------------------------------------------------------
/index.tsx:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import ReactDOM from 'react-dom';
 3 | import App from './src/App';
 4 | import { StateProvider } from './src/state/Store';
 5 | 
 6 | const Root = () => (
 7 |     <StateProvider>
 8 |         <App />   
 9 |     </StateProvider>
10 | );
11 | 
12 | ReactDOM.render(<Root />, document.getElementById('root'));
13 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "remix-contract-getter",
 3 |   "author": "edi@shardlabs.io",
 4 |   "version": "0.2.1-beta",
 5 |   "description": "Source metadata fetcher and validator",
 6 |   "scripts": {
 7 |     "dev": "webpack-dev-server --open --config webpack.dev.js",
 8 |     "build": "npm install && rimraf dist/ && webpack --config webpack.prod.js",
 9 |     "serve": "serve -l 3000 dist/ --no-clipboard ",
10 |     "start": "npm run build && npm run serve",
11 |     "ipfs": "node bin/upload-remix-plugin ./dist"
12 |   },
13 |   "keywords": [
14 |     "source",
15 |     "verification",
16 |     "remix",
17 |     "ethereum",
18 |     "plugin"
19 |   ],
20 |   "dependencies": {
21 |     "@remixproject/plugin": "^0.3.19",
22 |     "@remixproject/plugin-webview": "^0.3.19",
23 |     "@testing-library/jest-dom": "^4.2.4",
24 |     "@testing-library/react": "^9.3.2",
25 |     "@testing-library/user-event": "^7.1.2",
26 |     "axios": "^0.19.2",
27 |     "react": "^16.12.0",
28 |     "react-bootstrap": "^1.0.0-beta.12",
29 |     "react-copy-to-clipboard": "^5.0.2",
30 |     "react-dom": "^16.12.0",
31 |     "react-dropzone": "^10.2.2",
32 |     "react-scripts": "^3.4.3",
33 |     "react-select": "^3.1.0",
34 |     "web3-utils": "^1.3.4"
35 |   },
36 |   "devDependencies": {
37 |     "@babel/core": "^7.5.5",
38 |     "@babel/plugin-proposal-class-properties": "^7.5.5",
39 |     "@babel/preset-env": "^7.5.5",
40 |     "@babel/preset-react": "^7.0.0",
41 |     "@types/react": "^16.9.2",
42 |     "@types/react-dom": "^16.9.0",
43 |     "babel-loader": "^8.0.6",
44 |     "babel-plugin-syntax-dynamic-import": "^6.18.0",
45 |     "copy-webpack-plugin": "^6.1.1",
46 |     "css-loader": "^3.2.0",
47 |     "dotenv-webpack": "^2.0.0",
48 |     "html-webpack-plugin": "^3.2.0",
49 |     "inquirer": "^8.2.1",
50 |     "ipfs-http-client": "^35.1.0",
51 |     "is-base64": "^1.1.0",
52 |     "is-url": "^1.2.4",
53 |     "rimraf": "2.6.3",
54 |     "semver": "^7.3.5",
55 |     "serve": "^11.3.2",
56 |     "signale": "^1.4.0",
57 |     "source-map-loader": "^0.2.4",
58 |     "style-loader": "^1.0.0",
59 |     "ts-loader": "^6.0.4",
60 |     "typescript": "^3.5.3",
61 |     "webpack": "^4.44.2",
62 |     "webpack-cli": "^3.3.7",
63 |     "webpack-dev-server": "^3.11.0",
64 |     "webpack-merge": "^4.2.2"
65 |   },
66 |   "eslintConfig": {
67 |     "extends": "react-app"
68 |   },
69 |   "browserslist": {
70 |     "production": [
71 |       ">0.2%",
72 |       "not dead",
73 |       "not op_mini all"
74 |     ],
75 |     "development": [
76 |       "last 1 chrome version",
77 |       "last 1 firefox version",
78 |       "last 1 safari version"
79 |     ]
80 |   }
81 | }
82 | 


--------------------------------------------------------------------------------
/public/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="utf-8" />
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1" />
 6 |     <title>Contract Lookup</title>
 7 | 
 8 |   </head>
 9 |   <body>
10 |     <noscript>You need to enable JavaScript to run this app.</noscript>
11 |     <div id="root"></div>
12 |   </body>
13 | </html>
14 | 


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


--------------------------------------------------------------------------------
/public/source-verify.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sourcifyeth/remix-sourcify/ab1a7a8a04a0ac5b2bd71b3febca8b6ed346c5b1/public/source-verify.png


--------------------------------------------------------------------------------
/public/sourcify.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sourcifyeth/remix-sourcify/ab1a7a8a04a0ac5b2bd71b3febca8b6ed346c5b1/public/sourcify.png


--------------------------------------------------------------------------------
/src/App.css:
--------------------------------------------------------------------------------
 1 | .file-upload {
 2 |   border: 2px dashed #ced4da;
 3 |   cursor: pointer;
 4 | }
 5 | 
 6 | .accordion .card .card-header {
 7 |   cursor: pointer;
 8 | }
 9 | 
10 | button:disabled,
11 | button[disabled] {
12 |   cursor: not-allowed;
13 | }
14 | 
15 | .dropdown__control {
16 |   background: inherit !important;
17 |   color: inherit !important;
18 |   border-radius: 2px !important;
19 | }
20 | 
21 | .dropdown__indicator {
22 |   color: inherit !important;
23 | }
24 | 
25 | .dropdown__indicator-separator {
26 |   background: inherit !important;
27 | }
28 | 
29 | .dropdown__single-value {
30 |   color: inherit !important;
31 | }
32 | 
33 | /* 
34 |   .dropdown__menu {
35 |     color: inherit !important;
36 |     background-color: var(--dark) !important;
37 |   } */
38 | 
39 | .dropdown__menu {
40 |   position: relative !important;
41 |   color: inherit !important;
42 |   background: inherit !important;
43 | }
44 | 
45 | .dropdown__menu-list {
46 |   color: inherit !important;
47 |   background: inherit !important;
48 | }
49 | 
50 | .verifier-file-list {
51 |   list-style-position: inside;
52 |   word-break: break-all;
53 | }


--------------------------------------------------------------------------------
/src/App.tsx:
--------------------------------------------------------------------------------
 1 | import React, { useEffect } from 'react';
 2 | import { Container } from 'react-bootstrap';
 3 | import { ChainListDropDown as VerifyContract } from "./components/verify-contract/VerifyContract";
 4 | import { ChainListDropDown as ContractFetcher } from "./components/contract-fetcher/ContractFetcher";
 5 | // import { Configuration } from './components/configuration/Configuration';
 6 | import { remixClient } from './remix/RemixClient';
 7 | import { Accordion, AccordionElement } from './components/common';
 8 | import './App.css';
 9 | 
10 | 
11 | const App: React.FC = () => {
12 | 
13 |   useEffect(() => {
14 |     const load = async () => {
15 |       try {
16 |         await remixClient.createClient();
17 |       } catch(err) {
18 |         console.log(err)
19 |       }
20 |     }
21 |     load()
22 |   }, [])
23 | 
24 |   return (
25 |     <div id="wrapper">
26 |       <Container>
27 |         <main role="main">
28 |           <Accordion>
29 |             <AccordionElement
30 |               headerText="Contract Lookup"
31 |               eventKey="0"> 
32 |               <ContractFetcher/>
33 |             </AccordionElement>
34 |             <AccordionElement
35 |               headerText="Verifier"
36 |               eventKey="1"> 
37 |               <VerifyContract/>
38 |             </AccordionElement>
39 |           </Accordion>
40 |         </main>    
41 |       </Container>
42 |     </div>
43 |   )
44 | }
45 | 
46 | export default App;
47 | 


--------------------------------------------------------------------------------
/src/common/Constants.js:
--------------------------------------------------------------------------------
 1 | export const REPOSITORY_URL = process.env.REPOSITORY_URL;
 2 | export const SERVER_URL = process.env.SERVER_URL;
 3 | export const REPOSITORY_URL_FULL_MATCH = `${REPOSITORY_URL}/contracts/full_match`;
 4 | export const REPOSITORY_URL_PARTIAL_MATCH = `${REPOSITORY_URL}/contracts/partial_match`;
 5 | export const IPFS_GATEWAY = "https://gateway.ipfs.io/ipns/QmNmBr4tiXtwTrHKjyppUyAhW1FQZMJTdnUrksA9hapS4u";
 6 | 
 7 | export const chainOptions = [
 8 |     {value: "mainnet", label: "Ethereum Mainnet", id: 1},
 9 |     {value: "ropsten", label: "Ropsten", id: 3},
10 |     {value: "rinkeby", label: "Rinkeby", id: 4},
11 |     {value: "kovan", label: "Kovan", id: 42},
12 |     {value: "goerli", label: "Görli", id: 5},
13 |     {value: "xdai", label: "xDai", id: 100},
14 |     {value: "sokol", label: "Sokol", id: 77},
15 |     {value: "binance smart chain mainnet", label: "Binance Smart Chain Mainnet", id: 56},
16 |     {value: "binance smart chain testnet", label: "Binance Smart Chain Testnet", id: 97},
17 |     {value: "matic mainnet", label: "Polygon (previously Matic)", id: 137},
18 |     {value: "mumbai testnet", label: "Mumbai Testnet (Polygon/Matic)", id: 80001},
19 |     {value: "celo mainnet", label: "Celo Mainnet", id: 42220},
20 |     {value: "alfajores testnet", label: "Celo Alfajores Testnet", id: 44787},
21 |     {value: "baklava testnet", label: "Celo Baklava Testnet", id: 62320},
22 |     {value: "avalanche testnet", label: "Avalanche Fuji Testnet", id: 43113},
23 |     {value: "avalanche mainnet", label: "Avalanche Mainnet", id: 43114},
24 |     {value: "arbitrum one", label: "Arbitrum Mainnet", id: 42161},
25 |     {value: "arbitrum rinkeby", label: "Arbitrum Testnet Rinkeby", id: 421611},
26 |     {value: "telos mainnet", label: "Telos EVM Mainnet", id: 40},
27 |     {value: "telos testnet", label: "Telos EVM Testnet", id: 41},
28 |     {value: "ubiq", label: "Ubiq", id: 8},
29 |     {value: "oneledger testnet", label: "OneLedger Testnet Frankenstein", id: 4216137055},
30 |     {value: "syscoin testnet", label: "Syscoin Tanenbaum Testnet", id: 5700},
31 |     {value: "optimistic mainnet", label: "Optimistic Ethereum Mainnet", id: 10},
32 |     {value: "optimistic kovan", label: "Optimistic Ethereum Testnet Kovan", id: 69},
33 |     {value: "boba network mainnet", label: "Boba Network", id: 288 },
34 |     {value: "boba network rinkeby", label: "Boba Network Rinkeby Testnet", id: 28 },
35 |     {value: "velas", label: "Velas EVM Mainnet", id: 106},
36 |     {value: "meter mainnet", label: "Meter Mainnet", id: 82},
37 |     {value: "meter testnet", label: "Meter Testnet", id: 83},
38 |     {value: "aurora mainnet", label: "Aurora Mainnet", id: 1313161554 },
39 |     {value: "aurora testnet", label: "Aurora Testnet", id: 1313161555 },
40 | ];
41 | 


--------------------------------------------------------------------------------
/src/components/common/Accordion.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { Accordion as BootstrapAccordion } from 'react-bootstrap';
3 | 
4 | export const Accordion: React.FC = ({ children }) => {
5 | 
6 |     return <BootstrapAccordion defaultActiveKey="0">{children}</BootstrapAccordion>;
7 | }
8 | 


--------------------------------------------------------------------------------
/src/components/common/AccordionElement.tsx:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import { Card, Accordion } from "react-bootstrap";
 3 | import { ChevronDownIcon } from '../icons/Icons';
 4 | 
 5 | 
 6 | export type AccordionElementProps = {
 7 |     headerText: string,
 8 |     eventKey: string,
 9 |     disabled?: boolean;
10 | }
11 | 
12 | export type Props = React.PropsWithChildren<AccordionElementProps>;
13 | 
14 | export const AccordionElement: React.FC<Props> = ({ headerText, eventKey, disabled, children }) => (
15 |     <Card>
16 |         {disabled ? 
17 |         <Card.Header className="text-secondary default-cursor">
18 |             {headerText}
19 |         </Card.Header> :
20 |         <>
21 |             <Accordion.Toggle className="d-flex justify-content-between" as={Card.Header} eventKey={eventKey}>
22 |                 <span>{headerText}</span>
23 |                 <ChevronDownIcon />
24 |             </Accordion.Toggle>
25 |             <Accordion.Collapse eventKey={eventKey}>
26 |                 <Card.Body>
27 |                     {children}
28 |                 </Card.Body>
29 |             </Accordion.Collapse>
30 |         </>
31 |         }
32 |     </Card>
33 | )


--------------------------------------------------------------------------------
/src/components/common/Alert.tsx:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | 
 3 | export const Alert = ({type, heading, children}) => {
 4 |     return (
 5 |         <div className={`alert alert-${type}`} role="alert">
 6 |             <p className={`alert-heading text-left`.concat(children ? "": " mb-0")}>{ heading }</p>
 7 |             { children }
 8 |         </div>
 9 |     )
10 | };
11 | 


--------------------------------------------------------------------------------
/src/components/common/Spinner.tsx:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | 
 3 | export const Spinner = () => {
 4 |     return (
 5 |         <div className="d-flex justify-content-center mt-2">
 6 |             <div className="spinner-border my-2" role="status">
 7 |                 <span className="sr-only">Loading...</span>
 8 |             </div>
 9 |         </div>
10 |     )
11 | };
12 | 


--------------------------------------------------------------------------------
/src/components/common/form/AddressInput.tsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | 
3 | export const AddressInput = ({setAddress}) => {
4 |     return (
5 |         <input className="form-control my-2" type="text" placeholder="Contract Address (required)"
6 |                 onChange={e => setAddress(e.target.value)}/>
7 |     )
8 | };
9 | 


--------------------------------------------------------------------------------
/src/components/common/form/Dropdown.tsx:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | import Select from "react-select";
 3 | 
 4 | export const Dropdown = ({chainOptions, chain, setChain}) => {
 5 |     return (
 6 |         <Select
 7 |             options={chainOptions}
 8 |             classNamePrefix="dropdown"
 9 |             value={chain}
10 |             onChange={option => setChain(option)}
11 |         />
12 |     )
13 | };
14 | 


--------------------------------------------------------------------------------
/src/components/common/form/FileUpload.tsx:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | 
 3 | const BlockChainUploadItem = ({ acceptedFiles }) => {
 4 |     return acceptedFiles.map(file => <li key={file.name}>{file.name} - {file.size} bytes</li>);
 5 | };
 6 | 
 7 | export const FileUpload = ({ acceptedFiles, getRootProps, getInputProps }) => {
 8 |     return (
 9 |         <div {...getRootProps({ className: 'file-upload form-control d-flex h-100 text-center justify-content-center align-items-center p-5' })}>
10 |             <input {...getInputProps()} />
11 |             {
12 |                 acceptedFiles.length < 1 ? (
13 |                     <span>
14 |                         Drag and drop files
15 |                         <br />- or -<br />
16 |                         Click to select files
17 |                     </span>
18 |                 ) : (
19 |                         <ul className="list-unstyled m-0">
20 |                             <BlockChainUploadItem acceptedFiles={acceptedFiles} />
21 |                         </ul>
22 |                     )
23 |             }
24 |         </div>
25 |     )
26 | };
27 | 


--------------------------------------------------------------------------------
/src/components/common/index.tsx:
--------------------------------------------------------------------------------
 1 | import { Spinner } from "./Spinner";
 2 | import { Alert } from "./Alert";
 3 | import { Accordion } from './Accordion';
 4 | import { AccordionElement } from './AccordionElement';
 5 | 
 6 | export {
 7 |     Spinner,
 8 |     Alert,
 9 |     Accordion,
10 |     AccordionElement,
11 | };
12 | 


--------------------------------------------------------------------------------
/src/components/contract-fetcher/ContractFetcher.tsx:
--------------------------------------------------------------------------------
  1 | import React, { useReducer, useContext, useMemo } from 'react';
  2 | import { Dropdown } from "../common/form/Dropdown"
  3 | import { AddressInput } from "../common/form/AddressInput"
  4 | import { chainOptions } from "../../common/Constants"
  5 | import { remixClient } from "../../remix/RemixClient"
  6 | import { useDispatchContext, useStateContext } from '../../state/Store'
  7 | import { onFetched } from '../../state/actions';
  8 | import {Alert, Spinner} from "../common";
  9 | import { isAddress } from 'web3-utils';
 10 | import { Context } from '../../state/chain';
 11 | import { Chain } from '../../state/types';
 12 | 
 13 | export type IFetchState = {
 14 |     isLoading: boolean,
 15 |     error: any,
 16 |     chain: any,
 17 |     address: string
 18 | }
 19 | 
 20 | export type IFetchActions = {
 21 |     type: 'set_loading' | 'set_error' | 'set_address' | 'set_chain';
 22 |     payload?: any
 23 | }
 24 | 
 25 | export const reducer = (state: IFetchState, action: IFetchActions ) => {
 26 |     switch(action.type) {
 27 |         case 'set_loading':
 28 |             return {
 29 |                 ...state,
 30 |                 isLoading: action.payload
 31 |             };
 32 |         case 'set_error':
 33 |             return {
 34 |                 ...state,
 35 |                 isLoading: false,
 36 |                 error: ( action.payload && ( action.payload.info || action.payload.toString() ))
 37 |             };
 38 |         case 'set_address':
 39 |             return {
 40 |                 ...state,
 41 |                 address: action.payload.trim()
 42 |             };
 43 |         case 'set_chain':
 44 |             return {
 45 |                 ...state,
 46 |                 chain: action.payload
 47 |             };
 48 |         default:
 49 |             return state;
 50 |     }
 51 | }
 52 | 
 53 | export const ChainListDropDown = () => {
 54 |     const { sourcifyChains } = useContext(Context)
 55 |     return <ContractFetcher chains={sourcifyChains} />
 56 | }
 57 | 
 58 | type Props = {
 59 |     chains: Chain[]
 60 | }
 61 | 
 62 | const ContractFetcher = React.memo(({ chains }: Props) => {
 63 |     const initialState: IFetchState = {
 64 |         isLoading: false, 
 65 |         chain: chainOptions[0],
 66 |         address: '',
 67 |         error: null
 68 |     }
 69 | 
 70 |     const parsedChains = useMemo(() => chains.map((chain) => {
 71 |         return {
 72 |             label: chain.title || chain.name,
 73 |             value: chain.chainId,
 74 |             id: chain.chainId
 75 |         }
 76 |     }), [chains])
 77 | 
 78 |     const stateContext = useStateContext();
 79 |     const dispatchContext = useDispatchContext();
 80 | 
 81 |     const [state, dispatch] = useReducer(reducer, initialState)
 82 |     const onSubmit = async (e: any) => {
 83 |         e.preventDefault();
 84 |         dispatch({ type: 'set_loading', payload: true });
 85 | 
 86 |         try {
 87 |             if (!isAddress(state.address)) {
 88 |                 throw new Error(`Invalid address: ${state.address}`);
 89 |             }
 90 |             const fetchResult = await remixClient.fetchByNetwork(state.address, state.chain.id);
 91 |             await remixClient.saveFetchedToRemix(fetchResult, state.address);
 92 |             await remixClient.focusFileManager();
 93 |             dispatchContext(onFetched(fetchResult));
 94 |             dispatch({ type: 'set_loading', payload: false });
 95 |             dispatch({ type: 'set_error',  payload: null });
 96 |         } catch (err) {
 97 |             dispatch({ type: 'set_error',  payload: err });
 98 |             dispatch({ type: 'set_loading', payload: false });
 99 |         }
100 |     };
101 |     
102 |     return (
103 |         <div>
104 |                 <p className="card-text my-2 mb-3">Input a verified contract's address to load its source code in the editor.</p>
105 |                     <form className="d-flex flex-column" onSubmit={onSubmit}>
106 |                         <Dropdown 
107 |                             chainOptions={parsedChains} 
108 |                             chain={state.chain} 
109 |                             setChain={(chain: any) => dispatch({ type: 'set_chain', payload: chain })} />
110 | 
111 |                         <AddressInput 
112 |                             setAddress={(address: string) => dispatch({ type: 'set_address', payload: address })} 
113 |                         />
114 | 
115 |                         <button 
116 |                             type="submit" 
117 |                             className="btn btn-primary my-2 mb-0" 
118 |                             disabled={!state.address}>Fetch</button>
119 |                     </form>
120 |                 {
121 |                     state.isLoading && <Spinner />
122 |                 }
123 |                 {
124 |                     state.error && <Alert type={'danger'} heading={state.error}>
125 |                         </Alert>
126 |                 }
127 |                 {
128 |                     (!state.error && stateContext?.fetchResult?.verificationStatus === 'partial') && (
129 |                         <Alert type={'warning'} heading='This is a partially matched contract!'>
130 |                         </Alert>
131 |                     )
132 |                 }
133 |                 {
134 |                     !state.error && stateContext.fetchResult && (
135 |                         <Alert type={'success'} heading='Contract successfully fetched!'>
136 |                         </Alert>
137 |                     )
138 |                 }
139 |         </div>
140 |     )
141 | })
142 | 


--------------------------------------------------------------------------------
/src/components/icons/Icons.tsx:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | 
 3 | export const ChevronDownIcon: React.FC = () => {
 4 |   return (
 5 |     <svg
 6 |       xmlns="http://www.w3.org/2000/svg"
 7 |       width="24"
 8 |       height="24"
 9 |       viewBox="0 0 24 24"
10 |       fill="none"
11 |       stroke="currentColor"
12 |       strokeWidth="2"
13 |       strokeLinecap="round"
14 |       strokeLinejoin="round"
15 |     >
16 |       <polyline points="6 9 12 15 18 9"></polyline>
17 |     </svg>
18 |   );
19 | };
20 | 


--------------------------------------------------------------------------------
/src/components/verify-contract/VerifyContract.tsx:
--------------------------------------------------------------------------------
  1 | import React, { useReducer, useEffect, useContext, useMemo} from "react";
  2 | import { Alert, Spinner } from "../common";
  3 | import { REPOSITORY_URL, chainOptions } from '../../common/Constants';
  4 | import { useStateContext, useDispatchContext } from "../../state/Store";
  5 | import { remixClient } from "../../remix/RemixClient";
  6 | import { AddressInput } from "../common/form/AddressInput"
  7 | import { Dropdown } from "../common/form/Dropdown"
  8 | import { VerificationResult } from "../../state/types";
  9 | import { Context } from '../../state/chain';
 10 | import web3utils from "web3-utils";
 11 | import { Chain } from '../../state/types';
 12 | import Select from "react-select";
 13 | 
 14 | export type IVerifyState = {
 15 |     isLoading: boolean,
 16 |     error: any,
 17 |     chain: any,
 18 |     address: string,
 19 |     files: [],
 20 |     contractName: string
 21 |     isListening: boolean
 22 |     metadatas: string[]
 23 | }
 24 | 
 25 | export type IVerifyActions = {
 26 |     type: 'set_loading' | 'set_error' | 'set_address' | 'set_chain' | 'set_files' | 'set_listening' | 'set_contract_name' | 'set_metadatas';
 27 |     payload?: any
 28 | }
 29 | 
 30 | export const reducer = (state: IVerifyState, action: IVerifyActions) => {
 31 |     switch(action.type) {
 32 |         case 'set_loading':
 33 |             return {
 34 |                 ...state,
 35 |                 isLoading: action.payload
 36 |             };
 37 |         case 'set_error':
 38 |             return {
 39 |                 ...state,
 40 |                 isLoading: false,
 41 |                 error: ( action.payload && ( action.payload.info || action.payload.toString() ))
 42 |             };
 43 |         case 'set_address':
 44 |             return {
 45 |                 ...state,
 46 |                 address: action.payload.toString().trim()
 47 |             };
 48 |         case 'set_chain':
 49 |             return {
 50 |                 ...state,
 51 |                 chain: action.payload
 52 |             };
 53 |         case 'set_files':
 54 |             return {
 55 |                 ...state,
 56 |                 files: action.payload
 57 |             };
 58 |         case 'set_listening':
 59 |             return {
 60 |                 ...state,
 61 |                 isListening: action.payload
 62 |             };
 63 |         case 'set_contract_name':
 64 |             return {
 65 |                 ...state,
 66 |                 contractName: action.payload
 67 |             }
 68 |         case 'set_metadatas':
 69 |             return {
 70 |                 ...state,
 71 |                 metadatas: action.payload
 72 |             }
 73 |         default:
 74 |             return state;
 75 |         }
 76 | }
 77 | 
 78 | export const ChainListDropDown = () => {
 79 |     const { sourcifyChains } = useContext(Context)
 80 |     return <VerifyContract chains={sourcifyChains} />
 81 | }
 82 | 
 83 | type Props = {
 84 |     chains: Chain[]
 85 | }
 86 | 
 87 | const VerifyContract = React.memo(({ chains }: Props) => {
 88 | 
 89 |     const initialState: IVerifyState = {
 90 |         isLoading: false,
 91 |         chain: chainOptions[0],
 92 |         address: '',
 93 |         error: null,
 94 |         files: [],
 95 |         contractName: "",
 96 |         isListening: false,
 97 |         metadatas: [],
 98 |     }
 99 | 
100 |     const parsedChains = useMemo(() => chains.map((chain) => {
101 |         return {
102 |             label: chain.title || chain.name,
103 |             value: chain.chainId,
104 |             id: chain.chainId
105 |         }
106 |     }), [chains])
107 | 
108 |     const stateContext = useStateContext();
109 |     const dispatchContext = useDispatchContext();
110 | 
111 |     const [state, dispatch] = useReducer(reducer, initialState);
112 | 
113 |     const metadatas = state.metadatas
114 |     const parsedContractNames = useMemo(() => Object.keys(metadatas).map((contractName) => {
115 |         return {
116 |             label: contractName,
117 |             value: contractName
118 |         }
119 |     }), [metadatas])
120 | 
121 |     // if (!state.isListening) {
122 |     //     remixClient.listenOnCompilationFinishedEvent((data: any) => {
123 |     //         dispatch({ type: 'set_files', payload: [data.target.replace("browser/", ""), "metadata.json"] });
124 |     //         console.log('HERE')
125 |     //     });
126 |     //
127 |     //         console.log('DISPATCH')
128 |     //     dispatch({ type: 'set_listening', payload: true});
129 |     //     console.log(state.isListening)
130 |     // }
131 | 
132 |     useEffect(() => {
133 |         if (!state.isListening) {
134 |             remixClient.listenOnCompilationFinishedEvent(async () => {
135 |                 const { metadatas, files, defaultContractName } = await remixClient.fetchLastCompilation();
136 |                 dispatch({ type: "set_contract_name", payload: defaultContractName });
137 |                 dispatch({ type: "set_metadatas", payload: metadatas });
138 |                 dispatch({ type: "set_files", payload: files });
139 |                 dispatch({ type: "set_error", payload: null });
140 |             });
141 |             dispatch({type: 'set_listening', payload: true});
142 |         }
143 |     }, [state.isListening])
144 | 
145 |     const onSubmit = async (e: any) => {
146 |         e.preventDefault();
147 |         dispatch({ type: 'set_error', payload: null} );
148 |         dispatchContext({ type: 'set_verification_result', payload: null} );
149 |         dispatch({ type: 'set_loading', payload: true })
150 | 
151 |         const formData = new FormData();
152 | 
153 |         if (web3utils.isAddress(state.address)) {
154 |             formData.append('address', state.address);
155 |         } else {
156 |             dispatch({ type: "set_error", payload: "Invalid address" });
157 |             dispatch({ type: 'set_loading', payload: false });
158 |             return;
159 |         }
160 | 
161 |         formData.append('chain', state.chain.id.toString());
162 | 
163 |         if (state.files.length > 0) {
164 |             state.files.forEach((file: any) => formData.append('files', file));
165 |         } else {
166 |             dispatch({ type: "set_error", payload: "No contracts to verify" });
167 |             dispatch({ type: 'set_loading', payload: false });
168 |             return;
169 |         }
170 | 
171 |         const metadata = state.metadatas[state.contractName]
172 |         formData.append('files', new File([metadata], "metadata.json", { type: "text/plain" }));
173 | 
174 |         const response: VerificationResult = await remixClient.verifyByForm(formData);
175 |         if (response.status === 'no match') {
176 |             dispatch({ type: 'set_error', payload: response.message} );
177 |         } else {
178 |             dispatchContext({ type: 'set_verification_result', payload: response} );
179 |         }
180 |         dispatch({ type: 'set_loading', payload: false });
181 |     }
182 | 
183 |     const generateAlertSuccessHeading = (): string => {
184 |         const timestamp = stateContext.verificationResult.storageTimestamp;
185 |         if (timestamp) {
186 |             const formattedTimestamp = new Date(timestamp).toUTCString();
187 |             return `Contract already verified on ${formattedTimestamp}`;
188 |         }
189 | 
190 |         const matchString = stateContext.verificationResult.status === "perfect" ? "successfully" : "only partially";
191 |         return `Contract ${matchString} verified`;
192 |     };
193 | 
194 |     return (
195 |         <div>
196 |             <p className="card-text my-2">
197 |                 Upload, verify & publish contract metadata and sources.
198 |             </p>
199 |             <p className="card-text my-2">
200 |                 Note: <br/>
201 |                 1. Compile contracts in Remix, before attempting verification <br/>
202 |                 2. The metadata must be exactly the same as at deployment time
203 |             </p>
204 |             <p className="card-text my-2">
205 |                 Search repository for verified contract <a href={`${REPOSITORY_URL}`} target="_blank" rel="noopener noreferrer" >here.</a>
206 |             </p>
207 |             <form className="d-flex flex-column" onSubmit={onSubmit}>
208 |                 <Dropdown 
209 |                     chainOptions={parsedChains}
210 |                     chain={state.chain}
211 |                     setChain={(chain: any) => dispatch({ type: 'set_chain', payload: chain })} />
212 |                 <AddressInput 
213 |                     setAddress={(address: string) => dispatch({ type: 'set_address', payload: address })} />
214 |                 <Select
215 |                     options={parsedContractNames}
216 |                     classNamePrefix="dropdown"
217 |                     placeholder="Contract name (required)"
218 |                     value={parsedContractNames.find(c => c===state.contractName)}
219 |                     onChange={(contract: any) => dispatch({ type: 'set_contract_name', payload: contract.value })} />
220 |                 <button 
221 |                     type="submit" 
222 |                     className="btn btn-primary my-2" 
223 |                     disabled={!state.address}>Verify
224 |                 </button>
225 |                 {
226 |                     state.contractName &&
227 |                     <>
228 |                         <label className="text-muted mt-2">CONTRACT</label>
229 |                         <p>{ state.contractName }</p>
230 |                     </>
231 | 
232 |                 }
233 |                 {
234 |                     state.files.length > 0 &&
235 |                     <>
236 |                         <label className="text-muted mt-2">FILES</label>
237 |                         <ul className="verifier-file-list border p-2 d-flex flex-column text-muted">
238 |                             <li>metadata.json</li>
239 |                             {state.files.map(file => <li key={file.name}>{file.name}</li>)}
240 |                         </ul>
241 |                     </>
242 |                 }
243 |             </form>
244 |             {
245 |                 state.isLoading && <Spinner />
246 |             }
247 |             {
248 |                 state.error && <Alert type={'danger'} heading={state.error}>
249 |                     </Alert>
250 |             }
251 |             {
252 |                 stateContext.verificationResult && !state.error && (
253 |                     <Alert type='success' heading={generateAlertSuccessHeading()}>
254 |                         <p className="m-0 mt-2">
255 |                             View the assets in the
256 |                             <a href={`${stateContext.verificationResult.url}`} target="_blank"rel="noopener noreferrer"> Contract Repo.</a>
257 |                         </p>
258 |                     </Alert>
259 |                 )
260 |             }
261 |             <p className="my-1"><a
262 |                 href="https://docs.sourcify.dev/" target="_blank" rel="noopener noreferrer" >Documentation</a>
263 |             </p>
264 |             <p className="my-1">Questions: <a
265 |                 href="https://gitter.im/ethereum/source-verify" target="_blank" rel="noopener noreferrer" >Gitter</a>
266 |             </p>
267 |             <p className="my-1">Source code: <a
268 |                 href="https://github.com/ethereum/sourcify" target="_blank" rel="noopener noreferrer" >GitHub</a>
269 |             </p>
270 |             <p className="m-0">Feel free to contribute.</p>
271 |         </div>
272 |     )
273 | });
274 | 


--------------------------------------------------------------------------------
/src/remix/RemixClient.ts:
--------------------------------------------------------------------------------
  1 | import { PluginClient } from '@remixproject/plugin'
  2 | import { createClient } from '@remixproject/plugin-webview'
  3 | // import {connectIframe, listenOnThemeChanged} from '@remixproject/plugin';
  4 | import axios, { AxiosResponse } from 'axios';
  5 | import { toChecksumAddress } from 'web3-utils';
  6 | import { REPOSITORY_URL_FULL_MATCH, REPOSITORY_URL_PARTIAL_MATCH, SERVER_URL } from '../common/Constants';
  7 | import { FetchResult, VerificationResult } from '../state/types';
  8 | 
  9 | const SOURCIFY_DIR = "verified-sources";
 10 | 
 11 | export class RemixClient extends PluginClient {
 12 | 
 13 |     public client: any;
 14 | 
 15 |     constructor() {
 16 |         super()
 17 |         createClient(this);
 18 |         this.methods = ["fetch", "fetchAndSave", "fetchByNetwork", "verify", "verifyByNetwork"];
 19 |     }
 20 | 
 21 |     createClient = () => {
 22 |         return this.onload();
 23 |     }
 24 | 
 25 |     getFile = async (name: string) => {
 26 |         return new Promise(async (resolve, reject) => {
 27 |             let path = name.startsWith('./') ? name.substr(2) : name;
 28 |             let content = await this.call('fileManager', 'getFile', path);
 29 |             if (content) {
 30 |                 resolve(content);
 31 |             } else {
 32 |                 reject(`Could not find "${name}"`)
 33 |             }
 34 |         });
 35 |     }
 36 | 
 37 |     getFolderByAddress = async (address: string)  => {
 38 |         return this.call('fileManager', 'getFolder', address)
 39 |     }
 40 | 
 41 |     getCurrentFile = async () => {
 42 |         return this.call('fileManager', 'getCurrentFile');
 43 |     }
 44 | 
 45 |     createFile = async (name: string, content: any) => {
 46 |         try {
 47 |             await this.call('fileManager', 'setFile', name, content)
 48 |         } catch (err) {
 49 |             console.log(err)
 50 |         }
 51 |     }
 52 | 
 53 |     switchFile = async (name: string) => {
 54 |         await this.call('fileManager', 'open', name)
 55 |     }
 56 | 
 57 |     contentImporter = async (stdUrl: string) => {
 58 |         return await this.call('contentImport', 'resolve', stdUrl)
 59 |     }
 60 | 
 61 |     listenOnCompilationFinishedEvent = async (callback: any) => {
 62 |         await this.onload();
 63 |         this.on('solidity', 'compilationFinished', (target, source, _version, data) => {
 64 |             callback({ 
 65 |                 target, 
 66 |                 source: source.sources[target].content, 
 67 |                 contract: data.contracts[target] 
 68 |             });
 69 |         });
 70 |     }
 71 | 
 72 |     fetchLastCompilation = async () => {
 73 |         await this.onload();
 74 |         let result = await this.call('solidity', 'getCompilationResult');
 75 | 
 76 |         if (!result.source) {
 77 |             throw new Error("Could not get compilation results.");
 78 |         }
 79 |         const target = result.source.target;
 80 |         const contract = result.data.contracts[target];
 81 |         const defaultContractName = Object.keys(contract)[0];
 82 | 
 83 |         let metadatas = {}
 84 |         for (const contractName in contract) {
 85 |             metadatas[contractName] = contract[contractName].metadata
 86 |         }
 87 | 
 88 |         const files = [];
 89 |         for (const sourcePath in result.source.sources) {
 90 |             const content = result.source.sources[sourcePath].content;
 91 |             const source = new File([content], sourcePath, { type: "text/plain" });
 92 |             files.push(source);
 93 |         }
 94 | 
 95 |         return { files, metadatas, defaultContractName };
 96 |     }
 97 | 
 98 |     detectNetwork = async () => {
 99 |         await this.onload();
100 |         return await this.call('network', 'detectNetwork')
101 |     }
102 | 
103 |     fetchAndSave = async (address: string, chain: any): Promise<FetchResult>  => {
104 |         address = toChecksumAddress(address.trim());
105 |         const result: FetchResult = await this.fetchByNetwork(address, chain) ;
106 |         try{
107 |             await this.saveFetchedToRemix(result, address);
108 |         }catch(err){
109 |             throw new Error(`Could not save files. Please check the address you entered. ${err}`)
110 |         }
111 |         return result;
112 |     }
113 | 
114 |     fetchFiles = async (chain: any, address: string) => {
115 |         const response = await axios.get(`${SERVER_URL}/files/any/${chain}/${address}`)
116 |         return response;
117 |     }
118 | 
119 |     fetchChains = async () => {
120 |         const response = await axios.get(`${SERVER_URL}/chains`)
121 |         return response
122 |     }
123 | 
124 |     fetch = async(address: string): Promise<FetchResult> => {
125 |         return new Promise(async (resolve, reject) => {   
126 | 
127 |             let chain = await this.detectNetwork()
128 | 
129 |             // Use version from plugin if vm is used inside Remix or there is no network at all
130 |             if(typeof chain === "undefined" || chain.id === "-" ) {
131 |                 return reject({info: `No a valid network ${chain}`}) 
132 |             }
133 | 
134 |             let fetchResult: FetchResult = await this.fetchByNetwork(address, chain.id);
135 |             return resolve(fetchResult);
136 |         })
137 |     }
138 | 
139 |     fetchByNetwork = async (address: string, chain: any): Promise<FetchResult> => {
140 |         return new Promise(async (resolve, reject) => {   
141 |                 let response: AxiosResponse<any>;
142 |                 try {
143 |                     response = await this.fetchFiles(chain, address);
144 |                 } catch(err) {
145 |                     return reject({info: `This contract could not be loaded. Please check the address. ${err}. Network: ${chain}`}) 
146 |                 }
147 | 
148 |                 const fetchResult: FetchResult = {
149 |                     verificationStatus: '',
150 |                     metadata: null,
151 |                     sources: []
152 |                 };
153 | 
154 |                 fetchResult.verificationStatus = response.data.status
155 |                 for (const file of response.data.files) {
156 |                     if (file.name === "metadata.json") {
157 |                         if (fetchResult.metadata) {
158 |                             return reject({ info: "Multiple metadata files fetched" });
159 |                         }
160 |                         fetchResult.metadata = JSON.parse(file.content);
161 | 
162 |                     } else {
163 |                         fetchResult.sources.push(file);
164 |                     }
165 |                 }
166 | 
167 |                 return resolve(fetchResult);
168 |         });
169 |     }
170 | 
171 |     focusFileManager = async () => {
172 |         this.call("menuicons" as any, "select", "filePanel")
173 |     }
174 | 
175 |     saveFetchedToRemix = async (fetched: FetchResult, address: string) => {
176 |         address = address.trim();
177 |         const filePrefix = `/${SOURCIFY_DIR}/${address}`;
178 |         try {
179 |             await this.createFile(`${filePrefix}/metadata.json`, JSON.stringify(fetched.metadata, null, '\t'));
180 | 
181 |             for (const source of fetched.sources) {
182 |                 let filePath: string;
183 |                 for (const a of [address, toChecksumAddress(address)]) {
184 |                     const matching = source.path.match(`/${a}/(.*)$`);
185 |                     if (matching) {
186 |                         filePath = matching[1];
187 |                         break;
188 |                     }
189 |                 }
190 | 
191 |                 if (filePath) {
192 |                     await this.createFile(`${filePrefix}/${filePath}`, source.content);
193 |                 } else {
194 |                     throw new Error(`Invalid address (${address})`);
195 |                 }
196 |             }
197 | 
198 |             const compilationTarget = fetched.metadata.settings.compilationTarget;
199 |             const contractPath = Object.keys(compilationTarget)[0];
200 |             await this.switchFile(`${filePrefix}/sources/${contractPath}`);
201 |         } catch(err) {
202 |             throw new Error(`Could not save the files. Please check the address provided. ${err}`);
203 |         }
204 |     }
205 | 
206 |     verifyByForm = async (formData: any): Promise<VerificationResult> => {
207 |         const verificationResult: VerificationResult = {
208 |             address: formData.get('address'),
209 |             status: 'no match',
210 |             message: ''
211 |         };
212 | 
213 |         try {
214 |             const response = await axios.post(SERVER_URL, formData)
215 |             verificationResult.status = response.data.result[0].status;
216 |             verificationResult.address = response.data.result[0].address; // overwrite as formData can be not checksummed address
217 |             verificationResult.message = 'Successfully verified';
218 |             const repoUrl = verificationResult.status === "perfect" ? REPOSITORY_URL_FULL_MATCH : REPOSITORY_URL_PARTIAL_MATCH;
219 |             verificationResult.url = `${repoUrl}/${formData.get("chain")}/${verificationResult.address}`;
220 |             verificationResult.storageTimestamp = response.data.result[0].storageTimestamp;
221 |         } catch(e) {
222 |             verificationResult.message = JSON.stringify(e.response.data.error);
223 |         }
224 | 
225 |         return verificationResult;
226 |     } 
227 | 
228 |     verify = async (address: string, files: any): Promise<VerificationResult> => {
229 |         let chain = await this.detectNetwork();
230 | 
231 |         // Use version from plugin if vm is used inside Remix or there is no network at all
232 |         if(typeof chain === "undefined" || chain.id === "-" ) {
233 |             return {
234 |                 address: address,
235 |                 status: 'no_match', // the underscore _ might be a typo, anyway `status` should be an enum
236 |                 message: 'invalid_network'
237 |             }
238 |         }
239 | 
240 |         return await this.verifyByNetwork(address, chain.id, files);
241 |     }
242 | 
243 |     verifyByNetwork = async (address: string, chain: string | number, files: any): Promise<VerificationResult> => {
244 |         const formData = new FormData();
245 | 
246 |         formData.append('address', address);
247 |         formData.append('chain', chain.toString());
248 | 
249 |         if (files.length > 0) {
250 |             files.forEach((file: any) => formData.append('files', file));
251 |         }
252 | 
253 |        
254 |         return await this.verifyByForm(formData);
255 |     }
256 | }
257 | 
258 | export const remixClient = new RemixClient()


--------------------------------------------------------------------------------
/src/state/Store.tsx:
--------------------------------------------------------------------------------
 1 | import React, { createContext, useContext, useReducer } from 'react';
 2 | import { IActions, reducer } from './reducer';
 3 | import { FetchResult, VerificationResult } from './types';
 4 | import { ContextProvider } from './chain';
 5 | 
 6 | export interface IState {
 7 |     isLoaded: boolean,
 8 |     fetchResult: FetchResult,
 9 |     verificationResult: VerificationResult,
10 |     chain: any,
11 |     address: string
12 | }
13 | 
14 | const initialState = {
15 |     isLoaded: false,
16 |     fetchResult: null,
17 |     verificationResult: null
18 | } as IState;
19 | 
20 | const StateContext = createContext<Partial<IState>>(initialState);
21 | const DispatchContext = createContext((() => {}) as React.Dispatch<IActions>);
22 | 
23 | export const StateProvider = ({children}) => {
24 |     const [state, dispatch] = useReducer(reducer, initialState);
25 |     return (
26 |         <DispatchContext.Provider value={dispatch}>
27 |             <StateContext.Provider value={state}>
28 |                 <ContextProvider>
29 |                     {children}
30 |                 </ContextProvider>
31 |             </StateContext.Provider>
32 |         </DispatchContext.Provider>
33 |     );
34 | }
35 | 
36 | export const useStateContext = () => useContext(StateContext);
37 | export const useDispatchContext = () => useContext(DispatchContext);
38 | 


--------------------------------------------------------------------------------
/src/state/actions.ts:
--------------------------------------------------------------------------------
 1 | import { IActions } from './reducer';
 2 | import { FetchResult, VerificationResult } from './types';
 3 | 
 4 | export const onLoaded = (): IActions => {
 5 |     return {
 6 |         type: 'set_loaded',
 7 |     }
 8 | }
 9 | 
10 | export const onVerified = (result: VerificationResult): IActions => {
11 |     return {
12 |         type: 'set_verification_result',
13 |         payload: result
14 |     }
15 | }
16 | 
17 | export const onFetched = (result: FetchResult): IActions => {
18 |     return {
19 |         type: 'set_fetch_result',
20 |         payload: result
21 |     }
22 | }
23 | 


--------------------------------------------------------------------------------
/src/state/chain.tsx:
--------------------------------------------------------------------------------
 1 | import React, { createContext, ReactElement, useEffect, useState } from "react";
 2 | import { Chain, ChainMap } from "./types";
 3 | import { remixClient } from "../remix/RemixClient"
 4 | 
 5 | interface ContextInterface {
 6 |   sourcifyChains: Chain[];
 7 |   sourcifyChainMap: ChainMap;
 8 |   errorMessage: string;
 9 |   setErrorMessage: React.Dispatch<React.SetStateAction<string>>;
10 | }
11 | 
12 | // create context
13 | const Context = createContext<ContextInterface>({
14 |   sourcifyChains: [],
15 |   sourcifyChainMap: {},
16 |   errorMessage: "",
17 |   setErrorMessage: () => null,
18 | });
19 | 
20 | const ContextProvider = ({ children }: { children: ReactElement }) => {
21 |   const [sourcifyChains, setSourcifyChains] = useState<Chain[]>([]);
22 |   const [sourcifyChainMap, setSourcifyChainMap] = useState<ChainMap>({});
23 |   const [errorMessage, setErrorMessage] = useState("");
24 | 
25 |   // Fetch and assign the chains
26 |   useEffect(() => {
27 |     remixClient.fetchChains()
28 |       .then((sourcifyChains) => {
29 |         setSourcifyChains(sourcifyChains.data);
30 |         const chainMap = sourcifyChains.data.reduce(function (
31 |           acc,
32 |           currentChain
33 |         ) {
34 |           acc[currentChain.chainId] = currentChain;
35 |           return acc;
36 |         },
37 |         {});
38 |         setSourcifyChainMap(chainMap);
39 |       })
40 |       .catch((err) => {
41 |         setErrorMessage("Can't fetch Sourcify chains from the server!");
42 |         console.log(err);
43 |       });
44 |   }, []);
45 | 
46 |   return (
47 |     // the Provider gives access to the context to its children
48 |     <Context.Provider
49 |       value={{
50 |         sourcifyChains,
51 |         sourcifyChainMap,
52 |         errorMessage,
53 |         setErrorMessage,
54 |       }}
55 |     >
56 |       {children}
57 |     </Context.Provider>
58 |   );
59 | };
60 | 
61 | export { Context, ContextProvider };


--------------------------------------------------------------------------------
/src/state/reducer.ts:
--------------------------------------------------------------------------------
 1 | import { IState } from './Store';
 2 | 
 3 | export type IActions = {
 4 |     type: 'set_loaded' |
 5 |           'set_verification_result' |
 6 |           'set_fetch_result';
 7 |     payload?: any
 8 | }
 9 | 
10 | export const reducer = (state: IState, action: IActions ) => {
11 |     switch(action.type) {
12 |         case 'set_loaded':
13 |             return {
14 |                 ...state,
15 |                 isLoaded: true
16 |             };
17 |         case 'set_verification_result':
18 |             return {
19 |                 ...state,
20 |                 verificationResult: action.payload
21 |             };
22 |         case 'set_fetch_result':
23 |             return {
24 |                 ...state,
25 |                 fetchResult: action.payload
26 |             };
27 |         default:
28 |             return state;
29 |     }
30 | }
31 | 


--------------------------------------------------------------------------------
/src/state/types.ts:
--------------------------------------------------------------------------------
 1 | export type Source = {
 2 |     path: string,
 3 |     name: string,
 4 |     content: string
 5 | }
 6 | 
 7 | export type FetchResult = {
 8 |     verificationStatus: string,
 9 |     metadata: any,
10 |     sources: Source[]
11 | }
12 | 
13 | export type FetchData = {
14 |     address: string,
15 |     network: string | number,
16 | }
17 | 
18 | export type VerificationResult = {
19 |     address: string,
20 |     status: string,
21 |     message: string,
22 |     url?: string,
23 |     storageTimestamp?: string
24 | }
25 | 
26 | export type VerifyData = {
27 |     address: string,
28 |     chain: string | number,
29 |     files: Record<string, any>
30 | }
31 | 
32 | export type Chain = {
33 |     name: string,
34 |     title?: string, // Longer name for some networks
35 |     chainId: number,
36 |     shortName: string,
37 |     network: string,
38 |     networkId: number,
39 |     supported?: boolean,
40 |     monitored?: boolean
41 | };
42 | 
43 | export type ChainMap = {
44 |     [id: number]: Chain 
45 | }
46 | 


--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "compilerOptions": {
 3 |         "outDir": "./dist/",
 4 |         "sourceMap": true,
 5 |         "noImplicitAny": false,
 6 |         "module": "commonjs",
 7 |         "target": "es6",
 8 |         "jsx": "react",
 9 |         "esModuleInterop": true,
10 |         "allowJs": true
11 |     },
12 |     "exclude" : ["**/*.wasm"]
13 | }


--------------------------------------------------------------------------------
/webpack.common.js:
--------------------------------------------------------------------------------
 1 | const path = require('path');
 2 | const CopyPlugin = require('copy-webpack-plugin');
 3 | const HtmlWebpackPlugin = require('html-webpack-plugin');
 4 | const Dotenv = require('dotenv-webpack');
 5 | 
 6 | module.exports = {
 7 |     entry: './index.tsx',
 8 |     module: {
 9 |         rules: [
10 |             {
11 |                 test: /\.tsx?$/,
12 |                 exclude: "/node_modules/",
13 |                 loader: "ts-loader"
14 |             },
15 |             {
16 |                 test: /\.css$/i,
17 |                 use: ['style-loader', 'css-loader'],
18 |             },
19 |             {
20 |                 test: /\.js$/,
21 |                 exclude: /node_modules/,
22 |                 loader: "babel-loader",
23 |                 options: {
24 |                     'plugins': [
25 |                         '@babel/plugin-proposal-class-properties',
26 |                         '@babel/plugin-syntax-dynamic-import'
27 |                     ]
28 |                 }
29 |             },
30 |         ]
31 |     },
32 |     resolve: {
33 |         extensions: ['.ts', '.tsx', '.js', '.css', '.wasm']
34 |     },
35 |     output: {
36 |         filename: '[name].[hash].js',
37 |         path: path.resolve(__dirname, 'dist/'),
38 |         publicPath: "./"
39 |     },
40 |     plugins: [
41 |         new Dotenv({
42 |             systemvars: true
43 |         }),
44 |         new CopyPlugin({
45 |             patterns: [
46 |                 path.resolve(__dirname, "public")
47 |             ]
48 |         }),
49 |         new HtmlWebpackPlugin({
50 |             template: path.resolve(__dirname, 'public', 'index.html'),
51 |         })
52 |     ]
53 | }
54 | 


--------------------------------------------------------------------------------
/webpack.dev.js:
--------------------------------------------------------------------------------
 1 | const merge = require('webpack-merge');
 2 | const common = require("./webpack.common.js");
 3 | 
 4 | module.exports = merge(common, {
 5 |     mode: 'development',
 6 |     devtool: "source-map",
 7 |     devServer: {
 8 |         port: '3001',
 9 |         disableHostCheck: true,
10 |         https: true,
11 |         hot: true,
12 |         host: 'localhost'
13 |     },
14 | });
15 | 


--------------------------------------------------------------------------------
/webpack.prod.js:
--------------------------------------------------------------------------------
1 | const merge = require('webpack-merge');
2 | const common = require("./webpack.common.js");
3 | 
4 | module.exports = merge(common, {
5 |     mode: 'production',
6 | });


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