vaderjs 1.4.9 → 1.5.1

package/{main.js → index.js}

@@ -1,337 +1,378 @@
-#!/usr/bin/env bun
-
-import ansiColors from 'ansi-colors'
-import { Glob } from 'bun'
-const args = Bun.argv.slice(2)
-import fs from 'fs'
-import path from 'path'
-if (!fs.existsSync(process.cwd() + '/app')) {
-    console.error(`App directory not found in ${process.cwd()}/app`)
-    process.exit(1)
-}
-if (!fs.existsSync(process.cwd() + '/public')) {
-    fs.mkdirSync(process.cwd() + '/public')
-}
-const mode = args.includes('dev') ? 'development' : args.includes('prod') || args.includes('build') ? 'production' : null
-if (!mode) {
-    console.log(`
-    Usage:
-     bun vaderjs dev - Start development server output in dist/
-     bun vaderjs prod - Build for production output in dist/
-    `)
-    process.exit(1)
-}
-
-console.log(
-    `VaderJS - v${require(process.cwd() + '/node_modules/vaderjs/package.json').version} 🚀
-  Mode: ${mode}
-  SSR: ${require(process.cwd() + '/config').default.ssr ? 'Enabled' : 'Disabled'}
-  PORT: ${require(process.cwd() + '/config').default.port || 8080}
-    `
-)
-
-let start = Date.now()
-console.log(`Starting build at ${new Date().toLocaleTimeString()}`)
-let { port, host, host_provider } = require(process.cwd() + '/config').default
-if (host_provider === 'apache' && mode === 'development') {
-    console.warn('Note: SSR will not work with Apache')
-}
-if (!fs.existsSync(process.cwd() + '/jsconfig.json')) {
-    let json = {
-        "compilerOptions": {
-            "jsx": "react",
-            "jsxFactory": "e",
-            "jsxFragmentFactory": "Fragment",
-        }
-    }
-    await Bun.write(process.cwd() + '/jsconfig.json', JSON.stringify(json, null, 4))
-}
-
-const bindes = []
-
-const handleReplacements = (code, file) => {
-    let lines = code.split('\n')
-    let newLines = []
-    for (let line of lines) {
-        let hasImport = line.includes('import')
-        if (hasImport && line.includes('.jsx')) {
-            line = line.replace('.jsx', '.js')
-        }
-        if (hasImport && line.includes('.css')) {
-            try {
-                let url = path.join('/' + line.split("'")[1])
-                let css = fs.readFileSync(process.cwd() + url, 'utf-8')
-                line = '';
-                if (!bindes.includes(`<link rel="stylesheet" href="${url}">`)) {
-                    bindes.push(`<link rel="stylesheet" href="${url}">`)
-                }
-                fs.mkdirSync(process.cwd() + '/dist' + path.dirname(url), { recursive: true })
-                fs.writeFileSync(process.cwd() + '/dist' + url, css)
-            } catch (error) {
-                console.error(error)
-            }
-        }
-        if (line.toLowerCase().includes('genkey()')) {
-            line = line.toLowerCase().replace('genkey()', `this.key = "${crypto.randomUUID()}"`)
-        }
-        if (!hasImport && line.includes('useFetch')) {
-            line = line.replace('useFetch', 'this.useFetch')
-        }
-        if (!hasImport && line.includes('useState')) {
-            let key = line.split(',')[0].split('[')[1].replace(' ', '')
-            let b4 = line
-            b4 = line.replace('useState(', `this.useState('${key}',`)
-            line = b4
-        }
-        if (!hasImport && line.includes('useAsyncState')) {
-            let key = line.split(',')[0].split('[')[1].replace(' ', '')
-            let b4 = line
-            b4 = line.replace('useAsyncState(', `this.useAsyncState('${key}',`)
-            line = b4
-        }
-        if (!hasImport && line.includes('useEffect')) {
-            let b4 = line
-            b4 = line.replace('useEffect(', `this.useEffect(`)
-            line = b4
-        }
-        if (!hasImport && line.includes('useRef')) {
-            let b4 = line
-            let key = line.split(' ')[1].split('=')[0]
-            b4 = line.replace('useRef(', `this.useRef('${key}',`)
-            line = b4
-        }
-        newLines.push(line)
-    }
-    let c = newLines.join('\n')
-    return c
-}
-
-
-async function generateApp() {
-    // remove files from dist
-    if (mode === 'development') {
-        fs.rmdirSync(process.cwd() + '/dist', { recursive: true })
-    } else {
-        fs.mkdirSync(process.cwd() + '/dist', { recursive: true })
-    }
-    return new Promise(async (resolve, reject) => {
-        let routes = new Bun.FileSystemRouter({
-            dir: process.cwd() + '/app',
-            style: 'nextjs'
-        })
-        routes.reload()
-        globalThis.routes = routes.routes
-        console.log(ansiColors.green(`Processing ${Object.keys(routes.routes).length} routes`))
-
-        Object.keys(routes.routes).forEach(async (route) => {
-
-            let r = routes.routes[route]
-            let code = await Bun.file(r).text()
-            code = handleReplacements(code)
-            let size = code.length / 1024
-            r = r.replace(process.cwd().replace(/\\/g, '/') + '/app', '')
-            r = r.replace('.jsx', '.js')
-            fs.mkdirSync(path.dirname(process.cwd() + '/dist/' + r), { recursive: true })
-            fs.writeFileSync(process.cwd() + '/dist/' + path.dirname(r) + '/' + path.basename(r), `
-        let route = window.location.pathname.split('/').filter(v => v !== '') 
-        let params = {
-            ${Object.keys(routes.match(route).params || {}).length > 0 ? Object.keys(routes.match(route).params || {}).map(p => {
-                return `${p}: route[${Object.keys(routes.match(route).params).indexOf(p) + 1}]`
-            }).join(',') : ""}
-        }
-        \n${code}
-        `)
-            fs.mkdirSync(process.cwd() + '/dev', { recursive: true })
-            if (!fs.existsSync(process.cwd() + '/dev/bundler.js')) {
-                fs.copyFileSync(require.resolve('vaderjs/bundler/index.js'), process.cwd() + '/dev/bundler.js')
-            }
-
-            if (!fs.existsSync(process.cwd() + '/dev/readme.md')) {
-                fs.writeFileSync(process.cwd() + '/dev/readme.md', `# Please do not edit the bundler.js file in the dev directory. This file is automatically generated by the bundler. \n\n`)
-            }
-            fs.mkdirSync(process.cwd() + '/dist/src/vader', { recursive: true })
-            fs.writeFileSync(process.cwd() + '/dist/src/vader/index.js', await new Bun.Transpiler({
-                loader: 'ts',
-            }).transformSync(await Bun.file(require.resolve('vaderjs')).text()))
-            Bun.spawn({
-                cmd: ['bun', 'run', './dev/bundler.js'],
-                cwd: process.cwd(),
-                stdout: 'inherit',
-                env: {
-                    ENTRYPOINT: path.join(process.cwd() + '/dist/' + path.dirname(r) + '/' + path.basename(r)),
-                    ROOT: process.cwd() + '/app/',
-                    OUT: path.dirname(r),
-                    file: process.cwd() + '/dist/' + path.dirname(r) + '/index.js',
-                    DEV: mode === 'development',
-                    size,
-                    filePath: r,
-                    INPUT: `../app/${r.replace('.js', '.jsx')}`,
-                },
-                onExit({ exitCode: code }) {  
-                    if (code === 0) { 
-                        resolve()
-                    } else {
-                        reject()
-                    }
-                }
-            })
-
-        })
-
-        switch (host_provider) {
-            case 'vercel':
-
-                let vercelData = {
-                    rewrites: []
-                }
-
-                for (let route in routes.routes) { 
-                    let { filePath, kind, name, params, pathname, query } = routes.match(route)  
-                    let paramString = '' 
-                    if (params) {
-                        paramString = Object.keys(params).map(p => `:${p}`).join('/')
-                    }
-                    // replace double slashes
-                    paramString = paramString.replace(/\/\//g, '/') 
-                    let base = route.split('/').filter(v => v !== '').join('/') 
-
-                    if (base.includes('[')) {
-                        base = base.split('[')[0].split('/').filter(v => v !== '').join('/')
-                    }
-                    // remove double slashes
-                    base = base.replace(/\/\//g, '/')
-                    if (base === '/' || base === '') {
-                        continue;
-                    }
-
-                    vercelData.rewrites.push({
-                        source: `/${base}/${paramString}`,
-                        destination: `${path.dirname(routes.routes[route]).replace(process.cwd().replace(/\\/g, '/') + '/app', '')}/index.html`
-                    })
-                }
-                
-                fs.writeFileSync(process.cwd() + '/vercel.json', JSON.stringify(vercelData, null, 4))
-                break;
-        }
-
-    })
-
-}
-
-await generateApp()
-function handleFiles() {
-    return new Promise(async (resolve, reject) => {
-        try {
-            let glob = new Glob('public/**/*')
-            for await (var i of glob.scan()) {
-                let file = i
-                fs.mkdirSync(path.join(process.cwd() + '/dist', path.dirname(file)), { recursive: true })
-                if (fs.existsSync(path.join(process.cwd() + '/dist', file))) {
-                    fs.rmSync(path.join(process.cwd() + '/dist', file))
-                }
-                fs.copyFileSync(file, path.join(process.cwd() + '/dist', file))
-            }
-            resolve()
-        } catch (error) {
-            reject(error)
-        }
-    })
-}
-await handleFiles()
-globalThis.clients = []
-
-if (mode === 'development') {
-    const watcher = fs.watch(path.join(process.cwd() + '/app'), { recursive: true })
-    const publicWatcher = fs.watch(path.join(process.cwd() + '/public'), { recursive: true })
-    let isBuilding = false; // Flag to track build status
-
-// Initialize a variable to hold the timeout ID
-let debounceTimeout;
-
-// Function to handle file changes with debounce
-const handleFileChangeDebounced = async () => { 
-    clearTimeout(debounceTimeout);
-    debounceTimeout = setTimeout(async () => {
-        if (!isBuilding) { // Check if not already building
-            isBuilding = true; // Set build flag to true
-            try {
-                await generateApp();
-                await handleFiles();
-                clients.forEach(c => {
-                    c.send('reload');
-                });
-            } catch (error) {
-                console.error(error);
-            } finally {
-                isBuilding = false; // Reset build flag
-            }
-        }
-    }, 500);
-};
-
-// Event listeners with debounced handling
-publicWatcher.on('change', handleFileChangeDebounced);
-watcher.on('change', handleFileChangeDebounced);
-
-    let server = Bun.serve({
-        port: port || 8080,
-        websocket: {
-            open(ws) {
-                globalThis.clients.push(ws)
-                ws.send('Connected')
-            },
-            message(ws, message) {
-                globalThis.clients.forEach(c => {
-                    c.send(message)
-                })
-            },
-
-        },
-        async fetch(req, res) {
-            if (res.upgrade(req)) {
-                return new Response('Upgraded', { status: 101 })
-            }
-
-            let url = new URL(req.url)
-            if (url.pathname.includes('.')) {
-                let file = await Bun.file(path.join(process.cwd() + '/dist' + url.pathname))
-                if (!await file.exists()) return new Response('Not found', { status: 404 })
-                return new Response(await file.text(), {
-                    headers: {
-                        'Content-Type': file.type
-                    }
-                })
-            }
-            let router = new Bun.FileSystemRouter({
-                dir: process.cwd() + '/app',
-                style: 'nextjs'
-            })
-            router.reload()
-            let route = router.match(url.pathname)
-            if (!route) {
-                return new Response('Not found', { status: 404 })
-            }
-            let p = route.pathname;
-            let base = path.dirname(route.filePath)
-            base = base.replace(path.join(process.cwd() + '/app'), '')
-            base = base.replace(/\\/g, '/').replace('/app', '/dist')
-            return new Response(await Bun.file(path.join(base, 'index.html')).text() + `
-            <script>
-            let ws = new WebSocket('ws://localhost:${server.port}')
-            ws.onmessage = (e) => {
-                if(e.data === 'reload'){
-                    window.location.reload()
-                }  
-            } 
-            </script>
-            `, {
-                headers: {
-                    'Content-Type': 'text/html'
-                }
-            })
-        }
-    })
-} else {
-    console.log(`Build complete in ${Date.now() - start}ms at ${new Date().toLocaleTimeString()}`)
-    process.exit(0)
+#!/usr/bin/env bun
+
+import ansiColors from 'ansi-colors'
+import { Glob } from 'bun'
+const args = Bun.argv.slice(2)
+import fs from 'fs'
+import path from 'path'
+if (!fs.existsSync(process.cwd() + '/app')) {
+    console.error(`App directory not found in ${process.cwd()}/app`)
+    process.exit(1)
+}
+if (!fs.existsSync(process.cwd() + '/public')) {
+    fs.mkdirSync(process.cwd() + '/public')
+}
+const mode = args.includes('dev') ? 'development' : args.includes('prod') || args.includes('build') ? 'production' : null
+if (!mode) {
+    console.log(`
+    Usage:
+     bun vaderjs dev - Start development server output in dist/
+     bun vaderjs prod - Build for production output in dist/
+    `)
+    process.exit(1)
+}
+
+console.log(
+    `VaderJS - v${require(process.cwd() + '/node_modules/vaderjs/package.json').version} 🚀
+  Mode: ${mode}
+  SSR: ${require(process.cwd() + '/vader.config.ts').default.ssr ? 'Enabled' : 'Disabled'}
+  PORT: ${require(process.cwd() + '/vader.config.ts').default.port || 8080}
+    `
+)
+
+let start = Date.now()
+console.log(`Starting build at ${new Date().toLocaleTimeString()}`)
+let { port, host, host_provider } = require(process.cwd() + '/vader.config.ts').default
+if (host_provider === 'apache' && mode === 'development') {
+    console.warn('Note: SSR will not work with Apache')
+}
+if (!fs.existsSync(process.cwd() + '/jsconfig.json')) {
+    let json = {
+        "compilerOptions": {
+            "jsx": "react",
+            "jsxFactory": "e",
+            "jsxFragmentFactory": "Fragment",
+        }
+    }
+    await Bun.write(process.cwd() + '/jsconfig.json', JSON.stringify(json, null, 4))
+}
+
+const bindes = []
+
+const handleReplacements = (code, file) => {
+    let lines = code.split('\n')
+    let newLines = []
+    for (let line of lines) {
+        let hasImport = line.includes('import')
+        
+        if (hasImport && line.includes('.css')) {
+            try {
+                let url = path.join('/' + line.split("'")[1])
+                let css = fs.readFileSync(process.cwd() + url, 'utf-8')
+                line = '';
+                if (!bindes.includes(`<link rel="stylesheet" href="${url}">`)) {
+                    bindes.push(`<link rel="stylesheet" href="${url}">`)
+                }
+                fs.mkdirSync(process.cwd() + '/dist' + path.dirname(url), { recursive: true })
+                fs.writeFileSync(process.cwd() + '/dist' + url, css)
+            } catch (error) {
+                console.error(error)
+            }
+        }
+        if (line.toLowerCase().includes('genkey()')) {
+            line = line.toLowerCase().replace('genkey()', `this.key = "${crypto.randomUUID()}"`)
+        }
+        if (!hasImport && line.includes('useFetch')) {
+            line = line.replace('useFetch', 'this.useFetch')
+        }
+        if (!hasImport && line.includes('useState') && line.includes('[')) {
+            let key = line.split(',')[0].split('[')[1].replace(' ', '')
+            let b4 = line
+            b4 = line.replace('useState(', `this.useState('${key}',`)
+            line = b4
+        }
+        if (!hasImport && line.includes('useAsyncState')) {
+            let key = line.split(',')[0].split('[')[1].replace(' ', '')
+            let b4 = line
+            b4 = line.replace('useAsyncState(', `this.useAsyncState('${key}',`)
+            line = b4
+        }
+        if (!hasImport && line.includes('useEffect')) {
+            let b4 = line
+            b4 = line.replace('useEffect(', `this.useEffect(`)
+            line = b4
+        }
+        if (!hasImport && line.includes('useRef')) {
+            let b4 = line
+            let key = line.split(' ')[1].split('=')[0]
+            b4 = line.replace('useRef(', `this.useRef('${key}',`)
+            line = b4
+        }
+        newLines.push(line)
+    }
+    let c = newLines.join('\n')
+    return c
+}
+
+
+async function generateApp() {
+    // remove files from dist
+    if (mode === 'development') {
+        fs.rmdirSync(process.cwd() + '/dist', { recursive: true })
+    } else {
+        fs.mkdirSync(process.cwd() + '/dist', { recursive: true })
+    }
+    return new Promise(async (resolve, reject) => {
+        let routes = new Bun.FileSystemRouter({
+            dir: process.cwd() + '/app',
+            style: 'nextjs'
+        })
+        routes.reload()
+        globalThis.routes = routes.routes 
+        Object.keys(routes.routes).forEach(async (route) => {
+
+            let r = routes.routes[route]
+            let code = await Bun.file(r).text()
+            code = handleReplacements(code)
+            let size = code.length / 1024
+            r = r.replace(process.cwd().replace(/\\/g, '/') + '/app', '')
+            r = r.replace('.jsx', '.js')
+            fs.mkdirSync(path.dirname(process.cwd() + '/dist/' + r), { recursive: true })
+            fs.writeFileSync(process.cwd() + '/dist/' + path.dirname(r) + '/' + path.basename(r), `
+        let route = window.location.pathname.split('/').filter(v => v !== '') 
+        let params = {
+            ${Object.keys(routes.match(route).params || {}).length > 0 ? Object.keys(routes.match(route).params || {}).map(p => {
+                return `${p}: route[${Object.keys(routes.match(route).params).indexOf(p)}]`
+            }).join(',') : ""}
+        }
+        \n${code}
+        `)
+            fs.mkdirSync(process.cwd() + '/dev', { recursive: true })
+            if (!fs.existsSync(process.cwd() + '/dev/bundler.js')) {
+                fs.copyFileSync(require.resolve('vaderjs/bundler/index.js'), process.cwd() + '/dev/bundler.js')
+            }
+
+            if (!fs.existsSync(process.cwd() + '/dev/readme.md')) {
+                fs.writeFileSync(process.cwd() + '/dev/readme.md', `# Please do not edit the bundler.js file in the dev directory. This file is automatically generated by the bundler. \n\n`)
+            }
+            fs.mkdirSync(process.cwd() + '/dist/src/vader', { recursive: true })
+            fs.writeFileSync(process.cwd() + '/dist/src/vader/index.js', await new Bun.Transpiler({
+                loader: 'ts',
+            }).transformSync(await Bun.file(require.resolve('vaderjs')).text()))
+            Bun.spawn({
+                cmd: ['bun', 'run', './dev/bundler.js'],
+                cwd: process.cwd(),
+                stdout: 'inherit',
+                env: {
+                    ENTRYPOINT: path.join(process.cwd() + '/dist/' + path.dirname(r) + '/' + path.basename(r)),
+                    ROOT: process.cwd() + '/app/',
+                    OUT: path.dirname(r),
+                    file: process.cwd() + '/dist/' + path.dirname(r) + '/' + path.basename(r),
+                    DEV: mode === 'development',
+                    size,
+                    filePath: r,
+                    INPUT: `../app/${r.replace('.js', '.jsx')}`,
+                },
+                onExit({ exitCode: code }) {
+                    if (code === 0) {
+                        console.log(`Built ${r} in ${Date.now() - start}ms`)
+                        resolve()
+                    } else {
+                        reject()
+                    }
+                }
+            })
+
+        })
+
+        switch (host_provider) {
+            case 'vercel':
+
+                let vercelData = {
+                    rewrites: []
+                }
+
+                for (let route in routes.routes) { 
+                    let { filePath, kind, name, params, pathname, query } = routes.match(route) 
+                    let r = route
+
+                    if (r.includes('[')) {
+                        r = r.replaceAll('[', ':').replaceAll(']', '')
+                    }
+                    if (r === '/') {
+                        continue
+                    } 
+                    
+                    vercelData.rewrites.push({
+                        source: r,
+                        destination: `${path.dirname(routes.routes[route]).replace(process.cwd().replace(/\\/g, '/') + '/app', '')}/index.html`
+                    })
+                }
+
+                fs.writeFileSync(process.cwd() + '/vercel.json', JSON.stringify(vercelData, null, 4))
+                break;
+        }
+
+    })
+
+}
+
+await generateApp()
+function handleFiles() {
+    return new Promise(async (resolve, reject) => {
+        try {
+            let glob = new Glob('public/**/*')
+            for await (var i of glob.scan()) {
+                let file = i
+                fs.mkdirSync(path.join(process.cwd() + '/dist', path.dirname(file)), { recursive: true })
+                if (fs.existsSync(path.join(process.cwd() + '/dist', file))) {
+                    fs.rmSync(path.join(process.cwd() + '/dist', file))
+                }
+                fs.copyFileSync(file, path.join(process.cwd() + '/dist', file))
+            }
+            let glob2 = new Glob('src/**/*')
+            for await (var i of glob2.scan()) {
+              var file = i
+                fs.mkdirSync(path.join(process.cwd() + '/dist', path.dirname(file)), { recursive: true })
+                 // turn jsx to js
+                if (file.includes('.jsx')) { 
+                    let code = await Bun.file(file).text()
+                    code = handleReplacements(code)
+                    
+                    file = file.replace('.jsx', '.js')
+                    fs.writeFileSync(path.join(process.cwd() + '/dist', file.replace('.jsx', '.js')), code)
+                    await Bun.spawn({
+                        cmd: ['bun', 'run', './dev/bundler.js'],
+                        cwd: process.cwd(),
+                        stdout: 'inherit',
+                        env: {
+                            ENTRYPOINT: path.join(process.cwd() + '/dist/' + file.replace('.jsx', '.js')),
+                            ROOT: process.cwd() + '/app/',
+                            OUT: path.dirname(file),
+                            file: process.cwd() + '/dist/' + file.replace('.jsx', '.js'),
+                            DEV: mode === 'development',
+                            size: code.length / 1024,
+                            filePath: file.replace('.jsx', '.js'),
+                            INPUT:  path.join(process.cwd() , file.replace('.js', '.jsx')),
+                        },
+                        onExit({ exitCode: code }) {
+                            if (code === 0) {
+                                resolve()
+                            } else {
+                                reject()
+                            }
+                        }
+                    })
+                }
+                 
+            }
+             
+            resolve()
+        } catch (error) {
+            reject(error)
+        }
+    })
+}
+await handleFiles()
+globalThis.clients = []
+
+if (mode === 'development') {
+    const watcher = fs.watch(path.join(process.cwd() + '/app'), { recursive: true })
+    const publicWatcher = fs.watch(path.join(process.cwd() + '/public'), { recursive: true })
+    const srcWatcher = fs.watch(path.join(process.cwd() + '/src'), { recursive: true })
+    let isBuilding = false; // Flag to track build status
+
+    // Initialize a variable to hold the timeout ID
+    let debounceTimeout;
+
+    // Function to handle file changes with debounce
+    const handleFileChangeDebounced = async () => {
+        clearTimeout(debounceTimeout);
+        debounceTimeout = setTimeout(async () => {
+            if (!isBuilding) { // Check if not already building
+                isBuilding = true; // Set build flag to true
+                try {
+                    await generateApp();
+                    await handleFiles();
+                    clients.forEach(c => {
+                        c.send('reload');
+                    });
+                } catch (error) {
+                    console.error(error);
+                } finally {
+                    isBuilding = false; // Reset build flag
+                }
+            }
+        }, 500);
+    };
+
+    // Event listeners with debounced handling
+    publicWatcher.on('change', handleFileChangeDebounced);
+    watcher.on('change', handleFileChangeDebounced);
+    srcWatcher.on('change', handleFileChangeDebounced); 
+    let server = Bun.serve({
+        port: port || 8080,
+        websocket: {
+            open(ws) {
+                globalThis.clients.push(ws)
+                ws.send('Connected')
+            },
+            message(ws, message) {
+                globalThis.clients.forEach(c => {
+                    c.send(message)
+                })
+            },
+
+        },
+        async fetch(req, res) {
+            if (res.upgrade(req)) {
+                return new Response('Upgraded', { status: 101 })
+            }
+
+            let url = new URL(req.url)
+            if (url.pathname.includes('.')) {
+                let p = url.pathname.replaceAll("%5B", "[").replaceAll("%5D", "]")
+                let file = await Bun.file(path.join(process.cwd() + '/dist' + p))
+                if (!await file.exists()) return new Response('Not found', { status: 404 })
+                return new Response(await file.text(), {
+                    headers: {
+                        'Content-Type': file.type,
+                        'Cache-Control': 'no-cache',
+                        'Access-Control-Allow-Origin': '*'
+                    }
+                })
+            }
+            let router = new Bun.FileSystemRouter({
+                dir: process.cwd() + '/app',
+                style: 'nextjs'
+            })
+            router.reload()
+            let route = router.match(url.pathname)
+            if (!route) {
+                return new Response('Not found', { status: 404 })
+            }
+            let p = route.pathname;
+            let base = path.dirname(route.filePath)
+            base = base.replace(path.join(process.cwd() + '/app'), '')
+            base = base.replace(/\\/g, '/').replace('/app', '/dist')
+            base = process.cwd() + "/dist/" + base
+            let data = await Bun.file(path.join(base, 'index.html')).text()
+            if (mode == "development") {
+                return new Response(data + `
+            <script>
+            let ws = new WebSocket('ws://localhost:${server.port}')
+            ws.onmessage = (e) => {
+                if(e.data === 'reload'){
+                    window.location.reload()
+                }  
+            } 
+            </script>
+            `, {
+                   headers:{
+                      'Content-Type': 'text/html'
+                   }
+                })
+            } else {
+                return new Response(data, {
+                    headers: {
+                        'Content-Type': 'text/html'
+                    }
+                })
+            }
+
+        }
+    })
+} else {
+    console.log(`Build complete in ${Date.now() - start}ms at ${new Date().toLocaleTimeString()}`)
+    process.exit(0)
 }