feat: add ping and delete unused comment

apps/chrome-extension/lib/background/index.ts

@@ -1,8 +1,4 @@
 import 'webextension-polyfill';
 
-/**
- * Extension reloading is necessary because the browser automatically caches the css.
- * If you do not use the css of the content script, please delete it.
- */
-
 console.log('background loaded');
+console.log("Edit 'apps/chrome-extension/lib/background/index.ts' and save to reload.");

packages/hmr/lib/initClient.ts

@@ -5,14 +5,19 @@ export default function initReloadClient({ id, onUpdate }: { id: string; onUpdat
   let ws: WebSocket | null = null;
   try {
     ws = new WebSocket(LOCAL_RELOAD_SOCKET_URL);
-    ws.addEventListener('message', event => {
-      const message = MessageInterpreter.receive(String(event.data));
-      if (message.type === 'do_update' && message.id === id) {
-        sendUpdateCompleteMessage();
-        onUpdate();
-        return;
-      }
-    });
+    ws.onopen = () => {
+      ws?.addEventListener('message', event => {
+        const message = MessageInterpreter.receive(String(event.data));
+        if (message.type === 'ping') {
+          console.log('[HMR] Client OK');
+        }
+        if (message.type === 'do_update' && message.id === id) {
+          sendUpdateCompleteMessage();
+          onUpdate();
+          return;
+        }
+      });
+    };
 
     ws.onclose = () => {
       console.log(

packages/hmr/lib/initReloadServer.ts

@@ -30,6 +30,15 @@ function initReloadServer() {
       }
     });
   });
+
+  function ping() {
+    clientsThatNeedToUpdate.forEach(ws => ws.send(MessageInterpreter.send({ type: 'ping' })));
+    setTimeout(() => {
+      ping();
+    }, 15_000);
+  }
+
+  ping();
 }
 
 initReloadServer();

packages/hmr/lib/interpreter/types.ts

@@ -3,8 +3,9 @@ type UpdateRequestMessage = {
   id: string;
 };
 type UpdateCompleteMessage = { type: 'done_update' };
+type PingMessage = { type: 'ping' };
 type BuildCompletionMessage = { type: 'build_complete'; id: string };
 
 export type SerializedMessage = string;
 
-export type WebSocketMessage = UpdateCompleteMessage | UpdateRequestMessage | BuildCompletionMessage;
+export type WebSocketMessage = UpdateCompleteMessage | UpdateRequestMessage | BuildCompletionMessage | PingMessage;