@vuu-ui/vuu-data-remote 2.1.13 → 2.1.16

package/cjs/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 {\n  InvalidSessionReason,\n  InvalidTokenReason,\n  LoginErrorMessage,\n  VuuClientMessage,\n  VuuServerMessage,\n} from \"@vuu-ui/vuu-protocol-types\";\nimport {\n  DeferredPromise,\n  EventEmitter,\n  isLoginErrorMessage,\n  logger,\n} from \"@vuu-ui/vuu-utils\";\n\nexport type ConnectionPhase =\n  | \"initial-connection\"\n  | \"post-disconnect-reconnection\";\nexport type ConnectingStatus = \"connecting\" | \"reconnecting\";\nexport type ConnectedStatus = \"connected\" | \"reconnected\";\nexport type ConnectionStatus =\n  | ConnectingStatus\n  | ConnectedStatus\n  | \"closed\"\n  | \"websocket-open\"\n  | \"disconnected\"\n  | \"failed\"\n  | \"inactive\";\n\nexport const isInvalidTokenReason = (\n  text: string,\n): text is InvalidTokenReason =>\n  text === \"Invalid token\" || text === \"Token has expired\";\n\nexport const isInvalidSessionReason = (\n  text: string,\n): text is InvalidSessionReason =>\n  text === \"Invalid session\" || text === \"User session limit exceeded\";\n\nconst { debug, debugEnabled, info } = logger(\"WebSocketConnection\");\n\nexport const isWebSocketConnectionStatus = (\n  msg: unknown,\n): msg is ConnectionStatus =>\n  typeof msg === \"string\" &&\n  [\n    \"connecting\",\n    \"websocket-open\",\n    \"connected\",\n    \"reconnecting\",\n    \"reconnected\",\n    \"disconnected\",\n    \"closed\",\n    \"failed\",\n  ].includes(msg);\n\nexport const isConnected = (\n  status: ConnectionStatus,\n): status is ConnectedStatus =>\n  status === \"connected\" || status === \"reconnected\";\n\nexport type LoginRejectedMessage = {\n  type: \"LOGIN_REJECTED\";\n  reason: LoginErrorMessage;\n};\n\nexport const isLoginRejectedMessage = (\n  message: object,\n): message is LoginRejectedMessage =>\n  message !== null && \"type\" in message && message.type === \"LOGIN_REJECTED\";\n\nexport type VuuServerMessageCallback = (\n  msg: VuuServerMessage | LoginRejectedMessage,\n) => void;\n\nexport type WebSocketConnectionConfig = {\n  url: string;\n  protocols: WebSocketProtocol;\n  callback: VuuServerMessageCallback;\n  connectionTimeout?: number;\n};\n\nconst DEFAULT_CONNECTION_TIMEOUT = 10000;\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 =\n  | LoginErrorMessage\n  | \"failure\"\n  | \"shutdown\";\n\nexport type WebSocketConnectionEvents = {\n  \"connection-status\": (status: ConnectionStatus) => 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  #connectionPhase: ConnectionPhase = \"initial-connection\";\n  #connectionStatus: ConnectionStatus = \"closed\";\n\n  #connectionTimeout;\n  #deferredOpen?: DeferredPromise;\n  #protocols;\n  #url;\n  #ws?: WebSocket;\n\n  constructor({\n    callback,\n    connectionTimeout = DEFAULT_CONNECTION_TIMEOUT,\n    protocols,\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\n  get connectionTimeout() {\n    return this.#connectionTimeout;\n  }\n\n  get protocols() {\n    return this.#protocols;\n  }\n\n  get isClosed() {\n    return this.#connectionStatus === \"closed\";\n  }\n  get isDisconnected() {\n    return this.#connectionStatus === \"disconnected\";\n  }\n\n  get connectionPhase() {\n    return this.#connectionPhase;\n  }\n\n  get connectionStatus() {\n    return this.#connectionStatus;\n  }\n\n  private set connectionStatus(connectionStatus: ConnectionStatus) {\n    if (\n      connectionStatus !== \"connecting\" &&\n      connectionStatus !== \"reconnecting\"\n    ) {\n      this.#connectionStatus = connectionStatus;\n      this.emit(\"connection-status\", this.#connectionStatus);\n    }\n  }\n\n  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    if (confirmedOpen && this.#connectionPhase === \"initial-connection\") {\n      this.#connectionPhase = \"post-disconnect-reconnection\";\n    }\n  }\n\n  get url() {\n    return this.#url;\n  }\n\n  async openWebSocket() {\n    const initialConnect = this.#connectionPhase === \"initial-connection\";\n    if (this.#deferredOpen === undefined) {\n      this.#deferredOpen = new DeferredPromise();\n    }\n    const { connectionTimeout, protocols, url } = this;\n    this.#connectionStatus = initialConnect ? \"connecting\" : \"reconnecting\";\n\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      this.connectionStatus = \"websocket-open\";\n\n      clearTimeout(timer);\n\n      // Do we do this here or after login\n      if (this.#deferredOpen) {\n        this.#deferredOpen.resolve(undefined);\n        this.#deferredOpen = undefined;\n      }\n    };\n\n    ws.onerror = () => {\n      clearTimeout(timer);\n    };\n\n    ws.onclose = () => {\n      if (!this.isClosed) {\n        this.confirmedOpen = false;\n        // Do we emit disconnected even if not confirmed open ?\n        // this will emit disconnected\n        this.connectionStatus = \"disconnected\";\n        // this will emit closed\n        this.close(\"failure\");\n      }\n    };\n\n    ws.onmessage = (evt) => {\n      this.receive(evt);\n    };\n\n    return this.#deferredOpen?.promise;\n  }\n\n  private receive = (evt: MessageEvent) => {\n    if (isLoginErrorMessage(evt.data)) {\n      console.log(`[WebSocketConnection] closed because of login issue`);\n      if (this.#deferredOpen) {\n        console.log(`... and qwe have a deferred connection`);\n      }\n\n      this.#callback({\n        type: \"LOGIN_REJECTED\",\n        reason: evt.data,\n      });\n      this.close(evt.data);\n    } else {\n      const vuuMessageFromServer = parseWebSocketMessage(evt.data);\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      if (!this.confirmedOpen) {\n        if (vuuMessageFromServer.body.type === \"LOGIN_SUCCESS\") {\n          // Now that we are confirmedOpen any subsequent close events\n          // will be treated as part of a reconnection phase.\n          this.connectionStatus =\n            this.#connectionPhase === \"initial-connection\"\n              ? \"connected\"\n              : \"reconnected\";\n          this.confirmedOpen = true;\n        }\n      }\n    }\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.connectionStatus = \"closed\";\n    if (reason === \"failure\") {\n      if (this.#deferredOpen) {\n        this.#deferredOpen.reject(Error(\"connection failed\"));\n        this.#deferredOpen = undefined;\n      }\n    } else {\n      this.#ws?.close();\n    }\n    this.#ws = undefined;\n  }\n}\n"],"names":["logger"],"mappings":";;;;AAuCsCA,gBAAO,qBAAqB;AAE3D,MAAM,2BAA8B,GAAA,CACzC,GAEA,KAAA,OAAO,QAAQ,QACf,IAAA;AAAA,EACE,YAAA;AAAA,EACA,gBAAA;AAAA,EACA,WAAA;AAAA,EACA,cAAA;AAAA,EACA,aAAA;AAAA,EACA,cAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAA,CAAE,SAAS,GAAG;AAET,MAAM,WAAc,GAAA,CACzB,MAEA,KAAA,MAAA,KAAW,eAAe,MAAW,KAAA;;;;;"}
+{"version":3,"file":"WebSocketConnection.js","sources":["../../../packages/vuu-data-remote/src/WebSocketConnection.ts"],"sourcesContent":["import { WebSocketProtocol } from \"@vuu-ui/vuu-data-types\";\nimport {\n  InvalidSessionReason,\n  InvalidTokenReason,\n  LoginErrorMessage,\n  VuuClientMessage,\n  VuuServerMessage,\n} from \"@vuu-ui/vuu-protocol-types\";\nimport {\n  DeferredPromise,\n  EventEmitter,\n  isLoginErrorMessage,\n  logger,\n} from \"@vuu-ui/vuu-utils\";\n\nexport type ConnectionPhase =\n  | \"initial-connection\"\n  | \"post-disconnect-reconnection\";\nexport type ConnectingStatus = \"connecting\" | \"reconnecting\";\nexport type ConnectedStatus = \"connected\" | \"reconnected\";\nexport type ConnectionStatus =\n  | ConnectingStatus\n  | ConnectedStatus\n  | \"closed\"\n  | \"websocket-open\"\n  | \"disconnected\"\n  | \"failed\"\n  | \"inactive\";\n\nexport const isInvalidTokenReason = (\n  text: string,\n): text is InvalidTokenReason =>\n  text === \"Invalid token\" || text === \"Token has expired\";\n\nexport const isInvalidSessionReason = (\n  text: string,\n): text is InvalidSessionReason =>\n  text === \"Invalid session\" || text === \"User session limit exceeded\";\n\nconst { debug, debugEnabled, info } = logger(\"WebSocketConnection\");\n\nexport const isWebSocketConnectionStatus = (\n  msg: unknown,\n): msg is ConnectionStatus =>\n  typeof msg === \"string\" &&\n  [\n    \"connecting\",\n    \"websocket-open\",\n    \"connected\",\n    \"reconnecting\",\n    \"reconnected\",\n    \"disconnected\",\n    \"closed\",\n    \"failed\",\n  ].includes(msg);\n\nexport const isConnected = (\n  status: ConnectionStatus,\n): status is ConnectedStatus =>\n  status === \"connected\" || status === \"reconnected\";\n\nexport type LoginRejectedMessage = {\n  type: \"LOGIN_REJECTED\";\n  reason: LoginErrorMessage;\n};\n\nexport const isLoginRejectedMessage = (\n  message: object,\n): message is LoginRejectedMessage =>\n  message !== null && \"type\" in message && message.type === \"LOGIN_REJECTED\";\n\nexport type VuuServerMessageCallback = (\n  msg: VuuServerMessage | LoginRejectedMessage,\n) => void;\n\nexport type WebSocketConnectionConfig = {\n  url: string;\n  protocols: WebSocketProtocol;\n  callback: VuuServerMessageCallback;\n  connectionTimeout?: number;\n};\n\nconst DEFAULT_CONNECTION_TIMEOUT = 10000;\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 =\n  | LoginErrorMessage\n  | \"failure\"\n  | \"shutdown\";\n\nexport type WebSocketConnectionEvents = {\n  \"connection-status\": (status: ConnectionStatus) => 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  #connectionPhase: ConnectionPhase = \"initial-connection\";\n  #connectionStatus: ConnectionStatus = \"closed\";\n\n  #connectionTimeout;\n  #deferredOpen?: DeferredPromise;\n  #protocols;\n  #url;\n  #ws?: WebSocket;\n\n  constructor({\n    callback,\n    connectionTimeout = DEFAULT_CONNECTION_TIMEOUT,\n    protocols,\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\n  get connectionTimeout() {\n    return this.#connectionTimeout;\n  }\n\n  get protocols() {\n    return this.#protocols;\n  }\n\n  get isClosed() {\n    return this.#connectionStatus === \"closed\";\n  }\n  get isDisconnected() {\n    return this.#connectionStatus === \"disconnected\";\n  }\n\n  get connectionPhase() {\n    return this.#connectionPhase;\n  }\n\n  get connectionStatus() {\n    return this.#connectionStatus;\n  }\n\n  private set connectionStatus(connectionStatus: ConnectionStatus) {\n    if (\n      connectionStatus !== \"connecting\" &&\n      connectionStatus !== \"reconnecting\"\n    ) {\n      this.#connectionStatus = connectionStatus;\n      this.emit(\"connection-status\", this.#connectionStatus);\n    }\n  }\n\n  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    if (confirmedOpen && this.#connectionPhase === \"initial-connection\") {\n      this.#connectionPhase = \"post-disconnect-reconnection\";\n    }\n  }\n\n  get url() {\n    return this.#url;\n  }\n\n  async openWebSocket() {\n    const initialConnect = this.#connectionPhase === \"initial-connection\";\n    if (this.#deferredOpen === undefined) {\n      this.#deferredOpen = new DeferredPromise();\n    }\n    const { connectionTimeout, protocols, url } = this;\n    this.#connectionStatus = initialConnect ? \"connecting\" : \"reconnecting\";\n\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      this.connectionStatus = \"websocket-open\";\n\n      clearTimeout(timer);\n\n      // Do we do this here or after login\n      if (this.#deferredOpen) {\n        this.#deferredOpen.resolve(undefined);\n        this.#deferredOpen = undefined;\n      }\n    };\n\n    ws.onerror = () => {\n      clearTimeout(timer);\n    };\n\n    ws.onclose = () => {\n      if (!this.isClosed) {\n        this.confirmedOpen = false;\n        // Do we emit disconnected even if not confirmed open ?\n        // this will emit disconnected\n        this.connectionStatus = \"disconnected\";\n        // this will emit closed\n        this.close(\"failure\");\n      }\n    };\n\n    ws.onmessage = (evt) => {\n      this.receive(evt);\n    };\n\n    return this.#deferredOpen?.promise;\n  }\n\n  private receive = (evt: MessageEvent) => {\n    if (isLoginErrorMessage(evt.data)) {\n      console.warn(`[WebSocketConnection] closed because of login issue`);\n      if (this.#deferredOpen) {\n        console.warn(`... and we have a deferred connection`);\n      }\n\n      this.#callback({\n        type: \"LOGIN_REJECTED\",\n        reason: evt.data,\n      });\n      this.close(evt.data);\n    } else {\n      const vuuMessageFromServer = parseWebSocketMessage(evt.data);\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      if (!this.confirmedOpen) {\n        if (vuuMessageFromServer.body.type === \"LOGIN_SUCCESS\") {\n          // Now that we are confirmedOpen any subsequent close events\n          // will be treated as part of a reconnection phase.\n          this.connectionStatus =\n            this.#connectionPhase === \"initial-connection\"\n              ? \"connected\"\n              : \"reconnected\";\n          this.confirmedOpen = true;\n        }\n      }\n    }\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.connectionStatus = \"closed\";\n    if (reason === \"failure\") {\n      if (this.#deferredOpen) {\n        this.#deferredOpen.reject(Error(\"connection failed\"));\n        this.#deferredOpen = undefined;\n      }\n    } else {\n      this.#ws?.close();\n    }\n    this.#ws = undefined;\n  }\n}\n"],"names":["logger"],"mappings":";;;;AAuCsCA,gBAAO,qBAAqB;AAE3D,MAAM,2BAA8B,GAAA,CACzC,GAEA,KAAA,OAAO,QAAQ,QACf,IAAA;AAAA,EACE,YAAA;AAAA,EACA,gBAAA;AAAA,EACA,WAAA;AAAA,EACA,cAAA;AAAA,EACA,aAAA;AAAA,EACA,cAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAA,CAAE,SAAS,GAAG;AAET,MAAM,WAAc,GAAA,CACzB,MAEA,KAAA,MAAA,KAAW,eAAe,MAAW,KAAA;;;;;"}

