@vuu-ui/vuu-data-remote 0.8.94 → 0.8.95

package/cjs/ConnectionManager.js

@@ -153,13 +153,6 @@ const _ConnectionManager = class _ConnectionManager extends vuuUtils.EventEmitte
   destroy() {
     __privateGet(this, _worker).terminate();
   }
-  async makeRpcCall(rpcRequest) {
-    try {
-      return this.asyncRequest(rpcRequest);
-    } catch (err) {
-      throw Error("Error accessing server api");
-    }
-  }
 };
 _connectionState = new WeakMap();
 _instance = new WeakMap();

package/cjs/ConnectionManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConnectionManager.js","sources":["../src/ConnectionManager.ts"],"sourcesContent":["import {\n  ConnectOptions,\n  DataSourceCallbackMessage,\n  ServerAPI,\n  ServerProxySubscribeMessage,\n  TableSchema,\n  VuuUIMessageIn,\n} from \"@vuu-ui/vuu-data-types\";\nimport {\n  VuuCreateVisualLink,\n  VuuRemoveVisualLink,\n  VuuRpcMenuRequest,\n  VuuRpcServiceRequest,\n  VuuRpcViewportRequest,\n  VuuTableList,\n  VuuTableListRequest,\n  VuuTableMetaRequest,\n} from \"@vuu-ui/vuu-protocol-types\";\nimport {\n  DeferredPromise,\n  EventEmitter,\n  isConnectionQualityMetrics,\n  isRequestResponse,\n  isTableSchemaMessage,\n  messageHasResult,\n  uuid,\n} from \"@vuu-ui/vuu-utils\";\nimport {\n  WebSocketConnectionEvents,\n  WebSocketConnectionState,\n  isWebSocketConnectionMessage,\n} from \"./WebSocketConnection\";\nimport { DedicatedWorker } from \"./DedicatedWorker\";\nimport { shouldMessageBeRoutedToDataSource } from \"./data-source\";\n\nimport { ConnectionQualityMetrics } from \"@vuu-ui/vuu-data-types\";\n\nexport type PostMessageToClientCallback = (\n  msg: DataSourceCallbackMessage,\n) => void;\n\nexport type ConnectionEvents = WebSocketConnectionEvents & {\n  \"connection-metrics\": (message: ConnectionQualityMetrics) => void;\n};\n\ntype RegisteredViewport = {\n  postMessageToClientDataSource: PostMessageToClientCallback;\n  request: ServerProxySubscribeMessage;\n  status: \"subscribing\";\n};\n\nclass ConnectionManager extends EventEmitter<ConnectionEvents> {\n  #connectionState: WebSocketConnectionState = {\n    connectionPhase: \"connecting\",\n    connectionStatus: \"closed\",\n    retryAttemptsTotal: -1,\n    retryAttemptsRemaining: -1,\n    secondsToNextRetry: -1,\n  };\n  static #instance: ConnectionManager;\n  #deferredServerAPI = new DeferredPromise<ServerAPI>();\n  #pendingRequests = new Map();\n  #viewports = new Map<string, RegisteredViewport>();\n  // #worker?: Worker;\n  #worker: DedicatedWorker;\n\n  private constructor() {\n    super();\n    this.#worker = new DedicatedWorker(this.handleMessageFromWorker);\n  }\n\n  public static get instance(): ConnectionManager {\n    if (!ConnectionManager.#instance) {\n      ConnectionManager.#instance = new ConnectionManager();\n    }\n    return ConnectionManager.#instance;\n  }\n\n  /**\n   * Open a connection to the VuuServer. This method opens the websocket connection\n   * and logs in. It can be called from whichever client code has access to the auth\n   * token (eg. the login page, or just a hardcoded login script in a sample).\n   * This will unblock any DataSources which may have already tried to subscribe to data,\n   * but lacked access to the auth token.\n   *\n   * @param serverUrl\n   * @param token\n   */\n  async connect(options: ConnectOptions) {\n    const result = await this.#worker.connect(options);\n    if (result === \"connected\") {\n      this.#deferredServerAPI.resolve(this.connectedServerAPI);\n    }\n    return result;\n  }\n\n  private handleMessageFromWorker = (\n    message: VuuUIMessageIn | DataSourceCallbackMessage,\n  ) => {\n    if (shouldMessageBeRoutedToDataSource(message)) {\n      const viewport = this.#viewports.get(message.clientViewportId);\n      if (viewport) {\n        viewport.postMessageToClientDataSource(message);\n      } else {\n        console.error(\n          `[ConnectionManager] ${message.type} message received, viewport not found`,\n        );\n      }\n    } else if (isWebSocketConnectionMessage(message)) {\n      this.#connectionState = message;\n      this.emit(\"connection-status\", message);\n    } else if (isConnectionQualityMetrics(message)) {\n      this.emit(\"connection-metrics\", message);\n    } else if (isRequestResponse(message)) {\n      const { requestId } = message;\n      if (this.#pendingRequests.has(requestId)) {\n        const { resolve } = this.#pendingRequests.get(requestId);\n        this.#pendingRequests.delete(requestId);\n        const { requestId: _, ...messageWithoutRequestId } = message;\n\n        if (messageHasResult(message)) {\n          resolve(message.result);\n        } else if (\n          message.type === \"VP_EDIT_RPC_RESPONSE\" ||\n          message.type === \"VP_EDIT_RPC_REJECT\"\n        ) {\n          resolve(message);\n        } else if (isTableSchemaMessage(message)) {\n          resolve(message.tableSchema);\n        } else {\n          resolve(messageWithoutRequestId);\n        }\n      } else {\n        console.warn(\n          \"%cConnectionManager Unexpected message from the worker\",\n          \"color:red;font-weight:bold;\",\n        );\n      }\n    }\n  };\n\n  get connectionStatus() {\n    return this.#connectionState.connectionStatus;\n  }\n\n  get serverAPI() {\n    return this.#deferredServerAPI.promise;\n  }\n\n  private connectedServerAPI: ServerAPI = {\n    subscribe: (message, callback) => {\n      if (this.#viewports.get(message.viewport)) {\n        throw Error(\n          `ConnectionManager attempting to subscribe with an existing viewport id`,\n        );\n      }\n      // TODO we never use this status\n      this.#viewports.set(message.viewport, {\n        status: \"subscribing\",\n        request: message,\n        postMessageToClientDataSource: callback,\n      });\n      this.#worker.send({ type: \"subscribe\", ...message });\n    },\n\n    unsubscribe: (viewport) => {\n      this.#worker.send({ type: \"unsubscribe\", viewport });\n    },\n\n    send: (message) => {\n      this.#worker.send(message);\n    },\n\n    destroy: (viewportId?: string) => {\n      if (viewportId && this.#viewports.has(viewportId)) {\n        this.#viewports.delete(viewportId);\n      }\n    },\n\n    rpcCall: async <T = unknown>(\n      message:\n        | VuuRpcServiceRequest\n        | VuuRpcMenuRequest\n        | VuuRpcViewportRequest\n        | VuuCreateVisualLink\n        | VuuRemoveVisualLink,\n    ) => this.asyncRequest<T>(message),\n\n    getTableList: async () =>\n      this.asyncRequest<VuuTableList>({ type: \"GET_TABLE_LIST\" }),\n\n    getTableSchema: async (table) =>\n      this.asyncRequest<TableSchema>({\n        type: \"GET_TABLE_META\",\n        table,\n      }),\n  };\n\n  private asyncRequest = <T = unknown>(\n    msg:\n      | VuuRpcServiceRequest\n      | VuuRpcMenuRequest\n      | VuuTableListRequest\n      | VuuTableMetaRequest\n      | VuuRpcViewportRequest\n      | VuuCreateVisualLink\n      | VuuRemoveVisualLink,\n  ): Promise<T> => {\n    const requestId = uuid();\n    this.#worker.send({\n      requestId,\n      ...msg,\n    });\n    return new Promise((resolve, reject) => {\n      this.#pendingRequests.set(requestId, { resolve, reject });\n    });\n  };\n\n  async disconnect() {\n    try {\n      // should we await this ?\n      this.#worker.send({ type: \"disconnect\" });\n      // how do we disable the serverAPI\n      return \"disconnected\";\n    } catch (err: unknown) {\n      return \"rejected\";\n    }\n  }\n\n  destroy() {\n    this.#worker.terminate();\n  }\n\n  async makeRpcCall<T = unknown>(rpcRequest: VuuRpcServiceRequest) {\n    try {\n      return this.asyncRequest<T>(rpcRequest);\n    } catch (err) {\n      throw Error(\"Error accessing server api\");\n    }\n  }\n}\n\nexport default ConnectionManager.instance;\n"],"names":["EventEmitter","DeferredPromise","shouldMessageBeRoutedToDataSource","isWebSocketConnectionMessage","isConnectionQualityMetrics","isRequestResponse","messageHasResult","isTableSchemaMessage","uuid","DedicatedWorker"],"mappings":"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"}
+{"version":3,"file":"ConnectionManager.js","sources":["../src/ConnectionManager.ts"],"sourcesContent":["import {\n  ConnectOptions,\n  DataSourceCallbackMessage,\n  ServerAPI,\n  ServerProxySubscribeMessage,\n  TableSchema,\n  VuuUIMessageIn,\n} from \"@vuu-ui/vuu-data-types\";\nimport {\n  VuuCreateVisualLink,\n  VuuRemoveVisualLink,\n  VuuRpcMenuRequest,\n  VuuRpcServiceRequest,\n  VuuRpcViewportRequest,\n  VuuTableList,\n  VuuTableListRequest,\n  VuuTableMetaRequest,\n} from \"@vuu-ui/vuu-protocol-types\";\nimport {\n  DeferredPromise,\n  EventEmitter,\n  isConnectionQualityMetrics,\n  isRequestResponse,\n  isTableSchemaMessage,\n  messageHasResult,\n  uuid,\n} from \"@vuu-ui/vuu-utils\";\nimport {\n  WebSocketConnectionEvents,\n  WebSocketConnectionState,\n  isWebSocketConnectionMessage,\n} from \"./WebSocketConnection\";\nimport { DedicatedWorker } from \"./DedicatedWorker\";\nimport { shouldMessageBeRoutedToDataSource } from \"./data-source\";\n\nimport { ConnectionQualityMetrics } from \"@vuu-ui/vuu-data-types\";\n\nexport type PostMessageToClientCallback = (\n  msg: DataSourceCallbackMessage,\n) => void;\n\nexport type ConnectionEvents = WebSocketConnectionEvents & {\n  \"connection-metrics\": (message: ConnectionQualityMetrics) => void;\n};\n\ntype RegisteredViewport = {\n  postMessageToClientDataSource: PostMessageToClientCallback;\n  request: ServerProxySubscribeMessage;\n  status: \"subscribing\";\n};\n\nclass ConnectionManager extends EventEmitter<ConnectionEvents> {\n  #connectionState: WebSocketConnectionState = {\n    connectionPhase: \"connecting\",\n    connectionStatus: \"closed\",\n    retryAttemptsTotal: -1,\n    retryAttemptsRemaining: -1,\n    secondsToNextRetry: -1,\n  };\n  static #instance: ConnectionManager;\n  #deferredServerAPI = new DeferredPromise<ServerAPI>();\n  #pendingRequests = new Map();\n  #viewports = new Map<string, RegisteredViewport>();\n  // #worker?: Worker;\n  #worker: DedicatedWorker;\n\n  private constructor() {\n    super();\n    this.#worker = new DedicatedWorker(this.handleMessageFromWorker);\n  }\n\n  public static get instance(): ConnectionManager {\n    if (!ConnectionManager.#instance) {\n      ConnectionManager.#instance = new ConnectionManager();\n    }\n    return ConnectionManager.#instance;\n  }\n\n  /**\n   * Open a connection to the VuuServer. This method opens the websocket connection\n   * and logs in. It can be called from whichever client code has access to the auth\n   * token (eg. the login page, or just a hardcoded login script in a sample).\n   * This will unblock any DataSources which may have already tried to subscribe to data,\n   * but lacked access to the auth token.\n   *\n   * @param serverUrl\n   * @param token\n   */\n  async connect(options: ConnectOptions) {\n    const result = await this.#worker.connect(options);\n    if (result === \"connected\") {\n      this.#deferredServerAPI.resolve(this.connectedServerAPI);\n    }\n    return result;\n  }\n\n  private handleMessageFromWorker = (\n    message: VuuUIMessageIn | DataSourceCallbackMessage,\n  ) => {\n    if (shouldMessageBeRoutedToDataSource(message)) {\n      const viewport = this.#viewports.get(message.clientViewportId);\n      if (viewport) {\n        viewport.postMessageToClientDataSource(message);\n      } else {\n        console.error(\n          `[ConnectionManager] ${message.type} message received, viewport not found`,\n        );\n      }\n    } else if (isWebSocketConnectionMessage(message)) {\n      this.#connectionState = message;\n      this.emit(\"connection-status\", message);\n    } else if (isConnectionQualityMetrics(message)) {\n      this.emit(\"connection-metrics\", message);\n    } else if (isRequestResponse(message)) {\n      const { requestId } = message;\n      if (this.#pendingRequests.has(requestId)) {\n        const { resolve } = this.#pendingRequests.get(requestId);\n        this.#pendingRequests.delete(requestId);\n        const { requestId: _, ...messageWithoutRequestId } = message;\n\n        if (messageHasResult(message)) {\n          resolve(message.result);\n        } else if (\n          message.type === \"VP_EDIT_RPC_RESPONSE\" ||\n          message.type === \"VP_EDIT_RPC_REJECT\"\n        ) {\n          resolve(message);\n        } else if (isTableSchemaMessage(message)) {\n          resolve(message.tableSchema);\n        } else {\n          resolve(messageWithoutRequestId);\n        }\n      } else {\n        console.warn(\n          \"%cConnectionManager Unexpected message from the worker\",\n          \"color:red;font-weight:bold;\",\n        );\n      }\n    }\n  };\n\n  get connectionStatus() {\n    return this.#connectionState.connectionStatus;\n  }\n\n  get serverAPI() {\n    return this.#deferredServerAPI.promise;\n  }\n\n  private connectedServerAPI: ServerAPI = {\n    subscribe: (message, callback) => {\n      if (this.#viewports.get(message.viewport)) {\n        throw Error(\n          `ConnectionManager attempting to subscribe with an existing viewport id`,\n        );\n      }\n      // TODO we never use this status\n      this.#viewports.set(message.viewport, {\n        status: \"subscribing\",\n        request: message,\n        postMessageToClientDataSource: callback,\n      });\n      this.#worker.send({ type: \"subscribe\", ...message });\n    },\n\n    unsubscribe: (viewport) => {\n      this.#worker.send({ type: \"unsubscribe\", viewport });\n    },\n\n    send: (message) => {\n      this.#worker.send(message);\n    },\n\n    destroy: (viewportId?: string) => {\n      if (viewportId && this.#viewports.has(viewportId)) {\n        this.#viewports.delete(viewportId);\n      }\n    },\n\n    rpcCall: async <T = unknown>(\n      message:\n        | VuuRpcServiceRequest\n        | VuuRpcMenuRequest\n        | VuuRpcViewportRequest\n        | VuuCreateVisualLink\n        | VuuRemoveVisualLink,\n    ) => this.asyncRequest<T>(message),\n\n    getTableList: async () =>\n      this.asyncRequest<VuuTableList>({ type: \"GET_TABLE_LIST\" }),\n\n    getTableSchema: async (table) =>\n      this.asyncRequest<TableSchema>({\n        type: \"GET_TABLE_META\",\n        table,\n      }),\n  };\n\n  private asyncRequest = <T = unknown>(\n    msg:\n      | VuuRpcServiceRequest\n      | VuuRpcMenuRequest\n      | VuuTableListRequest\n      | VuuTableMetaRequest\n      | VuuRpcViewportRequest\n      | VuuCreateVisualLink\n      | VuuRemoveVisualLink,\n  ): Promise<T> => {\n    const requestId = uuid();\n    this.#worker.send({\n      requestId,\n      ...msg,\n    });\n    return new Promise((resolve, reject) => {\n      this.#pendingRequests.set(requestId, { resolve, reject });\n    });\n  };\n\n  async disconnect() {\n    try {\n      // should we await this ?\n      this.#worker.send({ type: \"disconnect\" });\n      // how do we disable the serverAPI\n      return \"disconnected\";\n    } catch (err: unknown) {\n      return \"rejected\";\n    }\n  }\n\n  destroy() {\n    this.#worker.terminate();\n  }\n}\n\nexport default ConnectionManager.instance;\n"],"names":["EventEmitter","DeferredPromise","shouldMessageBeRoutedToDataSource","isWebSocketConnectionMessage","isConnectionQualityMetrics","isRequestResponse","messageHasResult","isTableSchemaMessage","uuid","DedicatedWorker"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAA,gBAAA,EAAA,SAAA,EAAA,kBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,OAAA,CAAA;AAmDA,MAAM,kBAAA,GAAN,MAAM,kBAAA,SAA0BA,qBAA+B,CAAA;AAAA,EAerD,WAAc,GAAA;AACpB,IAAM,KAAA,EAAA,CAAA;AAfR,IAA6C,YAAA,CAAA,IAAA,EAAA,gBAAA,EAAA;AAAA,MAC3C,eAAiB,EAAA,YAAA;AAAA,MACjB,gBAAkB,EAAA,QAAA;AAAA,MAClB,kBAAoB,EAAA,CAAA,CAAA;AAAA,MACpB,sBAAwB,EAAA,CAAA,CAAA;AAAA,MACxB,kBAAoB,EAAA,CAAA,CAAA;AAAA,KACtB,CAAA,CAAA;AAEA,IAAA,YAAA,CAAA,IAAA,EAAA,kBAAA,EAAqB,IAAIC,wBAA2B,EAAA,CAAA,CAAA;AACpD,IAAA,YAAA,CAAA,IAAA,EAAA,gBAAA,sBAAuB,GAAI,EAAA,CAAA,CAAA;AAC3B,IAAA,YAAA,CAAA,IAAA,EAAA,UAAA,sBAAiB,GAAgC,EAAA,CAAA,CAAA;AAEjD;AAAA,IAAA,YAAA,CAAA,IAAA,EAAA,OAAA,CAAA,CAAA;AAgCA,IAAQ,aAAA,CAAA,IAAA,EAAA,yBAAA,EAA0B,CAChC,OACG,KAAA;AACH,MAAI,IAAAC,4CAAA,CAAkC,OAAO,CAAG,EAAA;AAC9C,QAAA,MAAM,QAAW,GAAA,YAAA,CAAA,IAAA,EAAK,UAAW,CAAA,CAAA,GAAA,CAAI,QAAQ,gBAAgB,CAAA,CAAA;AAC7D,QAAA,IAAI,QAAU,EAAA;AACZ,UAAA,QAAA,CAAS,8BAA8B,OAAO,CAAA,CAAA;AAAA,SACzC,MAAA;AACL,UAAQ,OAAA,CAAA,KAAA;AAAA,YACN,CAAA,oBAAA,EAAuB,QAAQ,IAAI,CAAA,qCAAA,CAAA;AAAA,WACrC,CAAA;AAAA,SACF;AAAA,OACF,MAAA,IAAWC,gDAA6B,CAAA,OAAO,CAAG,EAAA;AAChD,QAAA,YAAA,CAAA,IAAA,EAAK,gBAAmB,EAAA,OAAA,CAAA,CAAA;AACxB,QAAK,IAAA,CAAA,IAAA,CAAK,qBAAqB,OAAO,CAAA,CAAA;AAAA,OACxC,MAAA,IAAWC,mCAA2B,CAAA,OAAO,CAAG,EAAA;AAC9C,QAAK,IAAA,CAAA,IAAA,CAAK,sBAAsB,OAAO,CAAA,CAAA;AAAA,OACzC,MAAA,IAAWC,0BAAkB,CAAA,OAAO,CAAG,EAAA;AACrC,QAAM,MAAA,EAAE,WAAc,GAAA,OAAA,CAAA;AACtB,QAAA,IAAI,YAAK,CAAA,IAAA,EAAA,gBAAA,CAAA,CAAiB,GAAI,CAAA,SAAS,CAAG,EAAA;AACxC,UAAA,MAAM,EAAE,OAAQ,EAAA,GAAI,YAAK,CAAA,IAAA,EAAA,gBAAA,CAAA,CAAiB,IAAI,SAAS,CAAA,CAAA;AACvD,UAAK,YAAA,CAAA,IAAA,EAAA,gBAAA,CAAA,CAAiB,OAAO,SAAS,CAAA,CAAA;AACtC,UAAA,MAAM,EAAE,SAAA,EAAW,CAAG,EAAA,GAAG,yBAA4B,GAAA,OAAA,CAAA;AAErD,UAAI,IAAAC,yBAAA,CAAiB,OAAO,CAAG,EAAA;AAC7B,YAAA,OAAA,CAAQ,QAAQ,MAAM,CAAA,CAAA;AAAA,qBAEtB,OAAQ,CAAA,IAAA,KAAS,sBACjB,IAAA,OAAA,CAAQ,SAAS,oBACjB,EAAA;AACA,YAAA,OAAA,CAAQ,OAAO,CAAA,CAAA;AAAA,WACjB,MAAA,IAAWC,6BAAqB,CAAA,OAAO,CAAG,EAAA;AACxC,YAAA,OAAA,CAAQ,QAAQ,WAAW,CAAA,CAAA;AAAA,WACtB,MAAA;AACL,YAAA,OAAA,CAAQ,uBAAuB,CAAA,CAAA;AAAA,WACjC;AAAA,SACK,MAAA;AACL,UAAQ,OAAA,CAAA,IAAA;AAAA,YACN,wDAAA;AAAA,YACA,6BAAA;AAAA,WACF,CAAA;AAAA,SACF;AAAA,OACF;AAAA,KACF,CAAA,CAAA;AAUA,IAAA,aAAA,CAAA,IAAA,EAAQ,oBAAgC,EAAA;AAAA,MACtC,SAAA,EAAW,CAAC,OAAA,EAAS,QAAa,KAAA;AAChC,QAAA,IAAI,YAAK,CAAA,IAAA,EAAA,UAAA,CAAA,CAAW,GAAI,CAAA,OAAA,CAAQ,QAAQ,CAAG,EAAA;AACzC,UAAM,MAAA,KAAA;AAAA,YACJ,CAAA,sEAAA,CAAA;AAAA,WACF,CAAA;AAAA,SACF;AAEA,QAAK,YAAA,CAAA,IAAA,EAAA,UAAA,CAAA,CAAW,GAAI,CAAA,OAAA,CAAQ,QAAU,EAAA;AAAA,UACpC,MAAQ,EAAA,aAAA;AAAA,UACR,OAAS,EAAA,OAAA;AAAA,UACT,6BAA+B,EAAA,QAAA;AAAA,SAChC,CAAA,CAAA;AACD,QAAA,YAAA,CAAA,IAAA,EAAK,SAAQ,IAAK,CAAA,EAAE,MAAM,WAAa,EAAA,GAAG,SAAS,CAAA,CAAA;AAAA,OACrD;AAAA,MAEA,WAAA,EAAa,CAAC,QAAa,KAAA;AACzB,QAAA,YAAA,CAAA,IAAA,EAAK,SAAQ,IAAK,CAAA,EAAE,IAAM,EAAA,aAAA,EAAe,UAAU,CAAA,CAAA;AAAA,OACrD;AAAA,MAEA,IAAA,EAAM,CAAC,OAAY,KAAA;AACjB,QAAK,YAAA,CAAA,IAAA,EAAA,OAAA,CAAA,CAAQ,KAAK,OAAO,CAAA,CAAA;AAAA,OAC3B;AAAA,MAEA,OAAA,EAAS,CAAC,UAAwB,KAAA;AAChC,QAAA,IAAI,UAAc,IAAA,YAAA,CAAA,IAAA,EAAK,UAAW,CAAA,CAAA,GAAA,CAAI,UAAU,CAAG,EAAA;AACjD,UAAK,YAAA,CAAA,IAAA,EAAA,UAAA,CAAA,CAAW,OAAO,UAAU,CAAA,CAAA;AAAA,SACnC;AAAA,OACF;AAAA,MAEA,OAAS,EAAA,OACP,OAMG,KAAA,IAAA,CAAK,aAAgB,OAAO,CAAA;AAAA,MAEjC,cAAc,YACZ,IAAA,CAAK,aAA2B,EAAE,IAAA,EAAM,kBAAkB,CAAA;AAAA,MAE5D,cAAgB,EAAA,OAAO,KACrB,KAAA,IAAA,CAAK,YAA0B,CAAA;AAAA,QAC7B,IAAM,EAAA,gBAAA;AAAA,QACN,KAAA;AAAA,OACD,CAAA;AAAA,KACL,CAAA,CAAA;AAEA,IAAQ,aAAA,CAAA,IAAA,EAAA,cAAA,EAAe,CACrB,GAQe,KAAA;AACf,MAAA,MAAM,YAAYC,aAAK,EAAA,CAAA;AACvB,MAAA,YAAA,CAAA,IAAA,EAAK,SAAQ,IAAK,CAAA;AAAA,QAChB,SAAA;AAAA,QACA,GAAG,GAAA;AAAA,OACJ,CAAA,CAAA;AACD,MAAA,OAAO,IAAI,OAAA,CAAQ,CAAC,OAAA,EAAS,MAAW,KAAA;AACtC,QAAA,YAAA,CAAA,IAAA,EAAK,kBAAiB,GAAI,CAAA,SAAA,EAAW,EAAE,OAAA,EAAS,QAAQ,CAAA,CAAA;AAAA,OACzD,CAAA,CAAA;AAAA,KACH,CAAA,CAAA;AApJE,IAAA,YAAA,CAAA,IAAA,EAAK,OAAU,EAAA,IAAIC,+BAAgB,CAAA,IAAA,CAAK,uBAAuB,CAAA,CAAA,CAAA;AAAA,GACjE;AAAA,EAEA,WAAkB,QAA8B,GAAA;AAC9C,IAAI,IAAA,CAAC,iCAAkB,SAAW,CAAA,EAAA;AAChC,MAAkB,YAAA,CAAA,kBAAA,EAAA,SAAA,EAAY,IAAI,kBAAkB,EAAA,CAAA,CAAA;AAAA,KACtD;AACA,IAAA,OAAO,YAAkB,CAAA,kBAAA,EAAA,SAAA,CAAA,CAAA;AAAA,GAC3B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYA,MAAM,QAAQ,OAAyB,EAAA;AACrC,IAAA,MAAM,MAAS,GAAA,MAAM,YAAK,CAAA,IAAA,EAAA,OAAA,CAAA,CAAQ,QAAQ,OAAO,CAAA,CAAA;AACjD,IAAA,IAAI,WAAW,WAAa,EAAA;AAC1B,MAAK,YAAA,CAAA,IAAA,EAAA,kBAAA,CAAA,CAAmB,OAAQ,CAAA,IAAA,CAAK,kBAAkB,CAAA,CAAA;AAAA,KACzD;AACA,IAAO,OAAA,MAAA,CAAA;AAAA,GACT;AAAA,EA+CA,IAAI,gBAAmB,GAAA;AACrB,IAAA,OAAO,mBAAK,gBAAiB,CAAA,CAAA,gBAAA,CAAA;AAAA,GAC/B;AAAA,EAEA,IAAI,SAAY,GAAA;AACd,IAAA,OAAO,mBAAK,kBAAmB,CAAA,CAAA,OAAA,CAAA;AAAA,GACjC;AAAA,EAuEA,MAAM,UAAa,GAAA;AACjB,IAAI,IAAA;AAEF,MAAA,YAAA,CAAA,IAAA,EAAK,OAAQ,CAAA,CAAA,IAAA,CAAK,EAAE,IAAA,EAAM,cAAc,CAAA,CAAA;AAExC,MAAO,OAAA,cAAA,CAAA;AAAA,aACA,GAAc,EAAA;AACrB,MAAO,OAAA,UAAA,CAAA;AAAA,KACT;AAAA,GACF;AAAA,EAEA,OAAU,GAAA;AACR,IAAA,YAAA,CAAA,IAAA,EAAK,SAAQ,SAAU,EAAA,CAAA;AAAA,GACzB;AACF,CAAA,CAAA;AApLE,gBAAA,GAAA,IAAA,OAAA,EAAA,CAAA;AAOO,SAAA,GAAA,IAAA,OAAA,EAAA,CAAA;AACP,kBAAA,GAAA,IAAA,OAAA,EAAA,CAAA;AACA,gBAAA,GAAA,IAAA,OAAA,EAAA,CAAA;AACA,UAAA,GAAA,IAAA,OAAA,EAAA,CAAA;AAEA,OAAA,GAAA,IAAA,OAAA,EAAA,CAAA;AALA,YAAA,CARI,kBAQG,EAAA,SAAA,CAAA,CAAA;AART,IAAM,iBAAN,GAAA,kBAAA,CAAA;AAuLA,0BAAe,iBAAkB,CAAA,QAAA;;;;"}

package/cjs/WebSocketConnection.js.map

@@ -1 +1 @@
-{"version":3,"file":"WebSocketConnection.js","sources":["../src/WebSocketConnection.ts"],"sourcesContent":["import { WebSocketProtocol } from \"@vuu-ui/vuu-data-types\";\nimport { VuuClientMessage, VuuServerMessage } from \"@vuu-ui/vuu-protocol-types\";\nimport { DeferredPromise, EventEmitter } from \"@vuu-ui/vuu-utils\";\n\nexport type ConnectingStatus = \"connecting\" | \"reconnecting\";\nexport type RetryStatus = ConnectingStatus | \"disconnected\";\nexport type ConnectedStatus = \"connected\" | \"reconnected\";\nexport type ConnectionStatus =\n  | RetryStatus\n  | ConnectedStatus\n  | \"closed\"\n  | \"connection-open-awaiting-session\"\n  | \"failed\"\n  | \"inactive\";\n\ntype ReconnectAttempts = {\n  retryAttemptsTotal: number;\n  retryAttemptsRemaining: number;\n  secondsToNextRetry: number;\n};\n\nexport interface WebSocketConnectionState extends ReconnectAttempts {\n  connectionPhase: ConnectingStatus;\n  connectionStatus: ConnectionStatus;\n}\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;\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: ConnectionStatus) {\n    this.#connectionState = {\n      ...this.#connectionState,\n      connectionStatus,\n    };\n    this.emit(\"connection-status\", this.#connectionState);\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    this.#callback(vuuMessageFromServer);\n  };\n\n  send = (msg: VuuClientMessage) => {\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":";;;;AA0Ba,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,QAAA;AAAA,KACF,CAAE,QAAS,CAAA,GAAA,CAAI,gBAAgB,CAAA,CAAA;AAAA,GAC1B,MAAA;AACL,IAAO,OAAA,KAAA,CAAA;AAAA,GACT;AACF;;;;"}
+{"version":3,"file":"WebSocketConnection.js","sources":["../src/WebSocketConnection.ts"],"sourcesContent":["import { WebSocketProtocol } from \"@vuu-ui/vuu-data-types\";\nimport { VuuClientMessage, VuuServerMessage } from \"@vuu-ui/vuu-protocol-types\";\nimport { DeferredPromise, EventEmitter } 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 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      console.log(\"connected\");\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    this.#callback(vuuMessageFromServer);\n  };\n\n  send = (msg: VuuClientMessage) => {\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":";;;;AAmCa,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,QAAA;AAAA,KACF,CAAE,QAAS,CAAA,GAAA,CAAI,gBAAgB,CAAA,CAAA;AAAA,GAC1B,MAAA;AACL,IAAO,OAAA,KAAA,CAAA;AAAA,GACT;AACF;;;;"}

package/cjs/index.js

@@ -5,6 +5,7 @@ var ConnectionManager = require('./ConnectionManager.js');
 var constants = require('./constants.js');
 var dataSource = require('./data-source.js');
 var messageUtils = require('./message-utils.js');
+var restDataSource = require('./rest-data/rest-data-source.js');
 var vuuDataSource = require('./vuu-data-source.js');
 
 
@@ -22,5 +23,6 @@ exports.getFirstAndLastRows = messageUtils.getFirstAndLastRows;
 exports.groupRowsByViewport = messageUtils.groupRowsByViewport;
 exports.isVuuRpcRequest = messageUtils.isVuuRpcRequest;
 exports.stripRequestId = messageUtils.stripRequestId;
+exports.RestDataSource = restDataSource.RestDataSource;
 exports.VuuDataSource = vuuDataSource.VuuDataSource;
 //# sourceMappingURL=index.js.map

package/cjs/index.js.map

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

package/cjs/inlined-worker.js

@@ -765,7 +765,7 @@ var NO_UPDATE_STATUS = {
   size: 0,
   ts: 0
 };
-var _status;
+var _status, _clientRange;
 var Viewport = class {
   constructor({
     aggregations,
@@ -788,8 +788,9 @@ var Viewport = class {
     /**
      * clientRange is always the range requested by the client. We should assume
      * these are the rows visible to the user
+     * TODO what is clientRange needed for ?
      */
-    __publicField(this, "clientRange");
+    __privateAdd(this, _clientRange);
     __publicField(this, "columns");
     __publicField(this, "dataWindow");
     __publicField(this, "filter");
@@ -895,7 +896,7 @@ var Viewport = class {
     });
     this.aggregations = aggregations;
     this.bufferSize = bufferSize;
-    this.clientRange = range;
+    __privateSet(this, _clientRange, range);
     this.clientViewportId = viewport;
     this.columns = columns;
     this.filter = filter;
@@ -909,7 +910,7 @@ var Viewport = class {
       \`constructor #\${viewport} \${table.table} bufferSize=\${bufferSize}\`
     ));
     this.dataWindow = new ArrayBackedMovingWindow(
-      this.clientRange,
+      __privateGet(this, _clientRange),
       range,
       this.bufferSize
     );
@@ -925,6 +926,9 @@ var Viewport = class {
     var _a;
     return (_a = this.dataWindow.rowCount) != null ? _a : 0;
   }
+  get clientRange() {
+    return __privateGet(this, _clientRange);
+  }
   get status() {
     return __privateGet(this, _status);
   }
@@ -937,7 +941,7 @@ var Viewport = class {
     return {
       type: CREATE_VP,
       table: this.table,
-      range: getFullRange(this.clientRange, this.bufferSize),
+      range: getFullRange(__privateGet(this, _clientRange), this.bufferSize),
       aggregations: this.aggregations,
       columns: this.columns,
       sort: this.sort,
@@ -1445,6 +1449,7 @@ var Viewport = class {
   }
 };
 _status = new WeakMap();
+_clientRange = new WeakMap();
 var toClientRow = ({ rowIndex, rowKey, sel: isSelected, data }, keys, selectedRows) => {
   return [
     rowIndex,
@@ -2411,6 +2416,7 @@ var ServerProxy = class {
 };
 
 // src/WebSocketConnection.ts
+var isNotConnecting = (connectionState) => connectionState.connectionStatus !== "connecting" && connectionState.connectionStatus !== "reconnecting";
 var isWebSocketConnectionMessage = (msg) => {
   if ("connectionStatus" in msg) {
     return [
@@ -2521,7 +2527,9 @@ var WebSocketConnection = class extends EventEmitter {
       ...__privateGet(this, _connectionState),
       connectionStatus
     });
-    this.emit("connection-status", __privateGet(this, _connectionState));
+    if (isNotConnecting(__privateGet(this, _connectionState))) {
+      this.emit("connection-status", __privateGet(this, _connectionState));
+    }
   }
   get connectionState() {
     return __privateGet(this, _connectionState);
@@ -2586,6 +2594,7 @@ var WebSocketConnection = class extends EventEmitter {
       } else {
         this.emit("reconnected");
       }
+      console.log("connected");
     };
     ws2.onerror = () => {
       clearTimeout(timer);