@module-federation/data-prefetch 0.0.0-next-20240909062831 → 0.0.0-next-20240909073915

package/CHANGELOG.md

@@ -1,9 +1,9 @@
 @module-federation/data-prefetch
 
-## 0.0.0-next-20240909062831
+## 0.0.0-next-20240909073915
 
 ### Patch Changes
 
 - 3ddab21: feat(@module-federation/data-prefetch): support data prefetch in Module Federation
-  - @module-federation/runtime@0.0.0-next-20240909062831
-  - @module-federation/sdk@0.0.0-next-20240909062831
+  - @module-federation/runtime@0.0.0-next-20240909073915
+  - @module-federation/sdk@0.0.0-next-20240909073915

package/dist/esm/{chunk-H3DTWHY4.js → chunk-YXTPJG2M.js}

@@ -50,7 +50,71 @@ var prefetchPlugin = () => ({
       }
       return Promise.resolve().then(() => {
         const exports = instance.getExposeExports(id);
-        logger_default.info(`1. Start Prefetch: ${id} - ${performance.now()}`);
+        logger_default.info(
+          `1. Start Prefetch initContainer: ${id} - ${performance.now()}`
+        );
+        const result = Object.keys(exports).map((k) => {
+          const value = instance.prefetch({
+            id,
+            functionId: k
+          });
+          const functionId = k;
+          return {
+            value,
+            functionId
+          };
+        });
+        return result;
+      });
+    });
+    loadingArray.push({
+      id,
+      promise
+    });
+    return options;
+  },
+  afterResolve(options) {
+    const { remoteSnapshot, remoteInfo, id, origin } = options;
+    const snapshot = remoteSnapshot;
+    const { name } = remoteInfo;
+    const prefetchOptions = {
+      name,
+      remote: remoteInfo,
+      origin,
+      remoteSnapshot: snapshot
+    };
+    const signal = getSignalFromManifest(snapshot);
+    if (!signal) {
+      return options;
+    }
+    const inited = loadingArray.some((info) => info.id === id);
+    if (!inited) {
+      return options;
+    }
+    if (sharedFlag !== strategy) {
+      throw new Error(
+        `[Module Federation Data Prefetch]: If you want to use data prefetch, the shared strategy must be 'loaded-first'`
+      );
+    }
+    const instance = MFDataPrefetch.getInstance(name) || new MFDataPrefetch(prefetchOptions);
+    let prefetchUrl;
+    if (snapshot.prefetchEntry) {
+      prefetchUrl = getResourceUrl(snapshot, snapshot.prefetchEntry);
+    }
+    const index = loadingArray.findIndex((loading) => loading.id === id);
+    if (index !== -1) {
+      loadingArray.splice(index, 1);
+    }
+    const promise = instance.loadEntry(prefetchUrl).then(async () => {
+      const projectExports = instance.getProjectExports();
+      if (projectExports instanceof Promise) {
+        await projectExports;
+      }
+      return Promise.resolve().then(() => {
+        const exports = instance.getExposeExports(id);
+        logger_default.info(
+          `1. Start Prefetch afterResolve: ${id} - ${performance.now()}`
+        );
         const result = Object.keys(exports).map((k) => {
           const value = instance.prefetch({
             id,

package/dist/esm/index.js

@@ -1,6 +1,6 @@
 import {
   prefetchPlugin
-} from "./chunk-H3DTWHY4.js";
+} from "./chunk-YXTPJG2M.js";
 import "./chunk-TTJJJ2WZ.js";
 import {
   MFDataPrefetch

package/dist/esm/plugin.js

@@ -1,7 +1,7 @@
 import {
   plugin_default,
   prefetchPlugin
-} from "./chunk-H3DTWHY4.js";
+} from "./chunk-YXTPJG2M.js";
 import "./chunk-TTJJJ2WZ.js";
 import "./chunk-57ZXBP7D.js";
 import "./chunk-VWDP6NMM.js";

package/dist/index.js

@@ -234,7 +234,71 @@ var prefetchPlugin = () => ({
       }
       return Promise.resolve().then(() => {
         const exports = instance.getExposeExports(id);
-        logger_default.info(`1. Start Prefetch: ${id} - ${performance.now()}`);
+        logger_default.info(
+          `1. Start Prefetch initContainer: ${id} - ${performance.now()}`
+        );
+        const result = Object.keys(exports).map((k) => {
+          const value = instance.prefetch({
+            id,
+            functionId: k
+          });
+          const functionId = k;
+          return {
+            value,
+            functionId
+          };
+        });
+        return result;
+      });
+    });
+    loadingArray.push({
+      id,
+      promise
+    });
+    return options;
+  },
+  afterResolve(options) {
+    const { remoteSnapshot, remoteInfo, id, origin } = options;
+    const snapshot = remoteSnapshot;
+    const { name } = remoteInfo;
+    const prefetchOptions = {
+      name,
+      remote: remoteInfo,
+      origin,
+      remoteSnapshot: snapshot
+    };
+    const signal = getSignalFromManifest(snapshot);
+    if (!signal) {
+      return options;
+    }
+    const inited = loadingArray.some((info) => info.id === id);
+    if (!inited) {
+      return options;
+    }
+    if (sharedFlag !== strategy) {
+      throw new Error(
+        `[Module Federation Data Prefetch]: If you want to use data prefetch, the shared strategy must be 'loaded-first'`
+      );
+    }
+    const instance = MFDataPrefetch.getInstance(name) || new MFDataPrefetch(prefetchOptions);
+    let prefetchUrl;
+    if (snapshot.prefetchEntry) {
+      prefetchUrl = (0, import_sdk4.getResourceUrl)(snapshot, snapshot.prefetchEntry);
+    }
+    const index = loadingArray.findIndex((loading) => loading.id === id);
+    if (index !== -1) {
+      loadingArray.splice(index, 1);
+    }
+    const promise = instance.loadEntry(prefetchUrl).then(async () => {
+      const projectExports = instance.getProjectExports();
+      if (projectExports instanceof Promise) {
+        await projectExports;
+      }
+      return Promise.resolve().then(() => {
+        const exports = instance.getExposeExports(id);
+        logger_default.info(
+          `1. Start Prefetch afterResolve: ${id} - ${performance.now()}`
+        );
         const result = Object.keys(exports).map((k) => {
           const value = instance.prefetch({
             id,

package/dist/plugin.js

@@ -230,7 +230,71 @@ var prefetchPlugin = () => ({
       }
       return Promise.resolve().then(() => {
         const exports = instance.getExposeExports(id);
-        logger_default.info(`1. Start Prefetch: ${id} - ${performance.now()}`);
+        logger_default.info(
+          `1. Start Prefetch initContainer: ${id} - ${performance.now()}`
+        );
+        const result = Object.keys(exports).map((k) => {
+          const value = instance.prefetch({
+            id,
+            functionId: k
+          });
+          const functionId = k;
+          return {
+            value,
+            functionId
+          };
+        });
+        return result;
+      });
+    });
+    loadingArray.push({
+      id,
+      promise
+    });
+    return options;
+  },
+  afterResolve(options) {
+    const { remoteSnapshot, remoteInfo, id, origin } = options;
+    const snapshot = remoteSnapshot;
+    const { name } = remoteInfo;
+    const prefetchOptions = {
+      name,
+      remote: remoteInfo,
+      origin,
+      remoteSnapshot: snapshot
+    };
+    const signal = getSignalFromManifest(snapshot);
+    if (!signal) {
+      return options;
+    }
+    const inited = loadingArray.some((info) => info.id === id);
+    if (!inited) {
+      return options;
+    }
+    if (sharedFlag !== strategy) {
+      throw new Error(
+        `[Module Federation Data Prefetch]: If you want to use data prefetch, the shared strategy must be 'loaded-first'`
+      );
+    }
+    const instance = MFDataPrefetch.getInstance(name) || new MFDataPrefetch(prefetchOptions);
+    let prefetchUrl;
+    if (snapshot.prefetchEntry) {
+      prefetchUrl = (0, import_sdk4.getResourceUrl)(snapshot, snapshot.prefetchEntry);
+    }
+    const index = loadingArray.findIndex((loading) => loading.id === id);
+    if (index !== -1) {
+      loadingArray.splice(index, 1);
+    }
+    const promise = instance.loadEntry(prefetchUrl).then(async () => {
+      const projectExports = instance.getProjectExports();
+      if (projectExports instanceof Promise) {
+        await projectExports;
+      }
+      return Promise.resolve().then(() => {
+        const exports = instance.getExposeExports(id);
+        logger_default.info(
+          `1. Start Prefetch afterResolve: ${id} - ${performance.now()}`
+        );
         const result = Object.keys(exports).map((k) => {
           const value = instance.prefetch({
             id,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@module-federation/data-prefetch",
   "description": "Module Federation Data Prefetch",
-  "version": "0.0.0-next-20240909062831",
+  "version": "0.0.0-next-20240909073915",
   "author": "nieyan <nyqykk@foxmail.com>",
   "homepage": "https://github.com/module-federation/core",
   "license": "MIT",
@@ -85,8 +85,8 @@
   },
   "dependencies": {
     "fs-extra": "9.1.0",
-    "@module-federation/sdk": "0.0.0-next-20240909062831",
-    "@module-federation/runtime": "0.0.0-next-20240909062831"
+    "@module-federation/sdk": "0.0.0-next-20240909073915",
+    "@module-federation/runtime": "0.0.0-next-20240909073915"
   },
   "scripts": {
     "dev": "cross-env WATCH=true tsup",

package/src/plugin.ts

@@ -55,7 +55,6 @@ export const prefetchPlugin = (): FederationRuntimePlugin => ({
     if (exist) {
       return options;
     }
-    // @ts-ignore
     const promise = instance.loadEntry(prefetchUrl).then(async () => {
       const projectExports = instance!.getProjectExports();
       if (projectExports instanceof Promise) {
@@ -63,7 +62,9 @@ export const prefetchPlugin = (): FederationRuntimePlugin => ({
       }
       return Promise.resolve().then(() => {
         const exports = instance!.getExposeExports(id);
-        logger.info(`1. Start Prefetch: ${id} - ${performance.now()}`);
+        logger.info(
+          `1. Start Prefetch initContainer: ${id} - ${performance.now()}`,
+        );
         const result = Object.keys(exports).map((k) => {
           const value = instance!.prefetch({
             id,
@@ -87,6 +88,80 @@ export const prefetchPlugin = (): FederationRuntimePlugin => ({
     return options;
   },
 
+  afterResolve(options) {
+    const { remoteSnapshot, remoteInfo, id, origin } = options;
+    const snapshot = remoteSnapshot as ModuleInfo;
+    const { name } = remoteInfo;
+
+    const prefetchOptions = {
+      name,
+      remote: remoteInfo,
+      origin,
+      remoteSnapshot: snapshot,
+    };
+    const signal = getSignalFromManifest(snapshot);
+    if (!signal) {
+      return options;
+    }
+
+    const inited = loadingArray.some((info) => info.id === id);
+    if (!inited) {
+      return options;
+    }
+
+    if (sharedFlag !== strategy) {
+      throw new Error(
+        `[Module Federation Data Prefetch]: If you want to use data prefetch, the shared strategy must be 'loaded-first'`,
+      );
+    }
+
+    const instance =
+      MFDataPrefetch.getInstance(name) || new MFDataPrefetch(prefetchOptions);
+
+    let prefetchUrl;
+    // @ts-expect-error
+    if (snapshot.prefetchEntry) {
+      // @ts-expect-error
+      prefetchUrl = getResourceUrl(snapshot, snapshot.prefetchEntry as string);
+    }
+
+    const index = loadingArray.findIndex((loading) => loading.id === id);
+    // clear cache
+    if (index !== -1) {
+      loadingArray.splice(index, 1);
+    }
+    const promise = instance.loadEntry(prefetchUrl).then(async () => {
+      const projectExports = instance!.getProjectExports();
+      if (projectExports instanceof Promise) {
+        await projectExports;
+      }
+      return Promise.resolve().then(() => {
+        const exports = instance!.getExposeExports(id);
+        logger.info(
+          `1. Start Prefetch afterResolve: ${id} - ${performance.now()}`,
+        );
+        const result = Object.keys(exports).map((k) => {
+          const value = instance!.prefetch({
+            id,
+            functionId: k,
+          });
+          const functionId = k;
+
+          return {
+            value,
+            functionId,
+          };
+        });
+        return result;
+      });
+    });
+
+    loadingArray.push({
+      id,
+      promise,
+    });
+    return options;
+  },
   async onLoad(options) {
     const { remote, id } = options;
     const { name } = remote;