Merge pull request #6109 from ethereum/vyper-playbtn-fix

Fix vyper compilation from play button

Author: yann300

apps/remix-ide/src/app/plugins/templates-selection/templates.ts

@@ -268,7 +268,7 @@ export const templates = (intl: any, plugin: any): TemplateGroup[] => {
       tooltip: "Cookbook is a Smart Contract Search Tool. Click here to open Cookbook and browse Contracts.",
       onClick: async () => {
         await plugin.call('manager', 'activatePlugin', 'cookbookdev')
-        plugin.call('menuicons', 'showContent', 'cookbookdev')
+        await plugin.call('menuicons', 'showContent', 'cookbookdev')
       },
       onClickLabel: 'Open Cookbook Plugin',
       description: 'Discover more templates!',

apps/vyper/src/app/utils/compiler.tsx

@@ -82,9 +82,8 @@ export async function compile(url: string, contract: Contract): Promise<VyperCom
       [contractName] : { content : contract.content }
     }
   }
-console.log('compilePackage', `${url}compile`)
-  let response = await axios.post(`${url}compile`, compilePackage )
 
+  let response = await axios.post(`${url.endsWith('/') ? url + 'compile' : url + '/compile'}`, compilePackage )
   if (response.status === 404) {
     throw new Error(`Vyper compiler not found at "${url}".`)
   }
@@ -97,17 +96,17 @@ console.log('compilePackage', `${url}compile`)
   response = null
   let result: any
 
-  const status = await (await axios.get(url + 'status/' + compileCode , {
+  const status = await (await axios.get(`${url.endsWith('/') ? url + 'status/' : url + '/status/'}`+ compileCode , {
     method: 'Get'
   })).data
   if (status === 'SUCCESS') {
-    result = await(await axios.get(url + 'artifacts/' + compileCode , {
+    result = await(await axios.get(`${url.endsWith('/') ? url + 'artifacts/' : url + '/artifacts/'}` + compileCode , {
       method: 'Get'
     })).data
 
     return result
   } else if (status === 'FAILED') {
-    const intermediate = await(await axios.get(url + 'exceptions/' + compileCode , {
+    const intermediate = await(await axios.get(`${url.endsWith('/') ? url + 'exceptions/' : url + '/exceptions/'}` + compileCode , {
       method: 'Get'
     })).data
     return intermediate
@@ -189,7 +188,7 @@ export async function compileContract(contract: string, compilerUrl: string, set
       title: 'Compiling'
     })
     // try {
-    let output = await compile(compilerUrl, _contract)
+    const output = await compile(compilerUrl, _contract)
     if (output && output[0] && output[0].status === 'failed') {
       remixClient.changeStatus({
         key: 'failed',