ptech-preset 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 Precio Team
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,283 @@
+# @precio/rsbuild-preset
+
+A comprehensive Rsbuild preset with Module Federation, auto-expose, and auto-remotes functionality.
+
+## Features
+
+- 🚀 **Auto-Expose**: Automatically expose components using JSDoc `@expose` tags or `exposeComponent()` wrapper
+- 🔗 **Auto-Remotes**: Automatically map remotes from environment variables or manifest JSON
+- ⚡ **Zero Configuration**: Minimal setup with sensible defaults
+- 🎯 **TypeScript Support**: Full TypeScript support with type definitions
+- 📦 **Module Federation**: Built-in Module Federation support with optimized shared dependencies
+
+## Installation
+
+### In your preset package (for development):
+
+```bash
+npm i -D tsup typescript
+npm i -S fast-glob
+```
+
+### In your application:
+
+```bash
+npm i -D @rsbuild/core @rsbuild/plugin-react @module-federation/rsbuild-plugin
+npm i -D @precio/rsbuild-preset
+```
+
+## Quick Start
+
+### Basic Usage
+
+```typescript
+// rsbuild.config.ts
+import { defineConfig } from '@rsbuild/core';
+import { pluginPrecioPreset } from '@precio/rsbuild-preset';
+
+export default defineConfig({
+  plugins: [
+    pluginPrecioPreset({
+      mf: {
+        name: 'my-app',
+      },
+    }),
+  ],
+});
+```
+
+### Advanced Configuration
+
+```typescript
+// rsbuild.config.ts
+import { defineConfig } from '@rsbuild/core';
+import { pluginPrecioPreset } from '@precio/rsbuild-preset';
+
+export default defineConfig({
+  plugins: [
+    pluginPrecioPreset({
+      cdn: 'https://cdn.example.com',
+      html: {
+        title: 'My Micro-Frontend App',
+        description: 'A modern micro-frontend application',
+      },
+      output: {
+        assetPrefixInDev: '/',
+        sourceMapProd: false,
+        hashFilenames: true,
+        filename: {
+          js: 'static/js/[name].[contenthash:8].js',
+          css: 'static/css/[name].[contenthash:8].css',
+        },
+      },
+      mf: {
+        name: 'my-app',
+        filename: 'static/js/remoteEntry.js',
+        manifest: false,
+        shared: {
+          lodash: { singleton: true },
+        },
+        // Manual overrides (will override auto-detected)
+        exposes: {
+          './CustomComponent': './src/components/Custom.tsx',
+        },
+        remotes: {
+          'legacy-app': 'legacy-app@https://legacy.example.com/remoteEntry.js',
+        },
+      },
+      autoExpose: {
+        enabled: true,
+        globs: ['src/components/**/*.{ts,tsx}', 'src/pages/**/*.{ts,tsx}'],
+        baseDir: 'src',
+        tag: 'expose',
+      },
+      autoRemotes: {
+        envPrefix: 'REMOTE_',
+        manifestPathOrUrl: './remotes.json',
+      },
+    }),
+  ],
+});
+```
+
+## Auto-Expose
+
+### Using JSDoc Comments
+
+```typescript
+// src/components/Button.tsx
+/**
+ * A reusable button component
+ * @expose Button
+ */
+export const Button = ({ children, ...props }) => {
+  return <button {...props}>{children}</button>;
+};
+```
+
+### Using exposeComponent Wrapper
+
+```typescript
+// src/components/Modal.tsx
+import { Modal } from './Modal';
+import { exposeComponent } from '@precio/rsbuild-preset';
+
+export default exposeComponent(Modal, 'Modal');
+```
+
+### Configuration Options
+
+```typescript
+autoExpose: {
+  enabled: true,                                    // Enable/disable auto-expose
+  globs: ['src/components/**/*.{ts,tsx}'],         // File patterns to scan
+  baseDir: 'src',                                  // Base directory for relative paths
+  tag: 'expose',                                   // JSDoc tag to look for
+}
+```
+
+## Auto-Remotes
+
+### Environment Variables
+
+```bash
+# .env
+REMOTE_USER_SERVICE=https://user-service.example.com/remoteEntry.js
+REMOTE_PAYMENT_SERVICE=https://payment.example.com/remoteEntry.js
+```
+
+### Manifest JSON
+
+```json
+// remotes.json
+{
+  "user-service": "https://user-service.example.com/remoteEntry.js",
+  "payment-service": "https://payment.example.com/remoteEntry.js",
+  "analytics": "https://analytics.example.com/remoteEntry.js"
+}
+```
+
+### HTTP Manifest
+
+```typescript
+autoRemotes: {
+  manifestPathOrUrl: 'https://api.example.com/remotes.json',
+}
+```
+
+### Configuration Options
+
+```typescript
+autoRemotes: {
+  envPrefix: 'REMOTE_',                            // Environment variable prefix
+  manifestPathOrUrl: './remotes.json',             // Local file or HTTP URL
+}
+```
+
+## API Reference
+
+### PrecioPresetOptions
+
+```typescript
+interface PrecioPresetOptions {
+  cdn?: string;
+  html?: {
+    title?: string;
+    description?: string;
+  };
+  output?: {
+    assetPrefixInDev?: string;
+    sourceMapProd?: boolean;
+    hashFilenames?: boolean;
+    filename?: {
+      js?: string;
+      css?: string;
+    };
+    distPath?: {
+      js?: string;
+      css?: string;
+    };
+  };
+  mf: {
+    name: string;                                  // Required: Module Federation name
+    filename?: string;                             // Default: 'static/js/remoteEntry.js'
+    manifest?: boolean;                            // Default: false
+    shared?: Record<string, SharedEntry>;
+    exposes?: Record<string, string>;              // Manual overrides
+    remotes?: Record<string, string>;              // Manual overrides
+  };
+  autoExpose?: AutoExposeOptions;
+  autoRemotes?: AutoRemotesOptions;
+}
+```
+
+### SharedEntry
+
+```typescript
+type SharedEntry = 
+  | string
+  | {
+      singleton?: boolean;
+      eager?: boolean;
+      requiredVersion?: string | false;
+    };
+```
+
+## Examples
+
+### Host Application
+
+```typescript
+// rsbuild.config.ts
+import { defineConfig } from '@rsbuild/core';
+import { pluginPrecioPreset } from '@precio/rsbuild-preset';
+
+export default defineConfig({
+  plugins: [
+    pluginPrecioPreset({
+      mf: {
+        name: 'host-app',
+      },
+      autoRemotes: {
+        envPrefix: 'REMOTE_',
+        manifestPathOrUrl: './remotes.json',
+      },
+    }),
+  ],
+});
+```
+
+### Remote Application
+
+```typescript
+// rsbuild.config.ts
+import { defineConfig } from '@rsbuild/core';
+import { pluginPrecioPreset } from '@precio/rsbuild-preset';
+
+export default defineConfig({
+  plugins: [
+    pluginPrecioPreset({
+      mf: {
+        name: 'remote-app',
+      },
+      autoExpose: {
+        globs: ['src/components/**/*.{ts,tsx}'],
+      },
+    }),
+  ],
+});
+```
+
+## Development
+
+```bash
+# Build the preset
+npm run build
+
+# Watch mode for development
+npm run dev
+```
+
+## License
+
+MIT

