@module-federation/modern-js 0.14.2 → 0.15.0

package/dist/esm-node/runtime/createRemoteComponent.js

@@ -0,0 +1,291 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React, { useEffect, useState } from "react";
+import logger from "../logger";
+import { getInstance } from "@module-federation/enhanced/runtime";
+import { AwaitDataFetch, transformError } from "./AwaitDataFetch";
+import { fetchData, getDataFetchItem, getDataFetchMapKey } from "../utils/dataFetch";
+import { getDataFetchInfo, getLoadedRemoteInfos, setDataFetchItemLoadedStatus, wrapDataFetchId } from "../utils";
+import { DATA_FETCH_ERROR_PREFIX, DATA_FETCH_FUNCTION, FS_HREF, LOAD_REMOTE_ERROR_PREFIX, MF_DATA_FETCH_TYPE } from "../constant";
+function getTargetModuleInfo(id) {
+  const instance = getInstance();
+  if (!instance) {
+    return;
+  }
+  const loadedRemoteInfo = getLoadedRemoteInfos(id, instance);
+  if (!loadedRemoteInfo) {
+    return;
+  }
+  const snapshot = loadedRemoteInfo.snapshot;
+  if (!snapshot) {
+    return;
+  }
+  const publicPath = "publicPath" in snapshot ? snapshot.publicPath : "getPublicPath" in snapshot ? new Function(snapshot.getPublicPath)() : "";
+  if (!publicPath) {
+    return;
+  }
+  const modules = "modules" in snapshot ? snapshot.modules : [];
+  const targetModule = modules.find((m) => m.modulePath === loadedRemoteInfo.expose);
+  if (!targetModule) {
+    return;
+  }
+  const remoteEntry = "remoteEntry" in snapshot ? snapshot.remoteEntry : "";
+  if (!remoteEntry) {
+    return;
+  }
+  return {
+    module: targetModule,
+    publicPath,
+    remoteEntry
+  };
+}
+function collectSSRAssets(options) {
+  const { id, injectLink = true, injectScript = false } = typeof options === "string" ? {
+    id: options
+  } : options;
+  const links = [];
+  const scripts = [];
+  const instance = getInstance();
+  if (!instance || !injectLink && !injectScript) {
+    return [
+      ...scripts,
+      ...links
+    ];
+  }
+  const moduleAndPublicPath = getTargetModuleInfo(id);
+  if (!moduleAndPublicPath) {
+    return [
+      ...scripts,
+      ...links
+    ];
+  }
+  const { module: targetModule, publicPath, remoteEntry } = moduleAndPublicPath;
+  if (injectLink) {
+    [
+      ...targetModule.assets.css.sync,
+      ...targetModule.assets.css.async
+    ].sort().forEach((file, index) => {
+      links.push(/* @__PURE__ */ _jsx("link", {
+        href: `${publicPath}${file}`,
+        rel: "stylesheet",
+        type: "text/css"
+      }, `${file.split(".")[0]}_${index}`));
+    });
+  }
+  if (injectScript) {
+    scripts.push(/* @__PURE__ */ _jsx("script", {
+      async: true,
+      src: `${publicPath}${remoteEntry}`,
+      crossOrigin: "anonymous"
+    }, remoteEntry.split(".")[0]));
+    [
+      ...targetModule.assets.js.sync
+    ].sort().forEach((file, index) => {
+      scripts.push(/* @__PURE__ */ _jsx("script", {
+        async: true,
+        src: `${publicPath}${file}`,
+        crossOrigin: "anonymous"
+      }, `${file.split(".")[0]}_${index}`));
+    });
+  }
+  return [
+    ...scripts,
+    ...links
+  ];
+}
+function getServerNeedRemoteInfo(loadedRemoteInfo, id, noSSR) {
+  if (noSSR || typeof window !== "undefined" && window.location.href !== window[FS_HREF]) {
+    var _dataFetchItem_;
+    if (!(loadedRemoteInfo === null || loadedRemoteInfo === void 0 ? void 0 : loadedRemoteInfo.version)) {
+      throw new Error(`${loadedRemoteInfo === null || loadedRemoteInfo === void 0 ? void 0 : loadedRemoteInfo.name} version is empty`);
+    }
+    const { snapshot } = loadedRemoteInfo;
+    if (!snapshot) {
+      throw new Error(`${loadedRemoteInfo === null || loadedRemoteInfo === void 0 ? void 0 : loadedRemoteInfo.name} snapshot is empty`);
+    }
+    const dataFetchItem = getDataFetchItem(id);
+    const isFetchServer = (dataFetchItem === null || dataFetchItem === void 0 ? void 0 : (_dataFetchItem_ = dataFetchItem[0]) === null || _dataFetchItem_ === void 0 ? void 0 : _dataFetchItem_[1]) === MF_DATA_FETCH_TYPE.FETCH_SERVER;
+    if (isFetchServer && (!("ssrPublicPath" in snapshot) || !snapshot.ssrPublicPath)) {
+      throw new Error(`ssrPublicPath is required while fetching ${loadedRemoteInfo === null || loadedRemoteInfo === void 0 ? void 0 : loadedRemoteInfo.name} data in SSR project!`);
+    }
+    if (isFetchServer && (!("ssrRemoteEntry" in snapshot) || !snapshot.ssrRemoteEntry)) {
+      throw new Error(`ssrRemoteEntry is required while loading ${loadedRemoteInfo === null || loadedRemoteInfo === void 0 ? void 0 : loadedRemoteInfo.name} data loader in SSR project!`);
+    }
+    return {
+      name: loadedRemoteInfo.name,
+      version: loadedRemoteInfo.version,
+      ssrPublicPath: "ssrPublicPath" in snapshot ? snapshot.ssrPublicPath || "" : "",
+      ssrRemoteEntry: "ssrRemoteEntry" in snapshot ? snapshot.ssrRemoteEntry || "" : "",
+      globalName: loadedRemoteInfo.entryGlobalName
+    };
+  }
+  return;
+}
+function createRemoteComponent(options) {
+  const exportName = (options === null || options === void 0 ? void 0 : options.export) || "default";
+  const callLoader = async () => {
+    logger.debug("callLoader start", Date.now());
+    const m = await options.loader();
+    logger.debug("callLoader end", Date.now());
+    if (!m) {
+      throw new Error("load remote failed");
+    }
+    return m;
+  };
+  const getData = async (noSSR) => {
+    let loadedRemoteInfo;
+    let moduleId;
+    const instance = getInstance();
+    try {
+      const m = await callLoader();
+      moduleId = m && m[Symbol.for("mf_module_id")];
+      if (!moduleId) {
+        throw new Error("moduleId is empty");
+      }
+      loadedRemoteInfo = getLoadedRemoteInfos(moduleId, instance);
+      if (!loadedRemoteInfo) {
+        throw new Error(`can not find loaded remote('${moduleId}') info!`);
+      }
+    } catch (e) {
+      const errMsg = `${LOAD_REMOTE_ERROR_PREFIX}${e}`;
+      logger.debug(e);
+      throw new Error(errMsg);
+    }
+    let dataFetchMapKey;
+    try {
+      dataFetchMapKey = getDataFetchMapKey(getDataFetchInfo({
+        name: loadedRemoteInfo.name,
+        alias: loadedRemoteInfo.alias,
+        id: moduleId,
+        remoteSnapshot: loadedRemoteInfo.snapshot
+      }), {
+        name: instance.name,
+        version: instance === null || instance === void 0 ? void 0 : instance.options.version
+      });
+      logger.debug("getData dataFetchMapKey: ", dataFetchMapKey);
+      if (!dataFetchMapKey) {
+        return;
+      }
+      const data = await fetchData(dataFetchMapKey, {
+        ...options.dataFetchParams,
+        isDowngrade: false
+      }, getServerNeedRemoteInfo(loadedRemoteInfo, dataFetchMapKey, noSSR));
+      setDataFetchItemLoadedStatus(dataFetchMapKey);
+      logger.debug("get data res: \n", data);
+      return data;
+    } catch (err) {
+      const errMsg = `${DATA_FETCH_ERROR_PREFIX}${wrapDataFetchId(dataFetchMapKey)}${err}`;
+      logger.debug(errMsg);
+      throw new Error(errMsg);
+    }
+  };
+  const LazyComponent = /* @__PURE__ */ React.lazy(async () => {
+    const m = await callLoader();
+    const moduleId = m && m[Symbol.for("mf_module_id")];
+    const instance = getInstance();
+    const loadedRemoteInfo = getLoadedRemoteInfos(moduleId, instance);
+    loadedRemoteInfo === null || loadedRemoteInfo === void 0 ? void 0 : loadedRemoteInfo.snapshot;
+    const dataFetchMapKey = loadedRemoteInfo ? getDataFetchMapKey(getDataFetchInfo({
+      name: loadedRemoteInfo.name,
+      alias: loadedRemoteInfo.alias,
+      id: moduleId,
+      remoteSnapshot: loadedRemoteInfo.snapshot
+    }), {
+      name: instance.name,
+      version: instance === null || instance === void 0 ? void 0 : instance.options.version
+    }) : void 0;
+    logger.debug("LazyComponent dataFetchMapKey: ", dataFetchMapKey);
+    const assets = collectSSRAssets({
+      id: moduleId
+    });
+    const Com = m[exportName];
+    if (exportName in m && typeof Com === "function") {
+      return {
+        default: (props) => /* @__PURE__ */ _jsxs(_Fragment, {
+          children: [
+            globalThis.FEDERATION_SSR && dataFetchMapKey && /* @__PURE__ */ _jsx("script", {
+              suppressHydrationWarning: true,
+              dangerouslySetInnerHTML: {
+                __html: String.raw`
+                  globalThis['${DATA_FETCH_FUNCTION}'] = globalThis['${DATA_FETCH_FUNCTION}'] || [];
+                  globalThis['${DATA_FETCH_FUNCTION}'].push(['${dataFetchMapKey}',${JSON.stringify(props.mfData)}]);
+                  `
+              }
+            }),
+            globalThis.FEDERATION_SSR && assets,
+            /* @__PURE__ */ _jsx(Com, {
+              ...props
+            })
+          ]
+        })
+      };
+    } else {
+      throw Error(`Make sure that ${moduleId} has the correct export when export is ${String(exportName)}`);
+    }
+  });
+  return (props) => {
+    const { key, ...args } = props;
+    if (globalThis.FEDERATION_SSR && !options.noSSR) {
+      const { key: key2, ...args2 } = props;
+      return /* @__PURE__ */ _jsx(AwaitDataFetch, {
+        resolve: getData(options.noSSR),
+        loading: options.loading,
+        errorElement: options.fallback,
+        children: (data) => /* @__PURE__ */ _jsx(LazyComponent, {
+          ...args2,
+          mfData: data
+        })
+      });
+    } else {
+      const [data, setData] = useState(null);
+      const [loading, setLoading] = useState(true);
+      const [error, setError] = useState(null);
+      useEffect(() => {
+        let isMounted = true;
+        const fetchDataAsync = async () => {
+          try {
+            setLoading(true);
+            const result = await getData(options.noSSR);
+            if (isMounted) {
+              setData(result);
+            }
+          } catch (e) {
+            if (isMounted) {
+              setError(transformError(e));
+            }
+          } finally {
+            if (isMounted) {
+              setLoading(false);
+            }
+          }
+        };
+        fetchDataAsync();
+        return () => {
+          isMounted = false;
+        };
+      }, []);
+      if (loading) {
+        return /* @__PURE__ */ _jsx(_Fragment, {
+          children: options.loading
+        });
+      }
+      if (error) {
+        return /* @__PURE__ */ _jsx(_Fragment, {
+          children: typeof options.fallback === "function" ? options.fallback(error) : options.fallback
+        });
+      }
+      return /* @__PURE__ */ _jsx(LazyComponent, {
+        ...args,
+        mfData: data
+      });
+    }
+  };
+}
+function createRemoteSSRComponent(options) {
+  logger.warn("createRemoteSSRComponent is deprecated, please use createRemoteComponent instead!");
+  return createRemoteComponent(options);
+}
+export {
+  collectSSRAssets,
+  createRemoteComponent,
+  createRemoteSSRComponent
+};

