|
|
|
|
@ -1,4 +1,4 @@ |
|
|
|
|
import React, { useEffect, useState, useReducer, CSSProperties } from 'react' |
|
|
|
|
import React, { useEffect, useState, useReducer } from 'react' |
|
|
|
|
import Button from './Button/StaticAnalyserButton' // eslint-disable-line
|
|
|
|
|
import remixLib from '@remix-project/remix-lib' |
|
|
|
|
import _ from 'lodash' |
|
|
|
|
@ -7,6 +7,7 @@ import { RemixUiCheckbox } from '@remix-ui/checkbox' // eslint-disable-line |
|
|
|
|
import ErrorRenderer from './ErrorRenderer' // eslint-disable-line
|
|
|
|
|
import { compilation } from './actions/staticAnalysisActions' |
|
|
|
|
import { initialState, analysisReducer } from './reducers/staticAnalysisReducer' |
|
|
|
|
import { OverlayTrigger, Tooltip } from 'react-bootstrap'// eslint-disable-line
|
|
|
|
|
const StaticAnalysisRunner = require('@remix-project/remix-analyzer').CodeAnalysis |
|
|
|
|
const utils = remixLib.util |
|
|
|
|
|
|
|
|
|
@ -56,7 +57,7 @@ export const RemixUiStaticAnalyser = (props: RemixUiStaticAnalyserProps) => { |
|
|
|
|
} |
|
|
|
|
const [autoRun, setAutoRun] = useState(true) |
|
|
|
|
const [slitherEnabled, setSlitherEnabled] = useState(false) |
|
|
|
|
const [showSlither, setShowSlither] = useState('hidden') |
|
|
|
|
const [showSlither, setShowSlither] = useState(false) |
|
|
|
|
const [categoryIndex, setCategoryIndex] = useState(groupedModuleIndex(groupedModules)) |
|
|
|
|
|
|
|
|
|
const warningContainer = React.useRef(null) |
|
|
|
|
@ -88,9 +89,9 @@ export const RemixUiStaticAnalyser = (props: RemixUiStaticAnalyserProps) => { |
|
|
|
|
// Reset state
|
|
|
|
|
dispatch({ type: '', payload: {} }) |
|
|
|
|
// Show 'Enable Slither Analysis' checkbox
|
|
|
|
|
if (currentWorkspace && currentWorkspace.isLocalhost === true) setShowSlither('visible') |
|
|
|
|
if (currentWorkspace && currentWorkspace.isLocalhost === true) setShowSlither(true) |
|
|
|
|
else { |
|
|
|
|
setShowSlither('hidden') |
|
|
|
|
setShowSlither(false) |
|
|
|
|
setSlitherEnabled(false) |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
@ -103,7 +104,7 @@ export const RemixUiStaticAnalyser = (props: RemixUiStaticAnalyserProps) => { |
|
|
|
|
props.event.trigger('staticAnaysisWarning', []) |
|
|
|
|
// Reset state
|
|
|
|
|
dispatch({ type: '', payload: {} }) |
|
|
|
|
setShowSlither('hidden') |
|
|
|
|
setShowSlither(false) |
|
|
|
|
setSlitherEnabled(false) |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
@ -414,19 +415,28 @@ export const RemixUiStaticAnalyser = (props: RemixUiStaticAnalyserProps) => { |
|
|
|
|
/> |
|
|
|
|
<Button buttonText="Run" onClick={() => run(state.data, state.source, state.file)} disabled={(state.data === null || categoryIndex.length === 0) && !slitherEnabled }/> |
|
|
|
|
</div> |
|
|
|
|
<div className="d-flex" id="enableSlitherAnalysis" style={{ visibility: showSlither } as CSSProperties }> |
|
|
|
|
<RemixUiCheckbox |
|
|
|
|
id="enableSlither" |
|
|
|
|
inputType="checkbox" |
|
|
|
|
onClick={handleSlitherEnabled} |
|
|
|
|
checked={slitherEnabled} |
|
|
|
|
label="Enable Slither Analysis" |
|
|
|
|
onChange={() => {}} |
|
|
|
|
/> |
|
|
|
|
<a href="https://remix-ide.readthedocs.io/en/latest/slither.html#enable-slither-analysis" target="_blank"> |
|
|
|
|
<i className="ml-3 fas fa-info" title="Know how to use Slither Analysis"></i> |
|
|
|
|
</a> |
|
|
|
|
</div> |
|
|
|
|
{ showSlither && |
|
|
|
|
<div className="d-flex mt-2" id="enableSlitherAnalysis"> |
|
|
|
|
<RemixUiCheckbox |
|
|
|
|
id="enableSlither" |
|
|
|
|
inputType="checkbox" |
|
|
|
|
onClick={handleSlitherEnabled} |
|
|
|
|
checked={slitherEnabled} |
|
|
|
|
label="Enable Slither Analysis" |
|
|
|
|
onChange={() => {}} |
|
|
|
|
/> |
|
|
|
|
|
|
|
|
|
<a className="mt-1 text-nowrap" href='https://remix-ide.readthedocs.io/en/latest/slither.html#enable-slither-analysis' target={'_blank'}> |
|
|
|
|
<OverlayTrigger placement={'right'} overlay={ |
|
|
|
|
<Tooltip className="text-nowrap" id="overlay-tooltip"> |
|
|
|
|
<span className="p-1 pr-3" style={{ backgroundColor: 'black', minWidth: '230px' }}>Learn how to use Slither Analysis</span> |
|
|
|
|
</Tooltip> |
|
|
|
|
}> |
|
|
|
|
<i style={{ fontSize: 'medium' }} className={'fal fa-info-circle ml-3'} aria-hidden="true"></i> |
|
|
|
|
</OverlayTrigger> |
|
|
|
|
</a> |
|
|
|
|
</div> |
|
|
|
|
} |
|
|
|
|
</div> |
|
|
|
|
<div id="staticanalysismodules" className="list-group list-group-flush"> |
|
|
|
|
{Object.keys(groupedModules).map((categoryId, i) => { |
|
|
|
|
|
David Zagi
4 years ago
committed by
GitHub