@modern-js/runtime 2.69.4 → 3.0.0-alpha.0

package/dist/cjs/cli/ssr/index.js

@@ -1,150 +1,172 @@
 "use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var ssr_exports = {};
-__export(ssr_exports, {
-  default: () => ssr_default,
-  ssrPlugin: () => ssrPlugin
-});
-module.exports = __toCommonJS(ssr_exports);
-var import_path = __toESM(require("path"));
-var import_utils = require("@modern-js/utils");
-const hasStringSSREntry = (userConfig) => {
-  const isStreaming = (ssr) => ssr && typeof ssr === "object" && ssr.mode === "stream";
-  const { server, output } = userConfig;
-  if (((server === null || server === void 0 ? void 0 : server.ssr) || output.ssg) && !isStreaming(server.ssr)) {
-    return true;
-  }
-  if ((server === null || server === void 0 ? void 0 : server.ssrByEntries) && typeof server.ssrByEntries === "object") {
-    for (const name of Object.keys(server.ssrByEntries)) {
-      if (server.ssrByEntries[name] && !isStreaming(server.ssrByEntries[name])) {
-        return true;
-      }
+var __webpack_modules__ = {
+    "./loadable-bundler-plugin.js" (module) {
+        module.exports = require("./loadable-bundler-plugin.js");
     }
-  }
-  return false;
 };
-const checkUseStringSSR = (config) => {
-  const { output } = config;
-  return Boolean(output === null || output === void 0 ? void 0 : output.ssg) || hasStringSSREntry(config);
-};
-const ssrBuilderPlugin = (modernAPI) => ({
-  name: "@modern-js/builder-plugin-ssr",
-  setup(api) {
-    api.modifyEnvironmentConfig((config, { name, mergeEnvironmentConfig }) => {
-      var _userConfig_deploy_worker, _userConfig_deploy, _userConfig_server;
-      const isServerEnvironment = config.output.target === "node" || name === "workerSSR";
-      const userConfig = modernAPI.getNormalizedConfig();
-      const ssrEnv = ((_userConfig_deploy = userConfig.deploy) === null || _userConfig_deploy === void 0 ? void 0 : (_userConfig_deploy_worker = _userConfig_deploy.worker) === null || _userConfig_deploy_worker === void 0 ? void 0 : _userConfig_deploy_worker.ssr) || ((_userConfig_server = userConfig.server) === null || _userConfig_server === void 0 ? void 0 : _userConfig_server.rsc) ? "edge" : "node";
-      const useLoadablePlugin = (0, import_utils.isUseSSRBundle)(userConfig) && !isServerEnvironment && checkUseStringSSR(userConfig);
-      return mergeEnvironmentConfig(config, {
-        source: {
-          define: {
-            "process.env.MODERN_TARGET": isServerEnvironment ? JSON.stringify("node") : JSON.stringify("browser"),
-            "process.env.MODERN_SSR_ENV": JSON.stringify(ssrEnv)
-          }
-        },
-        tools: {
-          bundlerChain: useLoadablePlugin ? (chain) => {
-            const LoadableBundlerPlugin = require("./loadable-bundler-plugin.js");
-            chain.plugin("loadable").use(LoadableBundlerPlugin, [
-              {
-                filename: import_utils.LOADABLE_STATS_FILE
-              }
-            ]);
-          } : void 0
-        }
-      });
+var __webpack_module_cache__ = {};
+function __webpack_require__(moduleId) {
+    var cachedModule = __webpack_module_cache__[moduleId];
+    if (void 0 !== cachedModule) return cachedModule.exports;
+    var module = __webpack_module_cache__[moduleId] = {
+        exports: {}
+    };
+    __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+    return module.exports;
+}
+(()=>{
+    __webpack_require__.n = (module)=>{
+        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+(()=>{
+    __webpack_require__.r(__webpack_exports__);
+    __webpack_require__.d(__webpack_exports__, {
+        default: ()=>cli_ssr,
+        ssrPlugin: ()=>ssrPlugin
     });
-  }
-});
-const ssrPlugin = () => ({
-  name: "@modern-js/plugin-ssr",
-  required: [
-    "@modern-js/runtime"
-  ],
-  setup: (api) => {
-    const appContext = api.getAppContext();
-    api.config(() => {
-      const { bundlerType = "webpack" } = api.getAppContext();
-      const babelHandler = (() => {
-        if (bundlerType === "webpack") {
-          return (config) => {
-            var _config_plugins;
-            const userConfig = api.getNormalizedConfig();
-            (_config_plugins = config.plugins) === null || _config_plugins === void 0 ? void 0 : _config_plugins.push(import_path.default.join(__dirname, "./babel-plugin-ssr-loader-id"));
-            if ((0, import_utils.isUseSSRBundle)(userConfig) && checkUseStringSSR(userConfig)) {
-              var _config_plugins1;
-              (_config_plugins1 = config.plugins) === null || _config_plugins1 === void 0 ? void 0 : _config_plugins1.push(require.resolve("@loadable/babel-plugin"));
+    const external_path_namespaceObject = require("path");
+    var external_path_default = /*#__PURE__*/ __webpack_require__.n(external_path_namespaceObject);
+    const utils_namespaceObject = require("@modern-js/utils");
+    const external_mode_js_namespaceObject = require("./mode.js");
+    const checkUseStringSSR = (config, appDirectory, entrypoints)=>{
+        if (entrypoints && entrypoints.length > 0) {
+            for (const entrypoint of entrypoints){
+                const ssrMode = (0, external_mode_js_namespaceObject.resolveSSRMode)({
+                    entry: entrypoint.entryName,
+                    config,
+                    appDirectory,
+                    nestedRoutesEntry: entrypoint.nestedRoutesEntry
+                });
+                if ('string' === ssrMode) return true;
             }
-          };
-        } else if (bundlerType === "rspack") {
-          return (config) => {
-            const userConfig = api.useResolvedConfigContext();
-            if ((0, import_utils.isUseSSRBundle)(userConfig) && checkUseStringSSR(userConfig)) {
-              var _config_plugins, _config_plugins1;
-              (_config_plugins = config.plugins) === null || _config_plugins === void 0 ? void 0 : _config_plugins.push(import_path.default.join(__dirname, "./babel-plugin-ssr-loader-id"));
-              (_config_plugins1 = config.plugins) === null || _config_plugins1 === void 0 ? void 0 : _config_plugins1.push(require.resolve("@loadable/babel-plugin"));
-            }
-          };
+            return false;
         }
-      })();
-      return {
-        builderPlugins: [
-          ssrBuilderPlugin(api)
-        ],
-        resolve: {
-          alias: {
-            // ensure that all packages use the same storage in @modern-js/runtime-utils/node
-            "@modern-js/runtime-utils/node$": require.resolve("@modern-js/runtime-utils/node").replace(`${import_path.default.sep}cjs${import_path.default.sep}`, `${import_path.default.sep}esm${import_path.default.sep}`)
-          }
-        },
-        tools: {
-          babel: babelHandler,
-          bundlerChain: (chain, { isServer }) => {
-            if (isServer && appContext.moduleType === "module") {
-              chain.output.libraryTarget("module").set("chunkFormat", "module");
-              chain.output.library({
-                type: "module"
-              });
-              chain.experiments({
-                ...chain.get("experiments"),
-                outputModule: true
-              });
+        return true;
+    };
+    const ssrBuilderPlugin = (modernAPI, outputModule)=>({
+            name: '@modern-js/builder-plugin-ssr',
+            setup (api) {
+                api.modifyEnvironmentConfig((config, { name, mergeEnvironmentConfig })=>{
+                    const isServerEnvironment = 'node' === config.output.target || 'workerSSR' === name;
+                    const userConfig = modernAPI.getNormalizedConfig();
+                    const ssrEnv = userConfig.deploy?.worker?.ssr || userConfig.server?.rsc ? 'edge' : 'node';
+                    const appContext = modernAPI.getAppContext();
+                    const { appDirectory, entrypoints } = appContext;
+                    const useLoadablePlugin = (0, utils_namespaceObject.isUseSSRBundle)(userConfig) && !isServerEnvironment && checkUseStringSSR(userConfig, appDirectory, entrypoints);
+                    return mergeEnvironmentConfig(config, {
+                        source: {
+                            define: {
+                                'process.env.MODERN_TARGET': isServerEnvironment ? JSON.stringify('node') : JSON.stringify('browser'),
+                                'process.env.MODERN_SSR_ENV': JSON.stringify(ssrEnv)
+                            }
+                        },
+                        output: {
+                            module: isServerEnvironment && outputModule
+                        },
+                        tools: {
+                            bundlerChain: useLoadablePlugin ? (chain)=>{
+                                const LoadableBundlerPlugin = __webpack_require__("./loadable-bundler-plugin.js");
+                                chain.plugin('loadable').use(LoadableBundlerPlugin, [
+                                    {
+                                        filename: utils_namespaceObject.LOADABLE_STATS_FILE
+                                    }
+                                ]);
+                            } : void 0
+                        }
+                    });
+                });
             }
-          }
-        }
-      };
-    });
-  }
-});
-var ssr_default = ssrPlugin;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ssrPlugin
+        });
+    const ssrPlugin = ()=>({
+            name: '@modern-js/plugin-ssr',
+            required: [
+                '@modern-js/runtime'
+            ],
+            setup: (api)=>{
+                const appContext = api.getAppContext();
+                const exportLoadablePath = `@${appContext.metaName}/runtime/loadable`;
+                const runtimeUtilsPath = require.resolve('@modern-js/runtime-utils/node');
+                const aliasPath = runtimeUtilsPath.replace(`${external_path_default().sep}cjs${external_path_default().sep}`, `${external_path_default().sep}esm${external_path_default().sep}`).replace(/\.js$/, '.mjs');
+                api.config(()=>({
+                        builderPlugins: [
+                            ssrBuilderPlugin(api, 'module' === appContext.moduleType)
+                        ],
+                        resolve: {
+                            alias: {
+                                '@modern-js/runtime-utils/node$': aliasPath
+                            }
+                        },
+                        tools: {
+                            swc: {
+                                jsc: {
+                                    experimental: {
+                                        plugins: [
+                                            [
+                                                require.resolve('@swc/plugin-loadable-components'),
+                                                {
+                                                    signatures: [
+                                                        {
+                                                            name: 'default',
+                                                            from: '@loadable/component'
+                                                        },
+                                                        {
+                                                            name: 'lazy',
+                                                            from: '@loadable/component'
+                                                        },
+                                                        {
+                                                            name: 'default',
+                                                            from: exportLoadablePath
+                                                        },
+                                                        {
+                                                            name: 'lazy',
+                                                            from: exportLoadablePath
+                                                        }
+                                                    ]
+                                                }
+                                            ]
+                                        ]
+                                    }
+                                }
+                            }
+                        }
+                    }));
+            }
+        });
+    const cli_ssr = ssrPlugin;
+})();
+exports["default"] = __webpack_exports__["default"];
+exports.ssrPlugin = __webpack_exports__.ssrPlugin;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "default",
+    "ssrPlugin"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
 });

package/dist/cjs/cli/ssr/loadable-bundler-plugin.js

@@ -1,111 +1,103 @@
 "use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var import_path = __toESM(require("path"));
-var import_utils = require("@modern-js/utils");
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.n = (module1)=>{
+        var getter = module1 && module1.__esModule ? ()=>module1['default'] : ()=>module1;
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+var __webpack_exports__ = {};
+const external_path_namespaceObject = require("path");
+var external_path_default = /*#__PURE__*/ __webpack_require__.n(external_path_namespaceObject);
+const utils_namespaceObject = require("@modern-js/utils");
 class LoadablePlugin {
-  apply(compiler) {
-    this.compiler = compiler;
-    compiler.options.output.chunkLoadingGlobal = this.opts.chunkLoadingGlobal;
-    if (this.opts.outputAsset || this.opts.writeToDisk) {
-      compiler.hooks.make.tap(LoadablePlugin.name, (compilation) => {
-        compilation.hooks.processAssets.tap({
-          name: LoadablePlugin.name,
-          stage: compiler.webpack.Compilation.PROCESS_ASSETS_STAGE_REPORT
-        }, () => {
-          const asset = this.handleEmit(compilation);
-          if (asset) {
-            compilation.emitAsset(this.opts.filename, asset);
-          }
+    apply(compiler) {
+        this.compiler = compiler;
+        compiler.options.output.chunkLoadingGlobal = this.opts.chunkLoadingGlobal;
+        if (this.opts.outputAsset || this.opts.writeToDisk) compiler.hooks.make.tap(LoadablePlugin.name, (compilation)=>{
+            compilation.hooks.processAssets.tap({
+                name: LoadablePlugin.name,
+                stage: compiler.webpack.Compilation.PROCESS_ASSETS_STAGE_REPORT
+            }, ()=>{
+                const asset = this.handleEmit(compilation);
+                if (asset) compilation.emitAsset(this.opts.filename, asset);
+            });
         });
-      });
     }
-  }
-  handleEmit(compilation) {
-    const stats = compilation.getStats().toJson({
-      all: false,
-      assets: true,
-      // rspack not support cachedAssets,
-      cachedAssets: true,
-      chunks: true,
-      chunkGroups: true,
-      entrypoints: true,
-      // rspack not support chunkGroupChildren.
-      chunkGroupChildren: true,
-      hash: true,
-      ids: true,
-      outputPath: true,
-      publicPath: true
-    });
-    const output = {
-      ...stats,
-      generator: "loadable-components",
-      chunks: [
-        ...stats.chunks || []
-      ].map((chunk) => {
-        return {
-          id: chunk.id,
-          files: [
-            ...chunk.files || []
-          ]
+    handleEmit(compilation) {
+        const stats = compilation.getStats().toJson({
+            all: false,
+            assets: true,
+            cachedAssets: true,
+            chunks: true,
+            chunkGroups: true,
+            entrypoints: true,
+            chunkGroupChildren: true,
+            hash: true,
+            ids: true,
+            outputPath: true,
+            publicPath: true
+        });
+        const output = {
+            ...stats,
+            generator: 'loadable-components',
+            chunks: [
+                ...stats.chunks || []
+            ].map((chunk)=>({
+                    id: chunk.id,
+                    files: [
+                        ...chunk.files || []
+                    ]
+                }))
         };
-      })
-    };
-    const result = JSON.stringify(output, null, 2);
-    if (this.opts.writeToDisk) {
-      this.writeAssetsFile(result);
+        const result = JSON.stringify(output, null, 2);
+        if (this.opts.writeToDisk) this.writeAssetsFile(result);
+        if (this.opts.outputAsset) return {
+            source () {
+                return result;
+            },
+            size () {
+                return result.length;
+            }
+        };
+        return null;
     }
-    if (this.opts.outputAsset) {
-      return {
-        source() {
-          return result;
-        },
-        size() {
-          return result.length;
-        }
-      };
+    writeAssetsFile(manifest) {
+        const outputFolder = this.compiler?.options.output.path;
+        const outputFile = external_path_default().resolve(outputFolder || '', this.opts.filename);
+        utils_namespaceObject.fs.outputFileSync(outputFile, manifest);
+    }
+    constructor({ filename = 'loadable-stats.json', path, writeToDisk, outputAsset = true, chunkLoadingGlobal = '__LOADABLE_LOADED_CHUNKS__' } = {
+        filename: 'loadable-stats.json',
+        outputAsset: true,
+        chunkLoadingGlobal: '__LOADABLE_LOADED_CHUNKS__'
+    }){
+        this.opts = {
+            filename,
+            path,
+            writeToDisk,
+            outputAsset,
+            chunkLoadingGlobal
+        };
+        this.compiler = null;
     }
-    return null;
-  }
-  writeAssetsFile(manifest) {
-    var _this_compiler;
-    const outputFolder = (_this_compiler = this.compiler) === null || _this_compiler === void 0 ? void 0 : _this_compiler.options.output.path;
-    const outputFile = import_path.default.resolve(outputFolder || "", this.opts.filename);
-    import_utils.fs.outputFileSync(outputFile, manifest);
-  }
-  constructor({ filename = "loadable-stats.json", path: path2, writeToDisk, outputAsset = true, chunkLoadingGlobal = "__LOADABLE_LOADED_CHUNKS__" } = {
-    filename: "loadable-stats.json",
-    outputAsset: true,
-    chunkLoadingGlobal: "__LOADABLE_LOADED_CHUNKS__"
-  }) {
-    this.opts = {
-      filename,
-      path: path2,
-      writeToDisk,
-      outputAsset,
-      chunkLoadingGlobal
-    };
-    this.compiler = null;
-  }
 }
 module.exports = LoadablePlugin;
+for(var __rspack_i in __webpack_exports__)exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/cli/ssr/mode.js

@@ -0,0 +1,48 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    resolveSSRMode: ()=>resolveSSRMode
+});
+function resolveSSRMode(params) {
+    const { entry, config, appDirectory, nestedRoutesEntry } = params;
+    const isSsgEnabled = config.output?.ssg || config.output?.ssgByEntries && (entry ? !!config.output.ssgByEntries[entry] : Object.keys(config.output.ssgByEntries).length > 0);
+    if (isSsgEnabled) if (nestedRoutesEntry) return 'stream';
+    else return 'string';
+    const ssr = entry ? config.server?.ssrByEntries?.[entry] || config.server?.ssr : config.server?.ssr;
+    if (void 0 !== ssr) {
+        if (!ssr) return false;
+        if ('boolean' == typeof ssr) return ssr ? 'stream' : false;
+        return 'string' === ssr.mode ? 'string' : 'stream';
+    }
+    return false;
+}
+exports.resolveSSRMode = __webpack_exports__.resolveSSRMode;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "resolveSSRMode"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});