package/dist/index.d.ts

@@ -0,0 +1,51 @@
+import { RsbuildPlugin } from '@rsbuild/core';
+
+type SharedEntry = string | {
+    singleton?: boolean;
+    eager?: boolean;
+    requiredVersion?: string | false;
+};
+type AutoExposeOptions = {
+    enabled?: boolean;
+    globs?: string[];
+    baseDir?: string;
+    tag?: string;
+};
+type AutoRemotesOptions = {
+    envPrefix?: string;
+    manifestPathOrUrl?: string;
+};
+type PrecioPresetOptions = {
+    cdn?: string;
+    html?: {
+        title?: string;
+        description?: string;
+    };
+    output?: {
+        assetPrefixInDev?: string;
+        sourceMapProd?: boolean;
+        hashFilenames?: boolean;
+        filename?: {
+            js?: string;
+            css?: string;
+        };
+        distPath?: {
+            js?: string;
+            css?: string;
+        };
+    };
+    mf: {
+        name: string;
+        filename?: string;
+        manifest?: boolean;
+        shared?: Record<string, SharedEntry>;
+        exposes?: Record<string, string>;
+        remotes?: Record<string, string>;
+    };
+    autoExpose?: AutoExposeOptions;
+    autoRemotes?: AutoRemotesOptions;
+};
+
+declare function pluginPrecioPreset(opts: PrecioPresetOptions): RsbuildPlugin;
+
+export { type AutoExposeOptions, type AutoRemotesOptions, type PrecioPresetOptions, type SharedEntry, pluginPrecioPreset };

