Add Bun dev server

Amp-Thread-ID: https://ampcode.com/threads/T-019de8e8-c3cf-779f-ba09-a1a89c43ac65
Co-authored-by: Amp <amp@ampcode.com>

Author: aymuos15

dev-server.js

@@ -0,0 +1,44 @@
+import { extname, resolve } from 'node:path';
+
+const port = Number(process.env.PORT || 3000);
+const rootDir = resolve(import.meta.dir, 'src');
+
+function resolvePath(pathname) {
+    const relativePath = pathname === '/' ? 'index.html' : pathname.slice(1);
+    const targetPath = resolve(rootDir, relativePath);
+
+    if (targetPath !== rootDir && !targetPath.startsWith(`${rootDir}/`)) {
+        return null;
+    }
+
+    return targetPath;
+}
+
+const server = Bun.serve({
+    port,
+    development: true,
+    async fetch(req) {
+        const url = new URL(req.url);
+        const pathname = decodeURIComponent(url.pathname);
+        const targetPath = resolvePath(pathname);
+
+        if (!targetPath) {
+            return new Response('Not found', { status: 404 });
+        }
+
+        const file = Bun.file(targetPath);
+
+        if (await file.exists()) {
+            return new Response(file);
+        }
+
+        if (!extname(pathname)) {
+            const fallback = Bun.file(resolve(rootDir, 'index.html'));
+            return new Response(fallback);
+        }
+
+        return new Response('Not found', { status: 404 });
+    }
+});
+
+console.log(`Dev server running at http://localhost:${server.port}`);

eslint.config.js

@@ -6,6 +6,10 @@ export default [
             ecmaVersion: 2022,
             sourceType: 'module',
             globals: {
+                Bun: 'readonly',
+                URL: 'readonly',
+                Response: 'readonly',
+                process: 'readonly',
                 window: 'readonly',
                 document: 'readonly',
                 console: 'readonly',

package.json

@@ -5,11 +5,12 @@
   "type": "module",
   "packageManager": "bun@1.2.22",
   "scripts": {
+    "dev": "bun run dev-server.js",
     "lint": "bun run lint:js && bun run lint:css && bun run lint:html",
-    "lint:js": "eslint \"src/js/**/*.js\" \"src/microblogs/**/*.js\"",
+    "lint:js": "eslint dev-server.js \"src/js/**/*.js\" \"src/microblogs/**/*.js\"",
     "lint:css": "stylelint \"src/styles/**/*.css\"",
     "lint:html": "htmlhint src/index.html",
-    "lint:fix": "eslint \"src/js/**/*.js\" \"src/microblogs/**/*.js\" --fix && stylelint \"src/styles/**/*.css\" --fix",
+    "lint:fix": "eslint dev-server.js \"src/js/**/*.js\" \"src/microblogs/**/*.js\" --fix && stylelint \"src/styles/**/*.css\" --fix",
     "prepare": "husky"
   },
   "lint-staged": {