Feat pluggable

.travis.yml

@@ -17,7 +17,9 @@ matrix:
   allow_failures: []
   fast_finish: true
 after_success:
-  - npm run semantic-release
+  - npx ci-scripts slack
+  - npx ci-scripts github-post
+  - npx semantic-release
 branches:
   except:
     - /^v\d+\.\d+\.\d+$/

package.json

@@ -60,7 +60,7 @@
     "jest-environment-jsdom-global": "^1.0.3",
     "jest-tap-reporter": "1.9.0",
     "mocha": "5.0.0",
-    "mol-conventional-changelog": "1.2.0",
+    "mol-conventional-changelog": "^1.3.0",
     "react-markdown": "3.1.4",
     "react-test-renderer": "16.2.0",
     "rimraf": "2.6.2",

src/Pluggable/index.ts

@@ -0,0 +1,70 @@
+import {Component} from 'react';
+import {h} from '../util';
+
+export interface IPluggableOptions<TPluginProps> {
+  beforePlugins: TPluginProps[],
+  afterPlugins: TPluginProps[],
+  render: (state) => React.ReactElement<any>,
+}
+
+const createPluggable = <TPluginProps extends {[s: string]: (self, state) => any}>(options: IPluggableOptions<TPluginProps>) => {
+  const {beforePlugins, afterPlugins, render} = options;
+
+
+  interface IPluggableProps {
+    plugins?: TPluginProps[],
+  }
+
+  interface IPluggableState {
+    exec: (name: keyof TPluginProps) => any,
+    plugins: TPluginProps[],
+  }
+
+  const Pluggable = class Pluggable extends Component<IPluggableProps & TPluginProps, IPluggableState> {
+    state: IPluggableState;
+
+    constructor (props) {
+      super(props);
+
+      this.state = {
+        exec: this.exec,
+        plugins: this.createPluginArray(),
+      };
+    }
+
+    createPluginArray (): TPluginProps[] {
+      return [
+        ...options.beforePlugins,
+        ...this.props.plugins,
+        this.props as any as TPluginProps,
+        ...options.afterPlugins
+      ];
+    }
+
+    exec = (name: keyof TPluginProps) => {
+      const {plugins} = this.state;
+
+      let result;
+
+      for (let i = 0; i < plugins.length; i++) {
+        const method = plugins[i][name];
+
+        if (!method) {
+          continue;
+        }
+
+        result = method(this, this.state);
+
+        if (result !== undefined) {
+          return result;
+        }
+      }
+    };
+
+    render () {
+      return render(this.state);
+    }
+  };
+
+  return Pluggable;
+};