package/dist/index.js

@@ -0,0 +1,162 @@
+import { pluginReact } from '@rsbuild/plugin-react';
+import { pluginModuleFederation } from '@module-federation/rsbuild-plugin';
+import path from 'path';
+import fs2 from 'fs';
+import fg from 'fast-glob';
+
+// src/index.ts
+async function collectAutoExposesWithWrapper(opts = {}) {
+  if (opts.enabled === false) return {};
+  const globs = opts.globs ?? ["src/components/**/*.{ts,tsx}"];
+  const baseDir = path.resolve(process.cwd(), opts.baseDir ?? "src");
+  const tag = opts.tag ?? "expose";
+  const files = await fg(globs, {
+    cwd: process.cwd(),
+    absolute: true,
+    ignore: ["**/*.d.ts"]
+  });
+  const exposes = {};
+  for (const abs of files) {
+    const text = fs2.readFileSync(abs, "utf8");
+    const jsdocMatch = text.match(new RegExp(`/\\*\\*[^*]*\\*+[^/]*@${tag}\\s*([^*\\n\\r]*)`, "m"));
+    if (jsdocMatch) {
+      const raw = (jsdocMatch[1] || "").trim();
+      const key = raw || path.basename(abs).replace(/\.(tsx?|jsx?)$/, "");
+      const rel = path.relative(baseDir, abs).replace(/\\/g, "/");
+      exposes[`./${key}`] = `./${rel}`;
+      continue;
+    }
+    const wrapperMatch = text.match(/exposeComponent\s*\(\s*[^,]+,\s*['"`]([^'"`]+)['"`]\s*\)/);
+    if (wrapperMatch) {
+      const key = wrapperMatch[1];
+      const rel = path.relative(baseDir, abs).replace(/\\/g, "/");
+      exposes[`./${key}`] = `./${rel}`;
+    }
+  }
+  return exposes;
+}
+async function collectAutoRemotes(opts = {}) {
+  const remotes = {};
+  const prefix = opts.envPrefix ?? "REMOTE_";
+  for (const [k, v] of Object.entries(process.env)) {
+    if (!v) continue;
+    if (k.startsWith(prefix)) {
+      const scope = k.slice(prefix.length).toLowerCase();
+      remotes[scope] = `${scope}@${v}`;
+    }
+  }
+  const manifestPathOrUrl = opts.manifestPathOrUrl;
+  if (manifestPathOrUrl) {
+    let obj = {};
+    if (/^https?:\/\//i.test(manifestPathOrUrl)) {
+      try {
+        const res = await fetch(manifestPathOrUrl);
+        if (!res.ok) {
+          console.warn(`Failed to fetch manifest from ${manifestPathOrUrl}: ${res.status} ${res.statusText}`);
+        } else {
+          obj = await res.json();
+        }
+      } catch (error) {
+        console.warn(`Error fetching manifest from ${manifestPathOrUrl}:`, error);
+      }
+    } else {
+      try {
+        const manifestPath = path.resolve(manifestPathOrUrl);
+        if (fs2.existsSync(manifestPath)) {
+          obj = JSON.parse(fs2.readFileSync(manifestPath, "utf8"));
+        } else {
+          console.warn(`Manifest file not found: ${manifestPath}`);
+        }
+      } catch (error) {
+        console.warn(`Error reading manifest file ${manifestPathOrUrl}:`, error);
+      }
+    }
+    for (const [scope, url] of Object.entries(obj)) {
+      if (typeof url === "string" && url.trim()) {
+        remotes[scope] = `${scope}@${url}`;
+      }
+    }
+  }
+  return remotes;
+}
+
+// src/index.ts
+function pluginPrecioPreset(opts) {
+  return {
+    name: "precio-rsbuild-preset",
+    async setup(api) {
+      const isProd = process.env.NODE_ENV === "production";
+      const CDN = opts.cdn ?? process.env.CDN_URL;
+      const autoExposes = await collectAutoExposesWithWrapper(opts.autoExpose);
+      const autoRemotes = await collectAutoRemotes(opts.autoRemotes);
+      api.modifyRsbuildConfig((config) => {
+        config.html = {
+          ...config.html ?? {},
+          title: opts.html?.title ?? config.html?.title ?? "Precio App",
+          meta: {
+            viewport: "width=device-width, initial-scale=1",
+            description: opts.html?.description ?? "Precio App",
+            ...config.html?.meta ?? {}
+          }
+        };
+        const out = opts.output ?? {};
+        config.output = {
+          ...config.output ?? {},
+          assetPrefix: isProd ? CDN ?? "/" : out.assetPrefixInDev ?? "/",
+          sourceMap: isProd ? out.sourceMapProd ?? false : true,
+          filenameHash: out.hashFilenames ?? true,
+          filename: {
+            js: out.filename?.js ?? "static/js/[name].[contenthash:8].js",
+            css: out.filename?.css ?? "static/css/[name].[contenthash:8].css",
+            ...config.output?.filename ?? {}
+          },
+          distPath: {
+            js: out.distPath?.js ?? "static/js",
+            css: out.distPath?.css ?? "static/css",
+            ...config.output?.distPath ?? {}
+          }
+        };
+        const shared = {
+          react: {
+            singleton: true,
+            eager: true,
+            requiredVersion: false
+          },
+          "react-dom": {
+            singleton: true,
+            eager: true,
+            requiredVersion: false
+          },
+          ...opts.mf?.shared ?? {}
+        };
+        const exposes = { ...autoExposes, ...opts.mf.exposes ?? {} };
+        const remotes = { ...autoRemotes, ...opts.mf.remotes ?? {} };
+        config.plugins = [
+          ...config.plugins ?? [],
+          pluginReact(),
+          pluginModuleFederation({
+            name: opts.mf.name,
+            filename: opts.mf.filename ?? "static/js/remoteEntry.js",
+            manifest: opts.mf.manifest ?? false,
+            exposes,
+            remotes,
+            shared
+          })
+        ];
+        config.performance = {
+          ...config.performance ?? {},
+          chunkSplit: {
+            strategy: "split-by-module",
+            forceSplitting: [/node_modules\/react/, /node_modules\/react-dom/],
+            ...config.performance?.chunkSplit ?? {}
+          }
+        };
+        return config;
+      });
+    }
+  };
+}
+
+export { pluginPrecioPreset };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/autoExpose.ts","../src/autoRemotes.ts","../src/index.ts"],"names":["fs","path"],"mappings":"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","file":"index.js","sourcesContent":["import path from 'node:path';\r\nimport fs from 'node:fs';\r\nimport fg from 'fast-glob';\r\nimport type { AutoExposeOptions } from './types';\r\n\r\nexport async function collectAutoExposes(opts: AutoExposeOptions = {}) {\r\n  if (opts.enabled === false) return {};\r\n  \r\n  const globs = opts.globs ?? ['src/components/**/*.{ts,tsx}'];\r\n  const baseDir = path.resolve(process.cwd(), opts.baseDir ?? 'src');\r\n  const tag = opts.tag ?? 'expose';\r\n\r\n  const files = await fg(globs, { \r\n    cwd: process.cwd(), \r\n    absolute: true, \r\n    ignore: ['**/*.d.ts'] \r\n  });\r\n  \r\n  const exposes: Record<string, string> = {};\r\n\r\n  for (const abs of files) {\r\n    const text = fs.readFileSync(abs, 'utf8');\r\n    \r\n    // Tìm /** @expose Name */\r\n    const m = text.match(new RegExp(`/\\\\*\\\\*[^*]*\\\\*+[^/]*@${tag}\\\\s*([^*\\\\n\\\\r]*)`, 'm'));\r\n    if (!m) continue;\r\n\r\n    // lấy tên sau @expose, nếu trống => dùng baseName file\r\n    const raw = (m[1] || '').trim();\r\n    const key = raw || path.basename(abs).replace(/\\.(tsx?|jsx?)$/, '');\r\n    const rel = path.relative(baseDir, abs).replace(/\\\\/g, '/');\r\n    exposes[`./${key}`] = `./${rel}`;\r\n  }\r\n  \r\n  return exposes;\r\n}\r\n\r\n// Extended version that also supports exposeComponent wrapper\r\nexport async function collectAutoExposesWithWrapper(opts: AutoExposeOptions = {}) {\r\n  if (opts.enabled === false) return {};\r\n  \r\n  const globs = opts.globs ?? ['src/components/**/*.{ts,tsx}'];\r\n  const baseDir = path.resolve(process.cwd(), opts.baseDir ?? 'src');\r\n  const tag = opts.tag ?? 'expose';\r\n\r\n  const files = await fg(globs, { \r\n    cwd: process.cwd(), \r\n    absolute: true, \r\n    ignore: ['**/*.d.ts'] \r\n  });\r\n  \r\n  const exposes: Record<string, string> = {};\r\n\r\n  for (const abs of files) {\r\n    const text = fs.readFileSync(abs, 'utf8');\r\n    \r\n    // 1. Tìm /** @expose Name */\r\n    const jsdocMatch = text.match(new RegExp(`/\\\\*\\\\*[^*]*\\\\*+[^/]*@${tag}\\\\s*([^*\\\\n\\\\r]*)`, 'm'));\r\n    if (jsdocMatch) {\r\n      const raw = (jsdocMatch[1] || '').trim();\r\n      const key = raw || path.basename(abs).replace(/\\.(tsx?|jsx?)$/, '');\r\n      const rel = path.relative(baseDir, abs).replace(/\\\\/g, '/');\r\n      exposes[`./${key}`] = `./${rel}`;\r\n      continue;\r\n    }\r\n\r\n    // 2. Tìm exposeComponent(comp, 'Key')\r\n    const wrapperMatch = text.match(/exposeComponent\\s*\\(\\s*[^,]+,\\s*['\"`]([^'\"`]+)['\"`]\\s*\\)/);\r\n    if (wrapperMatch) {\r\n      const key = wrapperMatch[1];\r\n      const rel = path.relative(baseDir, abs).replace(/\\\\/g, '/');\r\n      exposes[`./${key}`] = `./${rel}`;\r\n    }\r\n  }\r\n  \r\n  return exposes;\r\n}\r\n","import fs from 'node:fs';\r\nimport path from 'node:path';\r\nimport type { AutoRemotesOptions } from './types';\r\n\r\nexport async function collectAutoRemotes(opts: AutoRemotesOptions = {}) {\r\n  const remotes: Record<string, string> = {};\r\n  const prefix = opts.envPrefix ?? 'REMOTE_';\r\n\r\n  // 1) ENV variables\r\n  for (const [k, v] of Object.entries(process.env)) {\r\n    if (!v) continue;\r\n    if (k.startsWith(prefix)) {\r\n      const scope = k.slice(prefix.length).toLowerCase();\r\n      remotes[scope] = `${scope}@${v}`;\r\n    }\r\n  }\r\n\r\n  // 2) Manifest JSON (local hoặc http)\r\n  const manifestPathOrUrl = opts.manifestPathOrUrl;\r\n  if (manifestPathOrUrl) {\r\n    let obj: Record<string, string> = {};\r\n    \r\n    if (/^https?:\\/\\//i.test(manifestPathOrUrl)) {\r\n      // HTTP/HTTPS URL\r\n      try {\r\n        const res = await fetch(manifestPathOrUrl);\r\n        if (!res.ok) {\r\n          console.warn(`Failed to fetch manifest from ${manifestPathOrUrl}: ${res.status} ${res.statusText}`);\r\n        } else {\r\n          obj = await res.json();\r\n        }\r\n      } catch (error) {\r\n        console.warn(`Error fetching manifest from ${manifestPathOrUrl}:`, error);\r\n      }\r\n    } else {\r\n      // Local file path\r\n      try {\r\n        const manifestPath = path.resolve(manifestPathOrUrl);\r\n        if (fs.existsSync(manifestPath)) {\r\n          obj = JSON.parse(fs.readFileSync(manifestPath, 'utf8'));\r\n        } else {\r\n          console.warn(`Manifest file not found: ${manifestPath}`);\r\n        }\r\n      } catch (error) {\r\n        console.warn(`Error reading manifest file ${manifestPathOrUrl}:`, error);\r\n      }\r\n    }\r\n    \r\n    // Process manifest entries\r\n    for (const [scope, url] of Object.entries(obj)) {\r\n      if (typeof url === 'string' && url.trim()) {\r\n        remotes[scope] = `${scope}@${url}`;\r\n      }\r\n    }\r\n  }\r\n  \r\n  return remotes;\r\n}\r\n","import type { RsbuildConfig, RsbuildPlugin } from \"@rsbuild/core\";\r\nimport { pluginReact } from \"@rsbuild/plugin-react\";\r\nimport { pluginModuleFederation } from \"@module-federation/rsbuild-plugin\";\r\nimport type { PrecioPresetOptions, SharedEntry } from \"./types\";\r\nimport { collectAutoExposesWithWrapper } from \"./autoExpose\";\r\nimport { collectAutoRemotes } from \"./autoRemotes\";\r\n\r\nexport function pluginPrecioPreset(opts: PrecioPresetOptions): RsbuildPlugin {\r\n  return {\r\n    name: \"precio-rsbuild-preset\",\r\n    async setup(api) {\r\n      const isProd = process.env.NODE_ENV === \"production\";\r\n      const CDN = opts.cdn ?? process.env.CDN_URL;\r\n\r\n      // Chuẩn bị dữ liệu \"thông minh\"\r\n      const autoExposes = await collectAutoExposesWithWrapper(opts.autoExpose);\r\n      const autoRemotes = await collectAutoRemotes(opts.autoRemotes);\r\n\r\n      api.modifyRsbuildConfig((config: RsbuildConfig) => {\r\n        // HTML\r\n        config.html = {\r\n          ...(config.html ?? {}),\r\n          title: opts.html?.title ?? config.html?.title ?? \"Precio App\",\r\n          meta: {\r\n            viewport: \"width=device-width, initial-scale=1\",\r\n            description: opts.html?.description ?? \"Precio App\",\r\n            ...(config.html?.meta ?? {}),\r\n          },\r\n        };\r\n\r\n        // OUTPUT\r\n        const out = opts.output ?? {};\r\n        config.output = {\r\n          ...(config.output ?? {}),\r\n          assetPrefix: isProd ? CDN ?? \"/\" : out.assetPrefixInDev ?? \"/\",\r\n          sourceMap: isProd ? out.sourceMapProd ?? false : true,\r\n          filenameHash: out.hashFilenames ?? true,\r\n          filename: {\r\n            js: out.filename?.js ?? \"static/js/[name].[contenthash:8].js\",\r\n            css: out.filename?.css ?? \"static/css/[name].[contenthash:8].css\",\r\n            ...(config.output?.filename ?? {}),\r\n          },\r\n          distPath: {\r\n            js: out.distPath?.js ?? \"static/js\",\r\n            css: out.distPath?.css ?? \"static/css\",\r\n            ...(config.output?.distPath ?? {}),\r\n          },\r\n        };\r\n\r\n        // SHARED (giữ literal type cho false)\r\n        const shared = {\r\n          react: {\r\n            singleton: true,\r\n            eager: true,\r\n            requiredVersion: false as const,\r\n          },\r\n          \"react-dom\": {\r\n            singleton: true,\r\n            eager: true,\r\n            requiredVersion: false as const,\r\n          },\r\n          ...(opts.mf?.shared ?? {}),\r\n        } satisfies Record<string, SharedEntry>;\r\n\r\n        // Exposes/Remotes: auto + cho phép override thủ công\r\n        const exposes = { ...autoExposes, ...(opts.mf.exposes ?? {}) };\r\n        const remotes = { ...autoRemotes, ...(opts.mf.remotes ?? {}) };\r\n\r\n        config.plugins = [\r\n          ...(config.plugins ?? []),\r\n          pluginReact(),\r\n          pluginModuleFederation({\r\n            name: opts.mf.name,\r\n            filename: opts.mf.filename ?? \"static/js/remoteEntry.js\",\r\n            manifest: opts.mf.manifest ?? false,\r\n            exposes,\r\n            remotes,\r\n            shared,\r\n          } as any),\r\n        ];\r\n\r\n        config.performance = {\r\n          ...(config.performance ?? {}),\r\n          chunkSplit: {\r\n            strategy: \"split-by-module\",\r\n            forceSplitting: [/node_modules\\/react/, /node_modules\\/react-dom/],\r\n            ...(config.performance?.chunkSplit ?? {}),\r\n          },\r\n        };\r\n\r\n        return config;\r\n      });\r\n    },\r\n  };\r\n}\r\n\r\n// Export types for consumers\r\nexport type {\r\n  PrecioPresetOptions,\r\n  AutoExposeOptions,\r\n  AutoRemotesOptions,\r\n  SharedEntry,\r\n} from \"./types\";\r\n"]}

package/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "ptech-preset",
+  "version": "0.1.0",
+  "type": "module",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": ["dist", "README.md", "LICENSE"],
+  "scripts": {
+    "build": "tsup src/index.ts --format esm --dts --out-dir dist --clean",
+    "dev": "tsup src/index.ts --format esm --dts --out-dir dist --watch"
+  },
+  "peerDependencies": {
+    "@rsbuild/core": ">=1.4.16",
+    "@rsbuild/plugin-react": ">=1.4.1",
+    "@module-federation/rsbuild-plugin": ">=0.19.1"
+  },
+  "devDependencies": {
+    "tsup": "^8.5.0",
+    "typescript": "^5.9.3"
+  },
+  "dependencies": {
+    "fast-glob": "^3.3.3"
+  },
+  "keywords": [
+    "rsbuild",
+    "module-federation",
+    "preset",
+    "micro-frontend",
+    "auto-expose",
+    "auto-remotes"
+  ],
+  "description": "A comprehensive Rsbuild preset",
+  "author": "PTech Team",
+  "license": "MIT"
+}