piano/js/init.js

/*jshint browser:true */
/*globals React */

/**
 * init.js
 *
 * Initialize app global
 */

(function () {
    'use strict';
    
    var App = window.App = {};

    // move module methods out of the global namespace to
    // prevent libraries like jQuery from creating AMD modules
    if (window.module !== undefined) {
        window.atom = {
            require: window.require,
            module: window.module
        };

        delete window.require;
        delete window.module;
    }
    
    // components creation
    App.components = {
        /**
         * Add React class to given namespace
         *
         * @param {namespace: string}   Class namespace, skip to assign to global namespace
         * @param {options: Object}     Class options
         * @return {Object} Object containing namespace object and created class
         */
        create: function (namespace, options) {
            var cclass;
            
            if (typeof namespace === 'object') {
                options = namespace;
                namespace = App.components;
            } else {
                if (App.components[namespace] === undefined) {
                    App.components[namespace] = {};
                }
                
                namespace = App.components[namespace];
            }
            
            cclass = React.createClass(options);
            namespace[options.displayName] = cclass;
            
            return {
                namespace: namespace,
                cclass: cclass
            };
        },
        
        /**
         * Add Modal class to given namespace
         *
         * @param {namespace: string}   Class namespace, skip to assign to global namespace
         * @param {options: Object}     Class options
         * @return {Object} Object containing namespace object and created modal
         */
        modal: function (namespace, options) {
            var component, cclass, modal;
            
            if (options === undefined) {
                options = namespace;
            }
            
            modal = options.modal || {};
            delete options.modal;

            component = App.components.create(namespace, options);
            cclass = function (props) {
                return new App.Modal(component.cclass, modal, props);
            };
            
            component.namespace[options.displayName] = cclass;
            
            return {
                namespace: component.namespace,
                cclass: cclass
            };
        }
    };
    
    // other globals
    App.lang = navigator.language;
    App.MIDI = {
        keyOffset: 21
    };
}());