Add publish debug log option

9 files changed, 390 insertions, 77 deletions

diff --git a/src/components/layout/AppLayout.js b/src/components/layout/AppLayout.js
index 80e6daf19..fe43c42d2 100644
--- a/src/components/layout/AppLayout.js
+++ b/src/components/layout/AppLayout.js
@@ -9,6 +9,7 @@ import InfoBar from '../ui/InfoBar';
 import { Component as BasicAuth } from '../../features/basicAuth';
 import { Component as ShareFranz } from '../../features/shareFranz';
 import { Component as QuickSwitch } from '../../features/quickSwitch';
+import { Component as PublishDebugInfo } from '../../features/publishDebugInfo';
 import ErrorBoundary from '../util/ErrorBoundary';
 
 // import globalMessages from '../../i18n/globalMessages';
@@ -189,6 +190,7 @@ class AppLayout extends Component {
               <BasicAuth />
               <ShareFranz />
               <QuickSwitch />
+              <PublishDebugInfo />
               {services}
               {children}
               <TrialStatusBar />
diff --git a/src/config.js b/src/config.js
index 1db881d35..834f89d01 100644
--- a/src/config.js
+++ b/src/config.js
@@ -14,6 +14,8 @@ export const LOCAL_API = 'http://localhost:3000';
 export const DEV_API = 'https://dev.franzinfra.com';
 export const LIVE_API = 'https://api.getferdi.com';
 
+export const DEBUG_API = 'http://localhost:3333';
+
 export const LOCAL_WS_API = 'ws://localhost:3000';
 export const DEV_WS_API = 'wss://dev.franzinfra.com';
 export const LIVE_WS_API = 'wss://api.franzinfra.com';
diff --git a/src/features/publishDebugInfo/Component.js b/src/features/publishDebugInfo/Component.js
new file mode 100644
index 000000000..9e59fa205
--- /dev/null
+++ b/src/features/publishDebugInfo/Component.js
@@ -0,0 +1,181 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import { observer, inject } from 'mobx-react';
+import { defineMessages, intlShape } from 'react-intl';
+import { H1 } from '@meetfranz/ui';
+import injectSheet from 'react-jss';
+
+import Input from '../../components/ui/Input';
+import Button from '../../components/ui/Button';
+import Modal from '../../components/ui/Modal';
+import { state as ModalState } from '.';
+import AppStore from '../../stores/AppStore';
+import { DEBUG_API } from '../../config';
+import { sendAuthRequest } from '../../api/utils/auth';
+
+const messages = defineMessages({
+  title: {
+    id: 'feature.publishDebugInfo.title',
+    defaultMessage: '!!!Publish debug information',
+  },
+  info: {
+    id: 'feature.publishDebugInfo.info',
+    defaultMessage: '!!!Publishing your debug information helps us find issues and errors in Ferdi. By publishing your debug information you accept Ferdi Debugger\'s privacy policy and terms of service',
+  },
+  privacy: {
+    id: 'feature.publishDebugInfo.privacy',
+    defaultMessage: '!!!Privacy policy',
+  },
+  terms: {
+    id: 'feature.publishDebugInfo.terms',
+    defaultMessage: '!!!Terms of service',
+  },
+  publish: {
+    id: 'feature.publishDebugInfo.publish',
+    defaultMessage: '!!!Accept and publish',
+  },
+  published: {
+    id: 'feature.publishDebugInfo.published',
+    defaultMessage: '!!!Your debug log was published and is now availible at',
+  },
+});
+
+const styles = theme => ({
+  info: {
+    paddingTop: 20,
+    paddingBottom: 20,
+  },
+  link: {
+    color: theme.styleTypes.primary.accent + ' !important',
+    padding: 10,
+    cursor: 'pointer',
+  },
+  button: {
+    width: '100%',
+    marginTop: 10,
+    cursor: 'pointer',
+  },
+  url: {
+    marginTop: 20,
+
+    '& > div': {
+      fontFamily: 'SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace',
+    },
+  },
+});
+
+export default @injectSheet(styles) @inject('stores') @observer class PublishDebugLogModal extends Component {
+  static propTypes = {
+    classes: PropTypes.object.isRequired,
+  };
+
+  static contextTypes = {
+    intl: intlShape,
+  };
+
+  state = {
+    log: null,
+    isSendingLog: false,
+  }
+
+  // Close this modal
+  close() {
+    ModalState.isModalVisible = false;
+  }
+
+  async publishDebugInfo() {
+    this.setState({
+      isSendingLog: true,
+    })
+
+    const debugInfo = JSON.stringify(this.props.stores.app.debugInfo);
+    
+    const request = await sendAuthRequest(`${DEBUG_API}/create`, {
+      method: 'POST',
+      body: JSON.stringify({
+        log: debugInfo
+      }),
+    }, false);
+    const response = await request.json();
+    console.log(response);
+    if (response.id) {
+      this.setState({
+        log: response.id,
+      })
+    } else {
+      // TODO: Show error message
+      this.close();
+    }
+  }
+
+  render() {
+    const { isModalVisible } = ModalState;
+
+    const {
+      classes,
+    } = this.props;
+
+    const {
+      log
+    } = this.state;
+
+    const { intl } = this.context;
+
+    return (
+      <Modal
+        isOpen={isModalVisible}
+        shouldCloseOnOverlayClick
+        close={this.close.bind(this)}
+      >
+        <H1>
+          {intl.formatMessage(messages.title)}
+        </H1>
+        { log ? (
+          <>
+            <p className={classes.info}>{intl.formatMessage(messages.published)}</p>
+              <Input
+                className={classes.url}
+                showLabel={false}
+                field={{
+                  type: 'url',
+                  value: DEBUG_API + '/' + log,
+                  disabled: true,
+                }}
+                readonly
+              />
+          </>
+        ) : (
+          <>
+            <p className={classes.info}>{intl.formatMessage(messages.info)}</p>
+
+            <a href={ DEBUG_API + '/privacy.html' } target="_blank" className={classes.link}>
+              {intl.formatMessage(messages.privacy)}
+            </a>
+            <a href={ DEBUG_API + '/terms.html' } target="_blank" className={classes.link}>
+              {intl.formatMessage(messages.terms)}
+            </a>
+
+            <Button
+              type="button"
+              label={intl.formatMessage(messages.publish)}
+              className={classes.button}
+              onClick={this.publishDebugInfo.bind(this)}
+              disabled={this.state.isSendingLog}
+            />
+          </>
+        ) }
+      </Modal>
+    );
+  }
+}
+
+PublishDebugLogModal.wrappedComponent.propTypes = {
+  stores: PropTypes.shape({
+    app: PropTypes.instanceOf(AppStore).isRequired,
+  }).isRequired,
+  actions: PropTypes.shape({
+    service: PropTypes.shape({
+      setActive: PropTypes.func.isRequired,
+    }).isRequired,
+  }).isRequired,
+};
diff --git a/src/features/publishDebugInfo/index.js b/src/features/publishDebugInfo/index.js
new file mode 100644
index 000000000..7d0d310c2
--- /dev/null
+++ b/src/features/publishDebugInfo/index.js
@@ -0,0 +1,24 @@
+import { observable } from 'mobx';
+
+export { default as Component } from './Component';
+
+const debug = require('debug')('Ferdi:feature:publishDebugInfo');
+
+const defaultState = {
+  isModalVisible: false,
+};
+
+export const state = observable(defaultState);
+
+export default function initialize() {
+  debug('Initialize publishDebugInfo feature');
+
+  function showModal() {
+    state.isModalVisible = true;
+  }
+
+  window.ferdi.features.publishDebugInfo = {
+    state,
+    showModal,
+  };
+}
diff --git a/src/i18n/messages/src/components/layout/AppLayout.json b/src/i18n/messages/src/components/layout/AppLayout.json
index bca181d0f..5a8e082f2 100644
--- a/src/i18n/messages/src/components/layout/AppLayout.json
+++ b/src/i18n/messages/src/components/layout/AppLayout.json
@@ -4,11 +4,11 @@
     "defaultMessage": "!!!Your services have been updated.",
     "file": "src/components/layout/AppLayout.js",
     "start": {
-      "line": 30,
+      "line": 31,
       "column": 19
     },
     "end": {
-      "line": 33,
+      "line": 34,
       "column": 3
     }
   },
