renamed app interface functions

README.md

@@ -58,7 +58,7 @@ To test them inside Tracim, you need to build them and copast them to tracim_fro
 You also need to make the mock api able to tell tracim_frontend that it handle you app :
 - add an entry for you App in tracim_frontend/jsonserver/static_db.json in the `app_config` property
 - reload your mock api server
-- add the source of your app in tracim_frontend/dist/index.html and an entry to the switch case of the function `GLOBAL_renderApp`. All of this will be handled by backend later on, this is all work in progress stuffs.
+- add the source of your app in tracim_frontend/dist/index.html and an entry to the switch case of the function `GLOBAL_renderAppFull`. All of this will be handled by backend later on, this is all work in progress stuffs.
 
 
 #### Urls list

dist/appInterface.js

@@ -15,33 +15,36 @@
   }
 
   //@TODO make a file action.tracimCustomEvent.js that will contains all customEvent that tracim_frontend call
+  // => pb with that is that appInterface cant use import since it is not part of the build webpack
+  // use module.export and require
+  // doesn't work, cant resolve a file outside of the build dir
 
-  GLOBAL_renderApp = app => { //@TODO renderAppFull
-    console.log('%cGLOBAL_renderApp', 'color: #5cebeb', app)
+  GLOBAL_renderAppFull = app => {
+    console.log('%cGLOBAL_renderAppFull', 'color: #5cebeb', app)
 
     const selectedApp = getSelectedApp(app.config.slug)
 
     if (selectedApp.isRendered) {
       GLOBAL_dispatchEvent({type: `${app.config.slug}_showApp`, data: app}) // handled by html-documents:src/container/HtmlDocument.jsx
     } else {
-      selectedApp.renderApp(app)
+      selectedApp.renderAppFull(app)
       selectedApp.isRendered = true
       prevSelectedApp.isRendered = false
       prevSelectedApp = selectedApp
     }
   }
 
-  GLOBAL_renderCreateContentApp = app => { //@TODO renderAppPopupCreation
-    console.log('%cGLOBAL_renderCreateContentApp', 'color: #5cebeb', app)
+  GLOBAL_renderAppPopupCreation = app => {
+    console.log('%cGLOBAL_renderAppPopupCreation', 'color: #5cebeb', app)
 
     const selectedApp = getSelectedApp(app.config.slug)
 
     if (!selectedApp) {
-      console.log('Error in GLOBAL_renderCreateContentApp, selectedApp is undefined', app)
+      console.log('Error in GLOBAL_renderAppPopupCreation, selectedApp is undefined', app)
       return
     }
 
-    getSelectedApp(app.config.slug).renderPopupCreation(app)
+    getSelectedApp(app.config.slug).renderAppPopupCreation(app)
   }
 
   GLOBAL_dispatchEvent = ({type, data}) => {

package.json

@@ -61,8 +61,8 @@
       "fetch",
       "btoa",
       "history",
-      "GLOBAL_renderApp",
-      "GLOBAL_renderCreateContentApp",
+      "GLOBAL_renderAppFull",
+      "GLOBAL_renderAppPopupCreation",
       "GLOBAL_dispatchEvent",
       "GLOBAL_hideApp"
     ],

src/appFactory.js

@@ -3,7 +3,7 @@ import { FETCH_CONFIG } from './helper.js'
 
 export function appFactory (WrappedComponent) {
   return class AppFactory extends React.Component {
-    renderApp = (appConfig, user, content) => GLOBAL_renderApp({
+    renderAppFull = (appConfig, user, content) => GLOBAL_renderAppFull({
       loggedUser: user.logged ? user : {},
       config: {
         ...appConfig,
@@ -15,7 +15,7 @@ export function appFactory (WrappedComponent) {
       content
     })
 
-    renderCreateContentApp = (appConfig, user, idWorkspace, idFolder) => GLOBAL_renderCreateContentApp({
+    renderAppPopupCreation = (appConfig, user, idWorkspace, idFolder) => GLOBAL_renderAppPopupCreation({
       loggedUser: user.logged ? user : {},
       config: {
         ...appConfig,
@@ -34,8 +34,8 @@ export function appFactory (WrappedComponent) {
       return (
         <WrappedComponent
           {...this.props}
-          renderApp={this.renderApp}
-          renderCreateContentApp={this.renderCreateContentApp}
+          renderAppFull={this.renderAppFull}
+          renderAppPopupCreation={this.renderAppPopupCreation}
           emitEventApp={this.emitEventApp}
           // hideApp={this.hideApp}
         />

src/component/Workspace/OpenContentApp.jsx

@@ -5,7 +5,7 @@ import appFactory from '../../appFactory.js'
 
 export class OpenContentApp extends React.Component {
   openContentApp = () => {
-    const { idWorkspace, appOpenedType, user, workspaceContent, contentType, renderApp, match } = this.props
+    const { idWorkspace, appOpenedType, user, workspaceContent, contentType, renderAppFull, match } = this.props
 
     if (isNaN(idWorkspace) || idWorkspace === -1) return
 
@@ -29,7 +29,7 @@ export class OpenContentApp extends React.Component {
         // if another app is already visible, hide it
         if (appOpenedType !== false) GLOBAL_dispatchEvent({type: `${appOpenedType}_hideApp`})
         // open app
-        renderApp(
+        renderAppFull(
           contentType.find(ct => ct.slug === contentToOpen.type),
           user,
           contentToOpen

src/component/Workspace/OpenCreateContentApp.jsx

@@ -7,12 +7,12 @@ const qs = require('query-string')
 
 export class OpenCreateContentApp extends React.Component {
   openCreateContentApp = () => {
-    const { idWorkspace, user, contentType, renderCreateContentApp, match, location } = this.props
+    const { idWorkspace, user, contentType, renderAppPopupCreation, match, location } = this.props
 
     if (isNaN(idWorkspace) || idWorkspace === -1) return
 
     if (['idws', 'type'].every(p => p in match.params) && contentType.map(c => c.slug).includes(match.params.type)) {
-      renderCreateContentApp(
+      renderAppPopupCreation(
         contentType.find(ct => ct.slug === match.params.type),
         user,
         idWorkspace,