@next-core/build-next-bricks 1.2.0 → 1.3.1

package/bin/build-next-bricks.js

@@ -4,30 +4,44 @@ import { existsSync } from "node:fs";
 import build from "../src/build.js";
 import scanBricks from "../src/scanBricks.js";
 
+/**
+ * @typedef {T | Array<T>} MaybeArray<T>
+ * @template {string} T
+ */
+
+/** @typedef {import("@next-core/build-next-bricks").BuildNextBricksConfig} BuildNextBricksConfig */
+
 try {
   const startTime = Date.now();
 
   const packageDir = process.cwd();
   const configJs = path.join(packageDir, "build.config.js");
-  /** @type {import("@next-core/build-next-bricks").BuildNextBricksConfig} */
-  let config = {};
+  /** @type {MaybeArray<BuildNextBricksConfig>} */
+  let rawConfig = {};
   if (existsSync(configJs)) {
-    config = (await import(configJs)).default;
+    rawConfig = (await import(configJs)).default;
   }
 
-  if (!config.type || config.type === "bricks") {
-    const scanBricksStartAt = performance.now();
-    Object.assign(config, await scanBricks(packageDir));
-    const scanBricksCost = Math.round(performance.now() - scanBricksStartAt);
-    console.log(
-      "Scan bricks done in",
-      scanBricksCost < 1000
-        ? `${scanBricksCost}ms`
-        : `${(scanBricksCost / 1000).toFixed(2)}s`
-    );
+  /** @type {Array<BuildNextBricksConfig>} */
+  const configList = [].concat(rawConfig);
+
+  for (const config of configList) {
+    if (!config.type || config.type === "bricks") {
+      const scanBricksStartAt = performance.now();
+      Object.assign(config, await scanBricks(packageDir));
+      const scanBricksCost = Math.round(performance.now() - scanBricksStartAt);
+      console.log(
+        "Scan bricks done in",
+        scanBricksCost < 1000
+          ? `${scanBricksCost}ms`
+          : `${(scanBricksCost / 1000).toFixed(2)}s`
+      );
+    }
   }
 
-  const compiler = await build(config);
+  const compiler = await build(
+    configList.length === 1 ? configList[0] : configList
+  );
 
   const watch = process.argv.includes("--watch");
 

package/index.d.ts

@@ -69,6 +69,9 @@ export interface BuildNextBricksConfig {
   type?: "bricks" | "container" | "brick-playground";
   mode?: "development" | "production";
   entry?: Record<string, string>;
+  /** Defaults to "dist" */
+  outputPath?: string;
+  devOnlyOutputPublicPath?: string;
   extractCss?: boolean;
   /** Treat svg as React component instead of asset */
   svgAsReactComponent?: boolean;
@@ -81,5 +84,5 @@ export interface BuildNextBricksConfig {
   exposes?: ConstructorParameters<typeof container.ModuleFederationPlugin>;
   dependencies?: Record<string, string[]>;
   optimization?: Configuration["optimization"];
-  moduleFederationShared?: SharedObject;
+  moduleFederationShared?: SharedObject | false;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@next-core/build-next-bricks",
-  "version": "1.2.0",
+  "version": "1.3.1",
   "description": "Build next bricks",
   "homepage": "https://github.com/easyops-cn/next-core/tree/master/packages/build-next-bricks",
   "license": "GPL-3.0",
@@ -30,21 +30,21 @@
     "node": ">=16"
   },
   "dependencies": {
-    "@babel/parser": "^7.21.2",
-    "@babel/traverse": "^7.21.2",
-    "@svgr/webpack": "^6.5.1",
+    "@babel/parser": "^7.21.4",
+    "@babel/traverse": "^7.21.4",
+    "@svgr/webpack": "^7.0.0",
     "babel-loader": "^9.1.2",
     "css-loader": "^6.7.3",
-    "cssnano": "^5.1.15",
-    "cssnano-preset-lite": "^2.1.3",
+    "cssnano": "^6.0.0",
+    "cssnano-preset-lite": "^3.0.0",
     "lodash": "^4.17.21",
     "mini-css-extract-plugin": "^2.7.5",
     "postcss": "^8.4.21",
-    "postcss-loader": "^7.1.0",
-    "postcss-preset-env": "^8.0.1",
+    "postcss-loader": "^7.2.4",
+    "postcss-preset-env": "^8.3.0",
     "style-loader": "^3.3.1",
-    "typescript": "^5.0.2",
-    "webpack": "^5.76.2"
+    "typescript": "^5.0.3",
+    "webpack": "^5.78.0"
   },
-  "gitHead": "5f7e81c60f23e6b1ad116bd07e943ff743900766"
+  "gitHead": "9e99998974ba369577d5ff6c01cd2aefb451a432"
 }

package/src/build.js

@@ -10,6 +10,13 @@ import EmitBricksJsonPlugin from "./EmitBricksJsonPlugin.js";
 import getCamelPackageName from "./getCamelPackageName.js";
 import getSvgrLoaders from "./getSvgrLoaders.js";
 
+/**
+ * @typedef {T | Array<T>} MaybeArray<T>
+ * @template {string} T
+ */
+
+/** @typedef {import("@next-core/build-next-bricks").BuildNextBricksConfig} BuildNextBricksConfig */
+
 const require = createRequire(import.meta.url);
 
 const { SourceMapDevToolPlugin, IgnorePlugin, ContextReplacementPlugin } =
@@ -48,9 +55,10 @@ const getCssLoaders = (cssOptions) => [
 ];
 
 /**
- * @param {import("@next-core/build-next-bricks").BuildNextBricksConfig} config
+ * @param {BuildNextBricksConfig} config
+ * @returns {import("webpack").Configuration}
  */
-export default async function build(config) {
+async function getWebpackConfig(config) {
   const packageDir = process.cwd();
   // const isContainer = config.type === "container";
   const isBricks = !config.type || config.type === "bricks";
@@ -96,49 +104,55 @@ export default async function build(config) {
     ...sharedSingletonPackages,
   ];
 
-  /** @type {import("@next-core/build-next-bricks").BuildNextBricksConfig["moduleFederationShared"]} */
-  const shared = Object.fromEntries(
-    (
-      await Promise.all(
-        sharedPackages.map(async (dep) => {
-          /** @type {string} */
-          let depPackageJsonPath;
-          const depPkgName = dep
-            .split("/")
-            .slice(0, dep.startsWith("@") ? 2 : 1)
-            .join("/");
-          try {
-            depPackageJsonPath = require.resolve(`${depPkgName}/package.json`, {
-              paths: [packageDir],
-            });
-          } catch (e) {
-            console.error(`Shared package not found: "${dep}"`);
-            return;
-          }
-          const depPackageJsonFile = await readFile(depPackageJsonPath, {
-            encoding: "utf-8",
-          });
-          const depPackageJson = JSON.parse(depPackageJsonFile);
-          const customized = config.moduleFederationShared?.[dep];
-          if (typeof customized === "string") {
-            return;
-          }
-          return [
-            dep,
-            {
-              singleton: sharedSingletonPackages.includes(dep),
-              version: depPackageJson.version,
-              requiredVersion:
-                packageJson.peerDependencies?.[depPkgName] ??
-                packageJson.devDependencies?.[depPkgName] ??
-                packageJson.dependencies?.[depPkgName],
-              ...customized,
-            },
-          ];
-        })
-      )
-    ).filter(Boolean)
-  );
+  /** @type {BuildNextBricksConfig["moduleFederationShared"]} */
+  const shared =
+    config.moduleFederationShared === false
+      ? undefined
+      : Object.fromEntries(
+          (
+            await Promise.all(
+              sharedPackages.map(async (dep) => {
+                /** @type {string} */
+                let depPackageJsonPath;
+                const depPkgName = dep
+                  .split("/")
+                  .slice(0, dep.startsWith("@") ? 2 : 1)
+                  .join("/");
+                try {
+                  depPackageJsonPath = require.resolve(
+                    `${depPkgName}/package.json`,
+                    {
+                      paths: [packageDir],
+                    }
+                  );
+                } catch (e) {
+                  console.error(`Shared package not found: "${dep}"`);
+                  return;
+                }
+                const depPackageJsonFile = await readFile(depPackageJsonPath, {
+                  encoding: "utf-8",
+                });
+                const depPackageJson = JSON.parse(depPackageJsonFile);
+                const customized = config.moduleFederationShared?.[dep];
+                if (typeof customized === "string") {
+                  return;
+                }
+                return [
+                  dep,
+                  {
+                    singleton: sharedSingletonPackages.includes(dep),
+                    version: depPackageJson.version,
+                    requiredVersion:
+                      packageJson.peerDependencies?.[depPkgName] ??
+                      packageJson.devDependencies?.[depPkgName] ??
+                      packageJson.dependencies?.[depPkgName],
+                    ...customized,
+                  },
+                ];
+              })
+            )
+          ).filter(Boolean)
+        );
 
   // console.log(packageName, "shared:", shared);
 
@@ -169,27 +183,24 @@ export default async function build(config) {
   //   };
   // }
 
-  const outputPath = path.join(packageDir, "dist");
+  const outputPath = path.join(packageDir, config.outputPath ?? "dist");
   const chunksDir = isBricks ? "chunks/" : "";
 
-  return webpack({
+  return {
     entry: config.entry || {
       main: "./src/index",
     },
     mode,
-    devServer: {
-      static: {
-        directory: outputPath,
-      },
-      port: 3001,
-    },
     output: {
       path: outputPath,
       filename: `${chunksDir}[name].${
         mode === "development" ? "bundle" : "[contenthash]"
       }.js`,
       // filename: "[name].bundle.js",
-      publicPath: "auto",
+      publicPath:
+        mode === "development"
+          ? config.devOnlyOutputPublicPath ?? "auto"
+          : "auto",
       hashDigestLength: 8,
       chunkFilename: `${chunksDir}[name]${
         mode === "development" ? "" : ".[contenthash]"
@@ -313,26 +324,30 @@ export default async function build(config) {
         ],
       }),
 
-      new ModuleFederationPlugin({
-        name: libName,
-        shared: {
-          ...config.moduleFederationShared,
-          ...shared,
-        },
-        ...(isBricks
-          ? {
-              library: { type: "window", name: libName },
-              filename:
-                mode === "development"
-                  ? "index.bundle.js"
-                  : "index.[contenthash].js",
-              exposes: {
-                ...config.exposes,
-                ...extraExposes,
+      ...(config.moduleFederationShared !== false
+        ? [
+            new ModuleFederationPlugin({
+              name: libName,
+              shared: {
+                ...config.moduleFederationShared,
+                ...shared,
               },
-            }
-          : null),
-      }),
+              ...(isBricks
+                ? {
+                    library: { type: "window", name: libName },
+                    filename:
+                      mode === "development"
+                        ? "index.bundle.js"
+                        : "index.[contenthash].js",
+                    exposes: {
+                      ...config.exposes,
+                      ...extraExposes,
+                    },
+                  }
+                : null),
+            }),
+          ]
+        : []),
 
       ...(config.extractCss
         ? [
@@ -370,5 +385,20 @@ export default async function build(config) {
 
       ...(config.plugins || []),
     ],
-  });
+  };
 }
+
+/**
+ * @type {{
+ *   (config: BuildNextBricksConfig): import("webpack").Compiler;
+ *   (config: BuildNextBricksConfig[]): import("webpack").MultiCompiler;
+ * }}
+ */
+const build = async (config) =>
+  webpack(
+    await (Array.isArray(config)
+      ? Promise.all(config.map((conf) => getWebpackConfig(conf)))
+      : getWebpackConfig(config))
+  );
+
+export default build;