Add ABI Cache management tool

app/modules/main/containers/Sections/Tools.js

@@ -12,6 +12,7 @@ import { withTranslation } from 'react-i18next';
 import { Breadcrumb, Icon, Segment } from 'semantic-ui-react';
 import compose from 'lodash/fp/compose';
 
+import ToolsABICache from './Tools/ABICache';
 import ToolsAccounts from './Tools/Accounts';
 import ToolsAirgrabs from './Tools/Airgrabs';
 import ToolsApiPing from './Tools/ApiPing';
@@ -86,6 +87,7 @@ class ToolsContainer extends Component<Props> {
             <Route exact path="/tools" component={ToolsHome} />
             <Route path="/tools/accounts" component={ToolsAccounts} />
             <Route path="/tools/airgrabs" component={ToolsAirgrabs} />
+            <Route path="/tools/abi_cache" component={ToolsABICache} />
             <Route path="/tools/api_ping" component={ToolsApiPing} />
             <Route path="/tools/api_traffic_log" component={ToolsApiTrafficLog} />
             <Route path="/tools/contacts" component={ToolsContacts} />

app/modules/main/containers/Sections/Tools/ABICache.js

@@ -0,0 +1,82 @@
+// @flow
+import React, { Component } from 'react';
+import { bindActionCreators } from 'redux';
+import { connect } from 'react-redux';
+import { withRouter } from 'react-router-dom';
+import Store from 'electron-store';
+
+import { Button, Header, Segment, Table } from 'semantic-ui-react';
+import GlobalFragmentChainLogo from '../../../../../shared/components/Global/Fragment/ChainLogo';
+
+class ToolsABICache extends Component<Props> {
+  state = {
+    cleared: undefined
+  }
+  clear = () => {
+    const abiCache = new Store({
+      name: 'abis'
+    });
+    abiCache.clear();
+    this.setState({
+      cleared: new Date()
+    });
+  }
+  render = () => {
+    const { cleared } = this.state;
+    console.log('cleared', cleared);
+    const abiCache = new Store({
+      name: 'abis'
+    });
+    return (
+      <Segment>
+        <Header>
+          Network ABI Cache ({abiCache.size} items)
+        </Header>
+        <Button onClick={this.clear}>Clear Cache</Button>
+        <Table definition>
+          <Table.Body>
+            {(abiCache.size)
+              ? Object.keys(abiCache.store).map((cache) => {
+                  const [chainId, contract] = cache.split('|');
+                  return (
+                    <Table.Row>
+                      <Table.Cell collapsing>
+                        <GlobalFragmentChainLogo
+                          chainId={chainId}
+                          style={{ height: '2em', width: '2em' }}
+                        />
+                      </Table.Cell>
+                      <Table.Cell textAlign="left">
+                        {contract}
+                      </Table.Cell>
+                    </Table.Row>
+                  );
+                })
+              : (
+                <Table.Row>
+                  <Table.Cell textAlign="center">
+                    No Cached ABIs
+                  </Table.Cell>
+                </Table.Row>
+              )
+          }
+          </Table.Body>
+        </Table>
+      </Segment>
+    );
+  }
+}
+
+function mapStateToProps(state) {
+  return {
+  };
+}
+
+function mapDispatchToProps(dispatch) {
+  return {
+    actions: bindActionCreators({
+    }, dispatch)
+  };
+}
+
+export default withRouter(connect(mapStateToProps, mapDispatchToProps)(ToolsABICache));

app/modules/main/containers/Sections/Tools/Home.js

@@ -94,6 +94,10 @@ const toolSections = {
     }
   },
   tools_menu_network_utilities_header: {
+    tools_menu_abi_cache: {
+      modes: [undefined, false, 'hot', 'ledger', 'watch'],
+      path: 'tools/abi_cache'
+    },
     tools_menu_performance_header: {
       modes: [undefined, false, 'hot', 'ledger', 'watch'],
       path: 'tools/api_ping'

app/renderer/assets/locales/en-US/tools.json

@@ -283,6 +283,7 @@
     "tools_menu_keys": "Key Generator",
     "tools_menu_ledger": "Ledger",
     "tools_menu_link_service": "Link Service",
+    "tools_menu_abi_cache": "ABI Cache",
     "tools_menu_linkservice_header": "Link Service",
     "tools_menu_managekeys": "Manage Keys",
     "tools_menu_name_bidding": "Premium Name Bidding",