@module-federation/storybook-addon 0.0.0-next-20241029083753 → 0.0.0-next-20241030074135
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md
CHANGED
|
@@ -43,6 +43,40 @@ module.exports = storybookConfig;
|
|
|
43
43
|
|
|
44
44
|
---
|
|
45
45
|
|
|
46
|
+
### Rsbuild App or Rslib Module
|
|
47
|
+
|
|
48
|
+
```
|
|
49
|
+
import { dirname, join } from 'node:path';
|
|
50
|
+
import type { StorybookConfig } from 'storybook-react-rsbuild';
|
|
51
|
+
|
|
52
|
+
function getAbsolutePath(value: string): any {
|
|
53
|
+
return dirname(require.resolve(join(value, 'package.json')));
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
const config: StorybookConfig = {
|
|
57
|
+
stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
|
|
58
|
+
framework: {
|
|
59
|
+
name: getAbsolutePath('storybook-react-rsbuild'),
|
|
60
|
+
options: {},
|
|
61
|
+
},
|
|
62
|
+
addons: [
|
|
63
|
+
{
|
|
64
|
+
name: '@module-federation/storybook-addon/preset.js',
|
|
65
|
+
options: {
|
|
66
|
+
// add remote here and then you can load remote in your story
|
|
67
|
+
remotes: {
|
|
68
|
+
'rslib-module':
|
|
69
|
+
'rslib-module@http://localhost:3000/mf/mf-manifest.json',
|
|
70
|
+
},
|
|
71
|
+
},
|
|
72
|
+
},
|
|
73
|
+
],
|
|
74
|
+
};
|
|
75
|
+
|
|
76
|
+
export default config;
|
|
77
|
+
|
|
78
|
+
```
|
|
79
|
+
|
|
46
80
|
### For the [NX](https://nx.dev/getting-started/intro) projects:
|
|
47
81
|
|
|
48
82
|
Replace NX utils `withModuleFederation` in `webpack.config.js` with our utils `withModuleFederation`.
|
package/dist/package.json
CHANGED
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
"@rsbuild/core": "^1.0.18"
|
|
45
45
|
},
|
|
46
46
|
"peerDependencies": {
|
|
47
|
-
"@module-federation/utilities": "^3.1.
|
|
47
|
+
"@module-federation/utilities": "^3.1.20",
|
|
48
48
|
"@nx/react": "~16.0.0 || ~17.0.0 || ~17.2.0",
|
|
49
49
|
"@nx/webpack": "~16.0.0 || ~17.0.0 || ~17.2.0",
|
|
50
50
|
"@storybook/core-common": "^6.5.16 || ^7.0.0",
|
package/dist/preset.js
ADDED
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
const {
|
|
2
|
+
withModuleFederation,
|
|
3
|
+
} = require('./src/utils/with-module-federation-enhanced-rsbuild');
|
|
4
|
+
|
|
5
|
+
module.exports = {
|
|
6
|
+
rsbuildFinal: (config, options) => {
|
|
7
|
+
const { remotes, shared, name, shareStrategy } = options;
|
|
8
|
+
|
|
9
|
+
return withModuleFederation(config, {
|
|
10
|
+
name,
|
|
11
|
+
remotes,
|
|
12
|
+
shared,
|
|
13
|
+
shareStrategy,
|
|
14
|
+
});
|
|
15
|
+
},
|
|
16
|
+
};
|
|
@@ -14,7 +14,9 @@ const generateBootstrap = (entryPath) => {
|
|
|
14
14
|
return `import('${entryPath}')`;
|
|
15
15
|
};
|
|
16
16
|
const writeBootstrap = (entryPath) => {
|
|
17
|
-
node_fs_1.default.
|
|
17
|
+
if (node_fs_1.default.existsSync(bootstrapPath)) {
|
|
18
|
+
node_fs_1.default.unlinkSync(bootstrapPath);
|
|
19
|
+
}
|
|
18
20
|
node_fs_1.default.writeFileSync(bootstrapPath, generateBootstrap(entryPath));
|
|
19
21
|
};
|
|
20
22
|
const withModuleFederation = async (rsbuildConfig, options) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"with-module-federation-enhanced-rsbuild.js","sourceRoot":"","sources":["../../../src/utils/with-module-federation-enhanced-rsbuild.ts"],"names":[],"mappings":";;;;;;AAAA,sDAAyB;AACzB,0DAA6B;AAC7B,+DAA4E;AAC5E,gDAAkD;AAKlD,iCAAiC;AACjC,MAAM,aAAa,GAAG,mBAAI,CAAC,OAAO,CAChC,OAAO,CAAC,GAAG,EAAE,EACb,gBAAgB,cAAQ,yBAAyB,CAClD,CAAC;AACF,MAAM,iBAAiB,GAAG,CAAC,SAAiB,EAAE,EAAE;IAC9C,OAAO,WAAW,SAAS,IAAI,CAAC;AAClC,CAAC,CAAC;AACF,MAAM,cAAc,GAAG,CAAC,SAAiB,EAAE,EAAE;IAC3C,iBAAE,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"with-module-federation-enhanced-rsbuild.js","sourceRoot":"","sources":["../../../src/utils/with-module-federation-enhanced-rsbuild.ts"],"names":[],"mappings":";;;;;;AAAA,sDAAyB;AACzB,0DAA6B;AAC7B,+DAA4E;AAC5E,gDAAkD;AAKlD,iCAAiC;AACjC,MAAM,aAAa,GAAG,mBAAI,CAAC,OAAO,CAChC,OAAO,CAAC,GAAG,EAAE,EACb,gBAAgB,cAAQ,yBAAyB,CAClD,CAAC;AACF,MAAM,iBAAiB,GAAG,CAAC,SAAiB,EAAE,EAAE;IAC9C,OAAO,WAAW,SAAS,IAAI,CAAC;AAClC,CAAC,CAAC;AACF,MAAM,cAAc,GAAG,CAAC,SAAiB,EAAE,EAAE;IAC3C,IAAI,iBAAE,CAAC,UAAU,CAAC,aAAa,CAAC,EAAE,CAAC;QACjC,iBAAE,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IAC/B,CAAC;IACD,iBAAE,CAAC,aAAa,CAAC,aAAa,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAC,CAAC;AAChE,CAAC,CAAC;AACK,MAAM,oBAAoB,GAAG,KAAK,EACvC,aAA4B,EAC5B,OAA6D,EAC7D,EAAE;IACF,aAAa,CAAC,OAAO,KAAK,EAAE,CAAC;IAC7B,aAAa,CAAC,MAAM,KAAK,EAAE,CAAC;IAC5B,aAAa,CAAC,MAAM,CAAC,KAAK,KAAK,EAAE,CAAC;IAClC,MAAM,KAAK,GAAG,aAAa,CAAC,MAAM,CAAC,KAAK,CAAC;IACzC,KAAK,MAAM,SAAS,IAAI,KAAK,EAAE,CAAC;QAC9B,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC;YACpC,cAAc,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACpC,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;QACrC,CAAC;IACH,CAAC;IAED,MAAM,aAAa,GAAkB;QACnC,IAAI,EAAE,oCAAoC;QAC1C,KAAK,EAAE,UAAU,GAAG;YAClB,GAAG,CAAC,mBAAmB,CAAC,CAAC,MAAM,EAAE,EAAE,kBAAkB,EAAE,EAAE,EAAE;gBACzD,MAAM,QAAQ,GAAkB;oBAC9B,KAAK,EAAE;wBACL,MAAM,EAAE,CAAC,MAAM,EAAE,EAAE;4BACjB,MAAM,CAAC,MAAM,KAAK,EAAE,CAAC;4BACrB,MAAM,CAAC,MAAM,CAAC,kBAAkB;gCAC9B,mCAAmC,CAAC;4BACtC,MAAM,CAAC,OAAO,EAAE,IAAI,CAClB,IAAI,+BAAsB,CAAC;gCACzB,IAAI,EAAE,OAAO,CAAC,IAAI,IAAI,mCAAmC;gCACzD,MAAM,EAAE;oCACN,KAAK,EAAE;wCACL,SAAS,EAAE,IAAI;qCAChB;oCACD,WAAW,EAAE;wCACX,SAAS,EAAE,IAAI;qCAChB;oCACD,GAAG,OAAO,CAAC,MAAM;iCAClB;gCACD,OAAO,EAAE;oCACP,GAAG,OAAO,CAAC,OAAO;iCACnB;gCACD,aAAa,EAAE,OAAO,CAAC,aAAa;6BACrC,CAAC,CACH,CAAC;4BACF,OAAO,MAAM,CAAC;wBAChB,CAAC;qBACF;iBACF,CAAC;gBAEF,OAAO,kBAAkB,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;YAC9C,CAAC,CAAC,CAAC;QACL,CAAC;KACF,CAAC;IAEF,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;IAC1C,OAAO,aAAa,CAAC;AACvB,CAAC,CAAC;AAvDW,QAAA,oBAAoB,wBAuD/B;AAEF,kBAAe,4BAAoB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@module-federation/storybook-addon",
|
|
3
|
-
"version": "0.0.0-next-
|
|
3
|
+
"version": "0.0.0-next-20241030074135",
|
|
4
4
|
"description": "Storybook addon to consume remote module federated apps/components",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"repository": "https://github.com/module-federation/core/tree/main/packages/storybook-addon",
|
|
@@ -39,12 +39,12 @@
|
|
|
39
39
|
"webpack": "5.93.0",
|
|
40
40
|
"webpack-virtual-modules": "0.6.2",
|
|
41
41
|
"@rsbuild/core": "^1.0.18",
|
|
42
|
-
"@module-federation/
|
|
43
|
-
"@module-federation/
|
|
44
|
-
"@module-federation/
|
|
42
|
+
"@module-federation/utilities": "0.0.0-next-20241030074135",
|
|
43
|
+
"@module-federation/sdk": "0.0.0-next-20241030074135",
|
|
44
|
+
"@module-federation/enhanced": "0.0.0-next-20241030074135"
|
|
45
45
|
},
|
|
46
46
|
"peerDependencies": {
|
|
47
|
-
"@module-federation/utilities": "0.0.0-next-
|
|
47
|
+
"@module-federation/utilities": "0.0.0-next-20241030074135",
|
|
48
48
|
"@nx/react": "~16.0.0 || ~17.0.0 || ~17.2.0",
|
|
49
49
|
"@nx/webpack": "~16.0.0 || ~17.0.0 || ~17.2.0",
|
|
50
50
|
"@storybook/core-common": "^6.5.16 || ^7.0.0",
|