package/dist/esm-node/runtime/index.js

@@ -0,0 +1,22 @@
+export * from "@module-federation/enhanced/runtime";
+import { ERROR_TYPE } from "../constant";
+const kit = {
+  get createRemoteSSRComponent() {
+    return require("./createRemoteComponent").createRemoteSSRComponent;
+  },
+  get createRemoteComponent() {
+    return require("./createRemoteComponent").createRemoteComponent;
+  },
+  get collectSSRAssets() {
+    return require("./createRemoteComponent").collectSSRAssets;
+  },
+  get wrapNoSSR() {
+    return require("./wrapNoSSR").wrapNoSSR;
+  }
+};
+import { setSSREnv } from "../ssr-runtime/injectDataFetchFunctionPlugin";
+export {
+  ERROR_TYPE,
+  kit,
+  setSSREnv
+};

package/dist/esm-node/runtime/wrapNoSSR.js

@@ -0,0 +1,11 @@
+function wrapNoSSR(createComponentFn) {
+  return (options) => {
+    return createComponentFn({
+      ...options,
+      noSSR: true
+    });
+  };
+}
+export {
+  wrapNoSSR
+};

package/dist/esm-node/server/fileCache.js

@@ -0,0 +1,49 @@
+import fs from "fs-extra";
+import { LRUCache } from "lru-cache";
+class FileCache {
+  /**
+  * Check if file exists and return file info
+  * @param filepath Path to the file
+  * @returns FileResult or null if file doesn't exist
+  */
+  async getFile(filepath) {
+    if (!await fs.pathExists(filepath)) {
+      return null;
+    }
+    try {
+      const stat = await fs.lstat(filepath);
+      const currentModified = stat.mtimeMs;
+      const cachedEntry = this.cache.get(filepath);
+      if (cachedEntry && currentModified <= cachedEntry.lastModified) {
+        return {
+          content: cachedEntry.content,
+          lastModified: cachedEntry.lastModified
+        };
+      }
+      const content = await fs.readFile(filepath, "utf-8");
+      const newEntry = {
+        content,
+        lastModified: currentModified
+      };
+      this.cache.set(filepath, newEntry, {
+        size: stat.size || content.length
+      });
+      return {
+        content,
+        lastModified: currentModified
+      };
+    } catch (err) {
+      return null;
+    }
+  }
+  constructor() {
+    this.cache = new LRUCache({
+      maxSize: 200 * 1024 * 1024
+    });
+  }
+}
+const fileCache = new FileCache();
+export {
+  FileCache,
+  fileCache
+};

