Inicio Explorar Ayuda
Iniciar sesión
bux
/
tracim_v2
Seguir 1
Destacar 0
Fork 0
Código Incidencias 0 Peticiones pull 0 Lanzamientos 0 Wiki Activity
Explorar el Código

renamed plugin into app

Skylsmoi hace 6 años
padre
e438d2c33a
commit
83e829c154
Se han modificado 6 ficheros con 39 adiciones y 39 borrados
Dividir vista Mostrar estadísticas de diff
  1. 4 4
      .gitignore
  2. 14 14
      dist/index.html
  3. 2 2
      src/component/PageHtml.jsx
  4. 13 13
      src/container/PageHtml.jsx
  5. 4 4
      src/index.js
  6. 2 2
      webpack.config.js

+ 4 - 4
.gitignore Ver fichero 

@@ -2,7 +2,7 @@
2 2 
 .idea/
3 3 
 .git/
4 4 
 node_modules/
5 
-dist/pageHtml.plugin.js
6 
-dist/pageHtml.plugin.js.map
7 
-dist/pageHtml.plugin.dev.js
8 
-dist/pageHtml.plugin.dev.js.map
5 
+dist/pageHtml.app.js
6 
+dist/pageHtml.app.js.map
7 
+dist/pageHtml.app.dev.js
8 
+dist/pageHtml.app.dev.js.map

+ 14 - 14
dist/index.html Ver fichero 

@@ -3,7 +3,7 @@
3 3 
 <head>
4 4 
   <meta charset='utf-8' />
5 5 
   <meta name="viewport" content="width=device-width, user-scalable=no" />
6 
-  <title>Tracim Lib</title>
6 
+  <title>Tracim App PageHtml</title>
7 7 
   <link rel='shortcut icon' href='favicon.ico'>
8 8
9 9 
   <link rel="stylesheet" type="text/css" href="./font/font-awesome-4.7.0/css/font-awesome.css">
 
@@ -17,36 +17,36 @@
17 17
18 18 
   <div id='content'></div>
19 19
20 
-  <script src='./pageHtml.plugin.dev.js'></script>
20 
+  <script src='./pageHtml.app.dev.js'></script>
21 21
22 22 
   <script type='text/javascript'>
