chore(data-prefetch): migrate to rslib bundleless

packages/data-prefetch/package.json

@@ -24,29 +24,54 @@
   ],
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs.cjs"
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.cjs"
+      }
     },
     "./react": {
-      "types": "./dist/react.d.ts",
-      "import": "./dist/react.esm.js",
-      "require": "./dist/react.cjs.cjs"
+      "import": {
+        "types": "./dist/react.d.ts",
+        "default": "./dist/react.js"
+      },
+      "require": {
+        "types": "./dist/react.d.ts",
+        "default": "./dist/react.cjs"
+      }
     },
     "./cli": {
-      "types": "./dist/cli.d.ts",
-      "import": "./dist/cli.esm.js",
-      "require": "./dist/cli.cjs.cjs"
+      "import": {
+        "types": "./dist/cli.d.ts",
+        "default": "./dist/cli.js"
+      },
+      "require": {
+        "types": "./dist/cli.d.ts",
+        "default": "./dist/cli.cjs"
+      }
     },
     "./babel-plugin": {
-      "types": "./dist/babel.d.ts",
-      "import": "./dist/babel.esm.js",
-      "require": "./dist/babel.cjs.cjs"
+      "import": {
+        "types": "./dist/babel.d.ts",
+        "default": "./dist/babel.js"
+      },
+      "require": {
+        "types": "./dist/babel.d.ts",
+        "default": "./dist/babel.cjs"
+      }
     },
     "./universal": {
-      "types": "./dist/universal.d.ts",
-      "import": "./dist/universal.esm.js",
-      "require": "./dist/universal.cjs.cjs"
+      "import": {
+        "types": "./dist/universal.d.ts",
+        "default": "./dist/universal.js"
+      },
+      "require": {
+        "types": "./dist/universal.d.ts",
+        "default": "./dist/universal.cjs"
+      }
     }
   },
   "typesVersions": {
@@ -68,8 +93,9 @@
       ]
     }
   },
