create-module-federation 0.0.0-next-20250306071320 → 0.0.0-next-20250306125957

package/README.md

@@ -1 +1,40 @@
-# `create-module-federation`
+<p align="center">
+  <a href="https://module-federation.io/" target="blank"><img src="https://module-federation.io/module-federation.svg" alt="Module Federation 2.0" /></a>
+</p>
+
+# create-module-federation
+
+Create a new Module Federation project.
+
+<p>
+  <a href="https://npmjs.com/package/create-module-federation">
+   <img src="https://img.shields.io/npm/v/create-module-federation?style=flat-square&colorA=564341&colorB=EDED91" alt="npm version" />
+  </a>
+  <img src="https://img.shields.io/badge/License-MIT-blue.svg?style=flat-square&colorA=564341&colorB=EDED91" alt="license" />
+  <a href="https://npmcharts.com/compare/create-module-federation?minimal=true"><img src="https://img.shields.io/npm/dm/create-module-federation.svg?style=flat-square&colorA=564341&colorB=EDED91" alt="downloads" /></a>
+</p>
+
+## Usage
+
+Using `npm create`:
+
+```bash
+npm create module-federation@latest
+```
+
+Using CLI flags:
+
+```bash
+npx create-module-federation --dir my-project --template provider-modern --name provider
+
+# Using abbreviations
+npx create-module-federation -d my-project -t provider-modern -n provider
+```
+
+## Documentation
+
+See [Documentation](https://module-federation.io/guide/start/quick-start).
+
+## License
+
+[MIT](https://github.com/module-federation/core/blob/main/LICENSE).

package/dist/index.js

@@ -319,11 +319,13 @@ async function create({ name, templates }) {
         }));
         if ('no' === option) cancelAndExit();
     }
+    argv.template = templates.includes(argv.template || '') ? argv.template : void 0;
     const projectType = await getProjectType(argv.template);
     if ("other" === projectType) {
         const otherOptions = Object.keys(OTHER_TYPE).map((key)=>({
                 value: key,
-                label: OTHER_TYPE[key].label
+                label: OTHER_TYPE[key].label,
+                hint: OTHER_TYPE[key].hint
             }));
         const otherProjectKey = checkCancel(await (0, __WEBPACK_EXTERNAL_MODULE__clack_prompts_3cae1695__.select)({
             message: 'Please select the type of template you want to create:',
@@ -331,7 +333,8 @@ async function create({ name, templates }) {
         }));
         const { command } = OTHER_TYPE[otherProjectKey];
         const commandWithManager = command.replace(/^npm create /, `${pkgManager} create `);
-        const realCommand = `${commandWithManager} -d ${distFolder} -n ${mfName}${argv.override ? ' --override' : ''}`;
+        const npmParams = 'npm' === pkgManager && pkgInfo?.version && parseInt(pkgInfo.version.split('.')[0], 10) < 7 ? ' --' : '';
+        const realCommand = `${commandWithManager}${npmParams} -d ${distFolder} -n ${mfName}${argv.override ? ' --override' : ''}`;
         const [cmd, ...cmdArgs] = realCommand.split(' ');
         const { status } = (0, __WEBPACK_EXTERNAL_MODULE_child_process__.spawnSync)(cmd, cmdArgs, {
             stdio: 'inherit'
@@ -357,11 +360,11 @@ async function create({ name, templates }) {
 }
 const TEMPLATES = [
     'provider-modern',
-    'consumer-modern',
     'provider-rsbuild',
-    'consumer-rsbuild',
     'rslib',
     'rslib-storybook',
+    'consumer-modern',
+    'consumer-rsbuild',
     'create-zephyr'
 ];
 create({

package/package.json

@@ -3,7 +3,7 @@
   "description": "Create a new Module Federation project",
   "public": true,
   "sideEffects": false,
-  "version": "0.0.0-next-20250306071320",
+  "version": "0.0.0-next-20250306125957",
   "license": "MIT",
   "repository": {
     "type": "git",

package/templates/provider-modern-ts/modern.config.ts

@@ -0,0 +1,18 @@
+import { appTools, defineConfig } from '@modern-js/app-tools';
+import { moduleFederationPlugin } from '@module-federation/modern-js';
+
+// https://modernjs.dev/en/configure/app/usage
+export default defineConfig({
+  runtime: {
+    router: true,
+  },
+  plugins: [
+    appTools({
+      bundler: 'rspack', // Set to 'webpack' to enable webpack
+    }),
+    moduleFederationPlugin(),
+  ],
+  server: {
+    port: 3001,
+  },
+});

package/templates/provider-rsbuild-ts/rsbuild.config.ts

@@ -0,0 +1,11 @@
+import { defineConfig } from '@rsbuild/core';
+import { pluginReact } from '@rsbuild/plugin-react';
+import { pluginModuleFederation } from '@module-federation/rsbuild-plugin';
+import moduleFederationConfig from './module-federation.config';
+
+export default defineConfig({
+  plugins: [pluginReact(), pluginModuleFederation(moduleFederationConfig)],
+  server: {
+    port: 3001,
+  },
+});