feat: implement rslib with TypeScript declaration generation

.vscode/settings.json

@@ -1,5 +1,6 @@
 {
   "diffEditor.wordWrap": "on",
   "editor.rename.enablePreview": false,
-  "nxConsole.generateAiAgentRules": true
+  "nxConsole.generateAiAgentRules": true,
+  "eslint.validate": ["json"]
 }

apps/rslib-module/package.json

@@ -23,7 +23,7 @@
     "@module-federation/rsbuild-plugin": "workspace:*",
     "@module-federation/storybook-addon": "workspace:*",
     "@rsbuild/plugin-react": "^1.0.6",
-    "@rslib/core": "0.2.0",
+    "@rslib/core": "0.10.4",
     "@types/react": "^18.3.11",
     "http-server": "^14.1.1",
     "react": "^18.3.1",

apps/rslib-module/project.json

@@ -1,16 +1,41 @@
 {
   "name": "rslib-module",
   "$schema": "../../node_modules/nx/schemas/project-schema.json",
-  "sourceRoot": "packages/rslib-module/src",
+  "sourceRoot": "apps/rslib-module/src",
   "projectType": "library",
   "tags": ["type:app"],
   "targets": {
     "build": {
-      "executor": "nx:run-commands",
+      "executor": "../../tools/rslib-plugin:build",
+      "outputs": ["{projectRoot}/dist"],
       "options": {
-        "commands": ["npm run build --prefix apps/rslib-module"]
+        "configFile": "rslib.config.ts",
+        "mode": "production"
+      },
+      "configurations": {
+        "development": {
+          "mode": "development"
+        },
+        "watch": {
+          "watch": true
+        }
       }
     },
+    "dev": {
+      "executor": "../../tools/rslib-plugin:dev",
+      "options": {
+        "configFile": "rslib.config.ts",
+        "mode": "mf-dev",
+        "port": 3001,
+        "open": false
+      },
+      "dependsOn": [
+        {
+          "target": "build",
+          "dependencies": true
+        }
+      ]
+    },
     "serve": {
       "executor": "nx:run-commands",
       "options": {
@@ -23,10 +48,11 @@
         }
       ]
     },
-    "dev": {
-      "executor": "nx:run-commands",
+    "build-watch": {
+      "executor": "../../tools/rslib-plugin:dev",
       "options": {
-        "commands": ["npm run dev --prefix apps/rslib-module"]
+        "configFile": "rslib.config.ts",
+        "mode": "watch"
       },
       "dependsOn": [
         {
@@ -35,6 +61,22 @@
         }
       ]
     },
+    "test": {
+      "executor": "../../tools/rslib-plugin:build",
+      "options": {
+        "configFile": "rslib.config.ts",
+        "mode": "development",
+        "verbose": true
+      }
+    },
+    "test:watch": {
+      "executor": "../../tools/rslib-plugin:build",
+      "options": {
+        "configFile": "rslib.config.ts",
+        "mode": "development",
+        "watch": true
+      }
+    },
     "storybook": {
       "executor": "nx:run-commands",
       "options": {

nx.json

@@ -7,7 +7,12 @@
       "cache": true
     },
     "lint": {
-      "inputs": ["default", "{workspaceRoot}/.eslintrc.json"],
+      "inputs": [
+        "default",
+        "{workspaceRoot}/.eslintrc.json",
+        "{workspaceRoot}/.eslintignore",
+        "{workspaceRoot}/eslint.config.js"
+      ],
       "cache": true
     },
     "test": {
@@ -48,23 +53,30 @@
     },
     "@module-federation/3002-checkout:build:production": {
       "cache": false
+    },
+    "@nx/js:tsc": {
+      "cache": true,
+      "dependsOn": ["^build"],
+      "inputs": ["production", "^production"]
+    },
+    "@nx/vite:test": {
+      "cache": true,
+      "inputs": ["default", "^production"]
     }
   },
   "namedInputs": {
     "default": ["{projectRoot}/**/*", "sharedGlobals"],
     "production": [
       "default",
-      "!{projectRoot}/.eslintrc.json",
       "!{projectRoot}/**/?(*.)+(spec|test).[jt]s?(x)?(.snap)",
       "!{projectRoot}/tsconfig.spec.json",
       "!{projectRoot}/jest.config.[jt]s",
-      "!{projectRoot}/vitest.config.[jt]s",
-      "!{projectRoot}/.storybook/**/*",
-      "!{projectRoot}/**/*.stories.@(js|jsx|ts|tsx|mdx)",
       "!{projectRoot}/src/test-setup.[jt]s",
-      "!{projectRoot}/tsconfig.storybook.json"
+      "!{projectRoot}/test-setup.[jt]s",
+      "!{projectRoot}/.eslintrc.json",
+      "!{projectRoot}/eslint.config.js"
     ],
-    "sharedGlobals": ["{workspaceRoot}/babel.config.json"]
+    "sharedGlobals": []
   },
   "workspaceLayout": {
     "appsDir": "apps",
@@ -106,5 +118,8 @@
   },
   "useInferencePlugins": false,
   "defaultBase": "main",
-  "nxCloudAccessToken": "NTVlZTRhOWItMGRjYy00YmJjLTllNzAtNDFkNzRhNzdjZDkwfHJlYWQtd3JpdGU="
+  "nxCloudAccessToken": "NTVlZTRhOWItMGRjYy00YmJjLTllNzAtNDFkNzRhNzdjZDkwfHJlYWQtd3JpdGU=",
+  "cli": {
+    "tui": false
+  }
 }

package.json

@@ -117,6 +117,7 @@
     "@nx/module-federation": "21.0.3",
     "@nx/next": "21.0.3",
     "@nx/node": "21.0.3",
+    "@nx/plugin": "21.0.3",
     "@nx/react": "21.0.3",
     "@nx/rollup": "21.0.3",
     "@nx/rspack": "21.0.3",
@@ -127,6 +128,7 @@
     "@pmmmwh/react-refresh-webpack-plugin": "0.5.15",
     "@rollup/plugin-alias": "5.1.1",
     "@rollup/plugin-replace": "6.0.1",
+    "@rslib/core": "^0.10.4",
     "@rspack/core": "1.3.9",
     "@rspack/dev-server": "1.1.1",
     "@semantic-release/changelog": "^6.0.3",
@@ -198,6 +200,8 @@
     "jest-environment-node": "29.7.0",
     "jiti": "2.4.2",
     "js-yaml": "4.1.0",
+    "jsdom": "~22.1.0",
+    "jsonc-eslint-parser": "^2.1.0",
     "kill-port": "^2.0.1",
     "mime-types": "2.1.35",
     "msw": "^1.2.1",

packages/bridge/vue3-bridge/tsconfig.json

@@ -37,5 +37,6 @@
     "src/remoteApp.tsx",
     "src/create.ts"
   ],
