@next-core/brick-container 3.1.24 → 3.1.26

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@next-core/brick-container",
-  "version": "3.1.24",
+  "version": "3.1.26",
   "description": "Brick Container Server",
   "homepage": "https://github.com/easyops-cn/next-core/tree/v3/packages/brick-container",
   "license": "GPL-3.0",
@@ -43,7 +43,7 @@
     "@next-core/build-next-bricks": "^1.5.1",
     "@next-core/http": "^1.0.5",
     "@next-core/i18n": "^1.0.14",
-    "@next-core/runtime": "^1.8.0",
+    "@next-core/runtime": "^1.9.0",
     "@next-core/theme": "^1.1.1",
     "copy-webpack-plugin": "^11.0.0",
     "core-js": "^3.30.0",
@@ -56,5 +56,5 @@
     "@next-core/runtime": "*",
     "@next-core/utils": "*"
   },
-  "gitHead": "261dbd466e4cce356d188c7fc41a874bd1c7b2ca"
+  "gitHead": "24fba3e8643f05201137b95ba42c42bb6fa41117"
 }

package/serve/env.js

@@ -1,5 +1,6 @@
 import meow from "meow";
 import chalk from "chalk";
+import { getSizeCheckApp } from "./utils/sizeCheck.js";
 
 const cli = meow(
   `
@@ -13,6 +14,7 @@ const cli = meow(
     --local-micro-apps      Specify local micro apps to be used in remote mode
     --local-container       Use local brick-container instead of remote in remote mode
     --port                  Set local server listening port, defaults to "8081"
+    --size-check            Enable size-check mode
     --verbose               Print verbose logs
     --help                  Show help message
     --version               Show brick container version
@@ -40,6 +42,9 @@ const cli = meow(
         type: "string",
         default: "8081",
       },
+      sizeCheck: {
+        type: "boolean",
+      },
       verbose: {
         type: "boolean",
       },
@@ -79,9 +84,14 @@ export function getEnv(rootDir, runtimeFlags) {
     localMicroApps: flags.localMicroApps ? flags.localMicroApps.split(",") : [],
     port: Number(flags.port),
     server: getServerPath(flags.server),
+    sizeCheck: flags.sizeCheck,
     verbose: flags.verbose,
   };
 
+  if (env.sizeCheck) {
+    env.localMicroApps.push(getSizeCheckApp().id);
+  }
+
   if (env.verbose) {
     console.log("Configure:", env);
   }

package/serve/index.js

@@ -18,11 +18,18 @@ import {
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
 
 const env = getEnv(process.cwd());
-const { baseHref, useLocalContainer, port } = env;
+const { baseHref, useLocalContainer, port, sizeCheck } = env;
 const distDir = path.join(__dirname, "../dist");
 
 const app = express();
 
+if (sizeCheck) {
+  app.use((req, res, next) => {
+    res.set("Cache-Control", "no-store");
+    next();
+  });
+}
+
 app.use(compression());
 
 const middlewares = [...getPreMiddlewares(env), ...getMiddlewares(env)];

package/serve/middlewares/standaloneBootstrapJson.js

@@ -1,5 +1,6 @@
 import { getBrickPackages } from "@next-core/serve-helpers";
 import { getSingleStoryboard } from "../utils/getStoryboards.js";
+import { getSizeCheckStoryboards } from "../utils/sizeCheck.js";
 
 export default function standaloneBootstrapJson({ rootDir }, appId) {
   /**
@@ -13,10 +14,17 @@ export default function standaloneBootstrapJson({ rootDir }, appId) {
         getBrickPackages(rootDir, true),
       ]);
 
-      if (storyboard) {
+      if (appId === "-size-check-") {
+        res.json({
+          storyboards: getSizeCheckStoryboards(brickPackages),
+          brickPackages,
+          settings: getE2eSettings(),
+        });
+      } else if (storyboard) {
         res.json({
           storyboards: [storyboard],
           brickPackages,
+          settings: appId === "e2e" ? getE2eSettings() : undefined,
         });
       } else {
         res.status(404);
@@ -27,3 +35,12 @@ export default function standaloneBootstrapJson({ rootDir }, appId) {
     }
   };
 }
+
+function getE2eSettings() {
+  return {
+    presetBricks: {
+      notification: false,
+      dialog: false,
+    },
+  };
+}

package/serve/utils/getStoryboards.js

@@ -3,6 +3,7 @@ import { readFile } from "node:fs/promises";
 import path from "node:path";
 import yaml from "js-yaml";
 import _ from "lodash";
+import { getSizeCheckApp } from "./sizeCheck.js";
 
 export function getStoryboards({ rootDir, localMicroApps }) {
   const storyboards = Promise.all(
@@ -16,6 +17,10 @@ export function getStoryboards({ rootDir, localMicroApps }) {
 }
 
 export async function getSingleStoryboard(rootDir, appId) {
+  const sizeCheckApp = getSizeCheckApp();
+  if (appId === sizeCheckApp.id) {
+    return { app: sizeCheckApp };
+  }
   const filePath = path.join(
     rootDir,
     "mock-micro-apps",

package/serve/utils/sizeCheck.js

@@ -0,0 +1,105 @@
+export function getSizeCheckApp() {
+  return {
+    name: "Size Check",
+    id: "-size-check-",
+    homepage: "/-size-check-",
+    noAuthGuard: true,
+    standaloneMode: true,
+  };
+}
+
+export function getSizeCheckStoryboards(brickPackages) {
+  return [
+    {
+      app: getSizeCheckApp(),
+      routes: [
+        // By each brick
+        {
+          path: `\${APP.homepage}/-`,
+          exact: true,
+          bricks: [
+            {
+              brick: "ul",
+              children: brickPackages.flatMap((pkg) =>
+                pkg.bricks.concat(pkg.elements ?? []).map((brick) => ({
+                  brick: "li",
+                  properties: {
+                    textContent: `${pkg.id.split("/")[1]}:${brick}`,
+                  },
+                }))
+              ),
+            },
+            {
+              brick: "p",
+              properties: {
+                textContent: "This is size-check index!",
+              },
+            },
+          ],
+        },
+        ...brickPackages.flatMap((pkg) =>
+          pkg.bricks.concat(pkg.elements ?? []).map((brick) => ({
+            path: `\${APP.homepage}/${brick}`,
+            exact: true,
+            preLoadBricks: [brick],
+            bricks: [
+              {
+                brick: "p",
+                properties: { textContent: "This is size-check!" },
+              },
+            ],
+          }))
+        ),
+
+        // By each package
+        {
+          path: `\${APP.homepage}/packages/-`,
+          exact: true,
+          bricks: [
+            {
+              brick: "ul",
+              children: brickPackages.map((pkg) => ({
+                brick: "li",
+                properties: {
+                  textContent: pkg.id.split("/")[1],
+                },
+              })),
+            },
+            {
+              brick: "p",
+              properties: {
+                textContent: "This is size-check index!",
+              },
+            },
+          ],
+        },
+        ...brickPackages.map((pkg) => ({
+          path: `\${APP.homepage}/packages/${pkg.id.split("/")[1]}`,
+          exact: true,
+          preLoadBricks: pkg.bricks.concat(pkg.elements ?? []),
+          bricks: [
+            {
+              brick: "p",
+              properties: { textContent: "This is size-check!" },
+            },
+          ],
+        })),
+
+        // All together
+        {
+          path: `\${APP.homepage}/all`,
+          exact: true,
+          preLoadBricks: brickPackages.flatMap((pkg) =>
+            pkg.bricks.concat(pkg.elements ?? [])
+          ),
+          bricks: [
+            {
+              brick: "p",
+              properties: { textContent: "This is size-check!" },
+            },
+          ],
+        },
+      ],
+    },
+  ];
+}