websocket-text-relay 1.1.2 → 1.1.4

package/src/ui/js/main.js

@@ -1,6 +1,16 @@
 /* eslint no-unused-vars: 0 */
-const { drawGrid, drawPolarGrid, HeaderSummary, StatusRing, onEvent, statusDataEmitter, SessionWedges, ClientLabel,
-  ActivityTimeseriesGraph, EditorLabel, ServerStatus, constants } = window.__WTR__
+const {
+  HeaderSummary,
+  StatusRing,
+  onEvent,
+  statusDataEmitter,
+  SessionWedges,
+  ClientLabel,
+  ActivityTimeseriesGraph,
+  EditorLabel,
+  ServerStatus,
+  constants,
+} = window.__WTR__
 const { outerRingRadius, innerRingRadius, outerArcSize } = constants
 
 const gridGroup = document.getElementById("grid_group")
@@ -8,26 +18,44 @@ gridGroup.innerHTML = ""
 // drawPolarGrid(gridGroup)
 // drawGrid(gridGroup)
 
-const headerSummaryNode = document.getElementById('header_summary_group')
-new HeaderSummary({parentNode: headerSummaryNode})
+const headerSummaryNode = document.getElementById("header_summary_group")
+new HeaderSummary({ parentNode: headerSummaryNode })
 
-const statusRingNode = document.getElementById('status_ring_group')
-const statusRing = new StatusRing({innerRingRadius, outerRingRadius, outerArcSize, parentNode: statusRingNode})
+const statusRingNode = document.getElementById("status_ring_group")
+const statusRing = new StatusRing({
+  innerRingRadius,
+  outerRingRadius,
+  outerArcSize,
+  parentNode: statusRingNode,
+})
 
-const clientWedgesNode = document.getElementById('client_wedges_group')
-const clientWedges = new SessionWedges({outerRingRadius, outerArcSize, direction: -1, Label: ClientLabel, parentNode: clientWedgesNode})
+const clientWedgesNode = document.getElementById("client_wedges_group")
+const clientWedges = new SessionWedges({
+  outerRingRadius,
+  outerArcSize,
+  direction: -1,
+  Label: ClientLabel,
+  parentNode: clientWedgesNode,
+})
 
-const editorWedgesNode = document.getElementById('editor_wedges_group')
-const editorWedges = new SessionWedges({outerRingRadius, outerArcSize, Label: EditorLabel, parentNode: editorWedgesNode})
+const editorWedgesNode = document.getElementById("editor_wedges_group")
+const editorWedges = new SessionWedges({
+  outerRingRadius,
+  outerArcSize,
+  Label: EditorLabel,
+  parentNode: editorWedgesNode,
+})
 
-const activityGraphNode = document.getElementById('activity_timeseries_graph')
-const activityGraph = new ActivityTimeseriesGraph({innerRingRadius, parentNode: activityGraphNode})
+const activityGraphNode = document.getElementById("activity_timeseries_graph")
+const activityGraph = new ActivityTimeseriesGraph({
+  innerRingRadius,
+  parentNode: activityGraphNode,
+})
 
