Release (#89)

* update: add default server * doc: enable auto to top * update: update with cita 0.18 * update: update with cita 0.18 (#23) * update: update auto metadata fetch * fix: fix transaction account display * fix: fix transaction count display * update: decimal block height, gas, transaction index * update: decimal block height, gas, transaction index * update: update gas to quota * update: update block number to block height, and update selector text * update: format value to coin * update: display age as 'x days x hrs x mins x secs age' * update: update diagram display * update: add economical model in metadata panel * update: update transaction type returned by observable * update: add version of chain in metadata panel * update: recover value to non unit * update: fix display when 0 sec * update: add economical model in metadata panel (#33) * update: update banner ui * update: hide lng selector if no choices * fix: fix value display in search panel * update: update default server list * update: update charts ui * update: hide version and economical model * update: update tel invite link (#41) * update: update doc to load project from cdn (#38) * Ready for v0.2.0 (#42) * update: add default server * doc: enable auto to top * update: update with cita 0.18 * update: update with cita 0.18 (#23) * update: update auto metadata fetch * fix: fix transaction account display * fix: fix transaction count display * update: decimal block height, gas, transaction index * update: decimal block height, gas, transaction index * update: update gas to quota * update: update block number to block height, and update selector text * update: format value to coin * update: display age as 'x days x hrs x mins x secs age' * update: update diagram display * update: add economical model in metadata panel * update: update transaction type returned by observable * update: add version of chain in metadata panel * update: recover value to non unit * update: fix display when 0 sec * update: add economical model in metadata panel (#33) * update: update banner ui * update: hide lng selector if no choices * fix: fix value display in search panel * update: update default server list * update: update charts ui * update: hide version and economical model * update: update tel invite link (#41) * update: update doc to load project from cdn (#38) * fix: fix graph title * update: remove build * Release (#51) * ready for v0.2 (#49) * Master (#52) * ready for v0.2 (#49) * update: add debugger * Update (#55) * update: hash middle ellipsis * update: change blocks page text * update: add block interval unit * update: add github in contract us * update: ignore vscode * update: add info for node address * update: add time stamp in block info * update: fix always loading if Display Interval/Block = false * fix: avoid hash capitalize * fix: set tx count * update, fix bug, add contract info panel (#57) * update: hash middle ellipsis * update: change blocks page text * update: add block interval unit * update: add github in contract us * update: ignore vscode * update: add info for node address * update: add time stamp in block info * update: fix always loading if Display Interval/Block = false * fix: avoid hash capitalize * fix: set tx count * fix: interface setTransactionsCount * update: add contract info panel in account * update: transaction info (#59) * fix: can not click when transaction.length === 0 in height page (#58) * Update/metadata (#62) * update: fix metadata input placeholder * update: check chain url, add loading icon * update: add metadata info style (#61) * update: set config input scope (#60) * update: split loading icon (#63) * update: fix metadata input placeholder * update: check chain url, add loading icon * update: split loading icon * fix: add loading class * update: remove prefix '-webkit-' * update: add chain param in url * update: enable built-in accounts * update: update debug account display * update: accounts auto update * update: input check (#65) * update: add icon-ok * update: add tableWithSelector check method and style * update: fixed header bar (#67) * update: add search bar check (#66) * update: add Number.isInteger polyfill * update: format Number.isInteger * update: search bar check * update: fetch transaction hash & upgrade pkg @nervos/observables (#68) * merge release and fix conflict (#69) * ready for v0.2 (#49) * update: add default server * doc: enable auto to top * update: update with cita 0.18 * update: update with cita 0.18 (#23) * update: update auto metadata fetch * fix: fix transaction account display * fix: fix transaction count display * update: decimal block height, gas, transaction index * update: decimal block height, gas, transaction index * update: update gas to quota * update: update block number to block height, and update selector text * update: format value to coin * update: display age as 'x days x hrs x mins x secs age' * update: update diagram display * update: add economical model in metadata panel * update: update transaction type returned by observable * update: add version of chain in metadata panel * update: recover value to non unit * update: fix display when 0 sec * update: add economical model in metadata panel (#33) * update: update banner ui * update: hide lng selector if no choices * fix: fix value display in search panel * update: update default server list * update: update charts ui * update: hide version and economical model * update: update tel invite link (#41) * update: update doc to load project from cdn (#38) * Ready for v0.2.0 (#42) * update: add default server * doc: enable auto to top * update: update with cita 0.18 * update: update with cita 0.18 (#23) * update: update auto metadata fetch * fix: fix transaction account display * fix: fix transaction count display * update: decimal block height, gas, transaction index * update: decimal block height, gas, transaction index * update: update gas to quota * update: update block number to block height, and update selector text * update: format value to coin * update: display age as 'x days x hrs x mins x secs age' * update: update diagram display * update: add economical model in metadata panel * update: update transaction type returned by observable * update: add version of chain in metadata panel * update: recover value to non unit * update: fix display when 0 sec * update: add economical model in metadata panel (#33) * update: update banner ui * update: hide lng selector if no choices * fix: fix value display in search panel * update: update default server list * update: update charts ui * update: hide version and economical model * update: update tel invite link (#41) * update: update doc to load project from cdn (#38) * fix: fix graph title * update: remove build * Ready for v0.2.1 (#50) * update: add default server * doc: enable auto to top * update: update with cita 0.18 * update: update with cita 0.18 (#23) * update: update auto metadata fetch * fix: fix transaction account display * fix: fix transaction count display * update: decimal block height, gas, transaction index * update: decimal block height, gas, transaction index * update: update gas to quota * update: update block number to block height, and update selector text * update: format value to coin * update: display age as 'x days x hrs x mins x secs age' * update: update diagram display * update: add economical model in metadata panel * update: update transaction type returned by observable * update: add version of chain in metadata panel * update: recover value to non unit * update: fix display when 0 sec * update: add economical model in metadata panel (#33) * update: update banner ui * update: hide lng selector if no choices * fix: fix value display in search panel * update: update default server list * update: update charts ui * update: hide version and economical model * update: update tel invite link (#41) * update: update doc to load project from cdn (#38) * Ready for v0.2.0 (#42) * update: add default server * doc: enable auto to top * update: update with cita 0.18 * update: update with cita 0.18 (#23) * update: update auto metadata fetch * fix: fix transaction account display * fix: fix transaction count display * update: decimal block height, gas, transaction index * update: decimal block height, gas, transaction index * update: update gas to quota * update: update block number to block height, and update selector text * update: format value to coin * update: display age as 'x days x hrs x mins x secs age' * update: update diagram display * update: add economical model in metadata panel * update: update transaction type returned by observable * update: add version of chain in metadata panel * update: recover value to non unit * update: fix display when 0 sec * update: add economical model in metadata panel (#33) * update: update banner ui * update: hide lng selector if no choices * fix: fix value display in search panel * update: update default server list * update: update charts ui * update: hide version and economical model * update: update tel invite link (#41) * update: update doc to load project from cdn (#38) * fix: fix graph title * update: remove build * fix conflict * fix header and graph and errormessage (#72) * fix: add root main .root class errormessage position absolute check graph exist for updateGraph remove log * fix: click accounts tab with string type value * fix: hide contract info when code == 0x * update: switch all input value to hex string * update: config page if value > 100, let value = 100 * update: add forum icon and link (#74) * fix release (#73) * fix: add root main .root class errormessage position absolute check graph exist for updateGraph remove log * fix: click accounts tab with string type value * fix: hide contract info when code == 0x * update: switch all input value to hex string * update: config page if value > 100, let value = 100 * update: set dev server host 0.0.0.0 * fix: click server list immediate switch * fix: search bar input check * fix: update when params changed * ready for release (#75) * fix header and graph and errormessage (#72) * fix: add root main .root class errormessage position absolute check graph exist for updateGraph remove log * fix: click accounts tab with string type value * fix: hide contract info when code == 0x * update: switch all input value to hex string * update: config page if value > 100, let value = 100 * update: add forum icon and link (#74) * fix release (#73) * fix: add root main .root class errormessage position absolute check graph exist for updateGraph remove log * fix: click accounts tab with string type value * fix: hide contract info when code == 0x * update: switch all input value to hex string * update: config page if value > 100, let value = 100 * update: set dev server host 0.0.0.0 * fix: click server list immediate switch * fix: search bar input check * fix: update when params changed * update: hide error test on transaction selectors on modification * fix: (#77) support chinese and english language change all search value to lowercase format arrow function use fetchTransactions instead of getTransactionCount to fetch all tx count * Fix/remove log in account/config/transaction (#78) * update: search support input uppercase * update: if input nothing, not render error label * fix: remove log * update: ready for release (#86) * update: highlight error icon link * update: add quota price * update: add not found img * hide debug accounts in prod env * update: add block overtime alert (#82) * update: add block overtime alert * fix: remove log in headerbar * fix: fetch block alert label and set interval * fix: simple program * fix: (#81) * fix: support 0x/X in account * update: add Version and Economical message * fix: refactor values check * Ready for release (#88) * update: highlight error icon link * update: add quota price * update: add not found img * hide debug accounts in prod env * update: add block overtime alert (#82) * update: add block overtime alert * fix: remove log in headerbar * fix: fetch block alert label and set interval * fix: simple program * fix: (#81) * fix: support 0x/X in account * update: add Version and Economical message * fix: refactor values check * Fix input check and style (#87) * fix: update block page tx list link color and home page list cell height * fix: fetch account without 0x * fix: support without 0x in selector input
citahub · Oct 25, 2018 · e7e3b33 · e7e3b33
1 parent 35acfb4
commit e7e3b33
Show file tree

Hide file tree

Showing 50 changed files with 2,805 additions and 292 deletions.
diff --git a/.env.example b/.env.example
@@ -2,3 +2,4 @@ PUBLIC=localhost:8082
 CHAIN_SERVERS=http://47.96.231.19:4000
 APP_NAME=Microscope
 LNGS=zh,en,ja-JP,ko,de,it,fr
+DEBUG_ACCOUNTS=0xeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee,0xeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeea
diff --git a/.gitignore b/.gitignore
@@ -33,3 +33,6 @@ cita-toys-wallet
 
 # default server list
 defaultServerList.json
+
+# vscode setting
+.vscode
diff --git a/.vscode/database.json b/.vscode/database.json
diff --git a/.vscode/last.sql b/.vscode/last.sql
diff --git a/.vscode/settings.json b/.vscode/settings.json
diff --git a/README.md b/README.md
@@ -60,6 +60,7 @@ set env variables in `./.env`
 PUBLIC=  # public content server address
 CHAIN_SERVERS= # default appchain addresses
 APP_NAME= # explorer name
+DEBUG_ACCOUNTS= # built-in debug account's private key, e.g. 0xaeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee,0xaeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeea
 ```
 
 > NOTICE: Our CDN for static assets is available at `https://cdn.cryptape.com/`, namely icons and images can be added by setting `PUBLIC=https://cdn.cryptape.com/` on `.env`.

diff --git a/config/webpack.config.base.js b/config/webpack.config.base.js
@@ -44,7 +44,8 @@ module.exports = {
       'process.env': {
         CHAIN_SERVERS: JSON.stringify(process.env.CHAIN_SERVERS),
         APP_NAME: JSON.stringify(process.env.APP_NAME),
-        LNGS: JSON.stringify(process.env.LNGS)
+        LNGS: JSON.stringify(process.env.LNGS),
+        DEBUG_ACCOUNTS: JSON.stringify(process.env.DEBUG_ACCOUNTS),
       },
     }),
   ],

