application.js

import _ from 'common/shim/lodash.reference.shim';
import {Application} from 'marionette';
import Wreqr from 'backbone.wreqr';
import BackgroundArea from 'background/model/backgroundArea';
import BackgroundAreaView from 'background/view/backgroundAreaView';

var BackgroundApplication = Application.extend({
  // Set this flag to true to enable localhost server communication.
  localDebug: false,
  // The URL to which AJAX requests are sent. localhost for debugging or cloud server in production.
  serverUrl: '',
  // A unique identifier for this Streamus instance. Useful for telling logs apart without a signed in user.
  instanceId: '',
  backgroundArea: null,

  // All the channels used for global event communication across the page
  channels: {
    tab: Wreqr.radio.channel('tab'),
    error: Wreqr.radio.channel('error'),
    backgroundNotification: Wreqr.radio.channel('backgroundNotification'),
    notification: Wreqr.radio.channel('notification'),
    backgroundArea: Wreqr.radio.channel('backgroundArea'),
    clipboard: Wreqr.radio.channel('clipboard'),
    foreground: Wreqr.radio.channel('foreground'),
    player: Wreqr.radio.channel('player'),
    activePlaylist: Wreqr.radio.channel('activePlaylist')
  },

  initialize: function() {
    this._setServerUrl();
    this._setInstanceId();
    this.on('start', this._onStart);
  },

  getExposedChannels: function() {
    return {
      error: this.channels.error,
      notification: this.channels.notification,
      foreground: this.channels.foreground
    };
  },

  getExposedProperties: function() {
    return this.backgroundArea.getExposedProperties();
  },

  instantiateBackgroundArea: function() {
    if (_.isNull(this.backgroundArea)) {
      this.backgroundArea = new BackgroundArea();
    }
  },

  _onStart: function() {
    this.instantiateBackgroundArea();
    this._showBackgroundArea();
  },

  _setServerUrl: function() {
    this.serverUrl = this.localDebug ? 'http://localhost:39853/' : 'https://aws-server.streamus.com/Streamus/';
  },

  _setInstanceId: function() {
    var instanceId = localStorage.getItem('instanceId');

    if (_.isNull(instanceId)) {
      instanceId = 'instance_' + _.now();
      localStorage.setItem('instanceId', instanceId);
    }

    this.instanceId = instanceId;
  },

  _showBackgroundArea: function() {
    var backgroundAreaView = new BackgroundAreaView({
      model: this.backgroundArea
    });

    backgroundAreaView.render();
  }
});

export default BackgroundApplication;