ptech-preset 0.1.0 → 1.1.2

package/README.md

@@ -1,283 +1,108 @@
-# @precio/rsbuild-preset
+# @precio/rsbuild-plugin-mf-auto
 
-A comprehensive Rsbuild preset with Module Federation, auto-expose, and auto-remotes functionality.
+Auto-generate Module Federation (MF v2) config for Rsbuild:
+- Scan components with `/** @expose Name */` or `exposeComponent(comp, 'Name')`.
+- Gather `remotes` from ENV `REMOTE_*` and/or a manifest (file or URL).
+- Inject MF v2 via `@module-federation/rsbuild-plugin`.
 
-## 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:
+## Install
 
 ```bash
-npm i -D @rsbuild/core @rsbuild/plugin-react @module-federation/rsbuild-plugin
-npm i -D @precio/rsbuild-preset
+npm i -D @precio/rsbuild-plugin-mf-auto @module-federation/rsbuild-plugin
 ```
 
-## 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',
-      },
-    }),
-  ],
-});
-```
+## Usage
 
-### Advanced Configuration
+### rsbuild.config.ts
 
 ```typescript
-// rsbuild.config.ts
 import { defineConfig } from '@rsbuild/core';
-import { pluginPrecioPreset } from '@precio/rsbuild-preset';
+import { pluginReact } from '@rsbuild/plugin-react';
+import { pluginMFAuto } from '@precio/rsbuild-plugin-mf-auto';
 
 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',
-      },
-    }),
-  ],
+    pluginReact(),
+    pluginMFAuto({
+      name: 'ptechlibrary',
+      filename: 'static/js/remoteEntry.js',
+      baseDir: 'src',
+      globs: ['src/components/**/*.{ts,tsx}'],
+      exposesMode: 'both',
+      envPrefix: 'REMOTE_',
+      manifestPathOrUrl: process.env.MF_MANIFEST,
+      autoShareReact: true
+    })
+  ]
 });
 ```
 
-## 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
+### Annotate component
 
 ```typescript
-// src/components/Modal.tsx
-import { Modal } from './Modal';
-import { exposeComponent } from '@precio/rsbuild-preset';
+/** @expose AnimatedButton */
+export default function AnimatedButton(){ ... }
 
-export default exposeComponent(Modal, 'Modal');
+// or:
+exposeComponent(AnimatedButton, 'AnimatedButton');
 ```
 
-### 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
+### Remotes via ENV
 
 ```bash
-# .env
-REMOTE_USER_SERVICE=https://user-service.example.com/remoteEntry.js
-REMOTE_PAYMENT_SERVICE=https://payment.example.com/remoteEntry.js
+REMOTE_admin=https://cdn.example.com/admin/remoteEntry.js
+REMOTE_ui=https://cdn.example.com/ui/remoteEntry.js
 ```
 
-### Manifest JSON
+### Or manifest (local or http)
 
 ```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',
+  "admin": "https://cdn.example.com/admin/remoteEntry.js",
+  "ui": "https://cdn.example.com/ui/remoteEntry.js"
 }
 ```
 
-### Configuration Options
+## Options
 
-```typescript
-autoRemotes: {
-  envPrefix: 'REMOTE_',                            // Environment variable prefix
-  manifestPathOrUrl: './remotes.json',             // Local file or HTTP URL
-}
-```
+| Option | Type | Default | Description |
+|--------|------|---------|-------------|
+| `name` | `string` | `path.basename(rootPath)` | Module Federation scope name |
+| `filename` | `string` | `'static/js/remoteEntry.js'` | Remote entry filename |
+| `baseDir` | `string` | `'src'` | Base directory for relative paths |
+| `globs` | `string[]` | `['src/components/**/*.{ts,tsx}']` | File patterns to scan |
+| `exposesMode` | `'jsdoc' \| 'wrapper' \| 'both'` | `'both'` | How to detect exposed components |
+| `envPrefix` | `string` | `'REMOTE_'` | Environment variable prefix for remotes |
+| `manifestPathOrUrl` | `string` | - | Local file path or HTTP URL to manifest |
+| `autoShareReact` | `boolean` | `true` | Auto-share React and related libraries |
 
-## API Reference
+## Notes
 
-### PrecioPresetOptions
+- Requires: `@module-federation/rsbuild-plugin` (MF v2).
+- Prevents multi-React by default via shared with `singleton: true`.
+- Supports both JSDoc comments and wrapper function patterns for exposes.
+- Can load remote configurations from environment variables or manifest files.
 
-```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;
-}
-```
+## Publishing
 
-### 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';
+```bash
+# 1) Login to npm
+npm login
 
-export default defineConfig({
-  plugins: [
-    pluginPrecioPreset({
-      mf: {
-        name: 'host-app',
-      },
-      autoRemotes: {
-        envPrefix: 'REMOTE_',
-        manifestPathOrUrl: './remotes.json',
-      },
-    }),
-  ],
-});
+# 2) Build & publish
+npm version patch   # or minor/major
+npm publish --access public
 ```
 
-### Remote Application
-
-```typescript
-// rsbuild.config.ts
-import { defineConfig } from '@rsbuild/core';
-import { pluginPrecioPreset } from '@precio/rsbuild-preset';
+## Consumer Usage
 
