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

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
@@ -383,15 +264,6 @@ function generateRemoteProxyCode({ remoteId, reactAware }) {
       }
 
       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();
@@ -483,26 +355,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
 			});
@@ -565,21 +434,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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rollipop/plugin-module-federation",
-  "version": "1.0.0-alpha.27",
+  "version": "1.0.0-alpha.29",
   "stableVersion": "1.0.0-alpha.23",
   "homepage": "https://github.com/rollipop-dev/rollipop#readme",
   "bugs": {
@@ -37,17 +37,18 @@
     "build": "vp pack"
   },
   "dependencies": {
-    "@module-federation/runtime": "2.5.1",
-    "@module-federation/sdk": "2.5.1",
+    "@module-federation/runtime": "2.8.0",
     "dedent": "1.7.2",
-    "es-toolkit": "1.47.0"
+    "es-toolkit": "1.49.0"
   },
   "devDependencies": {
-    "rollipop": "1.0.0-alpha.27",
+    "@vitest/coverage-v8": "4.1.10",
+    "rollipop": "1.0.0-alpha.29",
     "typescript": "6.0.3",
-    "vite-plus": "0.1.24"
+    "vite-plus": "0.2.5",
+    "vitest": "4.1.10"
   },
   "peerDependencies": {
-    "rollipop": "1.0.0-alpha.27"
+    "rollipop": "1.0.0-alpha.29"
   }
 }