package/dist/esm-node/server/fileCache.spec.js

@@ -0,0 +1,27 @@
+import { it, expect, describe, vi, beforeAll } from "vitest";
+import { FileCache } from "./fileCache";
+beforeAll(() => {
+  vi.mock("fs-extra", () => ({
+    default: {
+      pathExists: () => {
+        return true;
+      },
+      lstat: () => {
+        return {
+          mtimeMs: Date.now(),
+          size: 4
+        };
+      },
+      readFile: () => {
+        return "test";
+      }
+    }
+  }));
+});
+describe("modern serve static file cache", async () => {
+  it("should cache file", async () => {
+    const cache = new FileCache();
+    const result = await cache.getFile("test.txt");
+    expect(result === null || result === void 0 ? void 0 : result.content).toBe("test");
+  });
+});

package/dist/esm-node/server/index.js

@@ -0,0 +1,34 @@
+import { createStaticMiddleware } from "./staticMiddleware";
+const staticServePlugin = () => ({
+  name: "@modern-js/module-federation/server",
+  setup: (api) => {
+    api.onPrepare(() => {
+      var _config_output, _config_server;
+      console.log(process.env.NODE_ENV);
+      if (process.env.NODE_ENV === "development") {
+        return;
+      }
+      const { middlewares } = api.getServerContext();
+      const config = api.getServerConfig();
+      const assetPrefix = ((_config_output = config.output) === null || _config_output === void 0 ? void 0 : _config_output.assetPrefix) || "";
+      if (!((_config_server = config.server) === null || _config_server === void 0 ? void 0 : _config_server.ssr)) {
+        return;
+      }
+      const context = api.getServerContext();
+      const pwd = context.distDirectory;
+      const serverStaticMiddleware = createStaticMiddleware({
+        assetPrefix,
+        pwd
+      });
+      middlewares.push({
+        name: "module-federation-serve-manifest",
+        handler: serverStaticMiddleware
+      });
+    });
+  }
+});
+var server_default = staticServePlugin;
+export {
+  server_default as default,
+  staticServePlugin
+};

