ptech-preset 1.1.8 → 1.2.1

package/dist/index.d.ts

@@ -7,18 +7,14 @@ type MfAutoOptions = {
     exposesMode?: "jsdoc" | "wrapper" | "both";
     envPrefix?: string;
     manifestPathOrUrl?: string;
-    /** true: chỉ auto khi exposes/remotes trống; false: luôn auto rồi merge */
     autoWhenEmpty?: boolean;
-    /** Tiêm CSS vào exposes */
     cssInjection?: CssInjectionMode;
     cssEntry?: string;
     stylesExposeKey?: string;
-    /** Ép tách chunk cho từng expose */
     separateExposes?: boolean;
     separateExposeChunkPrefix?: string;
-    /** options chuyển nguyên vẹn sang @module-federation/rsbuild-plugin */
     mf: Record<string, any>;
 };
-declare function pluginMFAuto(opts: MfAutoOptions): RsbuildPlugin;
+declare function pluginCore(opts: MfAutoOptions): RsbuildPlugin;
 
-export { type MfAutoOptions, pluginMFAuto as default, pluginMFAuto };
+export { type MfAutoOptions, pluginCore as default, pluginCore };

package/dist/index.js

@@ -10,7 +10,6 @@ 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");
   const tag = opts.tag ?? "expose";
   const debug = !!opts.debug;
   const files = await fg(globs, {
@@ -23,34 +22,34 @@ async function collectAutoExposes(opts = {}) {
     "m"
   );
   const exposes = {};
+  const root = process.cwd();
   for (const abs of files) {
     const text = fs.readFileSync(abs, "utf8");
     const m = text.match(jsdocRe);
     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}`;
+    const relFromRoot = path.relative(root, abs).replace(/\\/g, "/");
+    exposes[`./${key}`] = `./${relFromRoot}`;
     if (debug) {
-      console.log(`[mf-auto] JSDoc expose: key="./${key}" -> ${rel}`);
+      console.log(`[mf-auto] JSDoc expose: key="./${key}" -> ${relFromRoot}`);
     }
   }
   if (debug) {
-    const count = Object.keys(exposes).length;
-    console.log(`[mf-auto] collectAutoExposes: ${count} expose(s) found`);
+    console.log(`[mf-auto] collectAutoExposes: ${Object.keys(exposes).length} expose(s) found`);
   }
   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 debug = !!opts.debug;
   const files = await fg(globs, {
     cwd: process.cwd(),
     absolute: true,
     ignore: ["**/*.d.ts"]
   });
+  const root = process.cwd();
   const jsdocRe = new RegExp(
     String.raw`/\*\*[\s\S]*?@expose(?:\s+([^\s*]+))?[\s\S]*?\*/`,
     "m"
@@ -67,18 +66,15 @@ async function collectAutoExposesWithWrapper(opts = {}) {
       const wrapperMatch = text.match(wrapperRe);
       if (wrapperMatch) key = wrapperMatch[1];
     }
-    if (!key) {
-      continue;
-    }
-    const rel = path.relative(baseDir, abs).replace(/\\/g, "/");
-    exposes[`./${key}`] = `./${rel}`;
+    if (!key) continue;
+    const relFromRoot = path.relative(root, abs).replace(/\\/g, "/");
+    exposes[`./${key}`] = `./${relFromRoot}`;
     if (debug) {
-      console.log(`[mf-auto] Wrapper/JSDoc expose: key="./${key}" -> ${rel}`);
+      console.log(`[mf-auto] Wrapper/JSDoc expose: key="./${key}" -> ${relFromRoot}`);
     }
   }
   if (debug) {
-    const count = Object.keys(exposes).length;
-    console.log(`[mf-auto] collectAutoExposesWithWrapper: ${count} expose(s) found`);
+    console.log(`[mf-auto] collectAutoExposesWithWrapper: ${Object.keys(exposes).length} expose(s) found`);
   }
   return exposes;
 }
@@ -150,7 +146,15 @@ function normalizeExposePath(root, maybeRel) {
   return `./${relFromRoot}`;
 }
 var escapeRegExp = (s) => s.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-function pluginMFAuto(opts) {
+var DEFAULT_SHARED = {
+  react: { singleton: true, eager: true, requiredVersion: false },
+  "react-dom": { singleton: true, eager: true, requiredVersion: false },
+  "react-router": { singleton: true, eager: true, requiredVersion: false },
+  "@azure/msal-react": { singleton: true, eager: true, requiredVersion: false },
+  "@azure/msal-browser": { singleton: true, eager: true, requiredVersion: false }
+};
+var CDN_BASE = "https://oneportal.blob.core.windows.net/external/ts/";
+function pluginCore(opts) {
   const {
     baseDir = "src",
     globs = ["src/components/**/*.{ts,tsx}"],
@@ -166,9 +170,7 @@ function pluginMFAuto(opts) {
     mf
   } = opts;
   if (!mf || typeof mf !== "object") {
-    throw new Error(
-      '[plugin-mf-auto] "mf" options is required and must be an object.'
-    );
+    throw new Error('[plugin-mf-auto] "mf" options is required and must be an object.');
   }
   return {
     name: "plugin-mf-auto",
@@ -177,8 +179,7 @@ function pluginMFAuto(opts) {
       const { pluginModuleFederation } = await import("@module-federation/rsbuild-plugin");
       const getExposes = async () => {
         if (exposesMode === "jsdoc") return collectAutoExposes({ baseDir, globs });
-        if (exposesMode === "wrapper")
-          return collectAutoExposesWithWrapper({ baseDir, globs });
+        if (exposesMode === "wrapper") return collectAutoExposesWithWrapper({ baseDir, globs });
         const a = await collectAutoExposes({ baseDir, globs });
         const b = await collectAutoExposesWithWrapper({ baseDir, globs });
         return { ...a, ...b };
@@ -211,6 +212,9 @@ function pluginMFAuto(opts) {
       if (!mfMerged.name) {
         mfMerged.name = getPackageName(root) || path3.basename(root).replace(/\W+/g, "");
       }
+      if (typeof mfMerged.shared === "undefined") {
+        mfMerged.shared = DEFAULT_SHARED;
+      }
       if (cssInjection !== "none") {
         const cssAbs = path3.resolve(root, cssEntry);
         const hasCss = fs3.existsSync(cssAbs);
@@ -218,20 +222,12 @@ function pluginMFAuto(opts) {
         fs3.mkdirSync(tempDir, { recursive: true });
         if (cssInjection === "wrapper" && mfMerged.exposes) {
           const wrapped = {};
-          for (const [key, rel] of Object.entries(
-            mfMerged.exposes
-          )) {
+          for (const [key, rel] of Object.entries(mfMerged.exposes)) {
             const targetAbs = path3.resolve(root, String(rel).replace(/^\.\//, ""));
-            const proxyFile = path3.join(
-              tempDir,
-              `expose_${key.replace(/[./]/g, "_")}.ts`
-            );
+            const proxyFile = path3.join(tempDir, `expose_${key.replace(/[./]/g, "_")}.ts`);
             const lines = [];
-            if (hasCss) {
-              lines.push(`import ${JSON.stringify(cssAbs.replace(/\\/g, "/"))};`);
-            } else {
-              lines.push(`/* no css: ${cssEntry} not found */`);
-            }
+            if (hasCss) lines.push(`import ${JSON.stringify(cssAbs.replace(/\\/g, "/"))};`);
+            else lines.push(`/* no css: ${cssEntry} not found */`);
             const target = JSON.stringify(targetAbs.replace(/\\/g, "/"));
             lines.push(`export * from ${target};`);
             lines.push(`export { default } from ${target};`);
@@ -251,20 +247,23 @@ function pluginMFAuto(opts) {
             "utf8"
           );
           const relFromRoot = path3.relative(root, stylesFile).replace(/\\/g, "/");
-          mfMerged.exposes = {
-            ...mfMerged.exposes ?? {},
-            [stylesExposeKey]: `./${relFromRoot}`
-          };
+          mfMerged.exposes = { ...mfMerged.exposes ?? {}, [stylesExposeKey]: `./${relFromRoot}` };
         }
       }
       if (typeof mfMerged.dts === "undefined") mfMerged.dts = true;
       const mfPlugin = pluginModuleFederation(mfMerged);
       await mfPlugin.setup?.(api);
+      const pkgSafe = getPackageName(root) || mfMerged.name || path3.basename(root).replace(/\W+/g, "");
+      const cdnUrl = `${CDN_BASE}${pkgSafe}/`;
+      const isProd = process.env.NODE_ENV === "production";
+      api.modifyRsbuildConfig((config) => {
+        config.output ??= {};
+        if (isProd && !config.output.assetPrefix) config.output.assetPrefix = cdnUrl;
+        return config;
+      });
       if (separateExposes && mfMerged.exposes) {
         const force = {};
-        for (const [key, rel] of Object.entries(
-          mfMerged.exposes
-        )) {
+        for (const [key, rel] of Object.entries(mfMerged.exposes)) {
           const abs = path3.resolve(root, String(rel).replace(/^\.\//, "")).replace(/\\/g, "/");
           const safe = separateExposeChunkPrefix + key.replace(/[^a-zA-Z0-9_]/g, "_");
           force[safe] = new RegExp(`${escapeRegExp(abs)}$`);
@@ -279,8 +278,8 @@ function pluginMFAuto(opts) {
     }
   };
 }
-var index_default = pluginMFAuto;
+var index_default = pluginCore;
 export {
   index_default as default,
-  pluginMFAuto
+  pluginCore
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ptech-preset",
-  "version": "1.1.8",
+  "version": "1.2.1",
   "description": "Auto Module.",
   "type": "module",
   "main": "dist/index.js",