feat: enhance type capabilities (#2185)

Co-authored-by: Zhou xiao <[email protected]>

Author: 2heal1

.changeset/config.json

@@ -11,7 +11,9 @@
       "@module-federation/sdk",
       "@module-federation/runtime-tools",
       "@module-federation/managers",
-      "@module-federation/manifest"
+      "@module-federation/manifest",
+      "@module-federation/dts-plugin",
+      "@module-federation/native-federation-typescript"
     ]
   ],
   "ignorePatterns": ["^alpha|^beta"],

.changeset/late-mice-hope.md

@@ -0,0 +1,11 @@
+---
+'@module-federation/native-federation-typescript': patch
+'@module-federation/third-party-dts-extractor': patch
+'@module-federation/enhanced-rspack': patch
+'@module-federation/dts-plugin': patch
+'@module-federation/enhanced': patch
+'@module-federation/manifest': patch
+'@module-federation/sdk': patch
+---
+
+feat: enhance type capability

.gitignore

@@ -54,3 +54,4 @@ apps/**/dist
 !packages/enhanced/test/configCases/**/**/node_modules
 packages/enhanced/test/js
 .ignored
+/.mf

apps/3000-home/next.config.js

@@ -12,7 +12,9 @@ const nextConfig = {
   },
   webpack(config, options) {
     const { isServer } = options;
-
+    config.watchOptions = {
+      ignored: ['**/node_modules/**', '**/@mf-types/**'],
+    };
     // used for testing build output snapshots
     const remotes = {
       checkout: `checkout@http://localhost:3002/_next/static/${

apps/3001-shop/next.config.js

@@ -11,7 +11,9 @@ const nextConfig = {
   },
   webpack(config, options) {
     const { isServer } = options;
-
+    config.watchOptions = {
+      ignored: ['**/node_modules/**', '**/@mf-types/**'],
+    };
     config.plugins.push(
       new NextFederationPlugin({
         name: 'shop',

apps/3002-checkout/next.config.js

@@ -12,6 +12,9 @@ const nextConfig = {
   },
   webpack(config, options) {
     const { isServer } = options;
+    config.watchOptions = {
+      ignored: ['**/node_modules/**', '**/@mf-types/**'],
+    };
     config.plugins.push(
       new NextFederationPlugin({
         name: 'checkout',

apps/react-ts-host/@mf-types/index.d.ts

@@ -0,0 +1,24 @@
+import type {
+  PackageType as PackageType_0,
+  RemoteKeys as RemoteKeys_0,
+} from './react_ts_nested_remote/apis.d.ts';
+declare module '@module-federation/runtime' {
+  type RemoteKeys = RemoteKeys_0;
+  type PackageType<T, Y = any> = T extends RemoteKeys_0 ? PackageType_0<T> : Y;
+  export function loadRemote<T extends RemoteKeys, Y>(
+    packageName: T,
+  ): Promise<PackageType<T, Y>>;
+  export function loadRemote<T extends string, Y>(
+    packageName: T,
+  ): Promise<PackageType<T, Y>>;
+}
+declare module '@module-federation/runtime-tools' {
+  type RemoteKeys = RemoteKeys_0;
+  type PackageType<T, Y = any> = T extends RemoteKeys_0 ? PackageType_0<T> : Y;
+  export function loadRemote<T extends RemoteKeys, Y>(
+    packageName: T,
+  ): Promise<PackageType<T, Y>>;
+  export function loadRemote<T extends string, Y>(
+    packageName: T,
+  ): Promise<PackageType<T, Y>>;
+}

apps/react-ts-host/@mf-types/react-ts-remote/Module.d.ts

@@ -0,0 +1,2 @@
+export * from './compiled-types/nx-welcome';
+export { default } from './compiled-types/nx-welcome';

apps/react-ts-host/@mf-types/react_ts_nested_remote/Module.d.ts

@@ -0,0 +1,8 @@
+export type RemoteKeys =
+  | 'react_ts_nested_remote/Module'
+  | 'react_ts_nested_remote/utils';
+type PackageType<T> = T extends 'react_ts_nested_remote/utils'
+  ? typeof import('react_ts_nested_remote/utils')
+  : T extends 'react_ts_nested_remote/Module'
+  ? typeof import('react_ts_nested_remote/Module')
+  : any;