feat: ws reconnect report connection info

Author: pipiiiiii

packages/connection/src/browser/ws-channel-handler.ts

@@ -10,6 +10,7 @@ import { WSChannel, MessageString } from '../common/ws-channel';
 export class WSChannelHandler {
   public connection: WebSocket;
   private channelMap: Map<number | string, WSChannel> = new Map();
+  private channelCloseEventMap: Map<number | string, { code: number; reason: string }> = new Map();
   private logger = console;
   public clientId: string;
   private heartbeatMessageTimer: NodeJS.Timer | null;
@@ -79,7 +80,14 @@ export class WSChannelHandler {
         if (this.channelMap.size) {
           this.channelMap.forEach((channel) => {
             channel.onOpen(() => {
-              this.reporterService && this.reporterService.point(REPORT_NAME.CHANNEL_RECONNECT);
+              const closeEvent = this.channelCloseEventMap.get(channel.id);
+              const connectInfo = window.navigator.connection;
+              this.reporterService &&
+                this.reporterService.point(REPORT_NAME.CHANNEL_RECONNECT, REPORT_NAME.CHANNEL_RECONNECT, {
+                  closeEvent,
+                  connectInfo,
+                  channelPath: channel.channelPath,
+                });
               this.logger && this.logger.log(`channel reconnect ${this.clientId}:${channel.channelPath}`);
             });
             channel.open(channel.channelPath);
@@ -91,6 +99,14 @@ export class WSChannelHandler {
           });
         }
       });
+
+      this.connection.addEventListener('close', (event) => {
+        if (this.channelMap.size) {
+          this.channelMap.forEach((channel) => {
+            channel.close(event.code, event.reason);
+          });
+        }
+      });
     });
   }
   private getChannelSend = (connection) => (content: string) => {
@@ -110,6 +126,10 @@ export class WSChannelHandler {
       channel.onOpen(() => {
         resolve(undefined);
       });
+      channel.onClose((code: number, reason: string) => {
+        this.channelCloseEventMap.set(channelId, { code, reason });
+        this.logger.log('channel close: ', code, reason);
+      });
       channel.open(channelPath);
     });