piral-ng 1.0.0-pre.2196 → 1.0.0

package/esm/queue.d.ts

@@ -1 +1 @@
-export declare function enqueue<T>(callback: () => Promise<T>): Promise<T>;
+export declare function enqueue<T>(callback: () => T | Promise<T>): Promise<T>;

package/esm/queue.js

@@ -1,7 +1,7 @@
-var queue = Promise.resolve();
+let queue = Promise.resolve();
 export function enqueue(callback) {
-    var next = queue.then(callback);
-    queue = next.then(function () { });
+    const next = queue.then(callback);
+    queue = next.then(() => { });
     return next;
 }
 //# sourceMappingURL=queue.js.map

package/esm/queue.js.map

@@ -1 +1 @@
-{"version":3,"file":"queue.js","sourceRoot":"","sources":["../src/queue.ts"],"names":[],"mappings":"AAAA,IAAI,KAAK,GAAG,OAAO,CAAC,OAAO,EAAE,CAAC;AAE9B,MAAM,UAAU,OAAO,CAAI,QAA0B;IACnD,IAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAClC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,cAAO,CAAC,CAAC,CAAC;IAC5B,OAAO,IAAI,CAAC;AACd,CAAC"}
+{"version":3,"file":"queue.js","sourceRoot":"","sources":["../src/queue.ts"],"names":[],"mappings":"AAAA,IAAI,KAAK,GAAG,OAAO,CAAC,OAAO,EAAE,CAAC;AAE9B,MAAM,UAAU,OAAO,CAAI,QAA8B;IACvD,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAClC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;IAC5B,OAAO,IAAI,CAAC;AACd,CAAC"}

package/esm/startup.d.ts

@@ -0,0 +1,8 @@
+import type { ComponentContext } from 'piral-core';
+import type { NgOptions } from './types';
+import { NgModuleRef } from '@angular/core';
+export type NgModuleInt = NgModuleRef<any> & {
+    _destroyed: boolean;
+};
+export declare function teardown(BootstrapModule: any): void;
+export declare function startup(BootstrapModule: any, context: ComponentContext, ngOptions?: NgOptions): Promise<void | NgModuleInt>;

package/esm/startup.js

