src/stores/SettingsStore.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57

import { ipcRenderer } from 'electron';
import { action, computed, observable } from 'mobx';
import localStorage from 'mobx-localstorage';

import Store from './lib/Store';
import Request from './lib/Request';
import CachedRequest from './lib/CachedRequest';
import { gaEvent } from '../lib/analytics';
import SettingsModel from '../models/Settings';

export default class SettingsStore extends Store {
  @observable allSettingsRequest = new CachedRequest(this.api.local, 'getSettings');
  @observable updateSettingsRequest = new Request(this.api.local, 'updateSettings');
  @observable removeSettingsKeyRequest = new Request(this.api.local, 'removeKey');

  constructor(...args) {
    super(...args);

    // Register action handlers
    this.actions.settings.update.listen(this._update.bind(this));
    this.actions.settings.remove.listen(this._remove.bind(this));
  }

  setup() {
    this.allSettingsRequest.execute();
    this._shareSettingsWithMainProcess();
  }

  @computed get all() {
    return new SettingsModel(localStorage.getItem('app') || {});
  }

  @action async _update({ settings }) {
    const appSettings = this.all;
    localStorage.setItem('app', Object.assign(appSettings, settings));

    // We need a little hack to wait until everything is patched
    setTimeout(() => this._shareSettingsWithMainProcess(), 0);

    gaEvent('Settings', 'update');
  }

  @action async _remove({ key }) {
    const appSettings = this.all;
    if (Object.hasOwnProperty.call(appSettings, key)) {
      delete appSettings[key];
      localStorage.setItem('app', appSettings);
    }

    this._shareSettingsWithMainProcess();
  }

  // Reactions
  _shareSettingsWithMainProcess() {
    ipcRenderer.send('settings', this.all);
  }
}