@@ -17,11 +17,11 @@
     "defaultMessage": "!!!Reload services",
     "file": "src/components/layout/AppLayout.js",
     "start": {
-      "line": 34,
+      "line": 35,
       "column": 24
     },
     "end": {
-      "line": 37,
+      "line": 38,
       "column": 3
     }
   },
@@ -30,11 +30,11 @@
     "defaultMessage": "!!!Could not load services and user information",
     "file": "src/components/layout/AppLayout.js",
     "start": {
-      "line": 38,
+      "line": 39,
       "column": 26
     },
     "end": {
-      "line": 41,
+      "line": 42,
       "column": 3
     }
   },
@@ -43,11 +43,11 @@
     "defaultMessage": "!!!There were errors while trying to perform an authenticated request. Please try logging out and back in if this error persists.",
     "file": "src/components/layout/AppLayout.js",
     "start": {
-      "line": 42,
+      "line": 43,
       "column": 21
     },
     "end": {
-      "line": 45,
+      "line": 46,
       "column": 3
     }
   }
diff --git a/src/i18n/messages/src/features/publishDebugInfo/Component.json b/src/i18n/messages/src/features/publishDebugInfo/Component.json
new file mode 100644
index 000000000..500f2c01b
--- /dev/null
+++ b/src/i18n/messages/src/features/publishDebugInfo/Component.json
@@ -0,0 +1,80 @@
+[
+  {
+    "id": "feature.publishDebugInfo.title",
+    "defaultMessage": "!!!Publish debug information",
+    "file": "src/features/publishDebugInfo/Component.js",
+    "start": {
+      "line": 17,
+      "column": 9
+    },
+    "end": {
+      "line": 20,
+      "column": 3
+    }
+  },
+  {
+    "id": "feature.publishDebugInfo.info",
+    "defaultMessage": "!!!Publishing your debug information helps us find issues and errors in Ferdi. By publishing your debug information you accept Ferdi Debugger's privacy policy and terms of service",
+    "file": "src/features/publishDebugInfo/Component.js",
+    "start": {
+      "line": 21,
+      "column": 8
+    },
+    "end": {
+      "line": 24,
+      "column": 3
+    }
+  },
+  {
+    "id": "feature.publishDebugInfo.privacy",
+    "defaultMessage": "!!!Privacy policy",
+    "file": "src/features/publishDebugInfo/Component.js",
+    "start": {
+      "line": 25,
+      "column": 11
+    },
+    "end": {
+      "line": 28,
+      "column": 3
+    }
+  },
+  {
+    "id": "feature.publishDebugInfo.terms",
+    "defaultMessage": "!!!Terms of service",
+    "file": "src/features/publishDebugInfo/Component.js",
+    "start": {
+      "line": 29,
+      "column": 9
+    },
+    "end": {
+      "line": 32,
+      "column": 3
+    }
+  },
+  {
+    "id": "feature.publishDebugInfo.publish",
+    "defaultMessage": "!!!Accept and publish",
+    "file": "src/features/publishDebugInfo/Component.js",
+    "start": {
+      "line": 33,
+      "column": 11
+    },
+    "end": {
+      "line": 36,
+      "column": 3
+    }
+  },
+  {
+    "id": "feature.publishDebugInfo.published",
+    "defaultMessage": "!!!Your debug log was published and is now availible at",
+    "file": "src/features/publishDebugInfo/Component.js",
+    "start": {
+      "line": 37,
+      "column": 13
+    },
+    "end": {
+      "line": 40,
+      "column": 3
+    }
+  }
+]
\ No newline at end of file
diff --git a/src/i18n/messages/src/lib/Menu.json b/src/i18n/messages/src/lib/Menu.json
index f69d951fd..e323d6174 100644
--- a/src/i18n/messages/src/lib/Menu.json
+++ b/src/i18n/messages/src/lib/Menu.json
@@ -455,15 +455,28 @@
     }
   },
   {
+    "id": "menu.help.publishDebugInfo",
+    "defaultMessage": "!!!Publish Debug Information",
+    "file": "src/lib/Menu.js",
+    "start": {
+      "line": 157,
+      "column": 20
+    },
+    "end": {
+      "line": 160,
+      "column": 3
+    }
+  },
+  {
     "id": "menu.help.debugInfoCopiedHeadline",
     "defaultMessage": "!!!Ferdi Debug Information",
     "file": "src/lib/Menu.js",
     "start": {
-      "line": 157,
+      "line": 161,
       "column": 27
     },
     "end": {
-      "line": 160,
+      "line": 164,
       "column": 3
     }
   },
