weifuwu 0.9.2 → 0.9.4

package/README.md

@@ -34,11 +34,42 @@ Everything follows the same `(req, ctx) => Response` contract. The Router handle
 
 ## Quick start
 
+### Hello World
+
 ```ts
 import { serve } from 'weifuwu'
 serve((req, ctx) => new Response('Hello, World!'), { port: 3000 })
 ```
 
+### React + Tailwind
+
+```bash
+npm install weifuwu
+mkdir -p ui/pages
+```
+
+```ts
+// app.ts
+import { serve, Router } from 'weifuwu'
+
+const app = new Router()
+app.use('/', await tsx({ dir: './ui/' }))
+serve(app.handler(), { port: 3000, websocket: app.websocketHandler() })
+```
+
+```tsx
+// ui/pages/page.tsx
+export default function Home() {
+  return <h1 className="text-3xl font-bold text-blue-600">Hello</h1>
+}
+```
+
+```bash
+node app.ts
+```
+
+Open http://localhost:3000 — Tailwind CSS is compiled automatically, pages hot-reload on save.
+
 ## Router
 
 ```ts
@@ -851,44 +882,134 @@ import { serve, Router } from 'weifuwu'
 import { tsx } from 'weifuwu/tsx'
 
 const app = new Router()
-app.use('/', await tsx({ dir: './pages/' }))
+app.use('/', await tsx({ dir: './ui/' }))
 
 serve(app.handler(), { port: 3000, websocket: app.websocketHandler() })
 ```
 
-### Development mode
+### Directory structure
 
-`tsx()` automatically runs in development mode (`NODE_ENV !== 'production'`):
+```
+ui/
+├── pages/              ← 页面文件
+│   ├── page.tsx        → GET /           (React component, default export)
+│   ├── layout.tsx      → root layout     (HTML shell, receives req/ctx, NOT hydrated)
+│   ├── not-found.tsx   → 404 error page  (rendered for unmatched routes, wrapped in layout)
+│   ├── about/page.tsx  → GET /about
+│   ├── blog/[slug]/
+│   │   ├── page.tsx    → GET /blog/:slug
+│   │   ├── load.ts     → data fetching   (server-only, default export)
+│   │   └── route.ts    → POST /blog/:slug (API, named exports POST/PUT/DELETE/...)
+│   ├── blog/layout.tsx → /blog/* layout  (UI structure, receives children, hydrated)
+│   └── api/search/
+│       └── route.ts    → GET /api/search (standalone API, no page.tsx needed)
+└── components/         ← 组件文件（会被热更自动感知）
+    └── button.tsx
+```
+
+### Development mode
 
-- **File watching** — editing a `.tsx`/`.ts` file triggers recompilation and the browser auto-refreshes via WebSocket
-- **Tailwind CSS** — if an `app.css` or `globals.css` file is found, Tailwind CSS is processed automatically. Write `className` directly.
-- **`@` aliases** — if `tsconfig.json` or `jsconfig.json` has `compilerOptions.paths`, the `@` alias is passed to esbuild automatically (works with shadcn/ui)
-- **Process state preserved** — DB connections, WebSockets, in-memory caches are not lost
+tsx() runs in development mode automatically when `NODE_ENV !== 'production'`:
 
-Production mode (`NODE_ENV=production`) disables file watching and live reload. All other features work the same.
+- **File watching** — chokidar watches the `dir` directory for `.tsx`/`.ts` changes
+  - Page files in `pages/` → single-file recompilation + registry update
+  - Component files in `components/` → full rebuild of all pages
+  - New files are detected automatically
+- **Live reload** — Compiled via esbuild `write: false` + `vm.Script.runInContext` (no disk writes, no `node --watch` conflict)
+- **WebSocket auto-refresh** — `/__weifuwu/livereload` endpoint pushes reload signals; browser refreshes automatically
+- **`node --watch` compatible** — External files (`app.ts`, `middleware/`) handled by `--watch` restart; `ui/` changes handled by tsx() without conflict
 
 ```bash
-node app.ts                # development
+node app.ts                # development (auto-reload + live refresh)
 NODE_ENV=production node app.ts   # production
 ```
 
-### File conventions
+### Tailwind CSS
 
