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

package/README.md

@@ -93,7 +93,7 @@ export default defineConfig({
 });
 ```
 
-The bundle is emitted as IIFE. Each shared dep import (e.g. `import RN from 'react-native'`) is replaced with a stub that reads from the host's `globalThis.__rollipop_shared__` registry and throws if the dep is not registered. Rollipop's prelude / polyfills are skipped because the host has already initialized the React Native runtime.
+The bundle is emitted as IIFE. Each shared dep import (e.g. `import RN from 'react-native'`) is replaced with a stub that reads from the host's `globalThis.__rollipop_shared__` registry and throws if the dep is not registered. Rollipop's prelude and polyfills are skipped because the host has already initialized the React Native runtime.
 
 ## Script loader contract
 

package/dist/index.d.ts

@@ -1,5 +1,4 @@
 import { Plugin } from "rollipop";
-
 //#region src/types.d.ts
 /**
  * Module Federation plugin configuration.

package/dist/index.js

@@ -15,8 +15,6 @@ const VIRTUAL_REMOTE_PROXY_PREFIX = `${VIRTUAL_PREFIX}remote:`;
 const SCRIPT_LOADER_GLOBAL = "__rollipop_script_loader__";
 const SHARED_REGISTRY_GLOBAL = "__rollipop_shared__";
 const REMOTE_CACHE_GLOBAL = "__rollipop_module_federation_cache__";
-const HMR_HOT_PATH = "/hot";
-const HMR_EVENT = "mf:remote-update";
 //#endregion
 //#region src/virtual/_dedent.ts
 const dedent = baseDedent.withOptions({ escapeSpecialCharacters: false });
@@ -64,18 +62,10 @@ function generateHostInitCode(config) {
       shareStrategy: ${JSON.stringify(config.shareStrategy)},
     });
 
-    const remoteList = ${JSON.stringify(remotesArray)};
-
     if (globalThis.${REMOTE_CACHE_GLOBAL} == null) {
       const cache = {
         modules: Object.create(null),
         pending: Object.create(null),
-        // Per-id invalidation: only ids actually present in the cache when
-        // HMR fired need to bypass the federation runtime. Cleared after
-        // each successful bypass load — new ids fall back to the normal
-        // loadRemote flow with full shared-module negotiation.
-        invalidatedIds: new Set(),
-        subscribers: new Set(),
         load(id) {
           if (this.modules[id] !== undefined) {
             return Promise.resolve(this.modules[id]);
@@ -83,126 +73,17 @@ function generateHostInitCode(config) {
           if (this.pending[id]) {
             return this.pending[id];
           }
-          const isInvalidated = this.invalidatedIds.has(id);
-          let fetcher;
-          if (isInvalidated) {
-            const slash = id.indexOf('/');
-            const remoteName = slash === -1 ? id : id.slice(0, slash);
-            const exposePath = slash === -1 ? '.' : './' + id.slice(slash + 1);
-            fetcher = Promise.resolve().then(() => {
-              const container = globalThis[remoteName];
-              if (container == null) {
-                throw new Error('[rollipop:module-federation] container ${Q}' + remoteName + '${Q} not registered');
-              }
-              return container.get(exposePath).then((factory) => {
-                return typeof factory === 'function' ? factory() : factory;
-              });
-            });
-          } else {
-            fetcher = instance.loadRemote(id);
-          }
+          const fetcher = instance.loadRemote(id);
           this.pending[id] = fetcher.then((mod) => {
             this.modules[id] = mod;
             delete this.pending[id];
-            if (isInvalidated) {
-              this.invalidatedIds.delete(id);
-            }
             return mod;
           });
           return this.pending[id];
         },
-        invalidate(remoteName) {
-          for (const key of Object.keys(this.modules)) {
-            if (key === remoteName || key.startsWith(remoteName + '/')) {
-              this.invalidatedIds.add(key);
-              delete this.modules[key];
-            }
-          }
-          for (const cb of this.subscribers) {
-            try {
-              cb(remoteName);
-            } catch (_e) {}
-          }
-        },
       };
       globalThis.${REMOTE_CACHE_GLOBAL} = cache;
     }
-
-    const __cache = globalThis.${REMOTE_CACHE_GLOBAL};
-
-    async function applyRemoteUpdate(remote) {
-      const generation = (remote.__mfHmrGen = (remote.__mfHmrGen || 0) + 1);
-      const cacheBust = (remote.entry.indexOf('?') === -1 ? '?' : '&') + '_mf_hmr=' + generation;
-      try {
-        await globalThis.${SCRIPT_LOADER_GLOBAL}.loadScript({
-          scriptId: remote.name + '@' + generation,
-          url: remote.entry + cacheBust,
-        });
-      } catch (error) {
-        console.error(
-          '[rollipop:module-federation] failed to reload remote ${Q}' + remote.name + '${Q} during HMR. App is running stale code until next successful update.',
-          error,
-        );
-        return;
-      }
-      __cache.invalidate(remote.name);
-    }
-
-    function subscribeRemoteHmr(remote) {
-      let wsUrl;
-      try {
-        const url = new URL(remote.entry);
-        const wsProtocol = url.protocol === 'https:' ? 'wss:' : 'ws:';
-        wsUrl = wsProtocol + '//' + url.host + ${JSON.stringify(HMR_HOT_PATH)};
-      } catch (_e) {
-        return;
-      }
-
-      const connect = () => {
-        let socket;
-        try {
-          socket = new WebSocket(wsUrl);
-        } catch (_e) {
-          setTimeout(connect, 1000);
-          return;
-        }
-        socket.onmessage = (event) => {
-          let parsed;
-          try {
-            parsed = JSON.parse(typeof event.data === 'string' ? event.data : '');
-          } catch (_e) {
-            return;
-          }
-          if (parsed == null || parsed.type !== ${JSON.stringify(HMR_EVENT)}) {
-            return;
-          }
-          if (parsed.payload != null && parsed.payload.name !== remote.name) {
-            return;
-          }
-          applyRemoteUpdate(remote);
-        };
-        socket.onclose = () => setTimeout(connect, 1000);
-        socket.onerror = () => {
-          try {
-            socket.close();
-          } catch (_e) {}
-        };
-      };
-      connect();
-    }
-
-    // Defer to the next tick so React Native's InitializeCore has set up
-    // WebSocket / setTimeout before the subscription starts.
-    if (typeof __DEV__ !== 'undefined' && __DEV__) {
-      Promise.resolve().then(() => {
-        if (typeof WebSocket === 'undefined') {
-          return;
-        }
-        for (const r of remoteList) {
-          subscribeRemoteHmr(r);
-        }
-      });
-    }
   `;
 }
 //#endregion
