@module-federation/nextjs-mf 5.5.0 → 5.6.0

package/README.md

@@ -2,7 +2,7 @@
 
 This plugin enables Module Federation on Next.js
 
-### Supports
+## Supports
 
 - next ^11.x.x || ^12.x.x
 - Client side only, SSR has a PR open. Help needed
@@ -92,30 +92,6 @@ Make sure you are using `mini-css-extract-plugin@2` - version 2 supports resolvi
 
 You can see it in action here: https://github.com/module-federation/module-federation-examples/tree/master/nextjs
 
-## Usage
-
-```js
-const SampleComponent = dynamic(() => import('next2/sampleComponent'), {
-  ssr: false,
-});
-```
-
-If you want support for sync imports. It is possible in next@12 as long as there is an async boundary.
-
-#### See the implementation here: https://github.com/module-federation/module-federation-examples/tree/master/nextjs/home/pages
-
-With async boundary installed at the page level. You can then do the following
-
-```js
-if (process.browser) {
-  const SomeHook = require('next2/someHook');
-}
-// if client only file
-import SomeComponent from 'next2/someComponent';
-```
-
-Make sure you are using `mini-css-extract-plugin@2` - version 2 supports resolving assets through `publicPath:'auto'`
-
 ## Options
 
 This plugin works exactly like ModuleFederationPlugin, use it as you'd normally.
@@ -134,7 +110,6 @@ new NextFederationPlugin({
     exposePages: true, // `false` by default
     enableImageLoaderFix: true, // `false` by default
     enableUrlLoaderFix: true, // `false` by default
-    skipSharingNextInternals: true // `false` by default
   },
 });
 ```
@@ -142,7 +117,6 @@ new NextFederationPlugin({
 - `exposePages` – exposes automatically all nextjs pages for you and theirs `./pages-map`.
 - `enableImageLoaderFix` – adds public hostname to all assets bundled by `nextjs-image-loader`. So if you serve remoteEntry from `http://example.com` then all bundled assets will get this hostname in runtime. It's something like Base URL in HTML but for federated modules.
 - `enableUrlLoaderFix` – adds public hostname to all assets bundled by `url-loader`.
-- `skipSharingNextInternals` - skips sharing of common nextjs modules. Helpful when you would like explicit control over shared modules, such as a non-nextjs host with a federated nextjs child application.
 
 ## Demo
 

package/{lib/client → client}/CombinedPages.d.ts

@@ -1,28 +1,27 @@
-import { RemotePages } from './RemotePages';
-/**
- * Class which provides combined sorted list of local and remote routes.
- */
-export declare class CombinedPages {
-    /** Computable list of available local & remote pages in proper sorted order. */
-    private sortedPageCache;
-    /** List of pages that belongs to the current host application */
-    private localPagesCache;
-    /** List of known remote pages this list might be extent during runtime */
-    private remotePagesCache;
-    /** Nextjs getter which obtained from patchNextClientPageLoader */
-    private localPagesGetter;
-    /** Loader of remote pages  */
-    private remotePages;
-    constructor(localPagesGetter: () => Promise<string[]>, remotePages: RemotePages);
-    /**
-     * Check that provided route belongs to host application
-     */
-    isLocalRoute(route: string): Promise<boolean>;
-    /**
-     * Return sorted list of local & remotes routes.
-     * This method is used in patchNextClientPageLoader
-     * for patching nextjs' getPageList method.
-     */
-    getPageList(): Promise<string[]>;
-}
-//# sourceMappingURL=CombinedPages.d.ts.map
+import { RemotePages } from './RemotePages';
+/**
+ * Class which provides combined sorted list of local and remote routes.
+ */
+export declare class CombinedPages {
+    /** Computable list of available local & remote pages in proper sorted order. */
+    private sortedPageCache;
+    /** List of pages that belongs to the current host application */
+    private localPagesCache;
+    /** List of known remote pages this list might be extent during runtime */
+    private remotePagesCache;
+    /** Nextjs getter which obtained from patchNextClientPageLoader */
+    private localPagesGetter;
+    /** Loader of remote pages  */
+    private remotePages;
+    constructor(localPagesGetter: () => Promise<string[]>, remotePages: RemotePages);
+    /**
+     * Check that provided route belongs to host application
+     */
+    isLocalRoute(route: string): Promise<boolean>;
+    /**
+     * Return sorted list of local & remotes routes.
+     * This method is used in patchNextClientPageLoader
+     * for patching nextjs' getPageList method.
+     */
+    getPageList(): Promise<string[]>;
+}

