@module-federation/nextjs-mf 5.5.1 → 5.6.1

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

@@ -1,25 +1,24 @@
-import type { MFClient } from './MFClient';
-import type { RemoteContainer } from './RemoteContainer';
-export declare type MFClientHookOptions = {
-    /**
-     * This callback will be called when user switches to federated page
-     *   - as a first arg you will receive RemoteContainer
-     * If user return back to the host application page
-     *   - then the first argument became `undefined`
-     *
-     * This callback is called only if changed remote from which served current visible page
-     * and does not called on internal nextjs route changes.
-     *
-     * This callback helps in very convenient way in _app.tsx (or any other React component)
-     * load additional data from RemoteContainer and pass it to your application. Eg.:
-     *   - application menu
-     *   - apollo configs
-     *   - translation strings
-     */
-    onChangeRemote?: (remote: RemoteContainer | undefined, MFClient: MFClient) => void;
-};
-/**
- * React hook which provides convenient way for working with ModuleFederation runtime changes in runtime;
- */
-export declare function useMFClient(opts: MFClientHookOptions): MFClient;
-//# sourceMappingURL=useMFClient.d.ts.map
+import type { MFClient } from './MFClient';
+import type { RemoteContainer } from './RemoteContainer';
+export declare type MFClientHookOptions = {
+    /**
+     * This callback will be called when user switches to federated page
+     *   - as a first arg you will receive RemoteContainer
+     * If user return back to the host application page
+     *   - then the first argument became `undefined`
+     *
+     * This callback is called only if changed remote from which served current visible page
+     * and does not called on internal nextjs route changes.
+     *
+     * This callback helps in very convenient way in _app.tsx (or any other React component)
+     * load additional data from RemoteContainer and pass it to your application. Eg.:
+     *   - application menu
+     *   - apollo configs
+     *   - translation strings
+     */
+    onChangeRemote?: (remote: RemoteContainer | undefined, MFClient: MFClient) => void;
+};
+/**
+ * React hook which provides convenient way for working with ModuleFederation runtime changes in runtime;
+ */
+export declare function useMFClient(opts: MFClientHookOptions): MFClient;

package/client/useMFClient.js

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMFClient = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const router_1 = tslib_1.__importDefault(require("next/dist/client/router"));
+const isBrowser = typeof window !== 'undefined';
+/**
+ * React hook which provides convenient way for working with ModuleFederation runtime changes in runtime;
+ */
+function useMFClient(opts) {
+    const MFClient = isBrowser
+        ? window.mf_client
+        : /* TODO: inject here SSR version of MFClient if it will be needed in future */ {};
+    const innerState = React.useRef({
+        remote: undefined,
+    });
+    React.useEffect(() => {
+        // Step 1: Define handlers and helpers
+        const processRemoteChange = (remote) => {
+            if (innerState.current.remote !== remote) {
+                innerState.current.remote = remote;
+                if (opts?.onChangeRemote) {
+                    opts.onChangeRemote(remote, MFClient);
+                }
+            }
+        };
+        const handleRouterChange = (pathname) => {
+            if (MFClient.isFederatedPathname(pathname)) {
+                const remote = MFClient.remotePages.routeToRemote(pathname);
+                processRemoteChange(remote);
+            }
+            else {
+                processRemoteChange(undefined);
+            }
+        };
+        // Step 2: run bootstrap logic
+        const initialRemote = MFClient.isFederatedPathname(window.location.pathname)
+            ? MFClient.remotePages.routeToRemote(window.location.pathname)
+            : undefined;
+        if (initialRemote) {
+            // important for first load to fire `onChangeRemote` with different remote
+            // because in innerState by default we assume that used local application
+            processRemoteChange(initialRemote);
+        }
+        // Step 3: Subscribe on events
+        router_1.default.events.on('routeChangeStart', handleRouterChange);
+        return () => {
+            router_1.default.events.off('routeChangeStart', handleRouterChange);
+        };
+    }, []);
+    return MFClient;
+}
+exports.useMFClient = useMFClient;
+//# sourceMappingURL=useMFClient.js.map