23 
-    GLOBAL_renderPlugin = pluginName => {
24 
-      if (pluginName === 'PageHtml') {
25 
-        pluginPageHtml.renderPlugin('pluginContainer')
26 
-        console.log('plugin pagehtml rendered')
23 
+    GLOBAL_renderApp = appName => {
24 
+      if (appName === 'PageHtml') {
25 
+        appPageHtml.renderApp('appContainer')
26 
+        console.log('app pagehtml rendered')
27 27 
       }
28 28 
     }
29 29
30 30 
     GLOBAL_dispatchEvent = (data) => {
31 
-      var event = new CustomEvent('pluginCustomEvent', {detail: data})
31 
+      var event = new CustomEvent('appCustomEvent', {detail: data})
32 32 
       document.dispatchEvent(event)
33 33 
     }
34 34
35 
-    GLOBAL_unmountPlugin = () => {
35 
+    GLOBAL_unmountApp = () => {
36 36 
       console.log('btn close clicked')
37 
-      pluginPageHtml.hidePlugin('pluginContainer')
37 
+      appPageHtml.hideApp('appContainer')
38 38 
     }
39 39
40 
-    // only usefull if plugin doesn't handle fileContent himself
40 
+    // only usefull if app doesn't handle fileContent himself
41 41 
     GLOBAL_handleRequireRedraw = () => {
42 
-      var rez = pluginA.destroyPlugin('plugin')
43 
-      if (rez) GLOBAL_drawPlugin('redraw')
44 
-      else console.log('Erreur, failed at destroying plugin')
42 
+      var rez = appA.destroyApp('app')
43 
+      if (rez) GLOBAL_drawApp('redraw')
44 
+      else console.log('Erreur, failed at destroying app')
45 45 
     }
46 46 
   </script>
47 47
48 48 
   <script type='text/javascript'>
49 
-    // pluginPageHtml.renderPlugin('content')
49 
+    // appPageHtml.renderApp('content')
50 50 
   </script>
51 51 
 </body>
52 52 
 </html>

+ 2 - 2
src/component/PageHtml.jsx Ver fichero 

@@ -1,5 +1,5 @@
1 1 
 import React from 'react'
2 
-import { TextAreaPlugin } from 'tracim_lib'
2 
+import { TextAreaApp } from 'tracim_lib'
3 3
4 4 
 const PageHtml = props => {
5 5 
   return (
 
@@ -7,7 +7,7 @@ const PageHtml = props => {
7 7 
       <div className='wsFilePageHtml__contentpage__textnote__latestversion' dangerouslySetInnerHTML={{__html: props.version}} />
8 8 
       <div className='wsFilePageHtml__contentpage__textnote__text' dangerouslySetInnerHTML={{__html: props.text}} />
9 9
10 
-      <TextAreaPlugin customClass={'wsFilePageHtml'} />
10 
+      <TextAreaApp customClass={'wsFilePageHtml'} />
11 11 
     </div>
12 12 
   )
13 13 
 }

+ 13 - 13
src/container/PageHtml.jsx Ver fichero 

@@ -12,7 +12,7 @@ class pageHtml extends React.Component {
12 12 
   constructor (props) {
13 13 
     super(props)
14 14 
     this.state = {
15 
-      pluginName: 'PageHtml',
15 
+      appName: 'PageHtml',
16 16 
       data: props.data
17 17 
         ? props.data
18 18 
         : { // for debugg purpose
 
@@ -20,7 +20,7 @@ class pageHtml extends React.Component {
20 20 
             version: '3',
21 21 
             text: 'Bonjour ?'
22 22 
           },
23 
-          pluginData: {
23 
+          appData: {
24 24 
             name: 'PageHtml',
25 25 
             componentLeft: 'PageHtml',
26 26 
             componentRight: 'Timeline',
 
@@ -30,7 +30,7 @@ class pageHtml extends React.Component {
30 30 
         }
31 31 
     }
32 32
33 
-    document.addEventListener('pluginCustomEvent', this.customEventReducer, false)
33 
+    document.addEventListener('appCustomEvent', this.customEventReducer, false)
34 34 
   }
35 35
36 36 
   customEventReducer = ({detail}) => {
 
@@ -41,25 +41,25 @@ class pageHtml extends React.Component {
41 41 
     }
42 42 
   }
43 43
44 
-  handleClickBtnClosePlugin = () => {
45 
-    GLOBAL_unmountPlugin(this.state.pluginName)
44 
+  handleClickBtnCloseApp = () => {
45 
+    GLOBAL_unmountApp(this.state.appName)
46 46 
   }
47 47
48 48 
   render () {
49 
-    const { file, pluginData } = this.state.data
49 
+    const { file, appData } = this.state.data
50 50
51 51 
     return (
52 
-      <PopinFixed customClass={`${pluginData.customClass}`}>
52 
+      <PopinFixed customClass={`${appData.customClass}`}>
53 53 
         <PopinFixedHeader
54 
-          customClass={`${pluginData.customClass}`}
55 
-          icon={pluginData.icon}
54 
+          customClass={`${appData.customClass}`}
55 
+          icon={appData.icon}
56 56 
           name={file.title}
57 
-          onClickCloseBtn={this.handleClickBtnClosePlugin}
57 
+          onClickCloseBtn={this.handleClickBtnCloseApp}
58 58 
         />
59 59
60 
-        <PopinFixedOption customClass={`${pluginData.customClass}`} />
60 
+        <PopinFixedOption customClass={`${appData.customClass}`} />
61 61
62 
-        <PopinFixedContent customClass={`${pluginData.customClass}__contentpage`}>
62 
+        <PopinFixedContent customClass={`${appData.customClass}__contentpage`}>
63 63 
           <PageHtmlComponent
64 64 
             version={file.version}
65 65 
             text={file.text}
 
@@ -67,7 +67,7 @@ class pageHtml extends React.Component {
67 67 
           />
68 68
69 69 
           <Timeline
70 
-            customClass={`${pluginData.customClass}__contentpage`}
70 
+            customClass={`${appData.customClass}__contentpage`}
71 71 
             key={'pageHtml__timeline'}
72 72 
           />
73 73 
         </PopinFixedContent>

+ 4 - 4
src/index.js Ver fichero 

@@ -4,17 +4,17 @@ import PageHtml from './container/PageHtml.jsx'
4 4
5 5 
 require('./css/index.styl')
6 6
7 
-const pluginInterface = {
8 
-  renderPlugin: (domId, data) => {
7 
+const appInterface = {
8 
+  renderApp: (domId, data) => {
9 9 
     return ReactDOM.render(
10 10 
       <PageHtml file={data} />
11 11 
       , document.getElementById(domId)
12 12 
     )
13 13 
   },
14 
-  hidePlugin: domId => {
14 
+  hideApp: domId => {
15 15 
     // TODO: should be a display none
16 16 
     return ReactDOM.unmountComponentAtNode(document.getElementById(domId)) // returns bool
17 17 
   }
18 18 
 }
19 19
20 
-module.exports = pluginInterface
20 
+module.exports = appInterface

+ 2 - 2
webpack.config.js Ver fichero 

@@ -8,9 +8,9 @@ module.exports = {
8 8 
   entry: isProduction ? './src/index.js' : './src/index.dev.js',
9 9 
   output: {
10 10 
     path: path.resolve(__dirname, 'dist'),
11 
-    filename: isProduction ? 'pageHtml.plugin.js' : 'pageHtml.plugin.dev.js',
11 
+    filename: isProduction ? 'pageHtml.app.js' : 'pageHtml.app.dev.js',
12 12 
     pathinfo: !isProduction,
13 
-    library: isProduction ? 'pluginPageHtml' : undefined,
13 
+    library: isProduction ? 'appPageHtml' : undefined,
14 14 
     libraryTarget: isProduction ? 'var' : undefined,
15 15 
   },
16 16 
   externals: {},