@@ -472,11 +485,11 @@
     "defaultMessage": "!!!Your Debug Information has been copied to your clipboard.",
     "file": "src/lib/Menu.js",
     "start": {
-      "line": 161,
+      "line": 165,
       "column": 23
     },
     "end": {
-      "line": 164,
+      "line": 168,
       "column": 3
     }
   },
@@ -485,11 +498,11 @@
     "defaultMessage": "!!!Terms of Service",
     "file": "src/lib/Menu.js",
     "start": {
-      "line": 165,
+      "line": 169,
       "column": 7
     },
     "end": {
-      "line": 168,
+      "line": 172,
       "column": 3
     }
   },
@@ -498,11 +511,11 @@
     "defaultMessage": "!!!Privacy Statement",
     "file": "src/lib/Menu.js",
     "start": {
-      "line": 169,
+      "line": 173,
       "column": 11
     },
     "end": {
-      "line": 172,
+      "line": 176,
       "column": 3
     }
   },
@@ -511,11 +524,11 @@
     "defaultMessage": "!!!File",
     "file": "src/lib/Menu.js",
     "start": {
-      "line": 173,
+      "line": 177,
       "column": 8
     },
     "end": {
-      "line": 176,
+      "line": 180,
       "column": 3
     }
   },
@@ -524,11 +537,11 @@
     "defaultMessage": "!!!View",
     "file": "src/lib/Menu.js",
     "start": {
-      "line": 177,
+      "line": 181,
       "column": 8
     },
     "end": {
-      "line": 180,
+      "line": 184,
       "column": 3
     }
   },