package/client/CombinedPages.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CombinedPages = void 0;
+const helpers_1 = require("./helpers");
+/**
+ * Class which provides combined sorted list of local and remote routes.
+ */
+class CombinedPages {
+    constructor(localPagesGetter, remotePages) {
+        this.localPagesGetter = localPagesGetter;
+        this.remotePages = remotePages;
+    }
+    /**
+     * Check that provided route belongs to host application
+     */
+    async isLocalRoute(route) {
+        const localPages = await this.localPagesGetter();
+        return localPages.includes(route);
+    }
+    /**
+     * Return sorted list of local & remotes routes.
+     * This method is used in patchNextClientPageLoader
+     * for patching nextjs' getPageList method.
+     */
+    async getPageList() {
+        const localPages = await this.localPagesGetter();
+        const remotePages = this.remotePages.getPageList();
+        if (localPages !== this.localPagesCache ||
+            remotePages !== this.remotePagesCache) {
+            this.localPagesCache = localPages;
+            this.remotePagesCache = remotePages;
+            this.sortedPageCache = (0, helpers_1.sortNextPages)([...localPages, ...remotePages]);
+        }
+        return this.sortedPageCache;
+    }
+}
+exports.CombinedPages = CombinedPages;
+//# sourceMappingURL=CombinedPages.js.map

package/client/CombinedPages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CombinedPages.js","sourceRoot":"","sources":["../../../../packages/nextjs-mf/client/CombinedPages.ts"],"names":[],"mappings":";;;AAAA,uCAA0C;AAG1C;;GAEG;AACH,MAAa,aAAa;IAgBxB,YACE,gBAAyC,EACzC,WAAwB;QAExB,IAAI,CAAC,gBAAgB,GAAG,gBAAgB,CAAC;QACzC,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;IACjC,CAAC;IAED;;OAEG;IACH,KAAK,CAAC,YAAY,CAAC,KAAa;QAC9B,MAAM,UAAU,GAAG,MAAM,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACjD,OAAO,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpC,CAAC;IAED;;;;OAIG;IACH,KAAK,CAAC,WAAW;QACf,MAAM,UAAU,GAAG,MAAM,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACjD,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,WAAW,EAAE,CAAC;QACnD,IACE,UAAU,KAAK,IAAI,CAAC,eAAe;YACnC,WAAW,KAAK,IAAI,CAAC,gBAAgB,EACrC;YACA,IAAI,CAAC,eAAe,GAAG,UAAU,CAAC;YAClC,IAAI,CAAC,gBAAgB,GAAG,WAAW,CAAC;YACpC,IAAI,CAAC,eAAe,GAAG,IAAA,uBAAa,EAAC,CAAC,GAAG,UAAU,EAAE,GAAG,WAAW,CAAC,CAAC,CAAC;SACvE;QACD,OAAO,IAAI,CAAC,eAAe,CAAC;IAC9B,CAAC;CACF;AAlDD,sCAkDC"}

package/{lib/client → client}/MFClient.d.ts

