Stable Version with reducers and actions

client/coral-framework/actions/index.js

@@ -0,0 +1,11 @@
+import * as authActions from './auth';
+import * as assetActions from './asset';
+import * as notificationActions from './notification';
+import {actionsImporter} from '../helpers/importer';
+
+export default {
+  authActions,
+  assetActions,
+  notificationActions,
+  pluginActions: actionsImporter
+};

client/coral-framework/components/Slot.js

@@ -1,5 +1,5 @@
 import React, {Component} from 'react';
-import injectedPlugins from 'coral-framework/helpers/importer';
+import { importer as injectPlugins } from 'coral-framework/helpers/importer';
 
 class Slot extends Component {
   componentDidMount() {
@@ -9,7 +9,7 @@ class Slot extends Component {
     const {fill} = this.props;
     return (
       <div>
-        {injectedPlugins(fill)}
+        {injectPlugins(fill)}
       </div>
     );
   }

client/coral-framework/helpers/importer.js

@@ -19,20 +19,6 @@ function importer (fill) {
       .map(key => shapeData(key));
   }
 
-  function shapeData(test) {
-
-    /**
-     *  shapeData shapes each item in the plugins array with useful data
-     *  returns an Object with the name of the plugin, the format, and it's key(filename)
-     */
-    const match = test.match(/\.\/(.*)\/client\/.*.(json|js)$/);
-    return {
-      name: match[1],
-      format: match[2],
-      key: match[0]
-    };
-  }
-
   function getConfig (name) {
 
     /**
@@ -85,5 +71,47 @@ function importer (fill) {
   return init();
 }
 
-export default importer;
+function shapeData(test) {
+
+  /**
+   *  shapeData shapes each item in the plugins array with useful data
+   *  returns an Object with the name of the plugin, the format, and it's key(filename)
+   */
+  const match = test.match(/\.\/(.*)\/client\/.*.(json|js)$/);
+  return {
+    name: match[1],
+    format: match[2],
+    key: match[0]
+  };
+}
+
+function actionsImporter () {
+  const context = require.context('plugins', true, /\.\/(.*)\/client\/actions.js$/);
+
+  return context
+    .keys()
+    .map(key => shapeData(key))
+    .reduce((entry, actionsPlugin, i) => {
+      entry[actionsPlugin.name] = context(actionsPlugin.key);
+      return entry;
+    }, {});
+}
+
+function reducersImporter () {
+  const context = require.context('plugins', true, /\.\/(.*)\/client\/reducer.js$/);
+
+  return context
+    .keys()
+    .map(key => shapeData(key))
+    .reduce((entry, reducerPlugin, i) => {
+      entry[reducerPlugin.name] = context(reducerPlugin.key);
+      return entry;
+  }, {});
+}
+
+export default {
+  importer,
+  actionsImporter: actionsImporter(),
+  reducersImporter: reducersImporter()
+};
 

client/coral-framework/index.js

@@ -1,23 +1,14 @@
 import store from './services/store';
 import pym from './services/PymConnection';
 import I18n from './modules/i18n/i18n';
-import * as authActions from './actions/auth';
-import * as assetActions from './actions/asset';
-import * as notificationActions from './actions/notification';
+import actions from './actions';
 import Slot from './components/Slot';
 
-const context = require.context('plugins', true, /\.\/(.*)\/client\/actions.js$/);
-const pluginsActions = context
-  .keys()
-  .reduce(entry, key => entry[key] = context(key), {});
-
-export {
+console.log(actions)
+export default {
   pym,
   Slot,
   I18n,
   store,
-  authActions,
-  assetActions,
-  notificationActions,
-  pluginsActions
+  ...actions
 };

client/coral-framework/reducers/index.js

@@ -1,9 +1,11 @@
 import auth from './auth';
 import user from './user';
 import asset from './asset';
+import {reducersImporter} from '../helpers/importer';
 
 export default {
   auth,
   user,
   asset,
+  ...reducersImporter
 };

plugins/coral-plugin-love/client/config.json

@@ -1,4 +0,0 @@
-{
-  "name": "Coral Plugin Love",
-  "slot": "Comment.InfoBar"
-}

plugins/coral-plugin-love/client/index.js

@@ -1,8 +0,0 @@
-import React from 'react';
-import styles from './style.css';
-
-export default (props) => (
-  <div className={styles.Love}>
-    <button>Love</button>
-  </div>
-);

plugins/coral-plugin-love/client/style.css

@@ -1,9 +0,0 @@
-.Love {
-    display: inline-block;
-    button {
-        padding: 10px 2px;
-        border-radius: 3px;
-        background: deepskyblue;
-        color: #161616;
-    }
-}

plugins/coral-plugin-monitor/client/config.json

@@ -1,4 +0,0 @@
-{
-  "name": "Coral Plugin Tab Monitor",
-  "slot": "Stream"
-}

plugins/coral-plugin-monitor/client/index.js

@@ -1,12 +0,0 @@
-import React from 'react';
-import {TabBar, Tab} from 'coral-ui';
-
-console.log('exported');
-
-export default (props) => (
-  <TabBar>
-    <Tab>
-      Monitor
-    </Tab>
-  </TabBar>
-);

plugins/coral-plugin-respect/client/actions.js

@@ -0,0 +1 @@
+export const clickButton = () => ({type: 'BUTTON_CLICKED'});

plugins/coral-plugin-respect/client/reducer.js

@@ -0,0 +1,12 @@
+import {Map} from 'immutable';
+
+const initialState = Map({
+  clicked: false
+});
+
+export default function reducer (state = initialState, action) {
+  switch (action.type) {
+    default:
+      return state;
+  }
+}

plugins/coral-plugin-sideview/client/actions.js

@@ -1 +0,0 @@
-export const SomeAction = () => ({type: 'SomeAction'});

plugins/coral-plugin-sideview/client/config.json

@@ -1,3 +0,0 @@
-{
-  "name": "Coral Plugin"
-}