get-translation/interface/documents/mains/app.js

Effective translation workflow

requirejs.config({
  paths: {
    'jquery': 'vendor/jquery/dist/jquery',
    'jquery.cookie': 'vendor/jquery.cookie/jquery.cookie',
    'underscore': 'vendor/underscore/underscore',
    'backbone': 'vendor/backbone/backbone',
    'backbone.queryparams': 'vendor/backbone-query-parameters-patch/backbone.queryparams',
    'backbone-relational': 'vendor/backbone-relational/backbone-relational',
    'superagent': 'vendor/superagent/superagent',
    'jquery.hammer': 'vendor/hammerjs/dist/jquery.hammer',
    'purl': 'vendor/purl/purl',
    'jquery.formParams': 'vendor/jquery.formParams/jquery.formParams',
    'xregexp': 'vendor/xregexp/xregexp-all',
    'minTimer': 'vendor/minTimer/minTimer'
  },

  shim: {
    'superagent': {
      exports: 'request'
    },
    'jquery': {
      exports: 'jQuery'
    },
    'underscore': {
      exports: '_'
    },
    'backbone': {
      exports: 'Backbone',
      deps: ['underscore', 'jquery']
    },
    'stackblur': {
      exports: 'stackBlurCanvasRGB'
    },
    'xregexp': {
      exports: 'XRegExp'
    },
    'minTimer': {
      exports: 'minTimer'
    },

    // Plugins
    'backbone.queryparams': ['backbone'],
    'backbone-relational': ['backbone', 'underscore', 'jquery'],
    'jquery.cookie': ['jquery'],
    'jquery.hammer': ['jquery'],
    'purl': ['jquery'],
    'jquery.formParams': ['jquery']
  },

  map: {
    '*': {
      'View': 'libraries/View',
      'Collection': 'libraries/Collection',
      'Model': 'libraries/Model',
      'contentTemplates': 'public/templates/contents/templates',

      'CompositeRouter': 'public/scripts/routers/composer',
      'request': 'libraries/client/request',
      'Document': 'libraries/Document',
      'DocumentView': 'libraries/DocumentView',
      'layoutTemplates': 'public/templates/layouts/templates'
    }
  },

  waitSeconds: 90,

  baseUrl: '/'
});

define('modernizr', function() {
  return Modernizr;
});

require([

  'backbone',
  'backbone-relational',
  'CompositeRouter',
  'Document',
  'DocumentView',
  'layoutTemplates'

], function(

  Backbone,
  BackboneRelational,
  CompositeRouter,
  Document,
  DocumentView,
  layoutTemplates

) {

  var $body = $(document.body);

  // App
  window.app = {
    routers: {},
    models: {},
    views: {},
    components: {},
    document: new Document,
    $document: $(document),
    layoutTemplates: layoutTemplates,
    initialPageLoad: true,
    $body: $body,
    $layout: $body.find('[data-layout]'),
    navigate: function(path) {
      Backbone.Router.prototype.navigate(path, { trigger: true });
    },
    locale: window.location.pathname.split('/')[1]
  };

  /**
   * Initialize App
   */

  app.initialize = function() {
    this.delegateRouters();
    this.startBackbone();
  };

  /**
   * Start backbone router
   */

  app.startBackbone = function() {
    Backbone.history.start({ pushState: true, hashChange: false });
    new DocumentView(app.document);
  };

  /**
   * Delegate Backbone routers
   */

  app.delegateRouters = function() {
    new CompositeRouter();
  };

  // Initialize App
  app.initialize();

});