remote-reload-utils 0.0.2 → 0.0.3

package/dist/loadReactVersion.d.ts

@@ -0,0 +1,4 @@
+export declare function loadReactVersion(version: '17' | '18' | '19'): Promise<{
+    React: unknown;
+    ReactDOM: unknown;
+}>;

package/dist/loadRemote.d.ts

@@ -1,16 +1,8 @@
-import { loadRemote } from '@module-federation/runtime';
-export interface LoadRemoteOptions {
-    name: string;
-    pkg: string;
-    version?: string;
-    retries?: number;
-    delay?: number;
-    localFallback?: string;
-    cacheTTL?: number;
-    revalidate?: boolean;
-}
+import { LoadRemoteOptions } from './types';
 /**
  * 多版本共存的 loadRemote
  */
-export declare function loadRemoteMultiVersion(options: LoadRemoteOptions): Promise<string>;
-export { loadRemote };
+export declare function loadRemoteMultiVersion(options: LoadRemoteOptions): Promise<{
+    scopeName: string;
+    mf: import("@module-federation/enhanced/runtime").ModuleFederation;
+}>;

package/dist/main.cjs

@@ -24,10 +24,9 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    loadRemoteMultiVersion: ()=>loadRemoteMultiVersion,
-    loadRemote: ()=>runtime_namespaceObject.loadRemote
+    loadRemoteMultiVersion: ()=>loadRemoteMultiVersion
 });
-const runtime_namespaceObject = require("@module-federation/runtime");
+const runtime_namespaceObject = require("@module-federation/enhanced/runtime");
 async function fetchLatestVersion(pkg) {
     const res = await fetch(`https://registry.npmjs.org/${pkg}`);
     if (!res.ok) throw new Error(`\u{65E0}\u{6CD5}\u{83B7}\u{53D6} ${pkg} \u{7684}\u{7248}\u{672C}\u{4FE1}\u{606F}`);
@@ -49,12 +48,6 @@ function setVersionCache(pkg, version) {
     };
     localStorage.setItem('mf-multi-version', JSON.stringify(cache));
 }
-function buildCdnUrls(pkg, version) {
-    return [
-        `https://cdn.jsdelivr.net/npm/${pkg}@${version}/dist/remoteEntry.js`,
-        `https://unpkg.com/${pkg}@${version}/dist/remoteEntry.js`
-    ];
-}
 async function loadRemoteMultiVersion(options) {
     let { name, pkg, version = 'latest', retries = 3, delay = 1000, localFallback, cacheTTL = 86400000, revalidate = true } = options;
     let finalVersion = version;
@@ -63,49 +56,58 @@ async function loadRemoteMultiVersion(options) {
         const versions = cache[pkg] || {};
         const latestCached = Object.keys(versions).sort((a, b)=>versions[b].timestamp - versions[a].timestamp)[0];
         if (latestCached && Date.now() - versions[latestCached].timestamp < cacheTTL) {
-            console.log(`[MF] \u{4F7F}\u{7528}\u{7F13}\u{5B58}\u{7248}\u{672C}: ${pkg}@${latestCached}`);
             finalVersion = latestCached;
             if (revalidate) fetchLatestVersion(pkg).then((latest)=>{
-                if (latest !== latestCached) {
-                    console.log(`[MF] \u{68C0}\u{6D4B}\u{5230}\u{65B0}\u{7248}\u{672C}: ${pkg}@${latest} (\u{4E0B}\u{6B21}\u{53EF}\u{7528})`);
-                    setVersionCache(pkg, latest);
-                }
-            }).catch((err)=>console.warn(`[MF] \u{68C0}\u{67E5}\u{66F4}\u{65B0}\u{5931}\u{8D25}: ${pkg}`, err));
+                if (latest !== latestCached) setVersionCache(pkg, latest);
+            }).catch(()=>{});
         } else {
             finalVersion = await fetchLatestVersion(pkg);
-            console.log(`[MF] \u{83B7}\u{53D6}\u{6700}\u{65B0}\u{7248}\u{672C}: ${pkg}@${finalVersion}`);
             setVersionCache(pkg, finalVersion);
         }
     }
