check if compiled contract present before doing stuff

src/app/tabs/compile-tab.js

@@ -286,27 +286,31 @@ function compileTab (container, appAPI, appEvents, opts) {
 
     function details () {
       var select = el.querySelector('select')
-      var contractName = select.children[select.selectedIndex].innerText
+      if (select.children.length > 0 && select.selectedIndex >= 0) {
-      var details = contractsDetails[contractName]
+        var contractName = select.children[select.selectedIndex].innerText
-      var keys = Object.keys(contractsDetails[contractName])
+        var details = contractsDetails[contractName]
-      var log = yo`<div class="${css.detailsJSON}"></div>`
+        var keys = Object.keys(contractsDetails[contractName])
-      keys.map(x => {
+        var log = yo`<div class="${css.detailsJSON}"></div>`
-        var copyDetails = yo`<span class="${css.copyDetails}"><i title="Copy details" class="fa fa-clipboard" onclick=${() => { copy(details[x]) }} aria-hidden="true"></i></span>`
+        keys.map(x => {
-        log.appendChild(yo`<div class=${css.log}><pre>${x}: ${JSON.stringify(details[x], null, 4)}</pre>${copyDetails}</div>`)
+          var copyDetails = yo`<span class="${css.copyDetails}"><i title="Copy details" class="fa fa-clipboard" onclick=${() => { copy(details[x]) }} aria-hidden="true"></i></span>`
-      })
+          log.appendChild(yo`<div class=${css.log}><pre>${x}: ${JSON.stringify(details[x], null, 4)}</pre>${copyDetails}</div>`)
-      modalDialog(contractName, log, {label: 'OK'}, {label: ''})
+        })
+        modalDialog(contractName, log, {label: 'OK'}, {label: ''})
+      }
     }
 
     function publish (appAPI) {
       var selectContractNames = document.querySelector(`.${css.contractNames.classNames[0]}`)
-      var contract = contractsDetails[selectContractNames.children[selectContractNames.selectedIndex].innerText]
+      if (selectContractNames.children.length > 0 && selectContractNames.selectedIndex >= 0) {
-      publishOnSwarm(contract, appAPI, function (err) {
+        var contract = contractsDetails[selectContractNames.children[selectContractNames.selectedIndex].innerText]
-        if (err) {
+        publishOnSwarm(contract, appAPI, function (err) {
-          alert('Failed to publish metadata: ' + err)
+          if (err) {
-        } else {
+            alert('Failed to publish metadata: ' + err)
-          alert('Metadata published successfully')
+          } else {
-        }
+            alert('Metadata published successfully')
-      })
+          }
+        })
+      }
     }
     return el
   }

src/app/tabs/run-tab.js

@@ -231,7 +231,7 @@ function contractDropdown (appAPI, appEvents, instanceContainer) {
 
   function setInputParamsPlaceHolder () {
     createButtonInput.value = ''
-    if (appAPI.getContracts()) {
+    if (appAPI.getContracts() && selectContractNames.selectedIndex >= 0 && selectContractNames.children.length > 0) {
       var contract = appAPI.getContracts()[selectContractNames.children[selectContractNames.selectedIndex].innerText]
       var ctrabi = txHelper.getConstructorInterface(contract.interface)
       if (ctrabi.inputs.length) {