package/cjs/inlined-worker.js

@@ -132,6 +132,45 @@ var EventEmitter = class {
 };
 _events = new WeakMap();
 
+// ../vuu-utils/src/protocol-message-utils.ts
+var MENU_RPC_TYPES = [
+  "VIEW_PORT_MENUS_SELECT_RPC",
+  "VIEW_PORT_MENU_TABLE_RPC",
+  "VIEW_PORT_MENU_ROW_RPC",
+  "VIEW_PORT_MENU_CELL_RPC"
+];
+var INVALID_SESSION = "Invalid session";
+var SESSION_LIMIT_EXCEEDED = "User session limit exceeded";
+var INVALID_TOKEN = "Invalid token";
+var TOKEN_EXPIRED = "Token has expired";
+var InvalidLoginMessages = [
+  INVALID_SESSION,
+  SESSION_LIMIT_EXCEEDED,
+  INVALID_TOKEN,
+  TOKEN_EXPIRED
+];
+var isErrorMessage = (message) => typeof message == "object" && (message == null ? void 0 : message.type) === "ERROR";
+var isLoginErrorMessage = (message) => typeof message === "string" && InvalidLoginMessages.includes(message);
+var isSelectRequest = (message) => message && typeof message === "object" && "type" in message && (message.type === "SELECT_ROW" || message.type === "DESELECT_ROW" || message.type === "SELECT_ROW_RANGE" || message.type === "SELECT_ALL" || message.type === "DESELECT_ALL");
+var isRpcServiceRequest = (message) => message.type === "RPC_REQUEST";
+var hasViewPortContext = (message) => message.context.type === "VIEWPORT_CONTEXT";
+var isVuuMenuRpcRequest = (message) => MENU_RPC_TYPES.includes(message["type"]);
+var isOpenDialogAction = (action) => action !== void 0 && action.type === "OPEN_DIALOG_ACTION";
+var isCreateVpSuccess = (response) => response.type === "CREATE_VP_SUCCESS";
+var isSessionTable = (table) => {
+  if (table !== null && typeof table === "object" && "table" in table && "module" in table) {
+    return table.table.startsWith("session");
+  }
+  return false;
+};
+function isActionMessage(rpcResponse) {
+  return rpcResponse.type === "VIEW_PORT_MENU_RESP";
+}
+function isSessionTableActionMessage(rpcResponse) {
+  var _a, _b;
+  return isActionMessage(rpcResponse) && isOpenDialogAction(rpcResponse.action) && isSessionTable(rpcResponse.action.table) && (((_a = rpcResponse.action) == null ? void 0 : _a.renderComponent) === "inline-form" || ((_b = rpcResponse.action) == null ? void 0 : _b.renderComponent) === "grid");
+}
+
 // ../vuu-utils/src/datasource/datasource-utils.ts
 var isConnectionQualityMetrics = (msg) => msg.type === "connection-metrics";
 var isVisualLinkMessage = (msg) => msg.type.endsWith("_VISUAL_LINK");
