@module-federation/modern-js 0.0.0-next-20240515062211

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

@@ -0,0 +1,74 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { loadRemote, getInstance } from "@module-federation/enhanced/runtime";
+function getLoadedRemoteInfos(instance, id) {
+  const moduleName = instance.remoteHandler.idToModuleNameMap[id];
+  if (!moduleName) {
+    return;
+  }
+  const module = instance.moduleCache.get(moduleName);
+  if (!module) {
+    return;
+  }
+  const { remoteSnapshot } = instance.snapshotHandler.getGlobalRemoteInfo(module.remoteInfo);
+  return {
+    ...module.remoteInfo,
+    snapshot: remoteSnapshot
+  };
+}
+function collectLinks(id) {
+  const links = [];
+  const instance = getInstance();
+  if (!instance) {
+    return links;
+  }
+  const loadedRemoteInfo = getLoadedRemoteInfos(instance, id);
+  if (!loadedRemoteInfo) {
+    return links;
+  }
+  const snapshot = loadedRemoteInfo.snapshot;
+  if (!snapshot) {
+    return links;
+  }
+  const publicPath = "publicPath" in snapshot ? snapshot.publicPath : "getPublicPath" in snapshot ? new Function(snapshot.getPublicPath)() : "";
+  if (!publicPath) {
+    return links;
+  }
+  const modules = "modules" in snapshot ? snapshot.modules : [];
+  if (modules) {
+    modules.forEach((module) => {
+      [
+        ...module.assets.css.sync,
+        ...module.assets.css.async
+      ].forEach((file, index) => {
+        links.push(/* @__PURE__ */ _jsx("link", {
+          href: `${publicPath}${file}`,
+          rel: "stylesheet",
+          type: "text/css"
+        }, index));
+      });
+    });
+  }
+  return links;
+}
+function MFReactComponent(props) {
+  const { loading = "loading...", id } = props;
+  const Component = /* @__PURE__ */ React.lazy(() => loadRemote(id).then((mod) => {
+    const links = collectLinks(id);
+    return {
+      default: () => /* @__PURE__ */ _jsxs("div", {
+        children: [
+          links,
+          /* @__PURE__ */ _jsx(mod.default, {})
+        ]
+      })
+    };
+  }));
+  return /* @__PURE__ */ _jsx(React.Suspense, {
+    fallback: loading,
+    children: /* @__PURE__ */ _jsx(Component, {})
+  });
+}
+export {
+  MFReactComponent
+};

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

@@ -0,0 +1,5 @@
+export * from "@module-federation/enhanced/runtime";
+import { MFReactComponent } from "./MFReactComponent";
+export {
+  MFReactComponent
+};

package/dist/types/cli/index.d.ts

@@ -0,0 +1,5 @@
+import type { CliPlugin, AppTools } from '@modern-js/app-tools';
+import type { PluginOptions } from '../types';
+export declare const moduleFederationPlugin: (userConfig?: PluginOptions) => CliPlugin<AppTools>;
+export default moduleFederationPlugin;
+export { createModuleFederationConfig } from '@module-federation/enhanced';

package/dist/types/cli/manifest.d.ts

@@ -0,0 +1,2 @@
+import { ModuleFederationPlugin } from '@module-federation/enhanced';
+export declare function updateStatsAndManifest(nodePlugin: ModuleFederationPlugin, browserPlugin: ModuleFederationPlugin, outputDir: string): void;

package/dist/types/cli/mfRuntimePlugins/shared-strategy.d.ts

@@ -0,0 +1,3 @@
+import type { FederationRuntimePlugin } from '@module-federation/enhanced/runtime';
+declare const sharedStrategy: () => FederationRuntimePlugin;
+export default sharedStrategy;

package/dist/types/cli/utils.d.ts

@@ -0,0 +1,4 @@
+import { moduleFederationPlugin } from '@module-federation/sdk';
+import { PluginOptions } from '../types';
+export declare const getMFConfig: (userConfig: PluginOptions) => Promise<moduleFederationPlugin.ModuleFederationPluginOptions>;
+export declare const patchMFConfig: (mfConfig: moduleFederationPlugin.ModuleFederationPluginOptions) => void;

package/dist/types/constant.d.ts

@@ -0,0 +1 @@
+export declare const MODERN_JS_SERVER_DIR = "bundles";

package/dist/types/runtime/MFReactComponent.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface IProps {
+    id: string;
+    loading?: React.ReactNode;
+}
+declare function MFReactComponent(props: IProps): React.JSX.Element;
+export { MFReactComponent };

package/dist/types/runtime/index.d.ts

@@ -0,0 +1,2 @@
+export * from '@module-federation/enhanced/runtime';
+export { MFReactComponent } from './MFReactComponent';

package/dist/types/types/index.d.ts

@@ -0,0 +1,5 @@
+import { moduleFederationPlugin } from '@module-federation/sdk';
+export interface PluginOptions {
+    config?: moduleFederationPlugin.ModuleFederationPluginOptions;
+    configPath?: string;
+}

package/package.json

@@ -0,0 +1,56 @@
+{
+  "name": "@module-federation/modern-js",
+  "version": "0.0.0-next-20240515062211",
+  "files": [
+    "dist/",
+    "types.d.ts",
+    "README.md"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "exports": {
+    ".": {
+      "import": "./dist/esm/cli/index.js",
+      "require": "./dist/cjs/cli/index.js",
+      "types": "./dist/types/cli/index.d.ts"
+    },
+    "./runtime": {
+      "types": "./dist/types/runtime/index.d.ts",
+      "default": "./dist/esm/runtime/index.js"
+    }
+  },
+  "typesVersions": {
+    "*": {
+      ".": [
+        "./dist/types/cli/index.d.ts"
+      ],
+      "runtime": [
+        "./dist/types/runtime/index.d.ts"
+      ]
+    }
+  },
+  "main": "./dist/cjs/cli/index.js",
+  "types": "./dist/types/cli/index.d.ts",
+  "author": "hanric <hanric.zhang@gmail.com>",
+  "license": "MIT",
+  "dependencies": {
+    "@swc/helpers": "0.5.3",
+    "@modern-js/utils": "^2.49.2",
+    "@modern-js/node-bundle-require": "^2.49.2",
+    "@module-federation/sdk": "0.0.0-next-20240515062211",
+    "@module-federation/enhanced": "0.0.0-next-20240515062211",
+    "@module-federation/node": "0.0.0-next-20240515062211"
+  },
+  "devDependencies": {
+    "@modern-js/app-tools": "^2.49.2",
+    "@modern-js/core": "^2.49.2",
+    "@modern-js/runtime": "^2.49.2",
+    "@modern-js/module-tools": "^2.35.0",
+    "@modern-js/tsconfig": "^2.35.0",
+    "@module-federation/manifest": "0.0.0-next-20240515062211"
+  },
+  "scripts": {
+    "build": "modern build"
+  }
+}

package/types.d.ts

@@ -0,0 +1,5 @@
+import './dist/types/runtime';
+
+declare module '@modern-js/runtime/mf' {
+  export * from './dist/types/runtime';
+}