+tsx() includes built-in Tailwind CSS v4 support. If an `app.css` file exists in the `dir` directory, it is compiled automatically through PostCSS + `@tailwindcss/postcss`. If no `app.css` is found, one is created automatically:
+
+```css
+@import "tailwindcss";
 ```
-pages/
-  page.tsx              → GET /           (React component, default export)
-  layout.tsx            → root layout     (HTML shell, receives req/ctx, NOT hydrated)
-  not-found.tsx         → 404 error page  (rendered for unmatched routes, wrapped in layout)
-  about/page.tsx        → GET /about
-  blog/[slug]/
-    page.tsx            → GET /blog/:slug
-    load.ts             → data fetching   (server-only, default export)
-    route.ts            → POST /blog/:slug (API, named exports POST/PUT/DELETE/...)
-  blog/layout.tsx       → /blog/* layout  (UI structure, receives children, hydrated)
-  api/search/
-    route.ts            → GET /api/search (standalone API, no page.tsx needed)
+
+Write `className` directly in your components — no CLI, no configuration:
+
+```tsx
+export default function Home() {
+  return <h1 className="text-3xl font-bold text-blue-600">Hello</h1>
+}
 ```
 
+In development mode, Tailwind is reprocessed whenever a `.tsx` file changes (new class names are picked up automatically).
+
+### `@` alias
+
+If your project has a `tsconfig.json` or `jsconfig.json` with `compilerOptions.paths`, tsx() reads it automatically and passes aliases to all esbuild builds (SSR compilation, hydration bundles, and hot reload):
+
+```json
+{
+  "compilerOptions": {
+    "paths": {
+      "@/*": ["./ui/*"]
+    }
+  }
+}
+```
+
+This enables imports like `@/components/button` or `@/lib/utils` in both server-rendered and client-hydrated code.
+
+### shadcn/ui
+
+tsx() works with [shadcn/ui](https://ui.shadcn.com) out of the box. The `@` alias and Tailwind CSS are handled automatically.
+
+```bash
+# 1. Install shadcn CLI and init (select "other" framework)
+npx shadcn@latest init
+
+# 2. When prompted, configure:
+#    - Style:            your preference
+#    - Base color:       your preference
+#    - CSS file path:    ui/app.css
+#    - Import alias:     @/  →  ./ui/
+#    - React hooks:      yes
+```
+
+```json
+// tsconfig.json (generated by shadcn init)
+{
+  "compilerOptions": {
+    "paths": {
+      "@/*": ["./ui/*"]
+    }
+  }
+}
+```
+
+Add components:
+
+```bash
+npx shadcn@latest add button card dialog
+```
+
+Use them in your pages:
+
+```tsx
+// ui/pages/page.tsx
+import { Button } from '@/components/ui/button'
+
+export default function Home() {
+  return <Button variant="outline">Click me</Button>
+}
+```
+
+```bash
+node app.ts
+```
+
+### Backward compatibility
+
+`tsx({ dir: './pages/' })` still works. When there is no `pages/` subdirectory under `dir`, the `dir` itself is used as the pages directory.
+
 ### page.tsx — page component
 
 ```tsx
@@ -967,7 +1088,7 @@ serve(app.handler(), { websocket: app.websocketHandler() })
 ```
 
 ```bash
-node app.ts                # development (auto-reload on changes)
+node app.ts                # development (auto-reload + live refresh)
 NODE_ENV=production node app.ts   # production
 ```
 
@@ -1110,18 +1231,19 @@ Returns `MessagerModule` — `{ migrate, router, wsHandler, send, close }`.
 
 | Option | Default | Description |
 |--------|---------|-------------|
-| `dir`  | —       | Pages directory path |
+| `dir` | — | UI directory path (containing `pages/` and optionally `components/`) |
 
 Returns `Promise<Router>`.
 
-Development features (auto-detected, no configuration needed):
+Auto-detected features (no configuration needed):
 
 | Feature | Behavior |
 |---------|----------|
-| **File watching** | Enabled when `NODE_ENV !== 'production'`. Watches pages directory, recompiles on change, sends live-reload signal via WebSocket |
-| **Tailwind CSS** | Auto-detected when `app.css` / `globals.css` exists. Processed through PostCSS + Tailwind plugin. Served at `/__wfw/style.css` and auto-injected into HTML `<head>` |
-| **`@` alias** | Read from `tsconfig.json` / `jsconfig.json` `compilerOptions.paths` and passed to esbuild |
+| **File watching** | Enabled in dev mode. Watches `dir` for changes, recompiles on the fly, sends reload via WebSocket |
 | **WebSocket live reload** | Endpoint at `/__weifuwu/livereload`. Browser auto-refreshes on file changes or server restart |
+| **Tailwind CSS** | Auto-detected when `app.css` exists. Compiled through PostCSS + `@tailwindcss/postcss`. Served at `/__wfw/style.css`, auto-injected into HTML `<head>` |
+| **`@` alias** | Read from `tsconfig.json` / `jsconfig.json` `compilerOptions.paths`. Passed to all esbuild builds |
+| **Process state** | Dev mode keeps the process alive on file changes. DB connections, WebSockets, in-memory caches persist |
 
 To use WebSocket features, pass `router.websocketHandler()` to `serve()`:
 

package/dist/index.js

@@ -109,10 +109,7 @@ function serve(handler, options) {
   });
   return {
     stop: () => {
-      return new Promise((resolve3) => {
-        server.closeAllConnections();
-        server.close(() => resolve3());
-      });
+      server.close();
     },
     ready,
     get port() {
@@ -294,9 +291,9 @@ var Router = class _Router {
     return (req, socket, head) => {
       const url = new URL(req.url ?? "/", "http://localhost");
       const segments = url.pathname.split("/").filter(Boolean);
-      const query = Object.fromEntries(url.searchParams);
       const match = router.matchWsTrie(wsRoot, segments);
       if (match) {
+        const query = Object.fromEntries(url.searchParams);
         const webReq = new Request(url.href, {
           method: req.method ?? "GET",
           headers: Object.fromEntries(
@@ -502,11 +499,13 @@ function sendHttpResponseOnSocket(socket, response) {
 import { createElement, createContext, useContext } from "react";
 import { renderToReadableStream } from "react-dom/server";
 import * as esbuild from "esbuild";
-import { readdirSync, statSync, existsSync, mkdirSync, readFileSync } from "node:fs";
-import chokidar from "chokidar";
+import { readdirSync, statSync, existsSync, mkdirSync, readFileSync, writeFileSync } from "node:fs";
 import { join, relative, resolve, sep, dirname, basename } from "node:path";
 import { pathToFileURL } from "node:url";
 import { createHash } from "node:crypto";
+import vm from "node:vm";
+import { createRequire } from "node:module";
+import chokidar from "chokidar";
 var TsxContext = createContext({ params: {}, query: {} });
 function useTsx() {
   return useContext(TsxContext);
@@ -515,10 +514,7 @@ var pageModules = /* @__PURE__ */ new Map();
 var layoutModules = /* @__PURE__ */ new Map();
 var loadModules = /* @__PURE__ */ new Map();
 var routeModules = /* @__PURE__ */ new Map();