@@ -1,73 +1,72 @@
-import type PageLoader from 'next/dist/client/page-loader';
-import EventEmitter from 'eventemitter3';
-import { CombinedPages } from './CombinedPages';
-import { RemotePages } from './RemotePages';
-import { RemoteContainer } from './RemoteContainer';
-declare type EventTypes = 'loadedRemoteRoute' | 'loadedLocalRoute';
-/** Remote Container string eg `home@https://example.com/_next/static/chunks/remoteEntry.js` */
-export declare type RemoteString = string;
-export declare type MFClientOptions = {
-    mode: 'production' | 'development';
-};
-/**
- * The main class for Module Federation on the client side in runtime.
- * Instance of this class is a Singleton and stored in `window.mf_client` variable.
- */
-export declare class MFClient {
-    /** List of registered remotes */
-    remotes: Record<RemoteString, RemoteContainer>;
-    /** Local & Remote pages sorted in correct order */
-    combinedPages: CombinedPages;
-    /** Remote pages loader */
-    remotePages: RemotePages;
-    /** EventEmitter which allows to subscribe on different events */
-    events: EventEmitter<EventTypes>;
-    /** Original nextjs PageLoader which passed by `patchNextClientPageLoader.js` */
-    private _nextPageLoader;
-    constructor(nextPageLoader: PageLoader, opts: MFClientOptions);
-    /**
-     * This method returns sorted list of local and federated pages.
-     *
-     * `patchNextClientPageLoader` change vanilla PageLoader.getPageList() method:
-     *   - exposes vanilla implementation as _getPageListOriginal()
-     *   - and PageLoader.getPageList() starting call this method under the hood
-     */
-    getPageList(): Promise<string[]>;
-    /**
-     * Check that current browser pathname is served by federated remotes.
-     *
-     * Eg. if cleanPathname `/shop/nodkz/product123` and pageListFederated is ['/shop/nodkz/[...mee]']
-     *     then this method will match federated dynamic route and return true.
-     *
-     * PS. This method is used by DevHmrFixInvalidPongPlugin (fix HMR page reloads in dev mode)
-     */
-    isFederatedPathname(cleanPathname: string): boolean;
-    /**
-     * Add remote entry to remotes registry of MFClient.
-     * This RemoteContainer will be used for loading remote pages.
-     *
-     * @remoteStr string -  eg. `home@https://example.com/_next/static/chunks/remoteEntry.js`
-     */
-    registerRemote(remoteStr: RemoteString): RemoteContainer;
-    /**
-     * Convert browser pathname to NextJS route.
-     *
-     *   /shop/products/123 -> /shop/products/[...id]
-     *
-     * For regular pages logic is simple (just match exact name).
-     * But for dynamic routes it's quite complicated - page list must be in specific order.
-     */
-    pathnameToRoute(cleanPathname: string): Promise<string | undefined>;
-    /**
-     * This method patch routeLoader.loadRoute() in runtime (on bootstrap).
-     * During the build it's quite complicated to do.
-     */
-    private _wrapLoadRoute;
-    /**
-     * This method patch routeLoader.whenEntrypoint() in runtime (on bootstrap).
-     * During the build it's quite complicated to do.
-     */
-    private _wrapWhenEntrypoint;
-}
-export {};
-//# sourceMappingURL=MFClient.d.ts.map
+import type PageLoader from 'next/dist/client/page-loader';
+import EventEmitter from 'eventemitter3';
+import { CombinedPages } from './CombinedPages';
+import { RemotePages } from './RemotePages';
+import { RemoteContainer } from './RemoteContainer';
+declare type EventTypes = 'loadedRemoteRoute' | 'loadedLocalRoute';
+/** Remote Container string eg `home@https://example.com/_next/static/chunks/remoteEntry.js` */
+export declare type RemoteString = string;
+export declare type MFClientOptions = {
+    mode: 'production' | 'development';
+};
+/**
+ * The main class for Module Federation on the client side in runtime.
+ * Instance of this class is a Singleton and stored in `window.mf_client` variable.
+ */
+export declare class MFClient {
+    /** List of registered remotes */
+    remotes: Record<RemoteString, RemoteContainer>;
+    /** Local & Remote pages sorted in correct order */
+    combinedPages: CombinedPages;
+    /** Remote pages loader */
+    remotePages: RemotePages;
+    /** EventEmitter which allows to subscribe on different events */
+    events: EventEmitter<EventTypes>;
+    /** Original nextjs PageLoader which passed by `patchNextClientPageLoader.js` */
+    private _nextPageLoader;
+    constructor(nextPageLoader: PageLoader, opts: MFClientOptions);
+    /**
+     * This method returns sorted list of local and federated pages.
+     *
+     * `patchNextClientPageLoader` change vanilla PageLoader.getPageList() method:
+     *   - exposes vanilla implementation as _getPageListOriginal()
+     *   - and PageLoader.getPageList() starting call this method under the hood
+     */
+    getPageList(): Promise<string[]>;
+    /**
+     * Check that current browser pathname is served by federated remotes.
+     *
+     * Eg. if cleanPathname `/shop/nodkz/product123` and pageListFederated is ['/shop/nodkz/[...mee]']
+     *     then this method will match federated dynamic route and return true.
+     *
+     * PS. This method is used by DevHmrFixInvalidPongPlugin (fix HMR page reloads in dev mode)
+     */
+    isFederatedPathname(cleanPathname: string): boolean;
+    /**
+     * Add remote entry to remotes registry of MFClient.
+     * This RemoteContainer will be used for loading remote pages.
+     *
+     * @remoteStr string -  eg. `home@https://example.com/_next/static/chunks/remoteEntry.js`
+     */
+    registerRemote(remoteStr: RemoteString): RemoteContainer;
+    /**
+     * Convert browser pathname to NextJS route.
+     *
+     *   /shop/products/123 -> /shop/products/[...id]
+     *
+     * For regular pages logic is simple (just match exact name).
+     * But for dynamic routes it's quite complicated - page list must be in specific order.
+     */
+    pathnameToRoute(cleanPathname: string): Promise<string | undefined>;
+    /**
+     * This method patch routeLoader.loadRoute() in runtime (on bootstrap).
+     * During the build it's quite complicated to do.
+     */
+    private _wrapLoadRoute;
+    /**
+     * This method patch routeLoader.whenEntrypoint() in runtime (on bootstrap).
+     * During the build it's quite complicated to do.
+     */
+    private _wrapWhenEntrypoint;
+}
+export {};

