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.

define([
  // application.
  'initialize',

  // libraries
  'jquery',
  'lodash',
  'backbone',
  'bootstrap',
  'helpers',
  'core/utils',

  // modules
  'core/api',
  'core/couchdbSession',

  // plugins
  'plugins/backbone.layoutmanager'
],

function (app, $, _, Backbone, Bootstrap, Helpers, Utils, FauxtonAPI, Couchdb) {

  // 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
  _.extend(app, {
    utils: Utils,
    getParams: FauxtonAPI.utils.getParams,
    helpers: Helpers
  });

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

  $(document).on('ajaxSend.csrf', function (elm, xhr, s) {

    function parseCookies (cookies) {
      if (!cookies) {
        return {};
      }

      return _.reduce(cookies.split(';'), function (list, cookie) {
        var parts = cookie.split('=');
        list[parts.shift().trim()] = decodeURI(parts.join('='));
        return list;
      }, {});
    }

    var cookies = parseCookies(document.cookie);
    var csrf = cookies['CouchDB-CSRF'] ? cookies['CouchDB-CSRF'] : 'true';

    xhr.setRequestHeader('X-CouchDB-CSRF', csrf);
  });

  $(document).on('ajaxComplete', function (event, xhr, settings) {
    if (xhr.getResponseHeader('x-couchdb-csrf-valid') === 'true') {
      FauxtonAPI.showCsrfInfo();
      return;
    }

    FauxtonAPI.removeHeaderLink && FauxtonAPI.removeHeaderLink({id: 'csrf', statusArea: true});
  });

  // 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
      var 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
      });
    },

    showCsrfInfo: function () {
      FauxtonAPI.dispatch({
        type: 'SHOW_CSRF_INFO'
      });
    },

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

  return app;
});