@modern-js/app-tools 3.0.5 → 3.1.1

package/dist/esm/plugins/deploy/platforms/netlify.mjs

@@ -1,30 +1,26 @@
-import { ROUTE_SPEC_FILE, SERVER_DIR, fs, getMeta, removeModuleSyncFromExports } from "@modern-js/utils";
+import node_path from "node:path";
+import { fs, removeModuleSyncFromExports } from "@modern-js/utils";
 import { nodeDepEmit } from "ndepe";
 import { isMainEntry } from "../../../utils/routes.mjs";
-import { genPluginImportsCode, getPluginsCode, serverAppContenxtTemplate } from "../utils.mjs";
-import * as __rspack_external_node_path_c5b9b54f from "node:path";
+import { readTemplate, resolveESMDependency } from "../utils/index.mjs";
+import { generateHandler } from "../utils/generator.mjs";
 async function cleanDistDirectory(dir) {
     try {
         const items = await fs.readdir(dir);
         for (const item of items){
-            const fullPath = __rspack_external_node_path_c5b9b54f["default"].join(dir, item);
+            const fullPath = node_path.join(dir, item);
             if ('static' !== item && '_redirects' !== item && 'html' !== item) await fs.remove(fullPath);
         }
     } catch (error) {
         console.error('Error cleaning directory:', error);
     }
 }
