打包目标优化

client/public/renderer.js

@@ -1,7 +1,3 @@
-/**
- * UI婵炴挸寮堕悡瀣闯?
- * 閻犳劗鍠曢惌妤冧焊閸℃瑥笑闁诡兛鐒﹀Σ褏浜搁崟顐㈢厒DOM闁挎稑濂旂粭宀勬偐閼哥鍋撴担渚悁闁荤偛妫滆闁?
- */
 import { formatTime, formatTimestamp, toggleElement, toggleButtonState } from './utils.js';
 import { mockCallSession } from './models.js';
 import chatMessage from './chatmessage.js';
@@ -122,7 +118,6 @@ class UIRenderer {
     bindEventListeners() {
     }
 
-
     /**
      * 婵炴挸寮堕悡瀣棘鐟欏嫮銆?- 闁哄秷顫夊畵渚€鎮╅懜纰樺亾娴ｇ缍侀柛鏍ㄧ墬濞插潡寮惂鐕?
      * @param {Object} state - 鐟滅増鎸告晶鐘虫償閺冨倹鏆忛柣妯垮煐閳?
@@ -131,17 +126,17 @@ class UIRenderer {
     render(state, changes) {
         switch (changes.type) {
             case 'INIT':
-                this.renderRemoteVideo(state.session.remoteUser); // 婵炴挸寮堕悡瀣交濠婂應鏌ら悷娆忔椤?
+                this.renderRemoteVideo(state.session.remoteUser);
-                this.renderLocalVideo(state.session.localUser, state.localStream); // 婵炴挸寮堕悡瀣嫉椤掆偓濠€瀵告喆閸℃侗鏆?
+                this.renderLocalVideo(state.session.localUser, state.localStream);
-                this.renderControlButtons(state.session.localUser.mediaState); // 婵炴挸寮堕悡瀣箳瑜嶉崺妤呭箰婢舵劖灏?
+                this.renderControlButtons(state.session.localUser.mediaState);
-                this.renderChatMessages(chatMessage.getMessageState().messages); // 婵炴挸寮堕悡瀣嚂婵犲倶浜繛鎴濈墛娴?
+                this.renderChatMessages(chatMessage.getMessageState().messages);
-                this.renderUserList(state.session.localUser, state.session.remoteUser, state.participants); // 婵炴挸寮堕悡瀣偨閵婏箑鐓曢柛鎺擃殙閵?
+                this.renderUserList(state.session.localUser, state.session.remoteUser, state.participants);
-                this.renderHeader(state.session);               // 婵炴挸寮堕悡瀣緞閹绢喖鍔ュǎ鍥ｅ墲娴?
+                this.renderHeader(state.session);
                 if (this.elements.remoteVideoPlaceholder) {
                     if (state.remoteStream) {
-                        this.elements.remoteVideoPlaceholder.classList.add('hidden'); // 闁哄牆顦崇换娆戠矙鐎ｎ偆銈﹂柡鍐ㄧ埣濞堬綁鎸婅箛鎾崇獥濞达絽绉烽崕妤呭疾?
+                        this.elements.remoteVideoPlaceholder.classList.add('hidden');
                     } else {
-                        this.elements.remoteVideoPlaceholder.classList.remove('hidden'); // 闁哄啰濮剧换娆戠矙鐎ｎ偆銈﹂柡鍐煐濡绮堥崫鍕獥濞达絽绉烽崕妤呭疾?
+                        this.elements.remoteVideoPlaceholder.classList.remove('hidden');
                     }
                 }
                 break;
@@ -149,24 +144,24 @@ class UIRenderer {
                 this.renderCallDuration(changes.duration);
                 break;
             case 'LOCAL_MEDIA_CHANGE':
-                this.renderControlButtons(state.session.localUser.mediaState); // 婵炴挸寮堕悡瀣箳瑜嶉崺妤呭箰婢舵劖灏?
+                this.renderControlButtons(state.session.localUser.mediaState);
-                this.renderLocalVideo(state.session.localUser, state.localStream); // 婵炴挸寮堕悡瀣嫉椤掆偓濠€瀵告喆閸℃侗鏆?
+                this.renderLocalVideo(state.session.localUser, state.localStream);
-                this.renderLocalUserStatus(state.session.localUser); // 婵炴挸寮堕悡瀣嫉椤掆偓濠€鎾偨閵婏箑鐓曢柣妯垮煐閳?
+                this.renderLocalUserStatus(state.session.localUser);
-                this.renderUserList(state.session.localUser, state.session.remoteUser, state.participants); // 婵炴挸寮堕悡瀣偨閵婏箑鐓曢柛鎺擃殙閵?
+                this.renderUserList(state.session.localUser, state.session.remoteUser, state.participants);
                 break;
             case 'LOCAL_STREAM_OBTAINED':
                 this.renderLocalStream(state.localStream);
                 this.renderLocalVideo(state.session.localUser, state.localStream);
                 break;
             case 'REMOTE_STREAM_OBTAINED':
-                this.renderRemoteStream(changes.stream, changes.connectionId, changes.isHost); // 婵炴挸寮堕悡瀣交濠婂應鏌ゆ繛?
+                this.renderRemoteStream(changes.stream, changes.connectionId, changes.isHost);
                 if (this.elements.connectingOverlay) {
                     this.elements.connectingOverlay.classList.add('hidden');
                 }
                 break;
             case 'REMOTE_MEDIA_CHANGE':
-                this.renderRemoteVideo(state.session.remoteUser); // 婵炴挸寮堕悡瀣交濠婂應鏌ら悷娆忔椤?
+                this.renderRemoteVideo(state.session.remoteUser);
-                this.renderUserList(state.session.localUser, state.session.remoteUser, state.participants); // 婵炴挸寮堕悡瀣偨閵婏箑鐓曢柛鎺擃殙閵?
+                this.renderUserList(state.session.localUser, state.session.remoteUser, state.participants);
                 if (changes.participantId && state.session.localUser.isHost) {
                     const pInfo = state.participants[changes.participantId];
                     const showPlaceholder = pInfo ? !pInfo.mediaState.video : true;
@@ -321,7 +316,7 @@ class UIRenderer {
         if (this.elements.localVideo && stream) {
             this.elements.localVideo.srcObject = stream;
             this.elements.localVideo.autoplay = true;
-            this.elements.localVideo.muted = true; // 闁哄牜鍓欏﹢瀵告喆閸℃侗鏆ラ梻鍫熺懇閻撳爼鏁嶅畝鍕級闁稿繐绉村ú鏍ㄧ珶?
+            this.elements.localVideo.muted = true;
             console.log('srcObject set successfully:', this.elements.localVideo.srcObject);
 
             if (this.elements.disconnectedOverlay) {

package.json

@@ -54,7 +54,7 @@
       "client/src/**/*"
     ],
     "targets": [
-      "node10"
+      "node18"
     ]
   }
 }