package/client/useMFClient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMFClient.js","sourceRoot":"","sources":["../../../../packages/nextjs-mf/client/useMFClient.ts"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,6EAAsD;AA+BtD,MAAM,SAAS,GAAG,OAAO,MAAM,KAAK,WAAW,CAAC;AAEhD;;GAEG;AACH,SAAgB,WAAW,CAAC,IAAyB;IACnD,MAAM,QAAQ,GAAa,SAAS;QAClC,CAAC,CAAE,MAAc,CAAC,SAAS;QAC3B,CAAC,CAAC,8EAA8E,CAAE,EAAU,CAAC;IAE/F,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAa;QAC1C,MAAM,EAAE,SAAS;KAClB,CAAC,CAAC;IAEH,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,sCAAsC;QACtC,MAAM,mBAAmB,GAAG,CAAC,MAAmC,EAAE,EAAE;YAClE,IAAI,UAAU,CAAC,OAAO,CAAC,MAAM,KAAK,MAAM,EAAE;gBACxC,UAAU,CAAC,OAAO,CAAC,MAAM,GAAG,MAAM,CAAC;gBACnC,IAAI,IAAI,EAAE,cAAc,EAAE;oBACxB,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;iBACvC;aACF;QACH,CAAC,CAAC;QAEF,MAAM,kBAAkB,GAAG,CAAC,QAAgB,EAAE,EAAE;YAC9C,IAAI,QAAQ,CAAC,mBAAmB,CAAC,QAAQ,CAAC,EAAE;gBAC1C,MAAM,MAAM,GAAG,QAAQ,CAAC,WAAW,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;gBAC5D,mBAAmB,CAAC,MAAM,CAAC,CAAC;aAC7B;iBAAM;gBACL,mBAAmB,CAAC,SAAS,CAAC,CAAC;aAChC;QACH,CAAC,CAAC;QAEF,8BAA8B;QAC9B,MAAM,aAAa,GAAG,QAAQ,CAAC,mBAAmB,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC;YAC1E,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,aAAa,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC;YAC9D,CAAC,CAAC,SAAS,CAAC;QAEd,IAAI,aAAa,EAAE;YACjB,0EAA0E;YAC1E,yEAAyE;YACzE,mBAAmB,CAAC,aAAa,CAAC,CAAC;SACpC;QAED,8BAA8B;QAC9B,gBAAe,CAAC,MAAM,CAAC,EAAE,CAAC,kBAAkB,EAAE,kBAAkB,CAAC,CAAC;QAClE,OAAO,GAAG,EAAE;YACV,gBAAe,CAAC,MAAM,CAAC,GAAG,CAAC,kBAAkB,EAAE,kBAAkB,CAAC,CAAC;QACrE,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,QAAQ,CAAC;AAClB,CAAC;AAhDD,kCAgDC"}

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

@@ -1,17 +1,16 @@
-import { RemoteContainer } from './RemoteContainer';
-declare type UseMFRemoteResult = {
-    /** is container loaded or not */
-    loaded: boolean;
-    /** remote is Lazy, so it will be loaded if getModule(), getContainer() were called */
-    remote: RemoteContainer;
-    /** Present if error occurs during remote container loading */
-    error: Error | undefined;
-};
-/**
- * React hook which provides an access to RemoteContainer in Module Federation
- *
- * @param global - can be a global variable name OR connection string "global@url"
- */
-export declare function useMFRemote(global: string): UseMFRemoteResult;
-export {};
-//# sourceMappingURL=useMFRemote.d.ts.map
+import { RemoteContainer } from './RemoteContainer';
+declare type UseMFRemoteResult = {
+    /** is container loaded or not */
+    loaded: boolean;
+    /** remote is Lazy, so it will be loaded if getModule(), getContainer() were called */
+    remote: RemoteContainer;
+    /** Present if error occurs during remote container loading */
+    error: Error | undefined;
+};
+/**
+ * React hook which provides an access to RemoteContainer in Module Federation
+ *
+ * @param global - can be a global variable name OR connection string "global@url"
+ */
+export declare function useMFRemote(global: string): UseMFRemoteResult;
+export {};

