[ServiceWorker] Add debugging outputs for event traces

src/service_worker.ts

@@ -40,10 +40,10 @@ export class ServiceWorkerMLCEngineHandler extends MLCEngineWorkerHandler {
   >();
   private initReuqestUuid?: string;
 
-  constructor(engine: MLCEngineInterface, verbose = false) {
+  constructor(engine: MLCEngineInterface) {
     if (!self || !("addEventListener" in self)) {
       throw new Error(
-        "ServiceWorkerGlobalScope is not defined. ServiceWorkerMLCEngineHandler must be created in service worker script.",
+        "ServiceWorkerGlobalScope is not defined. ServiceWorkerMLCEngineHandler must be created in service worker script."
       );
     }
     const postMessageHandler = {
@@ -79,17 +79,20 @@ export class ServiceWorkerMLCEngineHandler extends MLCEngineWorkerHandler {
       message.waitUntil(
         new Promise((resolve, reject) => {
           onmessage(message, resolve, reject);
-        }),
+        })
       );
     });
   }
 
   onmessage(
     event: ExtendableMessageEvent,
     onComplete?: (value: any) => void,
-    onError?: () => void,
+    onError?: () => void
   ): void {
     const msg = event.data as WorkerRequest;
+    console.debug(
+      `ServiceWorker message: [${msg.kind}] ${JSON.stringify(msg.content)}`
+    );
 
     if (msg.kind === "keepAlive") {
       const reply: WorkerRequest = {
@@ -135,7 +138,7 @@ export class ServiceWorkerMLCEngineHandler extends MLCEngineWorkerHandler {
         await this.engine.reload(
           params.modelId,
           params.chatOpts,
-          params.appConfig,
+          params.appConfig
         );
         this.modelId = params.modelId;
         this.chatOpts = params.chatOpts;
@@ -185,23 +188,23 @@ export class ServiceWorker implements ChatWorker {
  */
 export async function CreateServiceWorkerMLCEngine(
   modelId: string,
-  engineConfig?: MLCEngineConfig,
+  engineConfig?: MLCEngineConfig
 ): Promise<ServiceWorkerMLCEngine> {
   if (!("serviceWorker" in navigator)) {
     throw new Error("Service worker API is not available");
   }
   const registration = await (navigator.serviceWorker as ServiceWorkerContainer)
     .ready;
   const serviceWorkerMLCEngine = new ServiceWorkerMLCEngine(
-    registration.active!,
+    registration.active!
   );
   serviceWorkerMLCEngine.setInitProgressCallback(
-    engineConfig?.initProgressCallback,
+    engineConfig?.initProgressCallback
   );
   await serviceWorkerMLCEngine.init(
     modelId,
     engineConfig?.chatOpts,
-    engineConfig?.appConfig,
+    engineConfig?.appConfig
   );
   return serviceWorkerMLCEngine;
 }
@@ -212,7 +215,7 @@ export async function CreateServiceWorkerMLCEngine(
 export class ServiceWorkerMLCEngine extends WebWorkerMLCEngine {
   missedHeatbeat = 0;
 
-  constructor(worker: IServiceWorker, keepAliveMs = 10000, verbose = false) {
+  constructor(worker: IServiceWorker, keepAliveMs = 10000) {
     if (!("serviceWorker" in navigator)) {
       throw new Error("Service worker API is not available");
     }
@@ -223,6 +226,9 @@ export class ServiceWorkerMLCEngine extends WebWorkerMLCEngine {
       "message",
       (event: MessageEvent) => {
         const msg = event.data;
+        console.debug(
+          `MLC client message: [${msg.kind}] ${JSON.stringify(msg.content)}`
+        );
         try {
           if (msg.kind === "heartbeat") {
             this.missedHeatbeat = 0;
@@ -235,12 +241,13 @@ export class ServiceWorkerMLCEngine extends WebWorkerMLCEngine {
             console.error("CreateWebServiceWorkerMLCEngine.onmessage", err);
           }
         }
-      },
+      }
     );
 
     setInterval(() => {
       this.worker.postMessage({ kind: "keepAlive", uuid: crypto.randomUUID() });
       this.missedHeatbeat += 1;
+      console.debug("missedHeatbeat", this.missedHeatbeat);
     }, keepAliveMs);
   }
 
@@ -258,7 +265,7 @@ export class ServiceWorkerMLCEngine extends WebWorkerMLCEngine {
   async init(
     modelId: string,
     chatOpts?: ChatOptions,
-    appConfig?: AppConfig,
+    appConfig?: AppConfig
   ): Promise<void> {
     const msg: WorkerRequest = {
       kind: "init",