@module-federation/storybook-addon 0.1.0

package/CHANGELOG.md

@@ -0,0 +1,56 @@
+# Changelog
+
+This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
+
+# 0.1.0 (2023-04-27)
+
+### Dependency Updates
+
+* `utils` updated to version `1.7.0`
+* `utils` updated to version `1.7.0`
+
+### Bug Fixes
+
+* add release tooling to storybook addon ([43c66bb](https://github.com/module-federation/nextjs-mf/commit/43c66bbc10af8198e908d35ffde7b7dc0058f9cb))
+* add release tooling to storybook addon ([#817](https://github.com/module-federation/nextjs-mf/issues/817)) ([63d27a8](https://github.com/module-federation/nextjs-mf/commit/63d27a8067a0734d04677948b50454b6704dc387))
+
+
+### Features
+
+* add storybook addon that supports Module Federation remote containers ([#598](https://github.com/module-federation/nextjs-mf/issues/598)) ([7547b02](https://github.com/module-federation/nextjs-mf/commit/7547b02937fdef2831060d6a7bfd337d2cc3355c))
+
+
+
+# 0.1.0 (2023-04-27)
+
+### Dependency Updates
+
+* `utils` updated to version `1.7.0`
+* `utils` updated to version `1.7.0`
+
+### Bug Fixes
+
+* add release tooling to storybook addon ([#817](https://github.com/module-federation/nextjs-mf/issues/817)) ([63d27a8](https://github.com/module-federation/nextjs-mf/commit/63d27a8067a0734d04677948b50454b6704dc387))
+
+
+### Features
+
+* add storybook addon that supports Module Federation remote containers ([#598](https://github.com/module-federation/nextjs-mf/issues/598)) ([7547b02](https://github.com/module-federation/nextjs-mf/commit/7547b02937fdef2831060d6a7bfd337d2cc3355c))
+
+
+
+# 0.1.0 (2023-04-27)
+
+### Dependency Updates
+
+* `utils` updated to version `1.7.0`
+* `utils` updated to version `1.7.0`
+
+### Bug Fixes
+
+* add release tooling to storybook addon ([#817](https://github.com/module-federation/nextjs-mf/issues/817)) ([63d27a8](https://github.com/module-federation/nextjs-mf/commit/63d27a8067a0734d04677948b50454b6704dc387))
+
+
+### Features
+
+* add storybook addon that supports Module Federation remote containers ([#598](https://github.com/module-federation/nextjs-mf/issues/598)) ([7547b02](https://github.com/module-federation/nextjs-mf/commit/7547b02937fdef2831060d6a7bfd337d2cc3355c))

package/README.md

@@ -0,0 +1,133 @@
+# Storybook addon for Module Federation
+
+This addon enables to consume remote Module Federated apps/components
+
+## Install
+
+```shell
+# with NPM
+npm install @module-federation/storybook-addon
+
+# with Yarn
+yarn add @module-federation/storybook-addon
+```
+
+## Configuration
+
+In file `./storybook/main.js`:
+```js
+const moduleFederationConfig = {
+    // Module Federation config
+};
+
+const storybookConfig = {
+  "stories": [
+    "../src/**/*.stories.mdx",
+    "../src/**/*.stories.@(js|jsx|ts|tsx)"
+  ],
+  "addons": [
+    // other addons,
+    {
+      name: "@module-federation/storybook-addon",
+      options: {
+        moduleFederationConfig
+      }
+    }
+  ],
+  "framework": "@storybook/react",
+  "core": {
+    "builder": "@storybook/builder-webpack5" // is required webpack 5 builder
+  }
+};
+
+module.exports = storybookConfig;
+```
+---
+### For the [NX](https://nx.dev/getting-started/intro) projects:
+
+Replace NX utils `withModuleFederation` in `webpack.config.js` with our utils `withModuleFederation`.
+Example:
+```javascript
+const { composePlugins, withNx } = require('@nrwl/webpack');
+const { withReact } = require('@nrwl/react');
+const { withModuleFederation } = require('@module-federation/storybook-addon');
+
+const baseConfig = require('./module-federation.config');
+
+const config = {
+  ...baseConfig,
+};
+
+module.exports = composePlugins(
+  withNx(),
+  withReact(),
+  withModuleFederation(config)
+);
+```
+
+In file `./storybook/main.js`:
+```js
+const nxModuleFederationConfig = {
+    // Module Federation config
+};
+
+const storybookConfig = {
+  "stories": [
+    "../src/**/*.stories.mdx",
+    "../src/**/*.stories.@(js|jsx|ts|tsx)"
+  ],
+  "addons": [
+    // other addons,
+    {
+      name: "@module-federation/storybook-addon",
+      options: {
+        nxModuleFederationConfig
+      }
+    }
+  ],
+  "framework": "@storybook/react",
+  "core": {
+    "builder": "@storybook/builder-webpack5" // is required webpack 5 builder
+  }
+};
+
+module.exports = storybookConfig;
+```
+
+## Usage
+
+```jsx
+import React, { Suspense } from 'react';
+
+const LazyButton = React.lazy(() => import('remote/Button'));
+
+const Button = (props) => (
+  <Suspense fallback={<p>Please wait...</p>}><LazyButton {...props} /></Suspense>
+);
+
+export default {
+  title: 'ModuleFederation/Button',
+  component: Button,
+  argTypes: {
+    variant: {
+      control: 'select',
+      options: ['primary', 'secondary']
+    },
+  },
+};
+
+const Template = (args) => <Button {...args} />;
+
+export const Primary = Template.bind({variant: 'primary'});
+Primary.args = {
+  variant: 'primary',
+  children: 'Button',
+};
+
+export const Secondary = Template.bind({});
+Secondary.args = {
+  variant: 'secondary',
+  children: 'Button',
+};
+
+```

package/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "@module-federation/storybook-addon",
+  "version": "0.1.0",
+  "description": "Storybook addon to consume remote module federated apps/components",
+  "license": "MIT",
+  "repository": "https://github.com/module-federation/universe/tree/main/packages/storybook-addon",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "keywords": [
+    "module-federation",
+    "typescript",
+    "storybook",
+    "addon"
+  ],
+  "author": "Fiodorov Andrei <hello@fyodorovandrei.com> (https://github.com/fyodorovandrei)",
+  "devDependencies": {
+    "@module-federation/utilities": "1.6.0",
+    "@storybook/core-common": "^6.5.16",
+    "@storybook/node-logger": "^6.5.16",
+    "webpack": "^5.75.0",
+    "webpack-virtual-modules": "^0.5.0"
+  },
+  "peerDependencies": {
+    "@module-federation/utilities": "1.6.0",
+    "@storybook/core-common": "^6.5.16",
+    "@storybook/node-logger": "^6.5.16",
+    "webpack": "^5.75.0",
+    "webpack-virtual-modules": "^0.5.0"
+  },
+  "dependencies": {
+    "@nrwl/devkit": "15.9.2",
+    "next": "13.3.0",
+    "process": "0.11.10",
+    "react": "18.2.0",
+    "react-dom": "18.2.0"
+  },
+  "main": "./src/index.js",
+  "types": "./src/index.d.ts"
+}

package/src/index.d.ts

@@ -0,0 +1 @@
+export * from './lib/storybook-addon';

package/src/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./lib/storybook-addon"), exports);
+//# sourceMappingURL=index.js.map

package/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../packages/storybook-addon/src/index.ts"],"names":[],"mappings":";;;AAAA,gEAAsC"}

package/src/lib/storybook-addon.d.ts

@@ -0,0 +1,17 @@
+import { Configuration } from 'webpack';
+import { ModuleFederationPluginOptions } from '@module-federation/utilities';
+import type { ModuleFederationConfig } from '@nrwl/devkit';
+import withModuleFederation from '../utils/with-module-federation';
+export type Preset = string | {
+    name: string;
+};
+type Options = {
+    moduleFederationConfig?: ModuleFederationPluginOptions;
+    nxModuleFederationConfig?: ModuleFederationConfig;
+    presets: {
+        apply<T>(preset: Preset): Promise<T>;
+    };
+    configDir: string;
+};
+export { withModuleFederation };
+export declare const webpack: (webpackConfig: Configuration, options: Options) => Promise<Configuration>;

package/src/lib/storybook-addon.js

@@ -0,0 +1,105 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.webpack = exports.withModuleFederation = void 0;
+const tslib_1 = require("tslib");
+const fs_1 = tslib_1.__importDefault(require("fs"));
+const path_1 = require("path");
+const process = tslib_1.__importStar(require("process"));
+const webpack_virtual_modules_1 = tslib_1.__importDefault(require("webpack-virtual-modules"));
+const webpack_1 = require("webpack");
+const node_logger_1 = require("@storybook/node-logger");
+const core_common_1 = require("@storybook/core-common");
+const utilities_1 = require("@module-federation/utilities");
+const with_module_federation_1 = tslib_1.__importDefault(require("../utils/with-module-federation"));
+exports.withModuleFederation = with_module_federation_1.default;
+const { ModuleFederationPlugin } = webpack_1.container;
+const webpack = async (webpackConfig, options) => {
+    const { plugins = [], context: webpackContext } = webpackConfig;
+    const { moduleFederationConfig, presets, nxModuleFederationConfig } = options;
+    const context = webpackContext || process.cwd();
+    // Detect webpack version. More about storybook webpack config https://storybook.js.org/docs/react/addons/writing-presets#webpack
+    const webpackVersion = await presets.apply('webpackVersion');
+    node_logger_1.logger.info(`=> [MF] Webpack ${webpackVersion} version detected`);
+    if (webpackVersion !== '5') {
+        throw new Error('Webpack 5 required: Configure Storybook to use the webpack5 builder');
+    }
+    if (nxModuleFederationConfig) {
+        node_logger_1.logger.info(`=> [MF] Detect NX configuration`);
+        const wmf = await (0, with_module_federation_1.default)(nxModuleFederationConfig);
+        webpackConfig = {
+            ...webpackConfig,
+            ...wmf(webpackConfig),
+        };
+    }
+    if (moduleFederationConfig) {
+        node_logger_1.logger.info(`=> [MF] Push Module Federation plugin`);
+        plugins.push(new ModuleFederationPlugin(moduleFederationConfig));
+    }
+    const entries = await presets.apply('entries');
+    const bootstrap = entries.map((entryFile) => `import '${(0, utilities_1.correctImportPath)(context, entryFile)}';`);
+    const index = plugins.findIndex((plugin) => plugin.constructor.name === 'VirtualModulesPlugin');
+    if (index !== -1) {
+        node_logger_1.logger.info(`=> [MF] Detected plugin VirtualModulesPlugin`);
+        /* eslint-disable  @typescript-eslint/no-explicit-any */
+        const plugin = plugins[index];
+        const virtualEntries = plugin._staticModules; // TODO: Exist another way to get virtual modules? Or maybe it's good idea to open a PR adding a method to get modules?
+        const virtualEntriesPaths = Object.keys(virtualEntries);
+        node_logger_1.logger.info(`=> [MF] Write files from VirtualModulesPlugin`);
+        for (const virtualEntryPath of virtualEntriesPaths) {
+            const nodeModulesPath = '/node_modules/';
+            const filePathFromProjectRootDir = virtualEntryPath.replace(context, '');
+            let sourceCode = virtualEntries[virtualEntryPath];
+            let finalPath = virtualEntryPath;
+            let finalDir = (0, path_1.dirname)(virtualEntryPath);
+            // If virtual file is not in directory node_modules, move file in directory node_modules/.cache/storybook
+            if (!filePathFromProjectRootDir.startsWith(nodeModulesPath)) {
+                finalPath = (0, path_1.join)(context, nodeModulesPath, '.cache', 'storybook', filePathFromProjectRootDir);
+                finalDir = (0, path_1.dirname)(finalPath);
+                // Fix storybook stories' path in virtual module `generated-stories-entry.cjs`
+                if (filePathFromProjectRootDir === '/generated-stories-entry.cjs') {
+                    const nonNormalizedStories = await presets.apply('stories');
+                    const stories = (0, core_common_1.normalizeStories)(nonNormalizedStories, {
+                        configDir: options.configDir,
+                        workingDir: context,
+                    });
+                    // For each story fix the import path
+                    stories.forEach((story) => {
+                        // Go up 3 times because the file was moved in /node_modules/.cache/storybook
+                        const newDirectory = (0, path_1.join)('..', '..', '..', story.directory);
+                        sourceCode = sourceCode.replace(`'${story.directory}'`, `'${newDirectory}'`);
+                    });
+                }
+            }
+            if (!fs_1.default.existsSync(finalDir)) {
+                fs_1.default.mkdirSync(finalDir, { recursive: true });
+            }
+            fs_1.default.writeFileSync(finalPath, sourceCode);
+            bootstrap.push(`import '${(0, utilities_1.correctImportPath)(context, finalPath)}';`);
+        }
+    }
+    /**
+     * Create a new VirtualModulesPlugin plugin to fix error "Shared module is not available for eager consumption"
+     * Entry file content is moved in bootstrap file. More details in the webpack documentation:
+     * https://webpack.js.org/concepts/module-federation/#uncaught-error-shared-module-is-not-available-for-eager-consumption
+     * */
+    const virtualModulePlugin = new webpack_virtual_modules_1.default({
+        './__entry.js': `import('./__bootstrap.js');`,
+        './__bootstrap.js': bootstrap.join('\n'),
+    });
+    let action = 'Push';
+    if (index === -1) {
+        plugins.push(virtualModulePlugin);
+    }
+    else {
+        plugins[index] = virtualModulePlugin;
+        action = 'Replace';
+    }
+    node_logger_1.logger.info(`=> [MF] ${action} plugin VirtualModulesPlugin to bootstrap entry point`);
+    return {
+        ...webpackConfig,
+        entry: ['./__entry.js'],
+        plugins,
+    };
+};
+exports.webpack = webpack;
+//# sourceMappingURL=storybook-addon.js.map

package/src/lib/storybook-addon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"storybook-addon.js","sourceRoot":"","sources":["../../../../../packages/storybook-addon/src/lib/storybook-addon.ts"],"names":[],"mappings":"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"}

package/src/utils/with-module-federation.d.ts

@@ -0,0 +1,4 @@
+import { Configuration } from 'webpack';
+import type { ModuleFederationConfig } from '@nrwl/devkit';
+declare const withModuleFederation: (options: ModuleFederationConfig) => Promise<(config: Configuration) => Configuration>;
+export default withModuleFederation;

package/src/utils/with-module-federation.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const utils_1 = require("@nrwl/react/src/module-federation/utils");
+const project_graph_1 = require("nx/src/project-graph/project-graph");
+const webpack_1 = require("webpack");
+const { ModuleFederationPlugin } = webpack_1.container;
+function determineRemoteUrl(remote) {
+    const remoteConfiguration = (0, project_graph_1.readCachedProjectConfiguration)(remote);
+    const serveTarget = remoteConfiguration?.targets?.['serve'];
+    if (!serveTarget) {
+        throw new Error(`Cannot automatically determine URL of remote (${remote}). Looked for property "host" in the project's "serve" target.\n
+      You can also use the tuple syntax in your webpack config to configure your remotes. e.g. \`remotes: [['remote1', 'http://localhost:4201']]\``);
+    }
+    const host = serveTarget.options?.host ?? 'http://localhost';
+    const port = serveTarget.options?.port ?? 4201;
+    return `${host.endsWith('/') ? host.slice(0, -1) : host}:${port}/remoteEntry.js`;
+}
+const updateMappedRemotes = (remotes) => {
+    const newRemotes = {};
+    Object.keys(remotes).forEach((key) => {
+        newRemotes[key] = `${key}@${remotes[key]}`;
+    });
+    return newRemotes;
+};
+const withModuleFederation = async (options) => {
+    const { mappedRemotes, sharedDependencies } = await (0, utils_1.getModuleFederationConfig)(options, determineRemoteUrl);
+    return (config) => {
+        config.experiments = { outputModule: false };
+        config.optimization = {
+            runtimeChunk: false,
+        };
+        config.output = {
+            publicPath: 'auto',
+        };
+        config.plugins = config.plugins || [];
+        config.plugins.push(new ModuleFederationPlugin({
+            name: options.name,
+            filename: 'remoteEntry.js',
+            shared: sharedDependencies,
+            exposes: options.exposes,
+            remotes: updateMappedRemotes(mappedRemotes),
+        }));
+        return config;
+    };
+};
+exports.default = withModuleFederation;
+//# sourceMappingURL=with-module-federation.js.map

package/src/utils/with-module-federation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"with-module-federation.js","sourceRoot":"","sources":["../../../../../packages/storybook-addon/src/utils/with-module-federation.ts"],"names":[],"mappings":";;AAAA,mEAAoF;AACpF,sEAAoF;AACpF,qCAAmD;AAGnD,MAAM,EAAE,sBAAsB,EAAE,GAAG,mBAAS,CAAC;AAE7C,SAAS,kBAAkB,CAAC,MAAc;IACxC,MAAM,mBAAmB,GAAG,IAAA,8CAA8B,EAAC,MAAM,CAAC,CAAC;IACnE,MAAM,WAAW,GAAG,mBAAmB,EAAE,OAAO,EAAE,CAAC,OAAO,CAAC,CAAC;IAE5D,IAAI,CAAC,WAAW,EAAE;QAChB,MAAM,IAAI,KAAK,CACb,iDAAiD,MAAM;mJACsF,CAC9I,CAAC;KACH;IAED,MAAM,IAAI,GAAG,WAAW,CAAC,OAAO,EAAE,IAAI,IAAI,kBAAkB,CAAC;IAC7D,MAAM,IAAI,GAAG,WAAW,CAAC,OAAO,EAAE,IAAI,IAAI,IAAI,CAAC;IAC/C,OAAO,GACL,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAC3C,IAAI,IAAI,iBAAiB,CAAC;AAC5B,CAAC;AAED,MAAM,mBAAmB,GAAG,CAAC,OAA+B,EAAE,EAAE;IAC9D,MAAM,UAAU,GAA2B,EAAE,CAAC;IAE9C,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;QACnC,UAAU,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,IAAI,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC;IAC7C,CAAC,CAAC,CAAC;IAEH,OAAO,UAAU,CAAC;AACpB,CAAC,CAAC;AAEF,MAAM,oBAAoB,GAAG,KAAK,EAAE,OAA+B,EAAE,EAAE;IACrE,MAAM,EAAE,aAAa,EAAE,kBAAkB,EAAE,GAAG,MAAM,IAAA,iCAAyB,EAC3E,OAAO,EACP,kBAAkB,CACnB,CAAC;IAEF,OAAO,CAAC,MAAqB,EAAE,EAAE;QAC/B,MAAM,CAAC,WAAW,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC;QAE7C,MAAM,CAAC,YAAY,GAAG;YACpB,YAAY,EAAE,KAAK;SACpB,CAAC;QAEF,MAAM,CAAC,MAAM,GAAG;YACd,UAAU,EAAE,MAAM;SACnB,CAAC;QAEF,MAAM,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,IAAI,EAAE,CAAC;QACtC,MAAM,CAAC,OAAO,CAAC,IAAI,CACjB,IAAI,sBAAsB,CAAC;YACzB,IAAI,EAAE,OAAO,CAAC,IAAI;YAClB,QAAQ,EAAE,gBAAgB;YAC1B,MAAM,EAAE,kBAAkB;YAC1B,OAAO,EAAE,OAAO,CAAC,OAAO;YACxB,OAAO,EAAE,mBAAmB,CAAC,aAAa,CAAC;SAC5C,CAAC,CACH,CAAC;QAEF,OAAO,MAAM,CAAC;IAChB,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,oBAAoB,CAAC"}