@module-federation/storybook-addon 0.0.0-feat-node-support-1702930274548

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "@module-federation/storybook-addon",
+  "version": "0.0.0-feat-node-support-1702930274548",
+  "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": {
+    "access": "public"
+  },
+  "keywords": [
+    "module-federation",
+    "typescript",
+    "storybook",
+    "addon"
+  ],
+  "author": "Fiodorov Andrei <hello@fyodorovandrei.com> (https://github.com/fyodorovandrei)",
+  "devDependencies": {
+    "@storybook/core-common": "7.4.6",
+    "@storybook/node-logger": "7.4.6",
+    "webpack": "5.88.2",
+    "webpack-virtual-modules": "0.6.1",
+    "@module-federation/utilities": "3.0.0",
+    "@nx/react": "^17.1.3",
+    "@nx/webpack": "^17.1.3"
+  },
+  "peerDependencies": {
+    "@storybook/core-common": "^6.5.16 || ^7.0.0",
+    "@storybook/node-logger": "^6.5.16 || ^7.0.0",
+    "webpack": "^5.75.0",
+    "webpack-virtual-modules": "^0.5.0 || ^0.6.0",
+    "@module-federation/utilities": "3.0.0",
+    "@nx/react": "~16.0.0 || ~17.0.0",
+    "@nx/webpack": "~16.0.0 || ~17.0.0"
+  },
+  "main": "./src/index.js",
+  "type": "commonjs"
+}

package/src/index.d.ts

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

package/src/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__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,wDAAsC"}

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

@@ -0,0 +1,17 @@
+import { Configuration } from 'webpack';
+import { ModuleFederationPluginOptions } from '@module-federation/utilities';
+import { ModuleFederationConfig } from '@nx/webpack';
+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,145 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.webpack = exports.withModuleFederation = void 0;
+const fs_1 = __importDefault(require("fs"));
+const path_1 = require("path");
+const process = __importStar(require("process"));
+const webpack_virtual_modules_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 with_module_federation_1 = __importDefault(require("../utils/with-module-federation"));
+exports.withModuleFederation = with_module_federation_1.default;
+const correctImportPath_1 = require("../utils/correctImportPath");
+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, correctImportPath_1.correctImportPath)(context, entryFile)}';`);
+    const index = plugins.findIndex(
+    //@ts-ignore
+    (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
+                if (
+                // For storybook version before 7
+                filePathFromProjectRootDir === '/generated-stories-entry.cjs' ||
+                    // For storybook version 7
+                    filePathFromProjectRootDir === '/storybook-stories.js') {
+                    const isStorybookVersion7 = filePathFromProjectRootDir === '/storybook-stories.js';
+                    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);
+                        // Adding trailing slash for story directory in storybook v7
+                        const oldSrc = isStorybookVersion7
+                            ? `'${story.directory}/'`
+                            : `'${story.directory}'`;
+                        const newSrc = isStorybookVersion7
+                            ? `'${newDirectory}/'`
+                            : `'${newDirectory}'`;
+                        // Fix story directory
+                        sourceCode = sourceCode.replace(oldSrc, newSrc);
+                    });
+                }
+            }
+            if (!fs_1.default.existsSync(finalDir)) {
+                fs_1.default.mkdirSync(finalDir, { recursive: true });
+            }
+            fs_1.default.writeFileSync(finalPath, sourceCode);
+            bootstrap.push(`import '${(0, correctImportPath_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/correctImportPath.d.ts

@@ -0,0 +1 @@
+export declare const correctImportPath: (context: string, entryFile: string) => any;

package/src/utils/correctImportPath.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.correctImportPath = void 0;
+const correctImportPath = (context, entryFile) => {
+    if (typeof process !== 'undefined') {
+        if (process?.platform !== 'win32') {
+            return entryFile;
+        }
+        if (entryFile.match(/^\.?\.\\/) || !entryFile.match(/^[A-Z]:\\\\/i)) {
+            return entryFile.replace(/\\/g, '/');
+        }
+        // eslint-disable-next-line @typescript-eslint/no-var-requires
+        const path = require('path');
+        const joint = path.win32.relative(context, entryFile);
+        const relative = joint.replace(/\\/g, '/');
+        if (relative.includes('node_modules/')) {
+            return relative.split('node_modules/')[1];
+        }
+        return `./${relative}`;
+    }
+    return null;
+};
+exports.correctImportPath = correctImportPath;
+//# sourceMappingURL=correctImportPath.js.map

package/src/utils/correctImportPath.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"correctImportPath.js","sourceRoot":"","sources":["../../../../../packages/storybook-addon/src/utils/correctImportPath.ts"],"names":[],"mappings":";;;AAAO,MAAM,iBAAiB,GAAG,CAAC,OAAe,EAAE,SAAiB,EAAE,EAAE;IACtE,IAAI,OAAO,OAAO,KAAK,WAAW,EAAE;QAClC,IAAI,OAAO,EAAE,QAAQ,KAAK,OAAO,EAAE;YACjC,OAAO,SAAS,CAAC;SAClB;QAED,IAAI,SAAS,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE;YACnE,OAAO,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;SACtC;QAED,8DAA8D;QAC9D,MAAM,IAAI,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC;QAC7B,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;QACtD,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAE3C,IAAI,QAAQ,CAAC,QAAQ,CAAC,eAAe,CAAC,EAAE;YACtC,OAAO,QAAQ,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC;SAC3C;QAED,OAAO,KAAK,QAAQ,EAAE,CAAC;KACxB;IACD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAtBW,QAAA,iBAAiB,qBAsB5B"}

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

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

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

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const utils_1 = require("@nx/react/src/module-federation/utils");
+const webpack_1 = require("webpack");
+const { ModuleFederationPlugin } = webpack_1.container;
+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);
+    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,iEAAkF;AAClF,qCAAmD;AAInD,MAAM,EAAE,sBAAsB,EAAE,GAAG,mBAAS,CAAC;AAE7C,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,GACzC,MAAM,IAAA,iCAAyB,EAAC,OAAO,CAAC,CAAC;IAE3C,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"}