renamed plugin into app

dist/plugin/pageHtml.plugin.js → dist/app/pageHtml.app.js

@@ -1,4 +1,4 @@
-var pluginPageHtml=function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var n={};return t.m=e,t.c=n,t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=5)}([function(e,t,n){"use strict";e.exports=n(6)},function(e,t,n){"use strict";function r(e){return function(){return e}}var o=function(){};o.thatReturns=r,o.thatReturnsFalse=r(!1),o.thatReturnsTrue=r(!0),o.thatReturnsNull=r(null),o.thatReturnsThis=function(){return this},o.thatReturnsArgument=function(e){return e},e.exports=o},function(e,t,n){"use strict";function r(e){if(null===e||void 0===e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}/*
+var appPageHtml=function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var n={};return t.m=e,t.c=n,t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=5)}([function(e,t,n){"use strict";e.exports=n(6)},function(e,t,n){"use strict";function r(e){return function(){return e}}var o=function(){};o.thatReturns=r,o.thatReturnsFalse=r(!1),o.thatReturnsTrue=r(!0),o.thatReturnsNull=r(null),o.thatReturnsThis=function(){return this},o.thatReturnsArgument=function(e){return e},e.exports=o},function(e,t,n){"use strict";function r(e){if(null===e||void 0===e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}/*
 object-assign
 (c) Sindre Sorhus
 @license MIT

dist/index.html

@@ -25,27 +25,27 @@
     <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='./app/pageHtml.app.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'>
-      GLOBAL_renderPlugin = data => {
+      GLOBAL_renderApp = data => {
         if (data.file.type === 'PageHtml') {
-          pluginPageHtml.renderPlugin('pluginContainer', data)
+          appPageHtml.renderApp('appContainer', data)
         }
       }
 
       GLOBAL_dispatchEvent = (data) => {
-        var event = new CustomEvent('pluginCustomEvent', {detail: data})
+        var event = new CustomEvent('appCustomEvent', {detail: data})
         document.dispatchEvent(event)
       }
 
-      GLOBAL_unmountPlugin = () => {
+      GLOBAL_unmountApp = () => {
         console.log('btn close clicked')
-        pluginPageHtml.hidePlugin('pluginContainer')
+        appPageHtml.hideApp('appContainer')
       }
 
       // only usefull if plugin doesn't handle fileContent himself

jsonserver/server.js

@@ -25,7 +25,7 @@ server.post('/user/login', (req, res) => {
   else return res.jsonp('error')
 })
 
-server.get('/plugin/file_content', (req, res) => res.jsonp(jsonDb.file_content))
+server.get('/app/file_content', (req, res) => res.jsonp(jsonDb.file_content))
 
 server.get('/user/is_logged_in', (req, res) => res.jsonp(jsonDb.user_logged))
 

src/action-creator.async.js

@@ -7,8 +7,8 @@ import {
   updateUserData,
   WORKSPACE,
   updateWorkspaceData,
-  PLUGIN_LIST,
-  setPluginList
+  APP_LIST,
+  setAppList
 } from './action-creator.sync.js'
 
 /*
@@ -117,12 +117,12 @@ export const getWorkspaceContent = workspaceId => async dispatch => {
   if (fetchGetWorkspaceContent.status === 200) dispatch(updateWorkspaceData(fetchGetWorkspaceContent.json))
 }
 
-export const getPluginList = () => async dispatch => {
-  const fetchGetPluginList = await fetchWrapper({
-    url: `http://localhost:3001/plugin/file_content`,
+export const getAppList = () => async dispatch => {
+  const fetchGetAppList = await fetchWrapper({
+    url: `http://localhost:3001/app/file_content`,
     param: {...FETCH_CONFIG, method: 'GET'},
-    actionName: PLUGIN_LIST,
+    actionName: APP_LIST,
     dispatch
   })
-  if (fetchGetPluginList.status === 200) dispatch(setPluginList(fetchGetPluginList.json))
+  if (fetchGetAppList.status === 200) dispatch(setAppList(fetchGetAppList.json))
 }

src/action-creator.sync.js

@@ -12,5 +12,5 @@ export const FILE_CONTENT = 'FileContent'
 export const setActiveFileContent = file => ({ type: `Set/${FILE_CONTENT}/Active`, file })
 export const hideActiveFileContent = () => ({ type: `Set/${FILE_CONTENT}/Hide` })
 
-export const PLUGIN_LIST = 'Plugin/List'
-export const setPluginList = pluginList => ({ type: `Set/${PLUGIN_LIST}`, pluginList })
+export const APP_LIST = 'App/List'
+export const setAppList = appList => ({ type: `Set/${APP_LIST}`, appList })

src/plugin/ContentType/PageHtml/PageHtmlContainer.jsx → src/app/ContentType/PageHtml/PageHtmlContainer.jsx

@@ -20,7 +20,7 @@ class PageHtmlContainer extends React.Component {
   handleClickBtnClose = () => this.props.dispatch(hideActiveFileContent())
 
   render () {
-    const { activeFileContent, plugin: { PageHtml } } = this.props
+    const { activeFileContent, app: { PageHtml } } = this.props
 
     return (
       <PopinFixed customClass={`${PageHtml.customClass}`}>
@@ -50,5 +50,5 @@ class PageHtmlContainer extends React.Component {
   }
 }
 
-const mapStateToProps = ({ activeFileContent, plugin }) => ({ activeFileContent, plugin })
+const mapStateToProps = ({ activeFileContent, app }) => ({ activeFileContent, app })
 export default connect(mapStateToProps)(PageHtmlContainer)

src/plugin/ContentType/PageHtml/pageHtml.js → src/app/ContentType/PageHtml/pageHtml.js

@@ -1,4 +1,4 @@
-import { PLUGIN_LIST } from '../../../action-creator.sync.js'
+import { APP_LIST } from '../../../action-creator.sync.js'
 
 export default function pageHtml (state = {
   title: '',
@@ -6,8 +6,8 @@ export default function pageHtml (state = {
   icon: ''
 }, action) {
   switch (action.type) {
-    case `Set/${PLUGIN_LIST}`:
-      return action.pluginList.find(p => p.name === 'PageHtml')
+    case `Set/${APP_LIST}`:
+      return action.appList.find(p => p.name === 'PageHtml')
 
     default:
       return state

src/plugin/ContentType/Thread/thread.js → src/app/ContentType/Thread/thread.js

@@ -1,4 +1,4 @@
-import { PLUGIN_LIST } from '../../../action-creator.sync.js'
+import { APP_LIST } from '../../../action-creator.sync.js'
 
 export default function thread (state = {
   title: '',
@@ -6,8 +6,8 @@ export default function thread (state = {
   icon: ''
 }, action) {
   switch (action.type) {
-    case `Set/${PLUGIN_LIST}`:
-      return action.pluginList.find(p => p.name === 'Thread')
+    case `Set/${APP_LIST}`:
+      return action.appList.find(p => p.name === 'Thread')
 
     default:
       return state

src/app/index.js

@@ -0,0 +1,6 @@
+import pageHtml from './ContentType/PageHtml/index.js'
+import thread from './ContentType/Thread/index.js'
+
+const appDatabase = [pageHtml, thread]
+
+export default appDatabase

src/component/Workspace/Folder.jsx

@@ -21,7 +21,7 @@ class Folder extends Component {
   }
 
   render () {
-    const { plugin, folderData: { title, content } } = this.props
+    const { app, folderData: { title, content } } = this.props
     return (
       <div className={classnames('folder', {'active': this.state.open})}>
         <div className='folder__header' onClick={this.handleClickToggleFolder}>
@@ -57,7 +57,7 @@ class Folder extends Component {
           { content.map(c => c.type === 'folder'
             ? <Folder folderData={c} key={c.id} />
             : <FileItem
-              icon={(plugin[c.type] || {icon: ''}).icon}
+              icon={(app[c.type] || {icon: ''}).icon}
               name={c.title}
               type={c.type}
               status={c.status}
@@ -78,5 +78,5 @@ Folder.propTypes = {
     title: PropTypes.string.isRequired,
     content: PropTypes.array
   }),
-  plugin: PropTypes.object
+  app: PropTypes.object
 }

src/container/WorkspaceContent.jsx

@@ -8,10 +8,10 @@ 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 {
-  getPluginList,
+  getAppList,
   getWorkspaceContent
 } from '../action-creator.async.js'
-// import pluginDatabase from '../plugin/index.js'
+// import appDatabase from '../app/index.js'
 
 class WorkspaceContent extends React.Component {
   constructor (props) {
@@ -23,20 +23,20 @@ class WorkspaceContent extends React.Component {
 
   componentDidMount () {
     this.props.dispatch(getWorkspaceContent(/* this.props.workspace.id */1))
-    this.props.dispatch(getPluginList())
+    this.props.dispatch(getAppList())
   }
 
   handleClickFileItem = file => {
-    GLOBAL_renderPlugin({
+    GLOBAL_renderApp({
       file,
-      pluginData: this.props.plugin[file.type]
+      appData: this.props.app[file.type]
     })
   }
 
   render () {
-    const { workspace, plugin } = this.props
+    const { workspace, app } = this.props
 
-    // const PluginContainer = (pluginDatabase.find(p => p.name === activeFileContent.type) || {container: '<div>unknow</div>'}).container
+    // const AppContainer = (appDatabase.find(p => p.name === activeFileContent.type) || {container: '<div>unknow</div>'}).container
 
     return (
       <PageWrapper customeClass='workspace'>
@@ -53,12 +53,12 @@ class WorkspaceContent extends React.Component {
             <FileItemHeader />
 
             { workspace.content.map(c => c.type === 'folder'
-              ? <Folder plugin={plugin} folderData={c} key={c.id} />
+              ? <Folder app={app} folderData={c} key={c.id} />
               : (
                 <FileItem
                   name={c.title}
                   type={c.type}
-                  icon={(plugin[c.type] || {icon: ''}).icon}
+                  icon={(app[c.type] || {icon: ''}).icon}
                   status={c.status}
                   onClickItem={() => this.handleClickFileItem(c)}
                   key={c.id}
@@ -69,8 +69,8 @@ class WorkspaceContent extends React.Component {
 
           <DropdownCreateButton customClass='workspace__content__button mb-5' />
 
-          <div id='pluginContainer'>
-            {/* activeFileContent.display && <PluginContainer /> */}
+          <div id='appContainer'>
+            {/* activeFileContent.display && <AppContainer /> */}
           </div>
         </PageContent>
 
@@ -79,5 +79,5 @@ class WorkspaceContent extends React.Component {
   }
 }
 
-const mapStateToProps = ({ workspace, activeFileContent, plugin }) => ({ workspace, activeFileContent, plugin })
+const mapStateToProps = ({ workspace, activeFileContent, app }) => ({ workspace, activeFileContent, app })
 export default connect(mapStateToProps)(WorkspaceContent)

src/plugin/index.js

@@ -1,6 +0,0 @@
-import pageHtml from '../plugin/ContentType/PageHtml/index.js'
-import thread from '../plugin/ContentType/Thread/index.js'
-
-const pluginDatabase = [pageHtml, thread]
-
-export default pluginDatabase

src/reducer/plugin.js → src/reducer/app.js

@@ -1,8 +1,8 @@
 import { combineReducers } from 'redux'
-import pluginDatabase from '../plugin/index.js'
+import appDatabase from '../app/index.js'
 
 const reducerList = {}
-pluginDatabase.forEach(p => (reducerList[p.name] = p.reducer))
+appDatabase.forEach(p => (reducerList[p.name] = p.reducer))
 
 export default combineReducers({
   ...reducerList

src/reducer/root.js

@@ -2,8 +2,8 @@ import { combineReducers } from 'redux'
 import user from './user.js'
 import workspace from './workspace.js'
 import activeFileContent from './activeFileContent.js'
-import plugin from './plugin.js'
+import app from './app.js'
 
-const rootReducer = combineReducers({ user, workspace, activeFileContent, plugin })
+const rootReducer = combineReducers({ user, workspace, activeFileContent, app })
 
 export default rootReducer

webpack.config.js

@@ -76,7 +76,7 @@ module.exports = {
     }]
   },
   resolve: {
-    extensions: ['.js', '.jsx', '.styl']
+    extensions: ['.js', '.jsx']
   },
   plugins:[
     ...[ // generic plugins always present