@@ -0,0 +1,115 @@
+import { createPlatformFactory, enableProdMode, NgZone, ɵALLOW_MULTIPLE_PLATFORMS as ALLOW_MULTIPLE_PLATFORMS, } from '@angular/core';
+import { APP_BASE_HREF } from '@angular/common';
+import { ɵplatformCoreDynamic as platformCoreDynamic, ɵINTERNAL_BROWSER_DYNAMIC_PLATFORM_PROVIDERS as INTERNAL_BROWSER_DYNAMIC_PLATFORM_PROVIDERS, } from '@angular/platform-browser-dynamic';
+import { getId, getNgVersion } from './utils';
+function getVersionHandler(versions) {
+    const major = getNgVersion();
+    const version = `v${major}`;
+    return versions[version];
+}
+// Equivalent to platformBrowserDynamic, but with support for multiple platforms
+const customPlatformDynamicFactory = createPlatformFactory(platformCoreDynamic, 'piralDynamic', [
+    ...INTERNAL_BROWSER_DYNAMIC_PLATFORM_PROVIDERS,
+    {
+        provide: ALLOW_MULTIPLE_PLATFORMS,
+        useValue: true,
+    },
+]);
+const runningModules = [];
+function startNew(BootstrapModule, context, ngOptions) {
+    const path = context.publicPath || '/';
+    const platform = customPlatformDynamicFactory([
+        { provide: 'Context', useValue: context },
+        { provide: APP_BASE_HREF, useValue: path },
+    ]);
+    const id = getId();
+    const zoneIdentifier = `piral-ng:${id}`;
+    // This is a hack, since NgZone doesn't allow you to configure the property that identifies your zone.
+    // See:
+    // - https://github.com/PlaceMe-SAS/single-spa-angular-cli/issues/33
+    // - https://github.com/angular/angular/blob/a14dc2d7a4821a19f20a9547053a5734798f541e/packages/core/src/zone/ng_zone.ts#L144
+    // - https://github.com/angular/angular/blob/a14dc2d7a4821a19f20a9547053a5734798f541e/packages/core/src/zone/ng_zone.ts#L257
+    // @ts-ignore
+    NgZone.isInAngularZone = () => window.Zone.current._properties[zoneIdentifier] === true;
+    return platform
+        .bootstrapModule(BootstrapModule, ngOptions)
+        .catch((err) => console.log(err))
+        .then((instance) => {
+        var _a;
+        if (instance) {
+            const zone = instance.injector.get(NgZone);
+            // @ts-ignore
+            const z = (_a = zone === null || zone === void 0 ? void 0 : zone._inner) !== null && _a !== void 0 ? _a : zone === null || zone === void 0 ? void 0 : zone.inner;
+            if (z && '_properties' in z) {
+                z._properties[zoneIdentifier] = true;
+            }
+            runningModules.push([BootstrapModule, instance, platform]);
+        }
+        return instance;
+    });
+}
+export function teardown(BootstrapModule) {
+    const runningModuleIndex = runningModules.findIndex(([ref]) => ref === BootstrapModule);
+    if (runningModuleIndex !== -1) {
+        const [, , platform] = runningModules[runningModuleIndex];
+        runningModules.splice(runningModuleIndex, 1);
+        if (!platform.destroyed) {
+            platform.destroy();
+        }
+    }
+}
+export function startup(BootstrapModule, context, ngOptions) {
+    const runningModule = runningModules.find(([ref]) => ref === BootstrapModule);
+    if (runningModule) {
+        const [, instance, platform] = runningModule;
+        if (platform.destroyed) {
+            teardown(BootstrapModule);
+        }
+        else {
+            return Promise.resolve(instance);
+        }
+    }
+    return startNew(BootstrapModule, context, ngOptions);
+}
+if (process.env.NODE_ENV === 'development') {
+    // May be used later for something useful. Right now only debugging output.
+    const versionHandlers = {
+        legacy() {
+            console.log('Running in legacy mode (Angular 2, Angular 4)');
+        },
+        outdated() {
+            console.log('Running in outdated mode (Angular 5-8)');
+        },
+        current() {
+            console.log('Running in current mode (Angular 9-15)');
+        },
+        next() {
+            console.log('Running in next mode (Angular 16)');
+        },
+        unknown() {
+            console.log('Running with an unknown version of Angular');
+        },
+    };
+    const versions = {
+        v2: versionHandlers.legacy,
+        v4: versionHandlers.legacy,
+        v5: versionHandlers.outdated,
+        v6: versionHandlers.outdated,
+        v7: versionHandlers.outdated,
+        v8: versionHandlers.outdated,
+        v9: versionHandlers.current,
+        v10: versionHandlers.current,
+        v11: versionHandlers.current,
+        v12: versionHandlers.current,
+        v13: versionHandlers.current,
+        v14: versionHandlers.current,
+        v15: versionHandlers.current,
+        v16: versionHandlers.next,
+    };
+    const handler = getVersionHandler(versions) || versionHandlers.unknown;
+    handler();
+}
+if (process.env.NODE_ENV === 'production') {
+    enableProdMode();
+}
+//# sourceMappingURL=startup.js.map

package/esm/startup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"startup.js","sourceRoot":"","sources":["../src/startup.ts"],"names":[],"mappings":"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"}

package/esm/types.d.ts

@@ -1,4 +1,6 @@
+import type { PlatformRef, NgModuleRef } from '@angular/core';
 import type { ForeignComponent } from 'piral-core';
+import type { Type } from '@angular/core';
 declare module 'piral-core/lib/types/custom' {
     interface PiletCustomApi extends PiletNgApi {
     }
@@ -6,11 +8,70 @@ declare module 'piral-core/lib/types/custom' {
         ng(component: NgComponent): ForeignComponent<TProps>;
     }
 }