package/client/MFClient.js

@@ -0,0 +1,159 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MFClient = void 0;
+const tslib_1 = require("tslib");
+const eventemitter3_1 = tslib_1.__importDefault(require("eventemitter3"));
+const helpers_1 = require("./helpers");
+const CombinedPages_1 = require("./CombinedPages");
+const RemotePages_1 = require("./RemotePages");
+const RemoteContainer_1 = require("./RemoteContainer");
+/**
+ * The main class for Module Federation on the client side in runtime.
+ * Instance of this class is a Singleton and stored in `window.mf_client` variable.
+ */
+class MFClient {
+    constructor(nextPageLoader, opts) {
+        /** List of registered remotes */
+        this.remotes = {};
+        this._nextPageLoader = nextPageLoader;
+        this.events = new eventemitter3_1.default();
+        const cfg = global?.__NEXT_DATA__?.props?.mfRoutes || {};
+        this.remotePages = new RemotePages_1.RemotePages(opts?.mode);
+        Object.keys(cfg).forEach((remoteStr) => {
+            const remote = this.registerRemote(remoteStr);
+            this.remotePages.addRoutes(cfg[remoteStr], remote);
+        });
+        this.combinedPages = new CombinedPages_1.CombinedPages(this._nextPageLoader._getPageListOriginal.bind(this._nextPageLoader), this.remotePages);
+        this._wrapLoadRoute(nextPageLoader);
+        this._wrapWhenEntrypoint(nextPageLoader);
+    }
+    /**
+     * This method returns sorted list of local and federated pages.
+     *
+     * `patchNextClientPageLoader` change vanilla PageLoader.getPageList() method:
+     *   - exposes vanilla implementation as _getPageListOriginal()
+     *   - and PageLoader.getPageList() starting call this method under the hood
+     */
+    async getPageList() {
+        return this.combinedPages.getPageList();
+    }
+    /**
+     * Check that current browser pathname is served by federated remotes.
+     *
+     * Eg. if cleanPathname `/shop/nodkz/product123` and pageListFederated is ['/shop/nodkz/[...mee]']
+     *     then this method will match federated dynamic route and return true.
+     *
+     * PS. This method is used by DevHmrFixInvalidPongPlugin (fix HMR page reloads in dev mode)
+     */
+    isFederatedPathname(cleanPathname) {
+        return !!this.remotePages.routeToRemote(cleanPathname);
+    }
+    /**
+     * Add remote entry to remotes registry of MFClient.
+     * This RemoteContainer will be used for loading remote pages.
+     *
+     * @remoteStr string -  eg. `home@https://example.com/_next/static/chunks/remoteEntry.js`
+     */
+    registerRemote(remoteStr) {
+        const remote = RemoteContainer_1.RemoteContainer.createSingleton(remoteStr);
+        this.remotes[remote.global] = remote;
+        return remote;
+    }
+    /**
+     * Convert browser pathname to NextJS route.
+     *
+     *   /shop/products/123 -> /shop/products/[...id]
+     *
+     * For regular pages logic is simple (just match exact name).
+     * But for dynamic routes it's quite complicated - page list must be in specific order.
+     */
+    async pathnameToRoute(cleanPathname) {
+        const routes = await this.getPageList();
+        return (0, helpers_1.pathnameToRoute)(cleanPathname, routes);
+    }
+    /**
+     * This method patch routeLoader.loadRoute() in runtime (on bootstrap).
+     * During the build it's quite complicated to do.
+     */
+    _wrapLoadRoute(nextPageLoader) {
+        if (!nextPageLoader?.routeLoader?.loadRoute) {
+            throw new Error('[nextjs-mf] Cannot wrap `pageLoader.routeLoader.loadRoute()` with custom logic.');
+        }
+        const routeLoader = nextPageLoader.routeLoader;
+        // if _loadRouteOriginal does not initialized then take original loadRoute method
+        if (!routeLoader._loadRouteOriginal) {
+            routeLoader._loadRouteOriginal = routeLoader.loadRoute.bind(routeLoader);
+        }
+        // replace loadRoute logic
+        routeLoader.loadRoute = async (route, prefetch) => {
+            let routeInfo;
+            if (await this.combinedPages.isLocalRoute(route)) {
+                routeInfo = await routeLoader._loadRouteOriginal(route);
+                this.events.emit('loadedLocalRoute', routeInfo, prefetch);
+            }
+            else {
+                try {
+                    routeInfo = await this.remotePages.getRouteInfo(route);
+                    this.events.emit('loadedRemoteRoute', routeInfo, prefetch, this.remotePages.routeToRemote(route));
+                }
+                catch (e) {
+                    // as fallback try to use original loadRoute for keeping nextjs logic for routes load errors
+                    routeInfo = await routeLoader._loadRouteOriginal(route);
+                }
+            }
+            return routeInfo;
+        };
+    }
+    /**
+     * This method patch routeLoader.whenEntrypoint() in runtime (on bootstrap).
+     * During the build it's quite complicated to do.
+     */
+    _wrapWhenEntrypoint(nextPageLoader) {
+        if (!nextPageLoader.routeLoader?.whenEntrypoint) {
+            throw new Error('[nextjs-mf] Cannot wrap `pageLoader.routeLoader.whenEntrypoint()` with custom logic.');
+        }
+        const routeLoader = nextPageLoader.routeLoader;
+        // if _whenEntrypointOriginal does not initialized then take original loadRoute method
+        if (!routeLoader._whenEntrypointOriginal) {
+            routeLoader._whenEntrypointOriginal =
+                routeLoader.whenEntrypoint.bind(routeLoader);
+        }
+        // replace routeLoader.whenEntrypoint logic
+        routeLoader.whenEntrypoint = async (route) => {
+            if (route === '/_error') {
+                try {
+                    let route = await this.pathnameToRoute(window.location.pathname);
+                    if (!route) {
+                        // if route not found then try to load all non-downloaded remoteEntries
+                        // and try to find route again
+                        const awaitRemotes = [];
+                        Object.values(this.remotes).forEach((remote) => {
+                            if (!remote.isLoaded()) {
+                                awaitRemotes.push(remote
+                                    .getContainer()
+                                    .then(() => this.remotePages.loadRemotePageMap(remote))
+                                    .catch(() => null));
+                            }
+                        });
+                        await Promise.all(awaitRemotes);
+                        route = await this.pathnameToRoute(window.location.pathname);
+                    }
+                    if (route) {
+                        // TODO: fix router properties for the first page load of federated page http://localhost:3000/shop/products/B
+                        console.warn('replace entrypoint /_error by', route);
+                        const routeInfo = await this.remotePages.getRouteInfo(route);
+                        this.events.emit('loadedRemoteRoute', routeInfo, false, this.remotePages.routeToRemote(route));
+                        return routeInfo;
+                    }
+                }
+                catch (e) {
+                    // do nothing, load original entrypoint
+                }
+            }
+            const routeInfo = await routeLoader._whenEntrypointOriginal(route);
+            return routeInfo;
+        };
+    }
+}
+exports.MFClient = MFClient;
+//# sourceMappingURL=MFClient.js.map

