@module-federation/metro 2.0.1 → 2.1.0

package/dist/babel/transformer.js

@@ -1,4 +1,4 @@
-const babelTransformer = require('__BABEL_TRANSFORMER_PATH__');
+const babelTransformer = require(__BABEL_TRANSFORMER_PATH__);
 const babelPlugins = __BABEL_PLUGINS__;
 function transform(config) {
     return babelTransformer.transform({

package/dist/commands/bundle-host/index.js

@@ -47,6 +47,7 @@ const get_community_plugin_js_namespaceObject = require("../utils/get-community-
 const load_metro_config_js_namespaceObject = require("../utils/load-metro-config.js");
 var load_metro_config_js_default = /*#__PURE__*/ __webpack_require__.n(load_metro_config_js_namespaceObject);
 const save_bundle_and_map_js_namespaceObject = require("../utils/save-bundle-and-map.js");
+const helpers_js_namespaceObject = require("../../plugin/helpers.js");
 const external_options_js_namespaceObject = require("./options.js");
 var external_options_js_default = /*#__PURE__*/ __webpack_require__.n(external_options_js_namespaceObject);
 async function bundleFederatedHost(_argv, cfg, args) {
@@ -69,9 +70,10 @@ async function bundleFederatedHost(_argv, cfg, args) {
         build: async (server, requestOpts)=>{
             config.server.enhanceMiddleware(server.processRequest, server);
             const resolver = await (0, create_resolver_js_namespaceObject.createResolver)(server, args.platform);
+            const relativeHostEntryPath = (0, helpers_js_namespaceObject.toPosixPath)(external_node_path_default().relative(config.projectRoot, hostEntryFilepath));
             resolver.resolve({
                 from: config.projectRoot,
-                to: `./${external_node_path_default().relative(config.projectRoot, hostEntryFilepath)}`
+                to: `./${relativeHostEntryPath}`
             });
             return server.build({
                 ...metro_compat_js_namespaceObject.Server.DEFAULT_BUNDLE_OPTIONS,

package/dist/commands/bundle-host/index.mjs

@@ -8,6 +8,7 @@ import { createResolver } from "../utils/create-resolver.mjs";
 import { getCommunityCliPlugin } from "../utils/get-community-plugin.mjs";
 import load_metro_config from "../utils/load-metro-config.mjs";
 import { saveBundleAndMap } from "../utils/save-bundle-and-map.mjs";
+import { toPosixPath } from "../../plugin/helpers.mjs";
 import options from "./options.mjs";
 async function bundleFederatedHost(_argv, cfg, args) {
     const logger = cfg.logger ?? console;
@@ -29,9 +30,10 @@ async function bundleFederatedHost(_argv, cfg, args) {
         build: async (server, requestOpts)=>{
             config.server.enhanceMiddleware(server.processRequest, server);
             const resolver = await createResolver(server, args.platform);
+            const relativeHostEntryPath = toPosixPath(node_path.relative(config.projectRoot, hostEntryFilepath));
             resolver.resolve({
                 from: config.projectRoot,
-                to: `./${node_path.relative(config.projectRoot, hostEntryFilepath)}`
+                to: `./${relativeHostEntryPath}`
             });
             return server.build({
                 ...Server.DEFAULT_BUNDLE_OPTIONS,

package/dist/commands/bundle-remote/index.js

@@ -39,17 +39,19 @@ __webpack_require__.d(__webpack_exports__, {
 const external_node_fs_namespaceObject = require("node:fs");
 const external_node_path_namespaceObject = require("node:path");
 var external_node_path_default = /*#__PURE__*/ __webpack_require__.n(external_node_path_namespaceObject);
-const external_node_url_namespaceObject = require("node:url");
 const external_node_util_namespaceObject = require("node:util");
 var external_node_util_default = /*#__PURE__*/ __webpack_require__.n(external_node_util_namespaceObject);
 const external_metro_namespaceObject = require("metro");
 const errors_js_namespaceObject = require("../../utils/errors.js");
+const federated_remote_types_js_namespaceObject = require("../../utils/federated-remote-types.js");
 const metro_compat_js_namespaceObject = require("../../utils/metro-compat.js");
 const create_module_path_remapper_js_namespaceObject = require("../utils/create-module-path-remapper.js");
 const create_resolver_js_namespaceObject = require("../utils/create-resolver.js");
 const load_metro_config_js_namespaceObject = require("../utils/load-metro-config.js");
 var load_metro_config_js_default = /*#__PURE__*/ __webpack_require__.n(load_metro_config_js_namespaceObject);
+const path_utils_js_namespaceObject = require("../utils/path-utils.js");
 const save_bundle_and_map_js_namespaceObject = require("../utils/save-bundle-and-map.js");
+const helpers_js_namespaceObject = require("../../plugin/helpers.js");
 const external_options_js_namespaceObject = require("./options.js");
 var external_options_js_default = /*#__PURE__*/ __webpack_require__.n(external_options_js_namespaceObject);
 const DEFAULT_OUTPUT = 'dist';
@@ -142,9 +144,10 @@ async function bundleFederatedRemote(_argv, cfg, args) {
             isContainerModule: true
         }
     };
+    const relativeContainerEntryPath = (0, helpers_js_namespaceObject.toPosixPath)(external_node_path_default().relative(config.projectRoot, containerEntryFilepath));
     resolver.resolve({
         from: config.projectRoot,
-        to: `./${external_node_path_default().relative(config.projectRoot, containerEntryFilepath)}`
+        to: `./${relativeContainerEntryPath}`
     });
     const exposedModules = Object.entries(federationConfig.exposes).map(([moduleName, moduleFilepath])=>[
             moduleName.slice(2),
@@ -176,11 +179,12 @@ async function bundleFederatedRemote(_argv, cfg, args) {
     }).map(([moduleName, { moduleInputFilepath, moduleOutputDir, isContainerModule = false }])=>{
         const moduleBundleName = isContainerModule ? moduleName : `${moduleName}.bundle`;
         const moduleBundleFilepath = external_node_path_default().resolve(moduleOutputDir, moduleBundleName);
-        const moduleBundleUrl = (0, external_node_url_namespaceObject.pathToFileURL)('/' + external_node_path_default().relative(outputDir, moduleBundleFilepath)).href;
+        const relativeModuleBundlePath = (0, path_utils_js_namespaceObject.normalizeOutputRelativePath)(external_node_path_default().relative(outputDir, moduleBundleFilepath));
+        const moduleBundleUrl = (0, path_utils_js_namespaceObject.toFileSourceUrl)(relativeModuleBundlePath);
         const moduleSourceMapName = `${moduleBundleName}.map`;
         const moduleSourceMapFilepath = external_node_path_default().resolve(moduleOutputDir, moduleSourceMapName);
-        const moduleSourceMapUrl = external_node_path_default().relative(outputDir, moduleSourceMapFilepath);
-        if (!isContainerModule) modulePathRemapper.addMapping(moduleInputFilepath, external_node_path_default().relative(outputDir, moduleBundleFilepath));
+        const moduleSourceMapUrl = (0, path_utils_js_namespaceObject.normalizeOutputRelativePath)(external_node_path_default().relative(outputDir, moduleSourceMapFilepath));
+        if (!isContainerModule) modulePathRemapper.addMapping(moduleInputFilepath, relativeModuleBundlePath);
         return {
             targetDir: external_node_path_default().dirname(moduleBundleFilepath),
             requestOpts: getRequestOpts(args, {
@@ -205,9 +209,17 @@ async function bundleFederatedRemote(_argv, cfg, args) {
             const bundle = await buildBundle(server, requestOpts);
             await (0, save_bundle_and_map_js_namespaceObject.saveBundleAndMap)(bundle, saveBundleOpts, logger.info);
         }
-        logger.info(`${external_node_util_default().styleText('blue', 'Processing manifest')}`);
         const manifestOutputFilepath = external_node_path_default().resolve(outputDir, 'mf-manifest.json');
-        await external_node_fs_namespaceObject.promises.copyFile(manifestFilepath, manifestOutputFilepath);
+        const typesMeta = await (0, federated_remote_types_js_namespaceObject.maybeGenerateFederatedRemoteTypes)({
+            federationConfig,
+            projectRoot: config.projectRoot,
+            outputDir,
+            logger
+        });
+        logger.info(`${external_node_util_default().styleText('blue', 'Processing manifest')}`);
+        const rawManifest = JSON.parse(await external_node_fs_namespaceObject.promises.readFile(manifestFilepath, 'utf-8'));
+        (0, federated_remote_types_js_namespaceObject.applyTypesMetaToManifest)(rawManifest, typesMeta);
+        await external_node_fs_namespaceObject.promises.writeFile(manifestOutputFilepath, JSON.stringify(rawManifest, void 0, 2), 'utf-8');
         logger.info(`Done writing MF Manifest to:\n${external_node_util_default().styleText('dim', manifestOutputFilepath)}`);
     } finally{
         await server.end();

package/dist/commands/bundle-remote/index.mjs

@@ -2,14 +2,16 @@ import 'module';
 /*#__PURE__*/ import.meta.url;
 import { promises } from "node:fs";
 import node_path from "node:path";
-import { pathToFileURL } from "node:url";
 import node_util from "node:util";
 import { CLIError } from "../../utils/errors.mjs";
+import { applyTypesMetaToManifest, maybeGenerateFederatedRemoteTypes } from "../../utils/federated-remote-types.mjs";
 import { Server } from "../../utils/metro-compat.mjs";
 import { createModulePathRemapper } from "../utils/create-module-path-remapper.mjs";
 import { createResolver } from "../utils/create-resolver.mjs";
 import load_metro_config from "../utils/load-metro-config.mjs";
+import { normalizeOutputRelativePath, toFileSourceUrl } from "../utils/path-utils.mjs";
 import { saveBundleAndMap } from "../utils/save-bundle-and-map.mjs";
+import { toPosixPath } from "../../plugin/helpers.mjs";
 import options from "./options.mjs";
 import { createRequire as __WEBPACK_EXTERNAL_createRequire } from "node:module";
 const external_metro_namespaceObject = __WEBPACK_EXTERNAL_createRequire(import.meta.url)("metro");
@@ -103,9 +105,10 @@ async function bundleFederatedRemote(_argv, cfg, args) {
             isContainerModule: true
         }
     };
+    const relativeContainerEntryPath = toPosixPath(node_path.relative(config.projectRoot, containerEntryFilepath));
     resolver.resolve({
         from: config.projectRoot,
-        to: `./${node_path.relative(config.projectRoot, containerEntryFilepath)}`
+        to: `./${relativeContainerEntryPath}`
     });
     const exposedModules = Object.entries(federationConfig.exposes).map(([moduleName, moduleFilepath])=>[
             moduleName.slice(2),
@@ -137,11 +140,12 @@ async function bundleFederatedRemote(_argv, cfg, args) {
     }).map(([moduleName, { moduleInputFilepath, moduleOutputDir, isContainerModule = false }])=>{
         const moduleBundleName = isContainerModule ? moduleName : `${moduleName}.bundle`;
         const moduleBundleFilepath = node_path.resolve(moduleOutputDir, moduleBundleName);
-        const moduleBundleUrl = pathToFileURL('/' + node_path.relative(outputDir, moduleBundleFilepath)).href;
+        const relativeModuleBundlePath = normalizeOutputRelativePath(node_path.relative(outputDir, moduleBundleFilepath));
+        const moduleBundleUrl = toFileSourceUrl(relativeModuleBundlePath);
         const moduleSourceMapName = `${moduleBundleName}.map`;
         const moduleSourceMapFilepath = node_path.resolve(moduleOutputDir, moduleSourceMapName);
-        const moduleSourceMapUrl = node_path.relative(outputDir, moduleSourceMapFilepath);
-        if (!isContainerModule) modulePathRemapper.addMapping(moduleInputFilepath, node_path.relative(outputDir, moduleBundleFilepath));
+        const moduleSourceMapUrl = normalizeOutputRelativePath(node_path.relative(outputDir, moduleSourceMapFilepath));
+        if (!isContainerModule) modulePathRemapper.addMapping(moduleInputFilepath, relativeModuleBundlePath);
         return {
             targetDir: node_path.dirname(moduleBundleFilepath),
             requestOpts: getRequestOpts(args, {
@@ -166,9 +170,17 @@ async function bundleFederatedRemote(_argv, cfg, args) {
             const bundle = await buildBundle(server, requestOpts);
             await saveBundleAndMap(bundle, saveBundleOpts, logger.info);
         }
-        logger.info(`${node_util.styleText('blue', 'Processing manifest')}`);
         const manifestOutputFilepath = node_path.resolve(outputDir, 'mf-manifest.json');
-        await promises.copyFile(manifestFilepath, manifestOutputFilepath);
+        const typesMeta = await maybeGenerateFederatedRemoteTypes({
+            federationConfig,
+            projectRoot: config.projectRoot,
+            outputDir,
+            logger
+        });
+        logger.info(`${node_util.styleText('blue', 'Processing manifest')}`);
+        const rawManifest = JSON.parse(await promises.readFile(manifestFilepath, 'utf-8'));
+        applyTypesMetaToManifest(rawManifest, typesMeta);
+        await promises.writeFile(manifestOutputFilepath, JSON.stringify(rawManifest, void 0, 2), 'utf-8');
         logger.info(`Done writing MF Manifest to:\n${node_util.styleText('dim', manifestOutputFilepath)}`);
     } finally{
         await server.end();

package/dist/commands/utils/path-utils.d.ts

@@ -0,0 +1,2 @@
+export declare function normalizeOutputRelativePath(relativePath: string): string;
+export declare function toFileSourceUrl(relativePath: string): string;

package/dist/commands/utils/path-utils.js

@@ -0,0 +1,47 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    normalizeOutputRelativePath: ()=>normalizeOutputRelativePath,
+    toFileSourceUrl: ()=>toFileSourceUrl
+});
+const external_node_url_namespaceObject = require("node:url");
+const helpers_js_namespaceObject = require("../../plugin/helpers.js");
+function normalizeOutputRelativePath(relativePath) {
+    return (0, helpers_js_namespaceObject.toPosixPath)(relativePath);
+}
+function toFileSourceUrl(relativePath) {
+    const normalizedRelativePath = normalizeOutputRelativePath(relativePath);
+    return (0, external_node_url_namespaceObject.pathToFileURL)(`/${normalizedRelativePath}`).href;
+}
+exports.normalizeOutputRelativePath = __webpack_exports__.normalizeOutputRelativePath;
+exports.toFileSourceUrl = __webpack_exports__.toFileSourceUrl;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "normalizeOutputRelativePath",
+    "toFileSourceUrl"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/commands/utils/path-utils.mjs

@@ -0,0 +1,12 @@
+import 'module';
+/*#__PURE__*/ import.meta.url;
+import { pathToFileURL } from "node:url";
+import { toPosixPath } from "../../plugin/helpers.mjs";
+function normalizeOutputRelativePath(relativePath) {
+    return toPosixPath(relativePath);
+}
+function toFileSourceUrl(relativePath) {
+    const normalizedRelativePath = normalizeOutputRelativePath(relativePath);
+    return pathToFileURL(`/${normalizedRelativePath}`).href;
+}
+export { normalizeOutputRelativePath, toFileSourceUrl };

package/dist/logger.d.ts

@@ -0,0 +1,2 @@
+declare const logger: import("@module-federation/sdk").Logger;
+export default logger;

package/dist/logger.js

@@ -0,0 +1,39 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    default: ()=>src_logger
+});
+const sdk_namespaceObject = require("@module-federation/sdk");
+const constants_js_namespaceObject = require("./plugin/constants.js");
+const logger = (0, sdk_namespaceObject.createLogger)(constants_js_namespaceObject.PLUGIN_IDENTIFIER);
+const src_logger = logger;
+exports["default"] = __webpack_exports__["default"];
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "default"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/logger.mjs

@@ -0,0 +1,7 @@
+import 'module';
+/*#__PURE__*/ import.meta.url;
+import { createLogger } from "@module-federation/sdk";
+import { PLUGIN_IDENTIFIER } from "./plugin/constants.mjs";
+const logger = createLogger(PLUGIN_IDENTIFIER);
+const src_logger = logger;
+export { src_logger as default };

package/dist/modules/asyncRequire.ts

@@ -65,7 +65,6 @@ function buildLoadBundleAsyncWrapper() {
   const registry = require('mf:remote-module-registry');
 
   const __loadBundleAsync =
-    // @ts-expect-error dynamic key access on global object
     globalThis[`${__METRO_GLOBAL_PREFIX__ ?? ''}__loadBundleAsync`];
 
   const loadBundleAsync =
@@ -125,10 +124,8 @@ if (!process.env.EXPO_OS) {
     buildAsyncRequire,
   } = require('@expo/metro-runtime/src/async-require/buildAsyncRequire');
 
-  // @ts-expect-error dynamic key access on global object
   global[`${__METRO_GLOBAL_PREFIX__}__loadBundleAsync`] = buildAsyncRequire();
 }
 
-// @ts-expect-error dynamic key access on global object
 global[`${__METRO_GLOBAL_PREFIX__}__loadBundleAsync`] =
   buildLoadBundleAsyncWrapper();

package/dist/modules/asyncStartup.tsx

@@ -2,6 +2,7 @@ import type { Federation } from '@module-federation/runtime';
 import React from 'react';
 
 declare global {
+  // @ts-expect-error -- Intentional redeclaration for Metro/React Native runtime global.
   // eslint-disable-next-line no-var
   var __DEV__: boolean;
   // eslint-disable-next-line no-var

package/dist/modules/metroCorePlugin.ts

@@ -1,9 +1,10 @@
 import type {
   Federation,
-  FederationRuntimePlugin,
+  ModuleFederationRuntimePlugin,
 } from '@module-federation/runtime';
 
 declare global {
+  // @ts-expect-error -- Intentional redeclaration for Metro/React Native runtime global.
   // eslint-disable-next-line no-var
   var __DEV__: boolean;
   // eslint-disable-next-line no-var
@@ -42,13 +43,12 @@ const buildUrlForEntryBundle = (entry: string) => {
   return entry;
 };
 
-const MetroCorePlugin: () => FederationRuntimePlugin = () => ({
+const MetroCorePlugin: () => ModuleFederationRuntimePlugin = () => ({
   name: 'metro-core-plugin',
   loadEntry: async ({ remoteInfo }) => {
     const { entry, entryGlobalName } = remoteInfo;
 
     const __loadBundleAsync =
-      // @ts-expect-error dynamic key access on global object
       globalThis[`${__METRO_GLOBAL_PREFIX__ ?? ''}__loadBundleAsync`];
 
     const loadBundleAsync =

package/dist/plugin/babel-transformer.js

@@ -55,7 +55,7 @@ function createBabelTransformer({ blacklistedPaths, federationConfig, originalBa
         enableInitializeCorePatching ? '@module-federation/metro/babel-plugin/patch-initialize-core' : void 0,
         enableRuntimeRequirePatching ? '@module-federation/metro/babel-plugin/patch-require' : void 0
     ].filter(Boolean);
-    const babelTransformer = transformerTemplate.replaceAll('__BABEL_TRANSFORMER_PATH__', originalBabelTransformerPath).replaceAll('__BABEL_PLUGINS__', JSON.stringify(plugins));
+    const babelTransformer = transformerTemplate.replaceAll('__BABEL_TRANSFORMER_PATH__', JSON.stringify(originalBabelTransformerPath)).replaceAll('__BABEL_PLUGINS__', JSON.stringify(plugins));
     external_node_fs_default().writeFileSync(outputPath, babelTransformer, 'utf-8');
     return outputPath;
 }

package/dist/plugin/babel-transformer.mjs

@@ -18,7 +18,7 @@ function createBabelTransformer({ blacklistedPaths, federationConfig, originalBa
         enableInitializeCorePatching ? '@module-federation/metro/babel-plugin/patch-initialize-core' : void 0,
         enableRuntimeRequirePatching ? '@module-federation/metro/babel-plugin/patch-require' : void 0
     ].filter(Boolean);
-    const babelTransformer = transformerTemplate.replaceAll('__BABEL_TRANSFORMER_PATH__', originalBabelTransformerPath).replaceAll('__BABEL_PLUGINS__', JSON.stringify(plugins));
+    const babelTransformer = transformerTemplate.replaceAll('__BABEL_TRANSFORMER_PATH__', JSON.stringify(originalBabelTransformerPath)).replaceAll('__BABEL_PLUGINS__', JSON.stringify(plugins));
     node_fs.writeFileSync(outputPath, babelTransformer, 'utf-8');
     return outputPath;
 }

package/dist/plugin/constants.d.ts

@@ -2,6 +2,7 @@ export declare const INIT_HOST = "mf:init-host";
 export declare const ASYNC_REQUIRE = "mf:async-require";
 export declare const REMOTE_MODULE_REGISTRY = "mf:remote-module-registry";
 export declare const REMOTE_HMR_SETUP = "mf:remote-hmr";
+export declare const PLUGIN_IDENTIFIER = "[ Module Federation Metro ]";
 export declare const DEFAULT_ENTRY_FILENAME = "remoteEntry.bundle";
 export declare const GET_DEV_SERVER_REGEX: RegExp;
 export declare const HMR_CLIENT_REGEX: RegExp;

package/dist/plugin/constants.js

@@ -30,6 +30,7 @@ __webpack_require__.d(__webpack_exports__, {
     HMR_CLIENT_REGEX: ()=>HMR_CLIENT_REGEX,
     INIT_HOST: ()=>INIT_HOST,
     MANIFEST_FILENAME: ()=>MANIFEST_FILENAME,
+    PLUGIN_IDENTIFIER: ()=>PLUGIN_IDENTIFIER,
     REMOTE_HMR_SETUP: ()=>REMOTE_HMR_SETUP,
     REMOTE_MODULE_REGISTRY: ()=>REMOTE_MODULE_REGISTRY,
     TMP_DIR_NAME: ()=>TMP_DIR_NAME
@@ -38,6 +39,7 @@ const INIT_HOST = 'mf:init-host';
 const ASYNC_REQUIRE = 'mf:async-require';
 const REMOTE_MODULE_REGISTRY = 'mf:remote-module-registry';
 const REMOTE_HMR_SETUP = 'mf:remote-hmr';
+const PLUGIN_IDENTIFIER = '[ Module Federation Metro ]';
 const DEFAULT_ENTRY_FILENAME = 'remoteEntry.bundle';
 const GET_DEV_SERVER_REGEX = /react-native\/Libraries\/Core\/Devtools\/getDevServer\.js$/;
 const HMR_CLIENT_REGEX = /react-native\/Libraries\/Utilities\/HMRClient\.js$/;
@@ -49,6 +51,7 @@ exports.GET_DEV_SERVER_REGEX = __webpack_exports__.GET_DEV_SERVER_REGEX;
 exports.HMR_CLIENT_REGEX = __webpack_exports__.HMR_CLIENT_REGEX;
 exports.INIT_HOST = __webpack_exports__.INIT_HOST;
 exports.MANIFEST_FILENAME = __webpack_exports__.MANIFEST_FILENAME;
+exports.PLUGIN_IDENTIFIER = __webpack_exports__.PLUGIN_IDENTIFIER;
 exports.REMOTE_HMR_SETUP = __webpack_exports__.REMOTE_HMR_SETUP;
 exports.REMOTE_MODULE_REGISTRY = __webpack_exports__.REMOTE_MODULE_REGISTRY;
 exports.TMP_DIR_NAME = __webpack_exports__.TMP_DIR_NAME;
@@ -59,6 +62,7 @@ for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "HMR_CLIENT_REGEX",
     "INIT_HOST",
     "MANIFEST_FILENAME",
+    "PLUGIN_IDENTIFIER",
     "REMOTE_HMR_SETUP",
     "REMOTE_MODULE_REGISTRY",
     "TMP_DIR_NAME"

package/dist/plugin/constants.mjs

@@ -4,9 +4,10 @@ const INIT_HOST = 'mf:init-host';
 const ASYNC_REQUIRE = 'mf:async-require';
 const REMOTE_MODULE_REGISTRY = 'mf:remote-module-registry';
 const REMOTE_HMR_SETUP = 'mf:remote-hmr';
+const PLUGIN_IDENTIFIER = '[ Module Federation Metro ]';
 const DEFAULT_ENTRY_FILENAME = 'remoteEntry.bundle';
 const GET_DEV_SERVER_REGEX = /react-native\/Libraries\/Core\/Devtools\/getDevServer\.js$/;
 const HMR_CLIENT_REGEX = /react-native\/Libraries\/Utilities\/HMRClient\.js$/;
 const TMP_DIR_NAME = '.mf-metro';
 const MANIFEST_FILENAME = 'mf-manifest.json';
-export { ASYNC_REQUIRE, DEFAULT_ENTRY_FILENAME, GET_DEV_SERVER_REGEX, HMR_CLIENT_REGEX, INIT_HOST, MANIFEST_FILENAME, REMOTE_HMR_SETUP, REMOTE_MODULE_REGISTRY, TMP_DIR_NAME };
+export { ASYNC_REQUIRE, DEFAULT_ENTRY_FILENAME, GET_DEV_SERVER_REGEX, HMR_CLIENT_REGEX, INIT_HOST, MANIFEST_FILENAME, PLUGIN_IDENTIFIER, REMOTE_HMR_SETUP, REMOTE_MODULE_REGISTRY, TMP_DIR_NAME };

package/dist/plugin/generators.js

@@ -44,13 +44,15 @@ const external_node_fs_namespaceObject = require("node:fs");
 var external_node_fs_default = /*#__PURE__*/ __webpack_require__.n(external_node_fs_namespaceObject);
 const external_node_path_namespaceObject = require("node:path");
 var external_node_path_default = /*#__PURE__*/ __webpack_require__.n(external_node_path_namespaceObject);
+const external_helpers_js_namespaceObject = require("./helpers.js");
 function getRemoteModule(name) {
     const template = getModuleTemplate('remote-module.js');
     return template.replaceAll('__MODULE_ID__', `"${name}"`);
 }
 function getHostEntryModule(_, paths) {
     const template = getModuleTemplate('host-entry.js');
-    return template.replaceAll('__ENTRYPOINT_IMPORT__', `import './${external_node_path_default().relative(paths.tmpDir, paths.originalEntry)}'`);
+    const relativeEntryPath = (0, external_helpers_js_namespaceObject.toPosixPath)(external_node_path_default().relative(paths.tmpDir, paths.originalEntry));
+    return template.replaceAll('__ENTRYPOINT_IMPORT__', `import './${relativeEntryPath}'`);
 }
 function getInitHostModule(options) {
     const template = getModuleTemplate('init-host.js');
@@ -71,7 +73,7 @@ function getRemoteHMRSetupModule() {
 function generateExposes(exposes, paths) {
     const exposesString = Object.keys(exposes).map((key)=>{
         const importPath = external_node_path_default().join(paths.projectDir, exposes[key]);
-        const relativeImportPath = external_node_path_default().relative(paths.tmpDir, importPath);
+        const relativeImportPath = (0, external_helpers_js_namespaceObject.toPosixPath)(external_node_path_default().relative(paths.tmpDir, importPath));
         return `"${key}": async () => import("${relativeImportPath}")`;
     });
     return `{${exposesString.join(',')}}`;
@@ -82,7 +84,8 @@ function generateRuntimePlugins(runtimePlugins) {
     runtimePlugins.forEach((plugin, index)=>{
         const pluginName = `plugin${index}`;
         pluginNames.push(`${pluginName}()`);
-        pluginImports.push(`import ${pluginName} from "${plugin}";`);
+        const pluginPath = (0, external_helpers_js_namespaceObject.toPosixPath)(plugin);
+        pluginImports.push(`import ${pluginName} from "${pluginPath}";`);
     });
     const imports = pluginImports.join('\n');
     const plugins = `const plugins = [${pluginNames.join(', ')}];`;

package/dist/plugin/generators.mjs

@@ -2,13 +2,15 @@ import __rslib_shim_module__ from 'module';
 const require = /*#__PURE__*/ __rslib_shim_module__.createRequire(import.meta.url);
 import node_fs from "node:fs";
 import node_path from "node:path";
+import { toPosixPath } from "./helpers.mjs";
 function getRemoteModule(name) {
     const template = getModuleTemplate('remote-module.js');
     return template.replaceAll('__MODULE_ID__', `"${name}"`);
 }
 function getHostEntryModule(_, paths) {
     const template = getModuleTemplate('host-entry.js');
-    return template.replaceAll('__ENTRYPOINT_IMPORT__', `import './${node_path.relative(paths.tmpDir, paths.originalEntry)}'`);
+    const relativeEntryPath = toPosixPath(node_path.relative(paths.tmpDir, paths.originalEntry));
+    return template.replaceAll('__ENTRYPOINT_IMPORT__', `import './${relativeEntryPath}'`);
 }
 function getInitHostModule(options) {
     const template = getModuleTemplate('init-host.js');
@@ -29,7 +31,7 @@ function getRemoteHMRSetupModule() {
 function generateExposes(exposes, paths) {
     const exposesString = Object.keys(exposes).map((key)=>{
         const importPath = node_path.join(paths.projectDir, exposes[key]);
-        const relativeImportPath = node_path.relative(paths.tmpDir, importPath);
+        const relativeImportPath = toPosixPath(node_path.relative(paths.tmpDir, importPath));
         return `"${key}": async () => import("${relativeImportPath}")`;
     });
     return `{${exposesString.join(',')}}`;
@@ -40,7 +42,8 @@ function generateRuntimePlugins(runtimePlugins) {
     runtimePlugins.forEach((plugin, index)=>{
         const pluginName = `plugin${index}`;
         pluginNames.push(`${pluginName}()`);
-        pluginImports.push(`import ${pluginName} from "${plugin}";`);
+        const pluginPath = toPosixPath(plugin);
+        pluginImports.push(`import ${pluginName} from "${pluginPath}";`);
     });
     const imports = pluginImports.join('\n');
     const plugins = `const plugins = [${pluginNames.join(', ')}];`;

package/dist/plugin/helpers.d.ts

@@ -5,3 +5,4 @@ export declare function removeExtension(filepath: string): string;
 export declare function stubHostEntry(hostEntryPath: string): void;
 export declare function stubRemoteEntry(remoteEntryPath: string): void;
 export declare function prepareTmpDir(projectRootPath: string): string;
+export declare function toPosixPath(value: string): string;

package/dist/plugin/helpers.js

@@ -33,13 +33,14 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    stubHostEntry: ()=>stubHostEntry,
     stubRemoteEntry: ()=>stubRemoteEntry,
-    isUsingMFCommand: ()=>isUsingMFCommand,
-    isUsingMFBundleCommand: ()=>isUsingMFBundleCommand,
     removeExtension: ()=>removeExtension,
+    replaceExtension: ()=>replaceExtension,
     prepareTmpDir: ()=>prepareTmpDir,
-    replaceExtension: ()=>replaceExtension
+    toPosixPath: ()=>toPosixPath,
+    isUsingMFCommand: ()=>isUsingMFCommand,
+    stubHostEntry: ()=>stubHostEntry,
+    isUsingMFBundleCommand: ()=>isUsingMFBundleCommand
 });
 const external_node_fs_namespaceObject = require("node:fs");
 var external_node_fs_default = /*#__PURE__*/ __webpack_require__.n(external_node_fs_namespaceObject);
@@ -98,6 +99,9 @@ function prepareTmpDir(projectRootPath) {
     });
     return tmpDirPath;
 }
+function toPosixPath(value) {
+    return value.replaceAll('\\', '/');
+}
 exports.isUsingMFBundleCommand = __webpack_exports__.isUsingMFBundleCommand;
 exports.isUsingMFCommand = __webpack_exports__.isUsingMFCommand;
 exports.prepareTmpDir = __webpack_exports__.prepareTmpDir;
@@ -105,6 +109,7 @@ exports.removeExtension = __webpack_exports__.removeExtension;
 exports.replaceExtension = __webpack_exports__.replaceExtension;
 exports.stubHostEntry = __webpack_exports__.stubHostEntry;
 exports.stubRemoteEntry = __webpack_exports__.stubRemoteEntry;
+exports.toPosixPath = __webpack_exports__.toPosixPath;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "isUsingMFBundleCommand",
     "isUsingMFCommand",
@@ -112,7 +117,8 @@ for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "removeExtension",
     "replaceExtension",
     "stubHostEntry",
-    "stubRemoteEntry"
+    "stubRemoteEntry",
+    "toPosixPath"
 ].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
 Object.defineProperty(exports, '__esModule', {
     value: true

package/dist/plugin/helpers.mjs

@@ -55,4 +55,7 @@ function prepareTmpDir(projectRootPath) {
     });
     return tmpDirPath;
 }
-export { isUsingMFBundleCommand, isUsingMFCommand, prepareTmpDir, removeExtension, replaceExtension, stubHostEntry, stubRemoteEntry };
+function toPosixPath(value) {
+    return value.replaceAll('\\', '/');
+}
+export { isUsingMFBundleCommand, isUsingMFCommand, prepareTmpDir, removeExtension, replaceExtension, stubHostEntry, stubRemoteEntry, toPosixPath };

package/dist/plugin/index.d.ts

@@ -1,9 +1,11 @@
 import type { ConfigT } from 'metro-config';
 import type { ModuleFederationConfig, ModuleFederationConfigNormalized, ModuleFederationExtraOptions } from '../types';
+import type { FederatedTypesMeta } from '../utils/federated-remote-types';
 declare global {
     var __METRO_FEDERATION_CONFIG: ModuleFederationConfigNormalized;
     var __METRO_FEDERATION_ORIGINAL_ENTRY_PATH: string | undefined;
     var __METRO_FEDERATION_REMOTE_ENTRY_PATH: string | undefined;
     var __METRO_FEDERATION_MANIFEST_PATH: string | undefined;
+    var __METRO_FEDERATION_DTS_ASSETS: FederatedTypesMeta | undefined;
 }
 export declare function withModuleFederation(config: ConfigT, federationOptions: ModuleFederationConfig, extraOptions?: ModuleFederationExtraOptions): ConfigT;