goog.loadJs('web', () => { goog.require('layui'); goog.require('dayjs.duration'); goog.require('Mixly.Boards'); goog.require('Mixly.Debug'); goog.require('Mixly.LayerExt'); goog.require('Mixly.Msg'); goog.require('Mixly.Workspace'); goog.require('Mixly.WebSocket.Serial'); goog.provide('Mixly.WebSocket.ArduShell'); const { Boards, Debug, LayerExt, Msg, Workspace, WebSocket } = Mixly; const { Serial } = WebSocket; class WebSocketArduShell { static { this.mixlySocket = null; this.socket = null; this.shell = null; this.getSocket = function () { return this.socket; } this.getMixlySocket = function () { return this.mixlySocket; } this.init = function (mixlySocket) { this.mixlySocket = mixlySocket; this.socket = mixlySocket.getSocket(); this.shell = new WebSocketArduShell(); const socket = this.socket; socket.on('arduino.dataEvent', (data) => { if (data.length > 1000) { return; } const { mainStatusBarTabs } = Mixly; const statusBarTerminal = mainStatusBarTabs.getStatusBarById('output'); statusBarTerminal.addValue(data); }); socket.on('arduino.errorEvent', (data) => { const { mainStatusBarTabs } = Mixly; const statusBarTerminal = mainStatusBarTabs.getStatusBarById('output'); try { data = decodeURIComponent(data.replace(/(_E[0-9A-F]{1}_[0-9A-F]{2}_[0-9A-F]{2})+/gm, '%$1')); data = decodeURIComponent(data.replace(/\\(u[0-9a-fA-F]{4})/gm, '%$1')); } catch (error) { Debug.error(error); } statusBarTerminal.addValue(data); }); } this.initCompile = function () { if (!this.mixlySocket.isConnected()) { layer.msg('服务端已离线', { time: 1000 }); return; } const { mainStatusBarTabs } = Mixly; const statusBarTerminal = mainStatusBarTabs.getStatusBarById('output'); mainStatusBarTabs.changeTo('output'); mainStatusBarTabs.show(); const mainWorkspace = Workspace.getMain(); const editor = mainWorkspace.getEditorsManager().getActive(); const code = editor.getCode(); statusBarTerminal.setValue(`${Msg.Lang['shell.compiling']}...\n`); this.shell.compile(code) .then((info) => { this.endCallback(info.code, info.time); }) .catch((error) => { Debug.error(error); statusBarTerminal.addValue(`\n==${Msg.Lang['shell.compileFailed']}==\n`); }); } this.initUpload = function () { if (!this.mixlySocket.isConnected()) { layer.msg('服务端已离线', { time: 1000 }); return; } const port = Serial.getSelectedPortName(); if (!port) { layer.msg(Msg.Lang['statusbar.serial.noDevice'], { time: 1000 }); return; } const { mainStatusBarTabs } = Mixly; const statusBarTerminal = mainStatusBarTabs.getStatusBarById('output'); mainStatusBarTabs.changeTo('output'); mainStatusBarTabs.show(); statusBarTerminal.setValue(`${Msg.Lang['shell.uploading']}...\n`); const mainWorkspace = Workspace.getMain(); const editor = mainWorkspace.getEditorsManager().getActive(); const code = editor.getCode(); const statusBarSerial = mainStatusBarTabs.getStatusBarById(port); const closePromise = statusBarSerial ? statusBarSerial.close() : Promise.resolve(); closePromise .then(() => { return this.shell.upload(port, code) }) .then((info) => { this.endCallback(info.code, info.time); if (info.code || !Serial.portIsLegal(port)) { return; } mainStatusBarTabs.add('serial', port); mainStatusBarTabs.changeTo(port); const statusBarSerial = mainStatusBarTabs.getStatusBarById(port); statusBarSerial.open() .then(() => { const baudRates = code.match(/(?<=Serial.begin[\s]*\([\s]*)[0-9]*(?=[\s]*\))/g); if (!baudRates.length) { return statusBarSerial.setBaudRate(9600); } else { return statusBarSerial.setBaudRate(baudRates[0] - 0); } }) .catch(Debug.error); }) .catch((error) => { Debug.error(error); statusBarTerminal.addValue(`\n==${Msg.Lang['shell.uploadFailed']}==\n`); }); } this.endCallback = function (code, time) { const { mainStatusBarTabs } = Mixly; const statusBarTerminal = mainStatusBarTabs.getStatusBarById('output'); mainStatusBarTabs.changeTo('output'); let message = ''; if (code) { message = (this.shell.isCompiling() ? Msg.Lang['shell.compileFailed'] : Msg.Lang['shell.uploadFailed']); statusBarTerminal.addValue(`\n==${message}==\n`); } else { message = (this.shell.isCompiling() ? Msg.Lang['shell.compileSucc'] : Msg.Lang['shell.uploadSucc']); statusBarTerminal.addValue(`\n==${message}(${Msg.Lang['shell.timeCost']} ${ dayjs.duration(time).format('HH:mm:ss.SSS') })==\n`); } layer.msg(message, { time: 1000 }); } } #running_ = false; #upload_ = false; #layerNum_ = null; constructor() {} async compile(code) { return new Promise(async (resolve, reject) => { this.#running_ = true; this.#upload_ = false; await this.showProgress(); const key = Boards.getSelectedBoardCommandParam(); const config = { key, code }; const mixlySocket = WebSocketArduShell.getMixlySocket(); mixlySocket.emit('arduino.compile', config, (response) => { this.hideProgress(); if (response.error) { reject(response.error); return; } const [error, result] = response; if (error) { reject(error); } else { resolve(result); } }); }); } async upload(port, code) { return new Promise(async (resolve, reject) => { this.#running_ = true; this.#upload_ = true; await this.showProgress(); const key = Boards.getSelectedBoardCommandParam(); const config = { key, code, port }; const mixlySocket = WebSocketArduShell.getMixlySocket(); mixlySocket.emit('arduino.upload', config, (response) => { this.hideProgress(); if (response.error) { reject(response.error); return; } const [error, result] = response; if (error) { reject(error); } else { resolve(result); } }); }); } async kill() { return new Promise(async (resolve, reject) => { const mixlySocket = WebSocketArduShell.getMixlySocket(); mixlySocket.emit('arduino.kill', (response) => { if (response.error) { reject(response.error); return; } const [error, result] = response; if (error) { reject(error); } else { resolve(result); } }); }); } async showProgress() { return new Promise((resolve, reject) => { this.#layerNum_ = layer.open({ type: 1, title: `${this.isCompiling ? Msg.Lang['shell.compiling'] : Msg.Lang['shell.uploading']}...`, content: $('#mixly-loader-div'), shade: LayerExt.SHADE_NAV, resize: false, closeBtn: 0, success: () => { $('#mixly-loader-btn').off('click').click(() => { $('#mixly-loader-btn').css('display', 'none'); layer.title(`${Msg.Lang['shell.aborting']}...`, this.layerNum); this.kill().catch(Debug.error); }); resolve(); }, end: function () { $('#mixly-loader-btn').off('click'); $('#mixly-loader-btn').css('display', 'inline-block'); } }); }) } hideProgress() { layer.close(this.#layerNum_); } isUploading() { return this.#running_ && this.#upload_; } isCompiling() { return this.#running_ && !this.#upload_; } } WebSocket.ArduShell = WebSocketArduShell; });