@ -1,4 +1,4 @@
import React , { useEffect , useState , useReducer } from 'react' // eslint-disable-line
import React , { useEffect , useState , useReducer , useRef } from 'react' // eslint-disable-line
import Button from './Button/StaticAnalyserButton' // eslint-disable-line
import Button from './Button/StaticAnalyserButton' // eslint-disable-line
import { util } from '@remix-project/remix-lib' import { util } from '@remix-project/remix-lib'
import _ from 'lodash' import _ from 'lodash'
@ -64,10 +64,12 @@ export const RemixUiStaticAnalyser = (props: RemixUiStaticAnalyserProps) => {
const [ autoRun , setAutoRun ] = useState ( true ) const [ autoRun , setAutoRun ] = useState ( true )
const [ slitherEnabled , setSlitherEnabled ] = useState ( false ) const [ slitherEnabled , setSlitherEnabled ] = useState ( false )
const [ showSlither , setShowSlither ] = useState ( false ) const [ showSlither , setShowSlither ] = useState ( false )
let [ showLibsWarning , setShowLibsWarning ] = useState ( false ) // eslint-disable-line prefer-const
const [ categoryIndex , setCategoryIndex ] = useState ( groupedModuleIndex ( groupedModules ) ) const [ categoryIndex , setCategoryIndex ] = useState ( groupedModuleIndex ( groupedModules ) )
const warningContainer = React . useRef ( null )
const [ warningState , setWarningState ] = useState ( { } ) const [ warningState , setWarningState ] = useState ( { } )
const warningContainer = useRef ( null )
const allWarnings = useRef ( { } )
const [ state , dispatch ] = useReducer ( analysisReducer , initialState ) const [ state , dispatch ] = useReducer ( analysisReducer , initialState )
useEffect ( ( ) = > { useEffect ( ( ) = > {
@ -76,9 +78,12 @@ export const RemixUiStaticAnalyser = (props: RemixUiStaticAnalyserProps) => {
useEffect ( ( ) = > { useEffect ( ( ) = > {
setWarningState ( { } ) setWarningState ( { } )
const runAnalysis = async ( ) = > {
await run ( state . data , state . source , state . file )
}
if ( autoRun ) { if ( autoRun ) {
if ( state . data !== null ) { if ( state . data !== null ) {
run ( state . data , state . source , state . file ) runAnalysis ( ) . catch ( console . error ) ;
} }
} else { } else {
props . event . trigger ( 'staticAnaysisWarning' , [ ] ) props . event . trigger ( 'staticAnaysisWarning' , [ ] )
@ -131,6 +136,30 @@ export const RemixUiStaticAnalyser = (props: RemixUiStaticAnalyserProps) => {
) )
} }
const filterWarnings = ( ) = > {
let newWarningState = { }
let newWarningCount = 0
if ( showLibsWarning ) {
for ( const category in allWarnings . current )
newWarningCount = newWarningCount + allWarnings . current [ category ] . length
newWarningState = allWarnings . current
}
else {
for ( const category in allWarnings . current ) {
const warnings = allWarnings . current [ category ]
newWarningState [ category ] = [ ]
for ( const warning of warnings ) {
if ( ! warning . options . isLibrary ) {
newWarningCount ++
newWarningState [ category ] . push ( warning )
}
}
}
}
props . event . trigger ( 'staticAnaysisWarning' , [ newWarningCount ] )
setWarningState ( newWarningState )
}
const showWarnings = ( warningMessage , groupByKey ) = > { const showWarnings = ( warningMessage , groupByKey ) = > {
const resultArray = [ ] const resultArray = [ ]
warningMessage . map ( x = > { warningMessage . map ( x = > {
@ -149,143 +178,149 @@ export const RemixUiStaticAnalyser = (props: RemixUiStaticAnalyserProps) => {
} }
const groupedCategory = groupBy ( resultArray , groupByKey ) const groupedCategory = groupBy ( resultArray , groupByKey )
setWarningState ( groupedCategory ) allWarnings . current = groupedCategory
filterWarnings ( )
} }
const run = ( lastCompilationResult , lastCompilationSource , currentFile ) = > { const run = async ( lastCompilationResult , lastCompilationSource , currentFile ) = > {
if ( state . data !== null ) { if ( state . data !== null ) {
if ( lastCompilationResult && ( categoryIndex . length > 0 || slitherEnabled ) ) { if ( lastCompilationResult && ( categoryIndex . length > 0 || slitherEnabled ) ) {
let warningCount = 0
const warningMessage = [ ] const warningMessage = [ ]
const warningErrors = [ ] const warningErrors = [ ]
// Remix Analysis
// Remix Analysis
_paq . push ( [ 'trackEvent' , 'solidityStaticAnalyzer' , 'analyzeWithRemixAnalyzer' ] ) _paq . push ( [ 'trackEvent' , 'solidityStaticAnalyzer' , 'analyzeWithRemixAnalyzer' ] )
runner . run ( lastCompilationResult , categoryIndex , results = > { const results = runner . run ( lastCompilationResult , categoryIndex )
results . map ( ( result ) = > { for ( const result of results ) {
let module Name
let module Name
Object . keys ( groupedModules ) . map ( key = > { Object . keys ( groupedModules ) . map ( key = > {
groupedModules [ key ] . forEach ( el = > { groupedModules [ key ] . forEach ( el = > {
if ( el . name === result . name ) { if ( el . name === result . name ) {
module Name = groupedModules [ key ] [ 0 ] . categoryDisplayName module Name = groupedModules [ key ] [ 0 ] . categoryDisplayName
}
} )
} )
result . report . map ( ( item ) = > {
let location : any = { }
let locationString = 'not available'
let column = 0
let row = 0
let fileName = currentFile
if ( item . location ) {
const split = item . location . split ( ':' )
const file = split [ 2 ]
location = {
start : parseInt ( split [ 0 ] ) ,
length : parseInt ( split [ 1 ] )
}
location = props . analysisModule . _deps . offsetToLineColumnConverter . offsetToLineColumn (
location ,
parseInt ( file ) ,
lastCompilationSource . sources ,
lastCompilationResult . sources
)
row = location . start . line
column = location . start . column
locationString = row + 1 + ':' + column + ':'
fileName = Object . keys ( lastCompilationResult . sources ) [ file ]
}
warningCount ++
const msg = message ( result . name , item . warning , item . more , fileName , locationString )
const options = {
type : 'warning' ,
useSpan : true ,
errFile : fileName ,
fileName ,
errLine : row ,
errCol : column ,
item : item ,
name : result.name ,
locationString ,
more : item.more ,
location : location
} }
warningErrors . push ( options )
warningMessage . push ( { msg , options , hasWarning : true , warningModuleName : moduleName } )
} ) } )
} ) } )
// Slither Analysis
for ( const item of result . report ) {
if ( slitherEnabled ) { let location : any = { }
props . analysisModule . call ( 'solidity' , 'getCompilerState' ) . then ( ( compilerState ) = > { let locationString = 'not available'
const { currentVersion , optimize , evmVersion } = compilerState let column = 0
props . analysisModule . call ( 'terminal' , 'log' , { type : 'info' , value : '[Slither Analysis]: Running...' } ) let row = 0
_paq . push ( [ 'trackEvent' , 'solidityStaticAnalyzer' , 'analyzeWithSlither' ] ) let fileName = currentFile
props . analysisModule . call ( 'slither' , 'analyse' , state . file , { currentVersion , optimize , evmVersion } ) . then ( async ( result ) = > { let isLibrary = false
if ( result . status ) {
props . analysisModule . call ( 'terminal' , 'log' , { type : 'info' , value : ` [Slither Analysis]: Analysis Completed!! ${ result . count } warnings found. ` } )
const report = result . data
for ( const item of report ) {
let location : any = { }
let locationString = 'not available'
let column = 0
let row = 0
let fileName = currentFile
if ( item . sourceMap && item . sourceMap . length ) { if ( item . location ) {
let path = item . sourceMap [ 0 ] . source_mapping . filename_relative const split = item . location . split ( ':' )
let fileIndex = Object . keys ( lastCompilationResult . sources ) . indexOf ( path ) const file = split [ 2 ]
if ( fileIndex === - 1 ) { location = {
path = await props . analysisModule . call ( 'fileManager' , 'getUrlFromPath' , path ) start : parseInt ( split [ 0 ] ) ,
fileIndex = Object . keys ( lastCompilationResult . sources ) . indexOf ( path . file ) length : parseInt ( split [ 1 ] )
} }
if ( fileIndex >= 0 ) { location = props . analysisModule . _deps . offsetToLineColumnConverter . offsetToLineColumn (
location = { location ,
start : item.sourceMap [ 0 ] . source_mapping . start , parseInt ( file ) ,
length : item.sourceMap [ 0 ] . source_mapping . length lastCompilationSource . sources ,
} lastCompilationResult . sources
location = props . analysisModule . _deps . offsetToLineColumnConverter . offsetToLineColumn ( )
location , row = location . start . line
fileIndex , column = location . start . column
lastCompilationSource . sources , locationString = row + 1 + ':' + column + ':'
lastCompilationResult . sources fileName = Object . keys ( lastCompilationResult . sources ) [ file ]
) }
row = location . start . line if ( fileName !== currentFile ) {
column = location . start . column const { file , provider } = await props . analysisModule . call ( 'fileManager' , 'getPathFromUrl' , fileName )
locationString = row + 1 + ':' + column + ':' if ( file . startsWith ( '.deps' ) || ( provider . type === 'localhost' && file . startsWith ( 'localhost/node_modules' ) ) ) isLibrary = true
fileName = Object . keys ( lastCompilationResult . sources ) [ fileIndex ] }
} const msg = message ( result . name , item . warning , item . more , fileName , locationString )
} const options = {
warningCount ++ type : 'warning' ,
const msg = message ( item . title , item . description , item . more , fileName , locationString ) useSpan : true ,
const options = { errFile : fileName ,
type : 'warning' , fileName ,
useSpan : true , isLibrary ,
errFile : fileName , errLine : row ,
fileName , errCol : column ,
errLine : row , item : item ,
errCol : column , name : result.name ,
item : { warning : item.description } , locationString ,
name : item.title , more : item.more ,
locationString , location : location
more : item.more , }
location : location warningErrors . push ( options )
warningMessage . push ( { msg , options , hasWarning : true , warningModuleName : moduleName } )
}
}
// Slither Analysis
if ( slitherEnabled ) {
try {
const compilerState = await props . analysisModule . call ( 'solidity' , 'getCompilerState' )
const { currentVersion , optimize , evmVersion } = compilerState
await props . analysisModule . call ( 'terminal' , 'log' , { type : 'info' , value : '[Slither Analysis]: Running...' } )
_paq . push ( [ 'trackEvent' , 'solidityStaticAnalyzer' , 'analyzeWithSlither' ] )
const result = await props . analysisModule . call ( 'slither' , 'analyse' , state . file , { currentVersion , optimize , evmVersion } )
if ( result . status ) {
props . analysisModule . call ( 'terminal' , 'log' , { type : 'info' , value : ` [Slither Analysis]: Analysis Completed!! ${ result . count } warnings found. ` } )
const report = result . data
for ( const item of report ) {
let location : any = { }
let locationString = 'not available'
let column = 0
let row = 0
let fileName = currentFile
let isLibrary = false
if ( item . sourceMap && item . sourceMap . length ) {
let path = item . sourceMap [ 0 ] . source_mapping . filename_relative
let fileIndex = Object . keys ( lastCompilationResult . sources ) . indexOf ( path )
if ( fileIndex === - 1 ) {
path = await props . analysisModule . call ( 'fileManager' , 'getUrlFromPath' , path )
fileIndex = Object . keys ( lastCompilationResult . sources ) . indexOf ( path . file )
}
if ( fileIndex >= 0 ) {
location = {
start : item.sourceMap [ 0 ] . source_mapping . start ,
length : item.sourceMap [ 0 ] . source_mapping . length
} }
warningErrors . push ( options ) location = props . analysisModule . _deps . offsetToLineColumnConverter . offsetToLineColumn (
warningMessage . push ( { msg , options , hasWarning : true , warningModuleName : 'Slither Analysis' } ) location ,
fileIndex ,
lastCompilationSource . sources ,
lastCompilationResult . sources
)
row = location . start . line
column = location . start . column
locationString = row + 1 + ':' + column + ':'
fileName = Object . keys ( lastCompilationResult . sources ) [ fileIndex ]
} }
showWarnings ( warningMessage , 'warningModuleName' )
props . event . trigger ( 'staticAnaysisWarning' , [ warningCount ] )
} }
} ) . catch ( ( ) = > { if ( fileName !== currentFile ) {
props . analysisModule . call ( 'terminal' , 'log' , { type : 'error' , value : '[Slither Analysis]: Error occured! See remixd console for details.' } ) const { file , provider } = await props . analysisModule . call ( 'fileManager' , 'getPathFromUrl' , fileName )
showWarnings ( warningMessage , 'warningModuleName' ) if ( file . startsWith ( '.deps' ) || ( provider . type === 'localhost' && file . startsWith ( 'localhost/node_modules' ) ) ) isLibrary = true
} ) }
} ) const msg = message ( item . title , item . description , item . more , fileName , locationString )
} else { const options = {
type : 'warning' ,
useSpan : true ,
errFile : fileName ,
fileName ,
isLibrary ,
errLine : row ,
errCol : column ,
item : { warning : item.description } ,
name : item.title ,
locationString ,
more : item.more ,
location : location
}
warningErrors . push ( options )
warningMessage . push ( { msg , options , hasWarning : true , warningModuleName : 'Slither Analysis' } )
}
showWarnings ( warningMessage , 'warningModuleName' )
}
} catch ( error ) {
props . analysisModule . call ( 'terminal' , 'log' , { type : 'error' , value : '[Slither Analysis]: Error occured! See remixd console for details.' } )
showWarnings ( warningMessage , 'warningModuleName' ) showWarnings ( warningMessage , 'warningModuleName' )
props . event . trigger ( 'staticAnaysisWarning' , [ warningCount ] )
} }
} ) } else showWarnings ( warningMessage , 'warningModuleName' )
} else { } else {
if ( categoryIndex . length ) { if ( categoryIndex . length ) {
warningContainer . current . innerText = 'No compiled AST available' warningContainer . current . innerText = 'No compiled AST available'
@ -346,6 +381,17 @@ export const RemixUiStaticAnalyser = (props: RemixUiStaticAnalyserProps) => {
} }
} }
const handleShowLibsWarning = ( ) = > {
if ( showLibsWarning ) {
showLibsWarning = false
setShowLibsWarning ( false )
} else {
showLibsWarning = true
setShowLibsWarning ( true )
}
filterWarnings ( )
}
const categoryItem = ( categoryId , item , i ) = > { const categoryItem = ( categoryId , item , i ) = > {
return ( return (
< div className = "form-check" key = { i } > < div className = "form-check" key = { i } >
@ -409,6 +455,7 @@ export const RemixUiStaticAnalyser = (props: RemixUiStaticAnalyserProps) => {
< RemixUiCheckbox < RemixUiCheckbox
id = "checkAllEntries" id = "checkAllEntries"
inputType = "checkbox" inputType = "checkbox"
title = "Select all Remix analysis modules"
checked = { Object . values ( groupedModules ) . map ( ( value : any ) = > { checked = { Object . values ( groupedModules ) . map ( ( value : any ) = > {
return ( value . map ( x = > { return ( value . map ( x = > {
return x . _index . toString ( ) return x . _index . toString ( )
@ -421,12 +468,13 @@ export const RemixUiStaticAnalyser = (props: RemixUiStaticAnalyserProps) => {
< RemixUiCheckbox < RemixUiCheckbox
id = "autorunstaticanalysis" id = "autorunstaticanalysis"
inputType = "checkbox" inputType = "checkbox"
title = "Run static analysis after the compilation"
onClick = { handleAutoRun } onClick = { handleAutoRun }
checked = { autoRun } checked = { autoRun }
label = "Autorun" label = "Autorun"
onChange = { ( ) = > { } } onChange = { ( ) = > { } }
/ > / >
< Button buttonText = "Run" onClick = { ( ) = > run ( state . data , state . source , state . file ) } disabled = { ( state . data === null || categoryIndex . length === 0 ) && ! slitherEnabled } / > < Button buttonText = "Run" onClick = { async ( ) = > await run ( state . data , state . source , state . file ) } disabled = { ( state . data === null || categoryIndex . length === 0 ) && ! slitherEnabled } / >
< / div > < / div >
{ showSlither && { showSlither &&
< div className = "d-flex mt-2" id = "enableSlitherAnalysis" > < div className = "d-flex mt-2" id = "enableSlitherAnalysis" >
@ -469,14 +517,25 @@ export const RemixUiStaticAnalyser = (props: RemixUiStaticAnalyserProps) => {
{ state . file } { state . file }
< / span > < / span >
< / div > < / div >
< br / >
{ Object . entries ( warningState ) . length > 0 && { Object . entries ( warningState ) . length > 0 &&
< div id = 'staticanalysisresult' > < 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 = "Display all results"
onClick = { handleShowLibsWarning }
onChange = { ( ) = > { } }
/ >
< br / >
< div className = "mb-4" > < div className = "mb-4" >
{ {
( Object . entries ( warningState ) . map ( ( element , index ) = > ( ( Object . entries ( warningState ) . map ( ( element , index ) = > (
< div key = { index } > < div key = { index } >
< span className = "text-dark h6" > { element [ 0 ] } < / span > { element [ 1 ] [ 'length' ] > 0 ? < span className = "text-dark h6" > { element [ 0 ] } < / span > : null }
{ element [ 1 ] [ 'map' ] ( ( x , i ) = > ( // eslint-disable-line dot-notation
{ element [ 1 ] [ 'map' ] ( ( x , i ) = > ( // eslint-disable-line dot-notation
x . hasWarning ? ( // eslint-disable-next-line dot-notation
x . hasWarning ? ( // eslint-disable-next-line dot-notation
< div data - id = { ` staticAnalysisModule ${ x . warningModuleName } ${ i } ` } id = { ` staticAnalysisModule ${ x . warningModuleName } ${ i } ` } key = { i } > < div data - id = { ` staticAnalysisModule ${ x . warningModuleName } ${ i } ` } id = { ` staticAnalysisModule ${ x . warningModuleName } ${ i } ` } key = { i } >
Miladinho
3 years ago
committed by
GitHub