package/client/useMFRemote.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMFRemote = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const RemoteContainer_1 = require("./RemoteContainer");
+const isBrowser = typeof window !== 'undefined';
+/**
+ * React hook which provides an access to RemoteContainer in Module Federation
+ *
+ * @param global - can be a global variable name OR connection string "global@url"
+ */
+function useMFRemote(global) {
+    let remote;
+    if (isBrowser) {
+        // on client (we get instances from global variable because webpack breaks Singletons)
+        const MFClient = window.mf_client;
+        remote = MFClient.remotes[global] || MFClient.registerRemote(global);
+    }
+    else {
+        // on server side
+        remote = RemoteContainer_1.RemoteContainer.createSingleton(global);
+    }
+    const [loaded, setLoaded] = React.useState(remote.isLoaded());
+    const [error, setError] = React.useState(remote.error);
+    React.useEffect(() => {
+        const handleLoadComplete = () => {
+            setLoaded(true);
+        };
+        const handleLoadError = (e) => {
+            setError(e);
+        };
+        if (!loaded && remote.isLoaded()) {
+            handleLoadComplete();
+        }
+        remote.events.on('loadComplete', handleLoadComplete);
+        remote.events.on('loadError', handleLoadError);
+        return () => {
+            remote.events.off('loadComplete', handleLoadComplete);
+            remote.events.off('loadError', handleLoadError);
+        };
+    }, [remote]);
+    return {
+        remote,
+        loaded,
+        error,
+    };
+}
+exports.useMFRemote = useMFRemote;
+//# sourceMappingURL=useMFRemote.js.map

package/client/useMFRemote.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMFRemote.js","sourceRoot":"","sources":["../../../../packages/nextjs-mf/client/useMFRemote.ts"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,uDAAoD;AAWpD,MAAM,SAAS,GAAG,OAAO,MAAM,KAAK,WAAW,CAAC;AAEhD;;;;GAIG;AACH,SAAgB,WAAW,CAAC,MAAc;IACxC,IAAI,MAAuB,CAAC;IAE5B,IAAI,SAAS,EAAE;QACb,sFAAsF;QACtF,MAAM,QAAQ,GAAc,MAAc,CAAC,SAAS,CAAC;QACrD,MAAM,GAAG,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;KACtE;SAAM;QACL,iBAAiB;QACjB,MAAM,GAAG,iCAAe,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;KAClD;IAED,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAC;IAC9D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAEvD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,kBAAkB,GAAG,GAAG,EAAE;YAC9B,SAAS,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC,CAAC;QACF,MAAM,eAAe,GAAG,CAAC,CAAQ,EAAE,EAAE;YACnC,QAAQ,CAAC,CAAC,CAAC,CAAC;QACd,CAAC,CAAC;QAEF,IAAI,CAAC,MAAM,IAAI,MAAM,CAAC,QAAQ,EAAE,EAAE;YAChC,kBAAkB,EAAE,CAAC;SACtB;QAED,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,cAAc,EAAE,kBAAkB,CAAC,CAAC;QACrD,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;QAC/C,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,cAAc,EAAE,kBAAkB,CAAC,CAAC;YACtD,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;QAClD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO;QACL,MAAM;QACN,MAAM;QACN,KAAK;KACN,CAAC;AACJ,CAAC;AAxCD,kCAwCC"}

package/jest.config.d.ts

@@ -0,0 +1,13 @@
+export const displayName: string;
+export const preset: string;
+export const globals: {
+    'ts-jest': {
+        tsconfig: string;
+    };
+};
+export const testEnvironment: string;
+export const transform: {
+    '^.+\\.[tj]s$': string;
+};
+export const moduleFileExtensions: string[];
+export const coverageDirectory: string;

package/jest.config.js

@@ -0,0 +1,18 @@
+"use strict";
+/* eslint-disable */
+module.exports = {
+    displayName: 'nextjs-mf-js',
+    preset: '../../jest.preset.js',
+    globals: {
+        'ts-jest': {
+            tsconfig: '<rootDir>/tsconfig.spec.json',
+        },
+    },
+    testEnvironment: 'node',
+    transform: {
+        '^.+\\.[tj]s$': 'ts-jest',
+    },
+    moduleFileExtensions: ['ts', 'js', 'html'],
+    coverageDirectory: '../../coverage/packages/nextjs-mf-js',
+};
+//# sourceMappingURL=jest.config.js.map

