change compile to async format

api/src/handlers/compile.rs

@@ -14,6 +14,7 @@ use rocket::State;
 use solang_parser::pt::SourceUnitPart;
 use std::path::{Path, PathBuf};
 use std::process::{Command, Stdio};
+use tracing::info;
 use tracing::instrument;
 
 #[instrument]

plugin/src/features/Compilation/index.tsx

@@ -5,7 +5,6 @@ import { CompiledContractsContext } from '../../contexts/CompiledContractsContex
 import { RemixClientContext } from '../../contexts/RemixClientContext'
 import { apiUrl } from '../../utils/network'
 import {
-  artifactFilename,
   artifactFolder,
   getFileExtension,
   getFileNameFromPath
@@ -17,6 +16,7 @@ import { ethers } from 'ethers'
 import CompilationContext from '../../contexts/CompilationContext'
 import { type AccordianTabs } from '../Plugin'
 import { type Contract } from '../../types/contracts'
+import { asyncFetch } from '../../utils/async_fetch'
 
 // eslint-disable-next-line @typescript-eslint/no-empty-interface
 interface CompilationProps {
@@ -355,16 +355,8 @@ const Compilation: React.FC<CompilationProps> = ({ setAccordian }) => {
       }
 
       setStatus('Compiling...')
-      response = await fetch(
-        `${apiUrl}/compile/${hashDir}/${currentFilePath}`,
-        {
-          method: 'GET',
-          redirect: 'follow',
-          headers: {
-            'Content-Type': 'text/plain'
-          }
-        }
-      )
+
+      response = await asyncFetch(`compile-async/${hashDir}/${currentFilePath}`, 'compile-result')
 
       if (!response.ok) {
         await remixClient.call(

plugin/src/features/Deployment/index.tsx

@@ -8,7 +8,6 @@ import Container from '../../ui_components/Container'
 import { RemixClientContext } from '../../contexts/RemixClientContext'
 import { type AccordianTabs } from '../Plugin'
 import TransactionContext from '../../contexts/TransactionContext'
-import { Wallet, Provider } from 'zksync-web3'
 import * as zksync from 'zksync-web3'
 import ConstructorInput from '../../components/ConstructorInput'
 import { DeployedContractsContext } from '../../contexts/DeployedContractsContext'

plugin/src/utils/async_fetch.ts

@@ -14,15 +14,13 @@ export async function asyncFetch (method: string, getterMethod: string) {
   try {
     await waitProcess(pid)
 
-    const response = await fetch(`${apiUrl}/${getterMethod}/${pid}`, {
+    return await fetch(`${apiUrl}/${getterMethod}/${pid}`, {
       method: 'GET',
       redirect: 'follow',
       headers: {
         'Content-Type': 'application/octet-stream'
       }
     })
-
-    return await response.text()
   } catch (e) {
     throw new Error(`Error while running process with id ${pid}, error: ${e}`)
   }