chore: update rslib demo (#3221)

module-federation · Nov 13, 2024 · 95ea70e · 95ea70e
1 parent 3ac572d
commit 95ea70e
Show file tree

Hide file tree

Showing 6 changed files with 373 additions and 162 deletions.
diff --git a/apps/rslib-module/.storybook/main.ts b/apps/rslib-module/.storybook/main.ts
@@ -16,14 +16,21 @@ const config: StorybookConfig = {
     options: {},
   },
   addons: [
+    {
+      name: getAbsolutePath('storybook-addon-rslib'),
+      options: {
+        rslib: {
+          include: ['**/stories/**'],
+        },
+      },
+    },
     {
       name: '@module-federation/storybook-addon/preset',
       options: {
         remotes: {
           'rslib-module':
-            'rslib-module@http://localhost:3000/mf/mf-manifest.json',
+            'rslib-module@http://localhost:3001/mf/mf-manifest.json',
         },
-        shareStrategy: 'loaded-first',
       },
     },
   ],

diff --git a/apps/rslib-module/README.md b/apps/rslib-module/README.md
@@ -21,7 +21,7 @@ Dev package
 1. 
 
 ```
-nx serve rslib-module
+nx dev rslib-module
 ```
 
 2.

diff --git a/apps/rslib-module/package.json b/apps/rslib-module/package.json
@@ -13,21 +13,23 @@
   "types": "./dist/cjs/index.d.ts",
   "scripts": {
     "build": "rslib build",
-    "serve": "pnpm build && http-server -p 3000 ./dist/ --cors",
+    "dev": "rslib mf dev",
+    "serve": "pnpm build && http-server -p 3001 ./dist/ --cors",
     "storybook": "storybook dev -p 6006"
   },
   "devDependencies": {
     "@module-federation/enhanced": "workspace:*",
     "@module-federation/rsbuild-plugin": "workspace:*",
     "@module-federation/storybook-addon": "workspace:*",
     "@rsbuild/plugin-react": "^1.0.6",
-    "@rslib/core": "^0.0.14",
+    "@rslib/core": "^0.0.18",
     "@types/react": "^18.3.11",
     "http-server": "^14.1.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "storybook": "^8.3.6",
-    "storybook-react-rsbuild": "^0.1.1"
+    "storybook-react-rsbuild": "^0.1.1",
+    "storybook-addon-rslib": "^0.1.4"
   },
   "peerDependencies": {
     "react": "*"

diff --git a/apps/rslib-module/project.json b/apps/rslib-module/project.json
@@ -23,6 +23,18 @@
         }
       ]
     },
+    "dev": {
+      "executor": "nx:run-commands",
+      "options": {
+        "commands": ["npm run dev --prefix apps/rslib-module"]
+      },
+      "dependsOn": [
+        {
+          "target": "build",
+          "dependencies": true
+        }
+      ]
+    },
     "storybook": {
       "executor": "nx:run-commands",
       "options": {

diff --git a/apps/rslib-module/rslib.config.ts b/apps/rslib-module/rslib.config.ts
@@ -38,6 +38,13 @@ export default defineConfig({
         assetPrefix: 'http://localhost:3000/mf',
         minify: true,
       },
+      dev: {
+        assetPrefix: 'http://localhost:3001/mf',
+      },
+      // just for dev
+      server: {
+        port: 3001,
+      },
       plugins: [
         pluginModuleFederation({
           name: 'rslib_provider',