app/app.js

// Licensed under the Apache License, Version 2.0 (the "License"); you may not
// use this file except in compliance with the License. You may obtain a copy of
// the License at
//
//   http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
// WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
// License for the specific language governing permissions and limitations under
// the License.

import app from "./initialize";
import $ from "jquery";
import _ from "lodash";
import Backbone from "backbone";
import Bootstrap from "bootstrap";
import Helpers from "./helpers";
import Utils from "./core/utils";
import FauxtonAPI from "./core/api";
import Couchdb from "./core/couchdbSession";
import "backbone.layoutmanager";
import "../assets/less/fauxton.less";

// Make sure we have a console.log
if (_.isUndefined(console)) {
  console = {
    log: function () {},
    trace: function () {},
    debug: function () {}
  };
}

// make sure we have location.origin
if (_.isUndefined(window.location.origin)) {
  var port = '';
  if (window.location.port) {
    port = ':' + window.location.port;
  }
  window.location.origin = window.location.protocol + '//' +
    window.location.hostname + port;
}

// Provide a global location to place configuration settings and module
// creation also mix in Backbone.Events
Object.assign(app, {
  utils: Utils,
  getParams: FauxtonAPI.utils.getParams,
  helpers: Helpers
});

// Localize or create a new JavaScript Template object
const JST = window.JST = window.JST || {};

// Configure LayoutManager with Backbone Boilerplate defaults
FauxtonAPI.Layout.configure({
  // Allow LayoutManager to augment Backbone.View.prototype.
  manage: true,
  prefix: 'app/',

  // Inject app/helper.js for shared functionality across all html templates
  renderTemplate: function (template, context) {
    return template(_.extend(Helpers, context));
  },

  fetchTemplate: function (path) {
    // Initialize done for use in async-mode
    let done;

    // Concatenate the file extension.
    path = path + '.html';

    // If cached, use the compiled template.
    if (JST[path]) {
      return JST[path];
    } else {
      // Put fetch into `async-mode`.
      done = this.async();
      // Seek out the template asynchronously.
      return $.ajax({ url: app.root + path }).then(function (contents) {
        done(JST[path] = _.template(contents));
      });
    }
  }
});

FauxtonAPI.setSession(new Couchdb.Session());

// Define your master router on the application namespace and trigger all
// navigation from this instance.
FauxtonAPI.config({
  el: '.wrapper',
  masterLayout: new FauxtonAPI.Layout(),

  // I haven't wrapped these dispatch methods in a action
  // because I don't want to require fauxton/actions in this method.
  addHeaderLink: function (link) {
    FauxtonAPI.dispatch({
      type: 'ADD_NAVBAR_LINK',
      link: link
    });
  },

  updateHeaderLink: function (link) {
    FauxtonAPI.dispatch({
      type: 'UPDATE_NAVBAR_LINK',
      link: link
    });
  },

  removeHeaderLink: function (link) {
    FauxtonAPI.dispatch({
      type: 'REMOVE_NAVBAR_LINK',
      link: link
    });
  }
});

export default app;