-    const scopeName = `${name}@${finalVersion}`;
-    const urls = buildCdnUrls(pkg, finalVersion);
+    const scopeName = `${name}`;
+    const urls = [
+        `https://cdn.jsdelivr.net/npm/${pkg}@${finalVersion}/dist/remoteEntry.js`,
+        `https://unpkg.com/${pkg}@${finalVersion}/dist/remoteEntry.js`
+    ];
     if (localFallback) urls.push(localFallback);
-    for (let url of urls){
-        let success = false;
-        for(let i = 0; i < retries; i++)try {
-            console.log(`[MF] \u{5C1D}\u{8BD5}\u{52A0}\u{8F7D}: ${url} (\u{7B2C} ${i + 1} \u{6B21})`);
-            (0, runtime_namespaceObject.registerRemotes)([
+    for (let url of urls)for(let i = 0; i < retries; i++)try {
+        const mf = (0, runtime_namespaceObject.createInstance)({
+            name: 'host',
+            remotes: [
                 {
                     name: scopeName,
                     entry: url
                 }
-            ]);
-            await (0, runtime_namespaceObject.loadRemote)(`${scopeName}/remoteEntry`);
-            console.log(`[MF] \u{6210}\u{529F}\u{52A0}\u{8F7D}: ${scopeName}`);
-            success = true;
-            break;
-        } catch (err) {
-            console.warn(`[MF] \u{52A0}\u{8F7D}\u{5931}\u{8D25}: ${url}, \u{91CD}\u{8BD5}\u{4E2D}...`, err);
-            await new Promise((res)=>setTimeout(res, delay));
-        }
-        if (success) return scopeName;
+            ],
+            shared: {
+                react: {
+                    shareConfig: {
+                        singleton: true,
+                        eager: true,
+                        requiredVersion: false
+                    }
+                },
+                'react-dom': {
+                    shareConfig: {
+                        singleton: true,
+                        eager: true,
+                        requiredVersion: false
+                    }
+                }
+            }
+        });
+        return {
+            scopeName,
+            mf
+        };
+    } catch  {
+        await new Promise((res)=>setTimeout(res, delay));
     }
     throw new Error(`[MF] \u{6240}\u{6709} CDN \u{52A0}\u{8F7D}\u{5931}\u{8D25}: ${urls.join(', ')}`);
 }
