Merge branch 'addons+querry'

Author: usulpro

.storybook/addons.js

@@ -1,4 +1,4 @@
-import '../setup/register';
+import '../setAddon/register'; 
 import '@kadira/storybook-addon-knobs/register'
 import '@kadira/storybook/addons';
-import '@kadira/storybook-addon-options/register';
+import '@kadira/storybook-addon-options/register';

.storybook/config.js

@@ -1,8 +1,10 @@
 import * as storybook from '@kadira/storybook';
 import { setOptions } from '@kadira/storybook-addon-options';
 import infoAddon from '@kadira/react-storybook-addon-info';
+import querryAddon from '../setAddon';
 
 storybook.setAddon(infoAddon);
+storybook.setAddon(querryAddon);
 
 setOptions({
     name: 'React Theming',

develop/stories/index.js

@@ -8,9 +8,6 @@ import { muiTheme } from 'storybook-addon-material-ui';
 import { WithNotes } from '@kadira/storybook-addon-notes';
 import { withKnobs, text, boolean, number } from '@kadira/storybook-addon-knobs';
 
-//import decorator from '../../src/store/decorator';
-import { addonDecorator, globalDecorator } from '../../setup/';
-
 import App from '../App';
 import Header from '../Header';
 import Intro from '../Intro';
@@ -29,7 +26,6 @@ reqThemes.keys().forEach((filename) => {
  *  You can pass a single object or an array of themes
  */
 
-globalDecorator('Global decorator');
 
 storiesOf('No decorator', module)
     .add('Example1', () => (
@@ -42,9 +38,10 @@ storiesOf('No decorator', module)
             <Button title="no decor 2" />
         </div>
     ))
+    .querry()
+
 
 storiesOf('Podda App1', module)
-    .addDecorator(addonDecorator('Decor111'))
     .add('Example1', () => (
         <div className="example-component">
             <Button title="Example 1" />
@@ -57,7 +54,6 @@ storiesOf('Podda App1', module)
     ));
 
 storiesOf('Podda App2', module)
-    .addDecorator(addonDecorator('Decor222'))
     .add('Example3', () => (
         <div className="example-component">
             <Button title="Example 3" />

package.json

@@ -1,6 +1,6 @@
 {
   "name": "storybook-adk",
-  "version": "0.7.5",
+  "version": "0.7.6",
   "description": "React Storybook Addon Development Kit",
   "main": "dist/index.js",
   "scripts": {

setAddon/addon_querry.js

@@ -0,0 +1,41 @@
+import React from 'react';
+import { initStore } from '../src';
+import { ENQ_ASK } from '../src/store/store';
+
+import config from './config';
+
+const storeEnv = initStore(config);
+const setupChannel = storeEnv.channelInit(ENQ_ASK, 'ad02');
+const stopChannel = setupChannel();
+console.log(storeEnv);
+const store = storeEnv.addonStore.getAll();
+console.log('store:', store);
+let querry = {
+    chapter: 'undef',
+};
+const stopQuerySubscription = storeEnv.addonStore.watch('queryData', (data) => {
+//    console.info('queryData in addon:', data)
+    querry = data;
+});
+
+const querryManager = {
+    qIndex: 0,
+    getInd() {
+        return querryManager.qIndex++;
+    },
+}
+
+const addons = {
+   querry() {
+       console.log('store querry:', storeEnv.addonStore.getAll());
+       this.add('querry addon', () => {
+         console.log('store select:', storeEnv.addonStore.getAll());
+//         storeEnv.addonStore.set('queryData', {chapter: 'lalala'});
+         return (<div>
+           It is a test querry addon: {`#${querry.chapter}`}
+         </div>)
+       })
+   }
+}
+
+export default addons;

setAddon/config.js

@@ -0,0 +1,16 @@
+const ADDON_ID = 'querry';
+const config = {
+    ADDON_ID,
+    ADDON_TITLE: 'Q',
+    PANEL_ID: `${ADDON_ID}/no_panels_here`,
+    EVENT_ID_INIT: `${ADDON_ID}/q/init`,
+    EVENT_ID_DATA: `${ADDON_ID}/q/data`,
+    CSS_CLASS: 'addon-querry',
+};
+export default {
+    initData: 'QQQ - this is init data',
+    config,
+    queryParams: {
+        chapter: 'no',
+    },
+};

setAddon/index.js

@@ -0,0 +1,2 @@
+import querryAddon from './addon_querry';
+export default querryAddon ;

setAddon/register.js

@@ -0,0 +1,13 @@
+import { register } from '../src';
+import { ENQ_SEND } from '../src/store/store';
+//import addonApi from './api';
+import config from './config';
+//import defaultData from './defaultData';
+//import panelRoutes from './panelRoutes';
+
+
+register(config, (env) => {
+    console.log(env);
+    const setupChannel = env.channelInit(ENQ_SEND, 'qq01');
+    const stopChannel = setupChannel();
+});