-  "main": "dist/index.cjs.cjs",
-  "module": "dist/index.esm.js",
+  "main": "./dist/index.cjs",
+  "types": "./dist/index.d.ts",
+  "module": "./dist/index.js",
   "peerDependencies": {
     "react": ">=16.9.0",
     "react-dom": ">=16.9.0"

packages/data-prefetch/project.json

@@ -6,20 +6,18 @@
   "tags": ["type:pkg"],
   "targets": {
     "build": {
-      "executor": "@nx/rollup:rollup",
-      "outputs": ["{options.outputPath}"],
+      "executor": "nx:run-commands",
+      "outputs": ["{workspaceRoot}/packages/data-prefetch/dist"],
       "options": {
-        "outputPath": "packages/data-prefetch/dist",
-        "main": "packages/data-prefetch/src/index.ts",
-        "tsConfig": "packages/data-prefetch/tsconfig.lib.json",
-        "assets": [],
-        "project": "packages/data-prefetch/package.json",
-        "rollupConfig": "packages/data-prefetch/rollup.config.cjs",
-        "compiler": "tsc",
-        "format": ["cjs", "esm"],
-        "generatePackageJson": false,
-        "useLegacyTypescriptPlugin": false
-      }
+        "command": "rslib build",
+        "cwd": "packages/data-prefetch"
+      },
+      "dependsOn": [
+        {
+          "target": "build",
+          "dependencies": true
+        }
+      ]
     },
     "test": {
       "executor": "@nx/jest:jest",

packages/data-prefetch/rslib.config.ts

@@ -0,0 +1,47 @@
+import { defineConfig } from '@rslib/core';
+
+export default defineConfig({
+  lib: [
+    {
+      format: 'esm',
+      syntax: 'es2021',
+      bundle: false,
+      outBase: 'src',
+      dts: {
+        bundle: false,
+        distPath: './dist',
+      },
+    },
+    {
+      format: 'cjs',
+      syntax: 'es2021',
+      bundle: false,
+      outBase: 'src',
+      dts: false,
+    },
+  ],
+  source: {
+    entry: {
+      index: [
+        './src/**/*.{ts,tsx,js,jsx}',
+        '!./src/**/*.spec.*',
+        '!./src/**/*.test.*',
+      ],
+    },
+    tsconfigPath: './tsconfig.lib.json',
+  },
+  output: {
+    target: 'node',
+    minify: false,
+    distPath: {
+      root: './dist',
+    },
+    externals: [/@module-federation\//, 'react', 'react-dom'],
+    copy: [
+      {
+        from: './LICENSE',
+        to: '.',
+      },
+    ],
+  },
+});

packages/data-prefetch/src/babel.ts

@@ -0,0 +1 @@
+export * from './cli/babel';

packages/data-prefetch/src/cli.ts

@@ -0,0 +1 @@
+export * from './cli/index';

packages/data-prefetch/src/plugin.ts

@@ -1,4 +1,4 @@
-import type { ModuleFederationRuntimePlugin } from '@module-federation/runtime/types';
+import type { ModuleFederationRuntimePlugin } from '@module-federation/runtime';
 import { ModuleInfo, getResourceUrl } from '@module-federation/sdk';
 
 import { getSignalFromManifest } from './common/runtime-utils';

packages/data-prefetch/src/prefetch.ts

@@ -22,6 +22,9 @@ interface FederationWithPrefetch extends Federation {
 }
 
 type PrefetchExports = Record<string, any>;
+type FederationGlobal = typeof globalThis & {
+  __FEDERATION__?: FederationWithPrefetch;
+};
 
 export interface DataPrefetchOptions {
   name: string;
@@ -38,14 +41,15 @@ export interface prefetchOptions {
 }
 
 // @ts-ignore init global variable for test
-globalThis.__FEDERATION__ ??= {};
-(
-  globalThis.__FEDERATION__ as unknown as FederationWithPrefetch
-).__PREFETCH__ ??= {
+const federationGlobal = globalThis as FederationGlobal;
+federationGlobal.__FEDERATION__ ??= {} as FederationWithPrefetch;
+federationGlobal.__FEDERATION__.__PREFETCH__ ??= {
   entryLoading: {},
   instance: new Map(),
   __PREFETCH_EXPORTS__: {},
 } as FederationWithPrefetch['__PREFETCH__'];
+const getFederation = (): FederationWithPrefetch =>
+  (globalThis as FederationGlobal).__FEDERATION__!;
 export class MFDataPrefetch {
   public prefetchMemory: Map<string, Promise<any>>;
   public recordOutdate: Record<string, Record<string, boolean>>;
@@ -61,14 +65,11 @@ export class MFDataPrefetch {
   }
 
   get global(): FederationWithPrefetch['__PREFETCH__'] {
-    return (globalThis.__FEDERATION__ as unknown as FederationWithPrefetch)
-      .__PREFETCH__;
+    return getFederation().__PREFETCH__;
   }
 
   static getInstance(id: string): MFDataPrefetch | undefined {
-    return (
-      globalThis.__FEDERATION__ as unknown as FederationWithPrefetch
-    ).__PREFETCH__.instance.get(id);
+    return getFederation().__PREFETCH__.instance.get(id);
   }
 
   async loadEntry(entry: string | undefined): Promise<any> {
@@ -98,9 +99,8 @@ export class MFDataPrefetch {
       return this._exports;
     }
     const { name } = this._options;
-    const exportsPromiseFn = (
-      globalThis.__FEDERATION__ as unknown as FederationWithPrefetch
-    ).__PREFETCH__.__PREFETCH_EXPORTS__?.[name];
+    const exportsPromiseFn =
+      getFederation().__PREFETCH__.__PREFETCH_EXPORTS__?.[name];
     const exportsPromise =
       typeof exportsPromiseFn === 'function'
         ? exportsPromiseFn()

packages/data-prefetch/src/react.ts

@@ -0,0 +1 @@
+export * from './react/index';

packages/data-prefetch/src/universal.ts

@@ -0,0 +1 @@
+export * from './universal/index';

packages/data-prefetch/tsconfig.lib.json

@@ -1,7 +1,7 @@
 {
   "extends": "./tsconfig.json",
   "compilerOptions": {
-    "outDir": "../../dist/out-tsc",
+    "rootDir": "./src",
     "declaration": true,
     "types": ["node"]
   },

packages/enhanced/src/lib/container/runtime/FederationRuntimePlugin.ts

@@ -34,17 +34,47 @@ const { mkdirpSync } = require(
   normalizeWebpackPath('webpack/lib/util/fs'),
 ) as typeof import('webpack/lib/util/fs');
 
-const RuntimeToolsPath = require.resolve(
+function resolveModule(
+  candidates: string[],
+  options?: NodeJS.RequireResolveOptions,
+): string {
+  let lastError: unknown;
+  for (const candidate of candidates) {
+    try {
+      return require.resolve(candidate, options);
+    } catch (error) {
+      lastError = error;
+    }
+  }
+
+  throw (
+    lastError ??
+    new Error(`Unable to resolve any module from: ${candidates.join(', ')}`)
+  );
+}
+
+const RuntimeToolsPath = resolveModule([
+  '@module-federation/runtime-tools',
   '@module-federation/runtime-tools/dist/index.esm.js',
-);
-const BundlerRuntimePath = require.resolve(
-  '@module-federation/webpack-bundler-runtime/dist/index.esm.js',
+  '@module-federation/runtime-tools/dist/index.cjs.cjs',
+]);
+const BundlerRuntimePath = resolveModule(
+  [
+    '@module-federation/webpack-bundler-runtime',
+    '@module-federation/webpack-bundler-runtime/dist/index.js',
+    '@module-federation/webpack-bundler-runtime/dist/index.esm.js',
+    '@module-federation/webpack-bundler-runtime/dist/index.cjs.cjs',
+  ],
   {
     paths: [RuntimeToolsPath],
   },
 );
-const RuntimePath = require.resolve(
-  '@module-federation/runtime/dist/index.esm.js',
+const RuntimePath = resolveModule(
+  [
+    '@module-federation/runtime',
+    '@module-federation/runtime/dist/index.esm.js',
+    '@module-federation/runtime/dist/index.cjs.cjs',
+  ],
   {
     paths: [RuntimeToolsPath],
   },
@@ -431,8 +461,13 @@ class FederationRuntimePlugin {
     }
 
     if (this.options?.implementation) {
-      this.bundlerRuntimePath = require.resolve(
-        '@module-federation/webpack-bundler-runtime/dist/index.esm.js',
+      this.bundlerRuntimePath = resolveModule(
+        [
+          '@module-federation/webpack-bundler-runtime',
+          '@module-federation/webpack-bundler-runtime/dist/index.js',
+          '@module-federation/webpack-bundler-runtime/dist/index.esm.js',
+          '@module-federation/webpack-bundler-runtime/dist/index.cjs.cjs',
+        ],
         {
           paths: [this.options.implementation],
         },

packages/error-codes/package.json

@@ -22,6 +22,9 @@
   "publishConfig": {
     "access": "public"
   },
+  "browser": {
+    "url": false
+  },
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.esm.mjs",
   "types": "./dist/index.d.ts",

packages/runtime/package.json

@@ -6,6 +6,9 @@
   "main": "./dist/index.cjs.cjs",
   "module": "./dist/index.esm.js",
   "types": "./dist/index.d.ts",
+  "browser": {
+    "url": false
+  },
   "license": "MIT",
   "publishConfig": {
     "access": "public"

packages/runtime/src/helpers.ts

@@ -6,13 +6,22 @@ export type {
   IShareUtils,
 } from '@module-federation/runtime-core';
 
-export default {
-  ...helpers,
-  global: {
-    ...helpers.global,
-    getGlobalFederationInstance,
-  },
-} as {
+export const global = {
+  ...helpers.global,
+  getGlobalFederationInstance,
+};
+
+export const share = helpers.share;
+
+export const utils = helpers.utils;
+
+const runtimeHelpers = {
+  global,
+  share,
+  utils,
+};
+
+export default runtimeHelpers as {
   global: typeof helpers.global & {
     getGlobalFederationInstance: typeof getGlobalFederationInstance;
   };

packages/sdk/package.json

@@ -26,6 +26,9 @@
   "main": "./dist/index.cjs.cjs",
   "module": "./dist/index.esm.js",
   "types": "./dist/index.d.ts",
+  "browser": {
+    "url": false
+  },
   "exports": {
     ".": {
       "import": {