remote-reload-utils 0.0.6 → 0.0.8

package/dist/loadRemote.d.ts

@@ -1,8 +1,9 @@
-import { LoadRemoteOptions } from './types';
+import { ModuleFederationRuntimePlugin } from '@module-federation/enhanced/runtime';
+import type { LoadRemoteOptions } from './types';
 /**
  * 多版本共存的 loadRemote
  */
-export declare function loadRemoteMultiVersion(options: LoadRemoteOptions): Promise<{
+export declare function loadRemoteMultiVersion(options: LoadRemoteOptions, plugins: ModuleFederationRuntimePlugin[]): Promise<{
     scopeName: string;
     mf: import("@module-federation/enhanced/runtime").ModuleFederation;
 }>;

package/dist/loadRemote2.d.ts

@@ -0,0 +1,11 @@
+import { createInstance, ModuleFederationRuntimePlugin } from '@module-federation/enhanced/runtime';
+import type { LoadRemoteOptions } from './types';
+interface LoadResult {
+    scopeName: string;
+    mf: ReturnType<typeof createInstance>;
+}
+/**
+ * 多版本共存的 loadRemote (优化版本)
+ */
+export declare function loadRemoteMultiVersion(options: LoadRemoteOptions, plugins: ModuleFederationRuntimePlugin[]): Promise<LoadResult>;
+export {};

package/dist/main.cjs

@@ -27,6 +27,14 @@ __webpack_require__.d(__webpack_exports__, {
     loadRemoteMultiVersion: ()=>loadRemoteMultiVersion
 });
 const runtime_namespaceObject = require("@module-federation/enhanced/runtime");
+const fallbackPlugin = ()=>({
+        name: 'fallback-plugin',
+        errorLoadRemote (args) {
+            const fallback = 'fallback';
+            console.log(args, 'args');
+            return fallback;
+        }
+    });
 async function fetchLatestVersion(pkg) {
     const res = await fetch(`https://registry.npmjs.org/${pkg}`);
     if (!res.ok) throw new Error(`无法获取 ${pkg} 的版本信息`);
@@ -48,8 +56,8 @@ function setVersionCache(pkg, version) {
     };
     localStorage.setItem('mf-multi-version', JSON.stringify(cache));
 }
-async function loadRemoteMultiVersion(options) {
-    let { name, pkg, version = 'latest', retries = 3, delay = 1000, localFallback, cacheTTL = 86400000, revalidate = true } = options;
+async function loadRemoteMultiVersion(options, plugins) {
+    const { name, pkg, version = 'latest', retries = 3, delay = 1000, localFallback, cacheTTL = 86400000, revalidate = true } = options;
     let finalVersion = version;
     if ('latest' === version) {
         const cache = getVersionCache();
@@ -71,7 +79,7 @@ async function loadRemoteMultiVersion(options) {
         `https://unpkg.com/${pkg}@${finalVersion}/dist/remoteEntry.js`
     ];
     if (localFallback) urls.push(localFallback);
-    for (let url of urls)for(let i = 0; i < retries; i++)try {
+    for (const url of urls)for(let i = 0; i < retries; i++)try {
         const mf = (0, runtime_namespaceObject.createInstance)({
             name: 'host',
             remotes: [
@@ -95,7 +103,11 @@ async function loadRemoteMultiVersion(options) {
                         requiredVersion: false
                     }
                 }
-            }
+            },
+            plugins: [
+                ...plugins,
+                fallbackPlugin()
+            ]
         });
         return {
             scopeName,

package/dist/main.js

@@ -1,4 +1,12 @@
 import { createInstance } from "@module-federation/enhanced/runtime";
+const fallbackPlugin = ()=>({
+        name: 'fallback-plugin',
+        errorLoadRemote (args) {
+            const fallback = 'fallback';
+            console.log(args, 'args');
+            return fallback;
+        }
+    });
 async function fetchLatestVersion(pkg) {
     const res = await fetch(`https://registry.npmjs.org/${pkg}`);
     if (!res.ok) throw new Error(`无法获取 ${pkg} 的版本信息`);
@@ -20,8 +28,8 @@ function setVersionCache(pkg, version) {
     };
     localStorage.setItem('mf-multi-version', JSON.stringify(cache));
 }
-async function loadRemoteMultiVersion(options) {
-    let { name, pkg, version = 'latest', retries = 3, delay = 1000, localFallback, cacheTTL = 86400000, revalidate = true } = options;
+async function loadRemoteMultiVersion(options, plugins) {
+    const { name, pkg, version = 'latest', retries = 3, delay = 1000, localFallback, cacheTTL = 86400000, revalidate = true } = options;
     let finalVersion = version;
     if ('latest' === version) {
         const cache = getVersionCache();
@@ -43,7 +51,7 @@ async function loadRemoteMultiVersion(options) {
         `https://unpkg.com/${pkg}@${finalVersion}/dist/remoteEntry.js`
     ];
     if (localFallback) urls.push(localFallback);
-    for (let url of urls)for(let i = 0; i < retries; i++)try {
+    for (const url of urls)for(let i = 0; i < retries; i++)try {
         const mf = createInstance({
             name: 'host',
             remotes: [
@@ -67,7 +75,11 @@ async function loadRemoteMultiVersion(options) {
                         requiredVersion: false
                     }
                 }
-            }
+            },
+            plugins: [
+                ...plugins,
+                fallbackPlugin()
+            ]
         });
         return {
             scopeName,

package/dist/plugins.d.ts

@@ -0,0 +1,2 @@
+import type { ModuleFederationRuntimePlugin } from '@module-federation/enhanced/runtime';
+export declare const fallbackPlugin: () => ModuleFederationRuntimePlugin;

package/dist/types.d.ts

@@ -1,3 +1,4 @@
+import { ModuleFederationRuntimePlugin } from "@module-federation/enhanced/runtime";
 export interface LoadRemoteOptions {
     name: string;
     pkg: string;
@@ -7,6 +8,7 @@ export interface LoadRemoteOptions {
     localFallback?: string;
     cacheTTL?: number;
     revalidate?: boolean;
+    shared?: Record<string, ModuleFederationRuntimePlugin>;
 }
 export interface VersionCache {
     [pkg: string]: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "remote-reload-utils",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "type": "module",
   "description": "Utilities for remote reload in Module Federation & React Component",
   "exports": {