live reaload

package.json

@@ -3,8 +3,8 @@
   "module": "src/main.ts",
   "type": "module",
   "scripts": {
-    "dev": "concurrently \"bun run --hot src/main.ts\" \"bun run uno:dev\"",
+    "dev": "concurrently \"bun run --hot src/main.ts\" \"bun run uno:dev\" \"bun run liveReload\"",
-    "liveReload": "bun run --hot src/dev/liveReload.ts",
+    "liveReload": "bun run src/lib/dev/liveReload.ts",
     "start": "bun run uno && bun run src/main.ts",
     "db:push": "bunx drizzle-kit push:sqlite",
     "db:studio": "bunx drizzle-kit studio",
@@ -29,7 +29,6 @@
     "@libsql/client": "^0.3.4",
     "@lucia-auth/adapter-sqlite": "^2.0.0",
     "@t3-oss/env-core": "^0.6.1",
-    "chokidar": "^3.5.3",
     "drizzle-orm": "^0.28.6",
     "drizzle-typebox": "^0.1.1",
     "elysia": "^0.6.22",

src/components/base.tsx

@@ -24,7 +24,6 @@ export const BaseHtml = ({ children }: Html.PropsWithChildren) => (
           };
 
           socket.onmessage = function(event) {
-            console.log(event.data);
             location.reload();
           };
 

src/lib/dev/liveReload.ts

@@ -1,15 +1,14 @@
 import { Elysia, ws } from "elysia";
 import { type ElysiaWS } from "elysia/ws";
-import { watch } from "chokidar";
 
 let wsConnections = new Set<ElysiaWS<any>>();
 
-watch("src/**/*.{ts,tsx}").on("all", (event, path) => {
+function dispatch() {
-  console.log("sending event");
   wsConnections.forEach((connection) => {
+    console.log("sending refresh");
     connection.send("refresh");
   });
-});
+}
 
 const app = new Elysia()
   .use(ws())
@@ -26,6 +25,10 @@ const app = new Elysia()
       console.log("message", message);
     },
   })
+  .get("/restart", () => {
+    console.log("recieved restart");
+    dispatch();
+  })
   .listen(3001);
 
 console.log(

src/lib/fileBasedRouting/index.ts

@@ -0,0 +1 @@
+

src/main.ts

@@ -3,6 +3,7 @@ import { swagger } from "@elysiajs/swagger";
 import { staticPlugin } from "@elysiajs/static";
 import { api } from "./controllers";
 import { autoroutes } from "elysia-autoroutes";
+import { config } from "./config";
 
 const app = new Elysia({
   name: "@app/main",
@@ -16,6 +17,12 @@ const app = new Elysia({
       routesDir: "./pages",
     })
   )
+  .onStart(() => {
+    if (config.env.NODE_ENV === "development") {
+      void fetch("http://localhost:3001/restart");
+      console.log("🦊 Triggering Live Reload");
+    }
+  })
   .listen(3000);
 
 export type App = typeof app;