disable SSA for versions < 0.4.12

libs/remix-ui/static-analyser/src/lib/Button/StaticAnalyserButton.tsx

@@ -3,16 +3,20 @@ import React from 'react'  //eslint-disable-line
 interface StaticAnalyserButtonProps {
   onClick: (event) => void
   buttonText: string,
-  disabled?: boolean
+  disabled?: boolean,
+  title?: string
 }
 
 const StaticAnalyserButton = ({
   onClick,
   buttonText,
-  disabled
+  disabled,
+  title
 }: StaticAnalyserButtonProps) => {
+  let classList = "btn btn-sm w-25 btn-primary"
+  classList += disabled ? " disabled" : "" 
   return (
-    <button className="btn btn-sm w-25 btn-primary" onClick={onClick} disabled={disabled}>
+    <button className={classList} disabled={disabled} title={title} onClick={onClick}>
       {buttonText}
     </button>
   )

libs/remix-ui/static-analyser/src/lib/remix-ui-static-analyser.tsx

@@ -2,6 +2,7 @@ import React, { useEffect, useState, useReducer, useRef } from 'react' // eslint
 import Button from './Button/StaticAnalyserButton' // eslint-disable-line
 import { util } from '@remix-project/remix-lib'
 import _ from 'lodash'
+import * as semver from 'semver'
 import { TreeView, TreeViewItem } from '@remix-ui/tree-view' // eslint-disable-line
 import { RemixUiCheckbox } from '@remix-ui/checkbox' // eslint-disable-line
 import ErrorRenderer from './ErrorRenderer' // eslint-disable-line
@@ -9,6 +10,7 @@ import { compilation } from './actions/staticAnalysisActions'
 import { initialState, analysisReducer } from './reducers/staticAnalysisReducer'
 import { OverlayTrigger, Tooltip } from 'react-bootstrap'// eslint-disable-line
 import { CodeAnalysis } from '@remix-project/remix-analyzer'
+import { setIpfsCheckedState } from 'libs/remix-ui/run-tab/src/lib/actions/payload'
 
 declare global {
   interface Window {
@@ -64,14 +66,30 @@ export const RemixUiStaticAnalyser = (props: RemixUiStaticAnalyserProps) => {
   const [autoRun, setAutoRun] = useState(true)
   const [slitherEnabled, setSlitherEnabled] = useState(false)
   const [showSlither, setShowSlither] = useState(false)
+  const [isSupportedVersion, setIsSupportedVersion] = useState(false)
   let [showLibsWarning, setShowLibsWarning] = useState(false) // eslint-disable-line prefer-const
   const [categoryIndex, setCategoryIndex] = useState(groupedModuleIndex(groupedModules))
   const [warningState, setWarningState] = useState({})
+  const [runButtonTitle, setRunButtonTitle] = useState<string>('Run Static Analysis')
 
   const warningContainer = useRef(null)
   const allWarnings = useRef({})
   const [state, dispatch] = useReducer(analysisReducer, initialState)
 
+  const setDisableForRun = (version: string) => {
+    const truncateVersion = (version: string) => {
+      const tmp: RegExpExecArray | null = /^(\d+.\d+.\d+)/.exec(version)
+      return tmp ? tmp[1] : version
+    }
+    if (version != '' && !semver.gt(truncateVersion(version), '0.4.12')) {
+      setIsSupportedVersion(false)
+      setRunButtonTitle('Sselect Solidity compiler version greater than 0.4.12.')
+    } else {
+      setIsSupportedVersion(true)
+      setRunButtonTitle('Run static analysis')
+    }
+  }
+
   useEffect(() => {
     compilation(props.analysisModule, dispatch)
   }, [props])
@@ -91,6 +109,10 @@ export const RemixUiStaticAnalyser = (props: RemixUiStaticAnalyserProps) => {
     return () => { }
   }, [state])
 
+  useEffect(() => {
+    props.analysisModule.call('solidity', 'getCompilerState').then((compilerState) => setDisableForRun(compilerState.currentVersion))
+  }, [])
+
   useEffect(() => {
     props.analysisModule.on('filePanel', 'setWorkspace', (currentWorkspace) => {
       // Reset warning state
@@ -119,20 +141,24 @@ export const RemixUiStaticAnalyser = (props: RemixUiStaticAnalyserProps) => {
         setSlitherEnabled(false)
       }
     })
+    
+    props.analysisModule.on('solidity', 'compilerLoaded', async (version: string) => {
+      setDisableForRun(version)
+    })
     return () => { }
   }, [props])
 
   const message = (name, warning, more, fileName, locationString) : string => {
     return (`
-    <span className='d-flex flex-column'>
-    <span className='h6 font-weight-bold'>${name}</span>
-    ${warning}
-    ${more
-      ? (<span><a href={more} target='_blank'>more</a></span>)
-      : (<span> </span>)
-    }
-    <span className="" title={Position in ${fileName}}>Pos: ${locationString}</span>
-    </span>`
+      <span className='d-flex flex-column'>
+      <span className='h6 font-weight-bold'>${name}</span>
+      ${warning}
+      ${more
+        ? (<span><a href={more} target='_blank'>more</a></span>)
+        : (<span> </span>)
+      }
+      <span className="" title={Position in ${fileName}}>Pos: ${locationString}</span>
+      </span>`
     )
   }
 
@@ -183,6 +209,7 @@ export const RemixUiStaticAnalyser = (props: RemixUiStaticAnalyserProps) => {
   }
 
   const run = async (lastCompilationResult, lastCompilationSource, currentFile) => {
+    if (!isSupportedVersion) return
     if (state.data !== null) {
       if (lastCompilationResult && (categoryIndex.length > 0 || slitherEnabled)) {
         const warningMessage = []
@@ -474,7 +501,12 @@ export const RemixUiStaticAnalyser = (props: RemixUiStaticAnalyserProps) => {
             label="Autorun"
             onChange={() => {}}
           />
-          <Button buttonText="Run" onClick={async () => await run(state.data, state.source, state.file)} disabled={(state.data === null || categoryIndex.length === 0) && !slitherEnabled }/>
+          <Button
+            buttonText="Run"
+            title={runButtonTitle}
+            onClick={async () => await run(state.data, state.source, state.file)}
+            disabled={(state.data === null || categoryIndex.length === 0) && !slitherEnabled || !isSupportedVersion }
+          />
         </div>
         { showSlither &&
           <div className="d-flex mt-2" id="enableSlitherAnalysis">
@@ -520,15 +552,15 @@ export const RemixUiStaticAnalyser = (props: RemixUiStaticAnalyserProps) => {
       {Object.entries(warningState).length > 0 &&
         <div id='staticanalysisresult' >
           <RemixUiCheckbox
-          id="showLibWarnings"
-          name="showLibWarnings"
-          categoryId="showLibWarnings"
-          title="when checked, the results are also displayed for external contract libraries"
-          inputType="checkbox"
-          checked={showLibsWarning}
-          label="Show warnings for external libraries"
-          onClick={handleShowLibsWarning}
-          onChange={() => {}}
+            id="showLibWarnings"
+            name="showLibWarnings"
+            categoryId="showLibWarnings"
+            title="when checked, the results are also displayed for external contract libraries"
+            inputType="checkbox"
+            checked={showLibsWarning}
+            label="Show warnings for external libraries"
+            onClick={handleShowLibsWarning}
+            onChange={() => {}}
           />
           <br/>
           <div className="mb-4">
@@ -541,7 +573,6 @@ export const RemixUiStaticAnalyser = (props: RemixUiStaticAnalyserProps) => {
                       <div data-id={`staticAnalysisModule${x.warningModuleName}${i}`} id={`staticAnalysisModule${x.warningModuleName}${i}`} key={i}>
                         <ErrorRenderer name={`staticAnalysisModule${x.warningModuleName}${i}`} message={x.msg} opt={x.options} warningErrors={ x.warningErrors} editor={props.analysisModule}/>
                       </div>
-
                     ) : null
                   ))}
                 </div>