feat: load app with sourcemap at request command

Author: usualoma

src/commands/request/index.test.ts

@@ -84,6 +84,7 @@ describe('requestCommand', () => {
     expect(mockBuildAndImportApp).toHaveBeenCalledWith(expectedPath, {
       external: ['@hono/node-server'],
       watch: false,
+      sourcemap: true,
     })
 
     expect(consoleLogSpy).toHaveBeenCalledWith(
@@ -114,6 +115,7 @@ describe('requestCommand', () => {
     expect(mockBuildAndImportApp).toHaveBeenCalledWith(expectedPath, {
       external: ['@hono/node-server'],
       watch: true,
+      sourcemap: true,
     })
 
     expect(consoleLogSpy).toHaveBeenCalledWith(

src/commands/request/index.ts

@@ -70,6 +70,7 @@ export function getBuildIterator(
   return buildAndImportApp(appFilePath, {
     external: ['@hono/node-server'],
     watch,
+    sourcemap: true,
   })
 }
 

src/utils/build.test.ts

@@ -63,6 +63,9 @@ describe('buildAndImportApp', () => {
       entryPoints: [filePath],
       bundle: true,
       write: false,
+      sourcemap: false,
+      sourcesContent: false,
+      sourceRoot: process.cwd(),
       format: 'esm',
       target: 'node20',
       jsx: 'automatic',
@@ -97,6 +100,9 @@ describe('buildAndImportApp', () => {
       entryPoints: [filePath],
       bundle: true,
       write: false,
+      sourcemap: false,
+      sourcesContent: false,
+      sourceRoot: process.cwd(),
       format: 'esm',
       target: 'node20',
       jsx: 'automatic',
@@ -134,6 +140,9 @@ describe('buildAndImportApp', () => {
       entryPoints: [filePath],
       bundle: true,
       write: false,
+      sourcemap: false,
+      sourcesContent: false,
+      sourceRoot: process.cwd(),
       format: 'esm',
       target: 'node20',
       jsx: 'automatic',
@@ -174,6 +183,33 @@ describe('buildAndImportApp', () => {
     expect(result).toBe(mockApp)
   })
 
+  it('should build and import file with sourcemap', async () => {
+    const mockApp = new Hono()
+    const filePath = '/path/to/app.ts'
+    const bundledCode = 'export default app;'
+
+    setupBundledCode(bundledCode)
+
+    // Mock dynamic import
+    const dataUrl = `data:text/javascript;base64,${Buffer.from(`${bundledCode}\n//# sourceURL=file://${process.cwd()}/__hono_cli_bundle__.js`).toString('base64')}`
+    vi.doMock(dataUrl, () => ({ default: mockApp }))
+
+    const buildIterator = buildAndImportApp(filePath, { sourcemap: true })
+    const result = (await buildIterator.next()).value
+
+    expect(mockEsbuild).toHaveBeenCalledWith(
+      expect.objectContaining({
+        entryPoints: [filePath],
+        jsx: 'automatic',
+        jsxImportSource: 'hono/jsx',
+        sourcemap: true,
+        sourcesContent: false,
+        sourceRoot: process.cwd(),
+      })
+    )
+    expect(result).toBe(mockApp)
+  })
+
   it('should handle esbuild errors', async () => {
     const filePath = '/path/to/app.ts'
     const buildError = new Error('Build failed')
@@ -202,6 +238,9 @@ describe('buildAndImportApp', () => {
       entryPoints: [filePath],
       bundle: true,
       write: false,
+      sourcemap: false,
+      sourcesContent: false,
+      sourceRoot: process.cwd(),
       format: 'esm',
       target: 'node20',
       jsx: 'automatic',

src/utils/build.ts

@@ -4,6 +4,7 @@ import type { Hono } from 'hono'
 export interface BuildOptions {
   external?: string[]
   watch?: boolean
+  sourcemap?: boolean
 }
 
 /**
@@ -25,6 +26,9 @@ export async function* buildAndImportApp(
 
   const context = await esbuild.context({
     entryPoints: [filePath],
+    sourcemap: options.sourcemap ?? false,
+    sourcesContent: false,
+    sourceRoot: process.cwd(),
     bundle: true,
     write: false,
     format: 'esm',
@@ -40,7 +44,10 @@ export async function* buildAndImportApp(
           build.onEnd(async (result) => {
             try {
               // Execute the bundled code using data URL
-              const code = result.outputFiles?.[0]?.text || ''
+              let code = result.outputFiles?.[0]?.text || ''
+              if (options.sourcemap) {
+                code += `\n//# sourceURL=file://${process.cwd()}/__hono_cli_bundle__.js`
+              }
               const dataUrl = `data:text/javascript;base64,${Buffer.from(code).toString('base64')}`
               const module = await import(dataUrl)
               const app = module.default