create-module-federation 0.0.0 → 0.11.1

package/templates/provider-rslib-storybook-ts/README.md

@@ -0,0 +1,27 @@
+# Rslib MF Project
+
+This example demonstrates how to use Rslib to build a simple Module Federation React component.
+
+### Command
+
+Build package
+
+```
+pnpm build
+```
+
+Dev package
+
+1. 
+
+```
+pnpm mf-dev
+```
+
+2.
+
+```
+pnpm storybook
+```
+
+visit http://localhost:6006

package/templates/provider-rslib-storybook-ts/package.json.handlebars

@@ -0,0 +1,50 @@
+{
+  "name": "{{ mfName }}",
+  "version": "0.0.0",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "rslib build",
+    "build:storybook": "storybook build",
+    "dev": "rslib build --watch",
+    "storybook": "storybook dev -p 6006",
+    "mf-dev": "rslib mf-dev"
+  },
+  "devDependencies": {
+    "@rsbuild/core": "^1.2.15",
+    "@rsbuild/plugin-react": "^1.1.1",
+    "@rslib/core": ">=0.5.3",
+    "@storybook/addon-essentials": "^8.4.7",
+    "@storybook/addon-interactions": "^8.4.7",
+    "@storybook/addon-links": "^8.4.7",
+    "@storybook/addon-onboarding": "^8.4.7",
+    "@storybook/blocks": "^8.4.7",
+    "@storybook/react": "^8.4.7",
+    "@storybook/test": "^8.4.7",
+    "@types/react": "^18.3.11",
+    "@types/react-dom": "~18.3.1",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "storybook": "^8.4.7",
+    "storybook-addon-rslib": "^0.1.7",
+    "storybook-react-rsbuild": "^0.1.7",
+    "typescript": "^5.7.3",
+    "@types/node": "^22.13.9",
+    "@module-federation/rsbuild-plugin":"^{{mfVersion}}",
+    "@module-federation/storybook-addon":"^4.0.1"
+  },
+  "peerDependencies": {
+    "react": ">=16.9.0",
+    "react-dom": ">=16.9.0"
+  }
+}

package/templates/provider-rslib-storybook-ts/stories/Index.stories.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+import Provider from 'provider';
+
+const Component = () => <Provider />;
+
+export default {
+  title: 'Provider Component',
+  component: Component,
+};
+
+export const Basic = {};

package/templates/provider-rslib-ts/README.md

@@ -0,0 +1,19 @@
+# Rslib MF Project
+
+This example demonstrates how to use Rslib to build a simple Module Federation React component.
+
+### Command
+
+Build package
+
+```
+pnpm build
+```
+
+Dev package
+
+
+```
+pnpm mf-dev
+```
+

package/templates/provider-rslib-ts/package.json.handlebars

@@ -0,0 +1,35 @@
+{
+  "name": "{{ mfName }}",
+  "version": "0.0.0",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "rslib build",
+    "dev": "rslib build --watch",
+    "mf-dev": "rslib mf-dev"
+  },
+  "devDependencies": {
+    "@rsbuild/core": "^1.2.15",
+    "@rsbuild/plugin-react": "^1.1.1",
+    "@rslib/core": ">=0.5.3",
+    "@types/react": "^18.3.11",
+    "react": "^18.3.1",
+    "typescript": "^5.7.3",
+    "@types/node": "^22.13.9",
+    "@module-federation/rsbuild-plugin":"^{{mfVersion}}"
+  },
+  "peerDependencies": {
+    "react": ">=16.9.0",
+    "react-dom": ">=16.9.0"
+  }
+}

package/templates/rsbuild-common/README.md

@@ -0,0 +1,29 @@
+# Rsbuild Project
+
+## Setup
+
+Install the dependencies:
+
+```bash
+pnpm install
+```
+
+## Get Started
+
+Start the dev server:
+
+```bash
+pnpm dev
+```
+
+Build the app for production:
+
+```bash
+pnpm build
+```
+
+Preview the production build locally:
+
+```bash
+pnpm preview
+```

package/templates/rsbuild-common/package.json.handlebars

@@ -0,0 +1,22 @@
+{
+  "name": "{{ mfName }}",
+  "private": true,
+  "version": "1.0.0",
+  "scripts": {
+    "dev": "rsbuild dev --open",
+    "build": "rsbuild build",
+    "preview": "rsbuild preview"
+  },
+  "dependencies": {
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
+  },
+  "devDependencies": {
+    "@rsbuild/core": "^1.2.15",
+    "@rsbuild/plugin-react": "^1.1.1",
+    "@types/react": "^18.3.11",
+    "@types/react-dom": "~18.3.1",
+    "typescript": "^5.7.2",
+    "@module-federation/rsbuild-plugin":"^{{mfVersion}}"
+  }
+}

package/templates/rsbuild-common/src/App.css

@@ -0,0 +1,15 @@
+body {
+  margin: 0;
+  color: #fff;
+  font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
+  background-image: linear-gradient(to bottom, #020917, #101725);
+}
+
+.content {
+  display: flex;
+  min-height: 100vh;
+  line-height: 1.1;
+  text-align: center;
+  flex-direction: column;
+  justify-content: center;
+}

package/templates/rsbuild-common/src/bootstrap.tsx

@@ -0,0 +1,13 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import App from './App';
+
+const rootEl = document.getElementById('root');
+if (rootEl) {
+  const root = ReactDOM.createRoot(rootEl);
+  root.render(
+    <React.StrictMode>
+      <App />
+    </React.StrictMode>,
+  );
+}

package/templates/rsbuild-common/src/env.d.ts

@@ -0,0 +1 @@
+/// <reference types="@rsbuild/core/types" />

package/templates/rsbuild-common/src/index.tsx

@@ -0,0 +1 @@
+import('./bootstrap');

package/templates/rsbuild-common/tsconfig.json

@@ -0,0 +1,26 @@
+{
+  "compilerOptions": {
+    "lib": ["DOM", "ES2020"],
+    "jsx": "react-jsx",
+    "target": "ES2020",
+    "noEmit": true,
+    "skipLibCheck": true,
+    "useDefineForClassFields": true,
+
+    /* modules */
+    "module": "ESNext",
+    "isolatedModules": true,
+    "resolveJsonModule": true,
+    "moduleResolution": "Bundler",
+    "allowImportingTsExtensions": true,
+
+    /* type checking */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "paths": {
+      "*": ["./@mf-types/*"]
+    }
+  },
+  "include": ["src"]
+}