Update: 更新WebSocket模式

common/modules/mixly-modules/web-socket/socket.js

@@ -1,25 +1,77 @@
 goog.loadJs('web', () => {
 
-goog.require('io');
+goog.require('Mixly.Debug');
+goog.require('Mixly.StatusBarsManager');
 goog.require('Mixly.WebSocket');
 goog.require('Mixly.WebSocket.Serial');
 goog.require('Mixly.WebSocket.ArduShell');
 goog.provide('Mixly.WebSocket.Socket');
 
-const { WebSocket } = Mixly;
-const { Socket, Serial, ArduShell } = WebSocket;
+const {
+    Debug,
+    StatusBarsManager,
+    WebSocket
+} = Mixly;
+
+const {
+    Socket,
+    Serial,
+    ArduShell
+} = WebSocket;
 
 
 Socket.init = function () {
-    const socket = io('wss://127.0.0.1:4000', {
+    const mixlySocket = new WebSocket('wss://127.0.0.1:4000', {
         path: '/mixly-socket/',
+        reconnection: true,
         reconnectionDelayMax: 10000,
         transports: ['websocket'],
         protocols: ['my-protocol-v1']
     });
 
-    Serial.init(socket);
-    ArduShell.init(socket);
+    const socket = mixlySocket.getSocket();
+
+    socket.on('connect', () => {
+        Serial.getPorts()
+            .then((ports) => {
+                let portsName = [];
+                for (let port of ports) {
+                    portsName.push(port.name);
+                }
+                const { mainStatusBarTabs } = Mixly;
+                let keys = mainStatusBarTabs.keys();
+                const statusBarType = StatusBarsManager.typesRegistry.getItem('serial');
+                for (let key of keys) {
+                    const statusBar = mainStatusBarTabs.getStatusBarById(key);
+                    if (!(statusBar instanceof statusBarType)) {
+                        continue;
+                    }
+                    const portName = statusBar.getPortName();
+                    if (!portsName.includes(portName)) {
+                        continue;
+                    }
+                    socket.emit('serial.create', portName);
+                }
+                Serial.renderSelectBox(ports);
+            })
+            .catch(Debug.error);
+    });
+
+    socket.on('disconnect', () => {
+        const { mainStatusBarTabs } = Mixly;
+        let keys = mainStatusBarTabs.keys();
+        const statusBarType = StatusBarsManager.typesRegistry.getItem('serial');
+        for (let key of keys) {
+            const statusBar = mainStatusBarTabs.getStatusBarById(key);
+            if (statusBar instanceof statusBarType) {
+                statusBar.close().catch(Debug.error);
+            }
+        }
+        Serial.refreshPorts();
+    });
+
+    Serial.init(mixlySocket);
+    ArduShell.init(mixlySocket);
 }
 
 });