package/jest.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jest.config.js","sourceRoot":"","sources":["../../../packages/nextjs-mf/jest.config.js"],"names":[],"mappings":";AAAA,oBAAoB;AACpB,MAAM,CAAC,OAAO,GAAG;IACf,WAAW,EAAE,cAAc;IAC3B,MAAM,EAAE,sBAAsB;IAC9B,OAAO,EAAE;QACP,SAAS,EAAE;YACT,QAAQ,EAAE,8BAA8B;SACzC;KACF;IACD,eAAe,EAAE,MAAM;IACvB,SAAS,EAAE;QACT,cAAc,EAAE,SAAS;KAC1B;IACD,oBAAoB,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC;IAC1C,iBAAiB,EAAE,sCAAsC;CAC1D,CAAC"}

package/package.json

@@ -1,53 +1,30 @@
 {
+  "version": "5.6.1",
+  "main": "src/index.js",
+  "types": "src/index.d.ts",
+  "contributors": [
+    "Pavel Chertorogov, nodkz <pavel.chertorogov@gmail.com> (www.ps.kz)"
+  ],
   "public": true,
   "name": "@module-federation/nextjs-mf",
-  "version": "5.5.1",
+  "type": "commonjs",
   "description": "Module Federation helper for NextJS",
-  "main": "lib/index.js",
-  "types": "lib/index.d.ts",
-  "repository": "https://github.com/module-federation/nextjs-mf",
+  "repository": "https://github.com/module-federation/nextjs-mf/tree/main/packages/nextjs-mf",
   "author": "Zack Jackson <zackary.l.jackson@gmail.com>",
-  "contributors": [
-    "Pavel Chertorogov, nodkz <pavel.chertorogov@gmail.com> (www.ps.kz)"
-  ],
   "license": "MIT",
-  "scripts": {
-    "demo": "sleep 3 && cd demo && yarn install && yarn dev",
-    "dev": "rm -rf lib && concurrently \"yarn sync-files --watch\" \"yarn compile --watch\" \"yarn demo\"",
-    "prettier": "prettier --write \"**/*.{js,json,md,ts,tsx}\"",
-    "sync-files": "cpx \"src/**/*.js\" lib/",
-    "compile": "rollup -c",
-    "build": "rm -rf lib && yarn sync-files && yarn compile",
-    "prepublishOnly": "yarn build"
-  },
   "dependencies": {
-    "@swc/core": "^1.3.2",
-    "chalk": "^4.0.0",
-    "eventemitter3": "^4.0.7",
     "fast-glob": "^3.2.11",
-    "webpack-sources": "^3.2.3"
-  },
-  "devDependencies": {
-    "@rollup/plugin-commonjs": "^22.0.2",
-    "@rollup/plugin-multi-entry": "^4.1.0",
-    "@rollup/plugin-node-resolve": "^13.3.0",
-    "@types/react": "^18.0.19",
-    "concurrently": "^7.3.0",
-    "cpx": "^1.5.0",
-    "next": "12.3.0",
-    "prettier": "2.3.2",
-    "react": "^18.2.0",
-    "rollup": "^2.78.1",
-    "rollup-obfuscator": "^3.0.1",
-    "rollup-plugin-node-builtins": "^2.1.2",
-    "rollup-plugin-node-globals": "^1.4.0",
-    "rollup-plugin-rename-node-modules": "^1.3.1",
-    "rollup-plugin-typescript2": "0.34.0",
-    "tslib": "^2.4.0",
-    "typescript": "^4.8.2",
-    "webpack": "5.64.4"
+    "webpack-sources": "^3.2.3",
+    "@module-federation/node": "0.2.1",
+    "@module-federation/utilities": "0.0.1",
+    "@swc/core": "^1.3.3",
+    "tslib": "^2.3.0"
   },
   "peerDependencies": {
-    "react": "^17.0.0 || ^18.0.0"
-  }
+    "webpack": "5.45.1",
+    "next": "12.2.0",
+    "react": "^17 || ^18",
+    "react-dom": "^17 || ^18"
+  },
+  "typings": "./src/index.d.ts"
 }

package/{lib → src}/include-defaults.js

@@ -1,3 +1,4 @@
+"use strict";
 // this is needed to ensure webpack does not attempt to tree shake unused modules. Since these should always come from host
 require('react');
 require('react-dom');
@@ -7,8 +8,8 @@ require('next/head');
 require('next/script');
 require('next/dynamic');
 require('styled-jsx');
