started removing plugin from tracim to make in others apps

dist/index.html

@@ -24,11 +24,25 @@
     <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh" crossorigin="anonymous"></script>
     <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="./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">
+    <script type='text/javascript'>
+      function GLOBAL_renderPlugin () {
+        pluginPageHtml.renderPlugin('pluginContainer')
+      }
+
+      function GLOBAL_dispatchEvent (data) {
+        var event = new CustomEvent('pluginCustomEvent', {detail: data})
+        document.dispatchEvent(event)
+      }
+    </script>
+
+    <script type='text/javascript'>
       if (window.matchMedia("(min-width:1200px)").matches) {
 
         var jsScript = document.createElement("script");

src/component/Workspace/FileContentViewer.jsx

@@ -1,57 +1,9 @@
 import React from 'react'
-import PropTypes from 'prop-types'
-import PopinFixed from '../common/PopinFixed/PopinFixed'
-import PopinFixedHeader from '../common/PopinFixed/PopinFixedHeader.jsx'
-import PopinFixedOption from '../common/PopinFixed/PopinFixedOption.jsx'
-import PopinFixedContent from '../common/PopinFixed/PopinFixedContent.jsx'
-import { FILE_TYPE } from '../../helper.js'
-// import PluginContentType from '../PluginContentType.jsx'
-import PageHtml from '../../plugin/ContentType/PageHtml/PageHtml.jsx'
-// import Thread from '../../plugin/ContentType/Thread/Thread.jsx'
 
 const FileContentViewer = props => {
-  const defaultPlugin = {
-    customClass: '',
-    icon: '',
-    componentLeft: undefined,
-    componentRight: undefined
-  }
-  const { customClass, icon, componentLeft, componentRight } = FILE_TYPE.find(f => f.name === props.file.type) || defaultPlugin
-
-  const PluginLeft = props => {
-    console.log('componentLeft === PageHtml.name', componentLeft === PageHtml.name)
-    switch (componentLeft) {
-      case PageHtml.name:
-        return <PageHtml version={props.file.version} text={props.file.text} />
-    }
-    // componentLeft is a string, I cant do <componentLeft /> because it needs to be a react object (component) like PageHtml is
-  }
-
   return (
-    <PopinFixed customClass={`${customClass}`}>
-      <PopinFixedHeader
-        customClass={`${customClass}`}
-        icon={icon}
-        name={props.file.title}
-        onClickCloseBtn={props.onClose}
-      />
-
-      <PopinFixedOption customClass={`${customClass}`} />
 
-      <PopinFixedContent customClass={`${customClass}__contentpage`}>
-        {/* <PluginContentType customeClass={customClass} file={props.file} /> */}
-        <PluginLeft file={props.file} />
-      </PopinFixedContent>
-    </PopinFixed>
   )
 }
 
 export default FileContentViewer
-
-FileContentViewer.PropTypes = {
-  file: PropTypes.shape({
-    type: PropTypes.oneOf(FILE_TYPE.map(f => f.name)).isRequired,
-    title: PropTypes.string.isRequired
-  }).isRequired,
-  onClose: PropTypes.func.isRequired
-}

src/container/WorkspaceContent.jsx

@@ -7,7 +7,6 @@ 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 FileContentViewer from '../component/Workspace/FileContentViewer.jsx'
 import {
   getPluginList,
   getWorkspaceContent
@@ -70,12 +69,9 @@ class WorkspaceContent extends React.Component {
 
           <DropdownCreateButton customClass='workspace__content__button mb-5' />
 
-          { activeFileContent.display &&
-            <FileContentViewer
-              file={activeFileContent}
-              onClose={this.handleClickCloseBtn}
-            />
-          }
+          <div id='pluginContainer'>
+
+          </div>
         </PageContent>
 
       </PageWrapper>