+/**
+ * Options passed through to Angular `bootstrapModule`.
+ *
+ * Mainly to specify Noop Zone, but also includes compiler specific settings.
+ * See https://angular.io/api/core/PlatformRef#bootstrapModule for possible values.
+ */
+export type NgOptions = Parameters<PlatformRef['bootstrapModule']>[1];
+export type ModuleInstanceResult = [any, NgOptions];
+export type PrepareBootstrapResult = [...ModuleInstanceResult, any];
+export type NgModuleInt = NgModuleRef<any> & {
+    _destroyed: boolean;
+};
+/**
+ * Gives you the ability to use a component from a lazy loaded module.
+ */
+export interface NgComponentLoader {
+    /**
+     * Uses a component from a lazy loaded module.
+     * @param selector The selector defined for the component to load.
+     */
+    (selector: string): NgComponent;
+}
+export interface NgLazyType {
+    selector: string;
+    module: () => Promise<{
+        default: Type<any>;
+    }>;
+    opts: NgOptions;
+    state: any;
+}
+/**
+ * The lazy loading interface for retrieving Angular components.
+ */
+export interface LazyType<T> {
+    /**
+     * Callback to be invoked for lazy loading an Angular module or component.
+     */
+    (): Promise<{
+        default: Type<T>;
+    }>;
+}
+/**
+ * Represents the interface implemented by a module definer function.
+ */
+export interface NgModuleDefiner {
+    /**
+     * Defines the module to use when bootstrapping the Angular pilet.
+     * @param ngModule The module to use for running Angular.
+     * @param opts The options to pass when bootstrapping.
+     */
+    <T>(module: Type<T>, opts?: NgOptions): void;
+    /**
+     * Defines the module to lazy load for bootstrapping the Angular pilet.
+     * @param getModule The module lazy loader to use for running Angular.
+     * @param opts The options to pass when bootstrapping.
+     * @returns The module ID to be used to reference components.
+     */
+    <T>(getModule: LazyType<T>, opts?: NgOptions): NgComponentLoader;
+}
 export interface NgComponent {
     /**
      * The component root.
      */
-    component: any;
+    component: Type<any> | NgLazyType;
     /**
      * The type of the Angular component.
      */
@@ -21,11 +82,18 @@ export interface NgComponent {
  */
 export interface PiletNgApi {
     /**
-     * Wraps an Angular component for use in Piral.
+     * Defines the module to use when bootstrapping the Angular pilet.
+     */
+    defineNgModule: NgModuleDefiner;
+    /**
+     * Wraps an Angular component for use in Piral. Might reuse a previously
+     * defined module if the component was exported from it.
+     * Alternatively, a module might be passed in, where the first component
+     * of either the bootstrap or the entryComponents declaration is used.
      * @param component The component root.
      * @returns The Piral Ng component.
      */
-    fromNg(component: any): NgComponent;
+    fromNg<T>(component: Type<T>): NgComponent;
     /**
      * Angular component for displaying extensions of the given name.
      */

package/esm/utils.d.ts

@@ -0,0 +1,18 @@
+import { StaticProvider } from '@angular/core';
+export interface NgAnnotation {
+    _initial?: Array<StaticProvider>;
+    standalone?: boolean;
+    providers: Array<StaticProvider>;
+    imports: Array<any>;
+    exports: Array<any>;
+    declarations: Array<any>;
+    entryComponents: Array<any>;
+    bootstrap: any;
+    selector: string;
+}
+export declare function getId(): string;
+export declare function getNgVersion(): string;
+export declare function getMinVersion(): string;
+export declare function getAnnotations(component: any): Array<NgAnnotation>;
+export declare function hasSelector(component: any, selector: string): boolean;
+export declare function findComponents(exports: Array<any>): Array<any>;

package/esm/utils.js

@@ -0,0 +1,46 @@
+import { VERSION } from '@angular/core';
+export function getId() {
+    return Math.random().toString(36);
+}
+export function getNgVersion() {
+    return VERSION.major || VERSION.full.split('.')[0];
+}
+export function getMinVersion() {
+    const major = getNgVersion();
+    return `${major}.0.0`;
+}
+export function getAnnotations(component) {
+    let annotations = component === null || component === void 0 ? void 0 : component.__annotations__;
+    if (!annotations && typeof Reflect !== 'undefined' && 'getOwnMetadata' in Reflect) {
+        annotations = Reflect.getOwnMetadata('annotations', component);
+    }
+    if (!annotations && typeof component.ɵcmp !== 'undefined') {
+        annotations = [{}];
+    }
+    if (!annotations && typeof component.ɵmod !== 'undefined') {
+        annotations = [component.ɵmod];
+    }
+    return annotations || [];
+}
+export function hasSelector(component, selector) {
+    const [annotation] = getAnnotations(component);
+    return annotation && annotation.selector === selector;
+}
+export function findComponents(exports) {
+    const components = [];
+    if (Array.isArray(exports)) {
+        for (const ex of exports) {
+            const [annotation] = getAnnotations(ex);
+            if (annotation) {
+                if (annotation.exports) {
+                    components.push(...findComponents(annotation.exports));
+                }
+                else if (!annotation.imports || annotation.standalone) {
+                    components.push(ex);
+                }
+            }
+        }
+    }
+    return components;
+}
+//# sourceMappingURL=utils.js.map

package/esm/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAkB,MAAM,eAAe,CAAC;AAcxD,MAAM,UAAU,KAAK;IACnB,OAAO,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;AACpC,CAAC;AAED,MAAM,UAAU,YAAY;IAC1B,OAAO,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;AACrD,CAAC;AAED,MAAM,UAAU,aAAa;IAC3B,MAAM,KAAK,GAAG,YAAY,EAAE,CAAC;IAC7B,OAAO,GAAG,KAAK,MAAM,CAAC;AACxB,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,SAAc;IAC3C,IAAI,WAAW,GAAG,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,eAAe,CAAC;IAE7C,IAAI,CAAC,WAAW,IAAI,OAAO,OAAO,KAAK,WAAW,IAAI,gBAAgB,IAAI,OAAO,EAAE;QACjF,WAAW,GAAI,OAAe,CAAC,cAAc,CAAC,aAAa,EAAE,SAAS,CAAC,CAAC;KACzE;IAED,IAAI,CAAC,WAAW,IAAI,OAAO,SAAS,CAAC,IAAI,KAAK,WAAW,EAAE;QACzD,WAAW,GAAG,CAAC,EAAE,CAAC,CAAC;KACpB;IAED,IAAI,CAAC,WAAW,IAAI,OAAO,SAAS,CAAC,IAAI,KAAK,WAAW,EAAE;QACzD,WAAW,GAAG,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;KAChC;IAED,OAAO,WAAW,IAAI,EAAE,CAAC;AAC3B,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,SAAc,EAAE,QAAgB;IAC1D,MAAM,CAAC,UAAU,CAAC,GAAG,cAAc,CAAC,SAAS,CAAC,CAAC;IAC/C,OAAO,UAAU,IAAI,UAAU,CAAC,QAAQ,KAAK,QAAQ,CAAC;AACxD,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,OAAmB;IAChD,MAAM,UAAU,GAAG,EAAE,CAAC;IAEtB,IAAI,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;QAC1B,KAAK,MAAM,EAAE,IAAI,OAAO,EAAE;YACxB,MAAM,CAAC,UAAU,CAAC,GAAG,cAAc,CAAC,EAAE,CAAC,CAAC;YAExC,IAAI,UAAU,EAAE;gBACd,IAAI,UAAU,CAAC,OAAO,EAAE;oBACtB,UAAU,CAAC,IAAI,CAAC,GAAG,cAAc,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;iBACxD;qBAAM,IAAI,CAAC,UAAU,CAAC,OAAO,IAAI,UAAU,CAAC,UAAU,EAAE;oBACvD,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;iBACrB;aACF;SACF;KACF;IAED,OAAO,UAAU,CAAC;AACpB,CAAC"}

package/extend-webpack.js

@@ -0,0 +1,107 @@
+const CopyPlugin = require('copy-webpack-plugin');
+
+const { AngularWebpackPlugin } = require('@ngtools/webpack');
+const { resolve } = require('path');
+
+const ngtoolsLoader = require.resolve('@ngtools/webpack');
+const toStringLoader = require.resolve('to-string-loader');
+const cssLoader = require.resolve('css-loader');
+const sassLoader = require.resolve('sass-loader');
+const htmlLoader = require.resolve('html-loader');
+
+module.exports =
+  (options = {}) =>
+  (config) => {
+    const {
+      patterns = [{ from: resolve(process.cwd(), 'src/assets'), noErrorOnMissing: true }],
+      ngOptions = {},
+      compilerOptions = {},
+    } = options;
+    const cssLoaderNoModule = `${cssLoader}?esModule=false`;
+    const htmlLoaderNoModule = {
+      loader: htmlLoader,
+      options: {
+        esModule: false,
+      },
+    };
+
+    function findRule(tester, changer) {
+      config.module.rules.forEach((rule) => {
+        if (rule.oneOf) {
+          rule.oneOf.forEach((r) => {
+            if (r.test && tester(r)) {
+              changer(r, rule.oneOf);
+            }
+          });
+        } else if (rule.test && tester(rule)) {
+          changer(rule, config.module.rules);
+        }
+      });
+    }
+
+    findRule(
+      (m) => m.test.toString() === /\.css$/i.toString(),
+      (m) => {
+        m.exclude = /\.component.css$/i;
+      },
+    );
+
+    findRule(
+      (m) => m.test && m.test.toString() === /\.css$/i.toString(),
+      (m) => {
+        m.exclude = /\.component.css$/i;
+      },
+    );
+
+    findRule(
+      (m) => m.test && m.test.toString() === /\.s[ac]ss$/i.toString(),
+      (m) => {
+        m.exclude = /\.component.s[ac]ss$/i;
+      },
+    );
+
+    findRule(
+      (m) => m.test && m.test.toString() === /\.tsx?$/i.toString(),
+      (m, all) => {
+        const ruleIndex = all.indexOf(m);
+
+        all.splice(
+          ruleIndex,
+          1,
+          {
+            test: /\.[jt]sx?$/,
+            loader: ngtoolsLoader,
+          },
+          {
+            test: /\.component.html$/i,
+            use: [toStringLoader, htmlLoaderNoModule],
+          },
+          {
+            test: /\.component.css$/i,
+            use: [toStringLoader, cssLoaderNoModule],
+          },
+          {
+            test: /\.component.s[ac]ss$/i,
+            use: [toStringLoader, cssLoaderNoModule, sassLoader],
+          },
+        );
+      },
+    );
+
+    config.plugins.push(
+      new AngularWebpackPlugin({
+        tsconfig: resolve(process.cwd(), 'tsconfig.json'),
+        jitMode: true,
+        ...ngOptions,
+        compilerOptions: {
+          ...compilerOptions,
+          compilationMode: 'partial',
+        },
+      }),
+      new CopyPlugin({
+        patterns,
+      }),
+    );
+
+    return config;
+  };

package/lib/RoutingService.d.ts

@@ -0,0 +1,13 @@
+import type { ComponentContext } from 'piral-core';
+import { NgZone, OnDestroy } from '@angular/core';
+import { Router } from '@angular/router';
+export declare class RoutingService implements OnDestroy {
+    context: ComponentContext;
+    private router;
+    private zone;
+    private dispose;
+    private subscription;
+    private invalidRoutes;
+    constructor(context: ComponentContext, router: Router, zone: NgZone);
+    ngOnDestroy(): void;
+}

package/lib/RoutingService.js

@@ -0,0 +1,112 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RoutingService = void 0;
+const tslib_1 = require("tslib");
+const core_1 = require("@angular/core");
+const router_1 = require("@angular/router");
+const common_1 = require("@angular/common");
+let skipNavigation = false;
+const noop = function () { };
+const navigateByUrl = router_1.Router.prototype.navigateByUrl;
+// deactivates the usual platform behavior; all these operations are performed via the RoutingService
+// to avoid any conflict, e.g., double-booking URL changes in React and Angular
+common_1.BrowserPlatformLocation.prototype.pushState = noop;
+common_1.BrowserPlatformLocation.prototype.replaceState = noop;
+common_1.BrowserPlatformLocation.prototype.forward = noop;
+common_1.BrowserPlatformLocation.prototype.back = noop;
+common_1.BrowserPlatformLocation.prototype.historyGo = noop;
+// required to detect / react to hidden URL change (see #554 for details)
+router_1.Router.prototype.navigateByUrl = function (url, extras) {
+    var _a;
+    skipNavigation = (_a = extras === null || extras === void 0 ? void 0 : extras.skipLocationChange) !== null && _a !== void 0 ? _a : false;
+    const result = navigateByUrl.call(this, url, extras);
+    skipNavigation = false;
+    return result;
+};
+function normalize(url) {
+    const search = url.indexOf('?');
+    const hash = url.indexOf('#');
+    if (search !== -1 || hash !== -1) {
+        if (search === -1) {
+            return url.substring(0, hash);
+        }
+        else if (hash === -1) {
+            return url.substring(0, search);
+        }
+        else {
+            return url.substring(0, Math.min(search, hash));
+        }
+    }
+    return url;
+}
+let RoutingService = class RoutingService {
+    constructor(context, router, zone) {
+        this.context = context;
+        this.router = router;
+        this.zone = zone;
+        this.invalidRoutes = [];
+        if (this.router) {
+            this.router.errorHandler = (error) => {
+                if (error.message.match('Cannot match any routes')) {
+                    // ignore this special error
+                    return undefined;
+                }
+                throw error;
+            };
+            const skipIds = [];
+            const nav = this.context.navigation;
+            this.dispose = nav.listen(({ location }) => {
+                const path = location.pathname;
+                if (!this.invalidRoutes.includes(path)) {
+                    const url = `${path}${location.search}${location.hash}`;
+                    this.zone.run(() => navigateByUrl.call(this.router, url));
+                }
+            });
+            this.subscription = this.router.events.subscribe((e) => {
+                if (e instanceof router_1.NavigationError) {
+                    const routerUrl = e.url;
+                    const path = normalize(routerUrl);
+                    const locationUrl = nav.url;
+                    if (!this.invalidRoutes.includes(path)) {
+                        this.invalidRoutes.push(path);
+                    }
+                    if (routerUrl !== locationUrl) {
+                        nav.push(routerUrl);
+                    }
+                }
+                else if (e.type === 0 && skipNavigation) {
+                    skipIds.push(e.id);
+                }
+                else if (e.type === 15) {
+                    const index = skipIds.indexOf(e.routerEvent.id);
+                    if (index === -1) {
+                        // consistency check to avoid #535 and other Angular-specific issues
+                        const locationUrl = nav.url;
+                        const routerUrl = e.routerEvent.url;
+                        if (routerUrl !== locationUrl) {
+                            nav.push(routerUrl);
+                        }
+                    }
+                    else {
+                        skipIds.splice(index, 1);
+                    }
+                }
+            });
+        }
+    }
+    ngOnDestroy() {
+        var _a, _b;
+        (_a = this.dispose) === null || _a === void 0 ? void 0 : _a.call(this);
+        (_b = this.subscription) === null || _b === void 0 ? void 0 : _b.unsubscribe();
+    }
+};
+RoutingService = tslib_1.__decorate([
+    (0, core_1.Injectable)(),
+    tslib_1.__param(0, (0, core_1.Inject)('Context')),
+    tslib_1.__param(1, (0, core_1.Optional)()),
+    tslib_1.__param(2, (0, core_1.Optional)()),
+    tslib_1.__metadata("design:paramtypes", [Object, router_1.Router,
+        core_1.NgZone])
+], RoutingService);
+exports.RoutingService = RoutingService;
+//# sourceMappingURL=RoutingService.js.map

package/lib/RoutingService.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RoutingService.js","sourceRoot":"","sources":["../src/RoutingService.ts"],"names":[],"mappings":"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"}

package/lib/bootstrap.d.ts

@@ -1,5 +1,6 @@
-import { NgModuleRef } from '@angular/core';
-import { BaseComponentProps } from 'piral-core';
-export declare function bootstrap<T extends BaseComponentProps>(context: any, props: T, moduleOrComponent: any, node: HTMLElement, id: string): Promise<void | NgModuleRef<any>>;
-export declare function bootstrapComponent<T extends BaseComponentProps>(context: any, props: T, component: any, node: HTMLElement, id: string): Promise<void | NgModuleRef<any>>;
-export declare function bootstrapModule<T extends BaseComponentProps>(context: any, props: T, BootstrapModule: any, node: HTMLElement, id: string): Promise<void | NgModuleRef<any>>;
+import type { BaseComponentProps, ComponentContext, Disposable, PiletApi } from 'piral-core';
+import type { BehaviorSubject } from 'rxjs';
+import type { Type } from '@angular/core';
+import type { NgLazyType, PrepareBootstrapResult } from './types';
+export declare function prepareBootstrap(moduleOrComponent: Type<any> | NgLazyType, piral: PiletApi): Promise<PrepareBootstrapResult>;
+export declare function bootstrap<TProps extends BaseComponentProps>(result: PrepareBootstrapResult, node: HTMLElement, props: BehaviorSubject<TProps>, context: ComponentContext): Promise<Disposable>;