@@ -537,11 +550,11 @@
     "defaultMessage": "!!!Services",
     "file": "src/lib/Menu.js",
     "start": {
-      "line": 181,
+      "line": 185,
       "column": 12
     },
     "end": {
-      "line": 184,
+      "line": 188,
       "column": 3
     }
   },
@@ -550,11 +563,11 @@
     "defaultMessage": "!!!Window",
     "file": "src/lib/Menu.js",
     "start": {
-      "line": 185,
+      "line": 189,
       "column": 10
     },
     "end": {
-      "line": 188,
+      "line": 192,
       "column": 3
     }
   },
@@ -563,11 +576,11 @@
     "defaultMessage": "!!!Help",
     "file": "src/lib/Menu.js",
     "start": {
-      "line": 189,
+      "line": 193,
       "column": 8
     },
     "end": {
-      "line": 192,
+      "line": 196,
       "column": 3
     }
   },
@@ -576,11 +589,11 @@
     "defaultMessage": "!!!About Ferdi",
     "file": "src/lib/Menu.js",
     "start": {
-      "line": 193,
+      "line": 197,
       "column": 9
     },
     "end": {
-      "line": 196,
+      "line": 200,
       "column": 3
     }
   },
@@ -589,11 +602,11 @@
     "defaultMessage": "!!!What's new?",
     "file": "src/lib/Menu.js",
     "start": {
-      "line": 197,
+      "line": 201,
       "column": 16
     },
     "end": {
-      "line": 200,
+      "line": 204,
       "column": 3
     }
   },
@@ -602,11 +615,11 @@
     "defaultMessage": "!!!Settings",
     "file": "src/lib/Menu.js",
     "start": {
-      "line": 201,
+      "line": 205,
       "column": 12
     },
     "end": {
-      "line": 204,
+      "line": 208,
       "column": 3
     }
   },
@@ -615,11 +628,11 @@
     "defaultMessage": "!!!Check for updates",
     "file": "src/lib/Menu.js",
     "start": {
-      "line": 205,
+      "line": 209,
       "column": 19
     },
     "end": {
-      "line": 208,
+      "line": 212,
       "column": 3
     }
   },
@@ -628,11 +641,11 @@
     "defaultMessage": "!!!Hide",
     "file": "src/lib/Menu.js",
     "start": {
-      "line": 209,
+      "line": 213,
       "column": 8
     },
     "end": {
-      "line": 212,
+      "line": 216,
       "column": 3
     }
   },