-export default defineConfig({
-  plugins: [
-    pluginPrecioPreset({
-      mf: {
-        name: 'remote-app',
-      },
-      autoExpose: {
-        globs: ['src/components/**/*.{ts,tsx}'],
-      },
-    }),
-  ],
-});
+```bash
+npm i -D @precio/rsbuild-plugin-mf-auto @module-federation/rsbuild-plugin
 ```
 
-## Development
+### Example ENV configuration:
 
 ```bash
-# Build the preset
-npm run build
-
-# Watch mode for development
-npm run dev
+REMOTE_ptechui=https://oneportal.blob.core.windows.net/external/ptechui/remoteEntry.js
+REMOTE_admin=https://oneportal.blob.core.windows.net/external/admin/remoteEntry.js
 ```
-
-## License
-
-MIT

package/dist/index.d.ts

@@ -1,51 +1,15 @@
 import { RsbuildPlugin } from '@rsbuild/core';
 
-type SharedEntry = string | {
-    singleton?: boolean;
-    eager?: boolean;
-    requiredVersion?: string | false;
-};
-type AutoExposeOptions = {
-    enabled?: boolean;
-    globs?: string[];
+type MfAutoOptions = {
+    name?: string;
+    filename?: string;
     baseDir?: string;
-    tag?: string;
-};
-type AutoRemotesOptions = {
+    globs?: string[];
+    exposesMode?: "jsdoc" | "wrapper" | "both";
     envPrefix?: string;
     manifestPathOrUrl?: string;
+    autoShareReact?: boolean;
 };
-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;
+declare function pluginCore(opts?: MfAutoOptions): RsbuildPlugin;
 
-export { type AutoExposeOptions, type AutoRemotesOptions, type PrecioPresetOptions, type SharedEntry, pluginPrecioPreset };
+export { type MfAutoOptions, pluginCore as default, pluginCore };

package/dist/index.js

@@ -1,11 +1,11 @@
-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 = {}) {
+import path3 from "path";
+
+// src/collectAutoExposes.ts
+import path from "path";
+import fs from "fs";
+import fg from "fast-glob";
+async function collectAutoExposes(opts = {}) {
   if (opts.enabled === false) return {};
   const globs = opts.globs ?? ["src/components/**/*.{ts,tsx}"];
   const baseDir = path.resolve(process.cwd(), opts.baseDir ?? "src");
@@ -17,8 +17,29 @@ async function collectAutoExposesWithWrapper(opts = {}) {
   });
   const exposes = {};
   for (const abs of files) {
-    const text = fs2.readFileSync(abs, "utf8");
-    const jsdocMatch = text.match(new RegExp(`/\\*\\*[^*]*\\*+[^/]*@${tag}\\s*([^*\\n\\r]*)`, "m"));
+    const text = fs.readFileSync(abs, "utf8");
+    const m = text.match(new RegExp(`/\\*\\*[^*]*\\*+[^/]*@${tag}\\s*([^*\\n\\r]*)`, "m"));
+    if (!m) continue;
+    const raw = (m[1] || "").trim();
+    const key = raw || path.basename(abs).replace(/\.(tsx?|jsx?)$/, "");
+    const rel = path.relative(baseDir, abs).replace(/\\/g, "/");
+    exposes[`./${key}`] = `./${rel}`;
+  }
+  return exposes;
+}
+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 files = await fg(globs, {
+    cwd: process.cwd(),
+    absolute: true,
+    ignore: ["**/*.d.ts"]
+  });
+  const exposes = {};
+  for (const abs of files) {
+    const text = fs.readFileSync(abs, "utf8");
+    const jsdocMatch = text.match(/\/\*\*[^*]*\*+[^/]*@expose\s*([^*\n\r]*)/m);
     if (jsdocMatch) {
       const raw = (jsdocMatch[1] || "").trim();
       const key = raw || path.basename(abs).replace(/\.(tsx?|jsx?)$/, "");
@@ -35,6 +56,10 @@ async function collectAutoExposesWithWrapper(opts = {}) {
   }
   return exposes;
 }
+
+// src/collectAutoRemotes.ts
+import fs2 from "fs";
+import path2 from "path";
 async function collectAutoRemotes(opts = {}) {
   const remotes = {};
   const prefix = opts.envPrefix ?? "REMOTE_";
@@ -51,24 +76,21 @@ async function collectAutoRemotes(opts = {}) {
     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);
+        if (res.ok) obj = await res.json();
+        else console.warn(`[mf-auto] fetch manifest failed: ${res.status} ${res.statusText}`);
+      } catch (e) {
+        console.warn(`[mf-auto] fetch manifest error:`, e);
       }
     } else {
       try {
-        const manifestPath = path.resolve(manifestPathOrUrl);
+        const manifestPath = path2.resolve(manifestPathOrUrl);
         if (fs2.existsSync(manifestPath)) {
           obj = JSON.parse(fs2.readFileSync(manifestPath, "utf8"));
         } else {
-          console.warn(`Manifest file not found: ${manifestPath}`);
+          console.warn(`[mf-auto] manifest file not found: ${manifestPath}`);
         }
-      } catch (error) {
-        console.warn(`Error reading manifest file ${manifestPathOrUrl}:`, error);
+      } catch (e) {
+        console.warn(`[mf-auto] read manifest error:`, e);
       }
     }
     for (const [scope, url] of Object.entries(obj)) {
@@ -81,42 +103,40 @@ async function collectAutoRemotes(opts = {}) {
 }
 
 // src/index.ts
-function pluginPrecioPreset(opts) {
+function pluginCore(opts = {}) {
+  const {
+    name,
+    filename = "static/js/remoteEntry.js",
+    baseDir = "src",
+    globs = ["src/components/**/*.{ts,tsx}"],
+    exposesMode = "both",
+    envPrefix = "REMOTE_",
+    manifestPathOrUrl,
+    autoShareReact = true
+  } = opts;
   return {
-    name: "precio-rsbuild-preset",
+    name: "plugin-mf-auto",
+    apply: "build",
     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 = {
+      const { pluginModuleFederation } = await import("@module-federation/rsbuild-plugin");
+      async function getExposes() {
+        if (exposesMode === "jsdoc")
+          return collectAutoExposes({ baseDir, globs });
+        if (exposesMode === "wrapper")
+          return collectAutoExposesWithWrapper({ baseDir, globs });
+        const a = await collectAutoExposes({ baseDir, globs });
+        const b = await collectAutoExposesWithWrapper({ baseDir, globs });
+        return { ...a, ...b };
+      }
+      async function getRemotes() {
+        return collectAutoRemotes({ envPrefix, manifestPathOrUrl });
+      }
+      api.modifyRsbuildConfig(async (config) => {
+        const [exposes, remotes] = await Promise.all([
+          getExposes(),
+          getRemotes()
+        ]);
+        const sharedDefaults = autoShareReact ? {
           react: {
             singleton: true,
             eager: true,
@@ -127,36 +147,44 @@ function pluginPrecioPreset(opts) {
             eager: true,
             requiredVersion: false
           },
-          ...opts.mf?.shared ?? {}
-        };
-        const exposes = { ...autoExposes, ...opts.mf.exposes ?? {} };
-        const remotes = { ...autoRemotes, ...opts.mf.remotes ?? {} };
-        config.plugins = [
-          ...config.plugins ?? [],
-          pluginReact(),
+          "react-router": {
+            singleton: true,
+            eager: true,
+            requiredVersion: false
+          },
+          "react-router-dom": {
+            singleton: true,
+            eager: true,
+            requiredVersion: false
+          },
+          "@azure/msal-react": {
+            singleton: true,
+            eager: true,
+            requiredVersion: false
+          },
+          "@azure/msal-browser": {
+            singleton: true,
+            eager: true,
+            requiredVersion: false
+          }
+        } : void 0;
+        config.plugins ||= [];
+        config.plugins.push(
           pluginModuleFederation({
-            name: opts.mf.name,
-            filename: opts.mf.filename ?? "static/js/remoteEntry.js",
-            manifest: opts.mf.manifest ?? false,
+            name: name ?? path3.basename(api.context.rootPath).replace(/\W+/g, ""),
+            filename,
             exposes,
             remotes,
-            shared
+            shared: sharedDefaults
           })
-        ];
-        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
+var index_default = pluginCore;
+export {
+  index_default as default,
+  pluginCore
+};

package/package.json

@@ -1,35 +1,33 @@
 {
   "name": "ptech-preset",
-  "version": "0.1.0",
+  "version": "1.1.2",
+  "description": "Auto Module.",
   "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"
+    "dev": "tsup src/index.ts --format esm --dts --out-dir dist --watch",
+    "prepublishOnly": "npm run build"
   },
   "peerDependencies": {
-    "@rsbuild/core": ">=1.4.16",
-    "@rsbuild/plugin-react": ">=1.4.1",
+    "@rsbuild/core": ">=1.5.13",
     "@module-federation/rsbuild-plugin": ">=0.19.1"
   },
-  "devDependencies": {
-    "tsup": "^8.5.0",
-    "typescript": "^5.9.3"
-  },
   "dependencies": {
     "fast-glob": "^3.3.3"
   },
+  "devDependencies": {
+    "tsup": "^8.0.1",
+    "typescript": "^5.6.2"
+  },
   "keywords": [
     "rsbuild",
     "module-federation",
-    "preset",
     "micro-frontend",
-    "auto-expose",
-    "auto-remotes"
+    "auto expose",
+    "auto remotes"
   ],
-  "description": "A comprehensive Rsbuild preset",
-  "author": "PTech Team",
   "license": "MIT"
 }

package/LICENSE

@@ -1,21 +0,0 @@
-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/dist/index.js.map

@@ -1 +0,0 @@
-{"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"]}