Resolve ENS addresses upon submission

src/injector.ts

@@ -12,6 +12,7 @@ const save = outputFileSync;
 import {
   cborDecode,
   getBytecode,
+  resolveAddress,
   recompile,
   RecompilationResult,
 } from './utils';
@@ -188,18 +189,23 @@ export default class Injector {
    * and by swarm | ipfs hash.
    * @param  {string}            repository repository root (ex: 'repository')
    * @param  {string}            chain      chain name (ex: 'ropsten')
-   * @param  {string}            address    contract address
+   * @param  {string}            address    contract address or ENS address
+   * @param  {boolean}           isENS      needs to be resolved by ENS
    * @param  {string[]}          files
    * @return {Promise<string[]>}            addresses of successfully verified contracts
    */
   public async inject(
     repository: string,
     chain: string,
     address: string,
+    isENS: boolean,
     files: string[]
   ) : Promise<string[]> {
 
     if (address) {
+      if (isENS) {
+        address = resolveAddress(address)
+      }
       address = Web3.utils.toChecksumAddress(address)
     }
 

src/server.ts

@@ -60,6 +60,7 @@ app.post('/', (req, res) => {
       repository,
       req.body.chain,
       req.body.address,
+      req.body.isENS,
       files
     ).then(result => {
       res.status(200).send({ result })

src/utils.ts

@@ -47,6 +47,16 @@ export async function getBytecode(web3: Web3, address: string) {
   return await web3.eth.getCode(address);
 };
 
+/**
+ * Wraps ens.getAddress
+ * @param {Web3}   web3    connected web3 instance
+ * @param {string} address ENS address
+ */
+export async function resolveAddress(web3: Web3, address: string) {
+  console.log("Resolving ENS address at " + address + "to ethereum account...")
+  return await web3.eth.ens.getAddress(address)
+}
+
 /**
  * Formats metadata into an object which can be passed to solc for recompilation
  * @param  {any}                 metadata solc metadata object

ui/App.js

@@ -3,33 +3,39 @@ import { useDropzone } from 'react-dropzone'
 import Select from 'react-select'
 
 export default function App() {
-    const chainOptions = [
-        { value: 'mainnet', label: 'Ethereum Mainnet' },
-        { value: 'ropsten', label: 'Ropsten' },
-        { value: 'rinkeby', label: 'Rinkeby' },
-        { value: 'kovan', label: 'Kovan' },
-        { value: 'goerli', label: 'Görli' }
-    ]
-
-    if (process.env.NODE_ENV === 'testing'){
-      chainOptions.push({
-        value: 'localhost',
-        label: 'localhost:8545'
-      })
-    }
+  const chainOptions = [
+      { value: 'mainnet', label: 'Ethereum Mainnet' },
+      { value: 'ropsten', label: 'Ropsten' },
+      { value: 'rinkeby', label: 'Rinkeby' },
+      { value: 'kovan', label: 'Kovan' },
+      { value: 'goerli', label: 'Görli' }
+  ]
+
+  if (process.env.NODE_ENV === 'testing'){
+    chainOptions.push({
+      value: 'localhost',
+      label: 'localhost:8545'
+    })
+  }
 
-    const { acceptedFiles, getRootProps, getInputProps } = useDropzone()
-    const [chain, updateChain] = useState(chainOptions[0])
-    const [address, updateAddress] = useState('')
-    const [loading, updateLoading] = useState(false)
-    const [error, updateError] = useState(null)
-    const url = process.env.SERVER_URL
-    const repositoryUrl = process.env.REPOSITORY_URL
-    const log = console.log
-    log(`Server URL: ${url}`)
+  const { acceptedFiles, getRootProps, getInputProps } = useDropzone()
+  const [chain, updateChain] = useState(chainOptions[0])
+  const [address, updateAddress] = useState('')
+  const [ens, updateENS] = useState(false)
+  const [loading, updateLoading] = useState(false)
+  const [error, updateError] = useState(null)
+  const url = process.env.SERVER_URL
+  const repositoryUrl = process.env.REPOSITORY_URL
+  const log = console.log
+  log(`Server URL: ${url}`)
 
   const [result, updateResult] = useState([])
 
+  function handleChange(e) {
+    updateENS(/[A-Za-z]\w+(.eth)$/.test(e.target.value))
+    updateAddress(e.target.value)
+  }
+
   function handleSubmit() {
     updateError(null)
     updateResult([])
@@ -40,11 +46,16 @@ export default function App() {
       formData.append('files', file)
     })
     formData.append('chain', chain.value)
-    if (address) formData.append('address', address)
+    if (address) {
+      formData.append('address', address)
+      formData.append('isENS', ens)
+    }
+
     try{
       fetch(`${url}`, {
         method: 'POST',
         body: formData
+
       })
         .then(res => res.json())
         .then(response => {
@@ -114,9 +125,9 @@ export default function App() {
             <input
               type="text"
               name="address"
-              placeholder="Contract Address (required)"
+              placeholder="Contract Address (optional for Mainnet) or ENS Address"
               value={address}
-              onChange={e => updateAddress(e.target.value)}
+              onChange={e => handleChange(e)}
             />
 
             <div {...getRootProps({ className: 'app-dropzone' })}>

ui/index.css

@@ -71,7 +71,7 @@ input[type='submit']:disabled {
 }
 
 .app-fieldset_left > * {
-  min-width: 240px;
+  min-width: 300px;
 }
 
 .select {