package/client/MFClient.js.map

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

package/{lib/client → client}/RemoteContainer.d.ts

@@ -1,58 +1,46 @@
-import EventEmitter from 'eventemitter3';
-declare type EventTypes = 'loadStart' | 'loadComplete' | 'loadError';
-export declare type WebpackRemoteContainer = {
-    get(modulePath: ModulePath): () => any;
-};
-export declare type NextRoute = string;
-export declare type ModulePath = string;
-export declare type RemoteData = {
-    global: string;
-    url: string;
-};
-export declare type PageMap = Record<NextRoute, ModulePath>;
-/**
- * This is a Lazy loader of webpack remote container with some NextJS-specific helper methods.
- *
- * It provides the ability to register remote, and load & init it on the first use.
- */
-export declare class RemoteContainer {
-    global: string;
-    url: string;
-    container: WebpackRemoteContainer | undefined;
-    pageMap: PageMap | undefined;
-    error?: Error;
-    events: EventEmitter<EventTypes>;
-    static instances: Record<string, RemoteContainer>;
-    /**
-     * Create or reuse existed remote entry.
-     *
-     * Be careful, Singleton pattern does not work well in webpack builds,
-     * because one module may be copied between different chunks. In such a way
-     * you obtain several lists of instances.
-     */
-    static createSingleton(remote: string | RemoteData): RemoteContainer;
-    constructor(opts: RemoteData);
-    /**
-     * Check is the current remoteEntry.js loaded or not
-     */
-    isLoaded(): boolean;
-    /**
-     * Returns initialized webpack RemoteContainer.
-     * If its' script does not loaded - then load & init it firstly.
-     */
-    getContainer(): Promise<WebpackRemoteContainer>;
-    /**
-     * Return remote module from container.
-     * If you provide `exportName` it automatically return exact property value from module.
-     *
-     * @example
-     *   remote.getModule('./pages/index', 'default')
-     */
-    getModule(modulePath: string, exportName?: string): Promise<any>;
-    /**
-     * Retrieve registered nextjs' routes from remote app
-     */
-    getPageMap(): Promise<PageMap | undefined>;
-}
-export {};
-//# sourceMappingURL=RemoteContainer.d.ts.map
+import type { WebpackRemoteContainer, EventTypes, RemoteData, PageMap } from '@module-federation/utilities';
+import EventEmitter from 'eventemitter3';
+/**
+ * This is a Lazy loader of webpack remote container with some NextJS-specific helper methods.
+ *
+ * It provides the ability to register remote, and load & init it on the first use.
+ */
+export declare class RemoteContainer {
+    global: string;
+    url: string;
+    container: WebpackRemoteContainer | undefined;
+    pageMap: PageMap | undefined;
+    error?: Error;
+    events: EventEmitter<EventTypes>;
+    static instances: Record<string, RemoteContainer>;
+    /**
+     * Create or reuse existed remote entry.
+     *
+     * Be careful, Singleton pattern does not work well in webpack builds,
+     * because one module may be copied between different chunks. In such a way
+     * you obtain several lists of instances.
+     */
+    static createSingleton(remote: string | RemoteData): RemoteContainer;
+    constructor(opts: RemoteData);
+    /**
+     * Check is the current remoteEntry.js loaded or not
+     */
+    isLoaded(): boolean;
+    /**
+     * Returns initialized webpack RemoteContainer.
+     * If its' script does not loaded - then load & init it firstly.
+     */
+    getContainer(): Promise<WebpackRemoteContainer>;
+    /**
+     * Return remote module from container.
+     * If you provide `exportName` it automatically return exact property value from module.
+     *
+     * @example
+     *   remote.getModule('./pages/index', 'default')
+     */
+    getModule(modulePath: string, exportName?: string): Promise<any>;
+    /**
+     * Retrieve registered nextjs' routes from remote app
+     */
+    getPageMap(): Promise<PageMap | undefined>;
+}