cloudcmd/client/edit.js

/* global CloudCmd, Util, DOM, CloudFunc */

'use strict';

const itype = require('itype/legacy');

CloudCmd.Edit = EditProto;

function EditProto(callback) {
    var Name = 'Edit';
    var Loading = true;
    var EditorName = CloudCmd.config('editor');
    
    var exec = Util.exec;
    var Element,
        editor,
        
        ConfigView  = {
            afterShow: function() {
                editor
                    .moveCursorTo(0, 0)
                    .focus();
            }
        };
    
    var Edit = function(fn) {
        if (!itype.function(fn))
            return;
        
        fn();
    };
    
    function init(callback) {
        var element = createElement();
        
        exec.series([
            CloudCmd.View,
            function(callback) {
                loadFiles(element, callback);
            },
        ], callback);
    }
    
    function createElement() {
        var element = DOM.load({
            name: 'div',
            style:
                'width      : 100%;'                +
                'height     : 100%;'                +
                'font-family: "Droid Sans Mono";'   +
                'position   : absolute;',
            notAppend: true
        });
        
        Element = element;
        
        return element;
    }
    
    function checkFn(name, fn) {
        if (typeof fn !== 'function')
            throw Error(name + ' should be a function!');
    }
    
    function initConfig(config, options) {
        Util.copyObj(config, ConfigView);
        
        if (!options)
            return config;
        
        if (options.afterShow) {
            checkFn('options.afterShow', options.afterShow);
            
            var afterShow = config.afterShow;
            
            config.afterShow = function() {
                afterShow();
                options.afterShow();
            };
        }
        
        return config;
    }
    
    Edit.show = function(options) {
        if (Loading)
            return;
         
        CloudCmd.View.show(Element, initConfig(options));
    };
    
    Edit.getEditor = function() {
        return editor;
    };
    
    Edit.getElement = function() {
        return Element;
    };
    
    Edit.hide = function() {
        CloudCmd.View.hide();
    };
    
    function loadFiles(element, callback) {
        var prefix = CloudCmd.PREFIX;
        var prefixName = prefix + '/' + EditorName;
        var url = prefixName + '/' + EditorName + '.js';
        
        Util.time(Name + ' load');
        
        DOM.load.js(url, function() {
            var word = window[EditorName];
            var options = {
                maxSize     : CloudFunc.MAX_FILE_SIZE,
                prefix      : prefixName,
                socketPath  : prefix
            };
            
            word(element, options, function(ed) {
                Util.timeEnd(Name + ' load');
                editor  = ed;
                Loading = false;
                
                exec(callback);
            });
        });
    }
    
    init(callback);
    
    return Edit;
}