chore: update

Author: webfansplz

packages/devframe/src/utils/serve-static.test.ts

@@ -168,6 +168,25 @@ describe('serveStaticHandler', () => {
 })
 
 describe('mountStaticHandler', () => {
+  it('serves files when mounted at the root', async () => {
+    const dir = makeTmp('devframe-serve-root-')
+    writeFileSync(join(dir, 'index.html'), 'root-index', 'utf-8')
+    writeFileSync(join(dir, 'app.js'), 'root-app', 'utf-8')
+
+    const app = new H3()
+    mountStaticHandler(app, '/', dir)
+
+    const indexResponse = await app.request('/')
+    const assetResponse = await app.request('/app.js')
+    const missingResponse = await app.request('/missing.js')
+
+    expect(indexResponse.status).toBe(200)
+    expect(await indexResponse.text()).toBe('root-index')
+    expect(assetResponse.status).toBe(200)
+    expect(await assetResponse.text()).toBe('root-app')
+    expect(missingResponse.status).toBe(404)
+  })
+
   it('keeps static bases with overlapping prefixes isolated', async () => {
     const viteDir = makeTmp('devframe-serve-vite-')
     const vitestDir = makeTmp('devframe-serve-vitest-')

packages/devframe/src/utils/serve-static.ts

@@ -1,9 +1,9 @@
-import type { EventHandler, H3 } from 'h3'
+import type { EventHandler } from 'h3'
 import type { IncomingMessage, ServerResponse } from 'node:http'
 import { createReadStream } from 'node:fs'
 import { stat } from 'node:fs/promises'
 import { Readable } from 'node:stream'
-import { defineHandler, withBase } from 'h3'
+import { defineHandler, H3 } from 'h3'
 import { lookup } from 'mrmime'
 import { extname, join, normalize, resolve, sep } from 'pathe'
 
@@ -168,29 +168,21 @@ export function serveStaticHandler(
 }
 
 /**
- * Mount {@link serveStaticHandler} on an h3 app at `base`, handling the
- * route pattern and prefix-stripping required by h3 v2.
+ * Mount {@link serveStaticHandler} on an h3 app at `base`.
  *
- * h3 v2's `app.use(base, handler)` only matches the exact `base` path and
- * does not strip the prefix from `event.url.pathname`. Static serving
- * needs an explicit segment-boundary match plus a stripped URL so the file
- * resolver sees paths relative to `dir` — this helper bundles both.
+ * h3's sub-app mount provides segment-boundary matching and strips `base`
+ * from `event.url.pathname`, so the file resolver sees paths relative to
+ * `dir`.
  */
 export function mountStaticHandler(
   app: H3,
   base: string,
   dir: string,
   options?: ServeStaticOptions,
 ): void {
-  const trimmed = base.replace(/\/$/, '')
-  const handler = serveStaticHandler(dir, options)
-  if (trimmed === '') {
-    app.use('/**', handler)
-    return
-  }
-  app.use(withBase(trimmed, handler), {
-    match: event => event.url.pathname === trimmed || event.url.pathname.startsWith(`${trimmed}/`),
-  })
+  const staticApp = new H3()
+  staticApp.use(serveStaticHandler(dir, options))
+  app.mount(base.replace(/\/$/, ''), staticApp)
 }
 
 /**