@@ -306,45 +345,6 @@ var RangeMonitor = class {
   }
 };
 
-// ../vuu-utils/src/protocol-message-utils.ts
-var MENU_RPC_TYPES = [
-  "VIEW_PORT_MENUS_SELECT_RPC",
-  "VIEW_PORT_MENU_TABLE_RPC",
-  "VIEW_PORT_MENU_ROW_RPC",
-  "VIEW_PORT_MENU_CELL_RPC"
-];
-var INVALID_SESSION = "Invalid session";
-var SESSION_LIMIT_EXCEEDED = "User session limit exceeded";
-var INVALID_TOKEN = "Invalid token";
-var TOKEN_EXPIRED = "Token has expired";
-var InvalidLoginMessages = [
-  INVALID_SESSION,
-  SESSION_LIMIT_EXCEEDED,
-  INVALID_TOKEN,
-  TOKEN_EXPIRED
-];
-var isErrorMessage = (message) => typeof message == "object" && (message == null ? void 0 : message.type) === "ERROR";
-var isLoginErrorMessage = (message) => typeof message === "string" && InvalidLoginMessages.includes(message);
-var isSelectRequest = (message) => message && typeof message === "object" && "type" in message && (message.type === "SELECT_ROW" || message.type === "DESELECT_ROW" || message.type === "SELECT_ROW_RANGE" || message.type === "SELECT_ALL" || message.type === "DESELECT_ALL");
-var isRpcServiceRequest = (message) => message.type === "RPC_REQUEST";
-var hasViewPortContext = (message) => message.context.type === "VIEWPORT_CONTEXT";
-var isVuuMenuRpcRequest = (message) => MENU_RPC_TYPES.includes(message["type"]);
-var isOpenDialogAction = (action) => action !== void 0 && action.type === "OPEN_DIALOG_ACTION";
-var isCreateVpSuccess = (response) => response.type === "CREATE_VP_SUCCESS";
-var isSessionTable = (table) => {
-  if (table !== null && typeof table === "object" && "table" in table && "module" in table) {
-    return table.table.startsWith("session");
-  }
-  return false;
-};
-function isActionMessage(rpcResponse) {
-  return rpcResponse.type === "VIEW_PORT_MENU_RESP";
-}
-function isSessionTableActionMessage(rpcResponse) {
-  var _a, _b;
-  return isActionMessage(rpcResponse) && isOpenDialogAction(rpcResponse.action) && isSessionTable(rpcResponse.action.table) && (((_a = rpcResponse.action) == null ? void 0 : _a.renderComponent) === "inline-form" || ((_b = rpcResponse.action) == null ? void 0 : _b.renderComponent) === "grid");
-}
-
 // ../vuu-utils/src/keyset.ts
 var EMPTY = [];
 var KeySet = class {
@@ -592,9 +592,13 @@ var ArrayBackedMovingWindow = class {
   get range() {
     return __privateGet(this, _range);
   }
-  get hasAllRowsWithinRange() {
-    return this.rowsWithinRange === this.clientRange.to - this.clientRange.from || this.rowCount > 0 && this.clientRange.from + this.rowsWithinRange === this.rowCount;
-  }
+  // get hasAllRowsWithinRange(): boolean {
+  //   return (
+  //     this.rowsWithinRange === this.clientRange.to - this.clientRange.from ||
+  //     (this.rowCount > 0 &&
+  //       this.clientRange.from + this.rowsWithinRange === this.rowCount)
+  //   );
+  // }
   // Check to see if set of rows is outside the current viewport range, indicating
   // that veiwport is being scrolled quickly and server is not able to keep up.
   outOfRange(firstIndex, lastIndex) {
@@ -908,9 +912,7 @@ var Viewport = class {
     this.table = table;
     this.sort = sort;
     this.title = title;
-    infoEnabled && (info == null ? void 0 : info(
-      \`constructor #\${viewport} \${table.table} bufferSize=\${bufferSize}\`
-    ));
+    infoEnabled && (info == null ? void 0 : info(\`\${table.table} #\${viewport},  bufferSize=\${bufferSize}\`));
     this.dataWindow = new ArrayBackedMovingWindow(
       __privateGet(this, _clientRange),
       range,
@@ -1225,6 +1227,7 @@ var Viewport = class {
   }
   suspend() {
     this.suspended = true;
+    this.pendingUpdates.length = 0;
     info == null ? void 0 : info("suspend");
   }
   resume() {
@@ -1362,9 +1365,11 @@ var Viewport = class {
         }
         if (row.updateType === "U") {
           if ((_c = this.dataWindow) == null ? void 0 : _c.setAtIndex(row)) {
-            this.hasUpdates = true;
-            if (!this.batchMode) {
-              this.pendingUpdates.push(row);
+            if (this.suspended !== true) {
+              this.hasUpdates = true;
+              if (!this.batchMode) {
+                this.pendingUpdates.push(row);
+              }
             }
           }
         }
@@ -1500,9 +1505,9 @@ var WebSocketConnection = class extends EventEmitter {
     __privateAdd(this, _ws);
     __publicField(this, "receive", (evt) => {
       if (isLoginErrorMessage(evt.data)) {
-        console.log(\`[WebSocketConnection] closed because of login issue\`);
+        console.warn(\`[WebSocketConnection] closed because of login issue\`);
         if (__privateGet(this, _deferredOpen)) {
-          console.log(\`... and qwe have a deferred connection\`);
+          console.warn(\`... and we have a deferred connection\`);
         }
         __privateGet(this, _callback).call(this, {
           type: "LOGIN_REJECTED",
@@ -1513,7 +1518,7 @@ var WebSocketConnection = class extends EventEmitter {
         const vuuMessageFromServer = parseWebSocketMessage(evt.data);
         if (debugEnabled3) {
           if (vuuMessageFromServer.body.type !== "HB") {
-            debug3(\`\${vuuMessageFromServer.body.type}\`);
+            debug3(\`<=== \${vuuMessageFromServer.body.type}\`);
             if (vuuMessageFromServer.body.type === "CHANGE_VP_SUCCESS") {
               debug3(JSON.stringify(vuuMessageFromServer.body));
             }
@@ -1532,7 +1537,7 @@ var WebSocketConnection = class extends EventEmitter {
       var _a;
       if (msg.body.type === "CHANGE_VP_RANGE") {
         info2 == null ? void 0 : info2(
-          \`CHANGE_VP_RANGE<#\${msg.requestId}> \${msg.body.from}-\${msg.body.to}\`
+          \`===> CHANGE_VP_RANGE<#\${msg.requestId}> \${msg.body.from}-\${msg.body.to}\`
         );
       }
       (_a = __privateGet(this, _ws)) == null ? void 0 : _a.send(JSON.stringify(msg));
@@ -2421,26 +2426,26 @@ var ServerProxy = class {
           if (debugEnabled4) {
             const [firstRow] = body.rows;
             if (body.rows.length === 0) {
-              infoEnabled2 && info3("handleMessageFromServer TABLE_ROW 0 rows");
+              infoEnabled2 && info3("<=== TABLE_ROW 0 rows");
             } else if ((firstRow == null ? void 0 : firstRow.rowIndex) === -1) {
               if (body.rows.length === 1) {
                 if (firstRow.updateType === "SIZE") {
                   infoEnabled2 && info3(
-                    \`handleMessageFromServer [\${firstRow.viewPortId}] TABLE_ROW SIZE ONLY \${firstRow.vpSize}\`
+                    \`<=== [\${firstRow.viewPortId}] TABLE_ROW SIZE ONLY \${firstRow.vpSize}\`
                   );
                 } else {
                   infoEnabled2 && info3(
-                    \`handleMessageFromServer [\${firstRow.viewPortId}] TABLE_ROW SIZE \${firstRow.vpSize} rowIdx \${firstRow.rowIndex}\`
+                    \`<=== [\${firstRow.viewPortId}] TABLE_ROW SIZE \${firstRow.vpSize} rowIdx \${firstRow.rowIndex}\`
                   );
                 }
               } else {
                 infoEnabled2 && info3(
-                  \`handleMessageFromServer TABLE_ROW \${body.rows.length} rows, SIZE \${firstRow.vpSize}, [\${body.rows.map((r) => r.rowIndex).join(",")}]\`
+                  \`<=== TABLE_ROW \${body.rows.length} rows, SIZE \${firstRow.vpSize}, [\${body.rows.map((r) => r.rowIndex).join(",")}]\`
                 );
               }
             } else {
               infoEnabled2 && info3(
-                \`handleMessageFromServer TABLE_ROW \${body.rows.length} rows [\${body.rows.map((r) => r.rowIndex).join(",")}]\`
+                \`<=== TABLE_ROW \${body.rows.length} rows [\${body.rows.map((r) => r.rowIndex).join(",")}]\`
               );
             }
           }
@@ -2462,7 +2467,9 @@ var ServerProxy = class {
           const viewport = this.viewports.get(body.viewPortId);
           if (viewport) {
             const { from, to } = body;
-            infoEnabled2 && info3(\`CHANGE_VP_RANGE_SUCCESS<#\${requestId}> \${from} - \${to}\`);
+            infoEnabled2 && info3(
+              \`<=== CHANGE_VP_RANGE_SUCCESS<#\${requestId}> \${from} - \${to}\`
+            );
             viewport.completeOperation(requestId, from, to);
           }
         }
@@ -2607,7 +2614,7 @@ var ServerProxy = class {
         error2(body.msg);
         break;
       default:
-        infoEnabled2 && info3(\`handleMessageFromServer \${body["type"]}.\`);
+        infoEnabled2 && info3(\`<=== \${body["type"]}.\`);
     }
   }
   cacheTableMeta(messageBody) {
@@ -2647,7 +2654,7 @@ var ServerProxy = class {
           const size = viewport.getNewRowCount();
           if (size !== void 0 || rows && rows.length > 0) {
             debugEnabled4 && debug4(
-              \`postMessageToClient #\${viewport.clientViewportId} viewport-update \${mode}, \${(_a = rows == null ? void 0 : rows.length) != null ? _a : "no"} rows, size \${size}\`
+              \`===> #\${viewport.clientViewportId} viewport-update \${mode}, \${(_a = rows == null ? void 0 : rows.length) != null ? _a : "no"} rows, size \${size}\`
             );
             if (mode) {
               this.postMessageToClient({
@@ -2714,15 +2721,15 @@ var handleMessageFromClient = async ({
       webSocketConnection == null ? void 0 : webSocketConnection.close();
       break;
     case "subscribe":
-      infoEnabled3 && info4(\`client subscribe: \${JSON.stringify(message)}\`);
+      infoEnabled3 && info4(\`===> \${JSON.stringify(message)}\`);
       serverProxy.subscribe(message);
       break;
     case "unsubscribe":
-      infoEnabled3 && info4(\`client unsubscribe: \${JSON.stringify(message)}\`);
+      infoEnabled3 && info4(\`===> \${JSON.stringify(message)}\`);
       serverProxy.unsubscribe(message.viewport);
       break;
     default:
-      infoEnabled3 && info4(\`client message: \${JSON.stringify(message)}\`);
+      infoEnabled3 && info4(\`===> \${JSON.stringify(message)}\`);
       serverProxy.handleMessageFromClient(message);
   }
 };