@rollipop/plugin-module-federation 1.0.0-alpha.29 → 1.0.0-alpha.30

package/dist/index.js

@@ -220,11 +220,13 @@ function validateConfig(config) {
 //#region src/virtual/remote-entry.ts
 function generateRemoteEntryCode(options) {
 	const exposeEntries = Object.entries(options.exposes);
+	const importLines = exposeEntries.map(([, filePath], index) => `import * as __expose_${index} from ${JSON.stringify(filePath)};`).join("\n");
+	const moduleMapLines = exposeEntries.map(([key], index) => `  ${JSON.stringify(key)}: () => __expose_${index},`).join("\n");
 	return dedent`
-    ${exposeEntries.map(([, filePath], index) => `import * as __expose_${index} from ${JSON.stringify(filePath)};`).join("\n")}
+    ${importLines}
 
     const moduleMap = {
-    ${exposeEntries.map(([key], index) => `  ${JSON.stringify(key)}: () => __expose_${index},`).join("\n")}
+    ${moduleMapLines}
     };
 
     const container = {
@@ -244,59 +246,11 @@ function generateRemoteEntryCode(options) {
 }
 //#endregion
 //#region src/virtual/remote-proxy.ts
-function generateRemoteProxyCode({ remoteId, reactAware }) {
+function generateRemoteProxyCode({ remoteId }) {
 	const idLiteral = JSON.stringify(remoteId);
-	if (reactAware) return dedent`
-      import * as __mfReact from 'react';
-
-      const __cache = globalThis.${REMOTE_CACHE_GLOBAL};
-      const __id = ${idLiteral};
-
-      function __ensureLoaded() {
-        if (__cache.modules[__id] !== undefined) {
-          return null;
-        }
-        return __cache.load(__id);
-      }
-
-      function __getMod() {
-        return __cache.modules[__id];
-      }
-
-      function __FederatedProxy(props) {
-        const mod = __getMod();
-        if (mod === undefined) {
-          throw __ensureLoaded();
-        }
-        const fn = mod.default ?? mod;
-        return __mfReact.createElement(fn, props);
-      }
-
-      const __proxy = new Proxy(__FederatedProxy, {
-        get(target, prop) {
-          if (prop === '__esModule') {
-            return true;
-          }
-          if (prop === 'then') {
-            return undefined;
-          }
-          const mod = __getMod();
-          if (mod === undefined) {
-            throw __ensureLoaded();
-          }
-          if (prop in mod) {
-            return mod[prop];
-          }
-          if (mod.default != null && prop in mod.default) {
-            return mod.default[prop];
-          }
-          return target[prop];
-        },
-      });
-
-      export default __proxy;
-    `;
 	return dedent`
+    import * as __mfReact from 'react';
+
     const __cache = globalThis.${REMOTE_CACHE_GLOBAL};
     const __id = ${idLiteral};
 
@@ -307,13 +261,12 @@ function generateRemoteProxyCode({ remoteId, reactAware }) {
       throw __cache.load(__id);
     }
 
-    function __invoke(...args) {
+    function __FederatedProxy(props) {
       const mod = __getMod();
-      const fn = mod.default ?? mod;
-      return fn.apply(this, args);
+      return __mfReact.createElement(mod.default ?? mod, props);
     }
 
-    const __proxy = new Proxy(__invoke, {
+    const __proxy = new Proxy(__FederatedProxy, {
       get(target, prop) {
         if (prop === '__esModule') {
           return true;
@@ -338,8 +291,9 @@ function generateRemoteProxyCode({ remoteId, reactAware }) {
 //#endregion
 //#region src/virtual/shared-shim.ts
 function generateSharedShimCode(sharedName) {
+	const key = JSON.stringify(sharedName);
 	return dedent`
-    const __mod = globalThis.${SHARED_REGISTRY_GLOBAL} && globalThis.${SHARED_REGISTRY_GLOBAL}[${JSON.stringify(sharedName)}];
+    const __mod = globalThis.${SHARED_REGISTRY_GLOBAL} && globalThis.${SHARED_REGISTRY_GLOBAL}[${key}];
     if (__mod == null) {
       throw new Error('[${PLUGIN_NAME}] shared module ${Q}${sharedName}${Q} is not registered on the host. Add it to the host config${Q}s ${Q}shared${Q} field.');
     }
@@ -399,10 +353,7 @@ function moduleFederationPlugin(config) {
 					moduleType: "js"
 				};
 				if (id.startsWith(VIRTUAL_REMOTE_PROXY_PREFIX)) return {
-					code: generateRemoteProxyCode({
-						remoteId: id.slice(VIRTUAL_REMOTE_PROXY_PREFIX.length),
-						reactAware: resolvedConfig?.mode !== "production"
-					}),
+					code: generateRemoteProxyCode({ remoteId: id.slice(VIRTUAL_REMOTE_PROXY_PREFIX.length) }),
 					moduleType: "js"
 				};
 				if (normalized == null) return null;

package/dist/runtime.d.ts

@@ -1,17 +1,16 @@
 //#region src/runtime.d.ts
-interface ModuleFederationScriptLoader {
+export interface ModuleFederationScriptLoader {
   loadScript(args: {
     scriptId: string;
     url: string;
     parentUrl?: string;
   }): Promise<void>;
 }
-interface RemoteEntryExports {
+export interface RemoteEntryExports {
   init(shareScope: unknown, initScope?: unknown[]): void | Promise<void>;
   get(modulePath: string): () => Promise<unknown>;
 }
 declare global {
   var __rollipop_script_loader__: ModuleFederationScriptLoader | undefined;
 }
-//#endregion
-export { ModuleFederationScriptLoader, RemoteEntryExports };
+//#endregion

package/package.json

@@ -1,7 +1,6 @@
 {
   "name": "@rollipop/plugin-module-federation",
-  "version": "1.0.0-alpha.29",
-  "stableVersion": "1.0.0-alpha.23",
+  "version": "1.0.0-alpha.30",
   "homepage": "https://github.com/rollipop-dev/rollipop#readme",
   "bugs": {
     "url": "https://github.com/rollipop-dev/rollipop/issues"
@@ -37,18 +36,23 @@
     "build": "vp pack"
   },
   "dependencies": {
-    "@module-federation/runtime": "2.8.0",
+    "@module-federation/runtime": "2.9.1",
     "dedent": "1.7.2",
-    "es-toolkit": "1.49.0"
+    "es-toolkit": "1.52.0"
   },
   "devDependencies": {
-    "@vitest/coverage-v8": "4.1.10",
-    "rollipop": "1.0.0-alpha.29",
-    "typescript": "6.0.3",
-    "vite-plus": "0.2.5",
-    "vitest": "4.1.10"
+    "@types/react": "19.2.14",
+    "@vitest/coverage-v8": "4.1.11",
+    "react": "19.2.3",
+    "rollipop": "1.0.0-alpha.30",
+    "typescript": "7.0.2",
+    "vite-plus": "0.3.3",
+    "vitest": "4.1.11"
   },
   "peerDependencies": {
-    "rollipop": "1.0.0-alpha.29"
+    "rollipop": "1.0.0-alpha.30"
+  },
+  "installConfig": {
+    "hoistingLimits": "none"
   }
 }