angular2-hmr/dist/index.js

"use strict";
function __export(m) {
    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
}
var webpack_state_1 = require('./webpack-state');
__export(require('./webpack-state'));
function hotModuleReplacement(bootloader, module, options) {
    var LOCALSTORAGE_KEY = options.LOCALSTORAGE_KEY || '@@WEBPACK_INITIAL_DATA';
    var LOCAL = options.localStorage || false;
    var TOKEN = options.storeToken || webpack_state_1.WebpackState;
    var DISPOSE = options.globalDispose || 'WEBPACK_HMR_beforeunload';
    var SAVE_STATE = options.saveState || saveState;
    var ASSIGN = options.assignState || Object.assign;
    var DATA = options.data || module.hot.data;
    var COMPONENT_REF = null;
    function saveState(appState) {
        var json = appState.toJSON();
        if (LOCAL) {
            console.time('localStorage');
            localStorage.setItem(LOCALSTORAGE_KEY, JSON.stringify(appState));
            console.timeEnd('localStorage');
        }
        return json;
    }
    console.log('DATA', DATA);
    if (!DATA && LOCAL) {
        try {
            console.time('start localStorage');
            DATA = JSON.parse(localStorage.getItem(LOCALSTORAGE_KEY)) || DATA;
            console.timeEnd('start localStorage');
        }
        catch (e) {
            console.log('JSON.parse Error', e);
        }
    }
    console.time('bootstrap');
    if (document.readyState === 'complete') {
        bootloader(DATA)
            .then(function (cmpRef) { return COMPONENT_REF = cmpRef; })
            .then((function (cmpRef) { return (console.timeEnd('bootstrap'), cmpRef); }));
    }
    else {
        document.addEventListener('DOMContentLoaded', function () {
            bootloader(DATA)
                .then(function (cmpRef) { return COMPONENT_REF = cmpRef; })
                .then((function (cmpRef) { return (console.timeEnd('bootstrap'), cmpRef); }));
        });
    }
    function beforeunload(event) {
        var appState = COMPONENT_REF.injector.get(TOKEN);
        return saveState(appState);
    }
    window[DISPOSE] = function () {
        window.removeEventListener('beforeunload', beforeunload);
        if (LOCAL) {
            localStorage.removeItem(LOCALSTORAGE_KEY);
        }
    };
    module.hot.accept();
    window.addEventListener('beforeunload', beforeunload);
    module.hot.dispose(function (data) {
        console.time('dispose');
        var componentNode = COMPONENT_REF.location.nativeElement;
        var newNode = document.createElement(componentNode.tagName);
        // display none
        var currentDisplay = newNode.style.display;
        newNode.style.display = 'none';
        var parentNode = componentNode.parentNode;
        parentNode.insertBefore(newNode, componentNode);
        var appState = COMPONENT_REF.injector.get(TOKEN);
        var json = SAVE_STATE(appState);
        ASSIGN(data, json);
        COMPONENT_REF.dispose();
        newNode.style.display = currentDisplay;
        window.removeEventListener('beforeunload', beforeunload);
        console.timeEnd('dispose');
    });
}
exports.hotModuleReplacement = hotModuleReplacement;
//# sourceMappingURL=index.js.map