package/dist/esm-node/server/staticMiddleware.js

@@ -0,0 +1,43 @@
+import fs from "fs-extra";
+import path from "node:path";
+import { fileCache } from "./fileCache";
+const bundlesAssetPrefix = "/bundles";
+const removeHost = (url) => {
+  try {
+    const hasProtocol = url.includes("://");
+    const hasDomain = hasProtocol || url.startsWith("//");
+    const pathname = hasDomain ? new URL(hasProtocol ? url : `http:${url}`).pathname : url;
+    return pathname;
+  } catch (e) {
+    return url;
+  }
+};
+const createStaticMiddleware = (options) => {
+  const { assetPrefix, pwd } = options;
+  return async (c, next) => {
+    const pathname = c.req.path;
+    if (path.extname(pathname) !== ".js") {
+      return next();
+    }
+    const prefixWithoutHost = removeHost(assetPrefix);
+    const prefixWithBundle = path.join(prefixWithoutHost, bundlesAssetPrefix);
+    if (!pathname.startsWith(prefixWithBundle)) {
+      return next();
+    }
+    const pathnameWithoutPrefix = pathname.replace(prefixWithBundle, "");
+    const filepath = path.join(pwd, bundlesAssetPrefix, pathnameWithoutPrefix);
+    if (!await fs.pathExists(filepath)) {
+      return next();
+    }
+    const fileResult = await fileCache.getFile(filepath);
+    if (!fileResult) {
+      return next();
+    }
+    c.header("Content-Type", "application/javascript");
+    c.header("Content-Length", String(fileResult.content.length));
+    return c.body(fileResult.content, 200);
+  };
+};
+export {
+  createStaticMiddleware
+};

