@vuu-ui/vuu-data-remote 0.13.45 → 0.13.47

package/esm/WebSocketConnection.js.map

@@ -1 +1 @@
-{"version":3,"file":"WebSocketConnection.js","sources":["../../../packages/vuu-data-remote/src/WebSocketConnection.ts"],"sourcesContent":["import { WebSocketProtocol } from \"@vuu-ui/vuu-data-types\";\nimport { VuuClientMessage, VuuServerMessage } from \"@vuu-ui/vuu-protocol-types\";\nimport { DeferredPromise, EventEmitter, logger } from \"@vuu-ui/vuu-utils\";\n\nexport type ConnectingStatus = \"connecting\" | \"reconnecting\";\nexport type ConnectedStatus = \"connected\" | \"reconnected\";\nexport type ConnectionStatus =\n  | ConnectedStatus\n  | \"closed\"\n  | \"connection-open-awaiting-session\"\n  | \"disconnected\"\n  | \"failed\"\n  | \"inactive\";\n\ntype InternalConnectionStatus = ConnectionStatus | ConnectingStatus;\n\ntype ReconnectAttempts = {\n  retryAttemptsTotal: number;\n  retryAttemptsRemaining: number;\n  secondsToNextRetry: number;\n};\n\nexport interface WebSocketConnectionState<\n  T extends InternalConnectionStatus = ConnectionStatus,\n> extends ReconnectAttempts {\n  connectionPhase: ConnectingStatus;\n  connectionStatus: T;\n}\n\nconst { debug, debugEnabled, info } = logger(\"WebSocketConnection\");\n\nconst isNotConnecting = (\n  connectionState: WebSocketConnectionState<InternalConnectionStatus>,\n): connectionState is WebSocketConnectionState<ConnectionStatus> =>\n  connectionState.connectionStatus !== \"connecting\" &&\n  connectionState.connectionStatus !== \"reconnecting\";\n\nexport const isWebSocketConnectionMessage = (\n  msg: object | WebSocketConnectionState,\n): msg is WebSocketConnectionState => {\n  if (\"connectionStatus\" in msg) {\n    return [\n      \"connecting\",\n      \"connected\",\n      \"connection-open-awaiting-session\",\n      \"reconnecting\",\n      \"reconnected\",\n      \"disconnected\",\n      \"closed\",\n      \"failed\",\n    ].includes(msg.connectionStatus);\n  } else {\n    return false;\n  }\n};\n\nexport type VuuServerMessageCallback = (msg: VuuServerMessage) => void;\n\nexport type RetryLimits = {\n  connect: number;\n  reconnect: number;\n};\n\nexport type WebSocketConnectionConfig = {\n  url: string;\n  protocols: WebSocketProtocol;\n  callback: VuuServerMessageCallback;\n  connectionTimeout?: number;\n  retryLimits?: RetryLimits;\n};\n\nconst DEFAULT_RETRY_LIMITS: RetryLimits = {\n  connect: 5,\n  reconnect: 8,\n};\n\nconst DEFAULT_CONNECTION_TIMEOUT = 10000;\n\nconst ConnectingEndState: Record<ConnectingStatus, ConnectedStatus> = {\n  connecting: \"connected\",\n  reconnecting: \"reconnected\",\n} as const;\n\nconst parseWebSocketMessage = (message: string): VuuServerMessage => {\n  try {\n    return JSON.parse(message) as VuuServerMessage;\n  } catch (e) {\n    throw Error(`Error parsing JSON response from server ${message}`);\n  }\n};\n\nexport type WebSocketConnectionCloseReason = \"failure\" | \"shutdown\";\nexport type WebSocketConnectionEvents = {\n  closed: (reason: WebSocketConnectionCloseReason) => void;\n  connected: () => void;\n  \"connection-status\": (message: WebSocketConnectionState) => void;\n  reconnected: () => void;\n};\n\nexport class WebSocketConnection extends EventEmitter<WebSocketConnectionEvents> {\n  #callback;\n  /**\n   We are not confirmedOpen until we receive the first message from the\n   server. If we get an unexpected close event before that, we consider\n   the reconnect attempts as still within the connection phase, not true\n   reconnection. This can happen e.g. when connecting to remote host via\n   a proxy.\n  */\n  #confirmedOpen = false;\n  #connectionState: WebSocketConnectionState<InternalConnectionStatus>;\n  #connectionTimeout;\n  #deferredConnection?: DeferredPromise;\n  #protocols;\n  #reconnectAttempts: ReconnectAttempts;\n  #requiresLogin = true;\n  #url;\n  #ws?: WebSocket;\n\n  constructor({\n    callback,\n    connectionTimeout = DEFAULT_CONNECTION_TIMEOUT,\n    protocols,\n    retryLimits = DEFAULT_RETRY_LIMITS,\n    url,\n  }: WebSocketConnectionConfig) {\n    super();\n\n    this.#callback = callback;\n    this.#connectionTimeout = connectionTimeout;\n    this.#url = url;\n    this.#protocols = protocols;\n\n    this.#reconnectAttempts = {\n      retryAttemptsTotal: retryLimits.reconnect,\n      retryAttemptsRemaining: retryLimits.reconnect,\n      secondsToNextRetry: 1,\n    };\n\n    /**\n     * Initial retryAttempts are for the 'connecting' phase. These will\n     * be replaced with 'reconnecting' phase retry attempts only once\n     * initial connection succeeds.\n     */\n    this.#connectionState = {\n      connectionPhase: \"connecting\",\n      connectionStatus: \"closed\",\n      retryAttemptsTotal: retryLimits.connect,\n      retryAttemptsRemaining: retryLimits.connect,\n      secondsToNextRetry: 1,\n    };\n  }\n\n  get connectionTimeout() {\n    return this.#connectionTimeout;\n  }\n\n  get protocols() {\n    return this.#protocols;\n  }\n\n  get requiresLogin() {\n    return this.#requiresLogin;\n  }\n\n  get isClosed() {\n    return this.status === \"closed\";\n  }\n  get isDisconnected() {\n    return this.status === \"disconnected\";\n  }\n\n  get isConnecting() {\n    return this.#connectionState.connectionPhase === \"connecting\";\n  }\n\n  get status() {\n    return this.#connectionState.connectionStatus;\n  }\n\n  private set status(connectionStatus: InternalConnectionStatus) {\n    this.#connectionState = {\n      ...this.#connectionState,\n      connectionStatus,\n    };\n    // we don't publish the connecting states. They have little meaning for clients\n    // and are will generally be very short-lived.\n    if (isNotConnecting(this.#connectionState)) {\n      this.emit(\"connection-status\", this.#connectionState);\n    }\n  }\n\n  get connectionState() {\n    return this.#connectionState;\n  }\n\n  private get hasConnectionAttemptsRemaining() {\n    return this.#connectionState.retryAttemptsRemaining > 0;\n  }\n\n  private get confirmedOpen() {\n    return this.#confirmedOpen;\n  }\n\n  /**\n   * We are 'confirmedOpen' when we see the first message transmitted\n   * from the server. This ensures that even if we have one or more\n   * proxies in our route to the endPoint, all connections have been\n   * opened successfully.\n   * First time in here (on our initial successful connection) we switch\n   * from 'connect' phase to 'reconnect' phase. We may have different\n   * retry configurations for these two phases.\n   */\n  private set confirmedOpen(confirmedOpen: boolean) {\n    this.#confirmedOpen = confirmedOpen;\n\n    if (confirmedOpen && this.isConnecting) {\n      this.#connectionState = {\n        ...this.#connectionState,\n        connectionPhase: \"reconnecting\",\n        ...this.#reconnectAttempts,\n      };\n    } else if (confirmedOpen) {\n      // we have successfully reconnected after a failure.\n      // Reset the retry attempts, ready for next failure\n      // Note: this retry is shared with 'disconnected' status\n      this.#connectionState = {\n        ...this.#connectionState,\n        ...this.#reconnectAttempts,\n      };\n    }\n  }\n\n  get url() {\n    return this.#url;\n  }\n\n  async connect(clientCall = true) {\n    const state = this.#connectionState;\n    if (this.isConnecting && this.#deferredConnection === undefined) {\n      // We block on the first connecting call, this will be the\n      // initial connect call from app. Any other calls will be\n      // reconnect attempts. The initial connecting call returns a promise.\n      // This promise is resolved either on that initial call or on a\n      // subsequent successful retry attempt within nthat same initial\n      // connecting phase.\n      this.#deferredConnection = new DeferredPromise();\n    }\n    const { connectionTimeout, protocols, url } = this;\n    this.status = state.connectionPhase;\n    const timer = setTimeout(() => {\n      throw Error(\n        `Failed to open WebSocket connection to ${url}, timed out after ${connectionTimeout}ms`,\n      );\n    }, connectionTimeout);\n\n    const ws = (this.#ws = new WebSocket(url, protocols));\n\n    ws.onopen = () => {\n      const connectedStatus = ConnectingEndState[state.connectionPhase];\n      this.status = connectedStatus;\n      clearTimeout(timer);\n      if (this.#deferredConnection) {\n        this.#deferredConnection.resolve(undefined);\n        this.#deferredConnection = undefined;\n      }\n      if (this.isConnecting) {\n        this.emit(\"connected\");\n      } else {\n        this.emit(\"reconnected\");\n      }\n    };\n    ws.onerror = () => {\n      clearTimeout(timer);\n    };\n\n    ws.onclose = () => {\n      if (!this.isClosed) {\n        this.confirmedOpen = false;\n        this.status = \"disconnected\";\n        if (this.hasConnectionAttemptsRemaining) {\n          this.reconnect();\n        } else {\n          this.close(\"failure\");\n        }\n      }\n    };\n\n    ws.onmessage = (evt) => {\n      if (!this.confirmedOpen) {\n        // Now that we are confirmedOpen any subsequent close events\n        // will be treated as part of a reconnection phase.\n        this.confirmedOpen = true;\n      }\n      this.receive(evt);\n    };\n\n    if (clientCall) {\n      return this.#deferredConnection?.promise;\n    }\n  }\n\n  private reconnect() {\n    const { retryAttemptsRemaining, secondsToNextRetry } =\n      this.#connectionState;\n    setTimeout(() => {\n      this.#connectionState = {\n        ...this.#connectionState,\n        retryAttemptsRemaining: retryAttemptsRemaining - 1,\n        secondsToNextRetry: secondsToNextRetry * 2,\n      };\n      this.connect(false);\n    }, secondsToNextRetry * 1000);\n  }\n\n  private receive = (evt: MessageEvent) => {\n    const vuuMessageFromServer = parseWebSocketMessage(evt.data);\n    if (vuuMessageFromServer.body.type === \"CHANGE_VP_RANGE_SUCCESS\") {\n      info?.(`CHANGE_VP_RANGE_SUCCESS<#${vuuMessageFromServer.requestId}>`);\n    }\n    if (debugEnabled) {\n      if (vuuMessageFromServer.body.type !== \"HB\") {\n        debug(`${vuuMessageFromServer.body.type}`);\n        if (vuuMessageFromServer.body.type === \"CHANGE_VP_SUCCESS\") {\n          debug(JSON.stringify(vuuMessageFromServer.body));\n        }\n      }\n    }\n    this.#callback(vuuMessageFromServer);\n  };\n\n  send = (msg: VuuClientMessage) => {\n    if (msg.body.type === \"CHANGE_VP_RANGE\") {\n      info?.(\n        `CHANGE_VP_RANGE<#${msg.requestId}> ${msg.body.from}-${msg.body.to}`,\n      );\n    }\n    this.#ws?.send(JSON.stringify(msg));\n  };\n\n  close(reason: WebSocketConnectionCloseReason = \"shutdown\") {\n    this.status = \"closed\";\n    if (reason === \"failure\") {\n      if (this.#deferredConnection) {\n        this.#deferredConnection.reject(Error(\"connection failed\"));\n        this.#deferredConnection = undefined;\n      }\n    } else {\n      this.#ws?.close();\n    }\n    this.emit(\"closed\", reason);\n    this.#ws = undefined;\n  }\n}\n"],"names":[],"mappings":";;AA6BsC,OAAO,qBAAqB;AAQrD,MAAA,4BAAA,GAA+B,CAC1C,GACoC,KAAA;AACpC,EAAA,IAAI,sBAAsB,GAAK,EAAA;AAC7B,IAAO,OAAA;AAAA,MACL,YAAA;AAAA,MACA,WAAA;AAAA,MACA,kCAAA;AAAA,MACA,cAAA;AAAA,MACA,aAAA;AAAA,MACA,cAAA;AAAA,MACA,QAAA;AAAA,MACA;AAAA,KACF,CAAE,QAAS,CAAA,GAAA,CAAI,gBAAgB,CAAA;AAAA,GAC1B,MAAA;AACL,IAAO,OAAA,KAAA;AAAA;AAEX;;;;"}
+{"version":3,"file":"WebSocketConnection.js","sources":["../../../packages/vuu-data-remote/src/WebSocketConnection.ts"],"sourcesContent":["import { WebSocketProtocol } from \"@vuu-ui/vuu-data-types\";\nimport { VuuClientMessage, VuuServerMessage } from \"@vuu-ui/vuu-protocol-types\";\nimport { DeferredPromise, EventEmitter, logger } from \"@vuu-ui/vuu-utils\";\n\nexport type ConnectingStatus = \"connecting\" | \"reconnecting\";\nexport type ConnectedStatus = \"connected\" | \"reconnected\";\nexport type ConnectionStatus =\n  | ConnectedStatus\n  | \"closed\"\n  | \"connection-open-awaiting-session\"\n  | \"disconnected\"\n  | \"failed\"\n  | \"inactive\";\n\ntype InternalConnectionStatus = ConnectionStatus | ConnectingStatus;\n\ntype ReconnectAttempts = {\n  retryAttemptsTotal: number;\n  retryAttemptsRemaining: number;\n  secondsToNextRetry: number;\n};\n\nexport interface WebSocketConnectionState<\n  T extends InternalConnectionStatus = ConnectionStatus,\n> extends ReconnectAttempts {\n  connectionPhase: ConnectingStatus;\n  connectionStatus: T;\n}\n\nconst { debug, debugEnabled, info } = logger(\"WebSocketConnection\");\n\nconst isNotConnecting = (\n  connectionState: WebSocketConnectionState<InternalConnectionStatus>,\n): connectionState is WebSocketConnectionState<ConnectionStatus> =>\n  connectionState.connectionStatus !== \"connecting\" &&\n  connectionState.connectionStatus !== \"reconnecting\";\n\nexport const isWebSocketConnectionMessage = (\n  msg: object | WebSocketConnectionState,\n): msg is WebSocketConnectionState => {\n  if (\"connectionStatus\" in msg) {\n    return [\n      \"connecting\",\n      \"connected\",\n      \"connection-open-awaiting-session\",\n      \"reconnecting\",\n      \"reconnected\",\n      \"disconnected\",\n      \"closed\",\n      \"failed\",\n    ].includes(msg.connectionStatus);\n  } else {\n    return false;\n  }\n};\n\nexport const isConnected = (\n  status: ConnectionStatus,\n): status is ConnectedStatus =>\n  status === \"connected\" || status === \"reconnected\";\n\nexport type VuuServerMessageCallback = (msg: VuuServerMessage) => void;\n\nexport type RetryLimits = {\n  connect: number;\n  reconnect: number;\n};\n\nexport type WebSocketConnectionConfig = {\n  url: string;\n  protocols: WebSocketProtocol;\n  callback: VuuServerMessageCallback;\n  connectionTimeout?: number;\n  retryLimits?: RetryLimits;\n};\n\nconst DEFAULT_RETRY_LIMITS: RetryLimits = {\n  connect: 5,\n  reconnect: 8,\n};\n\nconst DEFAULT_CONNECTION_TIMEOUT = 10000;\n\nconst ConnectingEndState: Record<ConnectingStatus, ConnectedStatus> = {\n  connecting: \"connected\",\n  reconnecting: \"reconnected\",\n} as const;\n\nconst parseWebSocketMessage = (message: string): VuuServerMessage => {\n  try {\n    return JSON.parse(message) as VuuServerMessage;\n  } catch (e) {\n    throw Error(`Error parsing JSON response from server ${message}`);\n  }\n};\n\nexport type WebSocketConnectionCloseReason = \"failure\" | \"shutdown\";\nexport type WebSocketConnectionEvents = {\n  closed: (reason: WebSocketConnectionCloseReason) => void;\n  connected: () => void;\n  \"connection-status\": (message: WebSocketConnectionState) => void;\n  reconnected: () => void;\n};\n\nexport class WebSocketConnection extends EventEmitter<WebSocketConnectionEvents> {\n  #callback;\n  /**\n   We are not confirmedOpen until we receive the first message from the\n   server. If we get an unexpected close event before that, we consider\n   the reconnect attempts as still within the connection phase, not true\n   reconnection. This can happen e.g. when connecting to remote host via\n   a proxy.\n  */\n  #confirmedOpen = false;\n  #connectionState: WebSocketConnectionState<InternalConnectionStatus>;\n  #connectionTimeout;\n  #deferredConnection?: DeferredPromise;\n  #protocols;\n  #reconnectAttempts: ReconnectAttempts;\n  #requiresLogin = true;\n  #url;\n  #ws?: WebSocket;\n\n  constructor({\n    callback,\n    connectionTimeout = DEFAULT_CONNECTION_TIMEOUT,\n    protocols,\n    retryLimits = DEFAULT_RETRY_LIMITS,\n    url,\n  }: WebSocketConnectionConfig) {\n    super();\n\n    this.#callback = callback;\n    this.#connectionTimeout = connectionTimeout;\n    this.#url = url;\n    this.#protocols = protocols;\n\n    this.#reconnectAttempts = {\n      retryAttemptsTotal: retryLimits.reconnect,\n      retryAttemptsRemaining: retryLimits.reconnect,\n      secondsToNextRetry: 1,\n    };\n\n    /**\n     * Initial retryAttempts are for the 'connecting' phase. These will\n     * be replaced with 'reconnecting' phase retry attempts only once\n     * initial connection succeeds.\n     */\n    this.#connectionState = {\n      connectionPhase: \"connecting\",\n      connectionStatus: \"closed\",\n      retryAttemptsTotal: retryLimits.connect,\n      retryAttemptsRemaining: retryLimits.connect,\n      secondsToNextRetry: 1,\n    };\n  }\n\n  get connectionTimeout() {\n    return this.#connectionTimeout;\n  }\n\n  get protocols() {\n    return this.#protocols;\n  }\n\n  get requiresLogin() {\n    return this.#requiresLogin;\n  }\n\n  get isClosed() {\n    return this.status === \"closed\";\n  }\n  get isDisconnected() {\n    return this.status === \"disconnected\";\n  }\n\n  get isConnecting() {\n    return this.#connectionState.connectionPhase === \"connecting\";\n  }\n\n  get status() {\n    return this.#connectionState.connectionStatus;\n  }\n\n  private set status(connectionStatus: InternalConnectionStatus) {\n    this.#connectionState = {\n      ...this.#connectionState,\n      connectionStatus,\n    };\n    // we don't publish the connecting states. They have little meaning for clients\n    // and are will generally be very short-lived.\n    if (isNotConnecting(this.#connectionState)) {\n      this.emit(\"connection-status\", this.#connectionState);\n    }\n  }\n\n  get connectionState() {\n    return this.#connectionState;\n  }\n\n  private get hasConnectionAttemptsRemaining() {\n    return this.#connectionState.retryAttemptsRemaining > 0;\n  }\n\n  private get confirmedOpen() {\n    return this.#confirmedOpen;\n  }\n\n  /**\n   * We are 'confirmedOpen' when we see the first message transmitted\n   * from the server. This ensures that even if we have one or more\n   * proxies in our route to the endPoint, all connections have been\n   * opened successfully.\n   * First time in here (on our initial successful connection) we switch\n   * from 'connect' phase to 'reconnect' phase. We may have different\n   * retry configurations for these two phases.\n   */\n  private set confirmedOpen(confirmedOpen: boolean) {\n    this.#confirmedOpen = confirmedOpen;\n\n    if (confirmedOpen && this.isConnecting) {\n      this.#connectionState = {\n        ...this.#connectionState,\n        connectionPhase: \"reconnecting\",\n        ...this.#reconnectAttempts,\n      };\n    } else if (confirmedOpen) {\n      // we have successfully reconnected after a failure.\n      // Reset the retry attempts, ready for next failure\n      // Note: this retry is shared with 'disconnected' status\n      this.#connectionState = {\n        ...this.#connectionState,\n        ...this.#reconnectAttempts,\n      };\n    }\n  }\n\n  get url() {\n    return this.#url;\n  }\n\n  async connect(clientCall = true) {\n    const state = this.#connectionState;\n    if (this.isConnecting && this.#deferredConnection === undefined) {\n      // We block on the first connecting call, this will be the\n      // initial connect call from app. Any other calls will be\n      // reconnect attempts. The initial connecting call returns a promise.\n      // This promise is resolved either on that initial call or on a\n      // subsequent successful retry attempt within nthat same initial\n      // connecting phase.\n      this.#deferredConnection = new DeferredPromise();\n    }\n    const { connectionTimeout, protocols, url } = this;\n    this.status = state.connectionPhase;\n    const timer = setTimeout(() => {\n      throw Error(\n        `Failed to open WebSocket connection to ${url}, timed out after ${connectionTimeout}ms`,\n      );\n    }, connectionTimeout);\n\n    const ws = (this.#ws = new WebSocket(url, protocols));\n\n    ws.onopen = () => {\n      const connectedStatus = ConnectingEndState[state.connectionPhase];\n      this.status = connectedStatus;\n      clearTimeout(timer);\n      if (this.#deferredConnection) {\n        this.#deferredConnection.resolve(undefined);\n        this.#deferredConnection = undefined;\n      }\n      if (this.isConnecting) {\n        this.emit(\"connected\");\n      } else {\n        this.emit(\"reconnected\");\n      }\n    };\n    ws.onerror = () => {\n      clearTimeout(timer);\n    };\n\n    ws.onclose = () => {\n      if (!this.isClosed) {\n        this.confirmedOpen = false;\n        this.status = \"disconnected\";\n        if (this.hasConnectionAttemptsRemaining) {\n          this.reconnect();\n        } else {\n          this.close(\"failure\");\n        }\n      }\n    };\n\n    ws.onmessage = (evt) => {\n      if (!this.confirmedOpen) {\n        // Now that we are confirmedOpen any subsequent close events\n        // will be treated as part of a reconnection phase.\n        this.confirmedOpen = true;\n      }\n      this.receive(evt);\n    };\n\n    if (clientCall) {\n      return this.#deferredConnection?.promise;\n    }\n  }\n\n  private reconnect() {\n    const { retryAttemptsRemaining, secondsToNextRetry } =\n      this.#connectionState;\n    setTimeout(() => {\n      this.#connectionState = {\n        ...this.#connectionState,\n        retryAttemptsRemaining: retryAttemptsRemaining - 1,\n        secondsToNextRetry: secondsToNextRetry * 2,\n      };\n      this.connect(false);\n    }, secondsToNextRetry * 1000);\n  }\n\n  private receive = (evt: MessageEvent) => {\n    const vuuMessageFromServer = parseWebSocketMessage(evt.data);\n    if (vuuMessageFromServer.body.type === \"CHANGE_VP_RANGE_SUCCESS\") {\n      info?.(`CHANGE_VP_RANGE_SUCCESS<#${vuuMessageFromServer.requestId}>`);\n    }\n    if (debugEnabled) {\n      if (vuuMessageFromServer.body.type !== \"HB\") {\n        debug(`${vuuMessageFromServer.body.type}`);\n        if (vuuMessageFromServer.body.type === \"CHANGE_VP_SUCCESS\") {\n          debug(JSON.stringify(vuuMessageFromServer.body));\n        }\n      }\n    }\n    this.#callback(vuuMessageFromServer);\n  };\n\n  send = (msg: VuuClientMessage) => {\n    if (msg.body.type === \"CHANGE_VP_RANGE\") {\n      info?.(\n        `CHANGE_VP_RANGE<#${msg.requestId}> ${msg.body.from}-${msg.body.to}`,\n      );\n    }\n    this.#ws?.send(JSON.stringify(msg));\n  };\n\n  close(reason: WebSocketConnectionCloseReason = \"shutdown\") {\n    this.status = \"closed\";\n    if (reason === \"failure\") {\n      if (this.#deferredConnection) {\n        this.#deferredConnection.reject(Error(\"connection failed\"));\n        this.#deferredConnection = undefined;\n      }\n    } else {\n      this.#ws?.close();\n    }\n    this.emit(\"closed\", reason);\n    this.#ws = undefined;\n  }\n}\n"],"names":[],"mappings":";;AA6BsC,OAAO,qBAAqB;AAQrD,MAAA,4BAAA,GAA+B,CAC1C,GACoC,KAAA;AACpC,EAAA,IAAI,sBAAsB,GAAK,EAAA;AAC7B,IAAO,OAAA;AAAA,MACL,YAAA;AAAA,MACA,WAAA;AAAA,MACA,kCAAA;AAAA,MACA,cAAA;AAAA,MACA,aAAA;AAAA,MACA,cAAA;AAAA,MACA,QAAA;AAAA,MACA;AAAA,KACF,CAAE,QAAS,CAAA,GAAA,CAAI,gBAAgB,CAAA;AAAA,GAC1B,MAAA;AACL,IAAO,OAAA,KAAA;AAAA;AAEX;AAEO,MAAM,WAAc,GAAA,CACzB,MAEA,KAAA,MAAA,KAAW,eAAe,MAAW,KAAA;;;;"}