-const serverStatusNode = document.getElementById('server_status_group')
-const serverStatus = new ServerStatus({parentNode: serverStatusNode})
+const serverStatusNode = document.getElementById("server_status_group")
+const serverStatus = new ServerStatus({ parentNode: serverStatusNode })
 
 const statusDataTranform = (rawData) => {
-
   const editors = []
   const clients = []
   const allSessions = new Map()
@@ -48,9 +76,11 @@ const statusDataTranform = (rawData) => {
     const openFileLinks = Object.values(session.openFileLinks)
     session.activeOpenCount = openFileLinks.length
     openFileLinks.forEach((links) => {
-      links.forEach(({clientId}) => {
+      links.forEach(({ clientId }) => {
         const clientSession = allSessions.get(clientId)
-        if (!clientSession) { return }
+        if (!clientSession) {
+          return
+        }
         clientSession.activeWatchCount++
       })
     })
@@ -61,7 +91,9 @@ const statusDataTranform = (rawData) => {
 
 const getServerPid = (editors) => {
   for (const editor of editors) {
-    if (editor.isServer) { return editor.lsPid }
+    if (editor.isServer) {
+      return editor.lsPid
+    }
   }
   return null
 }
@@ -76,7 +108,7 @@ const handleStatusData = (rawData) => {
   serverStatus.update(getServerPid(data.editors))
 }
 
-onEvent(statusDataEmitter, 'data', handleStatusData)
+onEvent(statusDataEmitter, "data", handleStatusData)
 
 if (window.__WTR__.lastStatusData) {
   handleStatusData(window.__WTR__.lastStatusData)
@@ -88,9 +120,9 @@ const handleActivity = (data) => {
   activityGraph.triggerActivity()
 }
 
-onEvent(statusDataEmitter, 'activity', handleActivity)
+onEvent(statusDataEmitter, "activity", handleActivity)
 
-onEvent(statusDataEmitter, 'socket-close', () => {
+onEvent(statusDataEmitter, "socket-close", () => {
   console.log("socket closed!")
   serverStatus.update(null)
 })

package/src/ui/js/util/DependencyManager.js

@@ -1,4 +1,4 @@
-import { EventEmitter } from './EventEmitter.js'
+import { EventEmitter } from "./EventEmitter.js"
 
 const dependencies = {}
 window.__WTR__ = dependencies
@@ -10,10 +10,10 @@ const statusDataEmitter = new EventEmitter()
 const cleanupFuncs = []
 
 const onEvent = (emitter, event, func) => {
-  if (typeof emitter.on === 'function') {
+  if (typeof emitter.on === "function") {
     emitter.on(event, func)
     cleanupFuncs.push(() => emitter.removeListener(event, func))
-  } else if (typeof emitter.addEventListener === 'function') {
+  } else if (typeof emitter.addEventListener === "function") {
     emitter.addEventListener(event, func)
     cleanupFuncs.push(() => emitter.removeEventListener(event, func))
   } else {
@@ -22,10 +22,10 @@ const onEvent = (emitter, event, func) => {
 }
 
 const cleanupEventHandlers = () => {
-  cleanupFuncs.forEach(f => f())
+  cleanupFuncs.forEach((f) => f())
   cleanupFuncs.length = 0
 }
 
-exportDeps({exportDeps, statusDataEmitter, onEvent, cleanupEventHandlers})
+exportDeps({ exportDeps, statusDataEmitter, onEvent, cleanupEventHandlers })
 
 export default dependencies

package/src/ui/js/util/EventEmitter.js

@@ -1,9 +1,9 @@
 export class EventEmitter {
-  constructor () {
+  constructor() {
     this.events = new Map()
   }
 
-  on (event, listener) {
+  on(event, listener) {
     let eventSubscribers = this.events.get(event)
     if (!eventSubscribers) {
       eventSubscribers = new Set()
@@ -13,9 +13,11 @@ export class EventEmitter {
     return () => this.removeListener(event, listener)
   }
 
-  removeListener (event, listener) {
+  removeListener(event, listener) {
     const eventSubscribers = this.events.get(event)
-    if (!eventSubscribers) { return }
+    if (!eventSubscribers) {
+      return
+    }
     if (!listener) {
       this.events.delete(event)
       return
@@ -23,15 +25,17 @@ export class EventEmitter {
     eventSubscribers.delete(listener)
   }
 
-  emit (event, ...args) {
+  emit(event, ...args) {
     const eventSubscribers = this.events.get(event)
-    if (!eventSubscribers) { return }
+    if (!eventSubscribers) {
+      return
+    }
     for (const listener of eventSubscribers) {
       listener.apply(this, args)
     }
   }
 
-  once (event, listener) {
+  once(event, listener) {
     const remove = this.on(event, (...args) => {
       remove()
       listener.apply(this, args)

package/src/ui/js/util/WebsocketClient.js

@@ -1,9 +1,9 @@
-import { EventEmitter } from './EventEmitter.js'
+import { EventEmitter } from "./EventEmitter.js"
 
 const RECONNECT_DELAY_SECONDS = 1
 
 export class WebsocketClient {
-  constructor ({port, host = "localhost", protocol = "ws"}) {
+  constructor({ port, host = "localhost", protocol = "ws" }) {
     this.port = port
     this.host = host
     this.protocol = protocol
@@ -20,39 +20,43 @@ export class WebsocketClient {
     this.startClient()
   }
 
-  getUrl () {
+  getUrl() {
     return `${this.protocol}://${this.host}:${this.port}`
   }
 
-  startClient () {
+  startClient() {
     this.socket = new WebSocket(this.getUrl())
-    this.socket.addEventListener('open', this._onSocketOpen)
-    this.socket.addEventListener('message', this._onSocketMessage)
-    this.socket.addEventListener('error', this._onSocketError)
-    this.socket.addEventListener('close', this._onSocketClose)
+    this.socket.addEventListener("open", this._onSocketOpen)
+    this.socket.addEventListener("message", this._onSocketMessage)
+    this.socket.addEventListener("error", this._onSocketError)
+    this.socket.addEventListener("close", this._onSocketClose)
   }
 
-  onSocketOpen () {
+  onSocketOpen() {
     console.log("websocket client connected")
     this.socketOpen = true
     this.emitter.emit("socket-open")
-    this.sessionMessages.forEach(msgStr => this.socket.send(msgStr))
+    this.sessionMessages.forEach((msgStr) => this.socket.send(msgStr))
   }
 
-  onSocketClose () {
-    console.log(`websocket text relay connection closed. Retrying connection in ${RECONNECT_DELAY_SECONDS} second${RECONNECT_DELAY_SECONDS === 1 ? "" : "s"}...`)
-    if (this.socket == null) { return }
+  onSocketClose() {
+    console.log(
+      `websocket text relay connection closed. Retrying connection in ${RECONNECT_DELAY_SECONDS} second${RECONNECT_DELAY_SECONDS === 1 ? "" : "s"}...`,
+    )
+    if (this.socket == null) {
+      return
+    }
     this.emitter.emit("socket-close")
     this.socketOpen = false
-    this.socket.removeEventListener('open', this._onSocketOpen)
-    this.socket.removeEventListener('message', this._onSocketMessage)
-    this.socket.removeEventListener('error', this._onSocketError)
-    this.socket.removeEventListener('close', this._onSocketClose)
+    this.socket.removeEventListener("open", this._onSocketOpen)
+    this.socket.removeEventListener("message", this._onSocketMessage)
+    this.socket.removeEventListener("error", this._onSocketError)
+    this.socket.removeEventListener("close", this._onSocketClose)
     this.socket = null
     setTimeout(() => this.startClient(), RECONNECT_DELAY_SECONDS * 1000)
   }
 
-  onSocketMessage (event) {
+  onSocketMessage(event) {
     let message
     try {
       message = JSON.parse(event.data)
@@ -60,17 +64,19 @@ export class WebsocketClient {
       console.error("Error parsing websocket message JSON", e)
       return
     }
-    this.emitter.emit('message', message)
+    this.emitter.emit("message", message)
   }
 
-  onSocketError (error) {
+  onSocketError(error) {
     console.error("websocket text relay connection error: ", error)
   }
 
-  sendMessage (message) {
+  sendMessage(message) {
     const messageStr = JSON.stringify(message)
     this.sessionMessages.push(messageStr)
-    if (!this.socketOpen) { return }
+    if (!this.socketOpen) {
+      return
+    }
     this.socket.send(messageStr)
   }
 }

package/src/ui/js/util/constants.js

@@ -1,9 +1,9 @@
 const { exportDeps } = window.__WTR__
 
 const constants = {
-  innerRingRadius: .33,
+  innerRingRadius: 0.33,
   outerRingRadius: 0.6,
   outerArcSize: 0.175,
 }
 
-exportDeps({constants})
+exportDeps({ constants })

package/src/ui/js/util/drawing.js

@@ -1,9 +1,9 @@
 const { exportDeps } = window.__WTR__
 
 const TWO_PI = 2 * Math.PI
-const MAX_ANGLE_DELTA = .99999
+const MAX_ANGLE_DELTA = 0.99999
 
-const drawSvgElement = ({tag, attributes = {}, className, parent}) => {
+const drawSvgElement = ({ tag, attributes = {}, className, parent }) => {
   const element = document.createElementNS("http://www.w3.org/2000/svg", tag)
 
   if (className && className.length > 0) {
@@ -27,25 +27,30 @@ const drawSvgElement = ({tag, attributes = {}, className, parent}) => {
   return element
 }
 
-const drawText = ({x, y, text, dominantBaseline, textAnchor, className, parentNode: parent}) => {
-  const textElement = drawSvgElement({tag: "text", attributes: {x, y, "dominant-baseline": dominantBaseline, "text-anchor": textAnchor}, className, parent})
+const drawText = ({ x, y, text, dominantBaseline, textAnchor, className, parentNode: parent }) => {
+  const textElement = drawSvgElement({
+    tag: "text",
+    attributes: { x, y, "dominant-baseline": dominantBaseline, "text-anchor": textAnchor },
+    className,
+    parent,
+  })
   textElement.textContent = text
   return textElement
 }
 
-const drawLine = ({x1, y1, x2, y2, className, parentNode: parent}) => {
-  return drawSvgElement({tag: "line", attributes: {x1, y1, x2, y2}, className, parent})
+const drawLine = ({ x1, y1, x2, y2, className, parentNode: parent }) => {
+  return drawSvgElement({ tag: "line", attributes: { x1, y1, x2, y2 }, className, parent })
 }
 
-const drawCircle = ({cx, cy, r, className, parentNode: parent}) => {
-  return drawSvgElement({tag: "circle", attributes: {cx, cy, r}, className, parent})
+const drawCircle = ({ cx, cy, r, className, parentNode: parent }) => {
+  return drawSvgElement({ tag: "circle", attributes: { cx, cy, r }, className, parent })
 }
 
-const coordsToPathData = (coords) => "M " + coords.map(coord => coord.join(',')).join(" L ")
+const coordsToPathData = (coords) => "M " + coords.map((coord) => coord.join(",")).join(" L ")
 
-const drawLinearPath = ({coords, className, parentNode: parent}) => {
+const drawLinearPath = ({ coords, className, parentNode: parent }) => {
   const d = coordsToPathData(coords)
-  return drawSvgElement({tag: "path", attributes: {d}, className, parent})
+  return drawSvgElement({ tag: "path", attributes: { d }, className, parent })
 }
 
 const polarToCartesian = (angle, radius) => {
@@ -55,24 +60,28 @@ const polarToCartesian = (angle, radius) => {
   return [x, y]
 }
 
-const drawPolarLine = ({startAngle, startRadius, endAngle, endRadius, className, parentNode: parent}) => {
+const drawPolarLine = ({ startAngle, startRadius, endAngle, endRadius, className, parentNode: parent }) => {
   const [x1, y1] = polarToCartesian(startAngle, startRadius)
   const [x2, y2] = polarToCartesian(endAngle, endRadius)
 
-  return drawSvgElement({tag: "line", attributes: {x1, y1, x2, y2}, className, parent})
+  return drawSvgElement({ tag: "line", attributes: { x1, y1, x2, y2 }, className, parent })
 }
 
-const drawPolarCircle = ({angle, radius, r, className, parentNode: parent}) => {
+const drawPolarCircle = ({ angle, radius, r, className, parentNode: parent }) => {
   const [cx, cy] = polarToCartesian(angle, radius)
-  return drawSvgElement({tag: "circle", attributes: {cx, cy, r}, className, parent})
+  return drawSvgElement({ tag: "circle", attributes: { cx, cy, r }, className, parent })
 }
 
-const drawWedge = ({startAngle, angleDelta, innerRadius, radiusDelta, className, parentNode: parent}) => {
-  if (angleDelta < 0) { angleDelta = 0 }
-  if (angleDelta > MAX_ANGLE_DELTA) {angleDelta = MAX_ANGLE_DELTA }
+const drawWedge = ({ startAngle, angleDelta, innerRadius, radiusDelta, className, parentNode: parent }) => {
+  if (angleDelta < 0) {
+    angleDelta = 0
+  }
+  if (angleDelta > MAX_ANGLE_DELTA) {
+    angleDelta = MAX_ANGLE_DELTA
+  }
   const endAngle = startAngle + angleDelta
   const outerRadius = innerRadius + radiusDelta
-  const largeArcFlag = (angleDelta % 1) > .5 ? "1" : "0"
+  const largeArcFlag = angleDelta % 1 > 0.5 ? "1" : "0"
 
   const [startX1, startY1] = polarToCartesian(startAngle, innerRadius)
   const [startX2, startY2] = polarToCartesian(startAngle, outerRadius)
@@ -87,29 +96,50 @@ A ${outerRadius} ${outerRadius} 0 ${largeArcFlag} 1 ${startX2} ${startY2},
 Z
 `
 
-  return drawSvgElement({tag: "path", attributes: {d}, className, parent})
+  return drawSvgElement({ tag: "path", attributes: { d }, className, parent })
 }
 
 const triangleHeight = 0.06
 const verticalPadding = 0.01
 const horizontalPadding = 0.04
 
-const drawToolTip = ({x, y, text, direction = "below", parentNode: parent}) => {
+const drawToolTip = ({ x, y, text, direction = "below", parentNode: parent }) => {
   const directionMultiplier = direction === "above" ? -1 : 1
-  const tooltipDisplayGroup = drawSvgElement({tag: "g", className: "tooltip_display_group", parent})
-  const bgPlaceholder = drawSvgElement({tag: "g", parent: tooltipDisplayGroup})
+  const tooltipDisplayGroup = drawSvgElement({
+    tag: "g",
+    className: "tooltip_display_group",
+    parent,
+  })
+  const bgPlaceholder = drawSvgElement({ tag: "g", parent: tooltipDisplayGroup })
   const textY = y + (triangleHeight + verticalPadding) * directionMultiplier
-  const textElement = drawText({x, y: textY, text, className: "tooltip_text", parentNode: tooltipDisplayGroup})
+  const textElement = drawText({
+    x,
+    y: textY,
+    text,
+    className: "tooltip_text",
+    parentNode: tooltipDisplayGroup,
+  })
   const textBbox = textElement.getBBox()
   const attributes = {
     x: textBbox.x - horizontalPadding,
     y: textBbox.y - verticalPadding,
     width: textBbox.width + horizontalPadding * 2,
     height: textBbox.height + verticalPadding * 2,
-    rx: 0.015
+    rx: 0.015,
   }
-  drawSvgElement({tag: "rect", attributes, className: "tooltip_outline", parent: bgPlaceholder})
+  drawSvgElement({ tag: "rect", attributes, className: "tooltip_outline", parent: bgPlaceholder })
 }
 
-exportDeps({drawSvgElement, drawLine, drawCircle, drawLinearPath, drawPolarLine, drawPolarCircle, drawWedge,
-  drawText, polarToCartesian, coordsToPathData, drawToolTip})
+exportDeps({
+  drawSvgElement,
+  drawLine,
+  drawCircle,
+  drawLinearPath,
+  drawPolarLine,
+  drawPolarCircle,
+  drawWedge,
+  drawText,
+  polarToCartesian,
+  coordsToPathData,
+  drawToolTip,
+})

package/src/websocket-interface/WebsocketClient.js

@@ -1,7 +1,7 @@
-import WebSocket from 'ws'
+import WebSocket from "ws"
 
 export class WebsocketClient {
-  constructor ({port, wsInterfaceEmitter, host = "localhost", protocol = "ws"}) {
+  constructor({ port, wsInterfaceEmitter, host = "localhost", protocol = "ws" }) {
     this.port = port
     this.host = host
     this.protocol = protocol
@@ -16,29 +16,29 @@ export class WebsocketClient {
     this.startClient()
   }
 
-  getUrl () {
+  getUrl() {
     return `${this.protocol}://${this.host}:${this.port}`
   }
 
-  startClient () {
+  startClient() {
     this.socket = new WebSocket(this.getUrl())
-    this.socket.addEventListener('open', this._onSocketOpen)
-    this.socket.addEventListener('message', this._onSocketMessage)
-    this.socket.addEventListener('close', this._onSocketClose)
+    this.socket.addEventListener("open", this._onSocketOpen)
+    this.socket.addEventListener("message", this._onSocketMessage)
+    this.socket.addEventListener("close", this._onSocketClose)
   }
 
-  onSocketOpen () {
+  onSocketOpen() {
     this.socketOpen = true
   }
 
-  onSocketClose () {
+  onSocketClose() {
     this.socketOpen = false
-    this.socket.removeEventListener('open', this._onSocketOpen)
-    this.socket.removeEventListener('message', this._onSocketMessage)
-    this.socket.removeEventListener('close', this._onSocketClose)
+    this.socket.removeEventListener("open", this._onSocketOpen)
+    this.socket.removeEventListener("message", this._onSocketMessage)
+    this.socket.removeEventListener("close", this._onSocketClose)
   }
 
-  onSocketMessage (event) {
+  onSocketMessage(event) {
     let message
     try {
       message = JSON.parse(event.data)
@@ -46,10 +46,10 @@ export class WebsocketClient {
       console.error("Error parsing websocket message JSON", e)
       return
     }
-    this.wsInterfaceEmitter.emit('message', message)
+    this.wsInterfaceEmitter.emit("message", message)
   }
 
-  sendMessage (message) {
+  sendMessage(message) {
     const messageStr = JSON.stringify(message)
     this.socket.send(messageStr)
   }

package/src/websocket-interface/WebsocketInterface.js

@@ -2,12 +2,12 @@ import { WebsocketClient } from "./WebsocketClient.js"
 import { WtrSession } from "./WtrSession.js"
 import { apiMethods } from "./websocketApi.js"
 import { createWebsocketServer } from "./websocketServer.js"
-import {EventEmitter} from 'node:events'
+import { EventEmitter } from "node:events"
 
 const watchActiveFilesMessage = { method: "watch-editor-active-files" }
 
 export class WebsocketInterface {
-  constructor ({port}) {
+  constructor({ port }) {
     this.port = port
     this.emitter = new EventEmitter() // emits "message" events from the server
     this.initMessage = null
@@ -20,60 +20,68 @@ export class WebsocketInterface {
     this._sendQueuedMessages = this._sendQueuedMessages.bind(this)
   }
 
-  sendInitMessage (initMessage) {
+  sendInitMessage(initMessage) {
     this.initMessage = initMessage
     this._sendMessageToServer(initMessage)
   }
 
-  sendOpenFileList (files) {
-    this.openFileListMessage = {method: "update-open-files", files}
+  sendOpenFileList(files) {
+    this.openFileListMessage = { method: "update-open-files", files }
     this._sendMessageToServer(this.openFileListMessage)
   }
 
-  sendText ({file, contents}) {
-    const sendTextMessage = {method: "relay-text", file, contents}
+  sendText({ file, contents }) {
+    const sendTextMessage = { method: "relay-text", file, contents }
     this._sendMessageToServer(sendTextMessage)
   }
 
-  setAllowedHosts (allowedHostsList) {
+  setAllowedHosts(allowedHostsList) {
     this.allowedHosts = new Set(allowedHostsList)
   }
 
-  setAllowNetworkAccess (allowNetworkAccessParam) {
+  setAllowNetworkAccess(allowNetworkAccessParam) {
     if (allowNetworkAccessParam != null) {
       this.allowNetworkAccess = allowNetworkAccessParam
     }
   }
 
-  async startInterface () {
+  async startInterface() {
     try {
-      await createWebsocketServer({port: this.port, allowedHosts: this.allowedHosts, allowNetworkAccess: this.allowNetworkAccess })
-      this.serverSession = new WtrSession({apiMethods, wsInterfaceEmitter: this.emitter})
+      await createWebsocketServer({
+        port: this.port,
+        allowedHosts: this.allowedHosts,
+        allowNetworkAccess: this.allowNetworkAccess,
+      })
+      this.serverSession = new WtrSession({ apiMethods, wsInterfaceEmitter: this.emitter })
       this._sendQueuedMessages()
-    } catch (e) {
-      this.wsClient = new WebsocketClient({port: this.port, wsInterfaceEmitter: this.emitter})
-      this.wsClient.socket.on('close', this._onSocketClose)
-      this.wsClient.socket.on('open', this._sendQueuedMessages)
+    } catch {
+      this.wsClient = new WebsocketClient({ port: this.port, wsInterfaceEmitter: this.emitter })
+      this.wsClient.socket.on("close", this._onSocketClose)
+      this.wsClient.socket.on("open", this._sendQueuedMessages)
     }
   }
 
-  _onSocketClose () {
+  _onSocketClose() {
     this.wsClient.socket.removeEventListener("close", this._onSocketClose)
     this.wsClient.socket.removeEventListener("open", this._sendQueuedMessages)
     this.wsClient = null
     this.startInterface()
   }
 
-  _sendQueuedMessages () {
+  _sendQueuedMessages() {
     this._sendMessageToServer(watchActiveFilesMessage)
-    if (this.initMessage) { this._sendMessageToServer(this.initMessage) }
-    if (this.openFileListMessage) { this._sendMessageToServer(this.openFileListMessage) }
+    if (this.initMessage) {
+      this._sendMessageToServer(this.initMessage)
+    }
+    if (this.openFileListMessage) {
+      this._sendMessageToServer(this.openFileListMessage)
+    }
   }
 
-  _sendMessageToServer (message) {
+  _sendMessageToServer(message) {
     if (this.serverSession) {
       this.serverSession._handleApiMessage(message)
-    } else if (this.wsClient && this.wsClient.socketOpen){
+    } else if (this.wsClient && this.wsClient.socketOpen) {
       this.wsClient.sendMessage(message)
     }
   }