browser-x/index.js

A partial implementation of the W3C DOM API on top of an HTML5 parser and serializer.

'use strict';

var parse5 = require('parse5');

var Resource = require('./src/utils/resource');
var ParserAdapter = require('./src/adapters/parser-adapter');
var BrowserAdapter = require('./src/adapters/browser-adapter');
var loadCssFiles = require('./src/style/load-css-files');



/**
 * @param   {Object}    选项 @see ./src/adapters/browser-adapter
 * @param   {Function}  回调函数（可选）
 * @param   {Promise}
 */
function browser(options, callback) {
    options = new BrowserAdapter(options);
    callback = callback || function() {};


    return new Promise(function(resolve, reject) {

        if (options.html) {
            var window = browser.sync(options.html, options);
            start(window);
        } else if (options.url) {
            new Resource(options).get(options.url).then(function(html) {
                options.html = html;
                var window = browser.sync(options.html, options);
                start(window);
            });
        }

        function start(window) {
            window.onload = function() {
                resolve(window);
                callback(null, window);
            };
            window.onerror = function(errors) {
                reject(errors);
                callback(errors);
            };
        }
    });
}



/**
 * @param   {String}    HTML
 * @param   {Object}    选项（可选）@see ./src/adapters/browser-adapter
 * @param   {Window}
 */
browser.sync = function(html, options) {
    options = new BrowserAdapter(options);
    options.parserAdapter = {
        treeAdapter: new ParserAdapter(options)
    };

    var document = parse5.parse(html, options.parserAdapter);
    var window = document.defaultView;

    Object.defineProperty(window, 'onload', {
        get: function() {
            return this._onload;
        },
        set: function(onload) {
            this._onload = onload;

            if (options.loadCssFile) {
                loadCssFiles(document, new Resource(options)).then(function() {
                    process.nextTick(onload);
                }, function(errors) {
                    process.nextTick(function() {
                        if (typeof window.onerror === 'function') {
                            window.onerror(errors);
                        }
                    });
                    return Promise.reject(errors);
                });
            } else {
                process.nextTick(onload);
            }
        }
    });


    Object.defineProperty(window, 'onerror', {
        get: function() {
            return this._onerror;
        },
        set: function(onerror) {
            this._onerror = onerror;
        }
    });

    return window;
};


browser.BrowserAdapter = BrowserAdapter;


module.exports = browser;