-if (process.env.NODE_ENV === 'development') {
-  require('react/jsx-dev-runtime');
+if (process.env['NODE_ENV'] === 'development') {
+    require('react/jsx-dev-runtime');
 }
-
 module.exports = {};
+//# sourceMappingURL=include-defaults.js.map

package/src/include-defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"include-defaults.js","sourceRoot":"","sources":["../../../../packages/nextjs-mf/src/include-defaults.ts"],"names":[],"mappings":";AAAA,2HAA2H;AAC3H,OAAO,CAAC,OAAO,CAAC,CAAC;AACjB,OAAO,CAAC,WAAW,CAAC,CAAC;AACrB,OAAO,CAAC,WAAW,CAAC,CAAC;AACrB,OAAO,CAAC,aAAa,CAAC,CAAC;AACvB,OAAO,CAAC,WAAW,CAAC,CAAC;AACrB,OAAO,CAAC,aAAa,CAAC,CAAC;AACvB,OAAO,CAAC,cAAc,CAAC,CAAC;AACxB,OAAO,CAAC,YAAY,CAAC,CAAC;AAEtB,IAAI,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,KAAK,aAAa,EAAE;IAC7C,OAAO,CAAC,uBAAuB,CAAC,CAAC;CAClC;AAED,MAAM,CAAC,OAAO,GAAG,EAAE,CAAC"}

package/src/index.d.ts

@@ -0,0 +1,3 @@
+import { NextFederationPlugin } from './plugins/NextFederationPlugin';
+export { NextFederationPlugin };
+export default NextFederationPlugin;

package/src/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NextFederationPlugin = void 0;
+const NextFederationPlugin_1 = require("./plugins/NextFederationPlugin");
+Object.defineProperty(exports, "NextFederationPlugin", { enumerable: true, get: function () { return NextFederationPlugin_1.NextFederationPlugin; } });
+exports.default = NextFederationPlugin_1.NextFederationPlugin;
+module.exports = NextFederationPlugin_1.NextFederationPlugin;
+module.exports.NextFederationPlugin = NextFederationPlugin_1.NextFederationPlugin;
+//# sourceMappingURL=index.js.map

package/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../packages/nextjs-mf/src/index.ts"],"names":[],"mappings":";;;AAAA,yEAAsE;AAE7D,qGAFA,2CAAoB,OAEA;AAC7B,kBAAe,2CAAoB,CAAC;AAEpC,MAAM,CAAC,OAAO,GAAG,2CAAoB,CAAC;AACtC,MAAM,CAAC,OAAO,CAAC,oBAAoB,GAAG,2CAAoB,CAAC"}

package/src/internal.d.ts

@@ -0,0 +1,12 @@
+import type { Compiler } from 'webpack';
+import type { ModuleFederationPluginOptions, Shared, SharedConfig, SharedObject } from '@module-federation/utilities';
+export declare const DEFAULT_SHARE_SCOPE: SharedObject;
+export declare const reKeyHostShared: (options?: Shared) => Record<string, SharedConfig>;
+export declare const generateRemoteTemplate: (url: string, global: any) => string;
+export declare const internalizeSharedPackages: (options: ModuleFederationPluginOptions, compiler: Compiler) => void;
+export declare const externalizedShares: SharedObject;
+export declare const getOutputPath: (compiler: Compiler) => string;
+export declare const removePlugins: string[];
+export declare const parseRemoteSyntax: (remote: string) => string;
+export declare const parseRemotes: (remotes: Record<string, any>) => Record<string, string>;
+export declare const toDisplayErrors: (err: Error[]) => string;

package/src/internal.js

