Merge pull request #1 from GeekyAnts/feat/basic-implementation

Basic implementation done

Author: sanketsahu

example/Plugins/ClickMePlugin.tsx

@@ -0,0 +1,22 @@
+import { IPlugin } from '../../.';
+
+class ClickMePlugin implements IPlugin {
+  private pluginStore;
+
+  init(pluginStore) {
+    console.log('Inside init');
+    this.pluginStore = pluginStore;
+  }
+  activate() {
+    console.log('Inside activate', this.pluginStore);
+
+    this.pluginStore.addFunction('sendAlert', () => {
+      alert('Testing');
+    });
+  }
+  deactivate() {
+    //
+  }
+}
+
+export default ClickMePlugin;

example/components/Test.tsx

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { usePluginStore } from '../../.';
+
+const Test = (props: any) => {
+  const pluginStore: any = usePluginStore();
+  console.log(pluginStore);
+  pluginStore.executeFunction('test', 1, 2);
+  return (
+    <>
+      <h1>Working</h1>{' '}
+      <button
+        onClick={() => {
+          pluginStore.executeFunction('sendAlert');
+        }}
+      >
+        Send Alert
+      </button>
+    </>
+  );
+};
+
+export default Test;

example/index.tsx

@@ -1,13 +1,21 @@
 import 'react-app-polyfill/ie11';
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
-import { Thing } from '../.';
+import { createPluginStore, PluginProvider } from '../.';
+import ClickMePlugin from './Plugins/ClickMePlugin';
+import Test from './components/Test';
 
 const App = () => {
+  const pluginStore = createPluginStore();
+  pluginStore.install(new ClickMePlugin());
+
+  pluginStore.addFunction('test', (a, b) => {
+    console.log('working', a, b);
+  });
   return (
-    <div>
-      <Thing />
-    </div>
+    <PluginProvider pluginStore={pluginStore}>
+      <Test></Test>
+    </PluginProvider>
   );
 };
 

example/yarn.lock

@@ -0,0 +1,13 @@
+import React from 'react';
+import { PluginStore } from './PluginStore';
+import PluginStoreContext from './PluginStoreContext';
+
+export const PluginProvider: React.SFC<{
+  pluginStore: PluginStore;
+  children: any;
+}> = ({ pluginStore, children }) => {
+  const PluginStore = PluginStoreContext;
+  return (
+    <PluginStore.Provider value={pluginStore}>{children}</PluginStore.Provider>
+  );
+};

src/PluginProvider.tsx

@@ -0,0 +1,26 @@
+import { IPlugin } from './interfaces/IPlugin';
+
+export class PluginStore {
+  private functionArray: Map<string, any>;
+  private pluginMap: Array<IPlugin>;
+
+  constructor() {
+    this.functionArray = new Map<string, any>();
+    this.pluginMap = [];
+  }
+
+  install(plugin: IPlugin) {
+    this.pluginMap.push(plugin);
+    plugin.init(this);
+    plugin.activate();
+  }
+
+  addFunction(key: string, fn: any) {
+    this.functionArray.set(key, fn);
+  }
+
+  executeFunction(key: string, ...args: any) {
+    let fn = this.functionArray.get(key);
+    fn(...args);
+  }
+}

src/PluginStore.tsx

@@ -0,0 +1,6 @@
+import React from 'react';
+import { PluginStore } from './PluginStore';
+
+const PluginStoreContext = React.createContext(new PluginStore());
+
+export default PluginStoreContext;

src/PluginStoreContext.tsx

@@ -0,0 +1,5 @@
+import { PluginStore } from '../PluginStore';
+
+export function createPluginStore() {
+  return new PluginStore();
+}

src/hooks/createPluginStore.tsx

@@ -0,0 +1,6 @@
+import { useContext } from 'react';
+import PluginStoreContext from '../PluginStoreContext';
+
+export function usePluginStore() {
+  return useContext(PluginStoreContext);
+}

src/hooks/usePluginStore.tsx

@@ -1,6 +1,4 @@
-import * as React from 'react';
-
-// Delete me
-export const Thing = () => {
-  return <div>the snozzberries taste like snozzberries</div>;
-};
+export { IPlugin } from './interfaces/IPlugin';
+export { createPluginStore } from './hooks/createPluginStore';
+export { PluginProvider } from './PluginProvider';
+export { usePluginStore } from './hooks/usePluginStore';