moved scripts to scripts folder and updated script in package.json

Author: khedau1

package.json

@@ -5,7 +5,7 @@
   "module": "index.ts",
   "type": "module",
   "scripts": {
-    "dev": "rm -rf build && bun run index.ts --watch --hot"
+    "dev": "rm -rf build && bun run scripts/index.ts --watch --hot"
   },
   "keywords": [
     "bun.sh",

builder.ts renamed to scripts/builder.ts

@@ -1,6 +1,12 @@
 import { watch } from "fs";
 
-export function startBuilder(BUILD_DIR: string) {
+export function startBuilder({
+  BUILD_DIR,
+  PORT,
+}: {
+  BUILD_DIR: string;
+  PORT: string | number;
+}) {
   let build = 0;
 
   async function runBuild() {
@@ -11,10 +17,14 @@ export function startBuilder(BUILD_DIR: string) {
       splitting: true,
       publicPath: "./",
     });
+
+    console.log(
+      "React App is running on port " + `${process.env.HOST_URL}:` + PORT
+    );
   }
 
   const srcWatcher = watch(
-    `${import.meta.dir}/src`,
+    `./src`,
     { recursive: true },
     async (event, filename) => {
       await runBuild();

index.ts renamed to scripts/index.ts

@@ -2,14 +2,13 @@ import path from "path";
 import { statSync } from "fs";
 import { startBuilder } from "./builder";
 
-const PROJECT_ROOT = import.meta.dir;
-const PUBLIC_DIR = path.resolve(PROJECT_ROOT, "public");
-const BUILD_DIR = path.resolve(PROJECT_ROOT, "build");
+const PUBLIC_DIR = "./public";
+const BUILD_DIR = "./build";
 
 const PORT = process.env.PORT || 3000;
 
 // start build
-startBuilder(BUILD_DIR);
+startBuilder({ BUILD_DIR, PORT });
 
 function serveFromDir(config: {
   directory: string;
@@ -63,7 +62,3 @@ Bun.serve({
     });
   },
 });
-
-console.log(
-  "React App is running on port " + `${process.env.HOST_URL}:` + PORT
-);