+  "exclude": ["../../runtime-core/dist/**/*"],
   "references": [{ "path": "./tsconfig.node.json" }]
 }

packages/chrome-devtools/tsconfig.json

@@ -3,5 +3,6 @@
   "compilerOptions": {
     "types": ["chrome"]
   },
-  "include": ["src", "shared", "modern.config.ts"]
+  "include": ["src", "shared", "modern.config.ts"],
+  "exclude": ["../runtime-core/dist/**/*"]
 }

packages/chrome-devtools/tsconfig.lib.json

@@ -1,4 +1,5 @@
 {
   "extends": "./tsconfig.base.json",
-  "include": ["src", "stories"]
+  "include": ["src", "stories"],
+  "exclude": ["../runtime-core/dist/**/*"]
 }

packages/enhanced/tsconfig.lib.json

@@ -11,6 +11,8 @@
     "src/**/*.spec.ts",
     "src/**/*.test.ts",
     "dist/**",
-    "node_modules/**"
+    "node_modules/**",
+    "../runtime-core/src/**",
+    "../runtime-core/global.d.ts"
   ]
 }

packages/error-codes/project.json

@@ -66,6 +66,12 @@
           }
         ]
       }
+    },
+    "echo": {
+      "executor": "../../tools/rslib-plugin:echo",
+      "options": {
+        "textToEcho": "Hello World"
+      }
     }
   }
 }

