Merge pull request #4858 from easyops-cn/steve/v3-force-standalone

fix(): enable force standalone mode by default

Author: WHChen-Alex

packages/brick-container/serve/env.js

@@ -24,6 +24,7 @@ const cli = meow(
     --live-reload           Enable live reload (currently only for local micro-apps)
     --size-check            Enable size-check mode
     --cookie-same-site-none Append "Same-Site: none" for cookies
+    --no-force-standalone   Disable force standalone mode
     --verbose               Print verbose logs
     --help                  Show help message
     --version               Show brick container version
@@ -72,6 +73,10 @@ const cli = meow(
       sizeCheck: {
         type: "boolean",
       },
+      forceStandalone: {
+        type: "boolean",
+        default: true,
+      },
       verbose: {
         type: "boolean",
       },
@@ -158,6 +163,7 @@ export async function getEnv(rootDir, runtimeFlags) {
     server: getServerPath(flags.server),
     sizeCheck: flags.sizeCheck,
     sizeCheckFilter,
+    forceStandalone: flags.forceStandalone,
     verbose: flags.verbose,
   };
 

packages/brick-container/serve/getProxy.js

@@ -4,11 +4,16 @@ import { responseInterceptor } from "http-proxy-middleware";
 import _ from "lodash";
 import jsYaml from "js-yaml";
 import { getBrickPackages } from "@next-core/serve-helpers";
-import { getStoryboards, getSingleStoryboard } from "./utils/getStoryboards.js";
+import {
+  getStoryboards,
+  getSingleStoryboard,
+  getMatchedStoryboard,
+} from "./utils/getStoryboards.js";
 import { fixV2Storyboard } from "./utils/fixV2Storyboard.js";
 import { injectIndexHtml } from "./utils/injectIndexHtml.js";
 import { getProcessedPublicDeps } from "./utils/getProcessedPublicDeps.js";
 import { concatBrickPackages } from "./utils/concatBrickPackages.js";
+import { getStandaloneConfig } from "./utils/getStandaloneConfig.js";
 // Create an http agent that always use IPv4
 let agent;
 const getAgent = (server) => {
@@ -424,6 +429,14 @@ export default function getProxy(env, getRawIndexHtml) {
                       unionAppRoot,
                       bootstrapUnionFilePath,
                     });
+                  } else if (env.forceStandalone) {
+                    const storyboard = await getMatchedStoryboard(
+                      env,
+                      req.path.replace(/^\/next\//, "/")
+                    );
+                    const content = await getRawIndexHtml();
+                    const standaloneConfig = getStandaloneConfig(storyboard);
+                    return injectIndexHtml(env, content, standaloneConfig);
                   }
                   return injectIndexHtml(env, rawIndexHtml);
                 } else {