feat(dts-plugin): decode encoded remote name (#2626)

Author: 2heal1

.changeset/dull-berries-judge.md

@@ -0,0 +1,7 @@
+---
+'@module-federation/webpack-bundler-runtime': patch
+'@module-federation/dts-plugin': patch
+'@module-federation/sdk': patch
+---
+
+fix: support decode encode remote name

packages/dts-plugin/src/core/configurations/hostPlugin.ts

@@ -1,4 +1,9 @@
-import { MANIFEST_EXT, parseEntry } from '@module-federation/sdk';
+import {
+  MANIFEST_EXT,
+  parseEntry,
+  ENCODE_NAME_PREFIX,
+  decodeName,
+} from '@module-federation/sdk';
 import { utils } from '@module-federation/managers';
 import { HostOptions, RemoteInfo } from '../interfaces/HostOptions';
 import { validateOptions } from '../lib/utils';
@@ -39,14 +44,18 @@ export const retrieveRemoteInfo = (options: {
   remote: string;
 }): RemoteInfo => {
   const { hostOptions, remoteAlias, remote } = options;
+  let decodedRemote = remote;
+  if (decodedRemote.startsWith(ENCODE_NAME_PREFIX)) {
+    decodedRemote = decodeName(decodedRemote, ENCODE_NAME_PREFIX);
+  }
 
-  const parsedInfo = parseEntry(remote, undefined, '@');
+  const parsedInfo = parseEntry(decodedRemote, undefined, '@');
 
   const url =
     'entry' in parsedInfo
       ? parsedInfo.entry
-      : parsedInfo.name === remote
-      ? remote
+      : parsedInfo.name === decodedRemote
+      ? decodedRemote
       : '';
 
   const zipUrl = url ? buildZipUrl(hostOptions, url) : '';

packages/sdk/src/constant.ts

@@ -32,3 +32,4 @@ export const MFModuleType = {
 };
 
 export const MODULE_DEVTOOL_IDENTIFIER = '__MF_DEVTOOLS_MODULE_INFO__';
+export const ENCODE_NAME_PREFIX = 'ENCODE_NAME_PREFIX';

packages/webpack-bundler-runtime/src/constant.ts

@@ -1,2 +1,2 @@
-export const ENCODE_NAME_PREFIX = 'ENCODE_NAME_PREFIX';
 export const FEDERATION_SUPPORTED_TYPES = ['script'];
+export { ENCODE_NAME_PREFIX } from '@module-federation/sdk';

packages/webpack-bundler-runtime/src/remotes.ts

@@ -1,8 +1,7 @@
 import { attachShareScopeMap } from './attachShareScopeMap';
 import type { RemoteEntryExports } from './types';
 import { RemotesOptions } from './types';
-import { decodeName } from '@module-federation/sdk';
-import { ENCODE_NAME_PREFIX } from './constant';
+import { decodeName, ENCODE_NAME_PREFIX } from '@module-federation/sdk';
 
 export function remotes(options: RemotesOptions) {
   const {