@@ -339,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 = {
@@ -363,68 +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 [, setVersion] = __mfReact.useState(0);
-        __mfReact.useEffect(() => {
-          const listener = () => setVersion((v) => v + 1);
-          __cache.subscribers.add(listener);
-          return () => {
-            __cache.subscribers.delete(listener);
-          };
-        }, []);
-
-        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};
 
@@ -435,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;
@@ -466,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.');
     }
@@ -483,26 +309,23 @@ function moduleFederationPlugin(config) {
 	if (hasRemotes && hasExposes) throw new Error(`[${PLUGIN_NAME}] A single config cannot define both 'remotes' and 'exposes'. Split into two configs (one host, one remote) and run them as separate Rollipop processes.`);
 	let resolvedConfig = null;
 	let normalized = null;
-	let broadcast = null;
 	const exposesAbsolute = {};
 	const sharedRoots = new Set(collectSharedNames(federationConfig));
-	let debounceTimer = null;
 	return {
 		name: PLUGIN_NAME,
 		config(pluginConfig) {
-			const serializer = pluginConfig.serializer ??= {};
 			if (hasExposes) {
-				serializer.prelude = [];
-				serializer.polyfills = [];
-				return { dangerously_overrideRolldownOptions: (opts) => ({
+				pluginConfig.prelude = [];
+				pluginConfig.polyfills = [];
+				return { rolldownOptions: (opts, context) => ({
 					input: opts.input,
 					output: {
 						...opts.output,
-						format: "iife"
+						format: context.buildType === "serve" ? "rollipop" : "iife"
 					}
 				}) };
 			}
-			if (hasRemotes && config.runtime?.implement != null) (serializer.polyfills ??= []).push({
+			if (hasRemotes && config.runtime?.implement != null) (pluginConfig.polyfills ??= []).push({
 				type: "iife",
 				code: config.runtime.implement
 			});
@@ -530,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;
@@ -565,21 +385,7 @@ function moduleFederationPlugin(config) {
 				return { code: magicString };
 			}
 			return null;
-		} },
-		watchChange() {
-			if (!hasExposes || broadcast == null) return;
-			if (debounceTimer != null) clearTimeout(debounceTimer);
-			debounceTimer = setTimeout(() => {
-				debounceTimer = null;
-				broadcast?.();
-			}, 100);
-		},
-		configureServer(server) {
-			if (!hasExposes) return;
-			broadcast = () => {
-				server.hot.sendAll(HMR_EVENT, { name: federationConfig.name });
-			};
-		}
+		} }
 	};
 }
 function collectSharedNames(config) {

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.28",
-  "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,17 +36,23 @@
     "build": "vp pack"
   },
   "dependencies": {
-    "@module-federation/runtime": "2.5.1",
-    "@module-federation/sdk": "2.5.1",
+    "@module-federation/runtime": "2.9.1",
     "dedent": "1.7.2",
-    "es-toolkit": "1.47.0"
+    "es-toolkit": "1.52.0"
   },
   "devDependencies": {
-    "rollipop": "1.0.0-alpha.28",
-    "typescript": "6.0.3",
-    "vite-plus": "0.1.24"
+    "@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.28"
+    "rollipop": "1.0.0-alpha.30"
+  },
+  "installConfig": {
+    "hoistingLimits": "none"
   }
 }