editor.js/modules/saver.js

/**
 * Codex Editor Saver
 *
 * @author Codex Team
 * @version 1.0.2
 */

let editor = codex.editor;

module.exports = (function (saver) {

    /**
     * Saves blocks
     * @private
     */
    saver.saveBlocks = function () {

        /** Save html content of redactor to memory */
        editor.state.html = editor.nodes.redactor.innerHTML;

        /** Empty jsonOutput state */
        editor.state.jsonOutput = [];

        Promise.resolve()

            .then(function () {

                return editor.nodes.redactor.childNodes;

            })
            /** Making a sequence from separate blocks */
            .then(editor.saver.makeQueue)

            .then(function () {
                // editor.nodes.textarea.innerHTML = editor.state.html;
            })

            .catch( function (error) {

                editor.core.log(error);

            });

    };

    saver.makeQueue = function (blocks) {

        var queue = Promise.resolve();

        for(var index = 0; index < blocks.length; index++) {

            /** Add node to sequence at specified index */
            editor.saver.getBlockData(queue, blocks, index);

        }

    };

    /** Gets every block and makes From Data */
    saver.getBlockData = function (queue, blocks, index) {

        queue.then(function () {

            return editor.saver.getNodeAsync(blocks, index);

        })

            .then(editor.saver.makeFormDataFromBlocks);

    };


    /**
     * Asynchronously returns block data from blocksList by index
     * @return Promise to node
     */
    saver.getNodeAsync = function (blocksList, index) {

        return Promise.resolve().then(function () {

            return blocksList[index];

        });

    };

    saver.makeFormDataFromBlocks = function (block) {

        var pluginName = block.dataset.tool,
            id         = block.dataset.id;

        /** Check for plugin existance */
        if (!editor.tools[pluginName]) {

            throw Error(`Plugin «${pluginName}» not found`);

        }

        /** Check for plugin having render method */
        if (typeof editor.tools[pluginName].save != 'function') {

            throw Error(`Plugin «${pluginName}» must have save method`);

        }

        /** Result saver */
        var blockContent   = block.childNodes[0],
            pluginsContent = blockContent.childNodes[0],
            savedData      = editor.tools[pluginName].save(pluginsContent),
            output;


        output = {
            id  : id,
            type: pluginName,
            data: savedData
        };

        if (editor.tools[pluginName].validate) {

            var result = editor.tools[pluginName].validate(savedData);

            /**
             * Do not allow invalid data
             */
            if (!result)
                return;

        }

        /** Marks Blocks that will be in main page */
        output.cover = block.classList.contains(editor.ui.className.BLOCK_IN_FEED_MODE);

        editor.state.jsonOutput.push(output);

    };

    saver.saveComments = function() {

        var fields     = codex.nodes.commentsSidebar.querySelectorAll('.ce-comments-field');

        for (var i = 0 ; i < fields.length; i++) {

            var comments     = fields[i].querySelectorAll('.ce-comment'),
                commentsData = [];

            for (var j = 0; j < comments.length; j++) {

                var text = comments[j].querySelector('.ce-comment__text'),
                    time = comments[j].querySelector('.ce-comment__time');

                if (!text) continue;

                var comment = {
                        edited  : comments[j].dataset.edited,
                        text    : text.textContent,
                        time    : time.textContent
                };


                commentsData.push(comment);
            }

            if (!commentsData.length) continue;

            var fieldData = {
                    blockId  : fields[i].dataset.blockId,
                    comments : commentsData
            };

            codex.state.comments.push(fieldData);

        }

    };

    return saver;

})({});