src/index.tsx

@@ -1,5 +1,5 @@
 import { join } from 'path'
-import { render as formatHTML } from './lib/html-formatter'
+import { render as formatHTML } from './html-formatter'
 import { type Context, Hono, type Schema, type Env } from 'hono'
 import { serveStatic } from 'hono/bun'
 import color from 'kleur'
@@ -139,6 +139,7 @@ export class Hype<
       const pageName = (c.req.param('page') ?? 'index').replace('.', '')
       if (pageName.startsWith('_')) return render404(c)
 
+      console.log(process.env.PWD)
       const path = join(process.env.PWD ?? '.', `./src/pages/${pageName}.tsx`)
 
       if (!(await Bun.file(path).exists()))

src/utils.tsx

@@ -8,8 +8,6 @@ export function css(strings: TemplateStringsArray, ...values: any[]) {
   }} />
 }
 
-const transpiler = new Bun.Transpiler({ loader: 'tsx' })
-
 // template literal tag for inline JS. transpiles and returns a <script> tag
 export function js(strings: TemplateStringsArray, ...values: any[]) {
   return <script dangerouslySetInnerHTML={{
@@ -139,25 +137,21 @@ export function weightedRand(): number {
   return numbers[numbers.length - 1]!
 }
 
+const transpiler = new Bun.Transpiler({ loader: 'tsx' })
 const transpileCache: Record<string, string> = {}
 
-// transpile frontend ts to js
+// Transpile the frontend *.ts file at `path` to JavaScript.
 export async function transpile(path: string): Promise<string> {
   const { mtime } = await stat(path)
   const key = `${path}?${mtime}`
 
   let cached = transpileCache[key]
   if (!cached) {
-    const result = await Bun.build({
-      entrypoints: [path],
-      format: 'esm',
-      minify: false,
-      sourcemap: 'none',
-    })
+    const code = await Bun.file(path).text()
+    cached = transpiler.transformSync(code)
+    cached = cached.replaceAll(/\bjsxDEV_?\w*\(/g, "jsx(")
+    cached = cached.replaceAll(/\bFragment_?\w*,/g, "Fragment,")
 
-    if (!result.outputs[0]) throw new Error(`Failed to build ${path}`)
-
-    cached = await result.outputs[0].text()
     transpileCache[key] = cached
   }