-var clientBundles = /* @__PURE__ */ new Map();
 var liveReloadClients = /* @__PURE__ */ new Set();
-var _watcher = null;
-var _cssWatcher = null;
 function broadcastReload() {
   for (const ws of liveReloadClients) {
     try {
@@ -528,10 +524,25 @@ function broadcastReload() {
     }
   }
 }
+var isDev = process.env.NODE_ENV !== "production";
+var _uiDir = "";
+var _allFiles = [];
+var _outDir = "";
 var tailwindCssUrl = null;
 var tailwindCssCode = "";
-var _projectDir = "";
-var _watcherStarted = false;
+var _cjsRequire = createRequire(import.meta.url);
+var _vmCtx = vm.createContext(Object.create(globalThis));
+function loadSSRModule(code) {
+  const mod = { exports: {} };
+  _vmCtx.require = (name15) => _cjsRequire(name15);
+  _vmCtx.module = mod;
+  _vmCtx.exports = mod.exports;
+  new vm.Script(code).runInContext(_vmCtx);
+  return mod.exports;
+}
+function id(s) {
+  return createHash("md5").update(s).digest("hex").slice(0, 8);
+}
 var _alias = null;
 function resolveAliases() {
   if (_alias) return _alias;
@@ -559,10 +570,6 @@ function resolveAliases() {
   _alias = {};
   return {};
 }
-var isDev = process.env.NODE_ENV !== "production";
-function id(s) {
-  return createHash("md5").update(s).digest("hex").slice(0, 8);
-}
 function concatUint8(chunks) {
   const len = chunks.reduce((a, c) => a + c.length, 0);
   const out = new Uint8Array(len);
@@ -687,21 +694,171 @@ async function compileAll(files, outDir, platform, alias) {
       "@graphql-tools/schema",
       "ai"
     ],
-    alias,
     write: true,
+    alias,
     allowOverwrite: true
   });
 }
 function compiledUrl(filePath, outDir) {
+  const hash = id(join(outDir, id(filePath)));
   const p = join(outDir, id(filePath) + ".js");
   return pathToFileURL(p).href;
 }
