improved apps interface

src/container/Thread.jsx

     document.addEventListener('appCustomEvent', this.customEventReducer)
   }
 
+  customEventReducer = ({ detail: action }) => { // action: { type: '', data: {} }
+    switch (action.type) {
+      case 'Thread_showApp':
+        this.setState({isVisible: true})
+        break
+      case 'Thread_hideApp':
+        this.setState({isVisible: false})
+        break
+    }
+  }
+
   async componentDidMount () {
     const { workspace, content, appConfig } = this.state
     if (content.id === '-1') return // debug case
     })
   }
 
-  customEventReducer = ({detail}) => {
-    switch (detail.type) {
-      case 'Thread_showMsg': // unused for now, for testing purpose
-        this.setState({inputText: detail.content})
-        break
-    }
-  }
-
   handleClickBtnCloseApp = () => {
     this.setState({ isVisible: false })
   }

src/index.js

 require('./css/index.styl')
 
 const appInterface = {
+  name: 'Thread',
+  isRendered: false,
   renderApp: (domId, data) => {
     return ReactDOM.render(
       <Thread file={data} />