@@ -641,11 +654,11 @@
     "defaultMessage": "!!!Hide Others",
     "file": "src/lib/Menu.js",
     "start": {
-      "line": 213,
+      "line": 217,
       "column": 14
     },
     "end": {
-      "line": 216,
+      "line": 220,
       "column": 3
     }
   },
@@ -654,11 +667,11 @@
     "defaultMessage": "!!!Unhide",
     "file": "src/lib/Menu.js",
     "start": {
-      "line": 217,
+      "line": 221,
       "column": 10
     },
     "end": {
-      "line": 220,
+      "line": 224,
       "column": 3
     }
   },
@@ -667,11 +680,11 @@
     "defaultMessage": "!!!Auto-hide menu bar",
     "file": "src/lib/Menu.js",
     "start": {
-      "line": 221,
+      "line": 225,
       "column": 19
     },
     "end": {
-      "line": 224,
+      "line": 228,
       "column": 3
     }
   },
@@ -680,11 +693,11 @@
     "defaultMessage": "!!!Quit",
     "file": "src/lib/Menu.js",
     "start": {
-      "line": 225,
+      "line": 229,
       "column": 8
     },
     "end": {
-      "line": 228,
+      "line": 232,
       "column": 3
     }
   },
@@ -693,11 +706,11 @@
     "defaultMessage": "!!!Add New Service...",
     "file": "src/lib/Menu.js",
     "start": {
-      "line": 229,
+      "line": 233,
       "column": 17
     },
     "end": {
-      "line": 232,
+      "line": 236,
       "column": 3
     }
   },
@@ -706,11 +719,11 @@
     "defaultMessage": "!!!Add New Workspace...",
     "file": "src/lib/Menu.js",
     "start": {
-      "line": 233,
+      "line": 237,
       "column": 19
     },
     "end": {
-      "line": 236,
+      "line": 240,
       "column": 3
     }
   },
@@ -719,11 +732,11 @@
     "defaultMessage": "!!!Open workspace drawer",
     "file": "src/lib/Menu.js",
     "start": {
-      "line": 237,
+      "line": 241,
       "column": 23
     },
     "end": {
-      "line": 240,
+      "line": 244,
       "column": 3
     }
   },
@@ -732,11 +745,11 @@
     "defaultMessage": "!!!Close workspace drawer",
     "file": "src/lib/Menu.js",
     "start": {
-      "line": 241,
+      "line": 245,
       "column": 24
     },
     "end": {
-      "line": 244,
+      "line": 248,
       "column": 3
     }
   },
@@ -745,11 +758,11 @@
     "defaultMessage": "!!!Activate next service...",
     "file": "src/lib/Menu.js",
     "start": {
-      "line": 245,
+      "line": 249,
       "column": 23
     },
     "end": {
-      "line": 248,
+      "line": 252,
       "column": 3
     }
   },
@@ -758,11 +771,11 @@
     "defaultMessage": "!!!Activate previous service...",
     "file": "src/lib/Menu.js",
     "start": {
-      "line": 249,
+      "line": 253,
       "column": 27
     },
     "end": {
-      "line": 252,
+      "line": 256,
       "column": 3
     }
   },
@@ -771,11 +784,11 @@
     "defaultMessage": "!!!Disable notifications & audio",
     "file": "src/lib/Menu.js",
     "start": {
-      "line": 253,
+      "line": 257,
       "column": 11
     },
     "end": {
-      "line": 256,
+      "line": 260,
       "column": 3
     }
   },
@@ -784,11 +797,11 @@
     "defaultMessage": "!!!Enable notifications & audio",
     "file": "src/lib/Menu.js",
     "start": {
-      "line": 257,
+      "line": 261,
       "column": 13
     },
     "end": {
-      "line": 260,
+      "line": 264,
       "column": 3
     }
   },
@@ -797,11 +810,11 @@
     "defaultMessage": "!!!Workspaces",
     "file": "src/lib/Menu.js",
     "start": {
-      "line": 261,
+      "line": 265,
       "column": 14
     },
     "end": {
-      "line": 264,
+      "line": 268,
       "column": 3
     }
   },
@@ -810,11 +823,11 @@
     "defaultMessage": "!!!Default",
     "file": "src/lib/Menu.js",
     "start": {
-      "line": 265,
+      "line": 269,
       "column": 20
     },
     "end": {
-      "line": 268,
+      "line": 272,
       "column": 3
     }
   },
