Add vimium check

Author: Yang Zhen

app/components/Notification/index.jsx

@@ -9,7 +9,9 @@ const barStyleFactory = (index, style) => {
     left: 'initial',
     right: '-100%',
     bottom: 'initial',
-    top: `${2 + index * 4}rem`
+    top: `${2 + index * 4}rem`,
+    fontSize: '12px',
+    padding: '8px',
   })
 }
 
@@ -18,7 +20,9 @@ const activeBarStyleFactory = (index, style) => {
     left: 'initial',
     right: '1rem',
     bottom: 'initial',
-    top: `${2 + index * 4}rem`
+    top: `${2 + index * 4}rem`,
+    fontSize: '12px',
+    padding: '8px',
   })
 }
 

app/containers/IDE.jsx

@@ -3,7 +3,9 @@ import { connect } from 'react-redux'
 import { initializeFileTree } from '../components/FileTree/actions'
 import PanelsContainer from '../components/Panel'
 import Utilities from './Utilities'
-
+import hasVimium from 'utils/hasVimium'
+import { notify, NOTIFY_TYPE } from '../components/Notification/actions'
+import i18n from 'utils/createI18n'
 
 class IDE extends Component {
   constructor (props) {
@@ -16,6 +18,16 @@ class IDE extends Component {
     this.setState({ isReady: true })
   }
 
+  componentDidMount () {
+    if (hasVimium()) {
+      notify({
+        notifyType: NOTIFY_TYPE.ERROR,
+        message: i18n`global.hasVimium`,
+        dismissAfter: 12000
+      })
+    }
+  }
+
   render () {
     if (!this.state.isReady) return null
     return (

app/i18n/en_US/global.json

@@ -13,5 +13,6 @@
    "connecting": "Connecting",
    "loadingWorkspace": "Loading workspace...",
    "reloadWorkspace": "Retry",
-   "requestCollaborationExpires": "The demo has already expired."
+   "requestCollaborationExpires": "The demo has already expired.",
+   "hasVimium": "Please disable Vimium plugin."
 }

app/i18n/zh_CN/global.json

@@ -13,5 +13,6 @@
    "connecting": "连接",
    "loadingWorkspace": "正在加载工作区",
    "reloadWorkspace": "重新加载",
-   "requestCollaborationExpires": "试用已经结束"
+   "requestCollaborationExpires": "试用已经结束",
+   "hasVimium": "请禁用 Vimium 插件以避免按键冲突"
 }