diff --git a/config/webpack.config.dev.js b/config/webpack.config.dev.js
@@ -55,7 +55,7 @@ const devConfig = {
     new webpack.DefinePlugin({
       'process.env': {
         NODE_ENV: JSON.stringify('development'),
-        OBSERVABLE_INTERVAL: 10000,
+        OBSERVABLE_INTERVAL: 1000,
         PUBLIC: JSON.stringify(process.env.PUBLIC),
       },
     }),
@@ -73,6 +73,7 @@ const devConfig = {
   ],
   devServer: {
     hot: true,
+    host: '0.0.0.0',
     historyApiFallback: true,
   },
 }

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -27,7 +27,7 @@
   "dependencies": {
     "@material-ui/core": "^1.2.0",
     "@material-ui/icons": "^1.1.0",
-    "@nervos/observables": "^0.18.0",
+    "@nervos/observables": "0.18.3",
     "@nervos/signer": "^1.0.28",
     "@reactivex/rxjs": "^5.5.6",
     "axios": "^0.18.0",

diff --git a/src/Routes/containers.ts b/src/Routes/containers.ts
@@ -5,21 +5,21 @@ export default [
     name: 'Homepage',
     component: 'Homepage',
     exact: true,
-    nav: false,
+    nav: false
   },
   {
     path: '/block/:blockHash',
     name: 'BlockByHash',
     component: 'Block',
     exact: true,
-    nav: false,
+    nav: false
   },
   {
     path: '/height/:height',
     name: 'BlockByHeight',
     component: 'Block',
     exact: true,
-    nav: false,
+    nav: false
   },
   {
     path: '/blocks',
@@ -28,9 +28,7 @@ export default [
     exact: true,
     nav: true,
     icon: `${process.env.PUBLIC}/microscopeIcons/mobile_navs/block.svg`,
-    iconActive: `${
-      process.env.PUBLIC
-    }/microscopeIcons/mobile_navs/block_active.svg`,
+    iconActive: `${process.env.PUBLIC}/microscopeIcons/mobile_navs/block_active.svg`
   },
   {
     path: '/transactions',
@@ -39,23 +37,21 @@ export default [
     exact: true,
     nav: true,
     icon: `${process.env.PUBLIC}/microscopeIcons/mobile_navs/transaction.svg`,
-    iconActive: `${
-      process.env.PUBLIC
-    }/microscopeIcons/mobile_navs/transaction_active.svg`,
+    iconActive: `${process.env.PUBLIC}/microscopeIcons/mobile_navs/transaction_active.svg`
   },
   {
     path: '/transaction/:transaction',
     name: 'Transaction',
     component: 'Transaction',
     exact: true,
-    nav: false,
+    nav: false
   },
   {
     path: '/account/:account',
     name: 'Account',
     component: 'Account',
     exact: true,
-    nav: false,
+    nav: false
   },
   {
     path: '/graphs',
@@ -64,9 +60,16 @@ export default [
     exact: true,
     nav: true,
     icon: `${process.env.PUBLIC}/microscopeIcons/mobile_navs/statistics.svg`,
-    iconActive: `${
-      process.env.PUBLIC
-    }/microscopeIcons/mobile_navs/statistics_active.svg`,
+    iconActive: `${process.env.PUBLIC}/microscopeIcons/mobile_navs/statistics_active.svg`
+  },
+  {
+    path: '/debugger',
+    name: 'Debugger',
+    component: 'Debugger',
+    exact: true,
+    nav: true,
+    icon: `${process.env.PUBLIC}/microscopeIcons/mobile_navs/statistics.svg`,
+    iconActive: `${process.env.PUBLIC}/microscopeIcons/mobile_navs/statistics_active.svg`
   },
   {
     path: '/config',
@@ -75,9 +78,7 @@ export default [
     exact: true,
     nav: true,
     icon: `${process.env.PUBLIC}/microscopeIcons/mobile_navs/config.svg`,
-    iconActive: `${
-      process.env.PUBLIC
-    }/microscopeIcons/mobile_navs/config_active.svg`,
+    iconActive: `${process.env.PUBLIC}/microscopeIcons/mobile_navs/config_active.svg`
   },
-  { path: '/', name: 'Footer', component: 'Footer', exact: false, nav: false },
+  { path: '/', name: 'Footer', component: 'Footer', exact: false, nav: false }
 ]
diff --git a/src/components/ContractInfoPanel/index.tsx b/src/components/ContractInfoPanel/index.tsx
@@ -0,0 +1,74 @@
+import * as React from 'react'
+import { List, Divider } from '@material-ui/core'
+import { ABI, ABIElement } from '../../typings'
+import { withObservables } from '../../contexts/observables'
+import { copyToClipboard } from '../../utils/copyToClipboard'
+import { handleError, dismissError } from '../../utils/handleError'
+
+const styles = require('./styles.scss')
+
+const Infoblock = ({ title, code }) => (
+  <div className={styles.infoblock}>
+    <div className={styles.header}>
+      <span className={styles.title}>{title}</span>
+      <button className={styles.button} onClick={() => copyToClipboard(code)}>
+        Copy
+      </button>
+    </div>
+    <div className={styles.code}>{code}</div>
+  </div>
+)
+
+interface PanelProps {
+  CITAObservables: any
+  // account: string
+  abi: any
+  code: string
+}
+
+interface PanelState {
+  // abi: string
+  // code: string
+}
+
+// class Panel extends React.Component<PanelProps, PanelState> {
+//   state = {
+//     abi: JSON.stringify(this.props.abi),
+//     code: ''
+//   }
+//   public componentWillMount () {
+//     // this.getabi()
+//     this.getcode()
+//   }
+//   // private getabi = () => this.props.CITAObservables.getAbi(this.citaParams).subscribe((abi) => this.setState({ abi }))
+//   private getcode = () => this.props.CITAObservables.getCode(this.citaParams).subscribe(code => this.setState({ code }))
+//   private citaParams = {
+//     contractAddr: this.props.account,
+//     blockNumber: 'latest'
+//   }
+//   public render () {
+//     // const { abi, code } = this.state
+//     const abi = JSON.stringify(this.props.abi)
+//     const { code } = this.props
+//     return (
+//       <div>
+//         <Infoblock title="Contract Abi" code={abi} />
+//         <Infoblock title="Contract Creation Code" code={code} />
+//       </div>
+//     )
+//   }
+// }
+
+const Panel = (props: PanelProps) => {
+  // const { abi, code } = this.state
+  const abi = JSON.stringify(props.abi)
+  const { code } = props
+  return (
+    <div>
+      <Infoblock title="Contract Abi" code={abi} />
+      <Infoblock title="Contract Creation Code" code={code} />
+    </div>
+  )
+}
+
+export default withObservables(Panel)