nativescript-angular/platform-common.js

An Angular renderer that lets you build mobile apps with NativeScript.

Object.defineProperty(exports, "__esModule", { value: true });
// Initial imports and polyfills
require("tns-core-modules/globals");
// Require application early to work around a circular import
require("tns-core-modules/application");
require("./zone-js/dist/zone-nativescript");
require("./polyfills/array");
require("./polyfills/console");
var profiling_1 = require("tns-core-modules/profiling");
require("./dom-adapter");
var core_1 = require("@angular/core");
var common_1 = require("@angular/common");
var trace_1 = require("./trace");
var platform_providers_1 = require("./platform-providers");
var app_host_view_1 = require("./app-host-view");
var application_1 = require("tns-core-modules/application");
var text_view_1 = require("tns-core-modules/ui/text-view");
require("nativescript-intl");
var view_1 = require("tns-core-modules/ui/core/view/view");
var frame_1 = require("tns-core-modules/ui/frame");
exports.onBeforeLivesync = new core_1.EventEmitter();
exports.onAfterLivesync = new core_1.EventEmitter();
var lastBootstrappedModule;
// Work around a TS bug requiring an import of OpaqueToken without using it
if (global.___TS_UNUSED) {
    (function () {
        return core_1.InjectionToken;
    })();
}
var NativeScriptSanitizer = /** @class */ (function (_super) {
    __extends(NativeScriptSanitizer, _super);
    function NativeScriptSanitizer() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    NativeScriptSanitizer.prototype.sanitize = function (_context, value) {
        return value;
    };
    return NativeScriptSanitizer;
}(core_1.Sanitizer));
exports.NativeScriptSanitizer = NativeScriptSanitizer;
var NativeScriptDocument = /** @class */ (function () {
    function NativeScriptDocument() {
        // Required by the AnimationDriver
        this.body = {
            isOverride: true,
        };
    }
    NativeScriptDocument.prototype.createElement = function (tag) {
        throw new Error("NativeScriptDocument is not DOM Document. There is no createElement() method.");
    };
    return NativeScriptDocument;
}());
exports.NativeScriptDocument = NativeScriptDocument;
exports.COMMON_PROVIDERS = [
    platform_providers_1.defaultPageFactoryProvider,
    { provide: core_1.Sanitizer, useClass: NativeScriptSanitizer, deps: [] },
    { provide: common_1.DOCUMENT, useClass: NativeScriptDocument, deps: [] },
];
var NativeScriptPlatformRef = /** @class */ (function (_super) {
    __extends(NativeScriptPlatformRef, _super);
    function NativeScriptPlatformRef(platform, appOptions) {
        if (appOptions === void 0) { appOptions = {}; }
        var _this = _super.call(this) || this;
        _this.platform = platform;
        _this.appOptions = appOptions;
        return _this;
    }
    NativeScriptPlatformRef.prototype.bootstrapModuleFactory = function (moduleFactory) {
        var _this = this;
        this._bootstrapper = function () {
            var bootstrapFactory = moduleFactory;
            if (_this.appOptions.hmrOptions) {
                bootstrapFactory = _this.appOptions.hmrOptions.moduleTypeFactory();
            }
            return _this.platform.bootstrapModuleFactory(bootstrapFactory);
        };
        this.bootstrapApp();
        return null; // Make the compiler happy
    };
    NativeScriptPlatformRef.prototype.bootstrapModule = function (moduleType, compilerOptions) {
        var _this = this;
        if (compilerOptions === void 0) { compilerOptions = []; }
        this._bootstrapper = function () {
            var bootstrapType = moduleType;
            if (_this.appOptions.hmrOptions) {
                bootstrapType = _this.appOptions.hmrOptions.moduleTypeFactory();
            }
            return _this.platform.bootstrapModule(bootstrapType, compilerOptions);
        };
        this.bootstrapApp();
        return null; // Make the compiler happy
    };
    NativeScriptPlatformRef.prototype.bootstrapApp = function () {
        var _this = this;
        global.__onLiveSyncCore = function () {
            if (_this.appOptions.hmrOptions) {
                _this.appOptions.hmrOptions.livesyncCallback(function () { return _this._livesync(); });
            }
            else {
                _this._livesync();
            }
        };
        if (this.appOptions && typeof this.appOptions.cssFile === "string") {
            application_1.setCssFileName(this.appOptions.cssFile);
        }
        this.bootstrapNativeScriptApp();
    };
    NativeScriptPlatformRef.prototype.onDestroy = function (callback) {
        this.platform.onDestroy(callback);
    };
    Object.defineProperty(NativeScriptPlatformRef.prototype, "injector", {
        get: function () {
            return this.platform.injector;
        },
        enumerable: true,
        configurable: true
    });
    NativeScriptPlatformRef.prototype.destroy = function () {
        this.platform.destroy();
    };
    Object.defineProperty(NativeScriptPlatformRef.prototype, "destroyed", {
        get: function () {
            return this.platform.destroyed;
        },
        enumerable: true,
        configurable: true
    });
    NativeScriptPlatformRef.prototype.bootstrapNativeScriptApp = function () {
        var _this = this;
        var autoCreateFrame = !!this.appOptions.createFrameOnBootstrap;
        var tempAppHostView;
        var rootContent;
        if (autoCreateFrame) {
            var _a = this.createFrameAndPage(false), page = _a.page, frame = _a.frame;
            platform_providers_1.setRootPage(page);
            rootContent = frame;
        }
        else {
            // Create a temp page for root of the renderer
            tempAppHostView = new app_host_view_1.AppHostView();
            platform_providers_1.setRootPage(tempAppHostView);
        }
        if (trace_1.isLogEnabled()) {
            trace_1.bootstrapLog("NativeScriptPlatform bootstrap started.");
        }
        var launchCallback = profiling_1.profile("nativescript-angular/platform-common.launchCallback", function (args) {
            if (trace_1.isLogEnabled()) {
                trace_1.bootstrapLog("Application launch event fired");
            }
            var bootstrapPromiseCompleted = false;
            _this._bootstrapper().then(function (moduleRef) {
                bootstrapPromiseCompleted = true;
                if (trace_1.isLogEnabled()) {
                    trace_1.bootstrapLog("Angular bootstrap bootstrap done. uptime: " + profiling_1.uptime());
                }
                if (!autoCreateFrame) {
                    rootContent = tempAppHostView.content;
                }
                lastBootstrappedModule = new WeakRef(moduleRef);
            }, function (err) {
                bootstrapPromiseCompleted = true;
                var errorMessage = err.message + "\n\n" + err.stack;
                if (trace_1.isLogEnabled()) {
                    trace_1.bootstrapLogError("ERROR BOOTSTRAPPING ANGULAR");
                }
                if (trace_1.isLogEnabled()) {
                    trace_1.bootstrapLogError(errorMessage);
                }
                rootContent = _this.createErrorUI(errorMessage);
            });
            if (trace_1.isLogEnabled()) {
                trace_1.bootstrapLog("bootstrapAction called, draining micro tasks queue. Root: " + rootContent);
            }
            global.Zone.drainMicroTaskQueue();
            if (trace_1.isLogEnabled()) {
                trace_1.bootstrapLog("bootstrapAction called, draining micro tasks queue finished! Root: " + rootContent);
            }
            if (!bootstrapPromiseCompleted) {
                var errorMessage = "Bootstrap promise didn't resolve";
                if (trace_1.isLogEnabled()) {
                    trace_1.bootstrapLogError(errorMessage);
                }
                rootContent = _this.createErrorUI(errorMessage);
            }
            args.root = rootContent;
        });
        var exitCallback = profiling_1.profile("nativescript-angular/platform-common.exitCallback", function (args) {
            var androidActivity = args.android;
            if (androidActivity && !androidActivity.isFinishing()) {
                // Exit event was triggered as a part of a restart of the app.
                return;
            }
            var lastModuleRef = lastBootstrappedModule ? lastBootstrappedModule.get() : null;
            if (lastModuleRef) {
                // Make sure the module is only destroyed once
                lastBootstrappedModule = null;
                lastModuleRef.destroy();
            }
            if (!autoCreateFrame) {
                rootContent = null;
            }
        });
        application_1.on(application_1.launchEvent, launchCallback);
        application_1.on(application_1.exitEvent, exitCallback);
        application_1.run();
    };
    NativeScriptPlatformRef.prototype._livesync = function () {
        var _this = this;
        if (trace_1.isLogEnabled()) {
            trace_1.bootstrapLog("Angular livesync started.");
        }
        var lastModuleRef = lastBootstrappedModule ? lastBootstrappedModule.get() : null;
        exports.onBeforeLivesync.next(lastModuleRef);
        if (lastModuleRef) {
            lastModuleRef.destroy();
        }
        var autoCreateFrame = !!this.appOptions.createFrameOnBootstrap;
        var tempAppHostView;
        var rootContent;
        if (autoCreateFrame) {
            var _a = this.createFrameAndPage(true), page = _a.page, frame = _a.frame;
            platform_providers_1.setRootPage(page);
            rootContent = frame;
        }
        else {
            // Create a temp page for root of the renderer
            tempAppHostView = new app_host_view_1.AppHostView();
            platform_providers_1.setRootPage(tempAppHostView);
        }
        var bootstrapPromiseCompleted = false;
        this._bootstrapper().then(function (moduleRef) {
            bootstrapPromiseCompleted = true;
            if (trace_1.isLogEnabled()) {
                trace_1.bootstrapLog("Angular livesync done.");
            }
            exports.onAfterLivesync.next({ moduleRef: moduleRef });
            if (!autoCreateFrame) {
                rootContent = tempAppHostView.content;
            }
            lastBootstrappedModule = new WeakRef(moduleRef);
        }, function (error) {
            bootstrapPromiseCompleted = true;
            if (trace_1.isLogEnabled()) {
                trace_1.bootstrapLogError("ERROR LIVESYNC BOOTSTRAPPING ANGULAR");
            }
            var errorMessage = error.message + "\n\n" + error.stack;
            if (trace_1.isLogEnabled()) {
                trace_1.bootstrapLogError(errorMessage);
            }
            rootContent = _this.createErrorUI(errorMessage);
            exports.onAfterLivesync.next({ error: error });
        });
        if (trace_1.isLogEnabled()) {
            trace_1.bootstrapLog("livesync bootstrapAction called, draining micro tasks queue. Root: " + rootContent);
        }
        global.Zone.drainMicroTaskQueue();
        if (trace_1.isLogEnabled()) {
            trace_1.bootstrapLog("livesync bootstrapAction called, draining micro tasks queue finished! Root: " + rootContent);
        }
        if (!bootstrapPromiseCompleted) {
            var result = "Livesync bootstrap promise didn't resolve";
            if (trace_1.isLogEnabled()) {
                trace_1.bootstrapLogError(result);
            }
            rootContent = this.createErrorUI(result);
            exports.onAfterLivesync.next({ error: new Error(result) });
        }
        application_1._resetRootView({
            create: function () { return rootContent; },
        });
    };
    NativeScriptPlatformRef.prototype.createErrorUI = function (message) {
        var errorTextBox = new text_view_1.TextView();
        errorTextBox.text = message;
        errorTextBox.color = new view_1.Color("red");
        return errorTextBox;
    };
    NativeScriptPlatformRef.prototype.createFrameAndPage = function (isLivesync) {
        var frame = new frame_1.Frame();
        var pageFactory = this.platform.injector.get(platform_providers_1.PAGE_FACTORY);
        var page = pageFactory({ isBootstrap: true, isLivesync: isLivesync });
        frame.navigate({ create: function () { return page; } });
        return { page: page, frame: frame };
    };
    __decorate([
        profiling_1.profile,
        __metadata("design:type", Function),
        __metadata("design:paramtypes", [core_1.NgModuleFactory]),
        __metadata("design:returntype", Promise)
    ], NativeScriptPlatformRef.prototype, "bootstrapModuleFactory", null);
    __decorate([
        profiling_1.profile,
        __metadata("design:type", Function),
        __metadata("design:paramtypes", [core_1.Type, Object]),
        __metadata("design:returntype", Promise)
    ], NativeScriptPlatformRef.prototype, "bootstrapModule", null);
    __decorate([
        profiling_1.profile,
        __metadata("design:type", Function),
        __metadata("design:paramtypes", []),
        __metadata("design:returntype", void 0)
    ], NativeScriptPlatformRef.prototype, "bootstrapApp", null);
    __decorate([
        profiling_1.profile,
        __metadata("design:type", Function),
        __metadata("design:paramtypes", []),
        __metadata("design:returntype", void 0)
    ], NativeScriptPlatformRef.prototype, "bootstrapNativeScriptApp", null);
    __decorate([
        profiling_1.profile,
        __metadata("design:type", Function),
        __metadata("design:paramtypes", []),
        __metadata("design:returntype", void 0)
    ], NativeScriptPlatformRef.prototype, "_livesync", null);
    return NativeScriptPlatformRef;
}(core_1.PlatformRef));
exports.NativeScriptPlatformRef = NativeScriptPlatformRef;
//# sourceMappingURL=platform-common.js.map