+function startFileWatcher() {
+  let timeout = null;
+  const pending = /* @__PURE__ */ new Set();
+  chokidar.watch(_uiDir, {
+    ignored: /(^|[/\\])\.(?!\.)|node_modules|\.weifuwu|dist/,
+    persistent: false,
+    ignoreInitial: true
+  }).on("all", async (event, filePath) => {
+    if (event !== "change" && event !== "add") return;
+    if (!/\.tsx?$/.test(filePath)) return;
+    pending.add(filePath);
+    if (timeout) clearTimeout(timeout);
+    timeout = setTimeout(async () => {
+      timeout = null;
+      const files = [...pending];
+      pending.clear();
+      const exists = files.filter((f) => existsSync(f));
+      const allKnown = exists.every(
+        (f) => pageModules.has(f) || layoutModules.has(f) || loadModules.has(f) || routeModules.has(f)
+      );
+      if (allKnown) {
+        for (const f of exists) await recompileAndSwap(f, _outDir);
+      } else {
+        await recompileAll();
+      }
+    }, 50);
+  });
+}
+async function recompileAndSwap(filePath, outDir) {
+  try {
+    const result = await esbuild.build({
+      entryPoints: { [id(filePath)]: filePath },
+      outdir: outDir,
+      format: "cjs",
+      platform: "node",
+      jsx: "automatic",
+      jsxImportSource: "react",
+      bundle: true,
+      external: ["react", "react-dom", "esbuild", "graphql", "ws", "zod", "@graphql-tools/schema", "ai"],
+      alias: resolveAliases(),
+      write: false
+    });
+    const code = new TextDecoder().decode(result.outputFiles[0].contents);
+    const mod = loadSSRModule(code);
+    const name15 = basename(filePath);
+    if (name15 === "layout.tsx") {
+      layoutModules.set(filePath, mod);
+    } else if (name15 === "route.ts") {
+      const handlers = /* @__PURE__ */ new Map();
+      for (const m of ["GET", "POST", "PUT", "DELETE", "PATCH", "HEAD", "OPTIONS"]) {
+        if (mod[m]) handlers.set(m, mod[m]);
+      }
+      routeModules.set(filePath, handlers);
+    } else if (name15 === "load.ts") {
+      loadModules.set(filePath, mod);
+    } else {
+      pageModules.set(filePath, mod);
+      clientBundleCache.delete(id(filePath));
+    }
+    await reprocessTailwind();
+    broadcastReload();
+  } catch (err) {
+    console.error("recompile failed:", err.message);
+  }
+}
+async function recompileAll() {
+  try {
+    const result = await esbuild.build({
+      entryPoints: Object.fromEntries(_allFiles.map((f) => [id(f), f])),
+      outdir: _outDir,
+      format: "cjs",
+      platform: "node",
+      jsx: "automatic",
+      jsxImportSource: "react",
+      bundle: true,
+      external: ["react", "react-dom", "esbuild", "graphql", "ws", "zod", "@graphql-tools/schema", "ai"],
+      alias: resolveAliases(),
+      write: false
+    });
+    for (const file of result.outputFiles) {
+      const code = new TextDecoder().decode(file.contents);
+      const mod = loadSSRModule(code);
+      const srcPath = _allFiles.find((f) => file.path.endsWith(id(f) + ".js"));
+      if (!srcPath) continue;
+      const name15 = basename(srcPath);
+      if (name15 === "layout.tsx") layoutModules.set(srcPath, mod);
+      else if (name15 === "load.ts") loadModules.set(srcPath, mod);
+      else pageModules.set(srcPath, mod);
+    }
+    clientBundleCache.clear();
+    await reprocessTailwind();
+    broadcastReload();
+  } catch (err) {
+    console.error("recompile all failed:", err.message);
+  }
+}
+async function setupTailwind(uiDir, router) {
+  let tailwindPlugin, postcss;
+  try {
+    tailwindPlugin = (await import("@tailwindcss/postcss")).default;
+    postcss = (await import("postcss")).default;
+  } catch {
+    return;
+  }
+  const inputFile = resolve(uiDir, "app.css");
+  if (!existsSync(inputFile)) {
+    mkdirSync(uiDir, { recursive: true });
+    writeFileSync(inputFile, '@import "tailwindcss"\n', "utf-8");
+    console.log("\u2139 weifuwu/tsx: created " + relative(process.cwd(), inputFile));
+  }
+  try {
+    const src = readFileSync(inputFile, "utf-8");
+    const result = await postcss([tailwindPlugin()]).process(src, { from: inputFile });
+    tailwindCssCode = result.css;
+  } catch (err) {
+    console.warn("Tailwind CSS processing failed:", err.message);
+    return;
+  }
+  router.get("/__wfw/style.css", () => new Response(tailwindCssCode, {
+    headers: { "content-type": "text/css; charset=utf-8" }
+  }));
+  tailwindCssUrl = "/__wfw/style.css";
+  if (isDev) {
+    chokidar.watch(inputFile, { persistent: false }).on("change", async () => {
+      try {
+        const newSrc = readFileSync(inputFile, "utf-8");
+        const newResult = await postcss([tailwindPlugin()]).process(newSrc, { from: inputFile });
+        tailwindCssCode = newResult.css;
+        broadcastReload();
+      } catch (err) {
+        console.warn("Tailwind CSS reprocess failed:", err.message);
+      }
+    });
+  }
+}
+async function reprocessTailwind() {
+  if (!tailwindCssUrl) return;
+  try {
+    const inputFile = resolve(_uiDir, "app.css");
+    if (!existsSync(inputFile)) return;
+    const tailwindPlugin = (await import("@tailwindcss/postcss")).default;
+    const postcss = (await import("postcss")).default;
+    const src = readFileSync(inputFile, "utf-8");
+    const result = await postcss([tailwindPlugin()]).process(src, { from: inputFile });
+    tailwindCssCode = result.css;
+  } catch {
+  }
+}
+var clientBundleCache = /* @__PURE__ */ new Map();
 var clientRouteLog = /* @__PURE__ */ new WeakMap();
 async function getOrBuildClientBundle(entryPath, layoutPaths, pagesDir, router) {
   const key = id(entryPath);
   const url = `/__wfw/client/${key}.js`;
   if (!clientRouteLog.get(router)?.has(url)) {
-    if (!clientBundles.has(key)) {
+    if (!clientBundleCache.has(key)) {
       try {
         const nested = layoutPaths.slice(1);
         const layoutsImport = nested.map(
@@ -731,14 +888,14 @@ async function getOrBuildClientBundle(entryPath, layoutPaths, pagesDir, router)
           write: false,
           minify: true
         });
-        clientBundles.set(key, result.outputFiles[0].contents);
+        clientBundleCache.set(key, result.outputFiles[0].contents);
       } catch (err) {
         console.error("hydration bundle failed:", err);
         return null;
       }
     }
     router.get(url, () => {
-      const buf = clientBundles.get(key);
+      const buf = clientBundleCache.get(key);
       return buf ? new Response(buf, {
         headers: { "content-type": "application/javascript; charset=utf-8" }
       }) : new Response("", { status: 500 });
@@ -801,9 +958,11 @@ ${scripts.join("\n")}`;
   };
 }
 async function tsx(options) {
-  const pagesDir = resolve(options.dir);
-  _projectDir = resolve(pagesDir, "..");
-  const outDir = join(pagesDir, "..", ".weifuwu", "ssr");
+  const uiDir = resolve(options.dir);
+  const pagesDir = existsSync(join(uiDir, "pages")) ? join(uiDir, "pages") : uiDir;
+  _uiDir = uiDir;
+  const outDir = join(uiDir, ".weifuwu", "ssr");
+  _outDir = outDir;
   const pages = scanPages(pagesDir);
   if (pages.length === 0) return new Router();
   const allFiles = /* @__PURE__ */ new Set();
@@ -821,8 +980,8 @@ async function tsx(options) {
     for (const lp of rootLayouts) allFiles.add(lp);
   }
   mkdirSync(outDir, { recursive: true });
-  const alias = resolveAliases();
-  await compileAll([...allFiles], outDir, "node", alias);
+  _allFiles = [...allFiles];
+  await compileAll(_allFiles, outDir, "node", resolveAliases());
   const router = new Router();
   const methods = ["POST", "PUT", "DELETE", "PATCH", "HEAD", "OPTIONS"];
   for (const p of pages) {
@@ -924,7 +1083,7 @@ ${body}`;
     };
     router.all("/*", handler);
   }
-  tailwindCssUrl = await setupTailwind(pagesDir, router, alias);
+  await setupTailwind(uiDir, router);
   if (isDev) {
     router.ws("/__weifuwu/livereload", {
       open(ws) {
@@ -933,150 +1092,10 @@ ${body}`;
         ws.on("error", () => liveReloadClients.delete(ws));
       }
     });
-    if (!_watcherStarted) {
-      startFileWatcher(pagesDir, outDir);
-      _watcherStarted = true;
-    }
+    startFileWatcher();
   }
   return router;
 }
-async function setupTailwind(pagesDir, router, alias) {
-  let tailwindPlugin, postcss, autoprefixer;
-  const _onWarning = (w) => {
-    if (w.code === "DEP0205") return;
-    process.removeListener("warning", _onWarning);
-    process.emitWarning(w);
-    process.on("warning", _onWarning);
-  };
-  process.on("warning", _onWarning);
-  try {
-    tailwindPlugin = (await import("@tailwindcss/postcss")).default;
-    postcss = (await import("postcss")).default;
-    autoprefixer = (await import("autoprefixer")).default;
-  } catch {
-    process.removeListener("warning", _onWarning);
-    return null;
-  }
-  process.removeListener("warning", _onWarning);
-  const candidates = ["app.css", "globals.css", "src/app.css", "src/globals.css", "style.css"];
-  let inputFile = "";
-  for (const c of candidates) {
-    const p = resolve(pagesDir, "..", c);
-    if (existsSync(p)) {
-      inputFile = p;
-      break;
-    }
-  }
-  if (!inputFile) return null;
-  try {
-    const src = readFileSync(inputFile, "utf-8");
-    const result = await postcss([tailwindPlugin(), autoprefixer]).process(src, { from: inputFile });
-    tailwindCssCode = result.css;
-  } catch (err) {
-    console.warn("Tailwind CSS processing failed:", err.message);
-    return null;
-  }
-  const url = "/__wfw/style.css";
-  router.get(url, () => new Response(tailwindCssCode, {
-    headers: { "content-type": "text/css; charset=utf-8" }
-  }));
-  if (isDev) {
-    _cssWatcher = chokidar.watch(inputFile, { persistent: false });
-    _cssWatcher.on("change", async () => {
-      try {
-        const newSrc = readFileSync(inputFile, "utf-8");
-        const newResult = await postcss([tailwindPlugin(), autoprefixer]).process(newSrc, { from: inputFile });
-        tailwindCssCode = newResult.css;
-        broadcastReload();
-      } catch (err) {
-        console.warn("Tailwind CSS reprocessing failed:", err.message);
-      }
-    });
-  }
-  return url;
-}
-function startFileWatcher(pagesDir, outDir) {
-  let timeout = null;
-  const pending = /* @__PURE__ */ new Set();
-  _watcher = chokidar.watch(pagesDir, {
-    ignored: /(^|[/\\])\.(?!\.)|\.weifuwu/,
-    persistent: false,
-    ignoreInitial: true
-  });
-  _watcher.on("all", async (event, filePath) => {
-    if (event !== "change" && event !== "add") return;
-    if (!/\.tsx?$/.test(filePath)) return;
-    pending.add(filePath);
-    if (timeout) clearTimeout(timeout);
-    timeout = setTimeout(async () => {
-      timeout = null;
-      const files = [...pending];
-      pending.clear();
-      for (const f of files) {
-        if (existsSync(f)) await recompileAndSwap(f, outDir);
-      }
-    }, 50);
-  });
-}
-async function recompileAndSwap(filePath, outDir) {
-  try {
-    await esbuild.build({
-      entryPoints: { [id(filePath)]: filePath },
-      outdir: outDir,
-      alias: resolveAliases(),
-      format: "esm",
-      platform: "node",
-      jsx: "automatic",
-      jsxImportSource: "react",
-      bundle: true,
-      external: ["react", "react-dom", "esbuild", "graphql", "ws", "zod", "@graphql-tools/schema", "ai"],
-      write: true,
-      allowOverwrite: true
-    });
-    const bustUrl = compiledUrl(filePath, outDir) + "?t=" + Date.now();
-    const freshMod = await import(bustUrl);
-    const name15 = basename(filePath);
-    if (name15 === "layout.tsx") {
-      layoutModules.set(filePath, freshMod);
-    } else if (name15 === "route.ts") {
-      const handlers = /* @__PURE__ */ new Map();
-      for (const m of ["GET", "POST", "PUT", "DELETE", "PATCH", "HEAD", "OPTIONS"]) {
-        if (freshMod[m]) handlers.set(m, freshMod[m]);
-      }
-      routeModules.set(filePath, handlers);
-    } else if (name15 === "load.ts") {
-      loadModules.set(filePath, freshMod);
-    } else {
-      pageModules.set(filePath, freshMod);
-      clientBundles.delete(id(filePath));
-    }
-    if (tailwindCssUrl) {
-      try {
-        const tailwindPlugin = (await import("@tailwindcss/postcss")).default;
-        const postcss = (await import("postcss")).default;
-        const autoprefixer = (await import("autoprefixer")).default;
-        const candidates = ["app.css", "globals.css", "src/app.css", "src/globals.css", "style.css"];
-        let inputFile = "";
-        for (const c of candidates) {
-          const p = resolve(_projectDir, c);
-          if (existsSync(p)) {
-            inputFile = p;
-            break;
-          }
-        }
-        if (inputFile) {
-          const newSrc = readFileSync(inputFile, "utf-8");
-          const result = await postcss([tailwindPlugin(), autoprefixer]).process(newSrc, { from: inputFile });
-          tailwindCssCode = result.css;
-        }
-      } catch {
-      }
-    }
-    broadcastReload();
-  } catch (err) {
-    console.error("recompile failed:", err.message);
-  }
-}
 
 // middleware.ts
 function logger(options) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "weifuwu",
-  "version": "0.9.2",
+  "version": "0.9.4",
   "description": "Web-standard HTTP framework for Node.js — (req, ctx) => Response",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -14,28 +14,25 @@
     "LICENSE"
   ],
   "scripts": {
-    "build": "esbuild index.ts --bundle --format=esm --platform=node --outfile=dist/index.js --external:react --external:react-dom --external:esbuild --external:graphql --external:ws --external:zod --external:@graphql-tools/schema --external:ai --external:postgres --external:jsonwebtoken --external:ioredis --external:chokidar --external:tailwindcss --external:@tailwindcss/* --external:postcss --external:autoprefixer --external:lightningcss",
+    "build": "esbuild index.ts --bundle --format=esm --platform=node --outfile=dist/index.js --external:react --external:react-dom --external:esbuild --external:graphql --external:ws --external:zod --external:@graphql-tools/schema --external:ai --external:postgres --external:jsonwebtoken --external:ioredis --external:chokidar --external:@tailwindcss/* --external:postcss",
     "prepublishOnly": "npm run build && tsc --emitDeclarationOnly --outdir dist",
     "test": "node --test 'test/**/*.test.ts'"
   },
   "dependencies": {
     "@ai-sdk/openai": "^3.0.66",
     "@graphql-tools/schema": "^10",
-    "@tailwindcss/postcss": "^4",
     "ai": "^6",
-    "autoprefixer": "^10",
     "chokidar": "^5.0.0",
     "esbuild": "^0.28.0",
     "graphql": "^16",
     "ioredis": "^5.11.0",
     "jsonwebtoken": "^9.0.3",
-    "postcss": "^8",
     "postgres": "^3.4.9",
     "react": "^19",
     "react-dom": "^19",
-    "tailwindcss": "^4",
     "ws": "^8",
-    "zod": "^4.4.3"
+    "zod": "^4.4.3",
+    "@tailwindcss/postcss": "^4"
   },
   "type": "module",
   "license": "MIT",