@next-core/build-next-bricks 1.18.0 → 1.19.0

package/bin/build-next-bricks.js

@@ -4,6 +4,7 @@ import { existsSync } from "node:fs";
 import { mkdir, rm, writeFile } from "node:fs/promises";
 import { pathToFileURL } from "node:url";
 import build from "../src/build.js";
+import buildStories from "../src/buildStories.js";
 import scanBricks from "../src/scanBricks.js";
 import generatePkgBuild from "../src/generatePkgBuild.js";
 
@@ -100,6 +101,7 @@ try {
       if (
         configList.some((config) => !config.type || config.type === "bricks")
       ) {
+        await buildStories(packageDir);
         await generatePkgBuild(packageDir);
       }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@next-core/build-next-bricks",
-  "version": "1.18.0",
+  "version": "1.19.0",
   "description": "Build next bricks",
   "homepage": "https://github.com/easyops-cn/next-core/tree/v3/packages/build-next-bricks",
   "license": "GPL-3.0",
@@ -56,5 +56,5 @@
   "devDependencies": {
     "@next-core/brick-manifest": "^0.7.0"
   },
-  "gitHead": "48ac4bbeff115c782d19fcfce56c3a093d565438"
+  "gitHead": "442a43ffcd1065b2c42463f85a3361b4f4e77a37"
 }

package/src/buildStories.js

@@ -0,0 +1,90 @@
+import webpack from "webpack";
+import path from "path";
+import { createRequire } from "module";
+import { existsSync } from "node:fs";
+import { writeFile, rm } from "node:fs/promises";
+
+const require = createRequire(import.meta.url);
+
+function getBuildStoriesWebpackConfig(packageDir, storiesPath) {
+  const outputPath = path.join(packageDir, "dist");
+
+  return {
+    entry: storiesPath,
+    output: {
+      publicPath: `bricks/${path.basename(packageDir)}/dist/`,
+      path: outputPath,
+      filename: `stories.cjs`,
+      library: {
+        type: "commonjs",
+        export: "default",
+      },
+    },
+    resolve: {
+      extensions: [".ts", ".tsx", ".js", ".jsx", ".json"],
+      extensionAlias: {
+        ".js": [".ts", ".tsx", ".js", ".jsx"],
+      },
+    },
+    module: {
+      rules: [
+        {
+          test: /\.ts?$/,
+          loader: "babel-loader",
+          exclude: /node_modules/,
+        },
+        {
+          test: /\.svg$/i,
+          type: "asset/resource",
+          generator: {
+            filename: "stories-assets/[name].[contenthash][ext]",
+          },
+        },
+      ],
+    },
+    devtool: false,
+  };
+}
+/**
+ * @param {string} packageDir
+ * @returns {Promise<void>}
+ */
+const buildStories = async (packageDir) => {
+  const storiesPath = path.join(packageDir, "stories");
+  if (existsSync(storiesPath)) {
+    const compiler = await webpack(
+      await getBuildStoriesWebpackConfig(packageDir, storiesPath)
+    );
+    await new Promise((resolve, reject) => {
+      compiler.run((err, stats) => {
+        if (err || stats.hasErrors()) {
+          console.error("Failed to build stories:");
+          reject(err || stats.toString());
+        } else {
+          resolve();
+        }
+      });
+    });
+
+    const transformStoriesPath = path.join(packageDir, "dist/stories.cjs");
+
+    if (existsSync(transformStoriesPath)) {
+      const result = require(transformStoriesPath);
+
+      const stories = Object.values(result);
+      if (stories.length) {
+        const distDir = path.join(packageDir, "dist");
+
+        await writeFile(
+          path.join(distDir, "stories.json"),
+          JSON.stringify(stories, null, 2)
+        );
+      }
+
+      await rm(transformStoriesPath);
+      console.log("Build stories done");
+    }
+  }
+};
+
+export default buildStories;