packages/runtime-core/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@module-federation/runtime-core",
-  "version": "0.14.0",
+  "version": "0.16.0",
   "type": "module",
   "author": "zhouxiao <codingzx@gmail.com>",
-  "main": "./dist/index.cjs.cjs",
-  "module": "./dist/index.esm.js",
-  "types": "./dist/index.cjs.d.ts",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "license": "MIT",
   "publishConfig": {
     "access": "public"
@@ -19,40 +19,76 @@
     "dist/",
     "README.md"
   ],
+  "scripts": {
+    "build": "rslib build"
+  },
   "exports": {
     ".": {
       "import": {
-        "types": "./dist/index.esm.d.ts",
-        "default": "./dist/index.esm.js"
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
       },
       "require": {
-        "types": "./dist/index.cjs.d.ts",
-        "default": "./dist/index.cjs.cjs"
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.cjs"
       }
     },
     "./types": {
       "import": {
-        "types": "./dist/types.esm.d.ts",
-        "default": "./dist/types.esm.js"
+        "types": "./dist/types.d.ts",
+        "default": "./dist/types.js"
       },
       "require": {
-        "types": "./dist/types.cjs.d.ts",
-        "default": "./dist/types.cjs.cjs"
+        "types": "./dist/types.d.ts",
+        "default": "./dist/types.cjs"
+      }
+    },
+    "./helpers": {
+      "import": {
+        "types": "./dist/helpers.d.ts",
+        "default": "./dist/helpers.js"
+      },
+      "require": {
+        "types": "./dist/helpers.d.ts",
+        "default": "./dist/helpers.cjs"
+      }
+    },
+    "./core": {
+      "import": {
+        "types": "./dist/core.d.ts",
+        "default": "./dist/core.js"
+      },
+      "require": {
+        "types": "./dist/core.d.ts",
+        "default": "./dist/core.cjs"
+      }
+    },
+    "./global": {
+      "import": {
+        "types": "./dist/global.d.ts",
+        "default": "./dist/global.js"
+      },
+      "require": {
+        "types": "./dist/global.d.ts",
+        "default": "./dist/global.cjs"
       }
     }
   },
   "typesVersions": {
     "*": {
       ".": [
-        "./dist/index.cjs.d.ts"
+        "./dist/index.d.ts"
       ],
       "types": [
-        "./dist/types.cjs.d.ts"
+        "./dist/types.d.ts"
       ]
     }
   },
   "dependencies": {
-    "@module-federation/sdk": "workspace:*",
-    "@module-federation/error-codes": "workspace:*"
+    "@module-federation/error-codes": "workspace:*",
+    "@module-federation/sdk": "workspace:*"
+  },
+  "devDependencies": {
+    "@rslib/core": "^0.10.4"
   }
 }

packages/runtime-core/project.json

@@ -6,21 +6,13 @@
   "tags": ["type:pkg"],
   "targets": {
     "build": {
-      "executor": "@nx/rollup:rollup",
+      "executor": "../../tools/rslib-plugin:build",
       "outputs": ["{workspaceRoot}/packages/runtime-core/dist"],
       "options": {
-        "parallel": false,
+        "configFile": "rslib.config.ts",
         "outputPath": "packages/runtime-core/dist",
-        "main": "packages/runtime-core/src/index.ts",
-        "additionalEntryPoints": ["packages/runtime-core/src/types.ts"],
-        "tsConfig": "packages/runtime-core/tsconfig.lib.json",
-        "assets": [],
-        "external": ["@module-federation/*"],
-        "project": "packages/runtime-core/package.json",
-        "compiler": "swc",
-        "rollupConfig": "packages/runtime-core/rollup.config.cjs",
-        "format": ["cjs", "esm"],
-        "generatePackageJson": false
+        "mode": "production",
+        "verbose": true
       },
       "dependsOn": [
         {