@@ -0,0 +1,260 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.toDisplayErrors = exports.parseRemotes = exports.parseRemoteSyntax = exports.removePlugins = exports.getOutputPath = exports.externalizedShares = exports.internalizeSharedPackages = exports.generateRemoteTemplate = exports.reKeyHostShared = exports.DEFAULT_SHARE_SCOPE = void 0;
+const tslib_1 = require("tslib");
+const path_1 = tslib_1.__importDefault(require("path"));
+const options_1 = require("webpack/lib/container/options");
+const utils_1 = require("webpack/lib/sharing/utils");
+const utilities_1 = require("@module-federation/utilities");
+// the share scope we attach by default
+// in hosts we re-key them to prevent webpack moving the modules into their own chunks (cause eager error)
+// in remote these are marked as import:false as we always expect the host to prove them
+exports.DEFAULT_SHARE_SCOPE = {
+    react: {
+        singleton: true,
+        requiredVersion: false,
+    },
+    'react/jsx-runtime': {
+        singleton: true,
+        requiredVersion: false,
+    },
+    'react-dom': {
+        singleton: true,
+        requiredVersion: false,
+    },
+    'next/dynamic': {
+        requiredVersion: false,
+        singleton: true,
+    },
+    'styled-jsx': {
+        requiredVersion: false,
+        singleton: true,
+    },
+    'next/link': {
+        requiredVersion: false,
+        singleton: true,
+    },
+    'next/router': {
+        requiredVersion: false,
+        singleton: true,
+    },
+    'next/script': {
+        requiredVersion: false,
+        singleton: true,
+    },
+    'next/head': {
+        requiredVersion: false,
+        singleton: true,
+    },
+};
+// put host in-front of any shared module key, so "hostreact"
+const reKeyHostShared = (options = {}) => {
+    const shared = {
+        ...options,
+        ...exports.DEFAULT_SHARE_SCOPE,
+    };
+    return Object.entries(shared).reduce((acc, item) => {
+        const [itemKey, shareOptions] = item;
+        const shareKey = 'host' + (item.shareKey || itemKey);
+        acc[shareKey] = shareOptions;
+        if (!shareOptions.import) {
+            acc[shareKey].import = itemKey;
+        }
+        if (!shareOptions.shareKey) {
+            acc[shareKey].shareKey = itemKey;
+        }
+        if (exports.DEFAULT_SHARE_SCOPE[itemKey]) {
+            acc[shareKey].packageName = itemKey;
+        }
+        return acc;
+    }, {});
+};
+exports.reKeyHostShared = reKeyHostShared;
+// browser template to convert remote into promise new promise and use require.loadChunk to load the chunk
+const generateRemoteTemplate = (url, global) => {
+    return `new Promise(function (resolve, reject) {
+    var __webpack_error__ = new Error();
+    if (typeof ${global} !== 'undefined') return resolve();
+    __webpack_require__.l(
+      ${JSON.stringify(url)},
+      function (event) {
+        if (typeof ${global} !== 'undefined') return resolve();
+        var errorType = event && (event.type === 'load' ? 'missing' : event.type);
+        var realSrc = event && event.target && event.target.src;
+        __webpack_error__.message =
+          'Loading script failed.\\n(' + errorType + ': ' + realSrc + ')';
+        __webpack_error__.name = 'ScriptExternalLoadError';
+        __webpack_error__.type = errorType;
+        __webpack_error__.request = realSrc;
+        reject(__webpack_error__);
+      },
+      ${JSON.stringify(global)},
+    );
+  }).then(function () {
+    const proxy = {
+      get: ${global}.get,
+      init: function(shareScope) {
+        const handler = {
+          get(target, prop) {
+            if (target[prop]) {
+              Object.values(target[prop]).forEach(function(o) {
+                if(o.from === '_N_E') {
+                  o.loaded = 1
+                }
+              })
+            }
+            return target[prop]
+          },
+          set(target, property, value, receiver) {
+            if (target[property]) {
+              return target[property]
+            }
+            target[property] = value
+            return true
+          }
+        }
+        try {
+          ${global}.init(new Proxy(shareScope, handler))
+        } catch (e) {
+
+        }
+        ${global}.__initialized = true
+      }
+    }
+    if (!${global}.__initialized) {
+      proxy.init()
+    }
+    return proxy
+  })`;
+};
+exports.generateRemoteTemplate = generateRemoteTemplate;
+// shared packages must be compiled into webpack bundle, not require() pass through
+const internalizeSharedPackages = (options, compiler) => {
+    //TODO: should use this util for other areas where we read MF options from userland
+    if (!options.shared) {
+        return;
+    }
+    const sharedOptions = parseShareOptions(options);
+    // get share keys from user, filter out ones that need to be external
+    const internalizableKeys = Object.keys(sharedOptions).filter((key) => {
+        if (!exports.DEFAULT_SHARE_SCOPE[key]) {
+            return true;
+        }
+        const index = sharedOptions[key].import;
+        if (index && !exports.DEFAULT_SHARE_SCOPE[index]) {
+            return true;
+        }
+        return false;
+    });
+    if (Array.isArray(compiler.options.externals)) {
+        // take original externals regex
+        const backupExternals = compiler.options.externals[0];
+        // if externals is a function (like when you're not running in serverless mode or creating a single build)
+        if (typeof backupExternals === 'function') {
+            // replace externals function with short-circuit, or fall back to original algo
+            compiler.options.externals[0] = (mod, callback) => {
+                if (!internalizableKeys.some((v) => mod.request?.includes(v))) {
+                    return backupExternals(mod, callback);
+                }
+                // bundle it
+                return Promise.resolve();
+            };
+        }
+    }
+};
+exports.internalizeSharedPackages = internalizeSharedPackages;
+exports.externalizedShares = Object.entries(exports.DEFAULT_SHARE_SCOPE).reduce((acc, item) => {
+    const [key, value] = item;
+    acc[key] = { ...value, import: false };
+    if (key === 'react/jsx-runtime') {
+        delete acc[key].import;
+    }
+    return acc;
+}, {});
+// determine output base path, derives .next folder location
+const getOutputPath = (compiler) => {
+    const isServer = compiler.options.target !== 'client';
+    let outputPath = compiler.options.output.path?.split(path_1.default.sep);
+    const foundIndex = outputPath?.findIndex((i) => {
+        return i === (isServer ? 'server' : 'static');
+    });
+    outputPath = outputPath
+        ?.slice(0, foundIndex && foundIndex > 0 ? foundIndex : outputPath.length)
+        .join(path_1.default.sep);
+    return outputPath;
+};
+exports.getOutputPath = getOutputPath;
+exports.removePlugins = [
+    'NextJsRequireCacheHotReloader',
+    'BuildManifestPlugin',
+    'WellKnownErrorsPlugin',
+    'WebpackBuildEventsPlugin',
+    'HotModuleReplacementPlugin',
+    'NextMiniCssExtractPlugin',
+    'NextFederationPlugin',
+    'CopyFilePlugin',
+    'ProfilingPlugin',
+    'DropClientPage',
+    'ReactFreshWebpackPlugin',
+];
+const parseRemoteSyntax = (remote) => {
+    if (typeof remote === 'string' && remote.includes('@')) {
+        const [url, global] = (0, utilities_1.extractUrlAndGlobal)(remote);
+        return (0, exports.generateRemoteTemplate)(url, global);
+    }
+    return remote;
+};
+exports.parseRemoteSyntax = parseRemoteSyntax;
+const parseRemotes = (remotes) => {
+    return Object.entries(remotes).reduce((acc, remote) => {
+        if (!remote[1].startsWith('promise ') && remote[1].includes('@')) {
+            acc[remote[0]] = 'promise ' + (0, exports.parseRemoteSyntax)(remote[1]);
+            return acc;
+        }
+        acc[remote[0]] = remote[1];
+        return acc;
+    }, {});
+};
+exports.parseRemotes = parseRemotes;
+const parseShareOptions = (options) => {
+    const sharedOptions = (0, options_1.parseOptions)(options.shared, (item, key) => {
+        if (typeof item !== 'string')
+            throw new Error('Unexpected array in shared');
+        /** @type {SharedConfig} */
+        const config = item === key || !(0, utils_1.isRequiredVersion)(item)
+            ? {
+                import: item,
+            }
+            : {
+                import: key,
+                requiredVersion: item,
+            };
+        return config;
+    }, (item) => item);
+    return sharedOptions.reduce((acc, [key, options]) => {
+        acc[key] = {
+            import: options.import,
+            shareKey: options.shareKey || key,
+            shareScope: options.shareScope,
+            requiredVersion: options.requiredVersion,
+            strictVersion: options.strictVersion,
+            singleton: options.singleton,
+            packageName: options.packageName,
+            eager: options.eager,
+        };
+        return acc;
+    }, {});
+};
+const toDisplayErrors = (err) => {
+    return err
+        .map((error) => {
+        let message = error.message;
+        if (error.stack) {
+            message += '\n' + error.stack;
+        }
+        return message;
+    })
+        .join('\n');
+};
+exports.toDisplayErrors = toDisplayErrors;
+//# sourceMappingURL=internal.js.map

package/src/internal.js.map

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