package/esm/index.js

@@ -4,4 +4,5 @@ export { connectionId, msgType } from './constants.js';
 export { isDataSourceConfigMessage, isSizeOnly, shouldMessageBeRoutedToDataSource, toDataSourceConfig } from './data-source.js';
 export { createSchemaFromTableMetadata, gapBetweenLastRowSentToClient, getFirstAndLastRows, groupRowsByViewport, hasRequestId, stripRequestId } from './message-utils.js';
 export { VuuDataSource } from './VuuDataSource.js';
+export { isConnected } from './WebSocketConnection.js';
 //# sourceMappingURL=index.js.map

package/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/esm/inlined-worker.js

@@ -1363,6 +1363,13 @@ var Viewport = class {
       }
     }
   }
+  clearCache() {
+    this.dataWindow.setRowCount(0);
+    this.postMessageToClient({
+      clientViewportId: this.clientViewportId,
+      type: "viewport-clear"
+    });
+  }
   updateRows(rows) {
     var _a, _b, _c;
     const [firstRow, lastRow] = getFirstAndLastRows(rows);
@@ -1558,6 +1565,14 @@ var ServerProxy = class {
     __publicField(this, "cachedTableMetaRequests", /* @__PURE__ */ new Map());
     __publicField(this, "cachedTableSchemas", /* @__PURE__ */ new Map());
     __publicField(this, "tableList");
+    __publicField(this, "connectionClosed", (reason) => {
+      console.log(\`[ServerProxy] connectionClosed reason \${reason}\`);
+    });
+    __publicField(this, "connectionStatusChanged", (message) => {
+      if (message.connectionStatus === "disconnected") {
+        this.clearAllViewports();
+      }
+    });
     __publicField(this, "reconnect", async () => {
       await this.login(this.authToken);
       const [activeViewports, inactiveViewports] = partition(
@@ -1596,6 +1611,8 @@ var ServerProxy = class {
     this.viewports = /* @__PURE__ */ new Map();
     this.mapClientToServerViewport = /* @__PURE__ */ new Map();
     connection.on("reconnected", this.reconnect);
+    connection.on("closed", this.connectionClosed);
+    connection.on("connection-status", this.connectionStatusChanged);
   }
   async login(authToken, user = "user") {
     if (authToken) {
@@ -1612,6 +1629,11 @@ var ServerProxy = class {
       error2("login, cannot login until auth token has been obtained");
     }
   }
+  clearAllViewports() {
+    this.viewports.forEach((viewport) => {
+      viewport.clearCache();
+    });
+  }
   disconnect() {
     this.viewports.forEach((viewport) => {
       const { clientViewportId } = viewport;