Add support for custom solidity config file

Author: ioedeveloper

libs/remix-ui/solidity-compiler/src/lib/compiler-container.tsx

@@ -436,7 +436,15 @@ export const CompilerContainer = (props: CompilerContainerProps) => {
     let externalCompType
     if (hhCompilation) externalCompType = 'hardhat'
     else if (truffleCompilation) externalCompType = 'truffle'
-    compileTabLogic.runCompiler(externalCompType)
+    compileTabLogic.runCompiler(externalCompType).catch((error) => {
+      tooltip(error.message)
+      compileIcon.current.classList.remove('remixui_bouncingIcon')
+      compileIcon.current.classList.remove('remixui_spinningIcon')
+      // @ts-ignore
+      props.setCompileErrors({ [currentFile]: { error: error.message } })
+      // @ts-ignore
+      props.setBadgeStatus({ [currentFile]: { key: 1, title: error.message, type: 'error' } })
+    })
   }
 
   const compileAndRun = () => {
@@ -448,7 +456,15 @@ export const CompilerContainer = (props: CompilerContainerProps) => {
     if (hhCompilation) externalCompType = 'hardhat'
     else if (truffleCompilation) externalCompType = 'truffle'
     api.runScriptAfterCompilation(currentFile)
-    compileTabLogic.runCompiler(externalCompType)
+    compileTabLogic.runCompiler(externalCompType).catch((error) => {
+      tooltip(error.message)
+      compileIcon.current.classList.remove('remixui_bouncingIcon')
+      compileIcon.current.classList.remove('remixui_spinningIcon')
+      // @ts-ignore
+      props.setCompileErrors({ [currentFile]: { error: error.message } })
+      // @ts-ignore
+      props.setBadgeStatus({ [currentFile]: { key: 1, title: error.message, type: 'error' } })
+    })
   }
 
   const _updateVersionSelector = (version, customUrl = '', setQueryParameter = true) => {

libs/remix-ui/solidity-compiler/src/lib/logic/compileTabLogic.ts

@@ -117,7 +117,28 @@ export class CompileTabLogic {
         const config = JSON.parse(configContent)
 
         if (config['solidity-compiler']) {
-          this.compiler.set('configFileContent', config['solidity-compiler'])
+          if (typeof config['solidity-compiler'] === 'string') {
+            if (config['solidity-compiler'].endsWith('.json')) {
+              const configFilePath = config['solidity-compiler']
+              const fileExists = await this.api.fileExists(configFilePath)
+
+              if (fileExists) {
+                try {
+                  const fileContent = await this.api.readFile(configFilePath)
+                  config['solidity-compiler'] = JSON.parse(fileContent)
+                  this.compiler.set('configFileContent', config['solidity-compiler'])
+                } catch (e) {
+                  throw new Error('Configuration file specified in remix.config.json contains invalid configuration')
+                }
+              } else {
+                throw new Error('Configuration file specified in remix.config.json does not exist')
+              }
+            } else {
+              throw new Error('Configuration file specified in remix.config.json is not a valid JSON file')
+            }
+          } else {
+            this.compiler.set('configFileContent', config['solidity-compiler'])
+          }
         } else {
           this.compiler.set('configFileContent', JSON.parse(configFileContent))
           this.api.writeFile(remixConfigPath, JSON.stringify({ ...config, 'solidity-compiler': JSON.parse(configFileContent) }, null, 2))

libs/remix-ui/solidity-compiler/src/lib/solidity-compiler.tsx

@@ -285,6 +285,8 @@ export const SolidityCompiler = (props: SolidityCompilerProps) => {
           updateCurrentVersion={updateCurrentVersion}
           configurationSettings={configurationSettings}
           solJsonBinData={state.solJsonBinData}
+          setCompileErrors={setCompileErrors}
+          setBadgeStatus={setBadgeStatus}
         />
         {/* "compileErrors[currentFile]['contracts']" field will not be there in case of compilation errors */}
         {contractsFile && contractsFile[currentFile] && contractsFile[currentFile].contractsDetails

libs/remix-ui/solidity-compiler/src/lib/types/index.ts

@@ -21,7 +21,9 @@ export interface CompilerContainerProps {
   compiledFileName: string,
   updateCurrentVersion: any,
   configurationSettings: ConfigurationSettings,
-  solJsonBinData: iSolJsonBinData
+  solJsonBinData: iSolJsonBinData,
+  setCompileErrors: (errors: Record<string, CompileErrors>) => void
+  setBadgeStatus: (badgeStatus: Record<string, { key: string; title?: string; type?: string }>) => void
 }
 
 export interface ContractSelectionProps {