added poc of external plugin + lib tracim

dist/index.html

@@ -25,21 +25,36 @@
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ" crossorigin="anonymous"></script>
     -->
 
-    <!-- script src='./plugin/pageHtml.plugin.js'></script -->
+    <script src='./plugin/pageHtml.plugin.js'></script>
 
     <script src="./dev/jquery-3.2.1.js"></script>
     <script src="./dev/popper-1.12.3.js"></script>
     <script src="./dev/bootstrap-4.0.0-beta.2.js"></script>
 
     <script type='text/javascript'>
-      function GLOBAL_renderPlugin () {
-        pluginPageHtml.renderPlugin('pluginContainer')
+      GLOBAL_renderPlugin = pluginName => {
+        if (pluginName === 'PageHtml') {
+          pluginPageHtml.renderPlugin('pluginContainer')
+          console.log('plugin pagehtml rendered')
+        }
       }
 
-      function GLOBAL_dispatchEvent (data) {
+      GLOBAL_dispatchEvent = (data) => {
         var event = new CustomEvent('pluginCustomEvent', {detail: data})
         document.dispatchEvent(event)
       }
+
+      GLOBAL_unmountPlugin = () => {
+        console.log('btn close clicked')
+        pluginPageHtml.hidePlugin('pluginContainer')
+      }
+
+      // only usefull if plugin doesn't handle fileContent himself
+      GLOBAL_handleRequireRedraw = () => {
+        var rez = pluginA.destroyPlugin('plugin')
+        if (rez) GLOBAL_drawPlugin('redraw')
+        else console.log('Erreur, failed at destroying plugin')
+      }
     </script>
 
     <script type='text/javascript'>

package.json

@@ -15,7 +15,7 @@
   "license": "ISC",
   "dependencies": {
     "babel-core": "^6.26.0",
-    "babel-eslint": "^8.0.1",
+    "babel-eslint": "^8.2.1",
     "babel-loader": "^7.1.2",
     "babel-plugin-transform-class-properties": "^6.24.1",
     "babel-plugin-transform-object-assign": "^6.22.0",
@@ -34,14 +34,15 @@
     "redux": "^3.7.2",
     "redux-logger": "^3.0.6",
     "redux-thunk": "^2.2.0",
-    "standard": "^10.0.3",
+    "standard": "^11.0.0",
     "standard-loader": "^6.0.1",
     "style-loader": "^0.19.0",
     "stylus": "^0.54.5",
     "stylus-loader": "^3.0.1",
     "url-loader": "^0.6.2",
     "webpack": "^3.8.1",
-    "whatwg-fetch": "^2.0.3"
+    "whatwg-fetch": "^2.0.3",
+    "tracim_lib": "git://github.com/Skylsmoi/tracim_lib.git"
   },
   "devDependencies": {
     "json-server": "^0.12.0",

src/container/WorkspaceContent.jsx

@@ -7,12 +7,13 @@ import PageWrapper from '../component/common/layout/PageWrapper.jsx'
 import PageTitle from '../component/common/layout/PageTitle.jsx'
 import PageContent from '../component/common/layout/PageContent.jsx'
 import DropdownCreateButton from '../component/common/Input/DropdownCreateButton.jsx'
-import pluginDatabase from '../plugin/index.js'
+// import pluginDatabase from '../plugin/index.js'
 import {
   getPluginList,
   getWorkspaceContent
 } from '../action-creator.async.js'
 import { setActiveFileContent } from '../action-creator.sync.js'
+import { bonjour } from 'tracim_lib'
 
 class WorkspaceContent extends React.Component {
   constructor (props) {
@@ -28,13 +29,23 @@ class WorkspaceContent extends React.Component {
   }
 
   handleClickFileItem = file => {
-    this.props.dispatch(setActiveFileContent(file))
+    // this.props.dispatch(setActiveFileContent(file))
+    GLOBAL_renderPlugin(file.type)
+  }
+
+  handleDummyBtn = () => {
+    // GLOBAL_dispatchEvent({
+    //   source: 'Tracim',
+    //   type: 'PageHtml_showMsg',
+    //   content: 'Bonjour ?'
+    // })
+    bonjour()
   }
 
   render () {
-    const { workspace, activeFileContent, plugin } = this.props
+    const { workspace, plugin } = this.props
 
-    const PluginContainer = (pluginDatabase.find(p => p.name === activeFileContent.type) || {container: '<div>unknow</div>'}).container
+    // const PluginContainer = (pluginDatabase.find(p => p.name === activeFileContent.type) || {container: '<div>unknow</div>'}).container
 
     return (
       <PageWrapper customeClass='workspace'>
@@ -47,6 +58,7 @@ class WorkspaceContent extends React.Component {
         </PageTitle>
 
         <PageContent parentClass='workspace__content'>
+          <button onClick={this.handleDummyBtn}>Click Me</button>
 
           <div className='workspace__content__fileandfolder folder__content active'>
             <FileItemHeader />
@@ -69,7 +81,7 @@ class WorkspaceContent extends React.Component {
           <DropdownCreateButton customClass='workspace__content__button mb-5' />
 
           <div id='pluginContainer'>
-            { activeFileContent.display && <PluginContainer /> }
+            {/* activeFileContent.display && <PluginContainer /> */}
           </div>
         </PageContent>