package/dist/esm-node/server/staticMiddleware.spec.js

@@ -0,0 +1,162 @@
+import { it, expect, describe, vi, beforeEach } from "vitest";
+import { createStaticMiddleware } from "./staticMiddleware";
+vi.mock("fs-extra", () => ({
+  default: {
+    pathExists: vi.fn()
+  }
+}));
+vi.mock("./fileCache", () => ({
+  fileCache: {
+    getFile: vi.fn()
+  }
+}));
+import fs from "fs-extra";
+import { fileCache } from "./fileCache";
+describe("staticMiddleware", () => {
+  let middleware;
+  let mockContext;
+  let nextSpy;
+  beforeEach(() => {
+    vi.clearAllMocks();
+    middleware = createStaticMiddleware({
+      assetPrefix: "",
+      pwd: "/test/path"
+    });
+    nextSpy = vi.fn();
+    mockContext = {
+      req: {
+        path: ""
+      },
+      header: vi.fn(),
+      body: vi.fn()
+    };
+  });
+  describe("file extension filtering", () => {
+    it("should call next() for non-js files", async () => {
+      mockContext.req.path = "/bundles/test.css";
+      await middleware(mockContext, nextSpy);
+      expect(nextSpy).toHaveBeenCalledOnce();
+      expect(mockContext.header).not.toHaveBeenCalled();
+      expect(mockContext.body).not.toHaveBeenCalled();
+    });
+    it("should call next() for files without extension", async () => {
+      mockContext.req.path = "/bundles/test";
+      await middleware(mockContext, nextSpy);
+      expect(nextSpy).toHaveBeenCalledOnce();
+      expect(mockContext.header).not.toHaveBeenCalled();
+      expect(mockContext.body).not.toHaveBeenCalled();
+    });
+    it("should process .js files", async () => {
+      mockContext.req.path = "/bundles/test.js";
+      fs.pathExists.mockResolvedValue(false);
+      await middleware(mockContext, nextSpy);
+      expect(fs.pathExists).toHaveBeenCalled();
+    });
+  });
+  describe("asset prefix filtering", () => {
+    it("should call next() for paths not starting with /bundles", async () => {
+      mockContext.req.path = "/assets/test.js";
+      await middleware(mockContext, nextSpy);
+      expect(nextSpy).toHaveBeenCalledOnce();
+      expect(fs.pathExists).not.toHaveBeenCalled();
+      expect(mockContext.header).not.toHaveBeenCalled();
+      expect(mockContext.body).not.toHaveBeenCalled();
+    });
+    it("should call next() for root path", async () => {
+      mockContext.req.path = "/test.js";
+      await middleware(mockContext, nextSpy);
+      expect(nextSpy).toHaveBeenCalledOnce();
+      expect(fs.pathExists).not.toHaveBeenCalled();
+    });
+    it("should process paths starting with /bundles", async () => {
+      mockContext.req.path = "/bundles/test.js";
+      fs.pathExists.mockResolvedValue(false);
+      await middleware(mockContext, nextSpy);
+      expect(fs.pathExists).toHaveBeenCalledWith("/test/path/bundles/test.js");
+    });
+  });
+  describe("file existence check", () => {
+    it("should call next() when file does not exist", async () => {
+      mockContext.req.path = "/bundles/nonexistent.js";
+      fs.pathExists.mockResolvedValue(false);
+      await middleware(mockContext, nextSpy);
+      expect(fs.pathExists).toHaveBeenCalledWith("/test/path/bundles/nonexistent.js");
+      expect(nextSpy).toHaveBeenCalledOnce();
+      expect(fileCache.getFile).not.toHaveBeenCalled();
+      expect(mockContext.header).not.toHaveBeenCalled();
+      expect(mockContext.body).not.toHaveBeenCalled();
+    });
+    it("should proceed to file cache when file exists", async () => {
+      mockContext.req.path = "/bundles/existing.js";
+      fs.pathExists.mockResolvedValue(true);
+      fileCache.getFile.mockResolvedValue(null);
+      await middleware(mockContext, nextSpy);
+      expect(fs.pathExists).toHaveBeenCalledWith("/test/path/bundles/existing.js");
+      expect(fileCache.getFile).toHaveBeenCalledWith("/test/path/bundles/existing.js");
+    });
+  });
+  describe("successful file serving", () => {
+    it("should serve file content with correct headers", async () => {
+      const mockFileContent = 'console.log("test");';
+      const mockFileResult = {
+        content: mockFileContent,
+        lastModified: Date.now()
+      };
+      mockContext.req.path = "/bundles/app.js";
+      fs.pathExists.mockResolvedValue(true);
+      fileCache.getFile.mockResolvedValue(mockFileResult);
+      mockContext.body.mockReturnValue("response");
+      const result = await middleware(mockContext, nextSpy);
+      expect(fs.pathExists).toHaveBeenCalledWith("/test/path/bundles/app.js");
+      expect(fileCache.getFile).toHaveBeenCalledWith("/test/path/bundles/app.js");
+      expect(nextSpy).not.toHaveBeenCalled();
+      expect(mockContext.header).toHaveBeenCalledWith("Content-Type", "application/javascript");
+      expect(mockContext.header).toHaveBeenCalledWith("Content-Length", String(mockFileResult.content.length));
+      expect(mockContext.body).toHaveBeenCalledWith(mockFileResult.content, 200);
+      expect(result).toBe("response");
+    });
+    it("should handle empty file content", async () => {
+      const mockFileResult = {
+        content: "",
+        lastModified: Date.now()
+      };
+      mockContext.req.path = "/bundles/empty.js";
+      fs.pathExists.mockResolvedValue(true);
+      fileCache.getFile.mockResolvedValue(mockFileResult);
+      mockContext.body.mockReturnValue("empty-response");
+      const result = await middleware(mockContext, nextSpy);
+      expect(mockContext.header).toHaveBeenCalledWith("Content-Length", "0");
+      expect(mockContext.body).toHaveBeenCalledWith(mockFileResult.content, 200);
+      expect(result).toBe("empty-response");
+      expect(nextSpy).not.toHaveBeenCalled();
+    });
+  });
+  describe("asset prefix handling", () => {
+    it("should handle custom asset prefix correctly", async () => {
+      const customMiddleware = createStaticMiddleware({
+        assetPrefix: "/custom-prefix",
+        pwd: "/test/path"
+      });
+      mockContext.req.path = "/bundles/test.js";
+      await customMiddleware(mockContext, nextSpy);
+      expect(nextSpy).toHaveBeenCalledOnce();
+      expect(mockContext.header).not.toHaveBeenCalled();
+      expect(mockContext.body).not.toHaveBeenCalled();
+    });
+    it("should handle asset prefix removal correctly", async () => {
+      const customMiddleware = createStaticMiddleware({
+        assetPrefix: "/prefix",
+        pwd: "/test/path"
+      });
+      const mockFileResult = {
+        content: "test content",
+        lastModified: Date.now()
+      };
+      mockContext.req.path = "/prefix/bundles/test.js";
+      fs.pathExists.mockResolvedValue(true);
+      fileCache.getFile.mockResolvedValue(mockFileResult);
+      await customMiddleware(mockContext, nextSpy);
+      expect(fs.pathExists).toHaveBeenCalledWith("/test/path/bundles/test.js");
+    });
+  });
+});

package/dist/esm-node/ssr-runtime/SSRLiveReload.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+function SSRLiveReload() {
+  if (process.env.NODE_ENV !== "development") {
+    return null;
+  }
+  return /* @__PURE__ */ _jsx("script", {
+    suppressHydrationWarning: true,
+    dangerouslySetInnerHTML: {
+      __html: String.raw`
+      if(${globalThis.shouldUpdate}){
+        location.reload();
+      }
+   `
+    }
+  });
+}
+export {
+  SSRLiveReload
+};