feat: support version-first strategy

Author: 2heal1

apps/shared-treeshake/README.md

@@ -29,22 +29,14 @@ serve apps/shared-treeshake/provider/dist -C -p 3002
 
 3. Visit page
 
-open http://localhost:3001 , it will show the error: 
-
-Minified React error #130
+open http://localhost:3001 , it will render success. 
 
 You can check the current loaded shared by executing `__FEDERATION__.__SHARE__["mf_host:0.1.34"].default.antd["4.24.15"].lib()` in browser console.
 
-It will show only export 4 components : 
+It will show all antd components (fallback resources).
 
-```
-Button
-Divider
-Space
-Switch
-```
 
-4. Set localStorage to mock snapshot
+<!-- 4. Set localStorage to mock snapshot
 
 ```bash
 localStorage.setItem('calc','no-use')
@@ -56,7 +48,7 @@ It will use the fallback resources.
 
 Execute `__FEDERATION__.__SHARE__["mf_host:0.1.34"].default.antd["4.24.15"].lib()` in browser console.
 
-It will show export all components . 
+It will show export all components .  -->
 
 ### Advanced
 

apps/shared-treeshake/host/module-federation.config.ts

@@ -10,7 +10,7 @@ export default createModuleFederationConfig({
     react: {},
     'react-dom': {},
   },
-  shareStrategy: 'loaded-first',
+  // shareStrategy: 'loaded-first',
   dts: false,
   runtimePlugins: [require.resolve('./runtimePlugin.ts')],
 });

packages/runtime-core/src/shared/index.ts

@@ -4,6 +4,7 @@ import {
   RUNTIME_006,
   runtimeDescMap,
 } from '@module-federation/error-codes';
+import { TreeshakeStatus, isDebugMode } from '@module-federation/sdk';
 import { Federation } from '../global';
 import {
   Options,
@@ -16,6 +17,7 @@ import {
   InitScope,
   InitTokens,
   CallFrom,
+  NoMatchedUsedExportsItem,
 } from '../type';
 import { ModuleFederation } from '../core';
 import {
@@ -100,6 +102,19 @@ export class SharedHandler {
         shared.scope.forEach((scope) => {
           if (!this.shareScopeMap[scope]?.[sharedKey]?.[shared.version]) {
             registered = false;
+          } else if (sharedVal.usedExports) {
+            const registeredShared =
+              this.shareScopeMap[scope][sharedKey][shared.version];
+            if (
+              registeredShared.treeshakeStatus === TreeshakeStatus.UNKNOWN &&
+              registeredShared.usedExports &&
+              sharedVal.usedExports.some(
+                (exportName) =>
+                  !registeredShared.usedExports?.includes(exportName),
+              )
+            ) {
+              registeredShared.treeshakeStatus = TreeshakeStatus.NO_USE;
+            }
           }
         });
 
@@ -469,6 +484,34 @@ export class SharedHandler {
     extraOptions: { hostShareScopeMap?: ShareScopeMap } = {},
   ): void {
     const { host } = this;
+    const existedShareScope = this.shareScopeMap[scopeName];
+    Object.entries(shareScope).forEach(([pkgName, newVersions]) => {
+      const existedShareMap = existedShareScope[pkgName];
+      if (!existedShareMap) {
+        return;
+      }
+      Object.entries(existedShareMap).forEach(([version, existedShared]) => {
+        const newShared = newVersions[version];
+        if (
+          newShared &&
+          newShared.treeshakeStatus === TreeshakeStatus.UNKNOWN &&
+          newShared.usedExports &&
+          existedShared.usedExports &&
+          existedShared.usedExports.some(
+            (exportName) => !newShared.usedExports?.includes(exportName),
+          )
+        ) {
+          newShared.treeshakeStatus = TreeshakeStatus.NO_USE;
+          newShared._noMatchedUsedExports =
+            existedShared._noMatchedUsedExports || [];
+          const item: NoMatchedUsedExportsItem = [existedShared.from];
+          if (isDebugMode() && existedShared.usedExports) {
+            item.push(existedShared.usedExports);
+          }
+          newShared._noMatchedUsedExports.push(item);
+        }
+      });
+    });
     this.shareScopeMap[scopeName] = shareScope;
     this.hooks.lifecycle.initContainerShareScopeMap.emit({
       shareScope,

packages/runtime-core/src/type/config.ts

@@ -77,6 +77,8 @@ export type ShareArgs =
   | (SharedBaseArgs & { lib: () => Module })
   | SharedBaseArgs;
 export type ShareStrategy = 'version-first' | 'loaded-first';
+
+export type NoMatchedUsedExportsItem = [from: string, usedExports?: string[]];
 export type Shared = {
   version: string;
   get: SharedGetter;
@@ -98,6 +100,7 @@ export type Shared = {
   fallback?: SharedGetter;
   reShakeGet?: SharedGetter;
   treeshakeStatus: TreeshakeStatus;
+  _noMatchedUsedExports?: NoMatchedUsedExportsItem[];
 };
 
 export type ShareScopeMap = {