@@ -823,11 +836,11 @@
     "defaultMessage": "!!!Todos",
     "file": "src/lib/Menu.js",
     "start": {
-      "line": 269,
+      "line": 273,
       "column": 9
     },
     "end": {
-      "line": 272,
+      "line": 276,
       "column": 3
     }
   },
@@ -836,11 +849,11 @@
     "defaultMessage": "!!!Open Todos drawer",
     "file": "src/lib/Menu.js",
     "start": {
-      "line": 273,
+      "line": 277,
       "column": 19
     },
     "end": {
-      "line": 276,
+      "line": 280,
       "column": 3
     }
   },
@@ -849,11 +862,11 @@
     "defaultMessage": "!!!Close Todos drawer",
     "file": "src/lib/Menu.js",
     "start": {
-      "line": 277,
+      "line": 281,
       "column": 20
     },
     "end": {
-      "line": 280,
+      "line": 284,
       "column": 3
     }
   },
@@ -862,11 +875,11 @@
     "defaultMessage": "!!!Enable Todos",
     "file": "src/lib/Menu.js",
     "start": {
-      "line": 281,
+      "line": 285,
       "column": 15
     },
     "end": {
-      "line": 284,
+      "line": 288,
       "column": 3
     }
   },
@@ -875,11 +888,11 @@
     "defaultMessage": "!!!Home",
     "file": "src/lib/Menu.js",
     "start": {
-      "line": 285,
+      "line": 289,
       "column": 17
     },
     "end": {
-      "line": 288,
+      "line": 292,
       "column": 3
     }
   }
diff --git a/src/lib/Menu.js b/src/lib/Menu.js
index 826fe843f..a858ec993 100644
--- a/src/lib/Menu.js
+++ b/src/lib/Menu.js
@@ -154,6 +154,10 @@ const menuItems = defineMessages({
     id: 'menu.help.debugInfo',
     defaultMessage: '!!!Copy Debug Information',
   },
+  publishDebugInfo: {
+    id: 'menu.help.publishDebugInfo',
+    defaultMessage: '!!!Publish Debug Information',
+  },
   debugInfoCopiedHeadline: {
     id: 'menu.help.debugInfoCopiedHeadline',
     defaultMessage: '!!!Ferdi Debug Information',
@@ -959,7 +963,7 @@ export default class FranzMenu {
 
     tpl[tpl.length - 1].submenu.push({
       type: 'separator',
-    }, this.debugMenu());
+    }, ...this.debugMenu());
 
     this.currentTemplate = tpl;
     const menu = Menu.buildFromTemplate(tpl);
@@ -1116,7 +1120,7 @@ export default class FranzMenu {
   debugMenu() {
     const { intl } = window.ferdi;
 
-    return {
+    return [{
       label: intl.formatMessage(menuItems.debugInfo),
       click: () => {
         const { debugInfo } = this.stores.app;
@@ -1132,7 +1136,12 @@ export default class FranzMenu {
           },
         });
       },
-    };
+    }, {
+      label: intl.formatMessage(menuItems.publishDebugInfo),
+      click: () => {
+        window.ferdi.features.publishDebugInfo.state.isModalVisible = true;
+      },
+    }];
   }
 
   _getServiceName(service) {
diff --git a/src/stores/FeaturesStore.js b/src/stores/FeaturesStore.js
index 780cde3a7..aa9fa4062 100644
--- a/src/stores/FeaturesStore.js
+++ b/src/stores/FeaturesStore.js
@@ -14,6 +14,7 @@ import serviceProxy from '../features/serviceProxy';
 import basicAuth from '../features/basicAuth';
 import workspaces from '../features/workspaces';
 import quickSwitch from '../features/quickSwitch';
+import publishDebugInfo from '../features/publishDebugInfo';
 import shareFranz from '../features/shareFranz';
 import announcements from '../features/announcements';
 import settingsWS from '../features/settingsWS';
@@ -84,6 +85,7 @@ export default class FeaturesStore extends Store {
     basicAuth(this.stores, this.actions);
     workspaces(this.stores, this.actions);
     quickSwitch(this.stores, this.actions);
+    publishDebugInfo(this.stores, this.actions);
     shareFranz(this.stores, this.actions);
     announcements(this.stores, this.actions);
     settingsWS(this.stores, this.actions);