bunsenstraat
4 weeks ago
parent
027181a7b2
commit
31920ef065
@ -1,9 +1,7 @@ |
|||||||
{ |
{ |
||||||
"tabWidth": 2, |
"tabWidth": 2, |
||||||
"printWidth": 500, |
"printWidth": 500, |
||||||
"bracketSpacing": false, |
|
||||||
"useTabs": false, |
"useTabs": false, |
||||||
"semi": false, |
"semi": false, |
||||||
"singleQuote": true, |
"singleQuote": true |
||||||
"bracketSpacing": false |
|
||||||
} |
} |
||||||
|
|||||||
@ -1,9 +1,5 @@ |
|||||||
{ |
{ |
||||||
"presets": ["@babel/preset-env", ["@babel/preset-react", |
"presets": ["@babel/preset-env", ["@babel/preset-react", { "runtime": "automatic" }]], |
||||||
{"runtime": "automatic"} |
|
||||||
]], |
|
||||||
"plugins": ["@babel/plugin-proposal-class-properties", "@babel/plugin-transform-runtime", "@babel/plugin-proposal-nullish-coalescing-operator"], |
"plugins": ["@babel/plugin-proposal-class-properties", "@babel/plugin-transform-runtime", "@babel/plugin-proposal-nullish-coalescing-operator"], |
||||||
"ignore": [ |
"ignore": ["**/node_modules/**"] |
||||||
"**/node_modules/**" |
} |
||||||
] |
|
||||||
} |
|
||||||
@ -0,0 +1,3 @@ |
|||||||
|
{ |
||||||
|
"extends": "../../.eslintrc.json" |
||||||
|
} |
||||||
@ -0,0 +1,69 @@ |
|||||||
|
{ |
||||||
|
"name": "contract-verification", |
||||||
|
"$schema": "../../node_modules/nx/schemas/project-schema.json", |
||||||
|
"sourceRoot": "apps/contract-verification/src", |
||||||
|
"projectType": "application", |
||||||
|
"targets": { |
||||||
|
"build": { |
||||||
|
"executor": "@nrwl/webpack:webpack", |
||||||
|
"outputs": ["{options.outputPath}"], |
||||||
|
"defaultConfiguration": "development", |
||||||
|
"options": { |
||||||
|
"compiler": "babel", |
||||||
|
"outputPath": "dist/apps/contract-verification", |
||||||
|
"index": "apps/contract-verification/src/index.html", |
||||||
|
"baseHref": "./", |
||||||
|
"main": "apps/contract-verification/src/main.tsx", |
||||||
|
"polyfills": "apps/contract-verification/src/polyfills.ts", |
||||||
|
"tsConfig": "apps/contract-verification/tsconfig.app.json", |
||||||
|
"assets": [ |
||||||
|
"apps/contract-verification/src/favicon.ico", |
||||||
|
"apps/contract-verification/src/assets", |
||||||
|
"apps/contract-verification/src/profile.json" |
||||||
|
], |
||||||
|
"styles": ["apps/contract-verification/src/styles.css"], |
||||||
|
"scripts": [], |
||||||
|
"webpackConfig": "apps/contract-verification/webpack.config.js" |
||||||
|
}, |
||||||
|
"configurations": { |
||||||
|
"development": { |
||||||
|
}, |
||||||
|
"production": { |
||||||
|
"fileReplacements": [ |
||||||
|
{ |
||||||
|
"replace": "apps/contract-verification/src/environments/environment.ts", |
||||||
|
"with": "apps/contract-verification/src/environments/environment.prod.ts" |
||||||
|
} |
||||||
|
] |
||||||
|
} |
||||||
|
} |
||||||
|
}, |
||||||
|
"lint": { |
||||||
|
"executor": "@nrwl/linter:eslint", |
||||||
|
"outputs": ["{options.outputFile}"], |
||||||
|
"options": { |
||||||
|
"lintFilePatterns": ["apps/contract-verification/**/*.ts"], |
||||||
|
"eslintConfig": "apps/contract-verification/.eslintrc" |
||||||
|
} |
||||||
|
}, |
||||||
|
"serve": { |
||||||
|
"executor": "@nrwl/webpack:dev-server", |
||||||
|
"defaultConfiguration": "development", |
||||||
|
"options": { |
||||||
|
"buildTarget": "contract-verification:build", |
||||||
|
"hmr": true, |
||||||
|
"baseHref": "/" |
||||||
|
}, |
||||||
|
"configurations": { |
||||||
|
"development": { |
||||||
|
"buildTarget": "contract-verification:build:development", |
||||||
|
"port": 5003 |
||||||
|
}, |
||||||
|
"production": { |
||||||
|
"buildTarget": "contract-verification:build:production" |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
}, |
||||||
|
"tags": [] |
||||||
|
} |
||||||
@ -0,0 +1,14 @@ |
|||||||
|
html, body, #root { |
||||||
|
height: 100%; |
||||||
|
} |
||||||
|
|
||||||
|
body { |
||||||
|
margin: 0; |
||||||
|
} |
||||||
|
|
||||||
|
a:focus { |
||||||
|
background-color: var(bg-light) !important; |
||||||
|
} |
||||||
|
|
||||||
|
.fa-arrow-up-right-from-square::before { content: "\f08e"; } |
||||||
|
.fa-xmark::before { content: "\f00d"; } |
||||||
@ -0,0 +1,34 @@ |
|||||||
|
import React from 'react' |
||||||
|
import type { ThemeType, Chain, SubmittedContracts, ContractVerificationSettings } from './types' |
||||||
|
import { CompilerAbstract } from '@remix-project/remix-solidity' |
||||||
|
import { ContractVerificationPluginClient } from './ContractVerificationPluginClient' |
||||||
|
import { ContractDropdownSelection } from './components/ContractDropdown' |
||||||
|
|
||||||
|
// Define the type for the context
|
||||||
|
type AppContextType = { |
||||||
|
themeType: ThemeType |
||||||
|
setThemeType: (themeType: ThemeType) => void |
||||||
|
clientInstance: ContractVerificationPluginClient |
||||||
|
settings: ContractVerificationSettings |
||||||
|
setSettings: React.Dispatch<React.SetStateAction<ContractVerificationSettings>> |
||||||
|
chains: Chain[] |
||||||
|
compilationOutput: { [key: string]: CompilerAbstract } | undefined |
||||||
|
submittedContracts: SubmittedContracts |
||||||
|
setSubmittedContracts: React.Dispatch<React.SetStateAction<SubmittedContracts>> |
||||||
|
} |
||||||
|
|
||||||
|
// Provide a default value with the appropriate types
|
||||||
|
const defaultContextValue: AppContextType = { |
||||||
|
themeType: 'dark', |
||||||
|
setThemeType: (themeType: ThemeType) => {}, |
||||||
|
clientInstance: {} as ContractVerificationPluginClient, |
||||||
|
settings: { chains: {} }, |
||||||
|
setSettings: () => {}, |
||||||
|
chains: [], |
||||||
|
compilationOutput: undefined, |
||||||
|
submittedContracts: {}, |
||||||
|
setSubmittedContracts: (submittedContracts: SubmittedContracts) => {}, |
||||||
|
} |
||||||
|
|
||||||
|
// Create the context with the type
|
||||||
|
export const AppContext = React.createContext<AppContextType>(defaultContextValue) |
||||||
@ -0,0 +1,18 @@ |
|||||||
|
import { PluginClient } from '@remixproject/plugin' |
||||||
|
import { createClient } from '@remixproject/plugin-webview' |
||||||
|
import EventManager from 'events' |
||||||
|
|
||||||
|
export class ContractVerificationPluginClient extends PluginClient { |
||||||
|
public internalEvents: EventManager |
||||||
|
|
||||||
|
constructor() { |
||||||
|
super() |
||||||
|
this.internalEvents = new EventManager() |
||||||
|
createClient(this) |
||||||
|
this.onload() |
||||||
|
} |
||||||
|
|
||||||
|
onActivation(): void { |
||||||
|
this.internalEvents.emit('verification_activated') |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,16 @@ |
|||||||
|
import { CompilerAbstract } from '@remix-project/remix-solidity' |
||||||
|
import type { LookupResponse, SubmittedContract, VerificationResponse } from '../types' |
||||||
|
|
||||||
|
// Optional function definitions
|
||||||
|
export interface AbstractVerifier { |
||||||
|
verifyProxy(submittedContract: SubmittedContract): Promise<VerificationResponse> |
||||||
|
checkVerificationStatus?(receiptId: string): Promise<VerificationResponse> |
||||||
|
checkProxyVerificationStatus?(receiptId: string): Promise<VerificationResponse> |
||||||
|
} |
||||||
|
|
||||||
|
export abstract class AbstractVerifier { |
||||||
|
constructor(public apiUrl: string, public explorerUrl: string) {} |
||||||
|
|
||||||
|
abstract verify(submittedContract: SubmittedContract, compilerAbstract: CompilerAbstract): Promise<VerificationResponse> |
||||||
|
abstract lookup(contractAddress: string, chainId: string): Promise<LookupResponse> |
||||||
|
} |
||||||
@ -0,0 +1,50 @@ |
|||||||
|
import { SourceFile } from '../types' |
||||||
|
import { EtherscanVerifier } from './EtherscanVerifier' |
||||||
|
|
||||||
|
// Etherscan and Blockscout return different objects from the getsourcecode method
|
||||||
|
interface BlockscoutSource { |
||||||
|
AdditionalSources: Array<{ SourceCode: string; Filename: string }> |
||||||
|
ConstructorArguments: string |
||||||
|
OptimizationRuns: number |
||||||
|
IsProxy: string |
||||||
|
SourceCode: string |
||||||
|
ABI: string |
||||||
|
ContractName: string |
||||||
|
CompilerVersion: string |
||||||
|
OptimizationUsed: string |
||||||
|
Runs: string |
||||||
|
EVMVersion: string |
||||||
|
FileName: string |
||||||
|
Address: string |
||||||
|
} |
||||||
|
|
||||||
|
export class BlockscoutVerifier extends EtherscanVerifier { |
||||||
|
LOOKUP_STORE_DIR = 'blockscout-verified' |
||||||
|
|
||||||
|
constructor(apiUrl: string) { |
||||||
|
// apiUrl and explorerUrl are the same for Blockscout
|
||||||
|
super(apiUrl, apiUrl, undefined) |
||||||
|
} |
||||||
|
|
||||||
|
getContractCodeUrl(address: string): string { |
||||||
|
const url = new URL(this.explorerUrl + `/address/${address}`) |
||||||
|
url.searchParams.append('tab', 'contract') |
||||||
|
return url.href |
||||||
|
} |
||||||
|
|
||||||
|
processReceivedFiles(source: unknown, contractAddress: string, chainId: string): { sourceFiles: SourceFile[]; targetFilePath?: string } { |
||||||
|
const blockscoutSource = source as BlockscoutSource |
||||||
|
|
||||||
|
const result: SourceFile[] = [] |
||||||
|
const filePrefix = `/${this.LOOKUP_STORE_DIR}/${chainId}/${contractAddress}` |
||||||
|
|
||||||
|
const targetFilePath = `${filePrefix}/${blockscoutSource.FileName}` |
||||||
|
result.push({ content: blockscoutSource.SourceCode, path: targetFilePath }) |
||||||
|
|
||||||
|
for (const additional of blockscoutSource.AdditionalSources ?? []) { |
||||||
|
result.push({ content: additional.SourceCode, path: `${filePrefix}/${additional.Filename}` }) |
||||||
|
} |
||||||
|
|
||||||
|
return { sourceFiles: result, targetFilePath } |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,289 @@ |
|||||||
|
import { CompilerAbstract } from '@remix-project/remix-solidity' |
||||||
|
import { AbstractVerifier } from './AbstractVerifier' |
||||||
|
import type { LookupResponse, SourceFile, SubmittedContract, VerificationResponse, VerificationStatus } from '../types' |
||||||
|
|
||||||
|
interface EtherscanRpcResponse { |
||||||
|
status: '0' | '1' |
||||||
|
message: string |
||||||
|
result: string |
||||||
|
} |
||||||
|
|
||||||
|
interface EtherscanCheckStatusResponse { |
||||||
|
status: '0' | '1' |
||||||
|
message: string |
||||||
|
result: 'Pending in queue' | 'Pass - Verified' | 'Fail - Unable to verify' | 'Already Verified' | 'Unknown UID' |
||||||
|
} |
||||||
|
|
||||||
|
interface EtherscanSource { |
||||||
|
SourceCode: string |
||||||
|
ABI: string |
||||||
|
ContractName: string |
||||||
|
CompilerVersion: string |
||||||
|
OptimizationUsed: string |
||||||
|
Runs: string |
||||||
|
ConstructorArguments: string |
||||||
|
EVMVersion: string |
||||||
|
Library: string |
||||||
|
LicenseType: string |
||||||
|
Proxy: string |
||||||
|
Implementation: string |
||||||
|
SwarmSource: string |
||||||
|
} |
||||||
|
|
||||||
|
interface EtherscanGetSourceCodeResponse { |
||||||
|
status: '0' | '1' |
||||||
|
message: string |
||||||
|
result: EtherscanSource[] |
||||||
|
} |
||||||
|
|
||||||
|
export class EtherscanVerifier extends AbstractVerifier { |
||||||
|
LOOKUP_STORE_DIR = 'etherscan-verified' |
||||||
|
|
||||||
|
constructor(apiUrl: string, explorerUrl: string, protected apiKey?: string) { |
||||||
|
super(apiUrl, explorerUrl) |
||||||
|
} |
||||||
|
|
||||||
|
async verify(submittedContract: SubmittedContract, compilerAbstract: CompilerAbstract): Promise<VerificationResponse> { |
||||||
|
// TODO: Handle version Vyper contracts. This relies on Solidity metadata.
|
||||||
|
const metadata = JSON.parse(compilerAbstract.data.contracts[submittedContract.filePath][submittedContract.contractName].metadata) |
||||||
|
const formData = new FormData() |
||||||
|
formData.append('chainId', submittedContract.chainId) |
||||||
|
formData.append('codeformat', 'solidity-standard-json-input') |
||||||
|
formData.append('sourceCode', compilerAbstract.input.toString()) |
||||||
|
formData.append('contractaddress', submittedContract.address) |
||||||
|
formData.append('contractname', submittedContract.filePath + ':' + submittedContract.contractName) |
||||||
|
formData.append('compilerversion', `v${metadata.compiler.version}`) |
||||||
|
formData.append('constructorArguements', submittedContract.abiEncodedConstructorArgs?.replace('0x', '') ?? '') |
||||||
|
|
||||||
|
const url = new URL(this.apiUrl + '/api') |
||||||
|
url.searchParams.append('module', 'contract') |
||||||
|
url.searchParams.append('action', 'verifysourcecode') |
||||||
|
if (this.apiKey) { |
||||||
|
url.searchParams.append('apikey', this.apiKey) |
||||||
|
} |
||||||
|
|
||||||
|
const response = await fetch(url.href, { |
||||||
|
method: 'POST', |
||||||
|
body: formData, |
||||||
|
}) |
||||||
|
|
||||||
|
if (!response.ok) { |
||||||
|
const responseText = await response.text() |
||||||
|
console.error('Error on Etherscan API verification at ' + this.apiUrl + '\nStatus: ' + response.status + '\nResponse: ' + responseText) |
||||||
|
throw new Error(responseText) |
||||||
|
} |
||||||
|
|
||||||
|
const verificationResponse: EtherscanRpcResponse = await response.json() |
||||||
|
|
||||||
|
if (verificationResponse.result.includes('already verified')) { |
||||||
|
return { status: 'already verified', receiptId: null, lookupUrl: this.getContractCodeUrl(submittedContract.address) } |
||||||
|
} |
||||||
|
|
||||||
|
if (verificationResponse.status !== '1' || verificationResponse.message !== 'OK') { |
||||||
|
console.error('Error on Etherscan API verification at ' + this.apiUrl + '\nStatus: ' + verificationResponse.status + '\nMessage: ' + verificationResponse.message + '\nResult: ' + verificationResponse.result) |
||||||
|
throw new Error(verificationResponse.result) |
||||||
|
} |
||||||
|
|
||||||
|
const lookupUrl = this.getContractCodeUrl(submittedContract.address) |
||||||
|
return { status: 'pending', receiptId: verificationResponse.result, lookupUrl } |
||||||
|
} |
||||||
|
|
||||||
|
async verifyProxy(submittedContract: SubmittedContract): Promise<VerificationResponse> { |
||||||
|
if (!submittedContract.proxyAddress) { |
||||||
|
throw new Error('SubmittedContract does not have a proxyAddress') |
||||||
|
} |
||||||
|
|
||||||
|
const formData = new FormData() |
||||||
|
formData.append('address', submittedContract.proxyAddress) |
||||||
|
formData.append('expectedimplementation', submittedContract.address) |
||||||
|
|
||||||
|
const url = new URL(this.apiUrl + '/api') |
||||||
|
url.searchParams.append('module', 'contract') |
||||||
|
url.searchParams.append('action', 'verifyproxycontract') |
||||||
|
if (this.apiKey) { |
||||||
|
url.searchParams.append('apikey', this.apiKey) |
||||||
|
} |
||||||
|
|
||||||
|
const response = await fetch(url.href, { |
||||||
|
method: 'POST', |
||||||
|
body: formData, |
||||||
|
}) |
||||||
|
|
||||||
|
if (!response.ok) { |
||||||
|
const responseText = await response.text() |
||||||
|
console.error('Error on Etherscan API proxy verification at ' + this.apiUrl + '\nStatus: ' + response.status + '\nResponse: ' + responseText) |
||||||
|
throw new Error(responseText) |
||||||
|
} |
||||||
|
|
||||||
|
const verificationResponse: EtherscanRpcResponse = await response.json() |
||||||
|
|
||||||
|
if (verificationResponse.status !== '1' || verificationResponse.message !== 'OK') { |
||||||
|
console.error('Error on Etherscan API proxy verification at ' + this.apiUrl + '\nStatus: ' + verificationResponse.status + '\nMessage: ' + verificationResponse.message + '\nResult: ' + verificationResponse.result) |
||||||
|
throw new Error(verificationResponse.result) |
||||||
|
} |
||||||
|
|
||||||
|
return { status: 'pending', receiptId: verificationResponse.result } |
||||||
|
} |
||||||
|
|
||||||
|
async checkVerificationStatus(receiptId: string): Promise<VerificationResponse> { |
||||||
|
const url = new URL(this.apiUrl + '/api') |
||||||
|
url.searchParams.append('module', 'contract') |
||||||
|
url.searchParams.append('action', 'checkverifystatus') |
||||||
|
url.searchParams.append('guid', receiptId) |
||||||
|
if (this.apiKey) { |
||||||
|
url.searchParams.append('apikey', this.apiKey) |
||||||
|
} |
||||||
|
|
||||||
|
const response = await fetch(url.href, { method: 'GET' }) |
||||||
|
|
||||||
|
if (!response.ok) { |
||||||
|
const responseText = await response.text() |
||||||
|
console.error('Error on Etherscan API check verification status at ' + this.apiUrl + '\nStatus: ' + response.status + '\nResponse: ' + responseText) |
||||||
|
throw new Error(responseText) |
||||||
|
} |
||||||
|
|
||||||
|
const checkStatusResponse: EtherscanCheckStatusResponse = await response.json() |
||||||
|
|
||||||
|
if (checkStatusResponse.result.startsWith('Fail - Unable to verify')) { |
||||||
|
return { status: 'failed', receiptId, message: checkStatusResponse.result } |
||||||
|
} |
||||||
|
if (checkStatusResponse.result === 'Pending in queue') { |
||||||
|
return { status: 'pending', receiptId } |
||||||
|
} |
||||||
|
if (checkStatusResponse.result === 'Pass - Verified') { |
||||||
|
return { status: 'verified', receiptId } |
||||||
|
} |
||||||
|
if (checkStatusResponse.result === 'Already Verified') { |
||||||
|
return { status: 'already verified', receiptId } |
||||||
|
} |
||||||
|
if (checkStatusResponse.result === 'Unknown UID') { |
||||||
|
console.error('Error on Etherscan API check verification status at ' + this.apiUrl + '\nStatus: ' + checkStatusResponse.status + '\nMessage: ' + checkStatusResponse.message + '\nResult: ' + checkStatusResponse.result) |
||||||
|
return { status: 'failed', receiptId, message: checkStatusResponse.result } |
||||||
|
} |
||||||
|
|
||||||
|
if (checkStatusResponse.status !== '1' || !checkStatusResponse.message.startsWith('OK')) { |
||||||
|
console.error('Error on Etherscan API check verification status at ' + this.apiUrl + '\nStatus: ' + checkStatusResponse.status + '\nMessage: ' + checkStatusResponse.message + '\nResult: ' + checkStatusResponse.result) |
||||||
|
throw new Error(checkStatusResponse.result) |
||||||
|
} |
||||||
|
|
||||||
|
return { status: 'unknown', receiptId } |
||||||
|
} |
||||||
|
|
||||||
|
async checkProxyVerificationStatus(receiptId: string): Promise<VerificationResponse> { |
||||||
|
const url = new URL(this.apiUrl + '/api') |
||||||
|
url.searchParams.append('module', 'contract') |
||||||
|
url.searchParams.append('action', 'checkproxyverification') |
||||||
|
url.searchParams.append('guid', receiptId) |
||||||
|
if (this.apiKey) { |
||||||
|
url.searchParams.append('apikey', this.apiKey) |
||||||
|
} |
||||||
|
|
||||||
|
const response = await fetch(url.href, { method: 'GET' }) |
||||||
|
|
||||||
|
if (!response.ok) { |
||||||
|
const responseText = await response.text() |
||||||
|
console.error('Error on Etherscan API check verification status at ' + this.apiUrl + '\nStatus: ' + response.status + '\nResponse: ' + responseText) |
||||||
|
throw new Error(responseText) |
||||||
|
} |
||||||
|
|
||||||
|
const checkStatusResponse: EtherscanRpcResponse = await response.json() |
||||||
|
|
||||||
|
if (checkStatusResponse.result === 'A corresponding implementation contract was unfortunately not detected for the proxy address.' || checkStatusResponse.result === 'The provided expected results are different than the retrieved implementation address!' || checkStatusResponse.result === 'This contract does not look like it contains any delegatecall opcode sequence.') { |
||||||
|
return { status: 'failed', receiptId, message: checkStatusResponse.result } |
||||||
|
} |
||||||
|
if (checkStatusResponse.result === 'Verification in progress') { |
||||||
|
return { status: 'pending', receiptId } |
||||||
|
} |
||||||
|
if (checkStatusResponse.result.startsWith("The proxy's") && checkStatusResponse.result.endsWith('and is successfully updated.')) { |
||||||
|
return { status: 'verified', receiptId } |
||||||
|
} |
||||||
|
if (checkStatusResponse.result === 'Unknown UID') { |
||||||
|
console.error('Error on Etherscan API check proxy verification status at ' + this.apiUrl + '\nStatus: ' + checkStatusResponse.status + '\nMessage: ' + checkStatusResponse.message + '\nResult: ' + checkStatusResponse.result) |
||||||
|
return { status: 'failed', receiptId, message: checkStatusResponse.result } |
||||||
|
} |
||||||
|
|
||||||
|
if (checkStatusResponse.status !== '1' || !checkStatusResponse.message.startsWith('OK')) { |
||||||
|
console.error('Error on Etherscan API check proxy verification status at ' + this.apiUrl + '\nStatus: ' + checkStatusResponse.status + '\nMessage: ' + checkStatusResponse.message + '\nResult: ' + checkStatusResponse.result) |
||||||
|
throw new Error(checkStatusResponse.result) |
||||||
|
} |
||||||
|
|
||||||
|
return { status: 'unknown', receiptId } |
||||||
|
} |
||||||
|
|
||||||
|
async lookup(contractAddress: string, chainId: string): Promise<LookupResponse> { |
||||||
|
const url = new URL(this.apiUrl + '/api') |
||||||
|
url.searchParams.append('module', 'contract') |
||||||
|
url.searchParams.append('action', 'getsourcecode') |
||||||
|
url.searchParams.append('address', contractAddress) |
||||||
|
if (this.apiKey) { |
||||||
|
url.searchParams.append('apikey', this.apiKey) |
||||||
|
} |
||||||
|
|
||||||
|
const response = await fetch(url.href, { method: 'GET' }) |
||||||
|
|
||||||
|
if (!response.ok) { |
||||||
|
const responseText = await response.text() |
||||||
|
console.error('Error on Etherscan API lookup at ' + this.apiUrl + '\nStatus: ' + response.status + '\nResponse: ' + responseText) |
||||||
|
throw new Error(responseText) |
||||||
|
} |
||||||
|
|
||||||
|
const lookupResponse: EtherscanGetSourceCodeResponse = await response.json() |
||||||
|
|
||||||
|
if (lookupResponse.status !== '1' || !lookupResponse.message.startsWith('OK')) { |
||||||
|
const errorResponse = lookupResponse as unknown as EtherscanRpcResponse |
||||||
|
console.error('Error on Etherscan API lookup at ' + this.apiUrl + '\nStatus: ' + errorResponse.status + '\nMessage: ' + errorResponse.message + '\nResult: ' + errorResponse.result) |
||||||
|
throw new Error(errorResponse.result) |
||||||
|
} |
||||||
|
|
||||||
|
if (lookupResponse.result[0].ABI === 'Contract source code not verified' || !lookupResponse.result[0].SourceCode) { |
||||||
|
return { status: 'not verified' } |
||||||
|
} |
||||||
|
|
||||||
|
const lookupUrl = this.getContractCodeUrl(contractAddress) |
||||||
|
const { sourceFiles, targetFilePath } = this.processReceivedFiles(lookupResponse.result[0], contractAddress, chainId) |
||||||
|
|
||||||
|
return { status: 'verified', lookupUrl, sourceFiles, targetFilePath } |
||||||
|
} |
||||||
|
|
||||||
|
getContractCodeUrl(address: string): string { |
||||||
|
const url = new URL(this.explorerUrl + `/address/${address}#code`) |
||||||
|
return url.href |
||||||
|
} |
||||||
|
|
||||||
|
processReceivedFiles(source: EtherscanSource, contractAddress: string, chainId: string): { sourceFiles: SourceFile[]; targetFilePath?: string } { |
||||||
|
const filePrefix = `/${this.LOOKUP_STORE_DIR}/${chainId}/${contractAddress}` |
||||||
|
|
||||||
|
// Covers the cases:
|
||||||
|
// SourceFile: {[FileName]: [content]}
|
||||||
|
// SourceFile: {{sources: {[FileName]: [content]}}}
|
||||||
|
let parsedFiles: any |
||||||
|
try { |
||||||
|
parsedFiles = JSON.parse(source.SourceCode) |
||||||
|
} catch (e) { |
||||||
|
try { |
||||||
|
// Etherscan wraps the Object in one additional bracket
|
||||||
|
parsedFiles = JSON.parse(source.SourceCode.substring(1, source.SourceCode.length - 1)).sources |
||||||
|
} catch (e) {} |
||||||
|
} |
||||||
|
|
||||||
|
if (parsedFiles) { |
||||||
|
const result: SourceFile[] = [] |
||||||
|
let targetFilePath = '' |
||||||
|
for (const [fileName, fileObj] of Object.entries<any>(parsedFiles)) { |
||||||
|
const path = `${filePrefix}/${fileName}` |
||||||
|
|
||||||
|
result.push({ path, content: fileObj.content }) |
||||||
|
|
||||||
|
if (path.endsWith(`/${source.ContractName}.sol`)) { |
||||||
|
targetFilePath = path |
||||||
|
} |
||||||
|
} |
||||||
|
return { sourceFiles: result, targetFilePath } |
||||||
|
} |
||||||
|
|
||||||
|
// Parsing to JSON failed, SourceCode is the code itself
|
||||||
|
const targetFilePath = `${filePrefix}/${source.ContractName}.sol` |
||||||
|
const sourceFiles: SourceFile[] = [{ content: source.SourceCode, path: targetFilePath }] |
||||||
|
return { sourceFiles, targetFilePath } |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,169 @@ |
|||||||
|
import { CompilerAbstract, SourcesCode } from '@remix-project/remix-solidity' |
||||||
|
import { AbstractVerifier } from './AbstractVerifier' |
||||||
|
import type { LookupResponse, SourceFile, SubmittedContract, VerificationResponse, VerificationStatus } from '../types' |
||||||
|
import { ethers } from 'ethers' |
||||||
|
|
||||||
|
interface SourcifyVerificationRequest { |
||||||
|
address: string |
||||||
|
chain: string |
||||||
|
files: Record<string, string> |
||||||
|
creatorTxHash?: string |
||||||
|
chosenContract?: string |
||||||
|
} |
||||||
|
|
||||||
|
type SourcifyVerificationStatus = 'perfect' | 'full' | 'partial' | null |
||||||
|
|
||||||
|
interface SourcifyVerificationResponse { |
||||||
|
result: [ |
||||||
|
{ |
||||||
|
address: string |
||||||
|
chainId: string |
||||||
|
status: SourcifyVerificationStatus |
||||||
|
libraryMap: { |
||||||
|
[key: string]: string |
||||||
|
} |
||||||
|
message?: string |
||||||
|
} |
||||||
|
] |
||||||
|
} |
||||||
|
|
||||||
|
interface SourcifyErrorResponse { |
||||||
|
error: string |
||||||
|
} |
||||||
|
|
||||||
|
interface SourcifyFile { |
||||||
|
name: string |
||||||
|
path: string |
||||||
|
content: string |
||||||
|
} |
||||||
|
|
||||||
|
interface SourcifyLookupResponse { |
||||||
|
status: Exclude<SourcifyVerificationStatus, null> |
||||||
|
files: SourcifyFile[] |
||||||
|
} |
||||||
|
|
||||||
|
export class SourcifyVerifier extends AbstractVerifier { |
||||||
|
LOOKUP_STORE_DIR = 'sourcify-verified' |
||||||
|
|
||||||
|
async verify(submittedContract: SubmittedContract, compilerAbstract: CompilerAbstract): Promise<VerificationResponse> { |
||||||
|
const metadataStr = compilerAbstract.data.contracts[submittedContract.filePath][submittedContract.contractName].metadata |
||||||
|
const sources = compilerAbstract.source.sources |
||||||
|
|
||||||
|
// from { "filename.sol": {content: "contract MyContract { ... }"} }
|
||||||
|
// to { "filename.sol": "contract MyContract { ... }" }
|
||||||
|
const formattedSources = Object.entries(sources).reduce((acc, [fileName, { content }]) => { |
||||||
|
acc[fileName] = content |
||||||
|
return acc |
||||||
|
}, {}) |
||||||
|
const body: SourcifyVerificationRequest = { |
||||||
|
chain: submittedContract.chainId, |
||||||
|
address: submittedContract.address, |
||||||
|
files: { |
||||||
|
'metadata.json': metadataStr, |
||||||
|
...formattedSources, |
||||||
|
}, |
||||||
|
} |
||||||
|
|
||||||
|
const response = await fetch(new URL(this.apiUrl + '/verify').href, { |
||||||
|
method: 'POST', |
||||||
|
headers: { |
||||||
|
'Content-Type': 'application/json', |
||||||
|
}, |
||||||
|
body: JSON.stringify(body), |
||||||
|
}) |
||||||
|
|
||||||
|
if (!response.ok) { |
||||||
|
const errorResponse: SourcifyErrorResponse = await response.json() |
||||||
|
console.error('Error on Sourcify verification at ' + this.apiUrl + '\nStatus: ' + response.status + '\nResponse: ' + JSON.stringify(errorResponse)) |
||||||
|
throw new Error(errorResponse.error) |
||||||
|
} |
||||||
|
|
||||||
|
const verificationResponse: SourcifyVerificationResponse = await response.json() |
||||||
|
|
||||||
|
if (verificationResponse.result[0].status === null) { |
||||||
|
console.error('Error on Sourcify verification at ' + this.apiUrl + '\nStatus: ' + response.status + '\nResponse: ' + verificationResponse.result[0].message) |
||||||
|
throw new Error(verificationResponse.result[0].message) |
||||||
|
} |
||||||
|
|
||||||
|
// Map to a user-facing status message
|
||||||
|
let status: VerificationStatus = 'unknown' |
||||||
|
let lookupUrl: string | undefined = undefined |
||||||
|
if (verificationResponse.result[0].status === 'perfect' || verificationResponse.result[0].status === 'full') { |
||||||
|
status = 'fully verified' |
||||||
|
lookupUrl = this.getContractCodeUrl(submittedContract.address, submittedContract.chainId, true) |
||||||
|
} else if (verificationResponse.result[0].status === 'partial') { |
||||||
|
status = 'partially verified' |
||||||
|
lookupUrl = this.getContractCodeUrl(submittedContract.address, submittedContract.chainId, false) |
||||||
|
} |
||||||
|
|
||||||
|
return { status, receiptId: null, lookupUrl } |
||||||
|
} |
||||||
|
|
||||||
|
async lookup(contractAddress: string, chainId: string): Promise<LookupResponse> { |
||||||
|
const url = new URL(this.apiUrl + `/files/any/${chainId}/${contractAddress}`) |
||||||
|
|
||||||
|
const response = await fetch(url.href, { method: 'GET' }) |
||||||
|
|
||||||
|
if (!response.ok) { |
||||||
|
const errorResponse: SourcifyErrorResponse = await response.json() |
||||||
|
|
||||||
|
if (errorResponse.error === 'Files have not been found!') { |
||||||
|
return { status: 'not verified' } |
||||||
|
} |
||||||
|
|
||||||
|
console.error('Error on Sourcify lookup at ' + this.apiUrl + '\nStatus: ' + response.status + '\nResponse: ' + JSON.stringify(errorResponse)) |
||||||
|
throw new Error(errorResponse.error) |
||||||
|
} |
||||||
|
|
||||||
|
const lookupResponse: SourcifyLookupResponse = await response.json() |
||||||
|
|
||||||
|
let status: VerificationStatus = 'unknown' |
||||||
|
let lookupUrl: string | undefined = undefined |
||||||
|
if (lookupResponse.status === 'perfect' || lookupResponse.status === 'full') { |
||||||
|
status = 'fully verified' |
||||||
|
lookupUrl = this.getContractCodeUrl(contractAddress, chainId, true) |
||||||
|
} else if (lookupResponse.status === 'partial') { |
||||||
|
status = 'partially verified' |
||||||
|
lookupUrl = this.getContractCodeUrl(contractAddress, chainId, false) |
||||||
|
} |
||||||
|
|
||||||
|
const { sourceFiles, targetFilePath } = this.processReceivedFiles(lookupResponse.files, contractAddress, chainId) |
||||||
|
|
||||||
|
return { status, lookupUrl, sourceFiles, targetFilePath } |
||||||
|
} |
||||||
|
|
||||||
|
getContractCodeUrl(address: string, chainId: string, fullMatch: boolean): string { |
||||||
|
const url = new URL(this.explorerUrl + `/contracts/${fullMatch ? 'full_match' : 'partial_match'}/${chainId}/${address}/`) |
||||||
|
return url.href |
||||||
|
} |
||||||
|
|
||||||
|
processReceivedFiles(files: SourcifyFile[], contractAddress: string, chainId: string): { sourceFiles: SourceFile[]; targetFilePath?: string } { |
||||||
|
const result: SourceFile[] = [] |
||||||
|
let targetFilePath: string |
||||||
|
const filePrefix = `/${this.LOOKUP_STORE_DIR}/${chainId}/${contractAddress}` |
||||||
|
|
||||||
|
for (const file of files) { |
||||||
|
let filePath: string |
||||||
|
for (const a of [contractAddress, ethers.utils.getAddress(contractAddress)]) { |
||||||
|
const matching = file.path.match(`/${a}/(.*)$`) |
||||||
|
if (matching) { |
||||||
|
filePath = matching[1] |
||||||
|
break |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
if (filePath) { |
||||||
|
result.push({ path: `${filePrefix}/${filePath}`, content: file.content }) |
||||||
|
} |
||||||
|
|
||||||
|
if (file.name === 'metadata.json') { |
||||||
|
const metadata = JSON.parse(file.content) |
||||||
|
const compilationTarget = metadata.settings.compilationTarget |
||||||
|
const contractPath = Object.keys(compilationTarget)[0] |
||||||
|
targetFilePath = `${filePrefix}/sources/${contractPath}` |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
return { sourceFiles: result, targetFilePath } |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,30 @@ |
|||||||
|
import type { VerifierIdentifier, VerifierSettings } from '../types' |
||||||
|
import { AbstractVerifier } from './AbstractVerifier' |
||||||
|
import { BlockscoutVerifier } from './BlockscoutVerifier' |
||||||
|
import { EtherscanVerifier } from './EtherscanVerifier' |
||||||
|
import { SourcifyVerifier } from './SourcifyVerifier' |
||||||
|
|
||||||
|
export { AbstractVerifier } from './AbstractVerifier' |
||||||
|
export { BlockscoutVerifier } from './BlockscoutVerifier' |
||||||
|
export { SourcifyVerifier } from './SourcifyVerifier' |
||||||
|
export { EtherscanVerifier } from './EtherscanVerifier' |
||||||
|
|
||||||
|
export function getVerifier(identifier: VerifierIdentifier, settings: VerifierSettings): AbstractVerifier { |
||||||
|
switch (identifier) { |
||||||
|
case 'Sourcify': |
||||||
|
if (!settings?.explorerUrl) { |
||||||
|
throw new Error('The Sourcify verifier requires an explorer URL.') |
||||||
|
} |
||||||
|
return new SourcifyVerifier(settings.apiUrl, settings.explorerUrl) |
||||||
|
case 'Etherscan': |
||||||
|
if (!settings?.explorerUrl) { |
||||||
|
throw new Error('The Etherscan verifier requires an explorer URL.') |
||||||
|
} |
||||||
|
if (!settings?.apiKey) { |
||||||
|
throw new Error('The Etherscan verifier requires an API key.') |
||||||
|
} |
||||||
|
return new EtherscanVerifier(settings.apiUrl, settings.explorerUrl, settings.apiKey) |
||||||
|
case 'Blockscout': |
||||||
|
return new BlockscoutVerifier(settings.apiUrl) |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,46 @@ |
|||||||
|
import React from 'react' |
||||||
|
import type { Chain } from './types' |
||||||
|
import { ContractDropdownSelection } from './components/ContractDropdown' |
||||||
|
|
||||||
|
// Define the type for the context
|
||||||
|
type VerifyFormContextType = { |
||||||
|
selectedChain: Chain | undefined |
||||||
|
setSelectedChain: React.Dispatch<React.SetStateAction<Chain>> |
||||||
|
contractAddress: string |
||||||
|
setContractAddress: React.Dispatch<React.SetStateAction<string>> |
||||||
|
contractAddressError: string |
||||||
|
setContractAddressError: React.Dispatch<React.SetStateAction<string>> |
||||||
|
selectedContract: ContractDropdownSelection | undefined |
||||||
|
setSelectedContract: React.Dispatch<React.SetStateAction<ContractDropdownSelection>> |
||||||
|
proxyAddress: string |
||||||
|
setProxyAddress: React.Dispatch<React.SetStateAction<string>> |
||||||
|
proxyAddressError: string |
||||||
|
setProxyAddressError: React.Dispatch<React.SetStateAction<string>> |
||||||
|
abiEncodedConstructorArgs: string |
||||||
|
setAbiEncodedConstructorArgs: React.Dispatch<React.SetStateAction<string>> |
||||||
|
abiEncodingError: string |
||||||
|
setAbiEncodingError: React.Dispatch<React.SetStateAction<string>> |
||||||
|
} |
||||||
|
|
||||||
|
// Provide a default value with the appropriate types
|
||||||
|
const defaultContextValue: VerifyFormContextType = { |
||||||
|
selectedChain: undefined, |
||||||
|
setSelectedChain: (selectedChain: Chain) => {}, |
||||||
|
contractAddress: '', |
||||||
|
setContractAddress: (contractAddress: string) => {}, |
||||||
|
contractAddressError: '', |
||||||
|
setContractAddressError: (contractAddressError: string) => {}, |
||||||
|
selectedContract: undefined, |
||||||
|
setSelectedContract: (selectedContract: ContractDropdownSelection) => {}, |
||||||
|
proxyAddress: '', |
||||||
|
setProxyAddress: (proxyAddress: string) => {}, |
||||||
|
proxyAddressError: '', |
||||||
|
setProxyAddressError: (contractAddressError: string) => {}, |
||||||
|
abiEncodedConstructorArgs: '', |
||||||
|
setAbiEncodedConstructorArgs: (contractAddproxyAddressress: string) => {}, |
||||||
|
abiEncodingError: '', |
||||||
|
setAbiEncodingError: (contractAddressError: string) => {}, |
||||||
|
} |
||||||
|
|
||||||
|
// Create the context with the type
|
||||||
|
export const VerifyFormContext = React.createContext<VerifyFormContextType>(defaultContextValue) |
||||||
@ -0,0 +1,154 @@ |
|||||||
|
import { useState, useEffect, useRef } from 'react' |
||||||
|
|
||||||
|
import { ContractVerificationPluginClient } from './ContractVerificationPluginClient' |
||||||
|
|
||||||
|
import { AppContext } from './AppContext' |
||||||
|
import { VerifyFormContext } from './VerifyFormContext' |
||||||
|
import DisplayRoutes from './routes' |
||||||
|
import type { ContractVerificationSettings, ThemeType, Chain, SubmittedContracts, VerificationReceipt, VerificationResponse } from './types' |
||||||
|
import { mergeChainSettingsWithDefaults } from './utils' |
||||||
|
|
||||||
|
import './App.css' |
||||||
|
import { CompilerAbstract } from '@remix-project/remix-solidity' |
||||||
|
import { useLocalStorage } from './hooks/useLocalStorage' |
||||||
|
import { getVerifier } from './Verifiers' |
||||||
|
import { ContractDropdownSelection } from './components/ContractDropdown' |
||||||
|
|
||||||
|
const plugin = new ContractVerificationPluginClient() |
||||||
|
|
||||||
|
const App = () => { |
||||||
|
const [themeType, setThemeType] = useState<ThemeType>('dark') |
||||||
|
const [settings, setSettings] = useLocalStorage<ContractVerificationSettings>('contract-verification:settings', { chains: {} }) |
||||||
|
const [submittedContracts, setSubmittedContracts] = useLocalStorage<SubmittedContracts>('contract-verification:submitted-contracts', {}) |
||||||
|
const [chains, setChains] = useState<Chain[]>([]) // State to hold the chains data
|
||||||
|
const [compilationOutput, setCompilationOutput] = useState<{ [key: string]: CompilerAbstract } | undefined>() |
||||||
|
|
||||||
|
// Form values:
|
||||||
|
const [selectedChain, setSelectedChain] = useState<Chain | undefined>() |
||||||
|
const [contractAddress, setContractAddress] = useState('') |
||||||
|
const [contractAddressError, setContractAddressError] = useState('') |
||||||
|
const [selectedContract, setSelectedContract] = useState<ContractDropdownSelection | undefined>() |
||||||
|
const [proxyAddress, setProxyAddress] = useState('') |
||||||
|
const [proxyAddressError, setProxyAddressError] = useState('') |
||||||
|
const [abiEncodedConstructorArgs, setAbiEncodedConstructorArgs] = useState<string>('') |
||||||
|
const [abiEncodingError, setAbiEncodingError] = useState<string>('') |
||||||
|
|
||||||
|
const timer = useRef(null) |
||||||
|
|
||||||
|
useEffect(() => { |
||||||
|
plugin.internalEvents.on('verification_activated', () => { |
||||||
|
// Fetch compiler artefacts initially
|
||||||
|
plugin.call('compilerArtefacts' as any, 'getAllCompilerAbstracts').then((obj: any) => { |
||||||
|
setCompilationOutput(obj) |
||||||
|
}) |
||||||
|
|
||||||
|
// Subscribe to compilations
|
||||||
|
plugin.on('compilerArtefacts' as any, 'compilationSaved', (compilerAbstracts: { [key: string]: CompilerAbstract }) => { |
||||||
|
setCompilationOutput((prev) => ({ ...(prev || {}), ...compilerAbstracts })) |
||||||
|
}) |
||||||
|
|
||||||
|
// Fetch chains.json and update state
|
||||||
|
fetch('https://chainid.network/chains.json') |
||||||
|
.then((response) => response.json()) |
||||||
|
.then((data) => setChains(data)) |
||||||
|
.catch((error) => console.error('Failed to fetch chains.json:', error)) |
||||||
|
}) |
||||||
|
|
||||||
|
// Clean up on unmount
|
||||||
|
return () => { |
||||||
|
plugin.off('compilerArtefacts' as any, 'compilationSaved') |
||||||
|
} |
||||||
|
}, []) |
||||||
|
|
||||||
|
// Poll status of pending receipts frequently
|
||||||
|
useEffect(() => { |
||||||
|
const getPendingReceipts = (submissions: SubmittedContracts) => { |
||||||
|
const pendingReceipts: VerificationReceipt[] = [] |
||||||
|
// Check statuses of receipts
|
||||||
|
for (const submission of Object.values(submissions)) { |
||||||
|
for (const receipt of submission.receipts) { |
||||||
|
if (receipt.status === 'pending') { |
||||||
|
pendingReceipts.push(receipt) |
||||||
|
} |
||||||
|
} |
||||||
|
for (const proxyReceipt of submission.proxyReceipts ?? []) { |
||||||
|
if (proxyReceipt.status === 'pending') { |
||||||
|
pendingReceipts.push(proxyReceipt) |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
return pendingReceipts |
||||||
|
} |
||||||
|
|
||||||
|
let pendingReceipts = getPendingReceipts(submittedContracts) |
||||||
|
|
||||||
|
if (pendingReceipts.length > 0) { |
||||||
|
if (timer.current) { |
||||||
|
clearInterval(timer.current) |
||||||
|
timer.current = null |
||||||
|
} |
||||||
|
|
||||||
|
const pollStatus = async () => { |
||||||
|
const changedSubmittedContracts = { ...submittedContracts } |
||||||
|
|
||||||
|
for (const receipt of pendingReceipts) { |
||||||
|
await new Promise((resolve) => setTimeout(resolve, 500)) // avoid api rate limit exceed.
|
||||||
|
|
||||||
|
const { verifierInfo, receiptId } = receipt |
||||||
|
if (receiptId) { |
||||||
|
const contract = changedSubmittedContracts[receipt.contractId] |
||||||
|
const chainSettings = mergeChainSettingsWithDefaults(contract.chainId, settings) |
||||||
|
const verifierSettings = chainSettings.verifiers[verifierInfo.name] |
||||||
|
|
||||||
|
// In case the user overwrites the API later, prefer the one stored in localStorage
|
||||||
|
const verifier = getVerifier(verifierInfo.name, { ...verifierSettings, apiUrl: verifierInfo.apiUrl }) |
||||||
|
if (!verifier.checkVerificationStatus) { |
||||||
|
continue |
||||||
|
} |
||||||
|
|
||||||
|
try { |
||||||
|
let response: VerificationResponse |
||||||
|
if (receipt.isProxyReceipt) { |
||||||
|
response = await verifier.checkProxyVerificationStatus(receiptId) |
||||||
|
} else { |
||||||
|
response = await verifier.checkVerificationStatus(receiptId) |
||||||
|
} |
||||||
|
const { status, message, lookupUrl } = response |
||||||
|
receipt.status = status |
||||||
|
receipt.message = message |
||||||
|
if (lookupUrl) { |
||||||
|
receipt.lookupUrl = lookupUrl |
||||||
|
} |
||||||
|
} catch (e) { |
||||||
|
receipt.failedChecks++ |
||||||
|
// Only retry 5 times
|
||||||
|
if (receipt.failedChecks >= 5) { |
||||||
|
receipt.status = 'failed' |
||||||
|
receipt.message = e.message |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
pendingReceipts = getPendingReceipts(changedSubmittedContracts) |
||||||
|
if (timer.current && pendingReceipts.length === 0) { |
||||||
|
clearInterval(timer.current) |
||||||
|
timer.current = null |
||||||
|
} |
||||||
|
setSubmittedContracts((prev) => Object.assign({}, prev, changedSubmittedContracts)) |
||||||
|
} |
||||||
|
|
||||||
|
timer.current = setInterval(pollStatus, 1000) |
||||||
|
} |
||||||
|
}, [submittedContracts]) |
||||||
|
|
||||||
|
return ( |
||||||
|
<AppContext.Provider value={{ themeType, setThemeType, clientInstance: plugin, settings, setSettings, chains, compilationOutput, submittedContracts, setSubmittedContracts }}> |
||||||
|
<VerifyFormContext.Provider value={{ selectedChain, setSelectedChain, contractAddress, setContractAddress, contractAddressError, setContractAddressError, selectedContract, setSelectedContract, proxyAddress, setProxyAddress, proxyAddressError, setProxyAddressError, abiEncodedConstructorArgs, setAbiEncodedConstructorArgs, abiEncodingError, setAbiEncodingError }}> |
||||||
|
<DisplayRoutes /> |
||||||
|
</VerifyFormContext.Provider> |
||||||
|
</AppContext.Provider> |
||||||
|
) |
||||||
|
} |
||||||
|
|
||||||
|
export default App |
||||||
@ -0,0 +1,105 @@ |
|||||||
|
import React, { useMemo } from 'react' |
||||||
|
import { SubmittedContract, VerificationReceipt } from '../types' |
||||||
|
import { shortenAddress, CustomTooltip } from '@remix-ui/helper' |
||||||
|
import { AppContext } from '../AppContext' |
||||||
|
import { CopyToClipboard } from '@remix-ui/clipboard' |
||||||
|
|
||||||
|
interface AccordionReceiptProps { |
||||||
|
contract: SubmittedContract |
||||||
|
index: number |
||||||
|
} |
||||||
|
|
||||||
|
export const AccordionReceipt: React.FC<AccordionReceiptProps> = ({ contract, index }) => { |
||||||
|
const { chains } = React.useContext(AppContext) |
||||||
|
|
||||||
|
const [expanded, setExpanded] = React.useState(false) |
||||||
|
|
||||||
|
const chain = useMemo(() => { |
||||||
|
return chains.find((c) => c.chainId === parseInt(contract.chainId)) |
||||||
|
}, [contract, chains]) |
||||||
|
const chainName = chain?.name ?? 'Unknown Chain' |
||||||
|
|
||||||
|
const hasProxy = contract.proxyAddress && contract.proxyReceipts |
||||||
|
|
||||||
|
const toggleAccordion = () => { |
||||||
|
setExpanded(!expanded) |
||||||
|
} |
||||||
|
|
||||||
|
return ( |
||||||
|
<div className={`${expanded ? 'bg-light' : 'border-bottom '}`}> |
||||||
|
<div className="d-flex flex-row align-items-center"> |
||||||
|
<button className="btn" onClick={toggleAccordion} style={{ padding: '0.45rem' }}> |
||||||
|
<i className={`fas ${expanded ? 'fa-angle-down' : 'fa-angle-right'} text-secondary`}></i> |
||||||
|
</button> |
||||||
|
|
||||||
|
<div className="small w-100 text-uppercase overflow-hidden text-nowrap"> |
||||||
|
<CustomTooltip placement="bottom" tooltipClasses=" text-break" tooltipText={`Contract: ${contract.contractName}, Address: ${contract.address}, Chain: ${chainName}, Proxy: ${contract.proxyAddress}`}> |
||||||
|
<span> |
||||||
|
{contract.contractName} at {shortenAddress(contract.address)} {contract.proxyAddress ? 'with proxy' : ''} |
||||||
|
</span> |
||||||
|
</CustomTooltip> |
||||||
|
</div> |
||||||
|
|
||||||
|
<button className="btn" style={{ padding: '0.15rem' }}> |
||||||
|
<CopyToClipboard tip="Copy" content={contract.address} direction={'top'} /> |
||||||
|
</button> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div className={`${expanded ? '' : 'd-none'} px-2 pt-2 pb-3 small`}> |
||||||
|
<div> |
||||||
|
<span className="font-weight-bold">Chain: </span> |
||||||
|
{chainName} ({contract.chainId}) |
||||||
|
</div> |
||||||
|
<div> |
||||||
|
<span className="font-weight-bold">File: </span> |
||||||
|
<span className="text-break">{contract.filePath}</span> |
||||||
|
</div> |
||||||
|
<div> |
||||||
|
<span className="font-weight-bold">Submitted at: </span> |
||||||
|
{new Date(contract.date).toLocaleString()} |
||||||
|
</div> |
||||||
|
|
||||||
|
<div> |
||||||
|
<span className="font-weight-bold">Verified at: </span> |
||||||
|
<ReceiptsBody receipts={contract.receipts} /> |
||||||
|
</div> |
||||||
|
|
||||||
|
{hasProxy && ( |
||||||
|
<> |
||||||
|
<div className="mt-3"> |
||||||
|
<span className="font-weight-bold">Proxy Address: </span> |
||||||
|
<CustomTooltip placement="top" tooltipClasses=" text-break" tooltipText={contract.proxyAddress}> |
||||||
|
<span>{shortenAddress(contract.proxyAddress)}</span> |
||||||
|
</CustomTooltip> |
||||||
|
<CopyToClipboard tip="Copy" content={contract.proxyAddress} direction={'top'} /> |
||||||
|
</div> |
||||||
|
<div> |
||||||
|
<span className="font-weight-bold">Proxy verified at: </span> |
||||||
|
<ReceiptsBody receipts={contract.proxyReceipts} /> |
||||||
|
</div> |
||||||
|
</> |
||||||
|
)} |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
) |
||||||
|
} |
||||||
|
|
||||||
|
const ReceiptsBody = ({ receipts }: { receipts: VerificationReceipt[] }) => { |
||||||
|
return ( |
||||||
|
<ul className="list-group"> |
||||||
|
{receipts.map((receipt) => ( |
||||||
|
<li className="list-group-item"> |
||||||
|
<CustomTooltip placement="top" tooltipClasses=" text-break" tooltipText={`API: ${receipt.verifierInfo.apiUrl}`}> |
||||||
|
<span className="font-weight-bold medium">{receipt.verifierInfo.name}</span> |
||||||
|
</CustomTooltip> |
||||||
|
|
||||||
|
<CustomTooltip placement="top" tooltipClasses=" text-break" tooltipTextClasses="text-capitalize" tooltipText={`Status: ${receipt.status}${receipt.message ? `, Message: ${receipt.message}` : ''}`}> |
||||||
|
<span className="ml-2">{['verified', 'partially verified', 'already verified'].includes(receipt.status) ? <i className="fas fa-check"></i> : receipt.status === 'fully verified' ? <i className="fas fa-check-double"></i> : receipt.status === 'failed' ? <i className="fas fa-xmark"></i> : ['pending', 'awaiting implementation verification'].includes(receipt.status) ? <i className="fas fa-spinner fa-spin"></i> : <i className="fas fa-question"></i>}</span> |
||||||
|
</CustomTooltip> |
||||||
|
|
||||||
|
<span className="ml-2">{!!receipt.lookupUrl && <a href={receipt.lookupUrl} target="_blank" className="fa fas fa-arrow-up-right-from-square"></a>}</span> |
||||||
|
</li> |
||||||
|
))} |
||||||
|
</ul> |
||||||
|
) |
||||||
|
} |
||||||
@ -0,0 +1,69 @@ |
|||||||
|
import React, { useEffect, useState } from 'react' |
||||||
|
import { CustomTooltip } from '@remix-ui/helper' |
||||||
|
|
||||||
|
interface ConfigInputProps { |
||||||
|
label: string |
||||||
|
id: string |
||||||
|
secret: boolean |
||||||
|
initialValue: string |
||||||
|
saveResult: (result: string) => void |
||||||
|
} |
||||||
|
|
||||||
|
// Chooses one contract from the compilation output.
|
||||||
|
export const ConfigInput: React.FC<ConfigInputProps> = ({ label, id, secret, initialValue, saveResult }) => { |
||||||
|
const [value, setValue] = useState(initialValue) |
||||||
|
const [enabled, setEnabled] = useState(false) |
||||||
|
|
||||||
|
// Reset state when initialValue changes
|
||||||
|
useEffect(() => { |
||||||
|
setValue(initialValue) |
||||||
|
setEnabled(false) |
||||||
|
}, [initialValue]) |
||||||
|
|
||||||
|
const handleChange = () => { |
||||||
|
setEnabled(true) |
||||||
|
} |
||||||
|
|
||||||
|
const handleSave = () => { |
||||||
|
setEnabled(false) |
||||||
|
saveResult(value) |
||||||
|
} |
||||||
|
|
||||||
|
const handleCancel = () => { |
||||||
|
setEnabled(false) |
||||||
|
setValue(initialValue) |
||||||
|
} |
||||||
|
|
||||||
|
return ( |
||||||
|
<div className="form-group small mb-0"> |
||||||
|
<label className='mt-3' htmlFor={id}>{label}</label> |
||||||
|
<div className="d-flex flex-row justify-content-start"> |
||||||
|
<input |
||||||
|
type={secret ? 'password' : 'text'} |
||||||
|
className={`form-control small w-100 ${!enabled ? 'bg-transparent pl-0 border-0' : ''}`} |
||||||
|
id={id} |
||||||
|
placeholder={`Add ${label}`} |
||||||
|
value={value} |
||||||
|
onChange={(e) => setValue(e.target.value)} |
||||||
|
disabled={!enabled} |
||||||
|
/> |
||||||
|
|
||||||
|
{ enabled ? ( |
||||||
|
<> |
||||||
|
<button type="button" className="btn btn-primary btn-sm ml-2" onClick={handleSave}> |
||||||
|
Save |
||||||
|
</button> |
||||||
|
<button type="button" className="btn btn-secondary btn-sm ml-2" onClick={handleCancel}> |
||||||
|
Cancel |
||||||
|
</button> |
||||||
|
</> |
||||||
|
) : ( |
||||||
|
<CustomTooltip tooltipText={`Edit ${label}`}> |
||||||
|
<button type="button" className="btn btn-sm fas fa-pen my-1" style={{ height: '100%' }} disabled={enabled} onClick={handleChange}> |
||||||
|
</button> |
||||||
|
</CustomTooltip> |
||||||
|
)} |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
) |
||||||
|
} |
||||||
@ -0,0 +1,135 @@ |
|||||||
|
import { useContext, useEffect, useRef, useState } from 'react' |
||||||
|
import { ethers } from 'ethers' |
||||||
|
|
||||||
|
import { AppContext } from '../AppContext' |
||||||
|
import { ContractDropdownSelection } from './ContractDropdown' |
||||||
|
|
||||||
|
interface ConstructorArgumentsProps { |
||||||
|
abiEncodedConstructorArgs: string |
||||||
|
setAbiEncodedConstructorArgs: React.Dispatch<React.SetStateAction<string>> |
||||||
|
abiEncodingError: string |
||||||
|
setAbiEncodingError: React.Dispatch<React.SetStateAction<string>> |
||||||
|
selectedContract: ContractDropdownSelection |
||||||
|
} |
||||||
|
|
||||||
|
export const ConstructorArguments: React.FC<ConstructorArgumentsProps> = ({ abiEncodedConstructorArgs, setAbiEncodedConstructorArgs, abiEncodingError, setAbiEncodingError, selectedContract }) => { |
||||||
|
const { compilationOutput } = useContext(AppContext) |
||||||
|
const [toggleRawInput, setToggleRawInput] = useState<boolean>(false) |
||||||
|
|
||||||
|
const { triggerFilePath, filePath, contractName } = selectedContract |
||||||
|
const selectedCompilerAbstract = triggerFilePath && compilationOutput[triggerFilePath] |
||||||
|
const compiledContract = selectedCompilerAbstract?.data?.contracts?.[filePath]?.[contractName] |
||||||
|
const abi = compiledContract?.abi |
||||||
|
|
||||||
|
const constructorArgs = abi && abi.find((a) => a.type === 'constructor')?.inputs |
||||||
|
|
||||||
|
const decodeConstructorArgs = (value: string) => { |
||||||
|
try { |
||||||
|
const decodedObj = ethers.utils.defaultAbiCoder.decode( |
||||||
|
constructorArgs.map((inp) => inp.type), |
||||||
|
value |
||||||
|
) |
||||||
|
const decoded = decodedObj.map((val) => JSON.stringify(val)) |
||||||
|
return { decoded, errorMessage: '' } |
||||||
|
} catch (e) { |
||||||
|
console.error(e) |
||||||
|
const errorMessage = 'Decoding error: ' + e.message |
||||||
|
const decoded = Array(constructorArgs?.length ?? 0).fill('') |
||||||
|
return { decoded, errorMessage } |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
const [constructorArgsValues, setConstructorArgsValues] = useState<string[]>(abiEncodedConstructorArgs ? decodeConstructorArgs(abiEncodedConstructorArgs).decoded : Array(constructorArgs?.length ?? 0).fill('')) |
||||||
|
|
||||||
|
const constructorArgsInInitialState = useRef(true) |
||||||
|
useEffect(() => { |
||||||
|
if (constructorArgsInInitialState.current) { |
||||||
|
constructorArgsInInitialState.current = false |
||||||
|
return |
||||||
|
} |
||||||
|
setAbiEncodedConstructorArgs('') |
||||||
|
setAbiEncodingError('') |
||||||
|
setConstructorArgsValues(Array(constructorArgs?.length ?? 0).fill('')) |
||||||
|
}, [constructorArgs]) |
||||||
|
|
||||||
|
const handleConstructorArgs = (value: string, index: number) => { |
||||||
|
const changedConstructorArgsValues = [...constructorArgsValues.slice(0, index), value, ...constructorArgsValues.slice(index + 1)] |
||||||
|
setConstructorArgsValues(changedConstructorArgsValues) |
||||||
|
|
||||||
|
// if any constructorArgsValue is falsey (empty etc.), don't encode yet
|
||||||
|
if (changedConstructorArgsValues.some((value) => !value)) { |
||||||
|
setAbiEncodedConstructorArgs('') |
||||||
|
setAbiEncodingError('') |
||||||
|
return |
||||||
|
} |
||||||
|
|
||||||
|
const types = constructorArgs.map((inp) => inp.type) |
||||||
|
const parsedArgsValues = [] |
||||||
|
for (const arg of changedConstructorArgsValues) { |
||||||
|
try { |
||||||
|
parsedArgsValues.push(JSON.parse(arg)) |
||||||
|
} catch (e) { |
||||||
|
parsedArgsValues.push(arg) |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
try { |
||||||
|
const newAbiEncoding = ethers.utils.defaultAbiCoder.encode(types, parsedArgsValues) |
||||||
|
setAbiEncodedConstructorArgs(newAbiEncoding) |
||||||
|
setAbiEncodingError('') |
||||||
|
} catch (e) { |
||||||
|
console.error(e) |
||||||
|
setAbiEncodedConstructorArgs('') |
||||||
|
setAbiEncodingError('Encoding error: ' + e.message) |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
const handleRawConstructorArgs = (value: string) => { |
||||||
|
setAbiEncodedConstructorArgs(value) |
||||||
|
const { decoded, errorMessage } = decodeConstructorArgs(value) |
||||||
|
setConstructorArgsValues(decoded) |
||||||
|
setAbiEncodingError(errorMessage) |
||||||
|
} |
||||||
|
|
||||||
|
if (!selectedContract) return null |
||||||
|
if (!compilationOutput && Object.keys(compilationOutput).length === 0) return null |
||||||
|
// No render if no constructor args
|
||||||
|
if (!constructorArgs || constructorArgs.length === 0) return null |
||||||
|
|
||||||
|
return ( |
||||||
|
<div className="mt-4"> |
||||||
|
<label>Constructor Arguments</label> |
||||||
|
<div className="d-flex py-1 align-items-center custom-control custom-checkbox"> |
||||||
|
<input className="form-check-input custom-control-input" type="checkbox" id="toggleRawInputSwitch" checked={toggleRawInput} onChange={() => setToggleRawInput(!toggleRawInput)} /> |
||||||
|
<label className="m-0 form-check-label custom-control-label" style={{ paddingTop: '2px' }} htmlFor="toggleRawInputSwitch"> |
||||||
|
Enter raw ABI-encoded constructor arguments |
||||||
|
</label> |
||||||
|
</div> |
||||||
|
{toggleRawInput ? ( |
||||||
|
<div> |
||||||
|
{' '} |
||||||
|
<textarea className="form-control" rows={5} placeholder="0x00000000000000000000000000000000d41867734bbee4c6863d9255b2b06ac1..." value={abiEncodedConstructorArgs} onChange={(e) => handleRawConstructorArgs(e.target.value)} /> |
||||||
|
{abiEncodingError && <div className="text-danger small">{abiEncodingError}</div>} |
||||||
|
</div> |
||||||
|
) : ( |
||||||
|
<div> |
||||||
|
{constructorArgs.map((inp, i) => ( |
||||||
|
<div key={`constructor-arg-${inp.name}`} className="d-flex flex-row align-items-center justify-content-between mb-2"> |
||||||
|
<div className="mr-2 small">{inp.name}</div> |
||||||
|
<input className="form-control w-50" placeholder={inp.type} value={constructorArgsValues[i] ?? ''} onChange={(e) => handleConstructorArgs(e.target.value, i)} /> |
||||||
|
</div> |
||||||
|
))} |
||||||
|
{abiEncodedConstructorArgs && ( |
||||||
|
<div> |
||||||
|
<label className="form-check-label" htmlFor="rawAbiEncodingResult"> |
||||||
|
ABI-encoded constructor arguments: |
||||||
|
</label> |
||||||
|
<textarea className="form-control" rows={5} disabled value={abiEncodedConstructorArgs} id="rawAbiEncodingResult" style={{ opacity: 0.5 }} /> |
||||||
|
</div> |
||||||
|
)} |
||||||
|
{abiEncodingError && <div className="text-danger small">{abiEncodingError}</div>} |
||||||
|
</div> |
||||||
|
)} |
||||||
|
</div> |
||||||
|
) |
||||||
|
} |
||||||
@ -0,0 +1,33 @@ |
|||||||
|
import React, { useEffect, useState, useContext } from 'react' |
||||||
|
import { ethers } from 'ethers/' |
||||||
|
|
||||||
|
interface ContractAddressInputProps { |
||||||
|
label: string |
||||||
|
id: string |
||||||
|
contractAddress: string |
||||||
|
setContractAddress: (address: string) => void |
||||||
|
contractAddressError: string |
||||||
|
setContractAddressError: (error: string) => void |
||||||
|
} |
||||||
|
|
||||||
|
// Chooses one contract from the compilation output.
|
||||||
|
export const ContractAddressInput: React.FC<ContractAddressInputProps> = ({ label, id, contractAddress, setContractAddress, contractAddressError, setContractAddressError }) => { |
||||||
|
const handleAddressChange = (event: React.ChangeEvent<HTMLInputElement>) => { |
||||||
|
const isValidAddress = ethers.utils.isAddress(event.target.value) |
||||||
|
setContractAddress(event.target.value) |
||||||
|
if (!isValidAddress) { |
||||||
|
setContractAddressError('Invalid contract address') |
||||||
|
console.error('Invalid contract address') |
||||||
|
return |
||||||
|
} |
||||||
|
setContractAddressError('') |
||||||
|
} |
||||||
|
|
||||||
|
return ( |
||||||
|
<div className="form-group"> |
||||||
|
<label htmlFor={id}>{label}</label> |
||||||
|
<div>{contractAddressError && <div className="text-danger">{contractAddressError}</div>}</div> |
||||||
|
<input type="text" className="form-control" id={id} placeholder="0x2738d13E81e..." value={contractAddress} onChange={handleAddressChange} /> |
||||||
|
</div> |
||||||
|
) |
||||||
|
} |
||||||
@ -0,0 +1,3 @@ |
|||||||
|
.disabled-cursor { |
||||||
|
cursor: not-allowed; |
||||||
|
} |
||||||
@ -0,0 +1,73 @@ |
|||||||
|
import React, { useEffect, useState, useContext, Fragment } from 'react' |
||||||
|
import './ContractDropdown.css' |
||||||
|
import { AppContext } from '../AppContext' |
||||||
|
|
||||||
|
export interface ContractDropdownSelection { |
||||||
|
triggerFilePath: string |
||||||
|
filePath: string |
||||||
|
contractName: string |
||||||
|
} |
||||||
|
|
||||||
|
interface ContractDropdownProps { |
||||||
|
label: string |
||||||
|
id: string |
||||||
|
selectedContract: ContractDropdownSelection |
||||||
|
setSelectedContract: (selection: ContractDropdownSelection) => void |
||||||
|
} |
||||||
|
|
||||||
|
// Chooses one contract from the compilation output.
|
||||||
|
export const ContractDropdown: React.FC<ContractDropdownProps> = ({ label, id, selectedContract, setSelectedContract }) => { |
||||||
|
const { compilationOutput } = useContext(AppContext) |
||||||
|
|
||||||
|
useEffect(() => { |
||||||
|
if (!compilationOutput || !!selectedContract) return |
||||||
|
// Otherwise select the first by default
|
||||||
|
const triggerFilePath = Object.keys(compilationOutput)[0] |
||||||
|
const contracts = compilationOutput[triggerFilePath]?.data?.contracts |
||||||
|
if (contracts && Object.keys(contracts).length) { |
||||||
|
const firstFilePath = Object.keys(contracts)[0] |
||||||
|
const contractsInFile = contracts[firstFilePath] |
||||||
|
if (contractsInFile && Object.keys(contractsInFile).length) { |
||||||
|
const firstContractName = Object.keys(contractsInFile)[0] |
||||||
|
setSelectedContract({ triggerFilePath, filePath: firstFilePath, contractName: firstContractName }) |
||||||
|
} |
||||||
|
} |
||||||
|
}, [compilationOutput]) |
||||||
|
|
||||||
|
const handleSelectContract = (event: React.ChangeEvent<HTMLSelectElement>) => { |
||||||
|
setSelectedContract(JSON.parse(event.target.value)) |
||||||
|
} |
||||||
|
|
||||||
|
const hasContracts = compilationOutput && Object.keys(compilationOutput).length > 0 |
||||||
|
|
||||||
|
return ( |
||||||
|
<div className="form-group"> |
||||||
|
<label htmlFor={id}>{label}</label> |
||||||
|
<select value={selectedContract ? JSON.stringify(selectedContract) : ''} |
||||||
|
className={`form-control custom-select pr-4 ${!hasContracts ? 'disabled-cursor text-warning' : ''}`} |
||||||
|
id={id} |
||||||
|
disabled={!hasContracts} |
||||||
|
onChange={handleSelectContract} |
||||||
|
> |
||||||
|
{hasContracts ? ( |
||||||
|
Object.keys(compilationOutput).map((compilationTriggerFileName) => ( |
||||||
|
<optgroup key={compilationTriggerFileName} label={`Compilation trigger: ${compilationTriggerFileName}`}> |
||||||
|
{Object.keys(compilationOutput[compilationTriggerFileName].data.contracts).map((fileName) => { |
||||||
|
return Object.keys(compilationOutput[compilationTriggerFileName].data.contracts[fileName]).map((contractName) => { |
||||||
|
const value = JSON.stringify({ triggerFilePath: compilationTriggerFileName, filePath: fileName, contractName: contractName }) |
||||||
|
return ( |
||||||
|
<option key={`${compilationTriggerFileName}:${fileName}:${contractName}`} value={value}> |
||||||
|
{contractName} - {fileName} |
||||||
|
</option> |
||||||
|
) |
||||||
|
}) |
||||||
|
})} |
||||||
|
</optgroup> |
||||||
|
)) |
||||||
|
) : ( |
||||||
|
<option>Compiled contract required</option> |
||||||
|
)} |
||||||
|
</select> |
||||||
|
</div> |
||||||
|
) |
||||||
|
} |
||||||
@ -0,0 +1,33 @@ |
|||||||
|
import React from 'react' |
||||||
|
import { NavLink } from 'react-router-dom' |
||||||
|
|
||||||
|
interface NavItemProps { |
||||||
|
to: string |
||||||
|
icon: JSX.Element |
||||||
|
title: string |
||||||
|
} |
||||||
|
|
||||||
|
const NavItem: React.FC<NavItemProps> = ({ to, icon, title }) => { |
||||||
|
return ( |
||||||
|
<NavLink |
||||||
|
to={to} |
||||||
|
className={({ isActive }) => 'text-decoration-none d-flex px-1 py-1 flex-column justify-content-center small ' + (isActive ? "bg-light border-top border-left border-right" : "border-0 bg-transparent")} |
||||||
|
> |
||||||
|
<span className=''> |
||||||
|
<span>{icon}</span> |
||||||
|
<span className="ml-2">{title}</span> |
||||||
|
</span> |
||||||
|
</NavLink> |
||||||
|
) |
||||||
|
} |
||||||
|
|
||||||
|
export const NavMenu = () => { |
||||||
|
return ( |
||||||
|
<nav className="d-flex medium flex-row w-100" style={{backgroundColor: 'var(--body-bg)!important'}}> |
||||||
|
<NavItem to="/" icon={<i className="fas fa-home"></i>} title="Verify" /> |
||||||
|
<NavItem to="/receipts" icon={<i className="fas fa-receipt"></i>} title="Receipts" /> |
||||||
|
<NavItem to="/lookup" icon={<i className="fas fa-search"></i>} title="Lookup" /> |
||||||
|
<NavItem to="/settings" icon={<i className="fas fa-cog"></i>} title="Settings" /> |
||||||
|
</nav> |
||||||
|
) |
||||||
|
} |
||||||
@ -0,0 +1,113 @@ |
|||||||
|
import React, { useState, useEffect, useRef, useMemo } from 'react' |
||||||
|
import Fuse from 'fuse.js' |
||||||
|
import type { Chain } from '../types' |
||||||
|
import { AppContext } from '../AppContext' |
||||||
|
|
||||||
|
function getChainDescriptor(chain: Chain): string { |
||||||
|
if (!chain) return '' |
||||||
|
return `${chain.title || chain.name} (${chain.chainId})` |
||||||
|
} |
||||||
|
|
||||||
|
interface DropdownProps { |
||||||
|
label: string |
||||||
|
id: string |
||||||
|
setSelectedChain: (chain: Chain) => void |
||||||
|
selectedChain: Chain |
||||||
|
} |
||||||
|
|
||||||
|
export const SearchableChainDropdown: React.FC<DropdownProps> = ({ label, id, setSelectedChain, selectedChain }) => { |
||||||
|
const { chains } = React.useContext(AppContext) |
||||||
|
const ethereumChainIds = [1, 11155111, 17000] |
||||||
|
|
||||||
|
// Add Ethereum chains to the head of the chains list. Sort the rest alphabetically
|
||||||
|
const dropdownChains = useMemo( |
||||||
|
() => |
||||||
|
chains.sort((a, b) => { |
||||||
|
const isAInEthereum = ethereumChainIds.includes(a.chainId) |
||||||
|
const isBInEthereum = ethereumChainIds.includes(b.chainId) |
||||||
|
|
||||||
|
if (isAInEthereum && !isBInEthereum) return -1 |
||||||
|
if (!isAInEthereum && isBInEthereum) return 1 |
||||||
|
if (isAInEthereum && isBInEthereum) return ethereumChainIds.indexOf(a.chainId) - ethereumChainIds.indexOf(b.chainId) |
||||||
|
|
||||||
|
return (a.title || a.name).localeCompare(b.title || b.name) |
||||||
|
}), |
||||||
|
[chains] |
||||||
|
) |
||||||
|
|
||||||
|
const [searchTerm, setSearchTerm] = useState(selectedChain ? getChainDescriptor(selectedChain) : '') |
||||||
|
const [isOpen, setIsOpen] = useState(false) |
||||||
|
const [filteredOptions, setFilteredOptions] = useState<Chain[]>(dropdownChains) |
||||||
|
const dropdownRef = useRef<HTMLDivElement>(null) |
||||||
|
|
||||||
|
const fuse = new Fuse(dropdownChains, { |
||||||
|
keys: ['name', 'chainId', 'title'], |
||||||
|
threshold: 0.3, |
||||||
|
}) |
||||||
|
|
||||||
|
useEffect(() => { |
||||||
|
if (searchTerm === '') { |
||||||
|
setFilteredOptions(dropdownChains) |
||||||
|
} else { |
||||||
|
const result = fuse.search(searchTerm) |
||||||
|
setFilteredOptions(result.map(({ item }) => item)) |
||||||
|
} |
||||||
|
}, [searchTerm, dropdownChains]) |
||||||
|
|
||||||
|
// Close dropdown when user clicks outside
|
||||||
|
useEffect(() => { |
||||||
|
const handleClickOutside = (event: MouseEvent) => { |
||||||
|
if (dropdownRef.current && !dropdownRef.current.contains(event.target as Node)) { |
||||||
|
setIsOpen(false) |
||||||
|
setSearchTerm(getChainDescriptor(selectedChain)) |
||||||
|
} |
||||||
|
} |
||||||
|
document.addEventListener('mousedown', handleClickOutside) |
||||||
|
return () => { |
||||||
|
document.removeEventListener('mousedown', handleClickOutside) |
||||||
|
} |
||||||
|
}, [selectedChain]) |
||||||
|
|
||||||
|
const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => { |
||||||
|
setSearchTerm(e.target.value) |
||||||
|
setIsOpen(true) |
||||||
|
} |
||||||
|
|
||||||
|
const handleOptionClick = (option: Chain) => { |
||||||
|
setSelectedChain(option) |
||||||
|
setSearchTerm(getChainDescriptor(option)) |
||||||
|
setIsOpen(false) |
||||||
|
} |
||||||
|
|
||||||
|
const openDropdown = () => { |
||||||
|
setIsOpen(true) |
||||||
|
setSearchTerm('') |
||||||
|
} |
||||||
|
|
||||||
|
if (!dropdownChains || dropdownChains.length === 0) { |
||||||
|
return ( |
||||||
|
<div className="dropdown"> |
||||||
|
<label htmlFor={id}>{label}</label> |
||||||
|
<div>Loading chains...</div> |
||||||
|
</div> |
||||||
|
) |
||||||
|
} |
||||||
|
|
||||||
|
return ( |
||||||
|
<div className="dropdown mb-3" ref={dropdownRef}> |
||||||
|
{' '} |
||||||
|
{/* Add ref here */} |
||||||
|
<label htmlFor={id}>{label}</label> |
||||||
|
<input type="text" value={searchTerm} onChange={handleInputChange} onClick={openDropdown} placeholder="Select a chain" className="form-control" /> |
||||||
|
{isOpen && ( |
||||||
|
<ul className="dropdown-menu show w-100 bg-light" style={{ maxHeight: '400px', overflowY: 'auto' }}> |
||||||
|
{filteredOptions.map((chain) => ( |
||||||
|
<li key={chain.chainId} onClick={() => handleOptionClick(chain)} className={`dropdown-item text-dark ${selectedChain?.chainId === chain.chainId ? 'active' : ''}`} style={{ cursor: 'pointer', whiteSpace: 'normal' }}> |
||||||
|
{getChainDescriptor(chain)} |
||||||
|
</li> |
||||||
|
))} |
||||||
|
</ul> |
||||||
|
)} |
||||||
|
</div> |
||||||
|
) |
||||||
|
} |
||||||
@ -0,0 +1,5 @@ |
|||||||
|
export { NavMenu } from './NavMenu' |
||||||
|
export { ContractDropdown } from './ContractDropdown' |
||||||
|
export { SearchableChainDropdown } from './SearchableChainDropdown' |
||||||
|
export { ContractAddressInput } from './ContractAddressInput' |
||||||
|
export { ConfigInput } from './ConfigInput' |
||||||
@ -0,0 +1,33 @@ |
|||||||
|
import { useEffect, useState } from 'react' |
||||||
|
import { Chain, ChainSettings } from '../types' |
||||||
|
|
||||||
|
export function useSourcifySupported(selectedChain: Chain, chainSettings: ChainSettings): boolean { |
||||||
|
const [sourcifySupported, setSourcifySupported] = useState(false) |
||||||
|
|
||||||
|
useEffect(() => { |
||||||
|
// Unsupported until fetch returns
|
||||||
|
setSourcifySupported(false) |
||||||
|
|
||||||
|
const sourcifyApi = chainSettings?.verifiers['Sourcify']?.apiUrl |
||||||
|
if (!sourcifyApi) { |
||||||
|
return |
||||||
|
} |
||||||
|
|
||||||
|
const queriedChainId = selectedChain.chainId |
||||||
|
const chainsUrl = new URL(sourcifyApi + '/chains') |
||||||
|
|
||||||
|
fetch(chainsUrl.href, { method: 'GET' }) |
||||||
|
.then((response) => response.json()) |
||||||
|
.then((result: Array<{ chainId: number }>) => { |
||||||
|
// Makes sure that the selectedChain didn't change while the request is running
|
||||||
|
if (selectedChain.chainId === queriedChainId && result.find((chain) => chain.chainId === queriedChainId)) { |
||||||
|
setSourcifySupported(true) |
||||||
|
} |
||||||
|
}) |
||||||
|
.catch((error) => { |
||||||
|
console.error('Failed to fetch chains.json:', error) |
||||||
|
}) |
||||||
|
}, [selectedChain, chainSettings]) |
||||||
|
|
||||||
|
return sourcifySupported |
||||||
|
} |
||||||
@ -0,0 +1,25 @@ |
|||||||
|
import React, { PropsWithChildren } from 'react' |
||||||
|
|
||||||
|
import { NavMenu } from '../components/NavMenu' |
||||||
|
|
||||||
|
interface Props { |
||||||
|
from: string |
||||||
|
title?: string |
||||||
|
description?: string |
||||||
|
} |
||||||
|
|
||||||
|
export const DefaultLayout = ({ children, title, description }: PropsWithChildren<Props>) => { |
||||||
|
return ( |
||||||
|
<div className="d-flex flex-column h-100"> |
||||||
|
<NavMenu /> |
||||||
|
<div className="py-4 px-3 flex-grow-1 bg-light" style={{ overflowY: 'auto' }}> |
||||||
|
<div> |
||||||
|
<p className="text-center" style={{ fontSize: '0.8rem' }}> |
||||||
|
{description} |
||||||
|
</p> |
||||||
|
</div> |
||||||
|
{children} |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
) |
||||||
|
} |
||||||
@ -0,0 +1 @@ |
|||||||
|
export { DefaultLayout } from './Default' |
||||||
@ -0,0 +1,49 @@ |
|||||||
|
import React from 'react' |
||||||
|
import { HashRouter as Router, Route, Routes } from 'react-router-dom' |
||||||
|
|
||||||
|
import { VerifyView, ReceiptsView, LookupView, SettingsView } from './views' |
||||||
|
import { DefaultLayout } from './layouts' |
||||||
|
|
||||||
|
const DisplayRoutes = () => ( |
||||||
|
<Router> |
||||||
|
<Routes> |
||||||
|
<Route |
||||||
|
path="/" |
||||||
|
element={ |
||||||
|
<DefaultLayout from="/" title="Verify" description="Verify compiled contracts on different verification services"> |
||||||
|
<VerifyView /> |
||||||
|
</DefaultLayout> |
||||||
|
} |
||||||
|
/> |
||||||
|
|
||||||
|
<Route |
||||||
|
path="/receipts" |
||||||
|
element={ |
||||||
|
<DefaultLayout from="/" title="Receipts" description="Check the verification statuses of contracts submitted for verification"> |
||||||
|
<ReceiptsView /> |
||||||
|
</DefaultLayout> |
||||||
|
} |
||||||
|
/> |
||||||
|
|
||||||
|
<Route |
||||||
|
path="/lookup" |
||||||
|
element={ |
||||||
|
<DefaultLayout from="/" title="Lookup" description="Search for verified contracts and download them to Remix"> |
||||||
|
<LookupView /> |
||||||
|
</DefaultLayout> |
||||||
|
} |
||||||
|
/> |
||||||
|
|
||||||
|
<Route |
||||||
|
path="/settings" |
||||||
|
element={ |
||||||
|
<DefaultLayout from="/" title="Settings" description="Customize settings for each verification service and chain"> |
||||||
|
<SettingsView /> |
||||||
|
</DefaultLayout> |
||||||
|
} |
||||||
|
/> |
||||||
|
</Routes> |
||||||
|
</Router> |
||||||
|
) |
||||||
|
|
||||||
|
export default DisplayRoutes |
||||||
@ -0,0 +1,19 @@ |
|||||||
|
import { VerifierIdentifier } from './VerificationTypes' |
||||||
|
|
||||||
|
export interface VerifierSettings { |
||||||
|
apiUrl?: string |
||||||
|
explorerUrl?: string |
||||||
|
apiKey?: string |
||||||
|
} |
||||||
|
|
||||||
|
export type SettingsForVerifier = Partial<Record<VerifierIdentifier, VerifierSettings>> |
||||||
|
|
||||||
|
export interface ChainSettings { |
||||||
|
verifiers: SettingsForVerifier |
||||||
|
} |
||||||
|
|
||||||
|
export type SettingsForChains = Record<string, ChainSettings> |
||||||
|
|
||||||
|
export interface ContractVerificationSettings { |
||||||
|
chains: SettingsForChains |
||||||
|
} |
||||||
@ -0,0 +1 @@ |
|||||||
|
export type ThemeType = 'dark' | 'light' |
||||||
@ -0,0 +1,80 @@ |
|||||||
|
interface Currency { |
||||||
|
name: string |
||||||
|
symbol: string |
||||||
|
decimals: number |
||||||
|
} |
||||||
|
// types for https://chainid.network/chains.json (i.e. https://github.com/ethereum-lists/chains)
|
||||||
|
export interface Chain { |
||||||
|
name: string |
||||||
|
title?: string |
||||||
|
chainId: number |
||||||
|
shortName?: string |
||||||
|
network?: string |
||||||
|
networkId?: number |
||||||
|
nativeCurrency?: Currency |
||||||
|
rpc: Array<string> |
||||||
|
faucets?: string[] |
||||||
|
infoURL?: string |
||||||
|
} |
||||||
|
|
||||||
|
export type VerifierIdentifier = 'Sourcify' | 'Etherscan' | 'Blockscout' |
||||||
|
export const VERIFIERS: VerifierIdentifier[] = ['Sourcify', 'Etherscan', 'Blockscout'] |
||||||
|
|
||||||
|
export interface VerifierInfo { |
||||||
|
name: VerifierIdentifier |
||||||
|
apiUrl: string |
||||||
|
} |
||||||
|
|
||||||
|
export interface VerificationReceipt { |
||||||
|
receiptId?: string |
||||||
|
verifierInfo: VerifierInfo |
||||||
|
status: VerificationStatus |
||||||
|
message?: string |
||||||
|
lookupUrl?: string |
||||||
|
contractId: string |
||||||
|
isProxyReceipt: boolean |
||||||
|
failedChecks: number |
||||||
|
} |
||||||
|
|
||||||
|
export interface SubmittedContract { |
||||||
|
id: string |
||||||
|
filePath: string |
||||||
|
contractName: string |
||||||
|
chainId: string |
||||||
|
address: string |
||||||
|
abiEncodedConstructorArgs?: string |
||||||
|
date: string |
||||||
|
receipts: VerificationReceipt[] |
||||||
|
// Only present if the contract is behind a proxy
|
||||||
|
proxyAddress?: string |
||||||
|
proxyReceipts?: VerificationReceipt[] |
||||||
|
} |
||||||
|
|
||||||
|
// This and all nested subtypes should be pure interfaces, so they can be converted to JSON easily
|
||||||
|
export interface SubmittedContracts { |
||||||
|
[id: string]: SubmittedContract |
||||||
|
} |
||||||
|
|
||||||
|
type SourcifyStatus = 'fully verified' | 'partially verified' |
||||||
|
type EtherscanStatus = 'verified' | 'already verified' |
||||||
|
export type VerificationStatus = SourcifyStatus | EtherscanStatus | 'failed' | 'pending' | 'awaiting implementation verification' | 'not verified' | 'lookup failed' | 'unknown' |
||||||
|
|
||||||
|
export interface VerificationResponse { |
||||||
|
status: VerificationStatus |
||||||
|
receiptId: string | null |
||||||
|
message?: string |
||||||
|
lookupUrl?: string |
||||||
|
} |
||||||
|
|
||||||
|
export interface SourceFile { |
||||||
|
// Should be in the correct format for creating the files in Remix
|
||||||
|
path: string |
||||||
|
content: string |
||||||
|
} |
||||||
|
|
||||||
|
export interface LookupResponse { |
||||||
|
status: VerificationStatus |
||||||
|
lookupUrl?: string |
||||||
|
sourceFiles?: SourceFile[] |
||||||
|
targetFilePath?: string |
||||||
|
} |
||||||
@ -0,0 +1,3 @@ |
|||||||
|
export * from './ThemeType' |
||||||
|
export * from './SettingsTypes' |
||||||
|
export * from './VerificationTypes' |
||||||
@ -0,0 +1,576 @@ |
|||||||
|
{ |
||||||
|
"Sourcify": { |
||||||
|
"apiUrl": "https://sourcify.dev/server", |
||||||
|
"explorerUrl": "https://repo.sourcify.dev" |
||||||
|
}, |
||||||
|
"Etherscan": { |
||||||
|
"1": { |
||||||
|
"apiUrl": "https://api.etherscan.io", |
||||||
|
"explorerUrl": "https://etherscan.io" |
||||||
|
}, |
||||||
|
"56": { |
||||||
|
"apiUrl": "https://api.bscscan.com", |
||||||
|
"explorerUrl": "https://bscscan.com" |
||||||
|
}, |
||||||
|
"137": { |
||||||
|
"apiUrl": "https://api.polygonscan.com", |
||||||
|
"explorerUrl": "https://polygonscan.com" |
||||||
|
}, |
||||||
|
"250": { |
||||||
|
"apiUrl": "https://api.ftmscan.com", |
||||||
|
"explorerUrl": "https://ftmscan.com" |
||||||
|
}, |
||||||
|
"42161": { |
||||||
|
"apiUrl": "https://api.arbiscan.io", |
||||||
|
"explorerUrl": "https://arbiscan.io" |
||||||
|
}, |
||||||
|
"43114": { |
||||||
|
"apiUrl": "https://api.snowtrace.io", |
||||||
|
"explorerUrl": "https://snowtrace.io" |
||||||
|
}, |
||||||
|
"1285": { |
||||||
|
"apiUrl": "https://api-moonriver.moonscan.io", |
||||||
|
"explorerUrl": "https://moonscan.io" |
||||||
|
}, |
||||||
|
"1284": { |
||||||
|
"apiUrl": "https://api-moonbeam.moonscan.io", |
||||||
|
"explorerUrl": "https://moonscan.io" |
||||||
|
}, |
||||||
|
"25": { |
||||||
|
"apiUrl": "https://api.cronoscan.com", |
||||||
|
"explorerUrl": "https://cronoscan.com" |
||||||
|
}, |
||||||
|
"199": { |
||||||
|
"apiUrl": "https://api.bttcscan.com", |
||||||
|
"explorerUrl": "https://bttcscan.com" |
||||||
|
}, |
||||||
|
"10": { |
||||||
|
"apiUrl": "https://api-optimistic.etherscan.io", |
||||||
|
"explorerUrl": "https://optimistic.etherscan.io" |
||||||
|
}, |
||||||
|
"42220": { |
||||||
|
"apiUrl": "https://api.celoscan.io", |
||||||
|
"explorerUrl": "https://celoscan.io" |
||||||
|
}, |
||||||
|
"288": { |
||||||
|
"apiUrl": "https://api.bobascan.com", |
||||||
|
"explorerUrl": "https://bobascan.com" |
||||||
|
}, |
||||||
|
"100": { |
||||||
|
"apiUrl": "https://api.gnosisscan.io", |
||||||
|
"explorerUrl": "https://gnosisscan.io" |
||||||
|
}, |
||||||
|
"1101": { |
||||||
|
"apiUrl": "https://api-zkevm.polygonscan.com", |
||||||
|
"explorerUrl": "https://zkevm.polygonscan.com" |
||||||
|
}, |
||||||
|
"59144": { |
||||||
|
"apiUrl": "https://api.lineascan.build", |
||||||
|
"explorerUrl": "https://lineascan.build" |
||||||
|
}, |
||||||
|
"8453": { |
||||||
|
"apiUrl": "https://api.basescan.org", |
||||||
|
"explorerUrl": "https://basescan.org" |
||||||
|
}, |
||||||
|
"534352": { |
||||||
|
"apiUrl": "https://api.scrollscan.com", |
||||||
|
"explorerUrl": "https://scrollscan.com" |
||||||
|
}, |
||||||
|
"17000": { |
||||||
|
"apiUrl": "https://api-holesky.etherscan.io", |
||||||
|
"explorerUrl": "https://holesky.etherscan.io" |
||||||
|
}, |
||||||
|
"11155111": { |
||||||
|
"apiUrl": "https://api-sepolia.etherscan.io", |
||||||
|
"explorerUrl": "https://sepolia.etherscan.io" |
||||||
|
}, |
||||||
|
"97": { |
||||||
|
"apiUrl": "https://api-testnet.bscscan.com", |
||||||
|
"explorerUrl": "https://bscscan.com" |
||||||
|
}, |
||||||
|
"80001": { |
||||||
|
"apiUrl": "https://api-testnet.polygonscan.com", |
||||||
|
"explorerUrl": "https://polygonscan.com" |
||||||
|
}, |
||||||
|
"4002": { |
||||||
|
"apiUrl": "https://api-testnet.ftmscan.com", |
||||||
|
"explorerUrl": "https://ftmscan.com" |
||||||
|
}, |
||||||
|
"421611": { |
||||||
|
"apiUrl": "https://api-testnet.arbiscan.io", |
||||||
|
"explorerUrl": "https://arbiscan.io" |
||||||
|
}, |
||||||
|
"42170": { |
||||||
|
"apiUrl": "https://api-nova.arbiscan.io", |
||||||
|
"explorerUrl": "https://nova.arbiscan.io" |
||||||
|
}, |
||||||
|
"43113": { |
||||||
|
"apiUrl": "https://api-testnet.snowtrace.io", |
||||||
|
"explorerUrl": "https://snowtrace.io" |
||||||
|
}, |
||||||
|
"1287": { |
||||||
|
"apiUrl": "https://api-moonbase.moonscan.io", |
||||||
|
"explorerUrl": "https://moonscan.io" |
||||||
|
}, |
||||||
|
"338": { |
||||||
|
"apiUrl": "https://api-testnet.cronoscan.com", |
||||||
|
"explorerUrl": "https://cronoscan.com" |
||||||
|
}, |
||||||
|
"1028": { |
||||||
|
"apiUrl": "https://api-testnet.bttcscan.com", |
||||||
|
"explorerUrl": "https://bttcscan.com" |
||||||
|
}, |
||||||
|
"44787": { |
||||||
|
"apiUrl": "https://api-alfajores.celoscan.io", |
||||||
|
"explorerUrl": "https://alfajores.celoscan.io" |
||||||
|
}, |
||||||
|
"2888": { |
||||||
|
"apiUrl": "https://api-testnet.bobascan.com", |
||||||
|
"explorerUrl": "https://bobascan.com" |
||||||
|
}, |
||||||
|
"84532": { |
||||||
|
"apiUrl": "https://api-sepolia.basescan.org", |
||||||
|
"explorerUrl": "https://sepolia.basescan.org" |
||||||
|
}, |
||||||
|
"1442": { |
||||||
|
"apiUrl": "https://api-testnet-zkevm.polygonscan.com", |
||||||
|
"explorerUrl": "https://zkevm.polygonscan.com" |
||||||
|
}, |
||||||
|
"59140": { |
||||||
|
"apiUrl": "https://api-testnet.lineascan.build", |
||||||
|
"explorerUrl": "https://lineascan.build" |
||||||
|
}, |
||||||
|
"534351": { |
||||||
|
"apiUrl": "https://api-sepolia.scrollscan.com", |
||||||
|
"explorerUrl": "https://sepolia.scrollscan.com" |
||||||
|
} |
||||||
|
}, |
||||||
|
"Blockscout": { |
||||||
|
"1": { |
||||||
|
"apiUrl": "https://eth.blockscout.com" |
||||||
|
}, |
||||||
|
"5": { |
||||||
|
"apiUrl": "https://eth-goerli.blockscout.com" |
||||||
|
}, |
||||||
|
"10": { |
||||||
|
"apiUrl": "https://optimism.blockscout.com" |
||||||
|
}, |
||||||
|
"30": { |
||||||
|
"apiUrl": "https://rootstock.blockscout.com" |
||||||
|
}, |
||||||
|
"31": { |
||||||
|
"apiUrl": "https://rootstock-testnet.blockscout.com" |
||||||
|
}, |
||||||
|
"42": { |
||||||
|
"apiUrl": "https://explorer.execution.mainnet.lukso.network" |
||||||
|
}, |
||||||
|
"61": { |
||||||
|
"apiUrl": "https://etc.blockscout.com" |
||||||
|
}, |
||||||
|
"63": { |
||||||
|
"apiUrl": "https://etc-mordor.blockscout.com" |
||||||
|
}, |
||||||
|
"81": { |
||||||
|
"apiUrl": "https://shibuya.blockscout.com" |
||||||
|
}, |
||||||
|
"100": { |
||||||
|
"apiUrl": "https://gnosis.blockscout.com" |
||||||
|
}, |
||||||
|
"109": { |
||||||
|
"apiUrl": "https://www.shibariumscan.io" |
||||||
|
}, |
||||||
|
"111": { |
||||||
|
"apiUrl": "https://testnet-explorer.gobob.xyz" |
||||||
|
}, |
||||||
|
"122": { |
||||||
|
"apiUrl": "https://explorer.fuse.io" |
||||||
|
}, |
||||||
|
"123": { |
||||||
|
"apiUrl": "https://explorer.fusespark.io" |
||||||
|
}, |
||||||
|
"137": { |
||||||
|
"apiUrl": "https://polygon.blockscout.com" |
||||||
|
}, |
||||||
|
"148": { |
||||||
|
"apiUrl": "https://explorer.evm.shimmer.network" |
||||||
|
}, |
||||||
|
"157": { |
||||||
|
"apiUrl": "https://puppyscan.shib.io" |
||||||
|
}, |
||||||
|
"169": { |
||||||
|
"apiUrl": "https://pacific-explorer.manta.network" |
||||||
|
}, |
||||||
|
"185": { |
||||||
|
"apiUrl": "https://explorer.mintchain.io" |
||||||
|
}, |
||||||
|
"197": { |
||||||
|
"apiUrl": "https://dxb.vrcscan.com" |
||||||
|
}, |
||||||
|
"248": { |
||||||
|
"apiUrl": "https://explorer.oasys.games" |
||||||
|
}, |
||||||
|
"291": { |
||||||
|
"apiUrl": "https://explorer.orderly.network" |
||||||
|
}, |
||||||
|
"300": { |
||||||
|
"apiUrl": "https://zksync-sepolia.blockscout.com" |
||||||
|
}, |
||||||
|
"311": { |
||||||
|
"apiUrl": "https://omaxscan.com" |
||||||
|
}, |
||||||
|
"313": { |
||||||
|
"apiUrl": "https://ncnscan.com" |
||||||
|
}, |
||||||
|
"324": { |
||||||
|
"apiUrl": "https://zksync.blockscout.com" |
||||||
|
}, |
||||||
|
"336": { |
||||||
|
"apiUrl": "https://shiden.blockscout.com" |
||||||
|
}, |
||||||
|
"360": { |
||||||
|
"apiUrl": "https://molten.calderaexplorer.xyz" |
||||||
|
}, |
||||||
|
"372": { |
||||||
|
"apiUrl": "https://explorer.fortresschain.finance" |
||||||
|
}, |
||||||
|
"416": { |
||||||
|
"apiUrl": "https://explorer.sx.technology" |
||||||
|
}, |
||||||
|
"570": { |
||||||
|
"apiUrl": "https://explorer.rollux.com" |
||||||
|
}, |
||||||
|
"592": { |
||||||
|
"apiUrl": "https://astar.blockscout.com" |
||||||
|
}, |
||||||
|
"648": { |
||||||
|
"apiUrl": "https://explorer-endurance.fusionist.io" |
||||||
|
}, |
||||||
|
"713": { |
||||||
|
"apiUrl": "https://vrcscan.com" |
||||||
|
}, |
||||||
|
"721": { |
||||||
|
"apiUrl": "https://explorer.lycanchain.com" |
||||||
|
}, |
||||||
|
"813": { |
||||||
|
"apiUrl": "https://qng.qitmeer.io" |
||||||
|
}, |
||||||
|
"879": { |
||||||
|
"apiUrl": "https://kadscan.kadsea.org" |
||||||
|
}, |
||||||
|
"911": { |
||||||
|
"apiUrl": "https://scan.taprootchain.io" |
||||||
|
}, |
||||||
|
"919": { |
||||||
|
"apiUrl": "https://sepolia.explorer.mode.network" |
||||||
|
}, |
||||||
|
"957": { |
||||||
|
"apiUrl": "https://explorer.lyra.finance" |
||||||
|
}, |
||||||
|
"1073": { |
||||||
|
"apiUrl": "https://explorer.evm.testnet.shimmer.network" |
||||||
|
}, |
||||||
|
"1075": { |
||||||
|
"apiUrl": "https://explorer.evm.testnet.iotaledger.net" |
||||||
|
}, |
||||||
|
"1101": { |
||||||
|
"apiUrl": "https://zkevm.blockscout.com" |
||||||
|
}, |
||||||
|
"1135": { |
||||||
|
"apiUrl": "https://blockscout.lisk.com" |
||||||
|
}, |
||||||
|
"1291": { |
||||||
|
"apiUrl": "https://explorer-evm.testnet.swisstronik.com" |
||||||
|
}, |
||||||
|
"1432": { |
||||||
|
"apiUrl": "https://explorer-sepolia.zentachain.io" |
||||||
|
}, |
||||||
|
"1687": { |
||||||
|
"apiUrl": "https://sepolia-testnet-explorer.mintchain.io" |
||||||
|
}, |
||||||
|
"1729": { |
||||||
|
"apiUrl": "https://explorer.reya.network" |
||||||
|
}, |
||||||
|
"1750": { |
||||||
|
"apiUrl": "https://explorer.metall2.com" |
||||||
|
}, |
||||||
|
"1829": { |
||||||
|
"apiUrl": "https://explorer.playblock.io" |
||||||
|
}, |
||||||
|
"1833": { |
||||||
|
"apiUrl": "https://verify-testnet.blockscout.com" |
||||||
|
}, |
||||||
|
"1890": { |
||||||
|
"apiUrl": "https://phoenix.lightlink.io" |
||||||
|
}, |
||||||
|
"1891": { |
||||||
|
"apiUrl": "https://pegasus.lightlink.io" |
||||||
|
}, |
||||||
|
"1995": { |
||||||
|
"apiUrl": "https://explorer.testnet.edexa.com" |
||||||
|
}, |
||||||
|
"1996": { |
||||||
|
"apiUrl": "https://explorer.sanko.xyz" |
||||||
|
}, |
||||||
|
"2016": { |
||||||
|
"apiUrl": "https://netzexplorer.io" |
||||||
|
}, |
||||||
|
"2021": { |
||||||
|
"apiUrl": "https://edgscan.live" |
||||||
|
}, |
||||||
|
"2145": { |
||||||
|
"apiUrl": "https://explorer.chainers.io" |
||||||
|
}, |
||||||
|
"2410": { |
||||||
|
"apiUrl": "https://explorer.karak.network" |
||||||
|
}, |
||||||
|
"2999": { |
||||||
|
"apiUrl": "https://explorer.aevo.xyz" |
||||||
|
}, |
||||||
|
"3799": { |
||||||
|
"apiUrl": "https://testnet-explorer.tangle.tools" |
||||||
|
}, |
||||||
|
"3888": { |
||||||
|
"apiUrl": "https://kalyscan.io" |
||||||
|
}, |
||||||
|
"4058": { |
||||||
|
"apiUrl": "https://ocean.ftnscan.com" |
||||||
|
}, |
||||||
|
"4202": { |
||||||
|
"apiUrl": "https://sepolia-blockscout.lisk.com" |
||||||
|
}, |
||||||
|
"4396": { |
||||||
|
"apiUrl": "https://explorer.vedaord.com" |
||||||
|
}, |
||||||
|
"4460": { |
||||||
|
"apiUrl": "https://testnet-explorer.orderly.org" |
||||||
|
}, |
||||||
|
"4653": { |
||||||
|
"apiUrl": "https://explorer.gold.dev" |
||||||
|
}, |
||||||
|
"4999": { |
||||||
|
"apiUrl": "https://blackfort.blockscout.com" |
||||||
|
}, |
||||||
|
"5000": { |
||||||
|
"apiUrl": "https://explorer.mantle.xyz" |
||||||
|
}, |
||||||
|
"5003": { |
||||||
|
"apiUrl": "https://explorer.sepolia.mantle.xyz" |
||||||
|
}, |
||||||
|
"5112": { |
||||||
|
"apiUrl": "https://explorer.ham.fun" |
||||||
|
}, |
||||||
|
"6398": { |
||||||
|
"apiUrl": "https://connext-sepolia.blockscout.com" |
||||||
|
}, |
||||||
|
"6699": { |
||||||
|
"apiUrl": "https://oxscan.io" |
||||||
|
}, |
||||||
|
"6969": { |
||||||
|
"apiUrl": "https://tombscout.com" |
||||||
|
}, |
||||||
|
"7001": { |
||||||
|
"apiUrl": "https://zetachain-athens-3.blockscout.com" |
||||||
|
}, |
||||||
|
"7771": { |
||||||
|
"apiUrl": "https://testnetscan.bit-rock.io" |
||||||
|
}, |
||||||
|
"7887": { |
||||||
|
"apiUrl": "https://explorer.kinto.xyz" |
||||||
|
}, |
||||||
|
"7979": { |
||||||
|
"apiUrl": "https://doscan.io" |
||||||
|
}, |
||||||
|
"8131": { |
||||||
|
"apiUrl": "https://testnet-qng.qitmeer.io" |
||||||
|
}, |
||||||
|
"8337": { |
||||||
|
"apiUrl": "https://explorer.ipsprotocol.xyz" |
||||||
|
}, |
||||||
|
"8453": { |
||||||
|
"apiUrl": "https://base.blockscout.com" |
||||||
|
}, |
||||||
|
"8822": { |
||||||
|
"apiUrl": "https://explorer.evm.iota.org" |
||||||
|
}, |
||||||
|
"8853": { |
||||||
|
"apiUrl": "https://explorer.myclique.io" |
||||||
|
}, |
||||||
|
"8866": { |
||||||
|
"apiUrl": "https://explorer.lumio.io" |
||||||
|
}, |
||||||
|
"8869": { |
||||||
|
"apiUrl": "https://lif3scout.com" |
||||||
|
}, |
||||||
|
"8899": { |
||||||
|
"apiUrl": "https://exp-l1-ng.jibchain.net" |
||||||
|
}, |
||||||
|
"9996": { |
||||||
|
"apiUrl": "https://mainnet.mindscan.info" |
||||||
|
}, |
||||||
|
"12553": { |
||||||
|
"apiUrl": "https://scan.rss3.io" |
||||||
|
}, |
||||||
|
"13371": { |
||||||
|
"apiUrl": "https://explorer.immutable.com" |
||||||
|
}, |
||||||
|
"13473": { |
||||||
|
"apiUrl": "https://explorer.testnet.immutable.com" |
||||||
|
}, |
||||||
|
"17000": { |
||||||
|
"apiUrl": "https://eth-holesky.blockscout.com" |
||||||
|
}, |
||||||
|
"18233": { |
||||||
|
"apiUrl": "https://unreal.blockscout.com" |
||||||
|
}, |
||||||
|
"23452": { |
||||||
|
"apiUrl": "https://scan.dreyerx.com" |
||||||
|
}, |
||||||
|
"27563": { |
||||||
|
"apiUrl": "https://scan.onchaincoin.io" |
||||||
|
}, |
||||||
|
"34443": { |
||||||
|
"apiUrl": "https://explorer.mode.network" |
||||||
|
}, |
||||||
|
"42161": { |
||||||
|
"apiUrl": "https://arbitrum.blockscout.com" |
||||||
|
}, |
||||||
|
"42766": { |
||||||
|
"apiUrl": "https://testnet-scan.zkfair.io" |
||||||
|
}, |
||||||
|
"53302": { |
||||||
|
"apiUrl": "https://sepolia-explorer.superseed.xyz" |
||||||
|
}, |
||||||
|
"53339": { |
||||||
|
"apiUrl": "https://blk.keeex.me" |
||||||
|
}, |
||||||
|
"54211": { |
||||||
|
"apiUrl": "https://explorer.testedge2.haqq.network" |
||||||
|
}, |
||||||
|
"57000": { |
||||||
|
"apiUrl": "https://rollux.tanenbaum.io" |
||||||
|
}, |
||||||
|
"60808": { |
||||||
|
"apiUrl": "https://explorer.gobob.xyz" |
||||||
|
}, |
||||||
|
"64002": { |
||||||
|
"apiUrl": "https://xchain-testnet-explorer.idex.io" |
||||||
|
}, |
||||||
|
"70700": { |
||||||
|
"apiUrl": "https://explorer.apex.proofofplay.com" |
||||||
|
}, |
||||||
|
"78225": { |
||||||
|
"apiUrl": "https://explorer.stack.so" |
||||||
|
}, |
||||||
|
"84532": { |
||||||
|
"apiUrl": "https://base-sepolia.blockscout.com" |
||||||
|
}, |
||||||
|
"98881": { |
||||||
|
"apiUrl": "https://explorer.ebi.xyz" |
||||||
|
}, |
||||||
|
"101010": { |
||||||
|
"apiUrl": "https://stability.blockscout.com" |
||||||
|
}, |
||||||
|
"102031": { |
||||||
|
"apiUrl": "https://creditcoin-testnet.blockscout.com" |
||||||
|
}, |
||||||
|
"111111": { |
||||||
|
"apiUrl": "https://explorer.main.siberium.net" |
||||||
|
}, |
||||||
|
"111188": { |
||||||
|
"apiUrl": "https://explorer.re.al" |
||||||
|
}, |
||||||
|
"224433": { |
||||||
|
"apiUrl": "https://scan.conet.network" |
||||||
|
}, |
||||||
|
"241120": { |
||||||
|
"apiUrl": "https://andromeda.anomalyscan.io" |
||||||
|
}, |
||||||
|
"355113": { |
||||||
|
"apiUrl": "https://explorer.testnet.bitfinity.network" |
||||||
|
}, |
||||||
|
"622277": { |
||||||
|
"apiUrl": "https://explorer.hypra.network" |
||||||
|
}, |
||||||
|
"656476": { |
||||||
|
"apiUrl": "https://opencampus-codex.blockscout.com" |
||||||
|
}, |
||||||
|
"686868": { |
||||||
|
"apiUrl": "https://scan.wonnetwork.org" |
||||||
|
}, |
||||||
|
"782251": { |
||||||
|
"apiUrl": "https://testnet.explorer.stack.so" |
||||||
|
}, |
||||||
|
"984122": { |
||||||
|
"apiUrl": "https://explorer.forma.art" |
||||||
|
}, |
||||||
|
"5820948": { |
||||||
|
"apiUrl": "https://onlyscan.info" |
||||||
|
}, |
||||||
|
"7225878": { |
||||||
|
"apiUrl": "https://explorer.saakuru.network" |
||||||
|
}, |
||||||
|
"7777777": { |
||||||
|
"apiUrl": "https://explorer.zora.energy" |
||||||
|
}, |
||||||
|
"10241025": { |
||||||
|
"apiUrl": "https://hal.explorer.caldera.xyz" |
||||||
|
}, |
||||||
|
"11155111": { |
||||||
|
"apiUrl": "https://eth-sepolia.blockscout.com" |
||||||
|
}, |
||||||
|
"11155112": { |
||||||
|
"apiUrl": "https://explorer-testnet.aevo.xyz" |
||||||
|
}, |
||||||
|
"11155420": { |
||||||
|
"apiUrl": "https://optimism-sepolia.blockscout.com" |
||||||
|
}, |
||||||
|
"20180427": { |
||||||
|
"apiUrl": "https://stability-testnet.blockscout.com" |
||||||
|
}, |
||||||
|
"28122024": { |
||||||
|
"apiUrl": "https://scanv2-testnet.ancient8.gg" |
||||||
|
}, |
||||||
|
"65010002": { |
||||||
|
"apiUrl": "https://bakerloo.autonity.org" |
||||||
|
}, |
||||||
|
"65100002": { |
||||||
|
"apiUrl": "https://piccadilly.autonity.org" |
||||||
|
}, |
||||||
|
"88888888": { |
||||||
|
"apiUrl": "https://babytuna.explorer.tunachain.io" |
||||||
|
}, |
||||||
|
"89346162": { |
||||||
|
"apiUrl": "https://reya-cronos.blockscout.com" |
||||||
|
}, |
||||||
|
"245022926": { |
||||||
|
"apiUrl": "https://neon-devnet.blockscout.com" |
||||||
|
}, |
||||||
|
"245022934": { |
||||||
|
"apiUrl": "https://neon.blockscout.com" |
||||||
|
}, |
||||||
|
"666666666": { |
||||||
|
"apiUrl": "https://explorer.degen.tips" |
||||||
|
}, |
||||||
|
"888888888": { |
||||||
|
"apiUrl": "https://scan.ancient8.gg" |
||||||
|
}, |
||||||
|
"1123581321": { |
||||||
|
"apiUrl": "https://explorer.xoracle.io" |
||||||
|
}, |
||||||
|
"1313161554": { |
||||||
|
"apiUrl": "https://explorer.mainnet.aurora.dev" |
||||||
|
}, |
||||||
|
"1380012617": { |
||||||
|
"apiUrl": "https://mainnet.explorer.rarichain.org" |
||||||
|
}, |
||||||
|
"2046399126": { |
||||||
|
"apiUrl": "https://elated-tan-skat.explorer.mainnet.skalenodes.com" |
||||||
|
}, |
||||||
|
"2863311531": { |
||||||
|
"apiUrl": "https://testnet.a8scan.io" |
||||||
|
}, |
||||||
|
"81247166294": { |
||||||
|
"apiUrl": "https://testnet.otoscan.io" |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,28 @@ |
|||||||
|
import type { ChainSettings, ContractVerificationSettings, SettingsForVerifier, VerifierSettings } from '../types/SettingsTypes' |
||||||
|
import { VerifierIdentifier, VERIFIERS } from '../types/VerificationTypes' |
||||||
|
import DEFAULT_APIS from './default-apis.json' |
||||||
|
|
||||||
|
export function mergeChainSettingsWithDefaults(chainId: string, userSettings: ContractVerificationSettings): ChainSettings { |
||||||
|
const verifiers: SettingsForVerifier = {} |
||||||
|
|
||||||
|
for (const verifierId of VERIFIERS) { |
||||||
|
const userSetting: VerifierSettings = userSettings.chains[chainId]?.verifiers[verifierId] ?? {} |
||||||
|
|
||||||
|
verifiers[verifierId] = { ...userSetting } |
||||||
|
|
||||||
|
let defaultsForVerifier: VerifierSettings |
||||||
|
if (verifierId === 'Sourcify') { |
||||||
|
defaultsForVerifier = DEFAULT_APIS['Sourcify'] |
||||||
|
} else { |
||||||
|
defaultsForVerifier = DEFAULT_APIS[verifierId][chainId] ?? {} |
||||||
|
} |
||||||
|
|
||||||
|
// Prefer user settings over defaults
|
||||||
|
verifiers[verifierId] = Object.assign({}, defaultsForVerifier, userSetting) |
||||||
|
} |
||||||
|
return { verifiers } |
||||||
|
} |
||||||
|
|
||||||
|
export function validConfiguration(chainSettings: ChainSettings | undefined, verifierId: VerifierIdentifier) { |
||||||
|
return !!chainSettings && !!chainSettings.verifiers[verifierId]?.apiUrl && (verifierId !== 'Etherscan' || !!chainSettings.verifiers[verifierId]?.apiKey) |
||||||
|
} |
||||||
@ -0,0 +1 @@ |
|||||||
|
export * from './default-settings' |
||||||
@ -0,0 +1,167 @@ |
|||||||
|
import { useContext, useEffect, useMemo, useState } from 'react' |
||||||
|
import { SearchableChainDropdown, ContractAddressInput } from '../components' |
||||||
|
import { mergeChainSettingsWithDefaults, validConfiguration } from '../utils' |
||||||
|
import type { LookupResponse, VerifierIdentifier } from '../types' |
||||||
|
import { VERIFIERS } from '../types' |
||||||
|
import { AppContext } from '../AppContext' |
||||||
|
import { CustomTooltip } from '@remix-ui/helper' |
||||||
|
import { getVerifier } from '../Verifiers' |
||||||
|
import { useNavigate } from 'react-router-dom' |
||||||
|
import { VerifyFormContext } from '../VerifyFormContext' |
||||||
|
import { useSourcifySupported } from '../hooks/useSourcifySupported' |
||||||
|
|
||||||
|
export const LookupView = () => { |
||||||
|
const { settings, clientInstance } = useContext(AppContext) |
||||||
|
const { selectedChain, setSelectedChain } = useContext(VerifyFormContext) |
||||||
|
const [contractAddress, setContractAddress] = useState('') |
||||||
|
const [contractAddressError, setContractAddressError] = useState('') |
||||||
|
const [loadingVerifiers, setLoadingVerifiers] = useState<Partial<Record<VerifierIdentifier, boolean>>>({}) |
||||||
|
const [lookupResults, setLookupResult] = useState<Partial<Record<VerifierIdentifier, LookupResponse>>>({}) |
||||||
|
const navigate = useNavigate() |
||||||
|
|
||||||
|
const chainSettings = useMemo(() => (selectedChain ? mergeChainSettingsWithDefaults(selectedChain.chainId.toString(), settings) : undefined), [selectedChain, settings]) |
||||||
|
|
||||||
|
const sourcifySupported = useSourcifySupported(selectedChain, chainSettings) |
||||||
|
|
||||||
|
const noVerifierEnabled = VERIFIERS.every((verifierId) => !validConfiguration(chainSettings, verifierId) || (verifierId === 'Sourcify' && !sourcifySupported)) |
||||||
|
const submitDisabled = !!contractAddressError || !contractAddress || !selectedChain || noVerifierEnabled |
||||||
|
|
||||||
|
// Reset results when chain or contract changes
|
||||||
|
useEffect(() => { |
||||||
|
setLookupResult({}) |
||||||
|
setLoadingVerifiers({}) |
||||||
|
}, [selectedChain, contractAddress]) |
||||||
|
|
||||||
|
const handleLookup = (e) => { |
||||||
|
if (Object.values(loadingVerifiers).some((loading) => loading)) { |
||||||
|
console.error('Lookup request already running') |
||||||
|
return |
||||||
|
} |
||||||
|
|
||||||
|
e.preventDefault() |
||||||
|
|
||||||
|
for (const verifierId of VERIFIERS) { |
||||||
|
if (!validConfiguration(chainSettings, verifierId) || (verifierId === 'Sourcify' && !sourcifySupported)) { |
||||||
|
continue |
||||||
|
} |
||||||
|
|
||||||
|
setLoadingVerifiers((prev) => ({ ...prev, [verifierId]: true })) |
||||||
|
const verifier = getVerifier(verifierId, chainSettings.verifiers[verifierId]) |
||||||
|
verifier |
||||||
|
.lookup(contractAddress, selectedChain.chainId.toString()) |
||||||
|
.then((result) => setLookupResult((prev) => ({ ...prev, [verifierId]: result }))) |
||||||
|
.catch((err) => |
||||||
|
setLookupResult((prev) => { |
||||||
|
console.error(err) |
||||||
|
return { ...prev, [verifierId]: { status: 'lookup failed' } } |
||||||
|
}) |
||||||
|
) |
||||||
|
.finally(() => setLoadingVerifiers((prev) => ({ ...prev, [verifierId]: false }))) |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
const sendToMatomo = async (eventAction: string, eventName: string) => { |
||||||
|
await clientInstance.call('matomo' as any, 'track', ['trackEvent', 'ContractVerification', eventAction, eventName]); |
||||||
|
} |
||||||
|
|
||||||
|
const handleOpenInRemix = async (lookupResponse: LookupResponse) => { |
||||||
|
for (const source of lookupResponse.sourceFiles ?? []) { |
||||||
|
try { |
||||||
|
await clientInstance.call('fileManager', 'setFile', source.path, source.content) |
||||||
|
} catch (err) { |
||||||
|
console.error(`Error while creating file ${source.path}: ${err.message}`) |
||||||
|
} |
||||||
|
} |
||||||
|
try { |
||||||
|
await clientInstance.call('fileManager', 'open', lookupResponse.targetFilePath) |
||||||
|
await sendToMatomo('lookup', "openInRemix On: " + selectedChain) |
||||||
|
} catch (err) { |
||||||
|
console.error(`Error focusing file ${lookupResponse.targetFilePath}: ${err.message}`) |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
return ( |
||||||
|
<> |
||||||
|
<form onSubmit={handleLookup}> |
||||||
|
<SearchableChainDropdown label="Chain" id="network-dropdown" selectedChain={selectedChain} setSelectedChain={setSelectedChain} /> |
||||||
|
<ContractAddressInput |
||||||
|
label="Contract Address" |
||||||
|
id="contract-address" |
||||||
|
contractAddress={contractAddress} |
||||||
|
setContractAddress={setContractAddress} |
||||||
|
contractAddressError={contractAddressError} |
||||||
|
setContractAddressError={setContractAddressError} |
||||||
|
/> |
||||||
|
<button type="submit" className="btn w-100 btn-primary" disabled={submitDisabled}> |
||||||
|
Lookup |
||||||
|
</button> |
||||||
|
</form> |
||||||
|
<div className="pt-3"> |
||||||
|
{ chainSettings && |
||||||
|
VERIFIERS.map((verifierId) => { |
||||||
|
if (!validConfiguration(chainSettings, verifierId)) { |
||||||
|
return ( |
||||||
|
<div key={verifierId} className="pt-4"> |
||||||
|
<div> |
||||||
|
<span className="font-weight-bold text-secondary">{verifierId}</span>{' '} |
||||||
|
<CustomTooltip tooltipText="Configure the API in the settings"> |
||||||
|
<span className="text-secondary" style={{ textDecoration: 'underline dotted', cursor: 'pointer' }} onClick={() => navigate('/settings')}> |
||||||
|
Enable? |
||||||
|
</span> |
||||||
|
</CustomTooltip> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
) |
||||||
|
} |
||||||
|
|
||||||
|
if (verifierId === 'Sourcify' && !sourcifySupported) { |
||||||
|
return ( |
||||||
|
<div key={verifierId} className="pt-4"> |
||||||
|
<div> |
||||||
|
<span className="font-weight-bold text-secondary">{verifierId}</span>{' '} |
||||||
|
<CustomTooltip tooltipText={`The configured Sourcify server (${chainSettings.verifiers['Sourcify'].apiUrl}) does not support chain ${selectedChain?.chainId}`}> |
||||||
|
<span className="text-secondary w-auto" style={{ textDecoration: 'underline dotted', cursor: 'pointer' }} onClick={() => navigate('/settings')}> |
||||||
|
Unsupported |
||||||
|
</span> |
||||||
|
</CustomTooltip> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
) |
||||||
|
} |
||||||
|
|
||||||
|
return ( |
||||||
|
<div key={verifierId} className="pt-4"> |
||||||
|
<div> |
||||||
|
<span className="font-weight-bold">{verifierId}</span> <span className="text-secondary">{chainSettings.verifiers[verifierId].apiUrl}</span> |
||||||
|
</div> |
||||||
|
{!!loadingVerifiers[verifierId] && ( |
||||||
|
<div className="pt-2 d-flex justify-content-center"> |
||||||
|
<i className="fas fa-spinner fa-spin fa-2x"></i> |
||||||
|
</div> |
||||||
|
)} |
||||||
|
{!loadingVerifiers[verifierId] && !!lookupResults[verifierId] && ( |
||||||
|
<div> |
||||||
|
<div className="pt-2"> |
||||||
|
Status:{' '} |
||||||
|
<span className="font-weight-bold" style={{ textTransform: 'capitalize' }}> |
||||||
|
{lookupResults[verifierId].status} |
||||||
|
</span>{' '} |
||||||
|
{!!lookupResults[verifierId].lookupUrl && <a href={lookupResults[verifierId].lookupUrl} target="_blank" className="fa fas fa-arrow-up-right-from-square"></a>} |
||||||
|
</div> |
||||||
|
{!!lookupResults[verifierId].sourceFiles && lookupResults[verifierId].sourceFiles.length > 0 && ( |
||||||
|
<div className="pt-2 d-flex flex-row justify-content-center"> |
||||||
|
<button className="btn btn-secondary bg-transparent text-body" onClick={() => handleOpenInRemix(lookupResults[verifierId])}> |
||||||
|
<i className="fas fa-download"></i> Open in Remix |
||||||
|
</button> |
||||||
|
</div> |
||||||
|
)} |
||||||
|
</div> |
||||||
|
)} |
||||||
|
</div> |
||||||
|
) |
||||||
|
}) |
||||||
|
} |
||||||
|
</div> |
||||||
|
</> |
||||||
|
) |
||||||
|
} |
||||||
@ -0,0 +1,16 @@ |
|||||||
|
import { useContext } from 'react' |
||||||
|
import { AccordionReceipt } from '../components/AccordionReceipt' |
||||||
|
import { AppContext } from '../AppContext' |
||||||
|
|
||||||
|
export const ReceiptsView = () => { |
||||||
|
const { submittedContracts } = useContext(AppContext) |
||||||
|
const contracts = Object.values(submittedContracts).reverse() |
||||||
|
|
||||||
|
return ( |
||||||
|
<div> |
||||||
|
{contracts.length > 0 ? contracts.map((contract, index) => ( |
||||||
|
<AccordionReceipt contract={contract} index={index} /> |
||||||
|
)) : <div className="text-center mt-5">No contracts submitted for verification</div>} |
||||||
|
</div> |
||||||
|
) |
||||||
|
} |
||||||
@ -0,0 +1,54 @@ |
|||||||
|
import { useContext, useMemo, useState } from 'react' |
||||||
|
import { SearchableChainDropdown, ConfigInput } from '../components' |
||||||
|
import type { VerifierIdentifier, VerifierSettings, ContractVerificationSettings } from '../types' |
||||||
|
import { mergeChainSettingsWithDefaults } from '../utils' |
||||||
|
import { AppContext } from '../AppContext' |
||||||
|
import { VerifyFormContext } from '../VerifyFormContext' |
||||||
|
|
||||||
|
export const SettingsView = () => { |
||||||
|
const { settings, setSettings } = useContext(AppContext) |
||||||
|
const { selectedChain, setSelectedChain } = useContext(VerifyFormContext) |
||||||
|
|
||||||
|
const chainSettings = useMemo(() => (selectedChain ? mergeChainSettingsWithDefaults(selectedChain.chainId.toString(), settings) : undefined), [selectedChain, settings]) |
||||||
|
|
||||||
|
const handleChange = (verifier: VerifierIdentifier, key: keyof VerifierSettings, value: string) => { |
||||||
|
const chainId = selectedChain.chainId.toString() |
||||||
|
const changedSettings: ContractVerificationSettings = JSON.parse(JSON.stringify(settings)) |
||||||
|
|
||||||
|
if (!changedSettings.chains[chainId]) { |
||||||
|
changedSettings.chains[chainId] = { verifiers: {} } |
||||||
|
} |
||||||
|
if (!changedSettings.chains[chainId].verifiers[verifier]) { |
||||||
|
changedSettings.chains[chainId].verifiers[verifier] = {} |
||||||
|
} |
||||||
|
|
||||||
|
changedSettings.chains[chainId].verifiers[verifier][key] = value |
||||||
|
setSettings(changedSettings) |
||||||
|
} |
||||||
|
|
||||||
|
return ( |
||||||
|
<> |
||||||
|
<SearchableChainDropdown label="Chain" id="network-dropdown" setSelectedChain={setSelectedChain} selectedChain={selectedChain} /> |
||||||
|
|
||||||
|
{selectedChain && ( |
||||||
|
<div> |
||||||
|
<div className="p-2 my-2 border"> |
||||||
|
<span className="font-weight-bold">Sourcify - {selectedChain.name}</span> |
||||||
|
<ConfigInput label="API URL" id="sourcify-api-url" secret={false} initialValue={chainSettings.verifiers['Sourcify']?.apiUrl ?? ''} saveResult={(result) => handleChange('Sourcify', 'apiUrl', result)} /> |
||||||
|
<ConfigInput label="Repo URL" id="sourcify-explorer-url" secret={false} initialValue={chainSettings.verifiers['Sourcify']?.explorerUrl ?? ''} saveResult={(result) => handleChange('Sourcify', 'explorerUrl', result)} /> |
||||||
|
</div> |
||||||
|
<div className="p-2 my-2 border"> |
||||||
|
<span className="font-weight-bold">Etherscan - {selectedChain.name}</span> |
||||||
|
<ConfigInput label="API Key" id="etherscan-api-key" secret={true} initialValue={chainSettings.verifiers['Etherscan']?.apiKey ?? ''} saveResult={(result) => handleChange('Etherscan', 'apiKey', result)} /> |
||||||
|
<ConfigInput label="API URL" id="etherscan-api-url" secret={false} initialValue={chainSettings.verifiers['Etherscan']?.apiUrl ?? ''} saveResult={(result) => handleChange('Etherscan', 'apiUrl', result)} /> |
||||||
|
<ConfigInput label="Explorer URL" id="etherscan-explorer-url" secret={false} initialValue={chainSettings.verifiers['Etherscan']?.explorerUrl ?? ''} saveResult={(result) => handleChange('Etherscan', 'explorerUrl', result)} /> |
||||||
|
</div> |
||||||
|
<div className="p-2 my-2 border"> |
||||||
|
<span className="font-weight-bold">Blockscout - {selectedChain.name}</span> |
||||||
|
<ConfigInput label="Instance URL" id="blockscout-api-url" secret={false} initialValue={chainSettings.verifiers['Blockscout']?.apiUrl ?? ''} saveResult={(result) => handleChange('Blockscout', 'apiUrl', result)} /> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
)} |
||||||
|
</> |
||||||
|
) |
||||||
|
} |
||||||
@ -0,0 +1,279 @@ |
|||||||
|
import { useContext, useEffect, useMemo, useState } from 'react' |
||||||
|
|
||||||
|
import { AppContext } from '../AppContext' |
||||||
|
import { SearchableChainDropdown, ContractDropdown, ContractAddressInput } from '../components' |
||||||
|
import type { VerifierIdentifier, SubmittedContract, VerificationReceipt, VerifierInfo, VerificationResponse } from '../types' |
||||||
|
import { VERIFIERS } from '../types' |
||||||
|
import { mergeChainSettingsWithDefaults, validConfiguration } from '../utils' |
||||||
|
import { useNavigate } from 'react-router-dom' |
||||||
|
import { ConstructorArguments } from '../components/ConstructorArguments' |
||||||
|
import { CustomTooltip } from '@remix-ui/helper' |
||||||
|
import { AbstractVerifier, getVerifier } from '../Verifiers' |
||||||
|
import { VerifyFormContext } from '../VerifyFormContext' |
||||||
|
import { useSourcifySupported } from '../hooks/useSourcifySupported' |
||||||
|
|
||||||
|
export const VerifyView = () => { |
||||||
|
const { compilationOutput, setSubmittedContracts, settings, clientInstance } = useContext(AppContext) |
||||||
|
const { selectedChain, setSelectedChain, contractAddress, setContractAddress, contractAddressError, setContractAddressError, selectedContract, setSelectedContract, proxyAddress, setProxyAddress, proxyAddressError, setProxyAddressError, abiEncodedConstructorArgs, setAbiEncodedConstructorArgs, abiEncodingError, setAbiEncodingError } = useContext(VerifyFormContext) |
||||||
|
const [enabledVerifiers, setEnabledVerifiers] = useState<Partial<Record<VerifierIdentifier, boolean>>>({}) |
||||||
|
const [hasProxy, setHasProxy] = useState(!!proxyAddress) |
||||||
|
const navigate = useNavigate() |
||||||
|
|
||||||
|
const chainSettings = useMemo(() => (selectedChain ? mergeChainSettingsWithDefaults(selectedChain.chainId.toString(), settings) : undefined), [selectedChain, settings]) |
||||||
|
|
||||||
|
const sourcifySupported = useSourcifySupported(selectedChain, chainSettings) |
||||||
|
|
||||||
|
const noVerifierEnabled = VERIFIERS.every((verifierId) => !validConfiguration(chainSettings, verifierId) || (verifierId === 'Sourcify' && !sourcifySupported)) || Object.values(enabledVerifiers).every((enabled) => !enabled) |
||||||
|
const submitDisabled = !!contractAddressError || !contractAddress || !selectedChain || !selectedContract || (hasProxy && !!proxyAddressError) || (hasProxy && !proxyAddress) || noVerifierEnabled |
||||||
|
|
||||||
|
// Enable all verifiers with valid configuration
|
||||||
|
useEffect(() => { |
||||||
|
const changedEnabledVerifiers = {} |
||||||
|
for (const verifierId of VERIFIERS) { |
||||||
|
if (validConfiguration(chainSettings, verifierId) && (verifierId !== 'Sourcify' || sourcifySupported)) { |
||||||
|
changedEnabledVerifiers[verifierId] = true |
||||||
|
} |
||||||
|
} |
||||||
|
setEnabledVerifiers(changedEnabledVerifiers) |
||||||
|
}, [selectedChain, sourcifySupported]) |
||||||
|
|
||||||
|
const handleVerifierCheckboxClick = (verifierId: VerifierIdentifier, checked: boolean) => { |
||||||
|
setEnabledVerifiers({ ...enabledVerifiers, [verifierId]: checked }) |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
const sendToMatomo = async (eventAction: string, eventName: string) => { |
||||||
|
await clientInstance.call("matomo" as any, 'track', ['trackEvent', 'ContractVerification', eventAction, eventName]); |
||||||
|
} |
||||||
|
|
||||||
|
const handleVerify = async (e) => { |
||||||
|
e.preventDefault() |
||||||
|
|
||||||
|
const { triggerFilePath, filePath, contractName } = selectedContract |
||||||
|
const compilerAbstract = compilationOutput[triggerFilePath] |
||||||
|
if (!compilerAbstract) { |
||||||
|
throw new Error(`Error: Compilation output not found for ${triggerFilePath}`) |
||||||
|
} |
||||||
|
|
||||||
|
const date = new Date() |
||||||
|
const contractId = selectedChain?.chainId + '-' + contractAddress + '-' + date.toUTCString() |
||||||
|
const receipts: VerificationReceipt[] = [] |
||||||
|
for (const [verifierId, enabled] of Object.entries(enabledVerifiers)) { |
||||||
|
if (!enabled) { |
||||||
|
continue |
||||||
|
} |
||||||
|
|
||||||
|
const verifierInfo: VerifierInfo = { |
||||||
|
apiUrl: chainSettings.verifiers[verifierId].apiUrl, |
||||||
|
name: verifierId as VerifierIdentifier, |
||||||
|
} |
||||||
|
receipts.push({ verifierInfo, status: 'pending', contractId, isProxyReceipt: false, failedChecks: 0 }) |
||||||
|
if (enabledVerifiers.Blockscout) await sendToMatomo('verify', "verifyWith: Blockscout On: " + selectedChain + " IsProxy: " + (hasProxy && !proxyAddress)) |
||||||
|
if (enabledVerifiers.Etherscan) await sendToMatomo('verify', "verifyWithEtherscan On: " + selectedChain + " IsProxy: " + (hasProxy && !proxyAddress)) |
||||||
|
if (enabledVerifiers.Sourcify) await sendToMatomo('verify', "verifyWithSourcify On: " + selectedChain + " IsProxy: " + (hasProxy && !proxyAddress)) |
||||||
|
} |
||||||
|
|
||||||
|
const newSubmittedContract: SubmittedContract = { |
||||||
|
id: contractId, |
||||||
|
address: contractAddress, |
||||||
|
chainId: selectedChain?.chainId.toString(), |
||||||
|
filePath, |
||||||
|
contractName, |
||||||
|
date: date.toUTCString(), |
||||||
|
receipts, |
||||||
|
} |
||||||
|
if (abiEncodedConstructorArgs) { |
||||||
|
newSubmittedContract.abiEncodedConstructorArgs = abiEncodedConstructorArgs |
||||||
|
} |
||||||
|
|
||||||
|
const proxyReceipts: VerificationReceipt[] = [] |
||||||
|
if (hasProxy) { |
||||||
|
for (const [verifierId, enabled] of Object.entries(enabledVerifiers)) { |
||||||
|
if (!enabled) { |
||||||
|
continue |
||||||
|
} |
||||||
|
|
||||||
|
const verifierSettings = chainSettings.verifiers[verifierId] |
||||||
|
const verifierInfo: VerifierInfo = { |
||||||
|
apiUrl: verifierSettings.apiUrl, |
||||||
|
name: verifierId as VerifierIdentifier, |
||||||
|
} |
||||||
|
|
||||||
|
let verifier: AbstractVerifier |
||||||
|
try { |
||||||
|
verifier = getVerifier(verifierId as VerifierIdentifier, verifierSettings) |
||||||
|
} catch (e) { |
||||||
|
// User settings might be invalid
|
||||||
|
proxyReceipts.push({ verifierInfo, status: 'failed', contractId, isProxyReceipt: true, message: e.message, failedChecks: 0 }) |
||||||
|
continue |
||||||
|
} |
||||||
|
|
||||||
|
if (!verifier.verifyProxy) { |
||||||
|
continue |
||||||
|
} |
||||||
|
|
||||||
|
proxyReceipts.push({ verifierInfo, status: 'awaiting implementation verification', contractId, isProxyReceipt: true, failedChecks: 0 }) |
||||||
|
} |
||||||
|
|
||||||
|
newSubmittedContract.proxyAddress = proxyAddress |
||||||
|
newSubmittedContract.proxyReceipts = proxyReceipts |
||||||
|
} |
||||||
|
|
||||||
|
setSubmittedContracts((prev) => ({ ...prev, [newSubmittedContract.id]: newSubmittedContract })) |
||||||
|
|
||||||
|
// Reset form
|
||||||
|
setContractAddress('') |
||||||
|
setAbiEncodedConstructorArgs('') |
||||||
|
setSelectedContract(undefined) |
||||||
|
setProxyAddress('') |
||||||
|
|
||||||
|
// Take user to receipt view
|
||||||
|
navigate('/receipts') |
||||||
|
|
||||||
|
const verify = async (receipt: VerificationReceipt) => { |
||||||
|
if (receipt.status === 'failed') { |
||||||
|
return // failed already when creating
|
||||||
|
} |
||||||
|
|
||||||
|
const { verifierInfo } = receipt |
||||||
|
|
||||||
|
if (receipt.status === 'awaiting implementation verification') { |
||||||
|
const implementationReceipt = newSubmittedContract.receipts.find((r) => r.verifierInfo.name === verifierInfo.name) |
||||||
|
if (implementationReceipt.status === 'pending') { |
||||||
|
setTimeout(() => verify(receipt), 1000) |
||||||
|
return |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
const verifierSettings = chainSettings.verifiers[verifierInfo.name] |
||||||
|
try { |
||||||
|
const verifier = getVerifier(verifierInfo.name, verifierSettings) |
||||||
|
let response: VerificationResponse |
||||||
|
if (receipt.isProxyReceipt) { |
||||||
|
response = await verifier.verifyProxy(newSubmittedContract) |
||||||
|
} else { |
||||||
|
response = await verifier.verify(newSubmittedContract, compilerAbstract) |
||||||
|
} |
||||||
|
const { status, message, receiptId, lookupUrl } = response |
||||||
|
receipt.status = status |
||||||
|
receipt.message = message |
||||||
|
if (lookupUrl) { |
||||||
|
receipt.lookupUrl = lookupUrl |
||||||
|
} |
||||||
|
if (receiptId) { |
||||||
|
receipt.receiptId = receiptId |
||||||
|
} |
||||||
|
} catch (e) { |
||||||
|
const err = e as Error |
||||||
|
receipt.status = 'failed' |
||||||
|
receipt.message = err.message |
||||||
|
} |
||||||
|
|
||||||
|
// Update the UI
|
||||||
|
setSubmittedContracts((prev) => ({ ...prev, [newSubmittedContract.id]: newSubmittedContract })) |
||||||
|
} |
||||||
|
|
||||||
|
// Verify for each verifier. forEach does not wait for await and each promise will execute in parallel
|
||||||
|
receipts.forEach(verify) |
||||||
|
proxyReceipts.forEach(verify) |
||||||
|
} |
||||||
|
|
||||||
|
return ( |
||||||
|
<form onSubmit={handleVerify}> |
||||||
|
<SearchableChainDropdown label="Chain" id="network-dropdown" selectedChain={selectedChain} setSelectedChain={setSelectedChain} /> |
||||||
|
<ContractAddressInput |
||||||
|
label="Contract Address" |
||||||
|
id="contract-address" |
||||||
|
contractAddress={contractAddress} |
||||||
|
setContractAddress={setContractAddress} |
||||||
|
contractAddressError={contractAddressError} |
||||||
|
setContractAddressError={setContractAddressError} |
||||||
|
/> |
||||||
|
<CustomTooltip tooltipText="Please compile and select the solidity contract you need to verify."> |
||||||
|
<ContractDropdown label="Contract Name" id="contract-dropdown-1" selectedContract={selectedContract} setSelectedContract={setSelectedContract} /> |
||||||
|
</CustomTooltip> |
||||||
|
{selectedContract && <ConstructorArguments |
||||||
|
abiEncodedConstructorArgs={abiEncodedConstructorArgs} |
||||||
|
setAbiEncodedConstructorArgs={setAbiEncodedConstructorArgs} |
||||||
|
selectedContract={selectedContract} |
||||||
|
abiEncodingError={abiEncodingError} |
||||||
|
setAbiEncodingError={setAbiEncodingError} |
||||||
|
/>} |
||||||
|
<div className="pt-3"> |
||||||
|
<div className="d-flex py-1 align-items-center custom-control custom-checkbox"> |
||||||
|
<input id="has-proxy" className="form-check-input custom-control-input" type="checkbox" checked={!!hasProxy} onChange={(e) => setHasProxy(e.target.checked)} /> |
||||||
|
<label htmlFor="has-proxy" className="m-0 form-check-label custom-control-label" style={{ paddingTop: '2px' }}> |
||||||
|
The deployed contract is behind a proxy |
||||||
|
</label> |
||||||
|
</div> |
||||||
|
{hasProxy && <ContractAddressInput |
||||||
|
label="Proxy Address" |
||||||
|
id="proxy-address" |
||||||
|
contractAddress={proxyAddress} |
||||||
|
setContractAddress={setProxyAddress} |
||||||
|
contractAddressError={proxyAddressError} |
||||||
|
setContractAddressError={setProxyAddressError} |
||||||
|
/>} |
||||||
|
</div> |
||||||
|
|
||||||
|
<div className="pt-3"> |
||||||
|
Verify on: |
||||||
|
{VERIFIERS.map((verifierId) => { |
||||||
|
const disabledVerifier = !chainSettings || !validConfiguration(chainSettings, verifierId) || (verifierId === 'Sourcify' && !sourcifySupported) |
||||||
|
|
||||||
|
return ( |
||||||
|
<div key={verifierId} className="pt-2"> |
||||||
|
<div className="d-flex py-1 align-items-center custom-control custom-checkbox"> |
||||||
|
<input |
||||||
|
className="form-check-input custom-control-input" |
||||||
|
type="checkbox" |
||||||
|
id={`verifier-${verifierId}`} |
||||||
|
checked={!!enabledVerifiers[verifierId]} |
||||||
|
onChange={(e) => handleVerifierCheckboxClick(verifierId, e.target.checked)} |
||||||
|
disabled={disabledVerifier} |
||||||
|
/> |
||||||
|
<label |
||||||
|
htmlFor={`verifier-${verifierId}`} |
||||||
|
className={`m-0 form-check-label custom-control-label large font-weight-bold${!disabledVerifier ? '' : ' text-secondary'}`} |
||||||
|
style={{ fontSize: '1rem', lineHeight: '1.5', color: 'var(--text)' }} |
||||||
|
> |
||||||
|
{verifierId} |
||||||
|
</label> |
||||||
|
</div> |
||||||
|
<div className="d-flex flex-column align-items-start pl-4"> |
||||||
|
{!chainSettings ? ( |
||||||
|
'' |
||||||
|
) : !validConfiguration(chainSettings, verifierId) ? ( |
||||||
|
<CustomTooltip tooltipText="Configure the API in the settings"> |
||||||
|
<span className="text-secondary w-auto" style={{ textDecoration: 'underline dotted', cursor: 'pointer' }} onClick={() => navigate('/settings')}> |
||||||
|
Enable? |
||||||
|
</span> |
||||||
|
</CustomTooltip> |
||||||
|
) : verifierId === 'Sourcify' && !sourcifySupported ? ( |
||||||
|
<CustomTooltip tooltipText={`The configured Sourcify server (${chainSettings.verifiers['Sourcify'].apiUrl}) does not support chain ${selectedChain?.chainId}`}> |
||||||
|
<span className="text-secondary w-auto" style={{ textDecoration: 'underline dotted', cursor: 'pointer' }} onClick={() => navigate('/settings')}> |
||||||
|
Unsupported |
||||||
|
</span> |
||||||
|
</CustomTooltip> |
||||||
|
) : ( |
||||||
|
<span className="text-secondary">{chainSettings.verifiers[verifierId].apiUrl}</span> |
||||||
|
)} |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
) |
||||||
|
})} |
||||||
|
</div> |
||||||
|
<CustomTooltip tooltipText={submitDisabled ? ( |
||||||
|
(!!contractAddressError || !contractAddress) ? "Please provide a valid contract address." : |
||||||
|
!selectedChain ? "Please select the chain." : |
||||||
|
!selectedContract ? "Please select the contract (compile if needed)." : |
||||||
|
((hasProxy && !!proxyAddressError) || (hasProxy && !proxyAddress)) ? "Please provide a valid proxy contract address." : |
||||||
|
"Please provide all necessary data to verify") // Is not expected to be a case
|
||||||
|
: "Verify with selected tools"}> |
||||||
|
<button type="submit" className="w-100 btn btn-primary mt-3" disabled={submitDisabled}> |
||||||
|
Verify |
||||||
|
</button> |
||||||
|
</CustomTooltip> |
||||||
|
</form> |
||||||
|
) |
||||||
|
} |
||||||
@ -0,0 +1,4 @@ |
|||||||
|
export { VerifyView } from './VerifyView' |
||||||
|
export { SettingsView } from './SettingsView' |
||||||
|
export { LookupView } from './LookupView' |
||||||
|
export { ReceiptsView } from './ReceiptsView' |
||||||
@ -1,3 +1,3 @@ |
|||||||
export const environment = { |
export const environment = { |
||||||
production: true |
production: true, |
||||||
}; |
} |
||||||
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 15 KiB |
@ -0,0 +1,10 @@ |
|||||||
|
import React from 'react' |
||||||
|
import * as ReactDOM from 'react-dom' |
||||||
|
import { createRoot } from 'react-dom/client' |
||||||
|
import App from './app/app' |
||||||
|
|
||||||
|
const container = document.getElementById('root') |
||||||
|
|
||||||
|
if (container) { |
||||||
|
createRoot(container).render(<App />) |
||||||
|
} |
||||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,18 @@ |
|||||||
|
{ |
||||||
|
"extends": "../../tsconfig.base.json", |
||||||
|
"compilerOptions": { |
||||||
|
"jsx": "react-jsx", |
||||||
|
"allowJs": true, |
||||||
|
"esModuleInterop": true, |
||||||
|
"allowSyntheticDefaultImports": true, |
||||||
|
"resolveJsonModule": true, |
||||||
|
// "strict": true |
||||||
|
}, |
||||||
|
"files": [], |
||||||
|
"include": [], |
||||||
|
"references": [ |
||||||
|
{ |
||||||
|
"path": "./tsconfig.app.json" |
||||||
|
} |
||||||
|
] |
||||||
|
} |
||||||
@ -1,69 +0,0 @@ |
|||||||
{ |
|
||||||
"name": "etherscan", |
|
||||||
"$schema": "../../node_modules/nx/schemas/project-schema.json", |
|
||||||
"sourceRoot": "apps/etherscan/src", |
|
||||||
"projectType": "application", |
|
||||||
"targets": { |
|
||||||
"build": { |
|
||||||
"executor": "@nrwl/webpack:webpack", |
|
||||||
"outputs": ["{options.outputPath}"], |
|
||||||
"defaultConfiguration": "development", |
|
||||||
"options": { |
|
||||||
"compiler": "babel", |
|
||||||
"outputPath": "dist/apps/etherscan", |
|
||||||
"index": "apps/etherscan/src/index.html", |
|
||||||
"baseHref": "./", |
|
||||||
"main": "apps/etherscan/src/main.tsx", |
|
||||||
"polyfills": "apps/etherscan/src/polyfills.ts", |
|
||||||
"tsConfig": "apps/etherscan/tsconfig.app.json", |
|
||||||
"assets": [ |
|
||||||
"apps/etherscan/src/favicon.ico", |
|
||||||
"apps/etherscan/src/assets", |
|
||||||
"apps/etherscan/src/profile.json" |
|
||||||
], |
|
||||||
"styles": ["apps/etherscan/src/styles.css"], |
|
||||||
"scripts": [], |
|
||||||
"webpackConfig": "apps/etherscan/webpack.config.js" |
|
||||||
}, |
|
||||||
"configurations": { |
|
||||||
"development": { |
|
||||||
}, |
|
||||||
"production": { |
|
||||||
"fileReplacements": [ |
|
||||||
{ |
|
||||||
"replace": "apps/etherscan/src/environments/environment.ts", |
|
||||||
"with": "apps/etherscan/src/environments/environment.prod.ts" |
|
||||||
} |
|
||||||
] |
|
||||||
} |
|
||||||
} |
|
||||||
}, |
|
||||||
"lint": { |
|
||||||
"executor": "@nrwl/linter:eslint", |
|
||||||
"outputs": ["{options.outputFile}"], |
|
||||||
"options": { |
|
||||||
"lintFilePatterns": ["apps/etherscan/**/*.ts"], |
|
||||||
"eslintConfig": "apps/etherscan/.eslintrc" |
|
||||||
} |
|
||||||
}, |
|
||||||
"serve": { |
|
||||||
"executor": "@nrwl/webpack:dev-server", |
|
||||||
"defaultConfiguration": "development", |
|
||||||
"options": { |
|
||||||
"buildTarget": "etherscan:build", |
|
||||||
"hmr": true, |
|
||||||
"baseHref": "/" |
|
||||||
}, |
|
||||||
"configurations": { |
|
||||||
"development": { |
|
||||||
"buildTarget": "etherscan:build:development", |
|
||||||
"port": 5003 |
|
||||||
}, |
|
||||||
"production": { |
|
||||||
"buildTarget": "etherscan:build:production" |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
}, |
|
||||||
"tags": [] |
|
||||||
} |
|
||||||
@ -1,7 +0,0 @@ |
|||||||
body { |
|
||||||
margin: 0; |
|
||||||
} |
|
||||||
|
|
||||||
#root { |
|
||||||
padding: 8px 14px; |
|
||||||
} |
|
||||||
@ -1,25 +0,0 @@ |
|||||||
import React from 'react' |
|
||||||
import {PluginClient} from '@remixproject/plugin' |
|
||||||
|
|
||||||
import {Receipt, ThemeType} from './types' |
|
||||||
|
|
||||||
export const AppContext = React.createContext({ |
|
||||||
apiKey: '', |
|
||||||
setAPIKey: (value: string) => { |
|
||||||
console.log('Set API Key from Context') |
|
||||||
}, |
|
||||||
clientInstance: {} as PluginClient, |
|
||||||
receipts: [] as Receipt[], |
|
||||||
setReceipts: (receipts: Receipt[]) => { |
|
||||||
console.log('Calling Set Receipts') |
|
||||||
}, |
|
||||||
contracts: [] as string[], |
|
||||||
setContracts: (contracts: string[]) => { |
|
||||||
console.log('Calling Set Contract Names') |
|
||||||
}, |
|
||||||
themeType: 'dark' as ThemeType, |
|
||||||
setThemeType: (themeType: ThemeType) => { |
|
||||||
console.log('Calling Set Theme Type') |
|
||||||
}, |
|
||||||
networkName: '' |
|
||||||
}) |
|
||||||
@ -1,70 +0,0 @@ |
|||||||
import { PluginClient } from '@remixproject/plugin' |
|
||||||
import { createClient } from '@remixproject/plugin-webview' |
|
||||||
import { verify, EtherScanReturn } from './utils/verify' |
|
||||||
import { getReceiptStatus, getEtherScanApi, getNetworkName, getProxyContractReceiptStatus } from './utils' |
|
||||||
import EventManager from 'events' |
|
||||||
|
|
||||||
export class EtherscanPluginClient extends PluginClient { |
|
||||||
public internalEvents: EventManager |
|
||||||
|
|
||||||
constructor() { |
|
||||||
super() |
|
||||||
this.internalEvents = new EventManager() |
|
||||||
createClient(this) |
|
||||||
this.onload() |
|
||||||
} |
|
||||||
|
|
||||||
onActivation(): void { |
|
||||||
this.internalEvents.emit('etherscan_activated') |
|
||||||
} |
|
||||||
|
|
||||||
async verify( |
|
||||||
apiKey: string, |
|
||||||
contractAddress: string, |
|
||||||
contractArguments: string, |
|
||||||
contractName: string, |
|
||||||
compilationResultParam: any, |
|
||||||
chainRef?: number | string, |
|
||||||
isProxyContract?: boolean, |
|
||||||
expectedImplAddress?: string |
|
||||||
) { |
|
||||||
const result = await verify( |
|
||||||
apiKey, |
|
||||||
contractAddress, |
|
||||||
contractArguments, |
|
||||||
contractName, |
|
||||||
compilationResultParam, |
|
||||||
chainRef, |
|
||||||
isProxyContract, |
|
||||||
expectedImplAddress, |
|
||||||
this, |
|
||||||
(value: EtherScanReturn) => {}, |
|
||||||
(value: string) => {} |
|
||||||
) |
|
||||||
return result |
|
||||||
} |
|
||||||
|
|
||||||
async receiptStatus(receiptGuid: string, apiKey: string, isProxyContract: boolean) { |
|
||||||
try { |
|
||||||
const { network, networkId } = await getNetworkName(this) |
|
||||||
if (network === 'vm') { |
|
||||||
throw new Error('Cannot check the receipt status in the selected network') |
|
||||||
} |
|
||||||
const etherscanApi = getEtherScanApi(networkId) |
|
||||||
let receiptStatus |
|
||||||
|
|
||||||
if (isProxyContract) receiptStatus = await getProxyContractReceiptStatus(receiptGuid, apiKey, etherscanApi) |
|
||||||
else receiptStatus = await getReceiptStatus(receiptGuid, apiKey, etherscanApi) |
|
||||||
return { |
|
||||||
message: receiptStatus.result, |
|
||||||
succeed: receiptStatus.status === '0' ? false : true |
|
||||||
} |
|
||||||
} catch (e: any) { |
|
||||||
return { |
|
||||||
status: 'error', |
|
||||||
message: e.message, |
|
||||||
succeed: false |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
@ -1,136 +0,0 @@ |
|||||||
import React, {useState, useEffect, useRef} from 'react' |
|
||||||
|
|
||||||
import {CompilationFileSources, CompilationResult} from '@remixproject/plugin-api' |
|
||||||
|
|
||||||
import { EtherscanPluginClient } from './EtherscanPluginClient' |
|
||||||
|
|
||||||
import {AppContext} from './AppContext' |
|
||||||
import {DisplayRoutes} from './routes' |
|
||||||
|
|
||||||
import {useLocalStorage} from './hooks/useLocalStorage' |
|
||||||
|
|
||||||
import {getReceiptStatus, getEtherScanApi, getNetworkName, getProxyContractReceiptStatus} from './utils' |
|
||||||
import {Receipt, ThemeType} from './types' |
|
||||||
|
|
||||||
import './App.css' |
|
||||||
|
|
||||||
export const getNewContractNames = (compilationResult: CompilationResult) => { |
|
||||||
const compiledContracts = compilationResult.contracts |
|
||||||
let result: string[] = [] |
|
||||||
|
|
||||||
for (const file of Object.keys(compiledContracts)) { |
|
||||||
const newContractNames = Object.keys(compiledContracts[file]) |
|
||||||
|
|
||||||
result = [...result, ...newContractNames] |
|
||||||
} |
|
||||||
|
|
||||||
return result |
|
||||||
} |
|
||||||
|
|
||||||
const plugin = new EtherscanPluginClient() |
|
||||||
|
|
||||||
const App = () => { |
|
||||||
const [apiKey, setAPIKey] = useLocalStorage('apiKey', '') |
|
||||||
const [receipts, setReceipts] = useLocalStorage('receipts', [])
|
|
||||||
const [contracts, setContracts] = useState<string[]>([]) |
|
||||||
const [themeType, setThemeType] = useState<ThemeType>('dark') |
|
||||||
const [networkName, setNetworkName] = useState('Loading...') |
|
||||||
const timer = useRef(null) |
|
||||||
const contractsRef = useRef(contracts) |
|
||||||
|
|
||||||
contractsRef.current = contracts |
|
||||||
|
|
||||||
const setListeners = () => { |
|
||||||
plugin.on('solidity', 'compilationFinished', (fileName: string, source: CompilationFileSources, languageVersion: string, data: CompilationResult) => { |
|
||||||
const newContractsNames = getNewContractNames(data) |
|
||||||
|
|
||||||
const newContractsToSave: string[] = [...contractsRef.current, ...newContractsNames] |
|
||||||
|
|
||||||
const uniqueContracts: string[] = [...new Set(newContractsToSave)] |
|
||||||
|
|
||||||
setContracts(uniqueContracts) |
|
||||||
}) |
|
||||||
plugin.on('blockchain' as any, 'networkStatus', (result) => { |
|
||||||
setNetworkName(`${result.network.name} ${result.network.id !== '-' ? `(Chain id: ${result.network.id})` : '(Not supported)'}`) |
|
||||||
}) |
|
||||||
// @ts-ignore
|
|
||||||
plugin.call('blockchain', 'getCurrentNetworkStatus').then((result: any) => setNetworkName(`${result.network.name} ${result.network.id !== '-' ? `(Chain id: ${result.network.id})` : '(Not supported)'}`)) |
|
||||||
|
|
||||||
} |
|
||||||
|
|
||||||
useEffect(() => { |
|
||||||
plugin.onload(() => { |
|
||||||
setListeners() |
|
||||||
}) |
|
||||||
}, []) |
|
||||||
|
|
||||||
useEffect(() => { |
|
||||||
let receiptsNotVerified: Receipt[] = receipts.filter((item: Receipt) => item.status === 'Pending in queue' || item.status === 'Max rate limit reached') |
|
||||||
|
|
||||||
if (receiptsNotVerified.length > 0) { |
|
||||||
if (timer.current) { |
|
||||||
clearInterval(timer.current) |
|
||||||
timer.current = null |
|
||||||
} |
|
||||||
timer.current = setInterval(async () => { |
|
||||||
const {network, networkId} = await getNetworkName(plugin) |
|
||||||
|
|
||||||
if (!plugin) return |
|
||||||
if (network === 'vm') return |
|
||||||
let newReceipts = receipts |
|
||||||
|
|
||||||
for (const item of receiptsNotVerified) { |
|
||||||
await new Promise((r) => setTimeout(r, 500)) // avoid api rate limit exceed.
|
|
||||||
let status |
|
||||||
if (item.isProxyContract) { |
|
||||||
status = await getProxyContractReceiptStatus(item.guid, apiKey, getEtherScanApi(networkId)) |
|
||||||
if (status.status === '1') { |
|
||||||
status.message = status.result |
|
||||||
status.result = 'Successfully Updated' |
|
||||||
} |
|
||||||
} else status = await getReceiptStatus(item.guid, apiKey, getEtherScanApi(networkId)) |
|
||||||
if (status.result === 'Pass - Verified' || status.result === 'Already Verified' || status.result === 'Successfully Updated') { |
|
||||||
newReceipts = newReceipts.map((currentReceipt: Receipt) => { |
|
||||||
if (currentReceipt.guid === item.guid) { |
|
||||||
const res = { |
|
||||||
...currentReceipt, |
|
||||||
status: status.result |
|
||||||
} |
|
||||||
if (currentReceipt.isProxyContract) res.message = status.message |
|
||||||
return res |
|
||||||
} |
|
||||||
return currentReceipt |
|
||||||
}) |
|
||||||
} |
|
||||||
} |
|
||||||
receiptsNotVerified = newReceipts.filter((item: Receipt) => item.status === 'Pending in queue' || item.status === 'Max rate limit reached') |
|
||||||
if (timer.current && receiptsNotVerified.length === 0) { |
|
||||||
clearInterval(timer.current) |
|
||||||
timer.current = null |
|
||||||
} |
|
||||||
setReceipts(newReceipts) |
|
||||||
}, 10000) |
|
||||||
} |
|
||||||
}, [receipts]) |
|
||||||
|
|
||||||
return ( |
|
||||||
<AppContext.Provider |
|
||||||
value={{ |
|
||||||
apiKey, |
|
||||||
setAPIKey, |
|
||||||
clientInstance: plugin, |
|
||||||
receipts, |
|
||||||
setReceipts, |
|
||||||
contracts, |
|
||||||
setContracts, |
|
||||||
themeType, |
|
||||||
setThemeType, |
|
||||||
networkName |
|
||||||
}} |
|
||||||
> |
|
||||||
{ plugin && <DisplayRoutes /> } |
|
||||||
</AppContext.Provider> |
|
||||||
) |
|
||||||
} |
|
||||||
|
|
||||||
export default App |
|
||||||
@ -1,81 +0,0 @@ |
|||||||
import React from 'react' |
|
||||||
|
|
||||||
import {NavLink} from 'react-router-dom' |
|
||||||
import {CustomTooltip} from '@remix-ui/helper' |
|
||||||
import {AppContext} from '../AppContext' |
|
||||||
|
|
||||||
interface Props { |
|
||||||
title?: string |
|
||||||
from: string |
|
||||||
} |
|
||||||
|
|
||||||
interface IconProps { |
|
||||||
from: string |
|
||||||
} |
|
||||||
|
|
||||||
const HomeIcon = ({from}: IconProps) => { |
|
||||||
return ( |
|
||||||
<NavLink |
|
||||||
data-id="home" |
|
||||||
to={{ |
|
||||||
pathname: '/' |
|
||||||
}} |
|
||||||
className={({isActive}) => (isActive ? 'border border-secondary shadow-none btn p-1 m-0' : 'border-0 shadow-none btn p-1 m-0')} |
|
||||||
style={({isActive}) => (!isActive ? {width: '1.8rem', filter: 'contrast(0.5)'} : {width: '1.8rem'})} |
|
||||||
state={from} |
|
||||||
> |
|
||||||
<CustomTooltip tooltipText="Home" tooltipId="etherscan-nav-home" placement="bottom"> |
|
||||||
<i className="fas fa-home"></i> |
|
||||||
</CustomTooltip> |
|
||||||
</NavLink> |
|
||||||
) |
|
||||||
} |
|
||||||
|
|
||||||
const ReceiptsIcon = ({from}: IconProps) => { |
|
||||||
return ( |
|
||||||
<NavLink |
|
||||||
data-id="receipts" |
|
||||||
to={{ |
|
||||||
pathname: '/receipts' |
|
||||||
}} |
|
||||||
className={({isActive}) => (isActive ? 'border border-secondary shadow-none btn p-1 m-0' : 'border-0 shadow-none btn p-1 m-0')} |
|
||||||
style={({isActive}) => (!isActive ? {width: '1.8rem', filter: 'contrast(0.5)'} : {width: '1.8rem'})} |
|
||||||
state={from} |
|
||||||
> |
|
||||||
<CustomTooltip tooltipText="Receipts" tooltipId="etherscan-nav-receipts" placement="bottom"> |
|
||||||
<i className="fas fa-receipt"></i> |
|
||||||
</CustomTooltip> |
|
||||||
</NavLink> |
|
||||||
) |
|
||||||
} |
|
||||||
|
|
||||||
const SettingsIcon = ({from}: IconProps) => { |
|
||||||
return ( |
|
||||||
<NavLink |
|
||||||
data-id="settings" |
|
||||||
to={{ |
|
||||||
pathname: '/settings' |
|
||||||
}} |
|
||||||
className={({isActive}) => (isActive ? 'border border-secondary shadow-none btn p-1 m-0' : 'border-0 shadow-none btn p-1 m-0')} |
|
||||||
style={({isActive}) => (!isActive ? {width: '1.8rem', filter: 'contrast(0.5)'} : {width: '1.8rem'})} |
|
||||||
state={from} |
|
||||||
> |
|
||||||
<CustomTooltip tooltipText="Settings" tooltipId="etherscan-nav-settings" placement="bottom"> |
|
||||||
<i className="fas fa-cog"></i> |
|
||||||
</CustomTooltip> |
|
||||||
</NavLink> |
|
||||||
) |
|
||||||
} |
|
||||||
|
|
||||||
export const HeaderWithSettings = ({title = '', from}) => { |
|
||||||
return ( |
|
||||||
<div className="d-flex justify-content-between"> |
|
||||||
<h6 className="d-inline">{title}</h6> |
|
||||||
<div className="nav"> |
|
||||||
<HomeIcon from={from} /> |
|
||||||
<ReceiptsIcon from={from} /> |
|
||||||
<SettingsIcon from={from} /> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
) |
|
||||||
} |
|
||||||
@ -1,34 +0,0 @@ |
|||||||
import React from 'react' |
|
||||||
import {CustomTooltip} from '@remix-ui/helper' |
|
||||||
|
|
||||||
interface Props { |
|
||||||
text: string |
|
||||||
isSubmitting?: boolean |
|
||||||
dataId?: string |
|
||||||
disable?: boolean |
|
||||||
} |
|
||||||
|
|
||||||
export const SubmitButton = ({text, dataId, isSubmitting = false, disable = true}) => { |
|
||||||
return ( |
|
||||||
<div> |
|
||||||
<button data-id={dataId} type="submit" className="btn btn-primary btn-block p-1 text-decoration-none" disabled={disable}> |
|
||||||
<CustomTooltip |
|
||||||
tooltipText={disable ? 'Fill in the valid value(s) and select a supported network' : 'Click to proceed'} |
|
||||||
tooltipId={'etherscan-submit-button-' + dataId} |
|
||||||
tooltipTextClasses="border bg-light text-dark p-1 pr-3" |
|
||||||
placement="bottom" |
|
||||||
> |
|
||||||
<div> |
|
||||||
{!isSubmitting && text} |
|
||||||
{isSubmitting && ( |
|
||||||
<div> |
|
||||||
<span className="spinner-border spinner-border-sm mr-1" role="status" aria-hidden="true" /> |
|
||||||
Verifying... Please wait |
|
||||||
</div> |
|
||||||
)} |
|
||||||
</div> |
|
||||||
</CustomTooltip> |
|
||||||
</button> |
|
||||||
</div> |
|
||||||
) |
|
||||||
} |
|
||||||
@ -1,2 +0,0 @@ |
|||||||
export { HeaderWithSettings } from "./HeaderWithSettings" |
|
||||||
export { SubmitButton } from "./SubmitButton" |
|
||||||
@ -1,17 +0,0 @@ |
|||||||
import React, {PropsWithChildren} from 'react' |
|
||||||
|
|
||||||
import {HeaderWithSettings} from '../components' |
|
||||||
|
|
||||||
interface Props { |
|
||||||
from: string |
|
||||||
title?: string |
|
||||||
} |
|
||||||
|
|
||||||
export const DefaultLayout = ({children, from, title}) => { |
|
||||||
return ( |
|
||||||
<div> |
|
||||||
<HeaderWithSettings from={from} title={title} /> |
|
||||||
{children} |
|
||||||
</div> |
|
||||||
) |
|
||||||
} |
|
||||||
@ -1 +0,0 @@ |
|||||||
export { DefaultLayout } from "./Default" |
|
||||||
@ -1,37 +0,0 @@ |
|||||||
import React from 'react' |
|
||||||
import {HashRouter as Router, Route, Routes, RouteProps} from 'react-router-dom' |
|
||||||
|
|
||||||
import {ErrorView, HomeView, ReceiptsView, CaptureKeyView} from './views' |
|
||||||
import {DefaultLayout} from './layouts' |
|
||||||
|
|
||||||
export const DisplayRoutes = () => ( |
|
||||||
<Router> |
|
||||||
<Routes> |
|
||||||
<Route |
|
||||||
path="/" |
|
||||||
element={ |
|
||||||
<DefaultLayout from="/" title="Verify Smart Contracts"> |
|
||||||
<HomeView /> |
|
||||||
</DefaultLayout> |
|
||||||
} |
|
||||||
/> |
|
||||||
<Route path="/error" element={<ErrorView />} /> |
|
||||||
<Route |
|
||||||
path="/receipts" |
|
||||||
element={ |
|
||||||
<DefaultLayout from="/receipts" title="Check Receipt GUID Status"> |
|
||||||
<ReceiptsView /> |
|
||||||
</DefaultLayout> |
|
||||||
} |
|
||||||
/> |
|
||||||
<Route |
|
||||||
path="/settings" |
|
||||||
element={ |
|
||||||
<DefaultLayout from="/settings" title="Set Explorer API Key"> |
|
||||||
<CaptureKeyView /> |
|
||||||
</DefaultLayout> |
|
||||||
} |
|
||||||
/> |
|
||||||
</Routes> |
|
||||||
</Router> |
|
||||||
) |
|
||||||
@ -1,9 +0,0 @@ |
|||||||
export type ReceiptStatus = "Pending in queue" | "Pass - Verified" | "Already Verified" | "Max rate limit reached" | "Successfully Updated" |
|
||||||
|
|
||||||
export interface Receipt { |
|
||||||
guid: string |
|
||||||
status: ReceiptStatus |
|
||||||
isProxyContract: boolean |
|
||||||
message?: string |
|
||||||
succeed?: boolean |
|
||||||
} |
|
||||||
@ -1 +0,0 @@ |
|||||||
export type ThemeType = "dark" | "light" |
|
||||||
@ -1,2 +0,0 @@ |
|||||||
export * from "./Receipt" |
|
||||||
export * from "./ThemeType" |
|
||||||
@ -1 +0,0 @@ |
|||||||
export * from "./utilities" |
|
||||||
@ -1,46 +0,0 @@ |
|||||||
export const scanAPIurls = { |
|
||||||
// all mainnet
|
|
||||||
1: 'https://api.etherscan.io/api', |
|
||||||
56: 'https://api.bscscan.com/api', |
|
||||||
137: 'https://api.polygonscan.com/api', |
|
||||||
250: 'https://api.ftmscan.com/api', |
|
||||||
42161: 'https://api.arbiscan.io/api', |
|
||||||
43114: 'https://api.snowtrace.io/api', |
|
||||||
1285: 'https://api-moonriver.moonscan.io/api', |
|
||||||
1284: 'https://api-moonbeam.moonscan.io/api', |
|
||||||
25: 'https://api.cronoscan.com/api', |
|
||||||
199: 'https://api.bttcscan.com/api', |
|
||||||
10: 'https://api-optimistic.etherscan.io/api', |
|
||||||
42220: 'https://api.celoscan.io/api', |
|
||||||
288: 'https://api.bobascan.com/api', |
|
||||||
100: 'https://api.gnosisscan.io/api', |
|
||||||
1101: 'https://api-zkevm.polygonscan.com/api', |
|
||||||
59144: 'https://api.lineascan.build/api', |
|
||||||
8453: 'https://api.basescan.org/api', |
|
||||||
534352: 'https://api.scrollscan.com/api', |
|
||||||
1116: 'https://openapi.coredao.org/api', |
|
||||||
|
|
||||||
// all testnet
|
|
||||||
17000: 'https://api-holesky.etherscan.io/api', |
|
||||||
11155111: 'https://api-sepolia.etherscan.io/api', |
|
||||||
97: 'https://api-testnet.bscscan.com/api', |
|
||||||
80001: 'https://api-testnet.polygonscan.com/api', |
|
||||||
80002: 'https://api-amoy.polygonscan.com/api', |
|
||||||
4002: 'https://api-testnet.ftmscan.com/api', |
|
||||||
421611: 'https://api-testnet.arbiscan.io/api', |
|
||||||
42170: 'https://api-nova.arbiscan.io/api', |
|
||||||
43113: 'https://api-testnet.snowtrace.io/api', |
|
||||||
1287: 'https://api-moonbase.moonscan.io/api', |
|
||||||
338: 'https://api-testnet.cronoscan.com/api', |
|
||||||
1028: 'https://api-testnet.bttcscan.com/api', |
|
||||||
420: 'https://api-goerli-optimistic.etherscan.io/api', |
|
||||||
44787: 'https://api-alfajores.celoscan.io/api', |
|
||||||
2888: 'https://api-testnet.bobascan.com/api', |
|
||||||
84531: 'https://api-goerli.basescan.org/api', |
|
||||||
84532: "https://api-sepolia.basescan.org/api", |
|
||||||
1442: 'https://api-testnet-zkevm.polygonscan.com/api', |
|
||||||
2442: 'https://api-cardona-zkevm.polygonscan.com/api', |
|
||||||
59140: 'https://api-testnet.lineascan.build/api', |
|
||||||
534351: 'https://api-sepolia.scrollscan.com/api', |
|
||||||
1115: 'https://api.test.btcs.network/api', |
|
||||||
} |
|
||||||
@ -1,30 +0,0 @@ |
|||||||
export const verifyScript = ` |
|
||||||
/** |
|
||||||
* @param {string} apikey - etherscan api key |
|
||||||
* @param {string} contractAddress - Address of the contract to verify |
|
||||||
* @param {string} contractArguments - Parameters used in the contract constructor during the initial deployment. It should be the hex encoded value |
|
||||||
* @param {string} contractName - Name of the contract |
|
||||||
* @param {string} contractFile - File where the contract is located |
|
||||||
* @param {number | string} chainRef - Network chain id or API URL (optional) |
|
||||||
* @param {boolean} isProxyContract - true, if contract is a proxy contract (optional) |
|
||||||
* @param {string} expectedImplAddress - Implementation contract address, in case of proxy contract verification (optional) |
|
||||||
* @returns {{ guid, status, message, succeed }} verification result |
|
||||||
*/ |
|
||||||
export const verify = async (apikey: string, contractAddress: string, contractArguments: string, contractName: string, contractFile: string, chainRef?: number | string, isProxyContract?: boolean, expectedImplAddress?: string) => { |
|
||||||
const compilationResultParam = await remix.call('compilerArtefacts' as any, 'getCompilerAbstract', contractFile) |
|
||||||
console.log('verifying.. ' + contractName) |
|
||||||
// update apiKey and chainRef to verify contract on multiple networks
|
|
||||||
return await remix.call('etherscan' as any, 'verify', apikey, contractAddress, contractArguments, contractName, compilationResultParam, chainRef, isProxyContract, expectedImplAddress) |
|
||||||
}` |
|
||||||
|
|
||||||
export const receiptGuidScript = ` |
|
||||||
/** |
|
||||||
* @param {string} apikey - etherscan api key |
|
||||||
* @param {string} guid - receipt id |
|
||||||
* @param {boolean} isProxyContract - true, if contract is a proxy contract (optional) |
|
||||||
* @returns {{ status, message, succeed }} receiptStatus |
|
||||||
*/ |
|
||||||
export const receiptStatus = async (apikey: string, guid: string, isProxyContract?: boolean) => { |
|
||||||
return await remix.call('etherscan' as any, 'receiptStatus', guid, apikey, isProxyContract) |
|
||||||
} |
|
||||||
` |
|
||||||
@ -1,69 +0,0 @@ |
|||||||
import { PluginClient } from "@remixproject/plugin" |
|
||||||
import axios from 'axios' |
|
||||||
import { scanAPIurls } from "./networks" |
|
||||||
type RemixClient = PluginClient |
|
||||||
|
|
||||||
/* |
|
||||||
status: 0=Error, 1=Pass |
|
||||||
message: OK, NOTOK |
|
||||||
result: explanation |
|
||||||
*/ |
|
||||||
export type receiptStatus = { |
|
||||||
result: string |
|
||||||
message: string |
|
||||||
status: string |
|
||||||
} |
|
||||||
|
|
||||||
export const getEtherScanApi = (networkId: any) => { |
|
||||||
if (!(networkId in scanAPIurls)) { |
|
||||||
throw new Error("no known network to verify against") |
|
||||||
} |
|
||||||
const apiUrl = (scanAPIurls as any)[networkId] |
|
||||||
return apiUrl |
|
||||||
} |
|
||||||
|
|
||||||
export const getNetworkName = async (client: RemixClient) => { |
|
||||||
const network = await client.call("network", "detectNetwork") |
|
||||||
if (!network) { |
|
||||||
throw new Error("no known network to verify against") |
|
||||||
} |
|
||||||
return { network: network.name!.toLowerCase(), networkId: network.id } |
|
||||||
} |
|
||||||
|
|
||||||
export const getReceiptStatus = async ( |
|
||||||
receiptGuid: string, |
|
||||||
apiKey: string, |
|
||||||
etherscanApi: string |
|
||||||
): Promise<receiptStatus> => { |
|
||||||
const params = `guid=${receiptGuid}&module=contract&action=checkverifystatus&apiKey=${apiKey}` |
|
||||||
try { |
|
||||||
const response = await axios.get(`${etherscanApi}?${params}`) |
|
||||||
const { result, message, status } = response.data |
|
||||||
return { |
|
||||||
result, |
|
||||||
message, |
|
||||||
status, |
|
||||||
} |
|
||||||
} catch (error) { |
|
||||||
console.error(error) |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
export const getProxyContractReceiptStatus = async ( |
|
||||||
receiptGuid: string, |
|
||||||
apiKey: string, |
|
||||||
etherscanApi: string |
|
||||||
): Promise<receiptStatus> => { |
|
||||||
const params = `guid=${receiptGuid}&module=contract&action=checkproxyverification&apiKey=${apiKey}` |
|
||||||
try { |
|
||||||
const response = await axios.get(`${etherscanApi}?${params}`) |
|
||||||
const { result, message, status } = response.data |
|
||||||
return { |
|
||||||
result, |
|
||||||
message, |
|
||||||
status, |
|
||||||
} |
|
||||||
} catch (error) { |
|
||||||
console.error(error) |
|
||||||
} |
|
||||||
} |
|
||||||
@ -1,206 +0,0 @@ |
|||||||
import { getNetworkName, getEtherScanApi, getReceiptStatus, getProxyContractReceiptStatus } from "../utils" |
|
||||||
import { CompilationResult } from "@remixproject/plugin-api" |
|
||||||
import { CompilerAbstract } from '@remix-project/remix-solidity' |
|
||||||
import axios from 'axios' |
|
||||||
import { PluginClient } from "@remixproject/plugin" |
|
||||||
|
|
||||||
const resetAfter10Seconds = (client: PluginClient, setResults: (value: string) => void) => { |
|
||||||
setTimeout(() => { |
|
||||||
client.emit("statusChanged", { key: "none" }) |
|
||||||
setResults("") |
|
||||||
}, 10000) |
|
||||||
} |
|
||||||
|
|
||||||
export type EtherScanReturn = { |
|
||||||
guid: any, |
|
||||||
status: any, |
|
||||||
} |
|
||||||
export const verify = async ( |
|
||||||
apiKeyParam: string, |
|
||||||
contractAddress: string, |
|
||||||
contractArgumentsParam: string, |
|
||||||
contractName: string, |
|
||||||
compilationResultParam: CompilerAbstract, |
|
||||||
chainRef: number | string, |
|
||||||
isProxyContract: boolean, |
|
||||||
expectedImplAddress: string, |
|
||||||
client: PluginClient, |
|
||||||
onVerifiedContract: (value: EtherScanReturn) => void, |
|
||||||
setResults: (value: string) => void |
|
||||||
) => { |
|
||||||
let networkChainId |
|
||||||
let etherscanApi |
|
||||||
if (chainRef) { |
|
||||||
if (typeof chainRef === 'number') { |
|
||||||
networkChainId = chainRef |
|
||||||
etherscanApi = getEtherScanApi(networkChainId) |
|
||||||
} else if (typeof chainRef === 'string') etherscanApi = chainRef |
|
||||||
} else { |
|
||||||
const { network, networkId } = await getNetworkName(client) |
|
||||||
if (network === "vm") { |
|
||||||
return { |
|
||||||
succeed: false, |
|
||||||
message: "Cannot verify in the selected network" |
|
||||||
} |
|
||||||
} else { |
|
||||||
networkChainId = networkId |
|
||||||
etherscanApi = getEtherScanApi(networkChainId) |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
try { |
|
||||||
const contractMetadata = getContractMetadata( |
|
||||||
// cast from the remix-plugin interface to the solidity one. Should be fixed when remix-plugin move to the remix-project repository
|
|
||||||
compilationResultParam.data as unknown as CompilationResult, |
|
||||||
contractName |
|
||||||
) |
|
||||||
|
|
||||||
if (!contractMetadata) { |
|
||||||
return { |
|
||||||
succeed: false, |
|
||||||
message: "Please recompile contract" |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
const contractMetadataParsed = JSON.parse(contractMetadata) |
|
||||||
|
|
||||||
const fileName = getContractFileName( |
|
||||||
// cast from the remix-plugin interface to the solidity one. Should be fixed when remix-plugin move to the remix-project repository
|
|
||||||
compilationResultParam.data as unknown as CompilationResult, |
|
||||||
contractName |
|
||||||
) |
|
||||||
|
|
||||||
const jsonInput = { |
|
||||||
language: 'Solidity', |
|
||||||
sources: compilationResultParam.source.sources, |
|
||||||
settings: { |
|
||||||
optimizer: { |
|
||||||
enabled: contractMetadataParsed.settings.optimizer.enabled, |
|
||||||
runs: contractMetadataParsed.settings.optimizer.runs |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
const data: { [key: string]: string | any } = { |
|
||||||
apikey: apiKeyParam, // A valid API-Key is required
|
|
||||||
module: "contract", // Do not change
|
|
||||||
action: "verifysourcecode", // Do not change
|
|
||||||
codeformat: "solidity-standard-json-input", |
|
||||||
sourceCode: JSON.stringify(jsonInput), |
|
||||||
contractname: fileName + ':' + contractName, |
|
||||||
compilerversion: `v${contractMetadataParsed.compiler.version}`, // see http://etherscan.io/solcversions for list of support versions
|
|
||||||
constructorArguements: contractArgumentsParam ? contractArgumentsParam.replace('0x', '') : '', // if applicable
|
|
||||||
} |
|
||||||
|
|
||||||
if (isProxyContract) { |
|
||||||
data.action = "verifyproxycontract" |
|
||||||
data.expectedimplementation = expectedImplAddress |
|
||||||
data.address = contractAddress |
|
||||||
} else { |
|
||||||
data.contractaddress = contractAddress |
|
||||||
} |
|
||||||
|
|
||||||
const body = new FormData() |
|
||||||
Object.keys(data).forEach((key) => body.append(key, data[key])) |
|
||||||
|
|
||||||
client.emit("statusChanged", { |
|
||||||
key: "loading", |
|
||||||
type: "info", |
|
||||||
title: "Verifying ...", |
|
||||||
}) |
|
||||||
const response = await axios.post(etherscanApi, body) |
|
||||||
const { message, result, status } = await response.data |
|
||||||
|
|
||||||
if (message === "OK" && status === "1") { |
|
||||||
resetAfter10Seconds(client, setResults) |
|
||||||
let receiptStatus |
|
||||||
if (isProxyContract) { |
|
||||||
receiptStatus = await getProxyContractReceiptStatus( |
|
||||||
result, |
|
||||||
apiKeyParam, |
|
||||||
etherscanApi |
|
||||||
) |
|
||||||
if (receiptStatus.status === '1') { |
|
||||||
receiptStatus.message = receiptStatus.result |
|
||||||
receiptStatus.result = 'Successfully Updated' |
|
||||||
} |
|
||||||
} else receiptStatus = await getReceiptStatus( |
|
||||||
result, |
|
||||||
apiKeyParam, |
|
||||||
etherscanApi |
|
||||||
) |
|
||||||
|
|
||||||
const returnValue = { |
|
||||||
guid: result, |
|
||||||
status: receiptStatus.result, |
|
||||||
message: `Verification request submitted successfully. Use this receipt GUID ${result} to track the status of your submission`, |
|
||||||
succeed: true, |
|
||||||
isProxyContract |
|
||||||
} |
|
||||||
onVerifiedContract(returnValue) |
|
||||||
return returnValue |
|
||||||
} else if (message === "NOTOK") { |
|
||||||
client.emit("statusChanged", { |
|
||||||
key: "failed", |
|
||||||
type: "error", |
|
||||||
title: result, |
|
||||||
}) |
|
||||||
const returnValue = { |
|
||||||
message: result, |
|
||||||
succeed: false, |
|
||||||
isProxyContract |
|
||||||
} |
|
||||||
resetAfter10Seconds(client, setResults) |
|
||||||
return returnValue |
|
||||||
} |
|
||||||
return { |
|
||||||
message: 'unknown reason ' + result, |
|
||||||
succeed: false |
|
||||||
} |
|
||||||
} catch (error: any) { |
|
||||||
console.error(error) |
|
||||||
setResults("Something wrong happened, try again") |
|
||||||
return { |
|
||||||
message: error.message, |
|
||||||
succeed: false |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
export const getContractFileName = ( |
|
||||||
compilationResult: CompilationResult, |
|
||||||
contractName: string |
|
||||||
) => { |
|
||||||
const compiledContracts = compilationResult.contracts |
|
||||||
let fileName = "" |
|
||||||
|
|
||||||
for (const file of Object.keys(compiledContracts)) { |
|
||||||
for (const contract of Object.keys(compiledContracts[file])) { |
|
||||||
if (contract === contractName) { |
|
||||||
fileName = file |
|
||||||
break |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
return fileName |
|
||||||
} |
|
||||||
|
|
||||||
export const getContractMetadata = ( |
|
||||||
compilationResult: CompilationResult, |
|
||||||
contractName: string |
|
||||||
) => { |
|
||||||
const compiledContracts = compilationResult.contracts |
|
||||||
let contractMetadata = "" |
|
||||||
|
|
||||||
for (const file of Object.keys(compiledContracts)) { |
|
||||||
for (const contract of Object.keys(compiledContracts[file])) { |
|
||||||
if (contract === contractName) { |
|
||||||
contractMetadata = compiledContracts[file][contract].metadata |
|
||||||
if (contractMetadata) { |
|
||||||
break |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
return contractMetadata |
|
||||||
} |
|
||||||
@ -1,63 +0,0 @@ |
|||||||
import React, {useState, useEffect} from 'react' |
|
||||||
|
|
||||||
import {Formik, ErrorMessage, Field} from 'formik' |
|
||||||
import {useNavigate, useLocation} from 'react-router-dom' |
|
||||||
|
|
||||||
import {AppContext} from '../AppContext' |
|
||||||
import {SubmitButton} from '../components' |
|
||||||
|
|
||||||
export const CaptureKeyView = () => { |
|
||||||
const location = useLocation() |
|
||||||
const navigate = useNavigate() |
|
||||||
const [msg, setMsg] = useState('') |
|
||||||
const context = React.useContext(AppContext) |
|
||||||
|
|
||||||
useEffect(() => { |
|
||||||
if (!context.apiKey) setMsg('Please provide a 34 or 32 character API key to continue') |
|
||||||
}, [context.apiKey]) |
|
||||||
|
|
||||||
return ( |
|
||||||
<div> |
|
||||||
<Formik |
|
||||||
initialValues={{apiKey: context.apiKey}} |
|
||||||
validate={(values) => { |
|
||||||
const errors = {} as any |
|
||||||
if (!values.apiKey) { |
|
||||||
errors.apiKey = 'Required' |
|
||||||
} else if (values.apiKey.length !== 34 && values.apiKey.length !== 32) { |
|
||||||
errors.apiKey = 'API key should be 34 or 32 characters long' |
|
||||||
} |
|
||||||
return errors |
|
||||||
}} |
|
||||||
onSubmit={(values) => { |
|
||||||
const apiKey = values.apiKey |
|
||||||
if (apiKey.length === 34 || apiKey.length === 32) { |
|
||||||
context.setAPIKey(values.apiKey) |
|
||||||
navigate(location && location.state ? location.state : '/') |
|
||||||
} |
|
||||||
}} |
|
||||||
> |
|
||||||
{({errors, touched, handleSubmit}) => ( |
|
||||||
<form onSubmit={handleSubmit}> |
|
||||||
<div className="form-group mb-2"> |
|
||||||
<label htmlFor="apikey">API Key</label> |
|
||||||
<Field |
|
||||||
className={errors.apiKey && touched.apiKey ? 'form-control form-control-sm is-invalid' : 'form-control form-control-sm'} |
|
||||||
type="password" |
|
||||||
name="apiKey" |
|
||||||
placeholder="e.g. GM1T20XY6JGSAPWKDCYZ7B2FJXKTJRFVGZ" |
|
||||||
/> |
|
||||||
<ErrorMessage className="invalid-feedback" name="apiKey" component="div" /> |
|
||||||
</div> |
|
||||||
|
|
||||||
<div> |
|
||||||
<SubmitButton text="Save" dataId="save-api-key" disable={errors && errors.apiKey ? true : false} /> |
|
||||||
</div> |
|
||||||
</form> |
|
||||||
)} |
|
||||||
</Formik> |
|
||||||
|
|
||||||
<div data-id="api-key-result" className="text-primary mt-4 text-center" style={{fontSize: '0.8em'}} dangerouslySetInnerHTML={{__html: msg}} /> |
|
||||||
</div> |
|
||||||
) |
|
||||||
} |
|
||||||
@ -1,16 +0,0 @@ |
|||||||
import React from 'react' |
|
||||||
|
|
||||||
export const ErrorView = () => { |
|
||||||
return ( |
|
||||||
<div className="d-flex w-100 flex-column align-items-center"> |
|
||||||
<img className="pb-4" width="250" src="https://res.cloudinary.com/key-solutions/image/upload/v1580400635/solid/error-png.png" alt="Error page" /> |
|
||||||
<h5>Sorry, something unexpected happened.</h5> |
|
||||||
<h5> |
|
||||||
Please raise an issue:{' '} |
|
||||||
<a className="text-danger" href="https://github.com/ethereum/remix-project/issues"> |
|
||||||
Here |
|
||||||
</a> |
|
||||||
</h5> |
|
||||||
</div> |
|
||||||
) |
|
||||||
} |
|
||||||
@ -1,31 +0,0 @@ |
|||||||
import React from 'react' |
|
||||||
|
|
||||||
import {Navigate} from 'react-router-dom' |
|
||||||
|
|
||||||
import {AppContext} from '../AppContext' |
|
||||||
import {Receipt} from '../types' |
|
||||||
|
|
||||||
import {VerifyView} from './VerifyView' |
|
||||||
|
|
||||||
export const HomeView = () => { |
|
||||||
const context = React.useContext(AppContext) |
|
||||||
|
|
||||||
return !context.apiKey ? ( |
|
||||||
<Navigate |
|
||||||
to={{ |
|
||||||
pathname: '/settings' |
|
||||||
}} |
|
||||||
/> |
|
||||||
) : ( |
|
||||||
<VerifyView |
|
||||||
contracts={context.contracts} |
|
||||||
client={context.clientInstance} |
|
||||||
apiKey={context.apiKey} |
|
||||||
onVerifiedContract={(receipt: Receipt) => { |
|
||||||
const newReceipts = [...context.receipts, receipt] |
|
||||||
context.setReceipts(newReceipts) |
|
||||||
}} |
|
||||||
networkName={context.networkName} |
|
||||||
/> |
|
||||||
) |
|
||||||
} |
|
||||||
@ -1,170 +0,0 @@ |
|||||||
import React, {useState} from 'react' |
|
||||||
|
|
||||||
import {Formik, ErrorMessage, Field} from 'formik' |
|
||||||
import {getEtherScanApi, getNetworkName, getReceiptStatus, getProxyContractReceiptStatus} from '../utils' |
|
||||||
import {Receipt} from '../types' |
|
||||||
import {AppContext} from '../AppContext' |
|
||||||
import {SubmitButton} from '../components' |
|
||||||
import {Navigate} from 'react-router-dom' |
|
||||||
import {Button} from 'react-bootstrap' |
|
||||||
import {CustomTooltip} from '@remix-ui/helper' |
|
||||||
|
|
||||||
interface FormValues { |
|
||||||
receiptGuid: string |
|
||||||
} |
|
||||||
|
|
||||||
export const ReceiptsView = () => { |
|
||||||
const [results, setResults] = useState({succeed: false, message: ''}) |
|
||||||
const [isProxyContractReceipt, setIsProxyContractReceipt] = useState(false) |
|
||||||
const context = React.useContext(AppContext) |
|
||||||
|
|
||||||
const onGetReceiptStatus = async (values: FormValues, clientInstance: any, apiKey: string) => { |
|
||||||
try { |
|
||||||
const {network, networkId} = await getNetworkName(clientInstance) |
|
||||||
if (network === 'vm') { |
|
||||||
setResults({ |
|
||||||
succeed: false, |
|
||||||
message: 'Cannot verify in the selected network' |
|
||||||
}) |
|
||||||
return |
|
||||||
} |
|
||||||
const etherscanApi = getEtherScanApi(networkId) |
|
||||||
let result |
|
||||||
if (isProxyContractReceipt) { |
|
||||||
result = await getProxyContractReceiptStatus(values.receiptGuid, apiKey, etherscanApi) |
|
||||||
if (result.status === '1') { |
|
||||||
result.message = result.result |
|
||||||
result.result = 'Successfully Updated' |
|
||||||
} |
|
||||||
} else result = await getReceiptStatus(values.receiptGuid, apiKey, etherscanApi) |
|
||||||
setResults({ |
|
||||||
succeed: result.status === '1' ? true : false, |
|
||||||
message: result.result || (result.status === '0' ? 'Verification failed' : result.message) |
|
||||||
}) |
|
||||||
} catch (error: any) { |
|
||||||
setResults({ |
|
||||||
succeed: false, |
|
||||||
message: error.message |
|
||||||
}) |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
return !context.apiKey ? ( |
|
||||||
<Navigate |
|
||||||
to={{ |
|
||||||
pathname: '/settings' |
|
||||||
}} |
|
||||||
/> |
|
||||||
) : ( |
|
||||||
<div> |
|
||||||
<Formik |
|
||||||
initialValues={{receiptGuid: ''}} |
|
||||||
validate={(values) => { |
|
||||||
const errors = {} as any |
|
||||||
if (!values.receiptGuid) { |
|
||||||
errors.receiptGuid = 'Required' |
|
||||||
} |
|
||||||
return errors |
|
||||||
}} |
|
||||||
onSubmit={(values) => onGetReceiptStatus(values, context.clientInstance, context.apiKey)} |
|
||||||
> |
|
||||||
{({errors, touched, handleSubmit, handleChange}) => ( |
|
||||||
<form onSubmit={handleSubmit}> |
|
||||||
<div className="form-group mb-2"> |
|
||||||
<label htmlFor="receiptGuid">Receipt GUID</label> |
|
||||||
<Field |
|
||||||
className={errors.receiptGuid && touched.receiptGuid ? 'form-control form-control-sm is-invalid' : 'form-control form-control-sm'} |
|
||||||
type="text" |
|
||||||
name="receiptGuid" |
|
||||||
/> |
|
||||||
<ErrorMessage className="invalid-feedback" name="receiptGuid" component="div" /> |
|
||||||
</div> |
|
||||||
|
|
||||||
<div className="d-flex mb-2 custom-control custom-checkbox"> |
|
||||||
<Field |
|
||||||
className="custom-control-input" |
|
||||||
type="checkbox" |
|
||||||
name="isProxyReceipt" |
|
||||||
id="isProxyReceipt" |
|
||||||
onChange={async (e) => { |
|
||||||
handleChange(e) |
|
||||||
if (e.target.checked) setIsProxyContractReceipt(true) |
|
||||||
else setIsProxyContractReceipt(false) |
|
||||||
}} |
|
||||||
/> |
|
||||||
<label className="form-check-label custom-control-label" htmlFor="isProxyReceipt"> |
|
||||||
It's a proxy contract GUID |
|
||||||
</label> |
|
||||||
</div> |
|
||||||
<SubmitButton dataId={null} text="Check" disable={!touched.receiptGuid || (touched.receiptGuid && errors.receiptGuid) ? true : false} /> |
|
||||||
</form> |
|
||||||
)} |
|
||||||
</Formik> |
|
||||||
|
|
||||||
<div |
|
||||||
className={results['succeed'] ? 'text-success mt-3 text-center' : 'text-danger mt-3 text-center'} |
|
||||||
dangerouslySetInnerHTML={{ |
|
||||||
__html: results.message ? results.message : '' |
|
||||||
}} |
|
||||||
/> |
|
||||||
|
|
||||||
<ReceiptsTable receipts={context.receipts} /> |
|
||||||
<br /> |
|
||||||
<CustomTooltip tooltipText="Clear the list of receipts" tooltipId="etherscan-clear-receipts" placement="bottom"> |
|
||||||
<Button |
|
||||||
className="btn-sm" |
|
||||||
onClick={() => { |
|
||||||
context.setReceipts([]) |
|
||||||
}} |
|
||||||
> |
|
||||||
Clear |
|
||||||
</Button> |
|
||||||
</CustomTooltip> |
|
||||||
</div> |
|
||||||
) |
|
||||||
} |
|
||||||
|
|
||||||
const ReceiptsTable = ({receipts}) => { |
|
||||||
return ( |
|
||||||
<div className="table-responsive"> |
|
||||||
<h6>Receipts</h6> |
|
||||||
<table className="table h6 table-sm"> |
|
||||||
<thead> |
|
||||||
<tr> |
|
||||||
<th scope="col">Status</th> |
|
||||||
<th scope="col">GUID</th> |
|
||||||
</tr> |
|
||||||
</thead> |
|
||||||
<tbody> |
|
||||||
{receipts && |
|
||||||
receipts.length > 0 && |
|
||||||
receipts.map((item: Receipt, index) => { |
|
||||||
return ( |
|
||||||
<tr key={item.guid}> |
|
||||||
<td |
|
||||||
className={ |
|
||||||
item.status === 'Pass - Verified' || item.status === 'Successfully Updated' |
|
||||||
? 'text-success' |
|
||||||
: item.status === 'Pending in queue' |
|
||||||
? 'text-warning' |
|
||||||
: item.status === 'Already Verified' |
|
||||||
? 'text-info' |
|
||||||
: 'text-secondary' |
|
||||||
} |
|
||||||
> |
|
||||||
{item.status} |
|
||||||
{item.status === 'Successfully Updated' && ( |
|
||||||
<CustomTooltip placement={'bottom'} tooltipClasses="text-wrap" tooltipId="etherscan-receipt-proxy-status" tooltipText={item.message}> |
|
||||||
<i style={{fontSize: 'small'}} className={'ml-1 fal fa-info-circle align-self-center'} aria-hidden="true"></i> |
|
||||||
</CustomTooltip> |
|
||||||
)} |
|
||||||
</td> |
|
||||||
<td>{item.guid}</td> |
|
||||||
</tr> |
|
||||||
) |
|
||||||
})} |
|
||||||
</tbody> |
|
||||||
</table> |
|
||||||
</div> |
|
||||||
) |
|
||||||
} |
|
||||||
@ -1,235 +0,0 @@ |
|||||||
import React, {useEffect, useRef, useState} from 'react' |
|
||||||
import { Web3 } from 'web3' |
|
||||||
|
|
||||||
import {PluginClient} from '@remixproject/plugin' |
|
||||||
import {CustomTooltip} from '@remix-ui/helper' |
|
||||||
import {Formik, ErrorMessage, Field} from 'formik' |
|
||||||
|
|
||||||
import {SubmitButton} from '../components' |
|
||||||
import {Receipt} from '../types' |
|
||||||
import {verify} from '../utils/verify' |
|
||||||
import {etherscanScripts} from '@remix-project/remix-ws-templates' |
|
||||||
|
|
||||||
interface Props { |
|
||||||
client: PluginClient |
|
||||||
apiKey: string |
|
||||||
onVerifiedContract: (receipt: Receipt) => void |
|
||||||
contracts: string[], |
|
||||||
networkName: string |
|
||||||
} |
|
||||||
|
|
||||||
interface FormValues { |
|
||||||
contractName: string |
|
||||||
contractAddress: string |
|
||||||
expectedImplAddress?: string |
|
||||||
} |
|
||||||
|
|
||||||
export const VerifyView = ({apiKey, client, contracts, onVerifiedContract, networkName}) => { |
|
||||||
const [results, setResults] = useState('') |
|
||||||
const [selectedContract, setSelectedContract] = useState('') |
|
||||||
const [showConstructorArgs, setShowConstructorArgs] = useState(false) |
|
||||||
const [isProxyContract, setIsProxyContract] = useState(false) |
|
||||||
const [constructorInputs, setConstructorInputs] = useState([]) |
|
||||||
const verificationResult = useRef({}) |
|
||||||
|
|
||||||
useEffect(() => { |
|
||||||
if (contracts.includes(selectedContract)) updateConsFields(selectedContract) |
|
||||||
}, [contracts]) |
|
||||||
|
|
||||||
const updateConsFields = (contractName) => { |
|
||||||
client.call('compilerArtefacts' as any, 'getArtefactsByContractName', contractName).then((result) => { |
|
||||||
const {artefact} = result |
|
||||||
if (artefact && artefact.abi && artefact.abi[0] && artefact.abi[0].type && artefact.abi[0].type === 'constructor' && artefact.abi[0].inputs.length > 0) { |
|
||||||
setConstructorInputs(artefact.abi[0].inputs) |
|
||||||
setShowConstructorArgs(true) |
|
||||||
} else { |
|
||||||
setConstructorInputs([]) |
|
||||||
setShowConstructorArgs(false) |
|
||||||
} |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
const onVerifyContract = async (values: FormValues) => { |
|
||||||
const compilationResult = (await client.call('solidity', 'getCompilationResult')) as any |
|
||||||
|
|
||||||
if (!compilationResult) { |
|
||||||
throw new Error('no compilation result available') |
|
||||||
} |
|
||||||
|
|
||||||
const constructorValues = [] |
|
||||||
for (const key in values) { |
|
||||||
if (key.startsWith('contractArgValue')) constructorValues.push(values[key]) |
|
||||||
} |
|
||||||
const web3 = new Web3() |
|
||||||
const constructorTypes = constructorInputs.map((e) => e.type) |
|
||||||
let contractArguments = web3.eth.abi.encodeParameters(constructorTypes, constructorValues) |
|
||||||
contractArguments = contractArguments.replace('0x', '') |
|
||||||
|
|
||||||
verificationResult.current = await verify( |
|
||||||
apiKey, |
|
||||||
values.contractAddress, |
|
||||||
contractArguments, |
|
||||||
values.contractName, |
|
||||||
compilationResult, |
|
||||||
null, |
|
||||||
isProxyContract, |
|
||||||
values.expectedImplAddress, |
|
||||||
client, |
|
||||||
onVerifiedContract, |
|
||||||
setResults |
|
||||||
) |
|
||||||
setResults(verificationResult.current['message']) |
|
||||||
} |
|
||||||
|
|
||||||
return ( |
|
||||||
<div> |
|
||||||
<Formik |
|
||||||
initialValues={{ |
|
||||||
contractName: '', |
|
||||||
contractAddress: '' |
|
||||||
}} |
|
||||||
validate={(values) => { |
|
||||||
const errors = {} as any |
|
||||||
if (!values.contractName) { |
|
||||||
errors.contractName = 'Required' |
|
||||||
} |
|
||||||
if (!values.contractAddress) { |
|
||||||
errors.contractAddress = 'Required' |
|
||||||
} |
|
||||||
if (values.contractAddress.trim() === '' || !values.contractAddress.startsWith('0x') || values.contractAddress.length !== 42) { |
|
||||||
errors.contractAddress = 'Please enter a valid contract address' |
|
||||||
} |
|
||||||
return errors |
|
||||||
}} |
|
||||||
onSubmit={(values) => onVerifyContract(values)} |
|
||||||
> |
|
||||||
{({errors, touched, handleSubmit, handleChange, isSubmitting}) => { |
|
||||||
return ( |
|
||||||
<form onSubmit={handleSubmit}> |
|
||||||
<div className="form-group"> |
|
||||||
<label htmlFor="network">Selected Network</label> |
|
||||||
<CustomTooltip |
|
||||||
tooltipText="Network is fetched from 'Deploy and Run Transactions' plugin's ENVIRONMENT field" |
|
||||||
tooltipId="etherscan-impl-address2" |
|
||||||
placement="bottom" |
|
||||||
> |
|
||||||
<Field className="form-control" type="text" name="network" value={networkName} disabled={true} /> |
|
||||||
</CustomTooltip> |
|
||||||
</div> |
|
||||||
<div className="form-group"> |
|
||||||
<label htmlFor="contractName">Contract Name</label> |
|
||||||
<Field |
|
||||||
as="select" |
|
||||||
className={errors.contractName && touched.contractName && contracts.length ? 'form-control is-invalid' : 'form-control'} |
|
||||||
name="contractName" |
|
||||||
onChange={async (e) => { |
|
||||||
handleChange(e) |
|
||||||
setSelectedContract(e.target.value) |
|
||||||
updateConsFields(e.target.value) |
|
||||||
}} |
|
||||||
> |
|
||||||
<option disabled={true} value=""> |
|
||||||
{contracts.length ? 'Select a contract' : `--- No compiled contracts ---`} |
|
||||||
</option> |
|
||||||
{contracts.map((item) => ( |
|
||||||
<option key={item} value={item}> |
|
||||||
{item} |
|
||||||
</option> |
|
||||||
))} |
|
||||||
</Field> |
|
||||||
<ErrorMessage className="invalid-feedback" name="contractName" component="div" /> |
|
||||||
</div> |
|
||||||
<div className={showConstructorArgs ? 'form-group d-block' : 'form-group d-none'}> |
|
||||||
<label>Constructor Arguments</label> |
|
||||||
{constructorInputs.map((item, index) => { |
|
||||||
return ( |
|
||||||
<div className="d-flex"> |
|
||||||
<Field className="form-control m-1" type="text" key={`contractArgName${index}`} name={`contractArgName${index}`} value={item.name} disabled={true} /> |
|
||||||
<CustomTooltip tooltipText={`value of ${item.name}`} tooltipId={`etherscan-constructor-value${index}`} placement="top"> |
|
||||||
<Field className="form-control m-1" type="text" key={`contractArgValue${index}`} name={`contractArgValue${index}`} placeholder={item.type} /> |
|
||||||
</CustomTooltip> |
|
||||||
</div> |
|
||||||
) |
|
||||||
})} |
|
||||||
</div> |
|
||||||
<div className="form-group"> |
|
||||||
<label htmlFor="contractAddress">Contract Address</label> |
|
||||||
<Field |
|
||||||
className={errors.contractAddress && touched.contractAddress ? 'form-control is-invalid' : 'form-control'} |
|
||||||
type="text" |
|
||||||
name="contractAddress" |
|
||||||
placeholder="e.g. 0x11b79afc03baf25c631dd70169bb6a3160b2706e" |
|
||||||
/> |
|
||||||
<ErrorMessage className="invalid-feedback" name="contractAddress" component="div" /> |
|
||||||
<div className="d-flex mb-2 custom-control custom-checkbox"> |
|
||||||
<Field |
|
||||||
className="custom-control-input" |
|
||||||
type="checkbox" |
|
||||||
name="isProxy" |
|
||||||
id="isProxy" |
|
||||||
onChange={async (e) => { |
|
||||||
handleChange(e) |
|
||||||
if (e.target.checked) setIsProxyContract(true) |
|
||||||
else setIsProxyContract(false) |
|
||||||
}} |
|
||||||
/> |
|
||||||
<label className="form-check-label custom-control-label" htmlFor="isProxy"> |
|
||||||
It's a proxy contract address |
|
||||||
</label> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
<div className={isProxyContract ? 'form-group d-block' : 'form-group d-none'}> |
|
||||||
<label htmlFor="expectedImplAddress">Expected Implementation Address</label> |
|
||||||
<CustomTooltip |
|
||||||
tooltipText="Providing expected implementation address enforces a check to ensure the returned implementation contract address is same as address picked up by the verifier" |
|
||||||
tooltipId="etherscan-impl-address" |
|
||||||
placement="bottom" |
|
||||||
> |
|
||||||
<Field className="form-control" type="text" name="expectedImplAddress" placeholder="verified implementation contract address" /> |
|
||||||
</CustomTooltip> |
|
||||||
<i style={{fontSize: 'x-small'}} className={'ml-1 fal fa-info-circle align-self-center'} aria-hidden="true"></i> |
|
||||||
<label> Make sure contract is already verified on Etherscan</label> |
|
||||||
</div> |
|
||||||
<SubmitButton |
|
||||||
dataId="verify-contract" |
|
||||||
text="Verify" |
|
||||||
isSubmitting={isSubmitting} |
|
||||||
disable={ |
|
||||||
!contracts.length || |
|
||||||
!touched.contractName || |
|
||||||
!touched.contractAddress || |
|
||||||
(touched.contractName && errors.contractName) || |
|
||||||
(touched.contractAddress && errors.contractAddress) || |
|
||||||
networkName === 'VM (Not supported)' |
|
||||||
? true |
|
||||||
: false |
|
||||||
} |
|
||||||
/> |
|
||||||
<br /> |
|
||||||
<CustomTooltip tooltipText="Generate the required TS scripts to verify a contract on Etherscan" tooltipId="etherscan-generate-scripts" placement="bottom"> |
|
||||||
<button |
|
||||||
type="button" |
|
||||||
className="mr-2 mb-2 py-1 px-2 btn btn-secondary btn-block" |
|
||||||
onClick={async () => { |
|
||||||
etherscanScripts({}, client) |
|
||||||
}} |
|
||||||
> |
|
||||||
Generate Verification Scripts |
|
||||||
</button> |
|
||||||
</CustomTooltip> |
|
||||||
</form> |
|
||||||
) |
|
||||||
}} |
|
||||||
</Formik> |
|
||||||
<div |
|
||||||
data-id="verify-result" |
|
||||||
className={verificationResult.current['succeed'] ? 'text-success mt-4 text-center' : 'text-danger mt-4 text-center'} |
|
||||||
style={{fontSize: '0.8em'}} |
|
||||||
dangerouslySetInnerHTML={{__html: results}} |
|
||||||
/> |
|
||||||
{/* <div style={{ display: "block", textAlign: "center", marginTop: "1em" }}> |
|
||||||
<Link to="/receipts">View Receipts</Link> |
|
||||||
</div> */} |
|
||||||
</div> |
|
||||||
) |
|
||||||
} |
|
||||||
@ -1,4 +0,0 @@ |
|||||||
export { HomeView } from "./HomeView" |
|
||||||
export { ErrorView } from "./ErrorView" |
|
||||||
export { ReceiptsView } from "./ReceiptsView" |
|
||||||
export { CaptureKeyView } from "./CaptureKeyView" |
|
||||||
@ -1,14 +0,0 @@ |
|||||||
import React from 'react' |
|
||||||
import * as ReactDOM from 'react-dom' |
|
||||||
import { createRoot } from 'react-dom/client'; |
|
||||||
import App from './app/app' |
|
||||||
|
|
||||||
|
|
||||||
const container = document.getElementById('root'); |
|
||||||
|
|
||||||
if (container) { |
|
||||||
createRoot(container).render( |
|
||||||
<App /> |
|
||||||
); |
|
||||||
} |
|
||||||
|
|
||||||
@ -1,16 +0,0 @@ |
|||||||
{ |
|
||||||
"name": "etherscan", |
|
||||||
"displayName": "Contract verification - Etherscan", |
|
||||||
"description": "Verify Solidity contract code using Etherscan, BscScan, PolygonScan etc. APIs", |
|
||||||
"version": "0.1.0", |
|
||||||
"events": [], |
|
||||||
"methods": ["verify", "receiptStatus"], |
|
||||||
"kind": "none", |
|
||||||
"icon": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHsAAAB7CAYAAABUx/9/AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAHBklEQVR42u2dy3WbTBTH/+ikgFEFwZ8K8HQAm6yjDkIHdiogHWBXgDqADgQVaLLJToZ1NtAB38JC0QNJIPGYx73nsIgcHVvz033OnblWVVXQQcqyhBACQgiUZYk0TfHnz5/q79+/rd7PGPsA8I1z/gEAjuOAMQbOOVzX1WKNLFVhCyGQJAnSNEUcx0N/CMu2bXDO4TgOXNcF51y9RauqSomnKApEUQTG2BZANeXDGNsyxuB5HqIoUmYNpf8DoyjC1HBbPEqAl/KPyrJMCg2+V+N930eWZQT72rNer6Ea4FvavtlsCLbGkM+gu66L9XptNuwsy3SG3KjpU5r3ySJrgyCfQfd93wzYmpvs1sBt2x7dtJM2S2DatYJN2nxby8eI2of/BQSzNfQgCNSETWb7PuDL5VIt2IalVL0D55wPwmXW98bKfD7fPj096bFvOtHeVJ7n2/l8DiGEvLteKtazZa+z9xm4EWiDgBNog4ATaIOAE2iDgFMebVBadnfDoWVZlF5N1CTKOcdms+n8xhmBVi8PF0Lg58+fw+fZZErlMeldGxwpIFM8YOvS+UJarUF/W++waWGbNSuKoof6ynpom269NUrme0SfOYQydTHnpNUPwO6zU3QMc06gH1hgyTp6blqam0UVyqkvL02fJ2B7WGfLtu26caR7UYVAK9f0gLe3t+7fzvl8vi3L8j9aQ2U0u75QYLHbt2hfQSOfrJzPvnni5OK3k0y4epp9y3fPCLSevnu1WrX7dhJspTX74jbojEDruw162oo8o3XRV97f3y+bIkq3tDHjzWmYhukWPM976Oxzy50oFQ5AIgzD5to4DG/I6whACdiHBwVnhyZcB9uq5M2DAwljbJskyXmApouv/vr1K1E+YFqWJeI4pmjcFEnTlGCbInmeAwC+UCFFa5/9AaC+//UTNom2PntxWDIlM65x0ScMw6PshGBrCtr3fXied/QiwdYQtOd5+PXr19kPZhSc6QXadV2EYdj4wykCNItzDs555wLI+/s7bdTcWNfdbZIXRam7Om9sUPR64y/UqY232hMY3Wf/+PHjofcXRbEgJT7X6DaH80eHrcuMLNVAUzRuEGiCbRBogm0Q6Le3N6qNmwB6V0uxSLMVK5jcCZrMuEqg6ybKLnLaakawFQDt+/7FEug10KfVRvLZkkrd9x0EwdnuVRtpKisTbIlBr9fru7plL21uEWwJzXY9+umuN1/ZxSSfLRno19fXQUCTZkskVVVZcRxjuVwOApo0WzIZEjTB1sHud+g0mlVVZdGSaQ/a4pyTZpug0cDncFeCbQBoAHh+fibYJoAGPjuECLYikuf5Q2fyOOefeXZVVRb1j8srD951Y3HOwRgjzdYc9N6EA1RB09I/n4rjOJ95dv1CfZaXRB/QjLEPxti+MreHTc33+ml0WZaLwz598tl3sPA8z7p2Y/9UEXeTfP/+/d8/Rp7yM/S5qCHPesHzvF6HwAy59vVUoKIo9r/jKEArimJBKdixzwOweHl5aTzvLJvZPjXhnueBMbZ/jaLxKzJGHDOkcp0eojzz2bQLNo4kSTIkaItzfnaIkjRb4Wj7mry8vJy91hiNk3YPI0NE203fJdu2G9uPSbNHkjHvcr904cGXa5Eo3V+ijtk+yB7w+vraDbZqaVj9QW3bNlKb63QrCIKjdOvoSzfyLM5eRi3UR1Bt2wbnHI7jwHVdae4az/McT09PYyvKzVmcSvrsLMss2bR4Km0+lCAIrv+HsUcHDlFqlOHZHaedbFxGL/Oze67bagd5ZzYnm4tS18Db1OxbmfGiKBZxHO/nRDHG8Pz8fC1YOvKftm1LaXJVibJvBWW+77da315nU1HOPP73zXXd1jcy0H52B1mtVrAsq5IBdN2F0ulGBl0Dpj6f3YJKN8PscEBbq0CbYCoHuaqrZF0/D/lsuX1yo5++5y408tknVa/5fL6VxSdfq5J1vSKLfLb8proxn95sNvf31JkIuOUUXa1AGwd7VztWanJwX6CNgK2KmR4atJawsyxTUoOHBq0N7CiK6u6MSodnCNDKwtYNLhom+Qxx8kT65oUkSSCEwO/fv7FarXSvAFnL5RJhGF5sLXpEpICd5znyPIcQAmVZIk1TJEliWmnPCoLgYrOgUrCTJEGSJAD+TWo3EOjFqlgYhsOPwRrT12rqYx+eYHh40nLQ9TesV0sayHWNe1RlmyqiNhm07/ujabM0qdfUzXpTmOyhDvMrk2fv9ma1hVz3iU29ztSWO7Am910F066ClmUZfN9XdofK9/1JzbWy5dIoilSAjuVyiSiKpF5L5WriMjQd1BrseR6iKJoksr7nUbbhUAiBJEmQpiniOB7lNgMZT4x2+hA6dZfWmyZ1fV0I0bpLtL4Gq4boOM7+GFN9q6/q8j8QmqQtM04gOgAAAABJRU5ErkJggg==", |
|
||||||
"location": "sidePanel", |
|
||||||
"url": "https://ipfs-cluster.ethdevops.io/ipfs/QmQsZbBSYCVBVpz2mVRbPRVTrcz59oJEpuuoxiT9otu3mh", |
|
||||||
"repo": "https://github.com/ethereum/remix-project/tree/master/apps/etherscan", |
|
||||||
"documentation": "https://remix-ide.readthedocs.io/en/latest/contract_verification.html#etherscan", |
|
||||||
"maintainedBy": "Remix", |
|
||||||
"authorContact": "remix@ethereum.org" |
|
||||||
} |
|
||||||
@ -0,0 +1 @@ |
|||||||
|
# Remix Dapp |
||||||
@ -0,0 +1,9 @@ |
|||||||
|
{ |
||||||
|
"name": "remix-dapp", |
||||||
|
"version": "1.0.0", |
||||||
|
"main": "index.js", |
||||||
|
"license": "MIT", |
||||||
|
"dependencies": { |
||||||
|
"webpack-manifest-plugin": "^5.0.0" |
||||||
|
} |
||||||
|
} |
||||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in new issue