feat(website): add watcher

apps/website/src/index.ts

@@ -3,6 +3,7 @@ import { runGame } from "./game";
 import { loadGameFiles } from "./loader";
 import { getManifest } from "./manifest";
 import { Logger } from "./utils/logger.utils";
+import { runWatcher } from "./watch";
 import { setError, setLoadingStatus } from "./window";
 
 const logger = new Logger("Loader");
@@ -11,6 +12,7 @@ const runLoad = async () => {
   logger.info("Starting loading game");
 
   const manifest = await getManifest();
+  runWatcher(manifest.watch);
   const cache = new GameCache();
   const extendedManifest = await cache.updateCache(manifest, true);
   const [files, mainModule] = await loadGameFiles(extendedManifest);

apps/website/src/types/manifest.type.ts

@@ -5,6 +5,7 @@ export interface IManifestFile {
 export interface IManifest {
   version: string;
   files: IManifestFile[];
+  watch: { enable: false } | { enable: true; url: string };
 }
 
 export interface IExtendedManifestFile extends IManifestFile {

apps/website/src/watch.ts

@@ -0,0 +1,18 @@
+import { type IManifest } from "./types/manifest.type";
+import { Logger } from "./utils/logger.utils";
+
+export const runWatcher = (config: IManifest["watch"]) => {
+  if (!config.enable) return;
+
+  const logger = new Logger("Watch");
+
+  const socket = new WebSocket(config.url);
+
+  socket.addEventListener("message", (event) => {
+    if (!event.data || event.data !== "update") return;
+    logger.info("Update received ! Reloading...");
+    window.location.reload();
+  });
+
+  logger.info("Connected to watcher");
+};