wildpig 1.5.9 → 2.0.0

package/entry/client.tsx

@@ -1,14 +1,15 @@
-import { browserRouter } from "../router";
-import { App } from "@/App"
+import { createBrowserRouter } from "react-router";
+import { routes } from "../router";
 import { hydrateRoot } from "react-dom/client"
-
+// 这个文件由Vite加载
+const { App } = await import('/src/App'!);
 
 
 const render = () => {
     // 获取serverData
     const serverData = (window as any).__SERVER_DATA__ || undefined;
     // 水合
-    hydrateRoot(document.getElementById('root')!, <App router={browserRouter} serverData={serverData} />)
+    hydrateRoot(document.getElementById('root')!, <App router={createBrowserRouter(routes)} serverData={serverData} />)
 }
 
-document.addEventListener('DOMContentLoaded', render);
+render();

package/entry/server.tsx

@@ -1,21 +1,20 @@
-import { App } from "@/App"
-import routes from "@/router/routes"
 import { renderToString } from "react-dom/server"
 import { createStaticHandler, createStaticRouter } from "react-router"
+import { routes } from "../router";
 
+// 这个文件由Vite加载
+const { App } = await import("../../../src/App"!);
 
-
-
-export const render = async (req: Request, serverData?: any) => {
+export const render = async (req: Request, serverData?: any): Promise<string> => {
     // 1. 创建处理器
-    const { query, dataRoutes } = createStaticHandler(routes)
+    const { query, dataRoutes } = createStaticHandler(routes);
     
     // 2. 生成 context（自动执行所有 loader）
     const context = await query(new Request(req.url))
     
     // 3. 处理重定向/错误
     if (context instanceof Response) {
-        return { type: 'redirect', response: context }
+        throw "异常，请检查路由配置，确保前后端路由无冲突";
     }
     
     // 4. 创建静态路由

package/index.ts

@@ -0,0 +1,9 @@
+
+import { build } from "./scripts/build";
+import { createServer } from "./scripts/server";
+
+
+export { 
+    createServer,
+    build
+};

package/package.json

@@ -1,11 +1,8 @@
 {
   "name": "wildpig",
-  "version": "1.5.9",
+  "version": "2.0.0",
   "author": "eriktse",
   "type": "module",
-  "bin": {
-    "wildpig": "./bin/cli.ts"
-  },
   "peerDependencies": {
     "@nanostores/react": "^1.0.0",
     "@types/bun": "^1.3.4",
@@ -30,6 +27,7 @@
   "scripts": {
     "dev": "wildpig dev",
     "build": "wildpig build",
-    "start": "wildpig start"
+    "start": "wildpig start",
+    "local-publish": "yalc publish"
   }
 }

package/router/ServerDataGuard.tsx

@@ -1,7 +1,7 @@
 import { useEffect } from "react"
 import { matchRoutes, Outlet, useLocation, useNavigate } from "react-router"
-import pageRoutes from "@/router/routes";
 import { serverDataStore } from "../store/serverDataStore";
+import { routes } from ".";
 
 export const ServerDataGuard = () => {
     const location = useLocation();
@@ -11,7 +11,7 @@ export const ServerDataGuard = () => {
         serverDataStore.set(undefined);
 
         const pathname = location.pathname;
-        const matches = matchRoutes(pageRoutes, pathname);
+        const matches = matchRoutes(routes, pathname);
         const lastMatch = matches?.at(-1);
         if(!lastMatch) {
             // 404
@@ -34,7 +34,6 @@ export const ServerDataGuard = () => {
             if(serverDataApi.includes(key + "="))continue;
             serverDataApi += (serverDataApi.includes("?") ? "&" : "?") + key + "=" + value;
         }
-        
 
         fetch(serverDataApi).then(res => res.json()).then(data => {
             serverDataStore.set(data);

package/router/index.ts

@@ -1,15 +1,14 @@
-import { createBrowserRouter } from "react-router";
 import { ServerDataGuard } from "./ServerDataGuard";
+import { WildPigRouteObject } from "./types";
 
 // 用户代码
-import pageRoutes from "@/router/routes";
+let pageRoutes: WildPigRouteObject[] = (await import("../../../src/router/routes"!)).default;
 
 
-/** 生成路由器，可用于监听路由变化 */
-export const browserRouter = createBrowserRouter([
+export const routes = [
     {
         path: "/",
         Component: ServerDataGuard,
         children: pageRoutes,
     },
-]);
+] as WildPigRouteObject[];

package/scripts/apiRoutes.ts

@@ -3,7 +3,7 @@ import path from "node:path";
 const __dirname = import.meta.dirname;
 
 
-import { middleware } from "@/api/middleware";
+const middleware = (await import("@/endpoints/middleware"!)).middleware;
 
 const getFilePaths = (dir: string) => {
     const res: string[] = [];
@@ -25,14 +25,14 @@ const makeDynamicRoute = (route: string) => route.replaceAll(/\[([^\]]*)\]/g, ':
 
 export const makeApiRoutePathObj = () => {
     // 扫描用户代码路径
-    const apiDir = "./src/api";
+    const apiDir = "./src/endpoints";
     const apiPaths = getFilePaths(apiDir);
     const result: Record<string, string> = {};
 
     for(const apiPath of apiPaths) {
-        const importPath = apiPath.replace("./src/api", "#/src/api");
+        const importPath = apiPath.replace("./src/endpoints", "@/endpoints");
         if(!apiPath.includes("index.ts")) continue;
-        const route = apiPath.replace("./src/api", "/api").replace("/index.ts", "");
+        const route = apiPath.replace("./src/endpoints", "").replace("/index.ts", "");
         result[route] = importPath.replace(".ts", "");
     }
     return result;
@@ -44,7 +44,7 @@ export const makeApiRoutePathObj = () => {
 export const packageApiRoutes = async () => {
     const apiRoutes = makeApiRoutePathObj();
     let identId = 0;
-    let importsText = `import { middleware } from "@/api/middleware" \n`;
+    let importsText = `import { middleware } from "@/endpoints/middleware" \n`;
     let routesText = "export default {\n";
     for(const route of Object.keys(apiRoutes)) {
         const importPath = apiRoutes[route];

package/scripts/build.ts

@@ -1,43 +1,70 @@
 import path from "node:path";
 import { packageApiRoutes } from "./apiRoutes";
 import { build as viteBuild } from "vite";
+import { IBuildOptions } from "./types";
+import chalk from "chalk";
 
-const prebuild = async () => {
+const __rootdir = path.resolve(__dirname, "../../../"); // 项目根目录
+
+const prebuild = async (options: IBuildOptions) => {
     const promises = [];
     // 先编译客户端代码
     promises.push(viteBuild({
-        configFile: path.resolve(__dirname, "../../../vite.config.ts"),
-        build: {
-            outDir: "./dist/client",
-        },
-    }));
-    // 编译服务端入口文件
-    promises.push(viteBuild({
-        configFile: path.resolve(__dirname, "../../../vite.config.ts"),
+        configFile: path.resolve(__rootdir, "vite.config.ts"),
         build: {
-            rollupOptions:{
-                input: path.resolve(__dirname, "../entry/server.tsx"),
-            },
-            outDir: "./dist/server",
-            ssr: true,
+            outDir: path.resolve(__rootdir, options.outdir || "dist", "client"), // 输出目录
         },
     }));
+    // promises.push(viteBuild({
+    //     configFile: path.resolve(__rootdir, "vite.config.ts"),
+    //     build: {
+    //         rollupOptions:{
+    //             input: path.resolve(__dirname, "../entry/server.tsx"),
+    //         },
+    //         outDir: path.resolve(__rootdir, options.outdir || "dist", "server"), // 输出目录
+    //         ssr: true, // 开启ssr
+    //     },
+    // }));
     promises.push(packageApiRoutes());
     await Promise.all(promises);
 };
 
 
-export const build = async () => {
+export const build = async (options?: IBuildOptions) => {
+    options = Object.assign({
+        entry: "server.ts",
+        outdir: "dist",
+        minify: true,
+        target: "bun",
+        external: [],
+    }, options || {});
+
+
+    console.log(chalk.green("开始构建..."));
+    console.log("构建参数：", options);
+
+    // 准备阶段
+    process.env.NODE_ENV = "production";
+    const st = performance.now();
+
+
     // 前处理
-    await prebuild();
+    await prebuild(options);
     // 正式编译
-    Bun.build({
-        entrypoints: [path.resolve(__dirname, "./prodServer.ts")],
-        compile: true,
-        outdir: "./dist",
-        external: ["*.css"],
+    await Bun.build({
+        entrypoints: [path.resolve(__rootdir, options.entry || "server.ts")],
+        minify: options.minify || true, // 压缩
+        target: options.target || "bun",
+        outdir: options.outdir || "./dist",
+        format: "esm",
+        external: ["vite", ...(options.external || [])],
         define: {
             "process.env.NODE_ENV": JSON.stringify("production"),
         },
     });
+
+
+    console.log(chalk.green("🐗 [Wildpig] Build done, time:"), chalk.blue(performance.now() - st, "ms"));
+    console.log(chalk.green(`✨ [Wildpig] Start by command:`), chalk.blue(`bun run start`));
+    return;
 }

package/scripts/prodServer.ts

@@ -1,25 +1,20 @@
 import { getApiRouteModules } from "./apiRoutes";
 import fs from "node:fs";
 import { matchRoutes } from "react-router";
-import path from "node:path";
-
-// 用户代码
-const pageRoutes = (await import("@/router/routes"!)).default as WildPigRouteObject[];
-import chalk from "chalk";
-import { WildPigRouteObject } from "router/types";
-
+import packageJson from "../package.json";
+import { ICreateServerOptions } from "./types";
+import { routes } from "../router";
 const env = process.env;
-const port = env.PORT || 3000;
-const hostname = env.HOST || env.HOSTNAME || "localhost";
+// 用户代码（动态导入）
+import chalk from "chalk";
 
 const getPackageInfo = async () => {
-    const packageJson = await Bun.file(path.resolve(__dirname, "../package.json")).json();
     return packageJson;
 }
 const packageInfo = await getPackageInfo();
 
 /** 启动后的描述性文字 */
-const afterStart = () => {
+const afterStart = (options: ICreateServerOptions) => {
 // 启动后的文字
 console.log(` __        __ _  _      _   ____   _        
  \\ \\      / /(_)| |  __| | |  _ \\ (_)  __ _ 
@@ -31,17 +26,21 @@ console.log(chalk.blue.bgGreen(`         🐗 WildPig version ${packageInfo?.ver
 console.log(chalk.green("          Strong & Fast Fullstack Framework\n"));
 console.log(chalk.green("✨ WildPig is running on port " + env.PORT || 3000));
 console.log(chalk.green("💻 Wildpig is Running in production mode."));
-console.log(chalk.green(`🔗 Click to debug in Browser: http://${hostname}:${port}`));
+console.log(chalk.green(`🔗 Click to play in Browser: http://localhost:${options.port}`));
 }
 
+export default async (options?: ICreateServerOptions) => {
+    options = Object.assign({
+        port: 3000,
+        host: "0.0.0.0",
+        showInfo: true,
+    }, options || {});
 
-
-export const startServer = async () => {
-    // 确保重启后可以重新拿到路由
+    
     const apiModules = await getApiRouteModules("prod") as any;
-    return Bun.serve({
-        port,
-        hostname,
+    const server = Bun.serve({
+        port: options.port,
+        hostname: options.host,
         routes:{
             ...apiModules,
             "/*": async (request: Request) => {
@@ -62,7 +61,7 @@ export const startServer = async () => {
                 }
 
                 // 请求服务端数据
-                const matches = matchRoutes(pageRoutes, url.pathname);
+                const matches = matchRoutes(routes, url.pathname);
                 if(!matches)return new Response("Not Found", {status: 404});
 
                 const matchRoute = matches.at(-1)!;
@@ -85,7 +84,9 @@ export const startServer = async () => {
                     });
                     serverRequest.headers.set("wildpig-server-data-api", serverDataApi);
                     const pathname = serverDataApi.split("?")[0]; // 获取路径
-                    const serverData = await apiModules[pathname].GET(serverRequest).then((r: Response) => r.json());
+                    const handler = apiModules?.[pathname]?.GET;
+                    if(!handler)return undefined; // 没有对应的handler
+                    const serverData = await handler(serverRequest).then((r: Response) => r.json());
                     return serverData;
                 };
                 let serverData = await getServerData();
@@ -112,10 +113,7 @@ export const startServer = async () => {
             },
         },
         development: false,
-        
-    })
-}
-
-
-startServer();
-afterStart();
+    });
+    if(options.showInfo)afterStart(options);
+    return server;
+}

package/scripts/server.ts

@@ -1,37 +1,158 @@
-import chalk from "chalk";
-import path from "node:path";
-import { watch } from "node:fs";
-import { startServer } from "./devServer";
-import viteConfig from "#/vite.config";
+import { getApiRouteModules } from "./apiRoutes";
+import { createServer as createViteServer, type ViteDevServer} from "vite";
+import { matchRoutes } from "react-router";
+import fs from "node:fs";
+import { WildPigRouteObject } from "../router/types";
+import packageInfo from "../package.json";
+
+
+const __dirname = import.meta.dirname;
+const __rootdir = path.resolve(__dirname, "../../../");
+import { ICreateServerOptions } from "./types";
+
 const env = process.env;
 
 
-const port = env.PORT || 3000;
-const hostname = env.HOSTNAME || "localhost";
-const isDev = env.NODE_ENV === "development";
 
-const getPackageInfo = async () => {
-    const packageJson = await Bun.file(path.resolve(__dirname, "../package.json")).json();
-    return packageJson;
+// 用户代码
+import path from "node:path";
+import chalk from "chalk";
+
+
+// 启动vite server
+let viteServer: ViteDevServer;
+if(env.NODE_ENV === "development"){
+    viteServer = await createViteServer({
+        configFile: path.resolve(__rootdir, "./vite.config.ts"),
+    });
+    await viteServer.listen(viteServer.config.server.port);
 }
-const packageInfo = await getPackageInfo();
-
-const startHotServer = async () => {
-    let server = await startServer();
-    if(isDev){
-        watch("src", {recursive: true}, async (event, filename) => {
-            // 只监测文件路径变化
-            if(event !== "rename")return;
-
-            console.log(chalk.green("检测到src下文件路径变化（新增、删除或移动文件），重启服务..."));
-            await server.stop();
-            setTimeout(async () => {
-                server = await startServer();
-                console.log(chalk.green("服务已重启"));
-            }, 1000);
-        })
+
+
+const frontHandler = (apiModules: any) => async (request: Request) => {
+    // 判断pathname是否匹配pageRoutes
+    const url = new URL(request.url);
+
+    // 判断是否是vite请求
+    if(url.pathname.includes(".") || url.pathname.startsWith("/@") || url.pathname.startsWith("/assets")){
+        if(env.NODE_ENV === "development"){// 交给vite
+            const viteURL = new URL(request.url);
+            viteURL.port = viteServer.config.server.port.toString();
+            const response = await fetch(viteURL.toString(), {
+                method: request.method,
+                headers: request.headers,
+                body: request.body,
+            });
+            return response.clone();
+        }else{// production环境，直接返回文件
+            const filepath = "./client" + url.pathname;
+            // 检查文件是否存在
+            if(fs.existsSync(filepath) && fs.statSync(filepath).isFile()){
+                return new Response(Bun.file(filepath), {
+                    headers: {
+                        "Cache-Control": "public, max-age=864000" // 10 天缓存
+                    }
+                });
+            }
+            // 文件不存在
+            return new Response("Not Found", {status: 404});
+        }
     }
+
+
+
+    // 服务端请求，获取服务端数据
+    const routes = viteServer ? (await viteServer.ssrLoadModule("/node_modules/wildpig/router/index.ts"!)).routes as WildPigRouteObject[] : (await import("../router")).routes;
+    const matches = matchRoutes(routes, url.pathname);
+    if(!matches)return new Response("404 Not Found", { status: 404 });
+
+    // 请求服务端数据
+    const matchRoute = matches.at(-1)!;
+    let serverDataApi = matchRoute.route.serverDataApi;
+    let serverData = await (async () => {
+        if(!serverDataApi)return undefined;
+        const prefixUrl = request.url.split("/")[0] + "//" + request.url.split("/")[2];
+        // 需要请求服务端数据， 替换动态参数
+        for(const [key, value] of Object.entries(matchRoute.params)){
+            if(value)serverDataApi = serverDataApi.replace(":" + key, value);
+        }
+        // 加上当前request的query参数
+        for(const [key, value] of new URLSearchParams(request.url.split("?")[1]).entries()){
+            if(serverDataApi.includes(key + "="))continue; // 已经有这个参数了
+            serverDataApi += (serverDataApi.includes("?") ? "&" : "?") + key + "=" + value;
+        }
+        const serverRequest = new Request({
+            ...request.clone(),
+            url: prefixUrl + serverDataApi, // 替换url
+        });
+        serverRequest.headers.set("wildpig-server-data-api", serverDataApi);
+        const pathname = serverDataApi.split("?")[0]; // 获取路径
+        const handler = apiModules?.[pathname]?.GET;
+        if(!handler)return undefined; // 没有对应的handler
+        const serverData = await handler(serverRequest).then((r: Response) => r.json());
+        return serverData;
+    })();
+
+
+
+
+    // 构造响应页面
+    // 1. 读取 index.html
+    const template = viteServer ? await viteServer.transformIndexHtml(request.url, fs.readFileSync('./index.html', 'utf-8')) : fs.readFileSync(path.resolve(__dirname, './client/index.html'), 'utf-8');
+    // 2. 获取渲染函数
+    const render = (await import('../entry/server')).render
+    // 3. 获取应用程序 HTML
+    const appHtml = await render(request, serverData);
+
+    // 4. 注入渲染后的应用程序 HTML 到模板中。
+    const html = template
+        .replace(`<!--ssr-outlet-->`, () => appHtml)
+        .replace(`<!--title-->`, () => serverData?.title || "title")
+        .replace(`<!--server-data-->`, () => `<script>window.__SERVER_DATA__ = ${JSON.stringify(serverData)};</script>`);
+
+    return new Response(html, {
+        headers: {
+            "content-type": "text/html; charset=utf-8",
+            "Access-Control-Allow-Origin": "*",
+        }
+    });
+}
+
+/** 启动后的描述性文字 */
+const afterStart = async (options: ICreateServerOptions) => {
+// 启动后的文字
+console.log(` __        __ _  _      _   ____   _        
+ \\ \\      / /(_)| |  __| | |  _ \\ (_)  __ _ 
+  \\ \\ /\\ / / | || | / _\` | | |_) || | / _\` |
+   \\ V  V /  | || || (_| | |  __/ | || (_| |
+    \\_/\\_/   |_||_| \\__,_| |_|    |_| \\__, |
+                                      |___/ `)
+console.log(chalk.blue.bgGreen(`         🐗 WildPig version ${packageInfo?.version} by ${packageInfo?.author}       `));
+console.log(chalk.green("          Strong & Fast Fullstack Framework\n"));
+console.log(chalk.green("✨ WildPig is running on port " + options.port || 3000));
+console.log(chalk.yellow(`💻 Wildpig is Running in ${chalk.yellow.bold(env.NODE_ENV)} mode.`));
+if(viteServer)console.log(chalk.green("⚡ Vite server is running on port " + viteServer.config.server?.port));
+console.log(chalk.green(`🔗 Click to debug in Browser: http://localhost:${options.port}`));
 }
-await startHotServer();
 
+export const createServer = async (options?: ICreateServerOptions) => {
+    options = Object.assign({
+        port: 3000,
+        host: "0.0.0.0",
+        showInfo: true,
+    }, options || {});
 
+    // 确保重启后可以重新拿到路由
+    const apiModules = await getApiRouteModules(env.NODE_ENV === "development" ? "dev" : "prod") as any;
+    const server = Bun.serve({
+        port: options.port,
+        hostname: options.host,
+        routes:{
+            ...apiModules,
+            "/*": frontHandler(apiModules),
+        },
+        development: env.NODE_ENV === "development",
+    })
+    if(options.showInfo)await afterStart(options);
+    return server;
+}

package/scripts/types.ts

@@ -0,0 +1,33 @@
+export interface ICreateServerOptions {
+    host?: string,
+    port?: number,
+    showInfo?: boolean,
+}
+
+
+export interface IBuildOptions {
+    /**
+     * 入口文件的路径，默认是./server.ts
+     */
+    entry?: string,
+
+    /**
+     * 是否压缩代码，默认为true
+     */
+    minify?: boolean,
+
+    /**
+     * 输出目录，默认是./dist
+     */
+    outdir?: string,
+
+    /**
+     * 目标平台，默认是bun，如果需要打包成二进制文件，可以自行将打包出的js文件compile一次
+     */
+    target?: "node" | "bun",
+
+    /**
+     * 额外的外部依赖，默认是[]
+     */
+    external?: string[],
+}

package/bin/cli.ts

@@ -1,55 +0,0 @@
-#!/usr/bin/env bun
-import chalk from "chalk";
-import { build } from "../scripts/build";
-import { spawn } from "bun";
-import fs from "node:fs";
-const command = process.argv[2];
-
-if(command === "start"){
-    // 判断系统平台
-    const platform = process.platform;
-    let serverBin = "./prodServer"; // linux
-    if(platform === "win32")serverBin = "prodServer";
-    // 设置一些环境变量
-    process.env.NODE_ENV = "production";
-    console.log(chalk.green("✨ [Wildpig] Start production server..."));
-    const st = performance.now();
-    // 启动二进制文件
-    spawn([serverBin], {
-        cwd: "./dist",
-        stdout: "inherit",
-        env: {
-            ...process.env
-        }
-    });
-    const ed = performance.now();
-    setTimeout(() => {
-        console.log(chalk.green("✨ [Wildpig] Production server started in " + Math.floor(ed - st) + "ms"));
-    }, 300);
-}
-
-
-if(command === "dev"){
-    // 设置一些环境变量
-    process.env.NODE_ENV = "development";
-    // 监测是否有node_modules/wildpig
-    const wildpigExist = fs.existsSync("./node_modules/wildpig");
-    const serverPath = wildpigExist ? "./node_modules/wildpig/scripts/devServer.ts" : "./scripts/devServer.ts";
-    spawn(["bun", "run", "--watch", serverPath], {
-        cwd: ".",
-        stdout: "inherit",
-        env: {
-            ...process.env
-        }
-    });
-}
-
-
-if(command === "build"){
-    // 设置一些环境变量
-    process.env.NODE_ENV = "production";
-    const st = performance.now();
-    await build();
-    console.log(chalk.green("🐗 [Wildpig] Build done, time:"), chalk.blue(performance.now() - st, "ms"));
-    console.log(chalk.green(`✨ [Wildpig] Start by command:`), chalk.blue(`bun run start`));
-}

package/scripts/devServer.ts

@@ -1,134 +0,0 @@
-import { getApiRouteModules } from "./apiRoutes";
-import { createServer as createViteServer } from "vite";
-import { matchRoutes } from "react-router";
-import fs from "node:fs";
-
-const __dirname = import.meta.dirname;
-
-// 用户代码
-import path from "node:path";
-import chalk from "chalk";
-import { WildPigRouteObject } from "router/types";
-
-const env = process.env;
-const port = env.PORT || 3000;
-const hostname = env.HOST || env.HOSTNAME || "localhost";
-
-
-// 启动vite server
-const viteServer = await createViteServer({
-    configFile: path.resolve(__dirname, "../../../vite.config.ts"),
-});
-await viteServer.listen(viteServer.config.server.port);
-
-
-const viteHandler = (apiModules: any) => async (request: Request) => {
-    // 判断pathname是否匹配pageRoutes
-    const url = new URL(request.url);
-
-    // 判断是否是vite请求
-    if(url.pathname.includes(".") || url.pathname.startsWith("/@")){
-        // 没有匹配的route，说明是一些资源什么的
-        const viteURL = new URL(request.url);
-        viteURL.port = viteServer.config.server.port.toString();
-        // console.log("转发请求：" + viteURL.toString());
-        const response = await fetch(viteURL.toString(), {
-            method: request.method,
-            headers: request.headers,
-            body: request.body,
-        });
-        return response.clone();
-    }
-
-    const pageRoutes = (await viteServer.ssrLoadModule("@/router/routes.ts"!)).default as WildPigRouteObject[];
-    const matches = matchRoutes(pageRoutes, url.pathname);
-    if(!matches)return new Response("404 Not Found", { status: 404 });
-
-    // 请求服务端数据
-    const matchRoute = matches.at(-1)!;
-    let serverDataApi = matchRoute.route.serverDataApi;
-    const getServerData = async () => {
-        if(!serverDataApi)return undefined;
-        const prefixUrl = request.url.split("/")[0] + "//" + request.url.split("/")[2];
-        // 需要请求服务端数据， 替换动态参数
-        for(const [key, value] of Object.entries(matchRoute.params)){
-            if(value)serverDataApi = serverDataApi.replace(":" + key, value);
-        }
-        // 加上当前request的query参数
-        for(const [key, value] of new URLSearchParams(request.url.split("?")[1]).entries()){
-            if(serverDataApi.includes(key + "="))continue; // 已经有这个参数了
-            serverDataApi += (serverDataApi.includes("?") ? "&" : "?") + key + "=" + value;
-        }
-        const serverRequest = new Request({
-            ...request.clone(),
-            url: prefixUrl + serverDataApi, // 替换url
-        });
-        serverRequest.headers.set("wildpig-server-data-api", serverDataApi);
-        const pathname = serverDataApi.split("?")[0]; // 获取路径
-        const serverData = await apiModules[pathname].GET(serverRequest).then((r: Response) => r.json());
-        return serverData;
-    };
-    let serverData = await getServerData();
-
-    // 1. 读取 index.html
-    const template = await viteServer.transformIndexHtml(request.url, fs.readFileSync('./index.html', 'utf-8'));
-    // 2. 获取渲染函数
-    const { render } = await viteServer.ssrLoadModule('/node_modules/wildpig/entry/server.tsx')
-    // 3. 获取应用程序 HTML
-    const appHtml = await render(request, serverData)
-
-    // 4. 注入渲染后的应用程序 HTML 到模板中。
-    const html = template
-        .replace(`<!--ssr-outlet-->`, () => appHtml)
-        .replace(`<!--title-->`, () => serverData?.title || "title")
-        .replace(`<!--server-data-->`, () => `<script>window.__SERVER_DATA__ = ${JSON.stringify(serverData)};</script>`);
-
-    return new Response(html, {
-        headers: {
-            "content-type": "text/html; charset=utf-8",
-            "Access-Control-Allow-Origin": "*",
-        }
-    });
-}
-
-
-const getPackageInfo = async () => {
-    const packageJson = await Bun.file(path.resolve(__dirname, "../package.json")).json();
-    return packageJson;
-}
-const packageInfo = await getPackageInfo();
-
-/** 启动后的描述性文字 */
-const afterStart = () => {
-// 启动后的文字
-console.log(` __        __ _  _      _   ____   _        
- \\ \\      / /(_)| |  __| | |  _ \\ (_)  __ _ 
-  \\ \\ /\\ / / | || | / _\` | | |_) || | / _\` |
-   \\ V  V /  | || || (_| | |  __/ | || (_| |
-    \\_/\\_/   |_||_| \\__,_| |_|    |_| \\__, |
-                                      |___/ `)
-console.log(chalk.blue.bgGreen(`         🐗 WildPig version ${packageInfo?.version} by ${packageInfo?.author}       `));
-console.log(chalk.green("          Strong & Fast Fullstack Framework\n"));
-console.log(chalk.green("✨ WildPig is running on port " + env.PORT || 3000));
-console.log(chalk.yellow("💻 Wildpig is Running in development mode."));
-console.log(chalk.green("⚡ Vite server is running on port " + viteServer.config.server?.port));
-console.log(chalk.green(`🔗 Click to debug in Browser: http://${hostname}:${port}`));
-}
-
-export const startServer = async () => {
-    // 确保重启后可以重新拿到路由
-    const apiModules = await getApiRouteModules("dev") as any;
-    console.log(apiModules)
-    const server = Bun.serve({
-        port,
-        hostname,
-        routes:{
-            ...apiModules,
-            "/*": viteHandler(apiModules),
-        },
-        development: true,
-    })
-    afterStart();
-    return server;
-}
-startServer();