-const createNetlifyPreset = (appContext, modernConfig, needModernServer)=>{
-    const { appDirectory, distDirectory, entrypoints, serverPlugins, moduleType, metaName } = appContext;
+const createNetlifyPreset = ({ appContext, modernConfig, needModernServer })=>{
+    const { appDirectory, distDirectory, entrypoints, moduleType } = appContext;
     const isEsmProject = 'module' === moduleType;
-    const plugins = serverPlugins.map((plugin)=>[
-            plugin.name,
-            plugin.options
-        ]);
-    const netlifyOutput = __rspack_external_node_path_c5b9b54f["default"].join(appDirectory, '.netlify');
-    const funcsDirectory = __rspack_external_node_path_c5b9b54f["default"].join(netlifyOutput, 'functions');
-    const entryFilePath = __rspack_external_node_path_c5b9b54f["default"].join(funcsDirectory, 'index.js');
-    const handlerFilePath = __rspack_external_node_path_c5b9b54f["default"].join(funcsDirectory, 'netlify-handler.cjs');
+    const netlifyOutput = node_path.join(appDirectory, '.netlify');
+    const funcsDirectory = node_path.join(netlifyOutput, 'functions');
+    const entryFilePath = node_path.join(funcsDirectory, 'index.js');
     return {
         async prepare () {
             await fs.remove(netlifyOutput);
@@ -51,49 +47,37 @@ const createNetlifyPreset = (appContext, modernConfig, needModernServer)=>{
                 await fs.ensureDir(funcsDirectory);
                 await fs.copy(distDirectory, funcsDirectory, {
                     filter: (src)=>{
-                        const distStaticDirectory = __rspack_external_node_path_c5b9b54f["default"].join(distDirectory, "static");
+                        const distStaticDirectory = node_path.join(distDirectory, "static");
                         return !src.includes(distStaticDirectory);
                     }
                 });
             }
-            const redirectFilePath = __rspack_external_node_path_c5b9b54f["default"].join(distDirectory, '_redirects');
+            const redirectFilePath = node_path.join(distDirectory, '_redirects');
             await fs.writeFile(redirectFilePath, redirectContent);
         },
         async genEntry () {
             if (!needModernServer) return;
-            const serverConfig = {
-                bff: {
-                    prefix: modernConfig?.bff?.prefix
-                },
-                output: {
-                    distPath: {
-                        root: '.'
-                    }
-                }
-            };
-            const meta = getMeta(metaName);
-            const pluginImportCode = genPluginImportsCode(plugins || []);
-            const dynamicProdOptions = {
-                config: serverConfig
-            };
-            const serverConfigPath = `path.join(__dirname, "${SERVER_DIR}", "${meta}.server")`;
-            const pluginsCode = getPluginsCode(plugins);
-            let handlerCode = (await fs.readFile(__rspack_external_node_path_c5b9b54f["default"].join(__dirname, './netlify-handler.js'))).toString();
-            const serverAppContext = serverAppContenxtTemplate(appContext);
-            handlerCode = handlerCode.replace('p_genPluginImportsCode', pluginImportCode).replace('p_ROUTE_SPEC_FILE', `"${ROUTE_SPEC_FILE}"`).replace('p_dynamicProdOptions', JSON.stringify(dynamicProdOptions)).replace('p_plugins', pluginsCode).replace('p_bffRuntimeFramework', `"${serverAppContext.bffRuntimeFramework}"`).replace('p_serverDirectory', serverConfigPath).replace('p_sharedDirectory', serverAppContext.sharedDirectory).replace('p_apiDirectory', serverAppContext.apiDirectory).replace('p_lambdaDirectory', serverAppContext.lambdaDirectory);
-            await fs.writeFile(handlerFilePath, handlerCode);
-            if (isEsmProject) await fs.writeFile(entryFilePath, "export { handler as default } from './netlify-handler.cjs';\n");
-            else await fs.writeFile(entryFilePath, "const { handler } = require('./netlify-handler.cjs');\nexports.handler = handler;\n");
+            const template = await readTemplate(`netlify-entry.${isEsmProject ? 'mjs' : 'cjs'}`);
+            const code = await generateHandler({
+                template,
+                appContext,
+                config: modernConfig,
+                isESM: isEsmProject
+            });
+            await fs.writeFile(entryFilePath, code);
         },
         async end () {
             if ('development' !== process.env.NODE_ENV) await cleanDistDirectory(distDirectory);
             if (!needModernServer) return;
+            const entry = isEsmProject ? await resolveESMDependency('@modern-js/prod-server') : require.resolve('@modern-js/prod-server');
+            const netlifyEntry = isEsmProject ? await resolveESMDependency('@modern-js/prod-server/netlify') : require.resolve('@modern-js/prod-server/netlify');
+            if (!entry || !netlifyEntry) throw new Error('Cannot find @modern-js/prod-server');
             await nodeDepEmit({
                 appDir: appDirectory,
                 sourceDir: funcsDirectory,
                 includeEntries: [
-                    require.resolve('@modern-js/prod-server'),
-                    require.resolve('@modern-js/prod-server/netlify')
+                    entry,
+                    netlifyEntry
                 ],
                 copyWholePackage (pkgName) {
                     return '@modern-js/utils' === pkgName;

package/dist/esm/plugins/deploy/platforms/node.mjs

@@ -1,17 +1,14 @@
-import { ROUTE_SPEC_FILE, SERVER_DIR, chalk, fs, getMeta, removeModuleSyncFromExports } from "@modern-js/utils";
+import node_path from "node:path";
+import { chalk, fs, removeModuleSyncFromExports } from "@modern-js/utils";
 import { nodeDepEmit } from "ndepe";
-import { genPluginImportsCode, getPluginsCode, serverAppContenxtTemplate } from "../utils.mjs";
-import * as __rspack_external_node_path_c5b9b54f from "node:path";
-const createNodePreset = (appContext, config)=>{
-    const { appDirectory, distDirectory, serverPlugins, moduleType, metaName } = appContext;
+import { readTemplate, resolveESMDependency } from "../utils/index.mjs";
+import { generateHandler } from "../utils/generator.mjs";
+const createNodePreset = ({ appContext, modernConfig, api })=>{
+    const { appDirectory, distDirectory, moduleType } = appContext;
     const isEsmProject = 'module' === moduleType;
-    const plugins = serverPlugins.map((plugin)=>[
-            plugin.name,
-            plugin.options
-        ]);
-    const outputDirectory = __rspack_external_node_path_c5b9b54f["default"].join(appDirectory, '.output');
-    const staticDirectory = __rspack_external_node_path_c5b9b54f["default"].join(outputDirectory, 'static');
-    const entryFilePath = __rspack_external_node_path_c5b9b54f["default"].join(outputDirectory, 'index.js');
+    const outputDirectory = node_path.join(appDirectory, '.output');
+    const staticDirectory = node_path.join(outputDirectory, 'static');
+    const entryFilePath = node_path.join(outputDirectory, 'index.js');
     return {
         async prepare () {
             await fs.remove(outputDirectory);
@@ -20,44 +17,24 @@ const createNodePreset = (appContext, config)=>{
             await fs.copy(distDirectory, outputDirectory);
         },
         async genEntry () {
-            const serverConfig = {
-                server: {
-                    port: 8080
-                },
-                bff: {
-                    prefix: config?.bff?.prefix
-                },
-                output: {
-                    distPath: {
-                        root: '.'
-                    }
-                }
-            };
-            const pluginImportCode = genPluginImportsCode(plugins || []);
-            const dynamicProdOptions = {
-                config: serverConfig
-            };
-            const meta = getMeta(metaName);
-            const serverConfigPath = `path.join(__dirname, "${SERVER_DIR}", "${meta}.server")`;
-            const pluginsCode = getPluginsCode(plugins);
-            let entryCode = (await fs.readFile(__rspack_external_node_path_c5b9b54f["default"].join(__dirname, './node-entry.js'))).toString();
-            const serverAppContext = serverAppContenxtTemplate(appContext);
-            entryCode = entryCode.replace('p_genPluginImportsCode', pluginImportCode).replace('p_ROUTE_SPEC_FILE', `"${ROUTE_SPEC_FILE}"`).replace('p_dynamicProdOptions', JSON.stringify(dynamicProdOptions)).replace('p_plugins', pluginsCode).replace('p_serverDirectory', serverConfigPath).replace('p_sharedDirectory', serverAppContext.sharedDirectory).replace('p_apiDirectory', serverAppContext.apiDirectory).replace('p_bffRuntimeFramework', `"${serverAppContext.bffRuntimeFramework}"`).replace('p_lambdaDirectory', serverAppContext.lambdaDirectory);
-            if (isEsmProject) {
-                const cjsEntryFilePath = __rspack_external_node_path_c5b9b54f["default"].join(outputDirectory, 'index.cjs');
-                await fs.writeFile(cjsEntryFilePath, entryCode);
-                await fs.writeFile(entryFilePath, "import('./index.cjs');");
-            } else await fs.writeFile(entryFilePath, entryCode);
+            const template = await readTemplate(`node-entry.${isEsmProject ? 'mjs' : 'cjs'}`);
+            const code = await generateHandler({
+                template,
+                appContext,
+                config: modernConfig,
+                isESM: isEsmProject
+            });
+            await fs.writeFile(entryFilePath, code);
         },
         async end () {
-            console.log('Static directory:', chalk.blue(__rspack_external_node_path_c5b9b54f["default"].relative(appDirectory, staticDirectory)));
-            console.log("You can preview this build by", chalk.blue("node .output/index"));
             const filter = (filePath)=>!filePath.startsWith(staticDirectory) && !filePath.endsWith('.map');
+            const entry = isEsmProject ? await resolveESMDependency('@modern-js/prod-server') : require.resolve('@modern-js/prod-server');
+            if (!entry) throw new Error('Cannot find @modern-js/prod-server');
             await nodeDepEmit({
                 appDir: appDirectory,
                 sourceDir: outputDirectory,
                 includeEntries: [
-                    require.resolve('@modern-js/prod-server')
+                    entry
                 ],
                 copyWholePackage (pkgName) {
                     return '@modern-js/utils' === pkgName;
@@ -71,6 +48,8 @@ const createNodePreset = (appContext, config)=>{
                     };
                 }
             });
+            console.log('Static directory:', chalk.blue(node_path.relative(appDirectory, staticDirectory).replace(/\\/g, '/')));
+            console.log("You can preview this build by", chalk.blue('node .output/index'));
         }
     };
 };

package/dist/esm/plugins/deploy/platforms/templates/netlify-entry.cjs

@@ -0,0 +1,57 @@
+const fs = require('node:fs/promises');
+const path = require('node:path');
+const { createNetlifyFunction } = require('@modern-js/prod-server/netlify');
+p_genPluginImportsCode;
+if (!process.env.NODE_ENV) process.env.NODE_ENV = 'production';
+let requestHandler = null;
+let handlerCreationPromise = null;
+async function loadRoutes(routeFilepath) {
+    try {
+        await fs.access(routeFilepath);
+        const content = await fs.readFile(routeFilepath, 'utf-8');
+        const routeSpec = JSON.parse(content);
+        return routeSpec.routes || [];
+    } catch (error) {
+        console.warn('route.json not found or invalid, continuing with empty routes.');
+        return [];
+    }
+}
+async function initServer() {
+    const routeFilepath = path.join(__dirname, p_ROUTE_SPEC_FILE);
+    const routes = await loadRoutes(routeFilepath);
+    const dynamicProdOptions = p_dynamicProdOptions;
+    const prodServerOptions = {
+        pwd: __dirname,
+        routes,
+        disableCustomHook: true,
+        appContext: {
+            sharedDirectory: p_sharedDirectory,
+            apiDirectory: p_apiDirectory,
+            lambdaDirectory: p_lambdaDirectory,
+            bffRuntimeFramework: p_bffRuntimeFramework
+        },
+        plugins: p_plugins,
+        serverConfigPath: p_serverDirectory,
+        ...dynamicProdOptions
+    };
+    const requestHandler = await createNetlifyFunction(prodServerOptions);
+    return requestHandler;
+}
+async function createHandler() {
+    if (!handlerCreationPromise) handlerCreationPromise = (async ()=>{
+        try {
+            requestHandler = await initServer();
+        } catch (error) {
+            console.error('Error creating server:', error);
+            process.exit(1);
+        }
+    })();
+    await handlerCreationPromise;
+    return requestHandler;
+}
+createHandler();
+const handler = async (request, context)=>{
+    if (!requestHandler) await createHandler();
+    return requestHandler(request, context);
+};
+module.exports.default = handler;

package/dist/esm/plugins/deploy/platforms/templates/netlify-entry.mjs

@@ -0,0 +1,59 @@
+import fs from 'node:fs/promises';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+import { createNetlifyFunction } from '@modern-js/prod-server/netlify';
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+p_genPluginImportsCode;
+if (!process.env.NODE_ENV) process.env.NODE_ENV = 'production';
+let requestHandler = null;
+let handlerCreationPromise = null;
+async function loadRoutes(routeFilepath) {
+    try {
+        await fs.access(routeFilepath);
+        const content = await fs.readFile(routeFilepath, 'utf-8');
+        const routeSpec = JSON.parse(content);
+        return routeSpec.routes || [];
+    } catch (error) {
+        console.warn('route.json not found or invalid, continuing with empty routes.');
+        return [];
+    }
+}
+async function initServer() {
+    const routeFilepath = path.join(__dirname, p_ROUTE_SPEC_FILE);
+    const routes = await loadRoutes(routeFilepath);
+    const dynamicProdOptions = p_dynamicProdOptions;
+    const prodServerOptions = {
+        pwd: __dirname,
+        routes,
+        disableCustomHook: true,
+        appContext: {
+            sharedDirectory: p_sharedDirectory,
+            apiDirectory: p_apiDirectory,
+            lambdaDirectory: p_lambdaDirectory,
+            bffRuntimeFramework: p_bffRuntimeFramework
+        },
+        plugins: p_plugins,
+        serverConfigPath: p_serverDirectory,
+        ...dynamicProdOptions
+    };
+    const requestHandler = await createNetlifyFunction(prodServerOptions);
+    return requestHandler;
+}
+async function createHandler() {
+    if (!handlerCreationPromise) handlerCreationPromise = (async ()=>{
+        try {
+            requestHandler = await initServer();
+        } catch (error) {
+            console.error('Error creating server:', error);
+            process.exit(1);
+        }
+    })();
+    await handlerCreationPromise;
+    return requestHandler;
+}
+createHandler();
+const handler = async (request, context)=>{
+    if (!requestHandler) await createHandler();
+    return requestHandler(request, context);
+};
+export default handler;

package/dist/esm/plugins/deploy/platforms/templates/node-entry.cjs

@@ -0,0 +1,44 @@
+const fs = require('node:fs/promises');
+const path = require('node:path');
+const { createProdServer } = require('@modern-js/prod-server');
+p_genPluginImportsCode;
+if (!process.env.NODE_ENV) process.env.NODE_ENV = 'production';
+async function loadRoutes(routeFilepath) {
+    try {
+        await fs.access(routeFilepath);
+        const content = await fs.readFile(routeFilepath, 'utf-8');
+        const routeSpec = JSON.parse(content);
+        return routeSpec.routes || [];
+    } catch (error) {
+        console.warn('route.json not found or invalid, continuing with empty routes.');
+        return [];
+    }
+}
+async function main() {
+    const routeFilepath = path.join(__dirname, p_ROUTE_SPEC_FILE);
+    const routes = await loadRoutes(routeFilepath);
+    const dynamicProdOptions = p_dynamicProdOptions;
+    const prodServerOptions = {
+        pwd: __dirname,
+        routes,
+        disableCustomHook: true,
+        appContext: {
+            sharedDirectory: p_sharedDirectory,
+            apiDirectory: p_apiDirectory,
+            lambdaDirectory: p_lambdaDirectory,
+            bffRuntimeFramework: p_bffRuntimeFramework
+        },
+        plugins: p_plugins,
+        serverConfigPath: p_serverDirectory,
+        ...dynamicProdOptions
+    };
+    const app = await createProdServer(prodServerOptions);
+    const port = process.env.PORT || 8080;
+    app.listen({
+        host: '::',
+        port
+    }, ()=>{
+        console.log(`\x1b[32mServer is listening on http://[::]:${port}`, '\x1b[0m');
+    });
+}
+main();

package/dist/esm/plugins/deploy/platforms/templates/node-entry.mjs

@@ -0,0 +1,46 @@
+import fs from 'node:fs/promises';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+import { createProdServer } from '@modern-js/prod-server';
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+p_genPluginImportsCode;
+if (!process.env.NODE_ENV) process.env.NODE_ENV = 'production';
+async function loadRoutes(routeFilepath) {
+    try {
+        await fs.access(routeFilepath);
+        const content = await fs.readFile(routeFilepath, 'utf-8');
+        const routeSpec = JSON.parse(content);
+        return routeSpec.routes || [];
+    } catch (error) {
+        console.warn('route.json not found or invalid, continuing with empty routes.');
+        return [];
+    }
+}
+async function main() {
+    const routeFilepath = path.join(__dirname, p_ROUTE_SPEC_FILE);
+    const routes = await loadRoutes(routeFilepath);
+    const dynamicProdOptions = p_dynamicProdOptions;
+    const prodServerOptions = {
+        pwd: __dirname,
+        routes,
+        disableCustomHook: true,
+        appContext: {
+            sharedDirectory: p_sharedDirectory,
+            apiDirectory: p_apiDirectory,
+            lambdaDirectory: p_lambdaDirectory,
+            bffRuntimeFramework: p_bffRuntimeFramework
+        },
+        plugins: p_plugins,
+        serverConfigPath: p_serverDirectory,
+        ...dynamicProdOptions
+    };
+    const app = await createProdServer(prodServerOptions);
+    const port = process.env.PORT || 8080;
+    app.listen({
+        host: '::',
+        port
+    }, ()=>{
+        console.log(`\x1b[32mServer is listening on http://[::]:${port}`, '\x1b[0m');
+    });
+}
+main();

package/dist/esm/plugins/deploy/platforms/templates/vercel-entry.cjs

@@ -0,0 +1,56 @@
+const fs = require('node:fs/promises');
+const path = require('node:path');
+const { createProdServer } = require('@modern-js/prod-server');
+p_genPluginImportsCode;
+if (!process.env.NODE_ENV) process.env.NODE_ENV = 'production';
+let requestHandler = null;
+let handlerCreationPromise = null;
+async function loadRoutes(routeFilepath) {
+    try {
+        await fs.access(routeFilepath);
+        const content = await fs.readFile(routeFilepath, 'utf-8');
+        const routeSpec = JSON.parse(content);
+        return routeSpec.routes || [];
+    } catch (error) {
+        console.warn('route.json not found or invalid, continuing with empty routes.');
+        return [];
+    }
+}
+async function initServer() {
+    const routeFilepath = path.join(__dirname, p_ROUTE_SPEC_FILE);
+    const routes = await loadRoutes(routeFilepath);
+    const dynamicProdOptions = p_dynamicProdOptions;
+    const prodServerOptions = {
+        pwd: __dirname,
+        routes,
+        disableCustomHook: true,
+        appContext: {
+            sharedDirectory: p_sharedDirectory,
+            apiDirectory: p_apiDirectory,
+            lambdaDirectory: p_lambdaDirectory
+        },
+        plugins: p_plugins,
+        serverConfigPath: p_serverDirectory,
+        ...dynamicProdOptions
+    };
+    const app = await createProdServer(prodServerOptions);
+    return app.getRequestListener();
+}
+async function createHandler() {
+    if (!handlerCreationPromise) handlerCreationPromise = (async ()=>{
+        try {
+            requestHandler = await initServer();
+        } catch (error) {
+            console.error('Error creating server:', error);
+            process.exit(1);
+        }
+    })();
+    await handlerCreationPromise;
+    return requestHandler;
+}
+createHandler();
+const handler = async (req, res)=>{
+    if (!requestHandler) await createHandler();
+    return requestHandler(req, res);
+};
+module.exports = handler;

package/dist/esm/plugins/deploy/platforms/templates/vercel-entry.mjs

@@ -0,0 +1,58 @@
+import fs from 'node:fs/promises';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+import { createProdServer } from '@modern-js/prod-server';
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+p_genPluginImportsCode;
+if (!process.env.NODE_ENV) process.env.NODE_ENV = 'production';
+let requestHandler = null;
+let handlerCreationPromise = null;
+async function loadRoutes(routeFilepath) {
+    try {
+        await fs.access(routeFilepath);
+        const content = await fs.readFile(routeFilepath, 'utf-8');
+        const routeSpec = JSON.parse(content);
+        return routeSpec.routes || [];
+    } catch (error) {
+        console.warn('route.json not found or invalid, continuing with empty routes.');
+        return [];
+    }
+}
+async function initServer() {
+    const routeFilepath = path.join(__dirname, p_ROUTE_SPEC_FILE);
+    const routes = await loadRoutes(routeFilepath);
+    const dynamicProdOptions = p_dynamicProdOptions;
+    const prodServerOptions = {
+        pwd: __dirname,
+        routes,
+        disableCustomHook: true,
+        appContext: {
+            sharedDirectory: p_sharedDirectory,
+            apiDirectory: p_apiDirectory,
+            lambdaDirectory: p_lambdaDirectory
+        },
+        plugins: p_plugins,
+        serverConfigPath: p_serverDirectory,
+        ...dynamicProdOptions
+    };
+    const app = await createProdServer(prodServerOptions);
+    return app.getRequestListener();
+}
+async function createHandler() {
+    if (!handlerCreationPromise) handlerCreationPromise = (async ()=>{
+        try {
+            requestHandler = await initServer();
+        } catch (error) {
+            console.error('Error creating server:', error);
+            process.exit(1);
+        }
+    })();
+    await handlerCreationPromise;
+    return requestHandler;
+}
+createHandler();
+const handler = async (req, res)=>{
+    if (!requestHandler) await createHandler();
+    return requestHandler(req, res);
+};
+export default handler;

package/dist/esm/plugins/deploy/platforms/vercel.mjs

@@ -1,20 +1,16 @@
-import { ROUTE_SPEC_FILE, SERVER_DIR, fs, getMeta, removeModuleSyncFromExports } from "@modern-js/utils";
+import node_path from "node:path";
+import { fs, removeModuleSyncFromExports } from "@modern-js/utils";
 import { nodeDepEmit } from "ndepe";
 import { isMainEntry } from "../../../utils/routes.mjs";
-import { genPluginImportsCode, getPluginsCode, serverAppContenxtTemplate } from "../utils.mjs";
-import * as __rspack_external_node_path_c5b9b54f from "node:path";
-const createVercelPreset = (appContext, modernConfig, needModernServer)=>{
-    const { appDirectory, distDirectory, entrypoints, serverPlugins, moduleType, metaName } = appContext;
+import { readTemplate, resolveESMDependency } from "../utils/index.mjs";
+import { generateHandler } from "../utils/generator.mjs";
+const createVercelPreset = ({ appContext, modernConfig, needModernServer })=>{
+    const { appDirectory, distDirectory, entrypoints, moduleType } = appContext;
     const isEsmProject = 'module' === moduleType;
-    const plugins = serverPlugins.map((plugin)=>[
-            plugin.name,
-            plugin.options
-        ]);
-    const vercelOutput = __rspack_external_node_path_c5b9b54f["default"].join(appDirectory, '.vercel');
-    const outputDirectory = __rspack_external_node_path_c5b9b54f["default"].join(vercelOutput, 'output');
-    const funcsDirectory = __rspack_external_node_path_c5b9b54f["default"].join(outputDirectory, 'functions', 'index.func');
-    const entryFilePath = __rspack_external_node_path_c5b9b54f["default"].join(funcsDirectory, 'index.js');
-    const handlerFilePath = __rspack_external_node_path_c5b9b54f["default"].join(funcsDirectory, 'vercel-handler.cjs');
+    const vercelOutput = node_path.join(appDirectory, '.vercel');
+    const outputDirectory = node_path.join(vercelOutput, 'output');
+    const funcsDirectory = node_path.join(outputDirectory, 'functions', 'index.func');
+    const entryFilePath = node_path.join(funcsDirectory, 'index.js');
     return {
         async prepare () {
             await fs.remove(vercelOutput);
@@ -54,21 +50,21 @@ const createVercelPreset = (appContext, modernConfig, needModernServer)=>{
                 });
             }
             await fs.ensureDir(outputDirectory);
-            await fs.writeJSON(__rspack_external_node_path_c5b9b54f["default"].join(outputDirectory, 'config.json'), config, {
+            await fs.writeJSON(node_path.join(outputDirectory, 'config.json'), config, {
                 spaces: 2
             });
-            const staticDirectory = __rspack_external_node_path_c5b9b54f["default"].join(outputDirectory, 'static/static');
-            await fs.copy(__rspack_external_node_path_c5b9b54f["default"].join(distDirectory, 'static'), staticDirectory);
+            const staticDirectory = node_path.join(outputDirectory, 'static/static');
+            await fs.copy(node_path.join(distDirectory, 'static'), staticDirectory);
             if (needModernServer) {
                 await fs.ensureDir(funcsDirectory);
                 await fs.copy(distDirectory, funcsDirectory, {
                     filter: (src)=>{
-                        const distStaticDirectory = __rspack_external_node_path_c5b9b54f["default"].join(distDirectory, 'static');
+                        const distStaticDirectory = node_path.join(distDirectory, 'static');
                         return !src.includes(distStaticDirectory);
                     }
                 });
                 const nodeVersion = process.versions.node.split('.')[0];
-                await fs.writeJSON(__rspack_external_node_path_c5b9b54f["default"].join(funcsDirectory, '.vc-config.json'), {
+                await fs.writeJSON(node_path.join(funcsDirectory, '.vc-config.json'), {
                     runtime: `nodejs${nodeVersion}.x`,
                     handler: 'index.js',
                     launcherType: 'Nodejs',
@@ -76,44 +72,31 @@ const createVercelPreset = (appContext, modernConfig, needModernServer)=>{
                     supportsResponseStreaming: true
                 });
             } else {
-                const destHtmlDirectory = __rspack_external_node_path_c5b9b54f["default"].join(distDirectory, 'html');
-                const outputHtmlDirectory = __rspack_external_node_path_c5b9b54f["default"].join(__rspack_external_node_path_c5b9b54f["default"].join(outputDirectory, 'static'), 'html');
+                const destHtmlDirectory = node_path.join(distDirectory, 'html');
+                const outputHtmlDirectory = node_path.join(node_path.join(outputDirectory, 'static'), 'html');
                 await fs.copy(destHtmlDirectory, outputHtmlDirectory);
             }
         },
         async genEntry () {
             if (!needModernServer) return;
-            const serverConfig = {
-                bff: {
-                    prefix: modernConfig?.bff?.prefix
-                },
-                output: {
-                    distPath: {
-                        root: '.'
-                    }
-                }
-            };
-            const pluginImportCode = genPluginImportsCode(plugins || []);
-            const dynamicProdOptions = {
-                config: serverConfig
-            };
-            const meta = getMeta(metaName);
-            const serverConfigPath = `path.join(__dirname, "${SERVER_DIR}", "${meta}.server")`;
-            const pluginsCode = getPluginsCode(plugins || []);
-            const serverAppContext = serverAppContenxtTemplate(appContext);
-            let handlerCode = (await fs.readFile(__rspack_external_node_path_c5b9b54f["default"].join(__dirname, './vercel-handler.js'))).toString();
-            handlerCode = handlerCode.replace('p_genPluginImportsCode', pluginImportCode).replace('p_ROUTE_SPEC_FILE', `"${ROUTE_SPEC_FILE}"`).replace('p_dynamicProdOptions', JSON.stringify(dynamicProdOptions)).replace('p_plugins', pluginsCode).replace('p_serverDirectory', serverConfigPath).replace('p_sharedDirectory', serverAppContext.sharedDirectory).replace('p_apiDirectory', serverAppContext.apiDirectory).replace('p_lambdaDirectory', serverAppContext.lambdaDirectory);
-            await fs.writeFile(handlerFilePath, handlerCode);
-            if (isEsmProject) await fs.writeFile(entryFilePath, "import { handler } from './vercel-handler.cjs';\nexport default handler;\n");
-            else await fs.writeFile(entryFilePath, "const { handler } = require('./vercel-handler.cjs');\nmodule.exports = handler;\n");
+            const template = await readTemplate(`vercel-entry.${isEsmProject ? 'mjs' : 'cjs'}`);
+            const code = await generateHandler({
+                template,
+                appContext,
+                config: modernConfig,
+                isESM: isEsmProject
+            });
+            await fs.writeFile(entryFilePath, code);
         },
         async end () {
             if (!needModernServer) return;
+            const entry = isEsmProject ? await resolveESMDependency('@modern-js/prod-server') : require.resolve('@modern-js/prod-server');
+            if (!entry) throw new Error('Cannot find @modern-js/prod-server');
             await nodeDepEmit({
                 appDir: appDirectory,
                 sourceDir: funcsDirectory,
                 includeEntries: [
-                    require.resolve('@modern-js/prod-server')
+                    entry
                 ],
                 copyWholePackage (pkgName) {
                     return '@modern-js/utils' === pkgName;