-exports.loadRemote = __webpack_exports__.loadRemote;
 exports.loadRemoteMultiVersion = __webpack_exports__.loadRemoteMultiVersion;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [
-    "loadRemote",
     "loadRemoteMultiVersion"
 ].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
 Object.defineProperty(exports, '__esModule', {

package/dist/main.js

@@ -1,4 +1,4 @@
-import { loadRemote, registerRemotes } from "@module-federation/runtime";
+import { createInstance } from "@module-federation/enhanced/runtime";
 async function fetchLatestVersion(pkg) {
     const res = await fetch(`https://registry.npmjs.org/${pkg}`);
     if (!res.ok) throw new Error(`\u{65E0}\u{6CD5}\u{83B7}\u{53D6} ${pkg} \u{7684}\u{7248}\u{672C}\u{4FE1}\u{606F}`);
@@ -20,12 +20,6 @@ function setVersionCache(pkg, version) {
     };
     localStorage.setItem('mf-multi-version', JSON.stringify(cache));
 }
-function buildCdnUrls(pkg, version) {
-    return [
-        `https://cdn.jsdelivr.net/npm/${pkg}@${version}/dist/remoteEntry.js`,
-        `https://unpkg.com/${pkg}@${version}/dist/remoteEntry.js`
-    ];
-}
 async function loadRemoteMultiVersion(options) {
     let { name, pkg, version = 'latest', retries = 3, delay = 1000, localFallback, cacheTTL = 86400000, revalidate = true } = options;
     let finalVersion = version;
@@ -34,43 +28,54 @@ async function loadRemoteMultiVersion(options) {
         const versions = cache[pkg] || {};
         const latestCached = Object.keys(versions).sort((a, b)=>versions[b].timestamp - versions[a].timestamp)[0];
         if (latestCached && Date.now() - versions[latestCached].timestamp < cacheTTL) {
-            console.log(`[MF] \u{4F7F}\u{7528}\u{7F13}\u{5B58}\u{7248}\u{672C}: ${pkg}@${latestCached}`);
             finalVersion = latestCached;
             if (revalidate) fetchLatestVersion(pkg).then((latest)=>{
-                if (latest !== latestCached) {
-                    console.log(`[MF] \u{68C0}\u{6D4B}\u{5230}\u{65B0}\u{7248}\u{672C}: ${pkg}@${latest} (\u{4E0B}\u{6B21}\u{53EF}\u{7528})`);
-                    setVersionCache(pkg, latest);
-                }
-            }).catch((err)=>console.warn(`[MF] \u{68C0}\u{67E5}\u{66F4}\u{65B0}\u{5931}\u{8D25}: ${pkg}`, err));
+                if (latest !== latestCached) setVersionCache(pkg, latest);
+            }).catch(()=>{});
         } else {
             finalVersion = await fetchLatestVersion(pkg);
-            console.log(`[MF] \u{83B7}\u{53D6}\u{6700}\u{65B0}\u{7248}\u{672C}: ${pkg}@${finalVersion}`);
             setVersionCache(pkg, finalVersion);
         }
     }
-    const scopeName = `${name}@${finalVersion}`;
-    const urls = buildCdnUrls(pkg, finalVersion);
+    const scopeName = `${name}`;
+    const urls = [
+        `https://cdn.jsdelivr.net/npm/${pkg}@${finalVersion}/dist/remoteEntry.js`,
+        `https://unpkg.com/${pkg}@${finalVersion}/dist/remoteEntry.js`
+    ];
     if (localFallback) urls.push(localFallback);
-    for (let url of urls){
-        let success = false;
-        for(let i = 0; i < retries; i++)try {
-            console.log(`[MF] \u{5C1D}\u{8BD5}\u{52A0}\u{8F7D}: ${url} (\u{7B2C} ${i + 1} \u{6B21})`);
-            registerRemotes([
+    for (let url of urls)for(let i = 0; i < retries; i++)try {
+        const mf = createInstance({
+            name: 'host',
+            remotes: [
                 {
                     name: scopeName,
                     entry: url
                 }
-            ]);
-            await loadRemote(`${scopeName}/remoteEntry`);
-            console.log(`[MF] \u{6210}\u{529F}\u{52A0}\u{8F7D}: ${scopeName}`);
-            success = true;
-            break;
-        } catch (err) {
-            console.warn(`[MF] \u{52A0}\u{8F7D}\u{5931}\u{8D25}: ${url}, \u{91CD}\u{8BD5}\u{4E2D}...`, err);
-            await new Promise((res)=>setTimeout(res, delay));
-        }
-        if (success) return scopeName;
+            ],
+            shared: {
+                react: {
+                    shareConfig: {
+                        singleton: true,
+                        eager: true,
+                        requiredVersion: false
+                    }
+                },
+                'react-dom': {
+                    shareConfig: {
+                        singleton: true,
+                        eager: true,
+                        requiredVersion: false
+                    }
+                }
+            }
+        });
+        return {
+            scopeName,
+            mf
+        };
+    } catch  {
+        await new Promise((res)=>setTimeout(res, delay));
     }
     throw new Error(`[MF] \u{6240}\u{6709} CDN \u{52A0}\u{8F7D}\u{5931}\u{8D25}: ${urls.join(', ')}`);
 }
-export { loadRemote, loadRemoteMultiVersion };
+export { loadRemoteMultiVersion };

package/dist/types.d.ts

@@ -0,0 +1,17 @@
+export interface LoadRemoteOptions {
+    name: string;
+    pkg: string;
+    version?: string;
+    retries?: number;
+    delay?: number;
+    localFallback?: string;
+    cacheTTL?: number;
+    revalidate?: boolean;
+}
+export interface VersionCache {
+    [pkg: string]: {
+        [version: string]: {
+            timestamp: number;
+        };
+    };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "remote-reload-utils",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "type": "module",
   "exports": {
     ".": {
@@ -16,7 +16,8 @@
   ],
   "scripts": {
     "build": "rslib build",
-    "dev": "rslib build --watch"
+    "dev": "rslib build --watch",
+    "prepublishOnly": "npm run build"
   },
   "devDependencies": {
     "@rslib/core": "^0.12.2",
@@ -24,6 +25,6 @@
     "typescript": "^5.9.2"
   },
   "dependencies": {
-    "@module-federation/runtime": "^0.18.3"
+    "@module-federation/enhanced": "0.18.3"
   }
 }