Merge pull request #7 from cryptape/develop

add CDN address in docs

Author: Mine77

.eslintrc.js

@@ -232,6 +232,7 @@ module.exports = {
     'jsx-a11y/click-events-have-key-events': [0],
     'jsx-a11y/no-static-element-interactions': [0],
     'no-nested-ternary': [0],
+    'no-underscore-dangle': [0]
   },
   settings: {
     'import/resolver': {

README.md

@@ -32,6 +32,8 @@ CHAIN_SERVERS= # default appchain addresses
 APP_NAME= # explorer name
 ```
 
+> NOTICE: Our CDN for static assets is available at `http://pccoq959o.bkt.clouddn.com/`, namely icons and images can be added by setting `PUBLIC=http://pccoq959o.bkt.clouddn.com/` on `.env`.
+
 5.  Developing
 
 ```shell

docs/index.html

@@ -21,16 +21,16 @@
   <nav class="app-nav no-badge">
     <ul>
       <li>
-        <a href="https://cryptape.github.io/Nervos-Docs">Nervos</a>
+        <a href="https://docs.nervos.org/" target="_about">Nervos</a>
         <ul>
           <li>
-            <a href="https://cryptape.github.io/Nervos-AppChain-Docs/">AppChain</a>
+            <a href="https://cryptape.github.io/Nervos-AppChain-Docs/" target="_about">AppChain</a>
           </li>
           <li>
-            <a href="https://cryptape.github.io/cita/">CITA</a>
+            <a href="https://cryptape.github.io/cita/" target="_about">CITA</a>
           </li>
           <li>
-            <a href="https://cryptape.github.io/Neuron-Android/#/">Neuron</a>
+            <a href="https://cryptape.github.io/Neuron-Android/#/" target="_about">Neuron</a>
           </li>
           <li>
             <a href="https://cryptape.github.io/Microscope/">Microscope</a>

package.json

@@ -29,6 +29,7 @@
     "@material-ui/core": "^1.2.0",
     "@material-ui/icons": "^1.1.0",
     "@nervos/observables": "^0.17.1",
+    "@nervos/signer": "^1.0.23",
     "@reactivex/rxjs": "^5.5.6",
     "axios": "^0.18.0",
     "echarts": "^4.0.4",

src/App.tsx

@@ -1,9 +1,17 @@
+/*
+ * @Author: Keith-CY
+ * @Date: 2018-07-22 19:56:35
+ * @Last Modified by: Keith-CY
+ * @Last Modified time: 2018-07-22 19:57:36
+ */
+
 import * as React from 'react'
-import 'normalize.css'
 import { HashRouter as Router } from 'react-router-dom'
 import { MuiThemeProvider } from '@material-ui/core/styles'
+
 import Routes from './Routes'
 import theme from './config/theme'
+
 import { provideObservabls } from './contexts/observables'
 import { provideConfig } from './contexts/config'
 

src/Routes.tsx renamed to src/Routes/containers.ts

@@ -1,8 +1,4 @@
-import * as React from 'react'
-import { HashRouter as Router, Route } from 'react-router-dom'
-import Bundle from './components/Bundle'
-
-export const containers = [
+export default [
   { path: '/', name: 'Header', component: 'Header', nav: false },
   {
     path: '/',
@@ -32,8 +28,9 @@ export const containers = [
     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',
@@ -42,9 +39,9 @@ export const containers = [
     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',
@@ -67,8 +64,9 @@ export const containers = [
     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: '/config',
@@ -77,46 +75,9 @@ export const containers = [
     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 },
 ]
-
-const asyncRender = mod => routerProps => {
-  if (!mod) return null
-  /* eslint-disable */
-  const Component = require(`bundle-loader?lazy!./containers/${mod}`)
-  /* eslint-enable */
-  return (
-    <Bundle load={Component}>
-      {Comp => (Comp ? <Comp {...routerProps} /> : <div>Loading</div>)}
-    </Bundle>
-  )
-}
-/* eslint-enable import/no-dynamic-require */
-/* eslint-enable global-require */
-
-export const renderRouteArray = containerArr =>
-  containerArr.map(container => (
-    <Route
-      key={container.name}
-      {...container}
-      render={asyncRender(container.component)}
-    />
-  ))
-
-const Routes = () => (
-  <React.Fragment>
-    {containers.map(container => (
-      <Route
-        key={container.name}
-        path={container.path}
-        exact={container.exact}
-        render={asyncRender(container.component)}
-      />
-    ))}
-  </React.Fragment>
-)
-
-export default Routes

src/Routes/index.tsx

@@ -0,0 +1,41 @@
+/*
+ * @Author: Keith-CY
+ * @Date: 2018-07-22 19:59:10
+ * @Last Modified by: Keith-CY
+ * @Last Modified time: 2018-07-22 20:10:55
+ */
+
+import * as React from 'react'
+import { Route } from 'react-router-dom'
+
+import Bundle from '../components/Bundle'
+import containers from './containers'
+
+export const asyncRender = mod => routerProps => {
+  if (!mod) return null
+  /* eslint-disable */
+  const Component = require(`bundle-loader?lazy!../containers/${mod}`)
+  /* eslint-enable */
+  return (
+    <Bundle load={Component}>
+      {Comp => (Comp ? <Comp {...routerProps} /> : <div>Loading</div>)}
+    </Bundle>
+  )
+}
+/* eslint-enable import/no-dynamic-require */
+/* eslint-enable global-require */
+
+const Routes = () => (
+  <React.Fragment>
+    {containers.map(container => (
+      <Route
+        key={container.name}
+        path={container.path}
+        exact={container.exact}
+        render={asyncRender(container.component)}
+      />
+    ))}
+  </React.Fragment>
+)
+
+export default Routes

src/config/colors.ts

@@ -30,14 +30,14 @@ export const LineOption = {
     colorStops: [
       {
         offset: 0,
-        color: 'red', // 0% 处的颜色
+        color: 'red',
       },
       {
         offset: 1,
-        color: 'blue', // 100% 处的颜色
+        color: 'blue',
       },
     ],
-    globalCoord: false, // 缺省为 false
+    globalCoord: false,
   },
 }
 export const PieOption = {

src/config/graph.ts

@@ -1,17 +1,21 @@
+/*
+ * @Author: Keith-CY
+ * @Date: 2018-07-22 21:38:14
+ * @Last Modified by:   Keith-CY
+ * @Last Modified time: 2018-07-22 21:38:14
+ */
+
 import * as i18n from 'i18next'
 import * as XHR from 'i18next-xhr-backend'
 import * as LanguageDetector from 'i18next-browser-languagedetector'
 import { reactI18nextModule } from 'react-i18next'
-// import zh from './locale/translation.zh.json'
-// import en from './locale/en'
 
 i18n
   .use(XHR)
   .use(LanguageDetector)
   .use(reactI18nextModule)
   .init({
     fallbackLng: 'en',
-    // defaultNS: 'translations',
     keySeparator: false,
     react: {
       wait: false,