hypha-rpc 0.20.91 → 0.20.92

package/dist/hypha-rpc-websocket.js

@@ -405,7 +405,9 @@ class HTTPStreamingRPCConnection {
 
     if (!response.ok) {
       const error_text = await response.text();
-      throw new Error(`POST failed with status ${response.status}: ${error_text}`);
+      throw new Error(
+        `POST failed with status ${response.status}: ${error_text}`,
+      );
     }
 
     return true;
@@ -4599,1432 +4601,203 @@ async function registerRTCService(server, service_id, config) {
 
 /***/ }),
 
-/***/ "./src/websocket-client.js":
-/*!*********************************!*\
-  !*** ./src/websocket-client.js ***!
-  \*********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+/***/ "./node_modules/@msgpack/msgpack/dist.es5+esm/CachedKeyDecoder.mjs":
+/*!*************************************************************************!*\
+  !*** ./node_modules/@msgpack/msgpack/dist.es5+esm/CachedKeyDecoder.mjs ***!
+  \*************************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   API_VERSION: () => (/* reexport safe */ _rpc_js__WEBPACK_IMPORTED_MODULE_0__.API_VERSION),
-/* harmony export */   LocalWebSocket: () => (/* binding */ LocalWebSocket),
-/* harmony export */   RPC: () => (/* reexport safe */ _rpc_js__WEBPACK_IMPORTED_MODULE_0__.RPC),
-/* harmony export */   _connectToServer: () => (/* binding */ connectToServer),
-/* harmony export */   connectToServer: () => (/* binding */ connectToServer),
-/* harmony export */   getRTCService: () => (/* reexport safe */ _webrtc_client_js__WEBPACK_IMPORTED_MODULE_3__.getRTCService),
-/* harmony export */   getRemoteService: () => (/* binding */ getRemoteService),
-/* harmony export */   loadRequirements: () => (/* reexport safe */ _utils_index_js__WEBPACK_IMPORTED_MODULE_1__.loadRequirements),
-/* harmony export */   login: () => (/* binding */ login),
-/* harmony export */   logout: () => (/* binding */ logout),
-/* harmony export */   registerRTCService: () => (/* reexport safe */ _webrtc_client_js__WEBPACK_IMPORTED_MODULE_3__.registerRTCService),
-/* harmony export */   schemaFunction: () => (/* reexport safe */ _utils_schema_js__WEBPACK_IMPORTED_MODULE_2__.schemaFunction),
-/* harmony export */   setupLocalClient: () => (/* binding */ setupLocalClient)
+/* harmony export */   CachedKeyDecoder: () => (/* binding */ CachedKeyDecoder)
 /* harmony export */ });
-/* harmony import */ var _rpc_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./rpc.js */ "./src/rpc.js");
-/* harmony import */ var _utils_index_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils/index.js */ "./src/utils/index.js");
-/* harmony import */ var _utils_schema_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./utils/schema.js */ "./src/utils/schema.js");
-/* harmony import */ var _webrtc_client_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./webrtc-client.js */ "./src/webrtc-client.js");
+/* harmony import */ var _utils_utf8_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils/utf8.mjs */ "./node_modules/@msgpack/msgpack/dist.es5+esm/utils/utf8.mjs");
 
+var DEFAULT_MAX_KEY_LENGTH = 16;
+var DEFAULT_MAX_LENGTH_PER_KEY = 16;
+var CachedKeyDecoder = /** @class */ (function () {
+    function CachedKeyDecoder(maxKeyLength, maxLengthPerKey) {
+        if (maxKeyLength === void 0) { maxKeyLength = DEFAULT_MAX_KEY_LENGTH; }
+        if (maxLengthPerKey === void 0) { maxLengthPerKey = DEFAULT_MAX_LENGTH_PER_KEY; }
+        this.maxKeyLength = maxKeyLength;
+        this.maxLengthPerKey = maxLengthPerKey;
+        this.hit = 0;
+        this.miss = 0;
+        // avoid `new Array(N)`, which makes a sparse array,
+        // because a sparse array is typically slower than a non-sparse array.
+        this.caches = [];
+        for (var i = 0; i < this.maxKeyLength; i++) {
+            this.caches.push([]);
+        }
+    }
+    CachedKeyDecoder.prototype.canBeCached = function (byteLength) {
+        return byteLength > 0 && byteLength <= this.maxKeyLength;
+    };
+    CachedKeyDecoder.prototype.find = function (bytes, inputOffset, byteLength) {
+        var records = this.caches[byteLength - 1];
+        FIND_CHUNK: for (var _i = 0, records_1 = records; _i < records_1.length; _i++) {
+            var record = records_1[_i];
+            var recordBytes = record.bytes;
+            for (var j = 0; j < byteLength; j++) {
+                if (recordBytes[j] !== bytes[inputOffset + j]) {
+                    continue FIND_CHUNK;
+                }
+            }
+            return record.str;
+        }
+        return null;
+    };
+    CachedKeyDecoder.prototype.store = function (bytes, value) {
+        var records = this.caches[bytes.length - 1];
+        var record = { bytes: bytes, str: value };
+        if (records.length >= this.maxLengthPerKey) {
+            // `records` are full!
+            // Set `record` to an arbitrary position.
+            records[(Math.random() * records.length) | 0] = record;
+        }
+        else {
+            records.push(record);
+        }
+    };
+    CachedKeyDecoder.prototype.decode = function (bytes, inputOffset, byteLength) {
+        var cachedValue = this.find(bytes, inputOffset, byteLength);
+        if (cachedValue != null) {
+            this.hit++;
+            return cachedValue;
+        }
+        this.miss++;
+        var str = (0,_utils_utf8_mjs__WEBPACK_IMPORTED_MODULE_0__.utf8DecodeJs)(bytes, inputOffset, byteLength);
+        // Ensure to copy a slice of bytes because the byte may be NodeJS Buffer and Buffer#slice() returns a reference to its internal ArrayBuffer.
+        var slicedCopyOfBytes = Uint8Array.prototype.slice.call(bytes, inputOffset, inputOffset + byteLength);
+        this.store(slicedCopyOfBytes, str);
+        return str;
+    };
+    return CachedKeyDecoder;
+}());
 
+//# sourceMappingURL=CachedKeyDecoder.mjs.map
 
+/***/ }),
 
+/***/ "./node_modules/@msgpack/msgpack/dist.es5+esm/DecodeError.mjs":
+/*!********************************************************************!*\
+  !*** ./node_modules/@msgpack/msgpack/dist.es5+esm/DecodeError.mjs ***!
+  \********************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
 
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   DecodeError: () => (/* binding */ DecodeError)
+/* harmony export */ });
+var __extends = (undefined && undefined.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var DecodeError = /** @class */ (function (_super) {
+    __extends(DecodeError, _super);
+    function DecodeError(message) {
+        var _this = _super.call(this, message) || this;
+        // fix the prototype chain in a cross-platform way
+        var proto = Object.create(DecodeError.prototype);
+        Object.setPrototypeOf(_this, proto);
+        Object.defineProperty(_this, "name", {
+            configurable: true,
+            enumerable: false,
+            value: DecodeError.name,
+        });
+        return _this;
+    }
+    return DecodeError;
+}(Error));
 
+//# sourceMappingURL=DecodeError.mjs.map
 
+/***/ }),
 
+/***/ "./node_modules/@msgpack/msgpack/dist.es5+esm/Decoder.mjs":
+/*!****************************************************************!*\
+  !*** ./node_modules/@msgpack/msgpack/dist.es5+esm/Decoder.mjs ***!
+  \****************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
 
-const MAX_RETRY = 1000000;
-
-class WebsocketRPCConnection {
-  constructor(
-    server_url,
-    client_id,
-    workspace,
-    token,
-    reconnection_token = null,
-    timeout = 60,
-    WebSocketClass = null,
-    token_refresh_interval = 2 * 60 * 60,
-    additional_headers = null,
-  ) {
-    (0,_utils_index_js__WEBPACK_IMPORTED_MODULE_1__.assert)(server_url && client_id, "server_url and client_id are required");
-    this._server_url = server_url;
-    this._client_id = client_id;
-    this._workspace = workspace;
-    this._token = token;
-    this._reconnection_token = reconnection_token;
-    this._websocket = null;
-    this._handle_message = null;
-    this._handle_connected = null; // Connection open event handler
-    this._handle_disconnected = null; // Disconnection event handler
-    this._timeout = timeout;
-    this._WebSocketClass = WebSocketClass || WebSocket; // Allow overriding the WebSocket class
-    this._closed = false;
-    this._legacy_auth = null;
-    this.connection_info = null;
-    this._enable_reconnect = false;
-    this._token_refresh_interval = token_refresh_interval;
-    this.manager_id = null;
-    this._refresh_token_task = null;
-    this._last_message = null; // Store the last sent message
-    this._reconnect_timeouts = new Set(); // Track reconnection timeouts
-    this._additional_headers = additional_headers;
-  }
-
-  /**
-   * Centralized cleanup method to clear all timers and prevent resource leaks
-   */
-  _cleanup() {
-    // Clear token refresh interval
-    if (this._refresh_token_task) {
-      clearInterval(this._refresh_token_task);
-      this._refresh_token_task = null;
-    }
-
-    // Clear all reconnection timeouts
-    for (const timeoutId of this._reconnect_timeouts) {
-      clearTimeout(timeoutId);
-    }
-    this._reconnect_timeouts.clear();
-  }
-
-  on_message(handler) {
-    (0,_utils_index_js__WEBPACK_IMPORTED_MODULE_1__.assert)(handler, "handler is required");
-    this._handle_message = handler;
-  }
-
-  on_connected(handler) {
-    this._handle_connected = handler;
-  }
-
-  on_disconnected(handler) {
-    this._handle_disconnected = handler;
-  }
-
-  async _attempt_connection(server_url, attempt_fallback = true) {
-    return new Promise((resolve, reject) => {
-      this._legacy_auth = false;
-      const websocket = new this._WebSocketClass(server_url);
-      websocket.binaryType = "arraybuffer";
-
-      websocket.onopen = () => {
-        console.info("WebSocket connection established");
-        resolve(websocket);
-      };
-
-      websocket.onerror = (event) => {
-        console.error("WebSocket connection error:", event);
-        reject(new Error(`WebSocket connection error: ${event}`));
-      };
-
-      websocket.onclose = (event) => {
-        if (event.code === 1003 && attempt_fallback) {
-          console.info(
-            "Received 1003 error, attempting connection with query parameters.",
-          );
-          this._legacy_auth = true;
-          this._attempt_connection_with_query_params(server_url)
-            .then(resolve)
-            .catch(reject);
-        } else if (this._handle_disconnected) {
-          this._handle_disconnected(event.reason);
-        }
-      };
-    });
-  }
-
-  async _attempt_connection_with_query_params(server_url) {
-    // Initialize an array to hold parts of the query string
-    const queryParamsParts = [];
-
-    // Conditionally add each parameter if it has a non-empty value
-    if (this._client_id)
-      queryParamsParts.push(`client_id=${encodeURIComponent(this._client_id)}`);
-    if (this._workspace)
-      queryParamsParts.push(`workspace=${encodeURIComponent(this._workspace)}`);
-    if (this._token)
-      queryParamsParts.push(`token=${encodeURIComponent(this._token)}`);
-    if (this._reconnection_token)
-      queryParamsParts.push(
-        `reconnection_token=${encodeURIComponent(this._reconnection_token)}`,
-      );
-
-    // Join the parts with '&' to form the final query string, prepend '?' if there are any parameters
-    const queryString =
-      queryParamsParts.length > 0 ? `?${queryParamsParts.join("&")}` : "";
-
-    // Construct the full URL by appending the query string if it exists
-    const full_url = server_url + queryString;
-
-    return await this._attempt_connection(full_url, false);
-  }
-
-  _establish_connection() {
-    return new Promise((resolve, reject) => {
-      this._websocket.onmessage = (event) => {
-        const data = event.data;
-        const first_message = JSON.parse(data);
-        if (first_message.type == "connection_info") {
-          this.connection_info = first_message;
-          if (this._workspace) {
-            (0,_utils_index_js__WEBPACK_IMPORTED_MODULE_1__.assert)(
-              this.connection_info.workspace === this._workspace,
-              `Connected to the wrong workspace: ${this.connection_info.workspace}, expected: ${this._workspace}`,
-            );
-          }
-          if (this.connection_info.reconnection_token) {
-            this._reconnection_token = this.connection_info.reconnection_token;
-          }
-          if (this.connection_info.reconnection_token_life_time) {
-            // make sure the token refresh interval is less than the token life time
-            if (
-              this.token_refresh_interval >
-              this.connection_info.reconnection_token_life_time / 1.5
-            ) {
-              console.warn(
-                `Token refresh interval is too long (${this.token_refresh_interval}), setting it to 1.5 times of the token life time(${this.connection_info.reconnection_token_life_time}).`,
-              );
-              this.token_refresh_interval =
-                this.connection_info.reconnection_token_life_time / 1.5;
-            }
-          }
-          this.manager_id = this.connection_info.manager_id || null;
-          console.log(
-            `Successfully connected to the server, workspace: ${this.connection_info.workspace}, manager_id: ${this.manager_id}`,
-          );
-          if (this.connection_info.announcement) {
-            console.log(`${this.connection_info.announcement}`);
-          }
-          resolve(this.connection_info);
-        } else if (first_message.type == "error") {
-          const error = "ConnectionAbortedError: " + first_message.message;
-          console.error("Failed to connect, " + error);
-          reject(new Error(error));
-          return;
-        } else {
-          console.error(
-            "ConnectionAbortedError: Unexpected message received from the server:",
-            data,
-          );
-          reject(
-            new Error(
-              "ConnectionAbortedError: Unexpected message received from the server",
-            ),
-          );
-          return;
-        }
-      };
-    });
-  }
-
-  async open() {
-    console.log(
-      "Creating a new websocket connection to",
-      this._server_url.split("?")[0],
-    );
-    try {
-      this._websocket = await this._attempt_connection(this._server_url);
-      if (this._legacy_auth) {
-        throw new Error(
-          "NotImplementedError: Legacy authentication is not supported",
-        );
-      }
-      // Send authentication info as the first message if connected without query params
-      const authInfo = JSON.stringify({
-        client_id: this._client_id,
-        workspace: this._workspace,
-        token: this._token,
-        reconnection_token: this._reconnection_token,
-      });
-      this._websocket.send(authInfo);
-      // Wait for the first message from the server
-      await (0,_utils_index_js__WEBPACK_IMPORTED_MODULE_1__.waitFor)(
-        this._establish_connection(),
-        this._timeout,
-        "Failed to receive the first message from the server",
-      );
-      if (this._token_refresh_interval > 0) {
-        setTimeout(() => {
-          this._send_refresh_token();
-          this._refresh_token_task = setInterval(() => {
-            this._send_refresh_token();
-          }, this._token_refresh_interval * 1000);
-        }, 2000);
-      }
-      // Listen to messages from the server
-      this._enable_reconnect = true;
-      this._closed = false;
-      this._websocket.onmessage = (event) => {
-        if (typeof event.data === "string") {
-          const parsedData = JSON.parse(event.data);
-          // Check if the message is a reconnection token
-          if (parsedData.type === "reconnection_token") {
-            this._reconnection_token = parsedData.reconnection_token;
-            // console.log("Reconnection token received");
-          } else {
-            console.log("Received message from the server:", parsedData);
-          }
-        } else {
-          this._handle_message(event.data);
-        }
-      };
-
-      this._websocket.onerror = (event) => {
-        console.error("WebSocket connection error:", event);
-        // Clean up timers on error
-        this._cleanup();
-      };
-
-      this._websocket.onclose = this._handle_close.bind(this);
-
-      if (this._handle_connected) {
-        this._handle_connected(this.connection_info);
-      }
-      return this.connection_info;
-    } catch (error) {
-      // Clean up any timers that might have been set up before the error
-      this._cleanup();
-      console.error(
-        "Failed to connect to",
-        this._server_url.split("?")[0],
-        error,
-      );
-      throw error;
-    }
-  }
-
-  _send_refresh_token() {
-    if (this._websocket && this._websocket.readyState === WebSocket.OPEN) {
-      const refreshMessage = JSON.stringify({ type: "refresh_token" });
-      this._websocket.send(refreshMessage);
-      // console.log("Requested refresh token");
-    }
-  }
-
-  _handle_close(event) {
-    if (
-      !this._closed &&
-      this._websocket &&
-      this._websocket.readyState === WebSocket.CLOSED
-    ) {
-      // Clean up timers when connection closes
-      this._cleanup();
-
-      // Even if it's a graceful closure (codes 1000, 1001), if it wasn't user-initiated,
-      // we should attempt to reconnect (e.g., server restart, k8s upgrade)
-      if (this._enable_reconnect) {
-        if ([1000, 1001].includes(event.code)) {
-          console.warn(
-            `Websocket connection closed gracefully by server (code: ${event.code}): ${event.reason} - attempting reconnect`,
-          );
-        } else {
-          console.warn(
-            "Websocket connection closed unexpectedly (code: %s): %s",
-            event.code,
-            event.reason,
-          );
-        }
-
-        let retry = 0;
-        const baseDelay = 1000; // Start with 1 second
-        const maxDelay = 60000; // Maximum delay of 60 seconds
-        const maxJitter = 0.1; // Maximum jitter factor
-
-        const reconnect = async () => {
-          // Check if we were explicitly closed
-          if (this._closed) {
-            console.info("Connection was closed, stopping reconnection");
-            return;
-          }
-
-          try {
-            console.warn(
-              `Reconnecting to ${this._server_url.split("?")[0]} (attempt #${retry})`,
-            );
-            // Open the connection, this will trigger the on_connected callback
-            await this.open();
-
-            // Wait a short time for services to be registered
-            // This gives time for the on_connected callback to complete
-            // which includes re-registering all services to the server
-            await new Promise((resolve) => setTimeout(resolve, 500));
-
-            // Resend last message if there was one
-            if (this._last_message) {
-              console.info("Resending last message after reconnection");
-              this._websocket.send(this._last_message);
-              this._last_message = null;
-            }
-            console.warn(
-              `Successfully reconnected to server ${this._server_url} (services re-registered)`,
-            );
-            // Emit reconnection success event
-            if (this._handle_connected) {
-              this._handle_connected(this.connection_info);
-            }
-          } catch (e) {
-            if (`${e}`.includes("ConnectionAbortedError:")) {
-              console.warn("Server refused to reconnect:", e);
-              // Mark as closed and notify the application
-              this._closed = true;
-              if (this._handle_disconnected) {
-                this._handle_disconnected(`Server refused reconnection: ${e}`);
-              }
-              return;
-            } else if (`${e}`.includes("NotImplementedError:")) {
-              console.error(
-                `${e}\nIt appears that you are trying to connect to a hypha server that is older than 0.20.0, please upgrade the hypha server or use the websocket client in imjoy-rpc(https://www.npmjs.com/package/imjoy-rpc) instead`,
-              );
-              // Mark as closed to prevent further reconnection attempts
-              this._closed = true;
-              if (this._handle_disconnected) {
-                this._handle_disconnected(`Server too old: ${e}`);
-              }
-              return;
-            }
-
-            // Log specific error types for better debugging
-            if (e.name === "NetworkError" || e.message.includes("network")) {
-              console.error(`Network error during reconnection: ${e.message}`);
-            } else if (
-              e.name === "TimeoutError" ||
-              e.message.includes("timeout")
-            ) {
-              console.error(
-                `Connection timeout during reconnection: ${e.message}`,
-              );
-            } else {
-              console.error(
-                `Unexpected error during reconnection: ${e.message}`,
-              );
-            }
-
-            // Calculate exponential backoff with jitter
-            const delay = Math.min(baseDelay * Math.pow(2, retry), maxDelay);
-            // Add jitter to prevent thundering herd
-            const jitter = (Math.random() * 2 - 1) * maxJitter * delay;
-            const finalDelay = Math.max(100, delay + jitter);
-
-            console.debug(
-              `Waiting ${(finalDelay / 1000).toFixed(2)}s before next reconnection attempt`,
-            );
-
-            // Track the reconnection timeout to prevent leaks
-            const timeoutId = setTimeout(async () => {
-              this._reconnect_timeouts.delete(timeoutId);
-
-              // Check if connection was restored externally
-              if (
-                this._websocket &&
-                this._websocket.readyState === WebSocket.OPEN
-              ) {
-                console.info("Connection restored externally");
-                return;
-              }
-
-              // Check if we were explicitly closed
-              if (this._closed) {
-                console.info("Connection was closed, stopping reconnection");
-                return;
-              }
-
-              retry += 1;
-              if (retry < MAX_RETRY) {
-                await reconnect();
-              } else {
-                console.error(
-                  `Failed to reconnect after ${MAX_RETRY} attempts, giving up.`,
-                );
-                // Mark as closed to prevent further reconnection attempts
-                this._closed = true;
-                // Notify about max retry exceeded
-                if (this._handle_disconnected) {
-                  this._handle_disconnected(
-                    "Max reconnection attempts exceeded",
-                  );
-                }
-                // Note: We intentionally do NOT call process.exit() here.
-                // Instead, we mark the connection as closed and let the
-                // application handle the failure through the disconnected
-                // handler or by checking connection state.
-              }
-            }, finalDelay);
-            this._reconnect_timeouts.add(timeoutId);
-          }
-        };
-        reconnect();
-      }
-    } else {
-      // Clean up timers in all cases
-      this._cleanup();
-      if (this._handle_disconnected) {
-        this._handle_disconnected(event.reason);
-      }
-    }
-  }
-
-  async emit_message(data) {
-    if (this._closed) {
-      throw new Error("Connection is closed");
-    }
-    if (!this._websocket || this._websocket.readyState !== WebSocket.OPEN) {
-      await this.open();
-    }
-    try {
-      this._last_message = data; // Store the message before sending
-      this._websocket.send(data);
-      this._last_message = null; // Clear after successful send
-    } catch (exp) {
-      console.error(`Failed to send data, error: ${exp}`);
-      throw exp;
-    }
-  }
-
-  disconnect(reason) {
-    this._closed = true;
-    this._last_message = null; // Clear last message on disconnect
-    // Ensure websocket is closed if it exists and is not already closed or closing
-    if (
-      this._websocket &&
-      this._websocket.readyState !== WebSocket.CLOSED &&
-      this._websocket.readyState !== WebSocket.CLOSING
-    ) {
-      this._websocket.close(1000, reason);
-    }
-    // Use centralized cleanup to clear all timers
-    this._cleanup();
-    console.info(`WebSocket connection disconnected (${reason})`);
-  }
-}
-
-function normalizeServerUrl(server_url) {
-  if (!server_url) throw new Error("server_url is required");
-  if (server_url.startsWith("http://")) {
-    server_url =
-      server_url.replace("http://", "ws://").replace(/\/$/, "") + "/ws";
-  } else if (server_url.startsWith("https://")) {
-    server_url =
-      server_url.replace("https://", "wss://").replace(/\/$/, "") + "/ws";
-  }
-  return server_url;
-}
-
-async function login(config) {
-  const service_id = config.login_service_id || "public/hypha-login";
-  const workspace = config.workspace;
-  const expires_in = config.expires_in;
-  const timeout = config.login_timeout || 60;
-  const callback = config.login_callback;
-  const profile = config.profile;
-  const additional_headers = config.additional_headers;
-
-  const server = await connectToServer({
-    name: "initial login client",
-    server_url: config.server_url,
-    additional_headers: additional_headers,
-  });
-  try {
-    const svc = await server.getService(service_id);
-    (0,_utils_index_js__WEBPACK_IMPORTED_MODULE_1__.assert)(svc, `Failed to get the login service: ${service_id}`);
-    let context;
-    if (workspace) {
-      context = await svc.start({ workspace, expires_in, _rkwargs: true });
-    } else {
-      context = await svc.start();
-    }
-    if (callback) {
-      await callback(context);
-    } else {
-      console.log(`Please open your browser and login at ${context.login_url}`);
-    }
-    return await svc.check(context.key, { timeout, profile, _rkwargs: true });
-  } catch (error) {
-    throw error;
-  } finally {
-    await server.disconnect();
-  }
-}
-
-async function logout(config) {
-  const service_id = config.login_service_id || "public/hypha-login";
-  const callback = config.logout_callback;
-  const additional_headers = config.additional_headers;
-
-  const server = await connectToServer({
-    name: "initial logout client",
-    server_url: config.server_url,
-    additional_headers: additional_headers,
-  });
-  try {
-    const svc = await server.getService(service_id);
-    (0,_utils_index_js__WEBPACK_IMPORTED_MODULE_1__.assert)(svc, `Failed to get the login service: ${service_id}`);
-
-    // Check if logout function exists for backward compatibility
-    if (!svc.logout) {
-      throw new Error(
-        "Logout is not supported by this server. " +
-          "Please upgrade the Hypha server to a version that supports logout.",
-      );
-    }
-
-    const context = await svc.logout({});
-    if (callback) {
-      await callback(context);
-    } else {
-      console.log(
-        `Please open your browser to logout at ${context.logout_url}`,
-      );
-    }
-    return context;
-  } catch (error) {
-    throw error;
-  } finally {
-    await server.disconnect();
-  }
-}
-
-async function webrtcGetService(wm, rtc_service_id, query, config) {
-  config = config || {};
-  const webrtc = config.webrtc;
-  const webrtc_config = config.webrtc_config;
-  if (config.webrtc !== undefined) delete config.webrtc;
-  if (config.webrtc_config !== undefined) delete config.webrtc_config;
-  (0,_utils_index_js__WEBPACK_IMPORTED_MODULE_1__.assert)(
-    [undefined, true, false, "auto"].includes(webrtc),
-    "webrtc must be true, false or 'auto'",
-  );
-
-  const svc = await wm.getService(query, config);
-  if (webrtc === true || webrtc === "auto") {
-    if (svc.id.includes(":") && svc.id.includes("/")) {
-      try {
-        // Assuming that the client registered a webrtc service with the client_id + "-rtc"
-        const peer = await (0,_webrtc_client_js__WEBPACK_IMPORTED_MODULE_3__.getRTCService)(wm, rtc_service_id, webrtc_config);
-        const rtcSvc = await peer.getService(svc.id.split(":")[1], config);
-        rtcSvc._webrtc = true;
-        rtcSvc._peer = peer;
-        rtcSvc._service = svc;
-        return rtcSvc;
-      } catch (e) {
-        console.warn(
-          "Failed to get webrtc service, using websocket connection",
-          e,
-        );
-      }
-    }
-    if (webrtc === true) {
-      throw new Error("Failed to get the service via webrtc");
-    }
-  }
-  return svc;
-}
-
-async function connectToServer(config) {
-  if (config.server) {
-    config.server_url = config.server_url || config.server.url;
-    config.WebSocketClass =
-      config.WebSocketClass || config.server.WebSocketClass;
-  }
-  let clientId = config.client_id;
-  if (!clientId) {
-    clientId = (0,_utils_index_js__WEBPACK_IMPORTED_MODULE_1__.randId)();
-    config.client_id = clientId;
-  }
-  if (Object.keys(config).length === 0) {
-    if (typeof process !== "undefined" && process.env) {
-      // Node.js
-      config.server_url = process.env.HYPHA_SERVER_URL;
-      config.token = process.env.HYPHA_TOKEN;
-      config.client_id = process.env.HYPHA_CLIENT_ID;
-      config.workspace = process.env.HYPHA_WORKSPACE;
-    } else if (typeof self !== "undefined" && self.env) {
-      // WebWorker (only if you inject self.env manually)
-      config.server_url = self.env.HYPHA_SERVER_URL;
-      config.token = self.env.HYPHA_TOKEN;
-      config.client_id = self.env.HYPHA_CLIENT_ID;
-      config.workspace = self.env.HYPHA_WORKSPACE;
-    } else if (typeof globalThis !== "undefined" && globalThis.env) {
-      // Browser (only if you define globalThis.env beforehand)
-      config.server_url = globalThis.env.HYPHA_SERVER_URL;
-      config.token = globalThis.env.HYPHA_TOKEN;
-      config.client_id = globalThis.env.HYPHA_CLIENT_ID;
-      config.workspace = globalThis.env.HYPHA_WORKSPACE;
-    }
-  }
-
-  let server_url = normalizeServerUrl(config.server_url);
-
-  let connection = new WebsocketRPCConnection(
-    server_url,
-    clientId,
-    config.workspace,
-    config.token,
-    config.reconnection_token,
-    config.method_timeout || 60,
-    config.WebSocketClass,
-    config.token_refresh_interval,
-    config.additional_headers,
-  );
-  const connection_info = await connection.open();
-  (0,_utils_index_js__WEBPACK_IMPORTED_MODULE_1__.assert)(
-    connection_info,
-    "Failed to connect to the server, no connection info obtained. This issue is most likely due to an outdated Hypha server version. Please use `imjoy-rpc` for compatibility, or upgrade the Hypha server to the latest version.",
-  );
-  // wait for 0.5 seconds
-  await new Promise((resolve) => setTimeout(resolve, 100));
-  // Ensure manager_id is set before proceeding
-  if (!connection.manager_id) {
-    console.warn("Manager ID not set immediately, waiting...");
-
-    // Wait for manager_id to be set with timeout
-    const maxWaitTime = 5000; // 5 seconds
-    const checkInterval = 100; // 100ms
-    const startTime = Date.now();
-
-    while (!connection.manager_id && Date.now() - startTime < maxWaitTime) {
-      await new Promise((resolve) => setTimeout(resolve, checkInterval));
-    }
-
-    if (!connection.manager_id) {
-      console.error("Manager ID still not set after waiting");
-      throw new Error("Failed to get manager ID from server");
-    } else {
-      console.info(`Manager ID set after waiting: ${connection.manager_id}`);
-    }
-  }
-  if (config.workspace && connection_info.workspace !== config.workspace) {
-    throw new Error(
-      `Connected to the wrong workspace: ${connection_info.workspace}, expected: ${config.workspace}`,
-    );
-  }
-
-  const workspace = connection_info.workspace;
-  const rpc = new _rpc_js__WEBPACK_IMPORTED_MODULE_0__.RPC(connection, {
-    client_id: clientId,
-    workspace,
-    default_context: { connection_type: "websocket" },
-    name: config.name,
-    method_timeout: config.method_timeout,
-    app_id: config.app_id,
-    server_base_url: connection_info.public_base_url,
-    long_message_chunk_size: config.long_message_chunk_size,
-  });
-  await rpc.waitFor("services_registered", config.method_timeout || 120);
-  const wm = await rpc.get_manager_service({
-    timeout: config.method_timeout,
-    case_conversion: "camel",
-    kwargs_expansion: config.kwargs_expansion || false,
-  });
-  wm.rpc = rpc;
-
-  async function _export(api) {
-    api.id = "default";
-    api.name = api.name || config.name || api.id;
-    api.description = api.description || config.description;
-    await rpc.register_service(api, { overwrite: true });
-  }
-
-  async function getApp(clientId) {
-    clientId = clientId || "*";
-    (0,_utils_index_js__WEBPACK_IMPORTED_MODULE_1__.assert)(!clientId.includes(":"), "clientId should not contain ':'");
-    if (!clientId.includes("/")) {
-      clientId = connection_info.workspace + "/" + clientId;
-    }
-    (0,_utils_index_js__WEBPACK_IMPORTED_MODULE_1__.assert)(
-      clientId.split("/").length === 2,
-      "clientId should match pattern workspace/clientId",
-    );
-    return await wm.getService(`${clientId}:default`);
-  }
-
-  async function listApps(ws) {
-    ws = ws || workspace;
-    (0,_utils_index_js__WEBPACK_IMPORTED_MODULE_1__.assert)(!ws.includes(":"), "workspace should not contain ':'");
-    (0,_utils_index_js__WEBPACK_IMPORTED_MODULE_1__.assert)(!ws.includes("/"), "workspace should not contain '/'");
-    const query = { workspace: ws, service_id: "default" };
-    return await wm.listServices(query);
-  }
-
-  if (connection_info) {
-    wm.config = Object.assign(wm.config, connection_info);
-  }
-  wm.export = (0,_utils_schema_js__WEBPACK_IMPORTED_MODULE_2__.schemaFunction)(_export, {
-    name: "export",
-    description: "Export the api.",
-    parameters: {
-      properties: { api: { description: "The api to export", type: "object" } },
-      required: ["api"],
-      type: "object",
-    },
-  });
-  wm.getApp = (0,_utils_schema_js__WEBPACK_IMPORTED_MODULE_2__.schemaFunction)(getApp, {
-    name: "getApp",
-    description: "Get the app.",
-    parameters: {
-      properties: {
-        clientId: { default: "*", description: "The clientId", type: "string" },
-      },
-      type: "object",
-    },
-  });
-  wm.listApps = (0,_utils_schema_js__WEBPACK_IMPORTED_MODULE_2__.schemaFunction)(listApps, {
-    name: "listApps",
-    description: "List the apps.",
-    parameters: {
-      properties: {
-        workspace: {
-          default: workspace,
-          description: "The workspace",
-          type: "string",
-        },
-      },
-      type: "object",
-    },
-  });
-  wm.disconnect = (0,_utils_schema_js__WEBPACK_IMPORTED_MODULE_2__.schemaFunction)(rpc.disconnect.bind(rpc), {
-    name: "disconnect",
-    description: "Disconnect from the server.",
-    parameters: { type: "object", properties: {}, required: [] },
-  });
-  wm.registerCodec = (0,_utils_schema_js__WEBPACK_IMPORTED_MODULE_2__.schemaFunction)(rpc.register_codec.bind(rpc), {
-    name: "registerCodec",
-    description: "Register a codec for the webrtc connection",
-    parameters: {
-      type: "object",
-      properties: {
-        codec: {
-          type: "object",
-          description: "Codec to register",
-          properties: {
-            name: { type: "string" },
-            type: {},
-            encoder: { type: "function" },
-            decoder: { type: "function" },
-          },
-        },
-      },
-    },
-  });
-
-  wm.emit = (0,_utils_schema_js__WEBPACK_IMPORTED_MODULE_2__.schemaFunction)(rpc.emit.bind(rpc), {
-    name: "emit",
-    description: "Emit a message.",
-    parameters: {
-      properties: { data: { description: "The data to emit", type: "object" } },
-      required: ["data"],
-      type: "object",
-    },
-  });
-
-  wm.on = (0,_utils_schema_js__WEBPACK_IMPORTED_MODULE_2__.schemaFunction)(rpc.on.bind(rpc), {
-    name: "on",
-    description: "Register a message handler.",
-    parameters: {
-      properties: {
-        event: { description: "The event to listen to", type: "string" },
-        handler: { description: "The handler function", type: "function" },
-      },
-      required: ["event", "handler"],
-      type: "object",
-    },
-  });
-
-  wm.off = (0,_utils_schema_js__WEBPACK_IMPORTED_MODULE_2__.schemaFunction)(rpc.off.bind(rpc), {
-    name: "off",
-    description: "Remove a message handler.",
-    parameters: {
-      properties: {
-        event: { description: "The event to remove", type: "string" },
-        handler: { description: "The handler function", type: "function" },
-      },
-      required: ["event", "handler"],
-      type: "object",
-    },
-  });
-
-  wm.once = (0,_utils_schema_js__WEBPACK_IMPORTED_MODULE_2__.schemaFunction)(rpc.once.bind(rpc), {
-    name: "once",
-    description: "Register a one-time message handler.",
-    parameters: {
-      properties: {
-        event: { description: "The event to listen to", type: "string" },
-        handler: { description: "The handler function", type: "function" },
-      },
-      required: ["event", "handler"],
-      type: "object",
-    },
-  });
-
-  wm.getServiceSchema = (0,_utils_schema_js__WEBPACK_IMPORTED_MODULE_2__.schemaFunction)(rpc.get_service_schema, {
-    name: "getServiceSchema",
-    description: "Get the service schema.",
-    parameters: {
-      properties: {
-        service: {
-          description: "The service to extract schema",
-          type: "object",
-        },
-      },
-      required: ["service"],
-      type: "object",
-    },
-  });
-
-  wm.registerService = (0,_utils_schema_js__WEBPACK_IMPORTED_MODULE_2__.schemaFunction)(rpc.register_service.bind(rpc), {
-    name: "registerService",
-    description: "Register a service.",
-    parameters: {
-      properties: {
-        service: { description: "The service to register", type: "object" },
-        force: {
-          default: false,
-          description: "Force to register the service",
-          type: "boolean",
-        },
-      },
-      required: ["service"],
-      type: "object",
-    },
-  });
-  wm.unregisterService = (0,_utils_schema_js__WEBPACK_IMPORTED_MODULE_2__.schemaFunction)(rpc.unregister_service.bind(rpc), {
-    name: "unregisterService",
-    description: "Unregister a service.",
-    parameters: {
-      properties: {
-        service: {
-          description: "The service id to unregister",
-          type: "string",
-        },
-        notify: {
-          default: true,
-          description: "Notify the workspace manager",
-          type: "boolean",
-        },
-      },
-      required: ["service"],
-      type: "object",
-    },
-  });
-  if (connection.manager_id) {
-    rpc.on("force-exit", async (message) => {
-      if (message.from === "*/" + connection.manager_id) {
-        console.log("Disconnecting from server, reason:", message.reason);
-        await rpc.disconnect();
-      }
-    });
-  }
-  if (config.webrtc) {
-    await (0,_webrtc_client_js__WEBPACK_IMPORTED_MODULE_3__.registerRTCService)(wm, `${clientId}-rtc`, config.webrtc_config);
-    // make a copy of wm, so webrtc can use the original wm.getService
-    const _wm = Object.assign({}, wm);
-    const description = _wm.getService.__schema__.description;
-    // TODO: Fix the schema for adding options for webrtc
-    const parameters = _wm.getService.__schema__.parameters;
-    wm.getService = (0,_utils_schema_js__WEBPACK_IMPORTED_MODULE_2__.schemaFunction)(
-      webrtcGetService.bind(null, _wm, `${workspace}/${clientId}-rtc`),
-      {
-        name: "getService",
-        description,
-        parameters,
-      },
-    );
-
-    wm.getRTCService = (0,_utils_schema_js__WEBPACK_IMPORTED_MODULE_2__.schemaFunction)(_webrtc_client_js__WEBPACK_IMPORTED_MODULE_3__.getRTCService.bind(null, wm), {
-      name: "getRTCService",
-      description: "Get the webrtc connection, returns a peer connection.",
-      parameters: {
-        properties: {
-          config: {
-            description: "The config for the webrtc service",
-            type: "object",
-          },
-        },
-        required: ["config"],
-        type: "object",
-      },
-    });
-  } else {
-    const _getService = wm.getService;
-    wm.getService = (query, config) => {
-      config = config || {};
-      return _getService(query, config);
-    };
-    wm.getService.__schema__ = _getService.__schema__;
-  }
-
-  async function registerProbes(probes) {
-    probes.id = "probes";
-    probes.name = "Probes";
-    probes.config = { visibility: "public" };
-    probes.type = "probes";
-    probes.description = `Probes Service, visit ${server_url}/${workspace}services/probes for the available probes.`;
-    return await wm.registerService(probes, { overwrite: true });
-  }
-
-  wm.registerProbes = (0,_utils_schema_js__WEBPACK_IMPORTED_MODULE_2__.schemaFunction)(registerProbes, {
-    name: "registerProbes",
-    description: "Register probes service",
-    parameters: {
-      properties: {
-        probes: {
-          description:
-            "The probes to register, e.g. {'liveness': {'type': 'function', 'description': 'Check the liveness of the service'}}",
-          type: "object",
-        },
-      },
-      required: ["probes"],
-      type: "object",
-    },
-  });
-  return wm;
-}
-
-// Export alias for use by client.js
-
-
-async function getRemoteService(serviceUri, config = {}) {
-  const { serverUrl, workspace, clientId, serviceId, appId } =
-    (0,_utils_index_js__WEBPACK_IMPORTED_MODULE_1__.parseServiceUrl)(serviceUri);
-  const fullServiceId = `${workspace}/${clientId}:${serviceId}@${appId}`;
-
-  if (config.serverUrl) {
-    if (config.serverUrl !== serverUrl) {
-      throw new Error(
-        "server_url in config does not match the server_url in the url",
-      );
-    }
-  }
-  config.serverUrl = serverUrl;
-  const server = await connectToServer(config);
-  return await server.getService(fullServiceId);
-}
-
-class LocalWebSocket {
-  constructor(url, client_id, workspace) {
-    this.url = url;
-    this.onopen = () => {};
-    this.onmessage = () => {};
-    this.onclose = () => {};
-    this.onerror = () => {};
-    this.client_id = client_id;
-    this.workspace = workspace;
-    const context = typeof window !== "undefined" ? window : self;
-    const isWindow = typeof window !== "undefined";
-    this.postMessage = (message) => {
-      if (isWindow) {
-        window.parent.postMessage(message, "*");
-      } else {
-        self.postMessage(message);
-      }
-    };
-
-    this.readyState = WebSocket.CONNECTING;
-    context.addEventListener(
-      "message",
-      (event) => {
-        const { type, data, to } = event.data;
-        if (to !== this.client_id) {
-          // console.debug("message not for me", to, this.client_id);
-          return;
-        }
-        switch (type) {
-          case "message":
-            if (this.readyState === WebSocket.OPEN && this.onmessage) {
-              this.onmessage({ data: data });
-            }
-            break;
-          case "connected":
-            this.readyState = WebSocket.OPEN;
-            this.onopen(event);
-            break;
-          case "closed":
-            this.readyState = WebSocket.CLOSED;
-            this.onclose(event);
-            break;
-          default:
-            break;
-        }
-      },
-      false,
-    );
-
-    if (!this.client_id) throw new Error("client_id is required");
-    if (!this.workspace) throw new Error("workspace is required");
-    this.postMessage({
-      type: "connect",
-      url: this.url,
-      from: this.client_id,
-      workspace: this.workspace,
-    });
-  }
-
-  send(data) {
-    if (this.readyState === WebSocket.OPEN) {
-      this.postMessage({
-        type: "message",
-        data: data,
-        from: this.client_id,
-        workspace: this.workspace,
-      });
-    }
-  }
-
-  close() {
-    this.readyState = WebSocket.CLOSING;
-    this.postMessage({
-      type: "close",
-      from: this.client_id,
-      workspace: this.workspace,
-    });
-    this.onclose();
-  }
-
-  addEventListener(type, listener) {
-    if (type === "message") {
-      this.onmessage = listener;
-    }
-    if (type === "open") {
-      this.onopen = listener;
-    }
-    if (type === "close") {
-      this.onclose = listener;
-    }
-    if (type === "error") {
-      this.onerror = listener;
-    }
-  }
-}
-
-function setupLocalClient({
-  enable_execution = false,
-  on_ready = null,
-}) {
-  return new Promise((resolve, reject) => {
-    const context = typeof window !== "undefined" ? window : self;
-    const isWindow = typeof window !== "undefined";
-    context.addEventListener(
-      "message",
-      (event) => {
-        const {
-          type,
-          server_url,
-          workspace,
-          client_id,
-          token,
-          method_timeout,
-          name,
-          config,
-        } = event.data;
-
-        if (type === "initializeHyphaClient") {
-          if (!server_url || !workspace || !client_id) {
-            console.error("server_url, workspace, and client_id are required.");
-            return;
-          }
-
-          if (!server_url.startsWith("https://local-hypha-server:")) {
-            console.error(
-              "server_url should start with https://local-hypha-server:",
-            );
-            return;
-          }
-
-          class FixedLocalWebSocket extends LocalWebSocket {
-            constructor(url) {
-              // Call the parent class's constructor with fixed values
-              super(url, client_id, workspace);
-            }
-          }
-          connectToServer({
-            server_url,
-            workspace,
-            client_id,
-            token,
-            method_timeout,
-            name,
-            WebSocketClass: FixedLocalWebSocket,
-          }).then(async (server) => {
-            globalThis.api = server;
-            try {
-              // for iframe
-              if (isWindow && enable_execution) {
-                function loadScript(script) {
-                  return new Promise((resolve, reject) => {
-                    const scriptElement = document.createElement("script");
-                    scriptElement.innerHTML = script.content;
-                    scriptElement.lang = script.lang;
-
-                    scriptElement.onload = () => resolve();
-                    scriptElement.onerror = (e) => reject(e);
-
-                    document.head.appendChild(scriptElement);
-                  });
-                }
-                if (config.styles && config.styles.length > 0) {
-                  for (const style of config.styles) {
-                    const styleElement = document.createElement("style");
-                    styleElement.innerHTML = style.content;
-                    styleElement.lang = style.lang;
-                    document.head.appendChild(styleElement);
-                  }
-                }
-                if (config.links && config.links.length > 0) {
-                  for (const link of config.links) {
-                    const linkElement = document.createElement("a");
-                    linkElement.href = link.url;
-                    linkElement.innerText = link.text;
-                    document.body.appendChild(linkElement);
-                  }
-                }
-                if (config.windows && config.windows.length > 0) {
-                  for (const w of config.windows) {
-                    document.body.innerHTML = w.content;
-                    break;
-                  }
-                }
-                if (config.scripts && config.scripts.length > 0) {
-                  for (const script of config.scripts) {
-                    if (script.lang !== "javascript")
-                      throw new Error("Only javascript scripts are supported");
-                    await loadScript(script); // Await the loading of each script
-                  }
-                }
-              }
-              // for web worker
-              else if (
-                !isWindow &&
-                enable_execution &&
-                config.scripts &&
-                config.scripts.length > 0
-              ) {
-                for (const script of config.scripts) {
-                  if (script.lang !== "javascript")
-                    throw new Error("Only javascript scripts are supported");
-                  eval(script.content);
-                }
-              }
-
-              if (on_ready) {
-                await on_ready(server, config);
-              }
-              resolve(server);
-            } catch (e) {
-              reject(e);
-            }
-          });
-        }
-      },
-      false,
-    );
-    if (isWindow) {
-      window.parent.postMessage({ type: "hyphaClientReady" }, "*");
-    } else {
-      self.postMessage({ type: "hyphaClientReady" });
-    }
-  });
-}
-
-
-/***/ }),
-
-/***/ "./node_modules/@msgpack/msgpack/dist.es5+esm/CachedKeyDecoder.mjs":
-/*!*************************************************************************!*\
-  !*** ./node_modules/@msgpack/msgpack/dist.es5+esm/CachedKeyDecoder.mjs ***!
-  \*************************************************************************/
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   CachedKeyDecoder: () => (/* binding */ CachedKeyDecoder)
-/* harmony export */ });
-/* harmony import */ var _utils_utf8_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils/utf8.mjs */ "./node_modules/@msgpack/msgpack/dist.es5+esm/utils/utf8.mjs");
-
-var DEFAULT_MAX_KEY_LENGTH = 16;
-var DEFAULT_MAX_LENGTH_PER_KEY = 16;
-var CachedKeyDecoder = /** @class */ (function () {
-    function CachedKeyDecoder(maxKeyLength, maxLengthPerKey) {
-        if (maxKeyLength === void 0) { maxKeyLength = DEFAULT_MAX_KEY_LENGTH; }
-        if (maxLengthPerKey === void 0) { maxLengthPerKey = DEFAULT_MAX_LENGTH_PER_KEY; }
-        this.maxKeyLength = maxKeyLength;
-        this.maxLengthPerKey = maxLengthPerKey;
-        this.hit = 0;
-        this.miss = 0;
-        // avoid `new Array(N)`, which makes a sparse array,
-        // because a sparse array is typically slower than a non-sparse array.
-        this.caches = [];
-        for (var i = 0; i < this.maxKeyLength; i++) {
-            this.caches.push([]);
-        }
-    }
-    CachedKeyDecoder.prototype.canBeCached = function (byteLength) {
-        return byteLength > 0 && byteLength <= this.maxKeyLength;
-    };
-    CachedKeyDecoder.prototype.find = function (bytes, inputOffset, byteLength) {
-        var records = this.caches[byteLength - 1];
-        FIND_CHUNK: for (var _i = 0, records_1 = records; _i < records_1.length; _i++) {
-            var record = records_1[_i];
-            var recordBytes = record.bytes;
-            for (var j = 0; j < byteLength; j++) {
-                if (recordBytes[j] !== bytes[inputOffset + j]) {
-                    continue FIND_CHUNK;
-                }
-            }
-            return record.str;
-        }
-        return null;
-    };
-    CachedKeyDecoder.prototype.store = function (bytes, value) {
-        var records = this.caches[bytes.length - 1];
-        var record = { bytes: bytes, str: value };
-        if (records.length >= this.maxLengthPerKey) {
-            // `records` are full!
-            // Set `record` to an arbitrary position.
-            records[(Math.random() * records.length) | 0] = record;
-        }
-        else {
-            records.push(record);
-        }
-    };
-    CachedKeyDecoder.prototype.decode = function (bytes, inputOffset, byteLength) {
-        var cachedValue = this.find(bytes, inputOffset, byteLength);
-        if (cachedValue != null) {
-            this.hit++;
-            return cachedValue;
-        }
-        this.miss++;
-        var str = (0,_utils_utf8_mjs__WEBPACK_IMPORTED_MODULE_0__.utf8DecodeJs)(bytes, inputOffset, byteLength);
-        // Ensure to copy a slice of bytes because the byte may be NodeJS Buffer and Buffer#slice() returns a reference to its internal ArrayBuffer.
-        var slicedCopyOfBytes = Uint8Array.prototype.slice.call(bytes, inputOffset, inputOffset + byteLength);
-        this.store(slicedCopyOfBytes, str);
-        return str;
-    };
-    return CachedKeyDecoder;
-}());
-
-//# sourceMappingURL=CachedKeyDecoder.mjs.map
-
-/***/ }),
-
-/***/ "./node_modules/@msgpack/msgpack/dist.es5+esm/DecodeError.mjs":
-/*!********************************************************************!*\
-  !*** ./node_modules/@msgpack/msgpack/dist.es5+esm/DecodeError.mjs ***!
-  \********************************************************************/
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   DecodeError: () => (/* binding */ DecodeError)
-/* harmony export */ });
-var __extends = (undefined && undefined.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var DecodeError = /** @class */ (function (_super) {
-    __extends(DecodeError, _super);
-    function DecodeError(message) {
-        var _this = _super.call(this, message) || this;
-        // fix the prototype chain in a cross-platform way
-        var proto = Object.create(DecodeError.prototype);
-        Object.setPrototypeOf(_this, proto);
-        Object.defineProperty(_this, "name", {
-            configurable: true,
-            enumerable: false,
-            value: DecodeError.name,
-        });
-        return _this;
-    }
-    return DecodeError;
-}(Error));
-
-//# sourceMappingURL=DecodeError.mjs.map
-
-/***/ }),
-
-/***/ "./node_modules/@msgpack/msgpack/dist.es5+esm/Decoder.mjs":
-/*!****************************************************************!*\
-  !*** ./node_modules/@msgpack/msgpack/dist.es5+esm/Decoder.mjs ***!
-  \****************************************************************/
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   DataViewIndexOutOfBoundsError: () => (/* binding */ DataViewIndexOutOfBoundsError),
-/* harmony export */   Decoder: () => (/* binding */ Decoder)
-/* harmony export */ });
-/* harmony import */ var _utils_prettyByte_mjs__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./utils/prettyByte.mjs */ "./node_modules/@msgpack/msgpack/dist.es5+esm/utils/prettyByte.mjs");
-/* harmony import */ var _ExtensionCodec_mjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ExtensionCodec.mjs */ "./node_modules/@msgpack/msgpack/dist.es5+esm/ExtensionCodec.mjs");
-/* harmony import */ var _utils_int_mjs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./utils/int.mjs */ "./node_modules/@msgpack/msgpack/dist.es5+esm/utils/int.mjs");
-/* harmony import */ var _utils_utf8_mjs__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./utils/utf8.mjs */ "./node_modules/@msgpack/msgpack/dist.es5+esm/utils/utf8.mjs");
-/* harmony import */ var _utils_typedArrays_mjs__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils/typedArrays.mjs */ "./node_modules/@msgpack/msgpack/dist.es5+esm/utils/typedArrays.mjs");
-/* harmony import */ var _CachedKeyDecoder_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./CachedKeyDecoder.mjs */ "./node_modules/@msgpack/msgpack/dist.es5+esm/CachedKeyDecoder.mjs");
-/* harmony import */ var _DecodeError_mjs__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./DecodeError.mjs */ "./node_modules/@msgpack/msgpack/dist.es5+esm/DecodeError.mjs");
-var __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (undefined && undefined.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var __asyncValues = (undefined && undefined.__asyncValues) || function (o) {
-    if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
-    var m = o[Symbol.asyncIterator], i;
-    return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
-    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
-    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }
-};
-var __await = (undefined && undefined.__await) || function (v) { return this instanceof __await ? (this.v = v, this) : new __await(v); }
-var __asyncGenerator = (undefined && undefined.__asyncGenerator) || function (thisArg, _arguments, generator) {
-    if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
-    var g = generator.apply(thisArg, _arguments || []), i, q = [];
-    return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
-    function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
-    function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }
-    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
-    function fulfill(value) { resume("next", value); }
-    function reject(value) { resume("throw", value); }
-    function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }
-};
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   DataViewIndexOutOfBoundsError: () => (/* binding */ DataViewIndexOutOfBoundsError),
+/* harmony export */   Decoder: () => (/* binding */ Decoder)
+/* harmony export */ });
+/* harmony import */ var _utils_prettyByte_mjs__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./utils/prettyByte.mjs */ "./node_modules/@msgpack/msgpack/dist.es5+esm/utils/prettyByte.mjs");
+/* harmony import */ var _ExtensionCodec_mjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ExtensionCodec.mjs */ "./node_modules/@msgpack/msgpack/dist.es5+esm/ExtensionCodec.mjs");
+/* harmony import */ var _utils_int_mjs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./utils/int.mjs */ "./node_modules/@msgpack/msgpack/dist.es5+esm/utils/int.mjs");
+/* harmony import */ var _utils_utf8_mjs__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./utils/utf8.mjs */ "./node_modules/@msgpack/msgpack/dist.es5+esm/utils/utf8.mjs");
+/* harmony import */ var _utils_typedArrays_mjs__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils/typedArrays.mjs */ "./node_modules/@msgpack/msgpack/dist.es5+esm/utils/typedArrays.mjs");
+/* harmony import */ var _CachedKeyDecoder_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./CachedKeyDecoder.mjs */ "./node_modules/@msgpack/msgpack/dist.es5+esm/CachedKeyDecoder.mjs");
+/* harmony import */ var _DecodeError_mjs__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./DecodeError.mjs */ "./node_modules/@msgpack/msgpack/dist.es5+esm/DecodeError.mjs");
+var __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (undefined && undefined.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __asyncValues = (undefined && undefined.__asyncValues) || function (o) {
+    if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
+    var m = o[Symbol.asyncIterator], i;
+    return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
+    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
+    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }
+};
+var __await = (undefined && undefined.__await) || function (v) { return this instanceof __await ? (this.v = v, this) : new __await(v); }
+var __asyncGenerator = (undefined && undefined.__asyncGenerator) || function (thisArg, _arguments, generator) {
+    if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
+    var g = generator.apply(thisArg, _arguments || []), i, q = [];
+    return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
+    function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
+    function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }
+    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
+    function fulfill(value) { resume("next", value); }
+    function reject(value) { resume("throw", value); }
+    function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }
+};
 
 
 
@@ -6921,958 +5694,1862 @@ var Encoder = /** @class */ (function () {
             this.pos += byteLength;
         }
         else {
-            var byteLength = (0,_utils_utf8_mjs__WEBPACK_IMPORTED_MODULE_1__.utf8Count)(object);
-            this.ensureBufferSizeToWrite(maxHeaderSize + byteLength);
-            this.writeStringHeader(byteLength);
-            (0,_utils_utf8_mjs__WEBPACK_IMPORTED_MODULE_1__.utf8EncodeJs)(object, this.bytes, this.pos);
-            this.pos += byteLength;
+            var byteLength = (0,_utils_utf8_mjs__WEBPACK_IMPORTED_MODULE_1__.utf8Count)(object);
+            this.ensureBufferSizeToWrite(maxHeaderSize + byteLength);
+            this.writeStringHeader(byteLength);
+            (0,_utils_utf8_mjs__WEBPACK_IMPORTED_MODULE_1__.utf8EncodeJs)(object, this.bytes, this.pos);
+            this.pos += byteLength;
+        }
+    };
+    Encoder.prototype.encodeObject = function (object, depth) {
+        // try to encode objects with custom codec first of non-primitives
+        var ext = this.extensionCodec.tryToEncode(object, this.context);
+        if (ext != null) {
+            this.encodeExtension(ext);
+        }
+        else if (Array.isArray(object)) {
+            this.encodeArray(object, depth);
+        }
+        else if (ArrayBuffer.isView(object)) {
+            this.encodeBinary(object);
+        }
+        else if (typeof object === "object") {
+            this.encodeMap(object, depth);
+        }
+        else {
+            // symbol, function and other special object come here unless extensionCodec handles them.
+            throw new Error("Unrecognized object: ".concat(Object.prototype.toString.apply(object)));
+        }
+    };
+    Encoder.prototype.encodeBinary = function (object) {
+        var size = object.byteLength;
+        if (size < 0x100) {
+            // bin 8
+            this.writeU8(0xc4);
+            this.writeU8(size);
+        }
+        else if (size < 0x10000) {
+            // bin 16
+            this.writeU8(0xc5);
+            this.writeU16(size);
+        }
+        else if (size < 0x100000000) {
+            // bin 32
+            this.writeU8(0xc6);
+            this.writeU32(size);
+        }
+        else {
+            throw new Error("Too large binary: ".concat(size));
+        }
+        var bytes = (0,_utils_typedArrays_mjs__WEBPACK_IMPORTED_MODULE_2__.ensureUint8Array)(object);
+        this.writeU8a(bytes);
+    };
+    Encoder.prototype.encodeArray = function (object, depth) {
+        var size = object.length;
+        if (size < 16) {
+            // fixarray
+            this.writeU8(0x90 + size);
+        }
+        else if (size < 0x10000) {
+            // array 16
+            this.writeU8(0xdc);
+            this.writeU16(size);
+        }
+        else if (size < 0x100000000) {
+            // array 32
+            this.writeU8(0xdd);
+            this.writeU32(size);
+        }
+        else {
+            throw new Error("Too large array: ".concat(size));
+        }
+        for (var _i = 0, object_1 = object; _i < object_1.length; _i++) {
+            var item = object_1[_i];
+            this.doEncode(item, depth + 1);
+        }
+    };
+    Encoder.prototype.countWithoutUndefined = function (object, keys) {
+        var count = 0;
+        for (var _i = 0, keys_1 = keys; _i < keys_1.length; _i++) {
+            var key = keys_1[_i];
+            if (object[key] !== undefined) {
+                count++;
+            }
+        }
+        return count;
+    };
+    Encoder.prototype.encodeMap = function (object, depth) {
+        var keys = Object.keys(object);
+        if (this.sortKeys) {
+            keys.sort();
+        }
+        var size = this.ignoreUndefined ? this.countWithoutUndefined(object, keys) : keys.length;
+        if (size < 16) {
+            // fixmap
+            this.writeU8(0x80 + size);
+        }
+        else if (size < 0x10000) {
+            // map 16
+            this.writeU8(0xde);
+            this.writeU16(size);
+        }
+        else if (size < 0x100000000) {
+            // map 32
+            this.writeU8(0xdf);
+            this.writeU32(size);
+        }
+        else {
+            throw new Error("Too large map object: ".concat(size));
+        }
+        for (var _i = 0, keys_2 = keys; _i < keys_2.length; _i++) {
+            var key = keys_2[_i];
+            var value = object[key];
+            if (!(this.ignoreUndefined && value === undefined)) {
+                this.encodeString(key);
+                this.doEncode(value, depth + 1);
+            }
+        }
+    };
+    Encoder.prototype.encodeExtension = function (ext) {
+        var size = ext.data.length;
+        if (size === 1) {
+            // fixext 1
+            this.writeU8(0xd4);
+        }
+        else if (size === 2) {
+            // fixext 2
+            this.writeU8(0xd5);
+        }
+        else if (size === 4) {
+            // fixext 4
+            this.writeU8(0xd6);
+        }
+        else if (size === 8) {
+            // fixext 8
+            this.writeU8(0xd7);
+        }
+        else if (size === 16) {
+            // fixext 16
+            this.writeU8(0xd8);
+        }
+        else if (size < 0x100) {
+            // ext 8
+            this.writeU8(0xc7);
+            this.writeU8(size);
+        }
+        else if (size < 0x10000) {
+            // ext 16
+            this.writeU8(0xc8);
+            this.writeU16(size);
+        }
+        else if (size < 0x100000000) {
+            // ext 32
+            this.writeU8(0xc9);
+            this.writeU32(size);
+        }
+        else {
+            throw new Error("Too large extension object: ".concat(size));
+        }
+        this.writeI8(ext.type);
+        this.writeU8a(ext.data);
+    };
+    Encoder.prototype.writeU8 = function (value) {
+        this.ensureBufferSizeToWrite(1);
+        this.view.setUint8(this.pos, value);
+        this.pos++;
+    };
+    Encoder.prototype.writeU8a = function (values) {
+        var size = values.length;
+        this.ensureBufferSizeToWrite(size);
+        this.bytes.set(values, this.pos);
+        this.pos += size;
+    };
+    Encoder.prototype.writeI8 = function (value) {
+        this.ensureBufferSizeToWrite(1);
+        this.view.setInt8(this.pos, value);
+        this.pos++;
+    };
+    Encoder.prototype.writeU16 = function (value) {
+        this.ensureBufferSizeToWrite(2);
+        this.view.setUint16(this.pos, value);
+        this.pos += 2;
+    };
+    Encoder.prototype.writeI16 = function (value) {
+        this.ensureBufferSizeToWrite(2);
+        this.view.setInt16(this.pos, value);
+        this.pos += 2;
+    };
+    Encoder.prototype.writeU32 = function (value) {
+        this.ensureBufferSizeToWrite(4);
+        this.view.setUint32(this.pos, value);
+        this.pos += 4;
+    };
+    Encoder.prototype.writeI32 = function (value) {
+        this.ensureBufferSizeToWrite(4);
+        this.view.setInt32(this.pos, value);
+        this.pos += 4;
+    };
+    Encoder.prototype.writeF32 = function (value) {
+        this.ensureBufferSizeToWrite(4);
+        this.view.setFloat32(this.pos, value);
+        this.pos += 4;
+    };
+    Encoder.prototype.writeF64 = function (value) {
+        this.ensureBufferSizeToWrite(8);
+        this.view.setFloat64(this.pos, value);
+        this.pos += 8;
+    };
+    Encoder.prototype.writeU64 = function (value) {
+        this.ensureBufferSizeToWrite(8);
+        (0,_utils_int_mjs__WEBPACK_IMPORTED_MODULE_3__.setUint64)(this.view, this.pos, value);
+        this.pos += 8;
+    };
+    Encoder.prototype.writeI64 = function (value) {
+        this.ensureBufferSizeToWrite(8);
+        (0,_utils_int_mjs__WEBPACK_IMPORTED_MODULE_3__.setInt64)(this.view, this.pos, value);
+        this.pos += 8;
+    };
+    return Encoder;
+}());
+
+//# sourceMappingURL=Encoder.mjs.map
+
+/***/ }),
+
+/***/ "./node_modules/@msgpack/msgpack/dist.es5+esm/ExtData.mjs":
+/*!****************************************************************!*\
+  !*** ./node_modules/@msgpack/msgpack/dist.es5+esm/ExtData.mjs ***!
+  \****************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   ExtData: () => (/* binding */ ExtData)
+/* harmony export */ });
+/**
+ * ExtData is used to handle Extension Types that are not registered to ExtensionCodec.
+ */
+var ExtData = /** @class */ (function () {
+    function ExtData(type, data) {
+        this.type = type;
+        this.data = data;
+    }
+    return ExtData;
+}());
+
+//# sourceMappingURL=ExtData.mjs.map
+
+/***/ }),
+
+/***/ "./node_modules/@msgpack/msgpack/dist.es5+esm/ExtensionCodec.mjs":
+/*!***********************************************************************!*\
+  !*** ./node_modules/@msgpack/msgpack/dist.es5+esm/ExtensionCodec.mjs ***!
+  \***********************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   ExtensionCodec: () => (/* binding */ ExtensionCodec)
+/* harmony export */ });
+/* harmony import */ var _ExtData_mjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ExtData.mjs */ "./node_modules/@msgpack/msgpack/dist.es5+esm/ExtData.mjs");
+/* harmony import */ var _timestamp_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./timestamp.mjs */ "./node_modules/@msgpack/msgpack/dist.es5+esm/timestamp.mjs");
+// ExtensionCodec to handle MessagePack extensions
+
+
+var ExtensionCodec = /** @class */ (function () {
+    function ExtensionCodec() {
+        // built-in extensions
+        this.builtInEncoders = [];
+        this.builtInDecoders = [];
+        // custom extensions
+        this.encoders = [];
+        this.decoders = [];
+        this.register(_timestamp_mjs__WEBPACK_IMPORTED_MODULE_0__.timestampExtension);
+    }
+    ExtensionCodec.prototype.register = function (_a) {
+        var type = _a.type, encode = _a.encode, decode = _a.decode;
+        if (type >= 0) {
+            // custom extensions
+            this.encoders[type] = encode;
+            this.decoders[type] = decode;
+        }
+        else {
+            // built-in extensions
+            var index = 1 + type;
+            this.builtInEncoders[index] = encode;
+            this.builtInDecoders[index] = decode;
         }
     };
-    Encoder.prototype.encodeObject = function (object, depth) {
-        // try to encode objects with custom codec first of non-primitives
-        var ext = this.extensionCodec.tryToEncode(object, this.context);
-        if (ext != null) {
-            this.encodeExtension(ext);
-        }
-        else if (Array.isArray(object)) {
-            this.encodeArray(object, depth);
-        }
-        else if (ArrayBuffer.isView(object)) {
-            this.encodeBinary(object);
+    ExtensionCodec.prototype.tryToEncode = function (object, context) {
+        // built-in extensions
+        for (var i = 0; i < this.builtInEncoders.length; i++) {
+            var encodeExt = this.builtInEncoders[i];
+            if (encodeExt != null) {
+                var data = encodeExt(object, context);
+                if (data != null) {
+                    var type = -1 - i;
+                    return new _ExtData_mjs__WEBPACK_IMPORTED_MODULE_1__.ExtData(type, data);
+                }
+            }
         }
-        else if (typeof object === "object") {
-            this.encodeMap(object, depth);
+        // custom extensions
+        for (var i = 0; i < this.encoders.length; i++) {
+            var encodeExt = this.encoders[i];
+            if (encodeExt != null) {
+                var data = encodeExt(object, context);
+                if (data != null) {
+                    var type = i;
+                    return new _ExtData_mjs__WEBPACK_IMPORTED_MODULE_1__.ExtData(type, data);
+                }
+            }
         }
-        else {
-            // symbol, function and other special object come here unless extensionCodec handles them.
-            throw new Error("Unrecognized object: ".concat(Object.prototype.toString.apply(object)));
+        if (object instanceof _ExtData_mjs__WEBPACK_IMPORTED_MODULE_1__.ExtData) {
+            // to keep ExtData as is
+            return object;
         }
+        return null;
     };
-    Encoder.prototype.encodeBinary = function (object) {
-        var size = object.byteLength;
-        if (size < 0x100) {
-            // bin 8
-            this.writeU8(0xc4);
-            this.writeU8(size);
-        }
-        else if (size < 0x10000) {
-            // bin 16
-            this.writeU8(0xc5);
-            this.writeU16(size);
-        }
-        else if (size < 0x100000000) {
-            // bin 32
-            this.writeU8(0xc6);
-            this.writeU32(size);
+    ExtensionCodec.prototype.decode = function (data, type, context) {
+        var decodeExt = type < 0 ? this.builtInDecoders[-1 - type] : this.decoders[type];
+        if (decodeExt) {
+            return decodeExt(data, type, context);
         }
         else {
-            throw new Error("Too large binary: ".concat(size));
+            // decode() does not fail, returns ExtData instead.
+            return new _ExtData_mjs__WEBPACK_IMPORTED_MODULE_1__.ExtData(type, data);
         }
-        var bytes = (0,_utils_typedArrays_mjs__WEBPACK_IMPORTED_MODULE_2__.ensureUint8Array)(object);
-        this.writeU8a(bytes);
     };
-    Encoder.prototype.encodeArray = function (object, depth) {
-        var size = object.length;
-        if (size < 16) {
-            // fixarray
-            this.writeU8(0x90 + size);
-        }
-        else if (size < 0x10000) {
-            // array 16
-            this.writeU8(0xdc);
-            this.writeU16(size);
-        }
-        else if (size < 0x100000000) {
-            // array 32
-            this.writeU8(0xdd);
-            this.writeU32(size);
+    ExtensionCodec.defaultCodec = new ExtensionCodec();
+    return ExtensionCodec;
+}());
+
+//# sourceMappingURL=ExtensionCodec.mjs.map
+
+/***/ }),
+
+/***/ "./node_modules/@msgpack/msgpack/dist.es5+esm/decode.mjs":
+/*!***************************************************************!*\
+  !*** ./node_modules/@msgpack/msgpack/dist.es5+esm/decode.mjs ***!
+  \***************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   decode: () => (/* binding */ decode),
+/* harmony export */   decodeMulti: () => (/* binding */ decodeMulti),
+/* harmony export */   defaultDecodeOptions: () => (/* binding */ defaultDecodeOptions)
+/* harmony export */ });
+/* harmony import */ var _Decoder_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Decoder.mjs */ "./node_modules/@msgpack/msgpack/dist.es5+esm/Decoder.mjs");
+
+var defaultDecodeOptions = {};
+/**
+ * It decodes a single MessagePack object in a buffer.
+ *
+ * This is a synchronous decoding function.
+ * See other variants for asynchronous decoding: {@link decodeAsync()}, {@link decodeStream()}, or {@link decodeArrayStream()}.
+ *
+ * @throws {@link RangeError} if the buffer is incomplete, including the case where the buffer is empty.
+ * @throws {@link DecodeError} if the buffer contains invalid data.
+ */
+function decode(buffer, options) {
+    if (options === void 0) { options = defaultDecodeOptions; }
+    var decoder = new _Decoder_mjs__WEBPACK_IMPORTED_MODULE_0__.Decoder(options.extensionCodec, options.context, options.maxStrLength, options.maxBinLength, options.maxArrayLength, options.maxMapLength, options.maxExtLength);
+    return decoder.decode(buffer);
+}
+/**
+ * It decodes multiple MessagePack objects in a buffer.
+ * This is corresponding to {@link decodeMultiStream()}.
+ *
+ * @throws {@link RangeError} if the buffer is incomplete, including the case where the buffer is empty.
+ * @throws {@link DecodeError} if the buffer contains invalid data.
+ */
+function decodeMulti(buffer, options) {
+    if (options === void 0) { options = defaultDecodeOptions; }
+    var decoder = new _Decoder_mjs__WEBPACK_IMPORTED_MODULE_0__.Decoder(options.extensionCodec, options.context, options.maxStrLength, options.maxBinLength, options.maxArrayLength, options.maxMapLength, options.maxExtLength);
+    return decoder.decodeMulti(buffer);
+}
+//# sourceMappingURL=decode.mjs.map
+
+/***/ }),
+
+/***/ "./node_modules/@msgpack/msgpack/dist.es5+esm/encode.mjs":
+/*!***************************************************************!*\
+  !*** ./node_modules/@msgpack/msgpack/dist.es5+esm/encode.mjs ***!
+  \***************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   encode: () => (/* binding */ encode)
+/* harmony export */ });
+/* harmony import */ var _Encoder_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Encoder.mjs */ "./node_modules/@msgpack/msgpack/dist.es5+esm/Encoder.mjs");
+
+var defaultEncodeOptions = {};
+/**
+ * It encodes `value` in the MessagePack format and
+ * returns a byte buffer.
+ *
+ * The returned buffer is a slice of a larger `ArrayBuffer`, so you have to use its `#byteOffset` and `#byteLength` in order to convert it to another typed arrays including NodeJS `Buffer`.
+ */
+function encode(value, options) {
+    if (options === void 0) { options = defaultEncodeOptions; }
+    var encoder = new _Encoder_mjs__WEBPACK_IMPORTED_MODULE_0__.Encoder(options.extensionCodec, options.context, options.maxDepth, options.initialBufferSize, options.sortKeys, options.forceFloat32, options.ignoreUndefined, options.forceIntegerToFloat);
+    return encoder.encodeSharedRef(value);
+}
+//# sourceMappingURL=encode.mjs.map
+
+/***/ }),
+
+/***/ "./node_modules/@msgpack/msgpack/dist.es5+esm/timestamp.mjs":
+/*!******************************************************************!*\
+  !*** ./node_modules/@msgpack/msgpack/dist.es5+esm/timestamp.mjs ***!
+  \******************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   EXT_TIMESTAMP: () => (/* binding */ EXT_TIMESTAMP),
+/* harmony export */   decodeTimestampExtension: () => (/* binding */ decodeTimestampExtension),
+/* harmony export */   decodeTimestampToTimeSpec: () => (/* binding */ decodeTimestampToTimeSpec),
+/* harmony export */   encodeDateToTimeSpec: () => (/* binding */ encodeDateToTimeSpec),
+/* harmony export */   encodeTimeSpecToTimestamp: () => (/* binding */ encodeTimeSpecToTimestamp),
+/* harmony export */   encodeTimestampExtension: () => (/* binding */ encodeTimestampExtension),
+/* harmony export */   timestampExtension: () => (/* binding */ timestampExtension)
+/* harmony export */ });
+/* harmony import */ var _DecodeError_mjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./DecodeError.mjs */ "./node_modules/@msgpack/msgpack/dist.es5+esm/DecodeError.mjs");
+/* harmony import */ var _utils_int_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils/int.mjs */ "./node_modules/@msgpack/msgpack/dist.es5+esm/utils/int.mjs");
+// https://github.com/msgpack/msgpack/blob/master/spec.md#timestamp-extension-type
+
+
+var EXT_TIMESTAMP = -1;
+var TIMESTAMP32_MAX_SEC = 0x100000000 - 1; // 32-bit unsigned int
+var TIMESTAMP64_MAX_SEC = 0x400000000 - 1; // 34-bit unsigned int
+function encodeTimeSpecToTimestamp(_a) {
+    var sec = _a.sec, nsec = _a.nsec;
+    if (sec >= 0 && nsec >= 0 && sec <= TIMESTAMP64_MAX_SEC) {
+        // Here sec >= 0 && nsec >= 0
+        if (nsec === 0 && sec <= TIMESTAMP32_MAX_SEC) {
+            // timestamp 32 = { sec32 (unsigned) }
+            var rv = new Uint8Array(4);
+            var view = new DataView(rv.buffer);
+            view.setUint32(0, sec);
+            return rv;
         }
         else {
-            throw new Error("Too large array: ".concat(size));
-        }
-        for (var _i = 0, object_1 = object; _i < object_1.length; _i++) {
-            var item = object_1[_i];
-            this.doEncode(item, depth + 1);
+            // timestamp 64 = { nsec30 (unsigned), sec34 (unsigned) }
+            var secHigh = sec / 0x100000000;
+            var secLow = sec & 0xffffffff;
+            var rv = new Uint8Array(8);
+            var view = new DataView(rv.buffer);
+            // nsec30 | secHigh2
+            view.setUint32(0, (nsec << 2) | (secHigh & 0x3));
+            // secLow32
+            view.setUint32(4, secLow);
+            return rv;
         }
+    }
+    else {
+        // timestamp 96 = { nsec32 (unsigned), sec64 (signed) }
+        var rv = new Uint8Array(12);
+        var view = new DataView(rv.buffer);
+        view.setUint32(0, nsec);
+        (0,_utils_int_mjs__WEBPACK_IMPORTED_MODULE_0__.setInt64)(view, 4, sec);
+        return rv;
+    }
+}
+function encodeDateToTimeSpec(date) {
+    var msec = date.getTime();
+    var sec = Math.floor(msec / 1e3);
+    var nsec = (msec - sec * 1e3) * 1e6;
+    // Normalizes { sec, nsec } to ensure nsec is unsigned.
+    var nsecInSec = Math.floor(nsec / 1e9);
+    return {
+        sec: sec + nsecInSec,
+        nsec: nsec - nsecInSec * 1e9,
     };
-    Encoder.prototype.countWithoutUndefined = function (object, keys) {
-        var count = 0;
-        for (var _i = 0, keys_1 = keys; _i < keys_1.length; _i++) {
-            var key = keys_1[_i];
-            if (object[key] !== undefined) {
-                count++;
-            }
+}
+function encodeTimestampExtension(object) {
+    if (object instanceof Date) {
+        var timeSpec = encodeDateToTimeSpec(object);
+        return encodeTimeSpecToTimestamp(timeSpec);
+    }
+    else {
+        return null;
+    }
+}
+function decodeTimestampToTimeSpec(data) {
+    var view = new DataView(data.buffer, data.byteOffset, data.byteLength);
+    // data may be 32, 64, or 96 bits
+    switch (data.byteLength) {
+        case 4: {
+            // timestamp 32 = { sec32 }
+            var sec = view.getUint32(0);
+            var nsec = 0;
+            return { sec: sec, nsec: nsec };
         }
-        return count;
-    };
-    Encoder.prototype.encodeMap = function (object, depth) {
-        var keys = Object.keys(object);
-        if (this.sortKeys) {
-            keys.sort();
+        case 8: {
+            // timestamp 64 = { nsec30, sec34 }
+            var nsec30AndSecHigh2 = view.getUint32(0);
+            var secLow32 = view.getUint32(4);
+            var sec = (nsec30AndSecHigh2 & 0x3) * 0x100000000 + secLow32;
+            var nsec = nsec30AndSecHigh2 >>> 2;
+            return { sec: sec, nsec: nsec };
         }
-        var size = this.ignoreUndefined ? this.countWithoutUndefined(object, keys) : keys.length;
-        if (size < 16) {
-            // fixmap
-            this.writeU8(0x80 + size);
+        case 12: {
+            // timestamp 96 = { nsec32 (unsigned), sec64 (signed) }
+            var sec = (0,_utils_int_mjs__WEBPACK_IMPORTED_MODULE_0__.getInt64)(view, 4);
+            var nsec = view.getUint32(0);
+            return { sec: sec, nsec: nsec };
         }
-        else if (size < 0x10000) {
-            // map 16
-            this.writeU8(0xde);
-            this.writeU16(size);
+        default:
+            throw new _DecodeError_mjs__WEBPACK_IMPORTED_MODULE_1__.DecodeError("Unrecognized data size for timestamp (expected 4, 8, or 12): ".concat(data.length));
+    }
+}
+function decodeTimestampExtension(data) {
+    var timeSpec = decodeTimestampToTimeSpec(data);
+    return new Date(timeSpec.sec * 1e3 + timeSpec.nsec / 1e6);
+}
+var timestampExtension = {
+    type: EXT_TIMESTAMP,
+    encode: encodeTimestampExtension,
+    decode: decodeTimestampExtension,
+};
+//# sourceMappingURL=timestamp.mjs.map
+
+/***/ }),
+
+/***/ "./node_modules/@msgpack/msgpack/dist.es5+esm/utils/int.mjs":
+/*!******************************************************************!*\
+  !*** ./node_modules/@msgpack/msgpack/dist.es5+esm/utils/int.mjs ***!
+  \******************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   UINT32_MAX: () => (/* binding */ UINT32_MAX),
+/* harmony export */   getInt64: () => (/* binding */ getInt64),
+/* harmony export */   getUint64: () => (/* binding */ getUint64),
+/* harmony export */   setInt64: () => (/* binding */ setInt64),
+/* harmony export */   setUint64: () => (/* binding */ setUint64)
+/* harmony export */ });
+// Integer Utility
+var UINT32_MAX = 4294967295;
+// DataView extension to handle int64 / uint64,
+// where the actual range is 53-bits integer (a.k.a. safe integer)
+function setUint64(view, offset, value) {
+    var high = value / 4294967296;
+    var low = value; // high bits are truncated by DataView
+    view.setUint32(offset, high);
+    view.setUint32(offset + 4, low);
+}
+function setInt64(view, offset, value) {
+    var high = Math.floor(value / 4294967296);
+    var low = value; // high bits are truncated by DataView
+    view.setUint32(offset, high);
+    view.setUint32(offset + 4, low);
+}
+function getInt64(view, offset) {
+    var high = view.getInt32(offset);
+    var low = view.getUint32(offset + 4);
+    return high * 4294967296 + low;
+}
+function getUint64(view, offset) {
+    var high = view.getUint32(offset);
+    var low = view.getUint32(offset + 4);
+    return high * 4294967296 + low;
+}
+//# sourceMappingURL=int.mjs.map
+
+/***/ }),
+
+/***/ "./node_modules/@msgpack/msgpack/dist.es5+esm/utils/prettyByte.mjs":
+/*!*************************************************************************!*\
+  !*** ./node_modules/@msgpack/msgpack/dist.es5+esm/utils/prettyByte.mjs ***!
+  \*************************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   prettyByte: () => (/* binding */ prettyByte)
+/* harmony export */ });
+function prettyByte(byte) {
+    return "".concat(byte < 0 ? "-" : "", "0x").concat(Math.abs(byte).toString(16).padStart(2, "0"));
+}
+//# sourceMappingURL=prettyByte.mjs.map
+
+/***/ }),
+
+/***/ "./node_modules/@msgpack/msgpack/dist.es5+esm/utils/typedArrays.mjs":
+/*!**************************************************************************!*\
+  !*** ./node_modules/@msgpack/msgpack/dist.es5+esm/utils/typedArrays.mjs ***!
+  \**************************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   createDataView: () => (/* binding */ createDataView),
+/* harmony export */   ensureUint8Array: () => (/* binding */ ensureUint8Array)
+/* harmony export */ });
+function ensureUint8Array(buffer) {
+    if (buffer instanceof Uint8Array) {
+        return buffer;
+    }
+    else if (ArrayBuffer.isView(buffer)) {
+        return new Uint8Array(buffer.buffer, buffer.byteOffset, buffer.byteLength);
+    }
+    else if (buffer instanceof ArrayBuffer) {
+        return new Uint8Array(buffer);
+    }
+    else {
+        // ArrayLike<number>
+        return Uint8Array.from(buffer);
+    }
+}
+function createDataView(buffer) {
+    if (buffer instanceof ArrayBuffer) {
+        return new DataView(buffer);
+    }
+    var bufferView = ensureUint8Array(buffer);
+    return new DataView(bufferView.buffer, bufferView.byteOffset, bufferView.byteLength);
+}
+//# sourceMappingURL=typedArrays.mjs.map
+
+/***/ }),
+
+/***/ "./node_modules/@msgpack/msgpack/dist.es5+esm/utils/utf8.mjs":
+/*!*******************************************************************!*\
+  !*** ./node_modules/@msgpack/msgpack/dist.es5+esm/utils/utf8.mjs ***!
+  \*******************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   TEXT_DECODER_THRESHOLD: () => (/* binding */ TEXT_DECODER_THRESHOLD),
+/* harmony export */   TEXT_ENCODER_THRESHOLD: () => (/* binding */ TEXT_ENCODER_THRESHOLD),
+/* harmony export */   utf8Count: () => (/* binding */ utf8Count),
+/* harmony export */   utf8DecodeJs: () => (/* binding */ utf8DecodeJs),
+/* harmony export */   utf8DecodeTD: () => (/* binding */ utf8DecodeTD),
+/* harmony export */   utf8EncodeJs: () => (/* binding */ utf8EncodeJs),
+/* harmony export */   utf8EncodeTE: () => (/* binding */ utf8EncodeTE)
+/* harmony export */ });
+/* harmony import */ var _int_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./int.mjs */ "./node_modules/@msgpack/msgpack/dist.es5+esm/utils/int.mjs");
+var _a, _b, _c;
+/* eslint-disable @typescript-eslint/no-unnecessary-condition */
+
+var TEXT_ENCODING_AVAILABLE = (typeof process === "undefined" || ((_a = process === null || process === void 0 ? void 0 : process.env) === null || _a === void 0 ? void 0 : _a["TEXT_ENCODING"]) !== "never") &&
+    typeof TextEncoder !== "undefined" &&
+    typeof TextDecoder !== "undefined";
+function utf8Count(str) {
+    var strLength = str.length;
+    var byteLength = 0;
+    var pos = 0;
+    while (pos < strLength) {
+        var value = str.charCodeAt(pos++);
+        if ((value & 0xffffff80) === 0) {
+            // 1-byte
+            byteLength++;
+            continue;
         }
-        else if (size < 0x100000000) {
-            // map 32
-            this.writeU8(0xdf);
-            this.writeU32(size);
+        else if ((value & 0xfffff800) === 0) {
+            // 2-bytes
+            byteLength += 2;
         }
         else {
-            throw new Error("Too large map object: ".concat(size));
-        }
-        for (var _i = 0, keys_2 = keys; _i < keys_2.length; _i++) {
-            var key = keys_2[_i];
-            var value = object[key];
-            if (!(this.ignoreUndefined && value === undefined)) {
-                this.encodeString(key);
-                this.doEncode(value, depth + 1);
+            // handle surrogate pair
+            if (value >= 0xd800 && value <= 0xdbff) {
+                // high surrogate
+                if (pos < strLength) {
+                    var extra = str.charCodeAt(pos);
+                    if ((extra & 0xfc00) === 0xdc00) {
+                        ++pos;
+                        value = ((value & 0x3ff) << 10) + (extra & 0x3ff) + 0x10000;
+                    }
+                }
+            }
+            if ((value & 0xffff0000) === 0) {
+                // 3-byte
+                byteLength += 3;
+            }
+            else {
+                // 4-byte
+                byteLength += 4;
             }
         }
-    };
-    Encoder.prototype.encodeExtension = function (ext) {
-        var size = ext.data.length;
-        if (size === 1) {
-            // fixext 1
-            this.writeU8(0xd4);
-        }
-        else if (size === 2) {
-            // fixext 2
-            this.writeU8(0xd5);
+    }
+    return byteLength;
+}
+function utf8EncodeJs(str, output, outputOffset) {
+    var strLength = str.length;
+    var offset = outputOffset;
+    var pos = 0;
+    while (pos < strLength) {
+        var value = str.charCodeAt(pos++);
+        if ((value & 0xffffff80) === 0) {
+            // 1-byte
+            output[offset++] = value;
+            continue;
         }
-        else if (size === 4) {
-            // fixext 4
-            this.writeU8(0xd6);
+        else if ((value & 0xfffff800) === 0) {
+            // 2-bytes
+            output[offset++] = ((value >> 6) & 0x1f) | 0xc0;
         }
-        else if (size === 8) {
-            // fixext 8
-            this.writeU8(0xd7);
+        else {
+            // handle surrogate pair
+            if (value >= 0xd800 && value <= 0xdbff) {
+                // high surrogate
+                if (pos < strLength) {
+                    var extra = str.charCodeAt(pos);
+                    if ((extra & 0xfc00) === 0xdc00) {
+                        ++pos;
+                        value = ((value & 0x3ff) << 10) + (extra & 0x3ff) + 0x10000;
+                    }
+                }
+            }
+            if ((value & 0xffff0000) === 0) {
+                // 3-byte
+                output[offset++] = ((value >> 12) & 0x0f) | 0xe0;
+                output[offset++] = ((value >> 6) & 0x3f) | 0x80;
+            }
+            else {
+                // 4-byte
+                output[offset++] = ((value >> 18) & 0x07) | 0xf0;
+                output[offset++] = ((value >> 12) & 0x3f) | 0x80;
+                output[offset++] = ((value >> 6) & 0x3f) | 0x80;
+            }
         }
-        else if (size === 16) {
-            // fixext 16
-            this.writeU8(0xd8);
+        output[offset++] = (value & 0x3f) | 0x80;
+    }
+}
+var sharedTextEncoder = TEXT_ENCODING_AVAILABLE ? new TextEncoder() : undefined;
+var TEXT_ENCODER_THRESHOLD = !TEXT_ENCODING_AVAILABLE
+    ? _int_mjs__WEBPACK_IMPORTED_MODULE_0__.UINT32_MAX
+    : typeof process !== "undefined" && ((_b = process === null || process === void 0 ? void 0 : process.env) === null || _b === void 0 ? void 0 : _b["TEXT_ENCODING"]) !== "force"
+        ? 200
+        : 0;
+function utf8EncodeTEencode(str, output, outputOffset) {
+    output.set(sharedTextEncoder.encode(str), outputOffset);
+}
+function utf8EncodeTEencodeInto(str, output, outputOffset) {
+    sharedTextEncoder.encodeInto(str, output.subarray(outputOffset));
+}
+var utf8EncodeTE = (sharedTextEncoder === null || sharedTextEncoder === void 0 ? void 0 : sharedTextEncoder.encodeInto) ? utf8EncodeTEencodeInto : utf8EncodeTEencode;
+var CHUNK_SIZE = 4096;
+function utf8DecodeJs(bytes, inputOffset, byteLength) {
+    var offset = inputOffset;
+    var end = offset + byteLength;
+    var units = [];
+    var result = "";
+    while (offset < end) {
+        var byte1 = bytes[offset++];
+        if ((byte1 & 0x80) === 0) {
+            // 1 byte
+            units.push(byte1);
         }
-        else if (size < 0x100) {
-            // ext 8
-            this.writeU8(0xc7);
-            this.writeU8(size);
+        else if ((byte1 & 0xe0) === 0xc0) {
+            // 2 bytes
+            var byte2 = bytes[offset++] & 0x3f;
+            units.push(((byte1 & 0x1f) << 6) | byte2);
         }
-        else if (size < 0x10000) {
-            // ext 16
-            this.writeU8(0xc8);
-            this.writeU16(size);
+        else if ((byte1 & 0xf0) === 0xe0) {
+            // 3 bytes
+            var byte2 = bytes[offset++] & 0x3f;
+            var byte3 = bytes[offset++] & 0x3f;
+            units.push(((byte1 & 0x1f) << 12) | (byte2 << 6) | byte3);
         }
-        else if (size < 0x100000000) {
-            // ext 32
-            this.writeU8(0xc9);
-            this.writeU32(size);
+        else if ((byte1 & 0xf8) === 0xf0) {
+            // 4 bytes
+            var byte2 = bytes[offset++] & 0x3f;
+            var byte3 = bytes[offset++] & 0x3f;
+            var byte4 = bytes[offset++] & 0x3f;
+            var unit = ((byte1 & 0x07) << 0x12) | (byte2 << 0x0c) | (byte3 << 0x06) | byte4;
+            if (unit > 0xffff) {
+                unit -= 0x10000;
+                units.push(((unit >>> 10) & 0x3ff) | 0xd800);
+                unit = 0xdc00 | (unit & 0x3ff);
+            }
+            units.push(unit);
         }
         else {
-            throw new Error("Too large extension object: ".concat(size));
+            units.push(byte1);
         }
-        this.writeI8(ext.type);
-        this.writeU8a(ext.data);
-    };
-    Encoder.prototype.writeU8 = function (value) {
-        this.ensureBufferSizeToWrite(1);
-        this.view.setUint8(this.pos, value);
-        this.pos++;
-    };
-    Encoder.prototype.writeU8a = function (values) {
-        var size = values.length;
-        this.ensureBufferSizeToWrite(size);
-        this.bytes.set(values, this.pos);
-        this.pos += size;
-    };
-    Encoder.prototype.writeI8 = function (value) {
-        this.ensureBufferSizeToWrite(1);
-        this.view.setInt8(this.pos, value);
-        this.pos++;
-    };
-    Encoder.prototype.writeU16 = function (value) {
-        this.ensureBufferSizeToWrite(2);
-        this.view.setUint16(this.pos, value);
-        this.pos += 2;
-    };
-    Encoder.prototype.writeI16 = function (value) {
-        this.ensureBufferSizeToWrite(2);
-        this.view.setInt16(this.pos, value);
-        this.pos += 2;
-    };
-    Encoder.prototype.writeU32 = function (value) {
-        this.ensureBufferSizeToWrite(4);
-        this.view.setUint32(this.pos, value);
-        this.pos += 4;
-    };
-    Encoder.prototype.writeI32 = function (value) {
-        this.ensureBufferSizeToWrite(4);
-        this.view.setInt32(this.pos, value);
-        this.pos += 4;
-    };
-    Encoder.prototype.writeF32 = function (value) {
-        this.ensureBufferSizeToWrite(4);
-        this.view.setFloat32(this.pos, value);
-        this.pos += 4;
-    };
-    Encoder.prototype.writeF64 = function (value) {
-        this.ensureBufferSizeToWrite(8);
-        this.view.setFloat64(this.pos, value);
-        this.pos += 8;
-    };
-    Encoder.prototype.writeU64 = function (value) {
-        this.ensureBufferSizeToWrite(8);
-        (0,_utils_int_mjs__WEBPACK_IMPORTED_MODULE_3__.setUint64)(this.view, this.pos, value);
-        this.pos += 8;
-    };
-    Encoder.prototype.writeI64 = function (value) {
-        this.ensureBufferSizeToWrite(8);
-        (0,_utils_int_mjs__WEBPACK_IMPORTED_MODULE_3__.setInt64)(this.view, this.pos, value);
-        this.pos += 8;
-    };
-    return Encoder;
-}());
+        if (units.length >= CHUNK_SIZE) {
+            result += String.fromCharCode.apply(String, units);
+            units.length = 0;
+        }
+    }
+    if (units.length > 0) {
+        result += String.fromCharCode.apply(String, units);
+    }
+    return result;
+}
+var sharedTextDecoder = TEXT_ENCODING_AVAILABLE ? new TextDecoder() : null;
+var TEXT_DECODER_THRESHOLD = !TEXT_ENCODING_AVAILABLE
+    ? _int_mjs__WEBPACK_IMPORTED_MODULE_0__.UINT32_MAX
+    : typeof process !== "undefined" && ((_c = process === null || process === void 0 ? void 0 : process.env) === null || _c === void 0 ? void 0 : _c["TEXT_DECODER"]) !== "force"
+        ? 200
+        : 0;
+function utf8DecodeTD(bytes, inputOffset, byteLength) {
+    var stringBytes = bytes.subarray(inputOffset, inputOffset + byteLength);
+    return sharedTextDecoder.decode(stringBytes);
+}
+//# sourceMappingURL=utf8.mjs.map
+
+/***/ })
+
+/******/ 	});
+/************************************************************************/
+/******/ 	// The module cache
+/******/ 	var __webpack_module_cache__ = {};
+/******/ 	
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/ 		// Check if module is in cache
+/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 		if (cachedModule !== undefined) {
+/******/ 			return cachedModule.exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = __webpack_module_cache__[moduleId] = {
+/******/ 			// no module.id needed
+/******/ 			// no module.loaded needed
+/******/ 			exports: {}
+/******/ 		};
+/******/ 	
+/******/ 		// Execute the module function
+/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/ 	
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	(() => {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = (exports, definition) => {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	(() => {
+/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	(() => {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = (exports) => {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/************************************************************************/
+var __webpack_exports__ = {};
+/*!*********************************!*\
+  !*** ./src/websocket-client.js ***!
+  \*********************************/
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   API_VERSION: () => (/* reexport safe */ _rpc_js__WEBPACK_IMPORTED_MODULE_0__.API_VERSION),
+/* harmony export */   HTTPStreamingRPCConnection: () => (/* reexport safe */ _http_client_js__WEBPACK_IMPORTED_MODULE_4__.HTTPStreamingRPCConnection),
+/* harmony export */   LocalWebSocket: () => (/* binding */ LocalWebSocket),
+/* harmony export */   RPC: () => (/* reexport safe */ _rpc_js__WEBPACK_IMPORTED_MODULE_0__.RPC),
+/* harmony export */   connectToServer: () => (/* binding */ connectToServer),
+/* harmony export */   connectToServerHTTP: () => (/* reexport safe */ _http_client_js__WEBPACK_IMPORTED_MODULE_4__.connectToServerHTTP),
+/* harmony export */   getRTCService: () => (/* reexport safe */ _webrtc_client_js__WEBPACK_IMPORTED_MODULE_3__.getRTCService),
+/* harmony export */   getRemoteService: () => (/* binding */ getRemoteService),
+/* harmony export */   getRemoteServiceHTTP: () => (/* reexport safe */ _http_client_js__WEBPACK_IMPORTED_MODULE_4__.getRemoteServiceHTTP),
+/* harmony export */   loadRequirements: () => (/* reexport safe */ _utils_index_js__WEBPACK_IMPORTED_MODULE_1__.loadRequirements),
+/* harmony export */   login: () => (/* binding */ login),
+/* harmony export */   logout: () => (/* binding */ logout),
+/* harmony export */   normalizeServerUrlHTTP: () => (/* reexport safe */ _http_client_js__WEBPACK_IMPORTED_MODULE_4__.normalizeServerUrl),
+/* harmony export */   registerRTCService: () => (/* reexport safe */ _webrtc_client_js__WEBPACK_IMPORTED_MODULE_3__.registerRTCService),
+/* harmony export */   schemaFunction: () => (/* reexport safe */ _utils_schema_js__WEBPACK_IMPORTED_MODULE_2__.schemaFunction),
+/* harmony export */   setupLocalClient: () => (/* binding */ setupLocalClient)
+/* harmony export */ });
+/* harmony import */ var _rpc_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./rpc.js */ "./src/rpc.js");
+/* harmony import */ var _utils_index_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils/index.js */ "./src/utils/index.js");
+/* harmony import */ var _utils_schema_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./utils/schema.js */ "./src/utils/schema.js");
+/* harmony import */ var _webrtc_client_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./webrtc-client.js */ "./src/webrtc-client.js");
+/* harmony import */ var _http_client_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./http-client.js */ "./src/http-client.js");
 
-//# sourceMappingURL=Encoder.mjs.map
 
-/***/ }),
 
-/***/ "./node_modules/@msgpack/msgpack/dist.es5+esm/ExtData.mjs":
-/*!****************************************************************!*\
-  !*** ./node_modules/@msgpack/msgpack/dist.es5+esm/ExtData.mjs ***!
-  \****************************************************************/
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
 
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   ExtData: () => (/* binding */ ExtData)
-/* harmony export */ });
-/**
- * ExtData is used to handle Extension Types that are not registered to ExtensionCodec.
- */
-var ExtData = /** @class */ (function () {
-    function ExtData(type, data) {
-        this.type = type;
-        this.data = data;
-    }
-    return ExtData;
-}());
 
-//# sourceMappingURL=ExtData.mjs.map
+// Import HTTP client for internal use and re-export
 
-/***/ }),
 
-/***/ "./node_modules/@msgpack/msgpack/dist.es5+esm/ExtensionCodec.mjs":
-/*!***********************************************************************!*\
-  !*** ./node_modules/@msgpack/msgpack/dist.es5+esm/ExtensionCodec.mjs ***!
-  \***********************************************************************/
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+// Re-export HTTP client classes and functions
 
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   ExtensionCodec: () => (/* binding */ ExtensionCodec)
-/* harmony export */ });
-/* harmony import */ var _ExtData_mjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ExtData.mjs */ "./node_modules/@msgpack/msgpack/dist.es5+esm/ExtData.mjs");
-/* harmony import */ var _timestamp_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./timestamp.mjs */ "./node_modules/@msgpack/msgpack/dist.es5+esm/timestamp.mjs");
-// ExtensionCodec to handle MessagePack extensions
 
 
-var ExtensionCodec = /** @class */ (function () {
-    function ExtensionCodec() {
-        // built-in extensions
-        this.builtInEncoders = [];
-        this.builtInDecoders = [];
-        // custom extensions
-        this.encoders = [];
-        this.decoders = [];
-        this.register(_timestamp_mjs__WEBPACK_IMPORTED_MODULE_0__.timestampExtension);
+
+
+
+const MAX_RETRY = 1000000;
+
+class WebsocketRPCConnection {
+  constructor(
+    server_url,
+    client_id,
+    workspace,
+    token,
+    reconnection_token = null,
+    timeout = 60,
+    WebSocketClass = null,
+    token_refresh_interval = 2 * 60 * 60,
+    additional_headers = null,
+  ) {
+    (0,_utils_index_js__WEBPACK_IMPORTED_MODULE_1__.assert)(server_url && client_id, "server_url and client_id are required");
+    this._server_url = server_url;
+    this._client_id = client_id;
+    this._workspace = workspace;
+    this._token = token;
+    this._reconnection_token = reconnection_token;
+    this._websocket = null;
+    this._handle_message = null;
+    this._handle_connected = null; // Connection open event handler
+    this._handle_disconnected = null; // Disconnection event handler
+    this._timeout = timeout;
+    this._WebSocketClass = WebSocketClass || WebSocket; // Allow overriding the WebSocket class
+    this._closed = false;
+    this._legacy_auth = null;
+    this.connection_info = null;
+    this._enable_reconnect = false;
+    this._token_refresh_interval = token_refresh_interval;
+    this.manager_id = null;
+    this._refresh_token_task = null;
+    this._last_message = null; // Store the last sent message
+    this._reconnect_timeouts = new Set(); // Track reconnection timeouts
+    this._additional_headers = additional_headers;
+  }
+
+  /**
+   * Centralized cleanup method to clear all timers and prevent resource leaks
+   */
+  _cleanup() {
+    // Clear token refresh interval
+    if (this._refresh_token_task) {
+      clearInterval(this._refresh_token_task);
+      this._refresh_token_task = null;
     }
-    ExtensionCodec.prototype.register = function (_a) {
-        var type = _a.type, encode = _a.encode, decode = _a.decode;
-        if (type >= 0) {
-            // custom extensions
-            this.encoders[type] = encode;
-            this.decoders[type] = decode;
-        }
-        else {
-            // built-in extensions
-            var index = 1 + type;
-            this.builtInEncoders[index] = encode;
-            this.builtInDecoders[index] = decode;
-        }
-    };
-    ExtensionCodec.prototype.tryToEncode = function (object, context) {
-        // built-in extensions
-        for (var i = 0; i < this.builtInEncoders.length; i++) {
-            var encodeExt = this.builtInEncoders[i];
-            if (encodeExt != null) {
-                var data = encodeExt(object, context);
-                if (data != null) {
-                    var type = -1 - i;
-                    return new _ExtData_mjs__WEBPACK_IMPORTED_MODULE_1__.ExtData(type, data);
-                }
-            }
+
+    // Clear all reconnection timeouts
+    for (const timeoutId of this._reconnect_timeouts) {
+      clearTimeout(timeoutId);
+    }
+    this._reconnect_timeouts.clear();
+  }
+
+  on_message(handler) {
+    (0,_utils_index_js__WEBPACK_IMPORTED_MODULE_1__.assert)(handler, "handler is required");
+    this._handle_message = handler;
+  }
+
+  on_connected(handler) {
+    this._handle_connected = handler;
+  }
+
+  on_disconnected(handler) {
+    this._handle_disconnected = handler;
+  }
+
+  async _attempt_connection(server_url, attempt_fallback = true) {
+    return new Promise((resolve, reject) => {
+      this._legacy_auth = false;
+      const websocket = new this._WebSocketClass(server_url);
+      websocket.binaryType = "arraybuffer";
+
+      websocket.onopen = () => {
+        console.info("WebSocket connection established");
+        resolve(websocket);
+      };
+
+      websocket.onerror = (event) => {
+        console.error("WebSocket connection error:", event);
+        reject(new Error(`WebSocket connection error: ${event}`));
+      };
+
+      websocket.onclose = (event) => {
+        if (event.code === 1003 && attempt_fallback) {
+          console.info(
+            "Received 1003 error, attempting connection with query parameters.",
+          );
+          this._legacy_auth = true;
+          this._attempt_connection_with_query_params(server_url)
+            .then(resolve)
+            .catch(reject);
+        } else if (this._handle_disconnected) {
+          this._handle_disconnected(event.reason);
         }
-        // custom extensions
-        for (var i = 0; i < this.encoders.length; i++) {
-            var encodeExt = this.encoders[i];
-            if (encodeExt != null) {
-                var data = encodeExt(object, context);
-                if (data != null) {
-                    var type = i;
-                    return new _ExtData_mjs__WEBPACK_IMPORTED_MODULE_1__.ExtData(type, data);
-                }
+      };
+    });
+  }
+
+  async _attempt_connection_with_query_params(server_url) {
+    // Initialize an array to hold parts of the query string
+    const queryParamsParts = [];
+
+    // Conditionally add each parameter if it has a non-empty value
+    if (this._client_id)
+      queryParamsParts.push(`client_id=${encodeURIComponent(this._client_id)}`);
+    if (this._workspace)
+      queryParamsParts.push(`workspace=${encodeURIComponent(this._workspace)}`);
+    if (this._token)
+      queryParamsParts.push(`token=${encodeURIComponent(this._token)}`);
+    if (this._reconnection_token)
+      queryParamsParts.push(
+        `reconnection_token=${encodeURIComponent(this._reconnection_token)}`,
+      );
+
+    // Join the parts with '&' to form the final query string, prepend '?' if there are any parameters
+    const queryString =
+      queryParamsParts.length > 0 ? `?${queryParamsParts.join("&")}` : "";
+
+    // Construct the full URL by appending the query string if it exists
+    const full_url = server_url + queryString;
+
+    return await this._attempt_connection(full_url, false);
+  }
+
+  _establish_connection() {
+    return new Promise((resolve, reject) => {
+      this._websocket.onmessage = (event) => {
+        const data = event.data;
+        const first_message = JSON.parse(data);
+        if (first_message.type == "connection_info") {
+          this.connection_info = first_message;
+          if (this._workspace) {
+            (0,_utils_index_js__WEBPACK_IMPORTED_MODULE_1__.assert)(
+              this.connection_info.workspace === this._workspace,
+              `Connected to the wrong workspace: ${this.connection_info.workspace}, expected: ${this._workspace}`,
+            );
+          }
+          if (this.connection_info.reconnection_token) {
+            this._reconnection_token = this.connection_info.reconnection_token;
+          }
+          if (this.connection_info.reconnection_token_life_time) {
+            // make sure the token refresh interval is less than the token life time
+            if (
+              this.token_refresh_interval >
+              this.connection_info.reconnection_token_life_time / 1.5
+            ) {
+              console.warn(
+                `Token refresh interval is too long (${this.token_refresh_interval}), setting it to 1.5 times of the token life time(${this.connection_info.reconnection_token_life_time}).`,
+              );
+              this.token_refresh_interval =
+                this.connection_info.reconnection_token_life_time / 1.5;
             }
+          }
+          this.manager_id = this.connection_info.manager_id || null;
+          console.log(
+            `Successfully connected to the server, workspace: ${this.connection_info.workspace}, manager_id: ${this.manager_id}`,
+          );
+          if (this.connection_info.announcement) {
+            console.log(`${this.connection_info.announcement}`);
+          }
+          resolve(this.connection_info);
+        } else if (first_message.type == "error") {
+          const error = "ConnectionAbortedError: " + first_message.message;
+          console.error("Failed to connect, " + error);
+          reject(new Error(error));
+          return;
+        } else {
+          console.error(
+            "ConnectionAbortedError: Unexpected message received from the server:",
+            data,
+          );
+          reject(
+            new Error(
+              "ConnectionAbortedError: Unexpected message received from the server",
+            ),
+          );
+          return;
         }
-        if (object instanceof _ExtData_mjs__WEBPACK_IMPORTED_MODULE_1__.ExtData) {
-            // to keep ExtData as is
-            return object;
-        }
-        return null;
-    };
-    ExtensionCodec.prototype.decode = function (data, type, context) {
-        var decodeExt = type < 0 ? this.builtInDecoders[-1 - type] : this.decoders[type];
-        if (decodeExt) {
-            return decodeExt(data, type, context);
-        }
-        else {
-            // decode() does not fail, returns ExtData instead.
-            return new _ExtData_mjs__WEBPACK_IMPORTED_MODULE_1__.ExtData(type, data);
+      };
+    });
+  }
+
+  async open() {
+    console.log(
+      "Creating a new websocket connection to",
+      this._server_url.split("?")[0],
+    );
+    try {
+      this._websocket = await this._attempt_connection(this._server_url);
+      if (this._legacy_auth) {
+        throw new Error(
+          "NotImplementedError: Legacy authentication is not supported",
+        );
+      }
+      // Send authentication info as the first message if connected without query params
+      const authInfo = JSON.stringify({
+        client_id: this._client_id,
+        workspace: this._workspace,
+        token: this._token,
+        reconnection_token: this._reconnection_token,
+      });
+      this._websocket.send(authInfo);
+      // Wait for the first message from the server
+      await (0,_utils_index_js__WEBPACK_IMPORTED_MODULE_1__.waitFor)(
+        this._establish_connection(),
+        this._timeout,
+        "Failed to receive the first message from the server",
+      );
+      if (this._token_refresh_interval > 0) {
+        setTimeout(() => {
+          this._send_refresh_token();
+          this._refresh_token_task = setInterval(() => {
+            this._send_refresh_token();
+          }, this._token_refresh_interval * 1000);
+        }, 2000);
+      }
+      // Listen to messages from the server
+      this._enable_reconnect = true;
+      this._closed = false;
+      this._websocket.onmessage = (event) => {
+        if (typeof event.data === "string") {
+          const parsedData = JSON.parse(event.data);
+          // Check if the message is a reconnection token
+          if (parsedData.type === "reconnection_token") {
+            this._reconnection_token = parsedData.reconnection_token;
+            // console.log("Reconnection token received");
+          } else {
+            console.log("Received message from the server:", parsedData);
+          }
+        } else {
+          this._handle_message(event.data);
         }
-    };
-    ExtensionCodec.defaultCodec = new ExtensionCodec();
-    return ExtensionCodec;
-}());
+      };
 
-//# sourceMappingURL=ExtensionCodec.mjs.map
+      this._websocket.onerror = (event) => {
+        console.error("WebSocket connection error:", event);
+        // Clean up timers on error
+        this._cleanup();
+      };
 
-/***/ }),
+      this._websocket.onclose = this._handle_close.bind(this);
 
-/***/ "./node_modules/@msgpack/msgpack/dist.es5+esm/decode.mjs":
-/*!***************************************************************!*\
-  !*** ./node_modules/@msgpack/msgpack/dist.es5+esm/decode.mjs ***!
-  \***************************************************************/
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+      if (this._handle_connected) {
+        this._handle_connected(this.connection_info);
+      }
+      return this.connection_info;
+    } catch (error) {
+      // Clean up any timers that might have been set up before the error
+      this._cleanup();
+      console.error(
+        "Failed to connect to",
+        this._server_url.split("?")[0],
+        error,
+      );
+      throw error;
+    }
+  }
 
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   decode: () => (/* binding */ decode),
-/* harmony export */   decodeMulti: () => (/* binding */ decodeMulti),
-/* harmony export */   defaultDecodeOptions: () => (/* binding */ defaultDecodeOptions)
-/* harmony export */ });
-/* harmony import */ var _Decoder_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Decoder.mjs */ "./node_modules/@msgpack/msgpack/dist.es5+esm/Decoder.mjs");
+  _send_refresh_token() {
+    if (this._websocket && this._websocket.readyState === WebSocket.OPEN) {
+      const refreshMessage = JSON.stringify({ type: "refresh_token" });
+      this._websocket.send(refreshMessage);
+      // console.log("Requested refresh token");
+    }
+  }
 
-var defaultDecodeOptions = {};
-/**
- * It decodes a single MessagePack object in a buffer.
- *
- * This is a synchronous decoding function.
- * See other variants for asynchronous decoding: {@link decodeAsync()}, {@link decodeStream()}, or {@link decodeArrayStream()}.
- *
- * @throws {@link RangeError} if the buffer is incomplete, including the case where the buffer is empty.
- * @throws {@link DecodeError} if the buffer contains invalid data.
- */
-function decode(buffer, options) {
-    if (options === void 0) { options = defaultDecodeOptions; }
-    var decoder = new _Decoder_mjs__WEBPACK_IMPORTED_MODULE_0__.Decoder(options.extensionCodec, options.context, options.maxStrLength, options.maxBinLength, options.maxArrayLength, options.maxMapLength, options.maxExtLength);
-    return decoder.decode(buffer);
-}
-/**
- * It decodes multiple MessagePack objects in a buffer.
- * This is corresponding to {@link decodeMultiStream()}.
- *
- * @throws {@link RangeError} if the buffer is incomplete, including the case where the buffer is empty.
- * @throws {@link DecodeError} if the buffer contains invalid data.
- */
-function decodeMulti(buffer, options) {
-    if (options === void 0) { options = defaultDecodeOptions; }
-    var decoder = new _Decoder_mjs__WEBPACK_IMPORTED_MODULE_0__.Decoder(options.extensionCodec, options.context, options.maxStrLength, options.maxBinLength, options.maxArrayLength, options.maxMapLength, options.maxExtLength);
-    return decoder.decodeMulti(buffer);
-}
-//# sourceMappingURL=decode.mjs.map
+  _handle_close(event) {
+    if (
+      !this._closed &&
+      this._websocket &&
+      this._websocket.readyState === WebSocket.CLOSED
+    ) {
+      // Clean up timers when connection closes
+      this._cleanup();
 
-/***/ }),
+      // Even if it's a graceful closure (codes 1000, 1001), if it wasn't user-initiated,
+      // we should attempt to reconnect (e.g., server restart, k8s upgrade)
+      if (this._enable_reconnect) {
+        if ([1000, 1001].includes(event.code)) {
+          console.warn(
+            `Websocket connection closed gracefully by server (code: ${event.code}): ${event.reason} - attempting reconnect`,
+          );
+        } else {
+          console.warn(
+            "Websocket connection closed unexpectedly (code: %s): %s",
+            event.code,
+            event.reason,
+          );
+        }
 
-/***/ "./node_modules/@msgpack/msgpack/dist.es5+esm/encode.mjs":
-/*!***************************************************************!*\
-  !*** ./node_modules/@msgpack/msgpack/dist.es5+esm/encode.mjs ***!
-  \***************************************************************/
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+        let retry = 0;
+        const baseDelay = 1000; // Start with 1 second
+        const maxDelay = 60000; // Maximum delay of 60 seconds
+        const maxJitter = 0.1; // Maximum jitter factor
 
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   encode: () => (/* binding */ encode)
-/* harmony export */ });
-/* harmony import */ var _Encoder_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Encoder.mjs */ "./node_modules/@msgpack/msgpack/dist.es5+esm/Encoder.mjs");
+        const reconnect = async () => {
+          // Check if we were explicitly closed
+          if (this._closed) {
+            console.info("Connection was closed, stopping reconnection");
+            return;
+          }
 
-var defaultEncodeOptions = {};
-/**
- * It encodes `value` in the MessagePack format and
- * returns a byte buffer.
- *
- * The returned buffer is a slice of a larger `ArrayBuffer`, so you have to use its `#byteOffset` and `#byteLength` in order to convert it to another typed arrays including NodeJS `Buffer`.
- */
-function encode(value, options) {
-    if (options === void 0) { options = defaultEncodeOptions; }
-    var encoder = new _Encoder_mjs__WEBPACK_IMPORTED_MODULE_0__.Encoder(options.extensionCodec, options.context, options.maxDepth, options.initialBufferSize, options.sortKeys, options.forceFloat32, options.ignoreUndefined, options.forceIntegerToFloat);
-    return encoder.encodeSharedRef(value);
-}
-//# sourceMappingURL=encode.mjs.map
+          try {
+            console.warn(
+              `Reconnecting to ${this._server_url.split("?")[0]} (attempt #${retry})`,
+            );
+            // Open the connection, this will trigger the on_connected callback
+            await this.open();
 
-/***/ }),
+            // Wait a short time for services to be registered
+            // This gives time for the on_connected callback to complete
+            // which includes re-registering all services to the server
+            await new Promise((resolve) => setTimeout(resolve, 500));
 
-/***/ "./node_modules/@msgpack/msgpack/dist.es5+esm/timestamp.mjs":
-/*!******************************************************************!*\
-  !*** ./node_modules/@msgpack/msgpack/dist.es5+esm/timestamp.mjs ***!
-  \******************************************************************/
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+            // Resend last message if there was one
+            if (this._last_message) {
+              console.info("Resending last message after reconnection");
+              this._websocket.send(this._last_message);
+              this._last_message = null;
+            }
+            console.warn(
+              `Successfully reconnected to server ${this._server_url} (services re-registered)`,
+            );
+            // Emit reconnection success event
+            if (this._handle_connected) {
+              this._handle_connected(this.connection_info);
+            }
+          } catch (e) {
+            if (`${e}`.includes("ConnectionAbortedError:")) {
+              console.warn("Server refused to reconnect:", e);
+              // Mark as closed and notify the application
+              this._closed = true;
+              if (this._handle_disconnected) {
+                this._handle_disconnected(`Server refused reconnection: ${e}`);
+              }
+              return;
+            } else if (`${e}`.includes("NotImplementedError:")) {
+              console.error(
+                `${e}\nIt appears that you are trying to connect to a hypha server that is older than 0.20.0, please upgrade the hypha server or use the websocket client in imjoy-rpc(https://www.npmjs.com/package/imjoy-rpc) instead`,
+              );
+              // Mark as closed to prevent further reconnection attempts
+              this._closed = true;
+              if (this._handle_disconnected) {
+                this._handle_disconnected(`Server too old: ${e}`);
+              }
+              return;
+            }
 
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   EXT_TIMESTAMP: () => (/* binding */ EXT_TIMESTAMP),
-/* harmony export */   decodeTimestampExtension: () => (/* binding */ decodeTimestampExtension),
-/* harmony export */   decodeTimestampToTimeSpec: () => (/* binding */ decodeTimestampToTimeSpec),
-/* harmony export */   encodeDateToTimeSpec: () => (/* binding */ encodeDateToTimeSpec),
-/* harmony export */   encodeTimeSpecToTimestamp: () => (/* binding */ encodeTimeSpecToTimestamp),
-/* harmony export */   encodeTimestampExtension: () => (/* binding */ encodeTimestampExtension),
-/* harmony export */   timestampExtension: () => (/* binding */ timestampExtension)
-/* harmony export */ });
-/* harmony import */ var _DecodeError_mjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./DecodeError.mjs */ "./node_modules/@msgpack/msgpack/dist.es5+esm/DecodeError.mjs");
-/* harmony import */ var _utils_int_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils/int.mjs */ "./node_modules/@msgpack/msgpack/dist.es5+esm/utils/int.mjs");
-// https://github.com/msgpack/msgpack/blob/master/spec.md#timestamp-extension-type
+            // Log specific error types for better debugging
+            if (e.name === "NetworkError" || e.message.includes("network")) {
+              console.error(`Network error during reconnection: ${e.message}`);
+            } else if (
+              e.name === "TimeoutError" ||
+              e.message.includes("timeout")
+            ) {
+              console.error(
+                `Connection timeout during reconnection: ${e.message}`,
+              );
+            } else {
+              console.error(
+                `Unexpected error during reconnection: ${e.message}`,
+              );
+            }
 
+            // Calculate exponential backoff with jitter
+            const delay = Math.min(baseDelay * Math.pow(2, retry), maxDelay);
+            // Add jitter to prevent thundering herd
+            const jitter = (Math.random() * 2 - 1) * maxJitter * delay;
+            const finalDelay = Math.max(100, delay + jitter);
 
-var EXT_TIMESTAMP = -1;
-var TIMESTAMP32_MAX_SEC = 0x100000000 - 1; // 32-bit unsigned int
-var TIMESTAMP64_MAX_SEC = 0x400000000 - 1; // 34-bit unsigned int
-function encodeTimeSpecToTimestamp(_a) {
-    var sec = _a.sec, nsec = _a.nsec;
-    if (sec >= 0 && nsec >= 0 && sec <= TIMESTAMP64_MAX_SEC) {
-        // Here sec >= 0 && nsec >= 0
-        if (nsec === 0 && sec <= TIMESTAMP32_MAX_SEC) {
-            // timestamp 32 = { sec32 (unsigned) }
-            var rv = new Uint8Array(4);
-            var view = new DataView(rv.buffer);
-            view.setUint32(0, sec);
-            return rv;
-        }
-        else {
-            // timestamp 64 = { nsec30 (unsigned), sec34 (unsigned) }
-            var secHigh = sec / 0x100000000;
-            var secLow = sec & 0xffffffff;
-            var rv = new Uint8Array(8);
-            var view = new DataView(rv.buffer);
-            // nsec30 | secHigh2
-            view.setUint32(0, (nsec << 2) | (secHigh & 0x3));
-            // secLow32
-            view.setUint32(4, secLow);
-            return rv;
-        }
-    }
-    else {
-        // timestamp 96 = { nsec32 (unsigned), sec64 (signed) }
-        var rv = new Uint8Array(12);
-        var view = new DataView(rv.buffer);
-        view.setUint32(0, nsec);
-        (0,_utils_int_mjs__WEBPACK_IMPORTED_MODULE_0__.setInt64)(view, 4, sec);
-        return rv;
-    }
-}
-function encodeDateToTimeSpec(date) {
-    var msec = date.getTime();
-    var sec = Math.floor(msec / 1e3);
-    var nsec = (msec - sec * 1e3) * 1e6;
-    // Normalizes { sec, nsec } to ensure nsec is unsigned.
-    var nsecInSec = Math.floor(nsec / 1e9);
-    return {
-        sec: sec + nsecInSec,
-        nsec: nsec - nsecInSec * 1e9,
-    };
-}
-function encodeTimestampExtension(object) {
-    if (object instanceof Date) {
-        var timeSpec = encodeDateToTimeSpec(object);
-        return encodeTimeSpecToTimestamp(timeSpec);
-    }
-    else {
-        return null;
-    }
-}
-function decodeTimestampToTimeSpec(data) {
-    var view = new DataView(data.buffer, data.byteOffset, data.byteLength);
-    // data may be 32, 64, or 96 bits
-    switch (data.byteLength) {
-        case 4: {
-            // timestamp 32 = { sec32 }
-            var sec = view.getUint32(0);
-            var nsec = 0;
-            return { sec: sec, nsec: nsec };
-        }
-        case 8: {
-            // timestamp 64 = { nsec30, sec34 }
-            var nsec30AndSecHigh2 = view.getUint32(0);
-            var secLow32 = view.getUint32(4);
-            var sec = (nsec30AndSecHigh2 & 0x3) * 0x100000000 + secLow32;
-            var nsec = nsec30AndSecHigh2 >>> 2;
-            return { sec: sec, nsec: nsec };
-        }
-        case 12: {
-            // timestamp 96 = { nsec32 (unsigned), sec64 (signed) }
-            var sec = (0,_utils_int_mjs__WEBPACK_IMPORTED_MODULE_0__.getInt64)(view, 4);
-            var nsec = view.getUint32(0);
-            return { sec: sec, nsec: nsec };
-        }
-        default:
-            throw new _DecodeError_mjs__WEBPACK_IMPORTED_MODULE_1__.DecodeError("Unrecognized data size for timestamp (expected 4, 8, or 12): ".concat(data.length));
-    }
-}
-function decodeTimestampExtension(data) {
-    var timeSpec = decodeTimestampToTimeSpec(data);
-    return new Date(timeSpec.sec * 1e3 + timeSpec.nsec / 1e6);
-}
-var timestampExtension = {
-    type: EXT_TIMESTAMP,
-    encode: encodeTimestampExtension,
-    decode: decodeTimestampExtension,
-};
-//# sourceMappingURL=timestamp.mjs.map
+            console.debug(
+              `Waiting ${(finalDelay / 1000).toFixed(2)}s before next reconnection attempt`,
+            );
 
-/***/ }),
+            // Track the reconnection timeout to prevent leaks
+            const timeoutId = setTimeout(async () => {
+              this._reconnect_timeouts.delete(timeoutId);
 
-/***/ "./node_modules/@msgpack/msgpack/dist.es5+esm/utils/int.mjs":
-/*!******************************************************************!*\
-  !*** ./node_modules/@msgpack/msgpack/dist.es5+esm/utils/int.mjs ***!
-  \******************************************************************/
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+              // Check if connection was restored externally
+              if (
+                this._websocket &&
+                this._websocket.readyState === WebSocket.OPEN
+              ) {
+                console.info("Connection restored externally");
+                return;
+              }
 
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   UINT32_MAX: () => (/* binding */ UINT32_MAX),
-/* harmony export */   getInt64: () => (/* binding */ getInt64),
-/* harmony export */   getUint64: () => (/* binding */ getUint64),
-/* harmony export */   setInt64: () => (/* binding */ setInt64),
-/* harmony export */   setUint64: () => (/* binding */ setUint64)
-/* harmony export */ });
-// Integer Utility
-var UINT32_MAX = 4294967295;
-// DataView extension to handle int64 / uint64,
-// where the actual range is 53-bits integer (a.k.a. safe integer)
-function setUint64(view, offset, value) {
-    var high = value / 4294967296;
-    var low = value; // high bits are truncated by DataView
-    view.setUint32(offset, high);
-    view.setUint32(offset + 4, low);
-}
-function setInt64(view, offset, value) {
-    var high = Math.floor(value / 4294967296);
-    var low = value; // high bits are truncated by DataView
-    view.setUint32(offset, high);
-    view.setUint32(offset + 4, low);
-}
-function getInt64(view, offset) {
-    var high = view.getInt32(offset);
-    var low = view.getUint32(offset + 4);
-    return high * 4294967296 + low;
-}
-function getUint64(view, offset) {
-    var high = view.getUint32(offset);
-    var low = view.getUint32(offset + 4);
-    return high * 4294967296 + low;
-}
-//# sourceMappingURL=int.mjs.map
+              // Check if we were explicitly closed
+              if (this._closed) {
+                console.info("Connection was closed, stopping reconnection");
+                return;
+              }
 
-/***/ }),
+              retry += 1;
+              if (retry < MAX_RETRY) {
+                await reconnect();
+              } else {
+                console.error(
+                  `Failed to reconnect after ${MAX_RETRY} attempts, giving up.`,
+                );
+                // Mark as closed to prevent further reconnection attempts
+                this._closed = true;
+                // Notify about max retry exceeded
+                if (this._handle_disconnected) {
+                  this._handle_disconnected(
+                    "Max reconnection attempts exceeded",
+                  );
+                }
+                // Note: We intentionally do NOT call process.exit() here.
+                // Instead, we mark the connection as closed and let the
+                // application handle the failure through the disconnected
+                // handler or by checking connection state.
+              }
+            }, finalDelay);
+            this._reconnect_timeouts.add(timeoutId);
+          }
+        };
+        reconnect();
+      }
+    } else {
+      // Clean up timers in all cases
+      this._cleanup();
+      if (this._handle_disconnected) {
+        this._handle_disconnected(event.reason);
+      }
+    }
+  }
 
-/***/ "./node_modules/@msgpack/msgpack/dist.es5+esm/utils/prettyByte.mjs":
-/*!*************************************************************************!*\
-  !*** ./node_modules/@msgpack/msgpack/dist.es5+esm/utils/prettyByte.mjs ***!
-  \*************************************************************************/
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+  async emit_message(data) {
+    if (this._closed) {
+      throw new Error("Connection is closed");
+    }
+    if (!this._websocket || this._websocket.readyState !== WebSocket.OPEN) {
+      await this.open();
+    }
+    try {
+      this._last_message = data; // Store the message before sending
+      this._websocket.send(data);
+      this._last_message = null; // Clear after successful send
+    } catch (exp) {
+      console.error(`Failed to send data, error: ${exp}`);
+      throw exp;
+    }
+  }
 
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   prettyByte: () => (/* binding */ prettyByte)
-/* harmony export */ });
-function prettyByte(byte) {
-    return "".concat(byte < 0 ? "-" : "", "0x").concat(Math.abs(byte).toString(16).padStart(2, "0"));
+  disconnect(reason) {
+    this._closed = true;
+    this._last_message = null; // Clear last message on disconnect
+    // Ensure websocket is closed if it exists and is not already closed or closing
+    if (
+      this._websocket &&
+      this._websocket.readyState !== WebSocket.CLOSED &&
+      this._websocket.readyState !== WebSocket.CLOSING
+    ) {
+      this._websocket.close(1000, reason);
+    }
+    // Use centralized cleanup to clear all timers
+    this._cleanup();
+    console.info(`WebSocket connection disconnected (${reason})`);
+  }
 }
-//# sourceMappingURL=prettyByte.mjs.map
 
-/***/ }),
+function normalizeServerUrl(server_url) {
+  if (!server_url) throw new Error("server_url is required");
+  if (server_url.startsWith("http://")) {
+    server_url =
+      server_url.replace("http://", "ws://").replace(/\/$/, "") + "/ws";
+  } else if (server_url.startsWith("https://")) {
+    server_url =
+      server_url.replace("https://", "wss://").replace(/\/$/, "") + "/ws";
+  }
+  return server_url;
+}
 
-/***/ "./node_modules/@msgpack/msgpack/dist.es5+esm/utils/typedArrays.mjs":
-/*!**************************************************************************!*\
-  !*** ./node_modules/@msgpack/msgpack/dist.es5+esm/utils/typedArrays.mjs ***!
-  \**************************************************************************/
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+async function login(config) {
+  const service_id = config.login_service_id || "public/hypha-login";
+  const workspace = config.workspace;
+  const expires_in = config.expires_in;
+  const timeout = config.login_timeout || 60;
+  const callback = config.login_callback;
+  const profile = config.profile;
+  const additional_headers = config.additional_headers;
 
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   createDataView: () => (/* binding */ createDataView),
-/* harmony export */   ensureUint8Array: () => (/* binding */ ensureUint8Array)
-/* harmony export */ });
-function ensureUint8Array(buffer) {
-    if (buffer instanceof Uint8Array) {
-        return buffer;
-    }
-    else if (ArrayBuffer.isView(buffer)) {
-        return new Uint8Array(buffer.buffer, buffer.byteOffset, buffer.byteLength);
-    }
-    else if (buffer instanceof ArrayBuffer) {
-        return new Uint8Array(buffer);
-    }
-    else {
-        // ArrayLike<number>
-        return Uint8Array.from(buffer);
+  const server = await connectToServer({
+    name: "initial login client",
+    server_url: config.server_url,
+    additional_headers: additional_headers,
+  });
+  try {
+    const svc = await server.getService(service_id);
+    (0,_utils_index_js__WEBPACK_IMPORTED_MODULE_1__.assert)(svc, `Failed to get the login service: ${service_id}`);
+    let context;
+    if (workspace) {
+      context = await svc.start({ workspace, expires_in, _rkwargs: true });
+    } else {
+      context = await svc.start();
     }
-}
-function createDataView(buffer) {
-    if (buffer instanceof ArrayBuffer) {
-        return new DataView(buffer);
+    if (callback) {
+      await callback(context);
+    } else {
+      console.log(`Please open your browser and login at ${context.login_url}`);
     }
-    var bufferView = ensureUint8Array(buffer);
-    return new DataView(bufferView.buffer, bufferView.byteOffset, bufferView.byteLength);
+    return await svc.check(context.key, { timeout, profile, _rkwargs: true });
+  } catch (error) {
+    throw error;
+  } finally {
+    await server.disconnect();
+  }
 }
-//# sourceMappingURL=typedArrays.mjs.map
-
-/***/ }),
 
-/***/ "./node_modules/@msgpack/msgpack/dist.es5+esm/utils/utf8.mjs":
-/*!*******************************************************************!*\
-  !*** ./node_modules/@msgpack/msgpack/dist.es5+esm/utils/utf8.mjs ***!
-  \*******************************************************************/
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+async function logout(config) {
+  const service_id = config.login_service_id || "public/hypha-login";
+  const callback = config.logout_callback;
+  const additional_headers = config.additional_headers;
 
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   TEXT_DECODER_THRESHOLD: () => (/* binding */ TEXT_DECODER_THRESHOLD),
-/* harmony export */   TEXT_ENCODER_THRESHOLD: () => (/* binding */ TEXT_ENCODER_THRESHOLD),
-/* harmony export */   utf8Count: () => (/* binding */ utf8Count),
-/* harmony export */   utf8DecodeJs: () => (/* binding */ utf8DecodeJs),
-/* harmony export */   utf8DecodeTD: () => (/* binding */ utf8DecodeTD),
-/* harmony export */   utf8EncodeJs: () => (/* binding */ utf8EncodeJs),
-/* harmony export */   utf8EncodeTE: () => (/* binding */ utf8EncodeTE)
-/* harmony export */ });
-/* harmony import */ var _int_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./int.mjs */ "./node_modules/@msgpack/msgpack/dist.es5+esm/utils/int.mjs");
-var _a, _b, _c;
-/* eslint-disable @typescript-eslint/no-unnecessary-condition */
+  const server = await connectToServer({
+    name: "initial logout client",
+    server_url: config.server_url,
+    additional_headers: additional_headers,
+  });
+  try {
+    const svc = await server.getService(service_id);
+    (0,_utils_index_js__WEBPACK_IMPORTED_MODULE_1__.assert)(svc, `Failed to get the login service: ${service_id}`);
 
-var TEXT_ENCODING_AVAILABLE = (typeof process === "undefined" || ((_a = process === null || process === void 0 ? void 0 : process.env) === null || _a === void 0 ? void 0 : _a["TEXT_ENCODING"]) !== "never") &&
-    typeof TextEncoder !== "undefined" &&
-    typeof TextDecoder !== "undefined";
-function utf8Count(str) {
-    var strLength = str.length;
-    var byteLength = 0;
-    var pos = 0;
-    while (pos < strLength) {
-        var value = str.charCodeAt(pos++);
-        if ((value & 0xffffff80) === 0) {
-            // 1-byte
-            byteLength++;
-            continue;
-        }
-        else if ((value & 0xfffff800) === 0) {
-            // 2-bytes
-            byteLength += 2;
-        }
-        else {
-            // handle surrogate pair
-            if (value >= 0xd800 && value <= 0xdbff) {
-                // high surrogate
-                if (pos < strLength) {
-                    var extra = str.charCodeAt(pos);
-                    if ((extra & 0xfc00) === 0xdc00) {
-                        ++pos;
-                        value = ((value & 0x3ff) << 10) + (extra & 0x3ff) + 0x10000;
-                    }
-                }
-            }
-            if ((value & 0xffff0000) === 0) {
-                // 3-byte
-                byteLength += 3;
-            }
-            else {
-                // 4-byte
-                byteLength += 4;
-            }
-        }
+    // Check if logout function exists for backward compatibility
+    if (!svc.logout) {
+      throw new Error(
+        "Logout is not supported by this server. " +
+          "Please upgrade the Hypha server to a version that supports logout.",
+      );
     }
-    return byteLength;
-}
-function utf8EncodeJs(str, output, outputOffset) {
-    var strLength = str.length;
-    var offset = outputOffset;
-    var pos = 0;
-    while (pos < strLength) {
-        var value = str.charCodeAt(pos++);
-        if ((value & 0xffffff80) === 0) {
-            // 1-byte
-            output[offset++] = value;
-            continue;
-        }
-        else if ((value & 0xfffff800) === 0) {
-            // 2-bytes
-            output[offset++] = ((value >> 6) & 0x1f) | 0xc0;
-        }
-        else {
-            // handle surrogate pair
-            if (value >= 0xd800 && value <= 0xdbff) {
-                // high surrogate
-                if (pos < strLength) {
-                    var extra = str.charCodeAt(pos);
-                    if ((extra & 0xfc00) === 0xdc00) {
-                        ++pos;
-                        value = ((value & 0x3ff) << 10) + (extra & 0x3ff) + 0x10000;
-                    }
-                }
-            }
-            if ((value & 0xffff0000) === 0) {
-                // 3-byte
-                output[offset++] = ((value >> 12) & 0x0f) | 0xe0;
-                output[offset++] = ((value >> 6) & 0x3f) | 0x80;
-            }
-            else {
-                // 4-byte
-                output[offset++] = ((value >> 18) & 0x07) | 0xf0;
-                output[offset++] = ((value >> 12) & 0x3f) | 0x80;
-                output[offset++] = ((value >> 6) & 0x3f) | 0x80;
-            }
-        }
-        output[offset++] = (value & 0x3f) | 0x80;
+
+    const context = await svc.logout({});
+    if (callback) {
+      await callback(context);
+    } else {
+      console.log(
+        `Please open your browser to logout at ${context.logout_url}`,
+      );
     }
+    return context;
+  } catch (error) {
+    throw error;
+  } finally {
+    await server.disconnect();
+  }
 }
-var sharedTextEncoder = TEXT_ENCODING_AVAILABLE ? new TextEncoder() : undefined;
-var TEXT_ENCODER_THRESHOLD = !TEXT_ENCODING_AVAILABLE
-    ? _int_mjs__WEBPACK_IMPORTED_MODULE_0__.UINT32_MAX
-    : typeof process !== "undefined" && ((_b = process === null || process === void 0 ? void 0 : process.env) === null || _b === void 0 ? void 0 : _b["TEXT_ENCODING"]) !== "force"
-        ? 200
-        : 0;
-function utf8EncodeTEencode(str, output, outputOffset) {
-    output.set(sharedTextEncoder.encode(str), outputOffset);
-}
-function utf8EncodeTEencodeInto(str, output, outputOffset) {
-    sharedTextEncoder.encodeInto(str, output.subarray(outputOffset));
-}
-var utf8EncodeTE = (sharedTextEncoder === null || sharedTextEncoder === void 0 ? void 0 : sharedTextEncoder.encodeInto) ? utf8EncodeTEencodeInto : utf8EncodeTEencode;
-var CHUNK_SIZE = 4096;
-function utf8DecodeJs(bytes, inputOffset, byteLength) {
-    var offset = inputOffset;
-    var end = offset + byteLength;
-    var units = [];
-    var result = "";
-    while (offset < end) {
-        var byte1 = bytes[offset++];
-        if ((byte1 & 0x80) === 0) {
-            // 1 byte
-            units.push(byte1);
-        }
-        else if ((byte1 & 0xe0) === 0xc0) {
-            // 2 bytes
-            var byte2 = bytes[offset++] & 0x3f;
-            units.push(((byte1 & 0x1f) << 6) | byte2);
-        }
-        else if ((byte1 & 0xf0) === 0xe0) {
-            // 3 bytes
-            var byte2 = bytes[offset++] & 0x3f;
-            var byte3 = bytes[offset++] & 0x3f;
-            units.push(((byte1 & 0x1f) << 12) | (byte2 << 6) | byte3);
-        }
-        else if ((byte1 & 0xf8) === 0xf0) {
-            // 4 bytes
-            var byte2 = bytes[offset++] & 0x3f;
-            var byte3 = bytes[offset++] & 0x3f;
-            var byte4 = bytes[offset++] & 0x3f;
-            var unit = ((byte1 & 0x07) << 0x12) | (byte2 << 0x0c) | (byte3 << 0x06) | byte4;
-            if (unit > 0xffff) {
-                unit -= 0x10000;
-                units.push(((unit >>> 10) & 0x3ff) | 0xd800);
-                unit = 0xdc00 | (unit & 0x3ff);
-            }
-            units.push(unit);
-        }
-        else {
-            units.push(byte1);
-        }
-        if (units.length >= CHUNK_SIZE) {
-            result += String.fromCharCode.apply(String, units);
-            units.length = 0;
-        }
+
+async function webrtcGetService(wm, rtc_service_id, query, config) {
+  config = config || {};
+  const webrtc = config.webrtc;
+  const webrtc_config = config.webrtc_config;
+  if (config.webrtc !== undefined) delete config.webrtc;
+  if (config.webrtc_config !== undefined) delete config.webrtc_config;
+  (0,_utils_index_js__WEBPACK_IMPORTED_MODULE_1__.assert)(
+    [undefined, true, false, "auto"].includes(webrtc),
+    "webrtc must be true, false or 'auto'",
+  );
+
+  const svc = await wm.getService(query, config);
+  if (webrtc === true || webrtc === "auto") {
+    if (svc.id.includes(":") && svc.id.includes("/")) {
+      try {
+        // Assuming that the client registered a webrtc service with the client_id + "-rtc"
+        const peer = await (0,_webrtc_client_js__WEBPACK_IMPORTED_MODULE_3__.getRTCService)(wm, rtc_service_id, webrtc_config);
+        const rtcSvc = await peer.getService(svc.id.split(":")[1], config);
+        rtcSvc._webrtc = true;
+        rtcSvc._peer = peer;
+        rtcSvc._service = svc;
+        return rtcSvc;
+      } catch (e) {
+        console.warn(
+          "Failed to get webrtc service, using websocket connection",
+          e,
+        );
+      }
     }
-    if (units.length > 0) {
-        result += String.fromCharCode.apply(String, units);
+    if (webrtc === true) {
+      throw new Error("Failed to get the service via webrtc");
     }
-    return result;
-}
-var sharedTextDecoder = TEXT_ENCODING_AVAILABLE ? new TextDecoder() : null;
-var TEXT_DECODER_THRESHOLD = !TEXT_ENCODING_AVAILABLE
-    ? _int_mjs__WEBPACK_IMPORTED_MODULE_0__.UINT32_MAX
-    : typeof process !== "undefined" && ((_c = process === null || process === void 0 ? void 0 : process.env) === null || _c === void 0 ? void 0 : _c["TEXT_DECODER"]) !== "force"
-        ? 200
-        : 0;
-function utf8DecodeTD(bytes, inputOffset, byteLength) {
-    var stringBytes = bytes.subarray(inputOffset, inputOffset + byteLength);
-    return sharedTextDecoder.decode(stringBytes);
+  }
+  return svc;
 }
-//# sourceMappingURL=utf8.mjs.map
 
-/***/ })
+async function connectToServer(config) {
+  // Support HTTP transport via transport option
+  const transport = config.transport || "websocket";
+  if (transport === "http") {
+    return await (0,_http_client_js__WEBPACK_IMPORTED_MODULE_4__.connectToServerHTTP)(config);
+  }
 
-/******/ 	});
-/************************************************************************/
-/******/ 	// The module cache
-/******/ 	var __webpack_module_cache__ = {};
-/******/ 	
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/ 		// Check if module is in cache
-/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
-/******/ 		if (cachedModule !== undefined) {
-/******/ 			return cachedModule.exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = __webpack_module_cache__[moduleId] = {
-/******/ 			// no module.id needed
-/******/ 			// no module.loaded needed
-/******/ 			exports: {}
-/******/ 		};
-/******/ 	
-/******/ 		// Execute the module function
-/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
-/******/ 	
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/ 	
-/************************************************************************/
-/******/ 	/* webpack/runtime/define property getters */
-/******/ 	(() => {
-/******/ 		// define getter functions for harmony exports
-/******/ 		__webpack_require__.d = (exports, definition) => {
-/******/ 			for(var key in definition) {
-/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
-/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
-/******/ 				}
-/******/ 			}
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
-/******/ 	(() => {
-/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/make namespace object */
-/******/ 	(() => {
-/******/ 		// define __esModule on exports
-/******/ 		__webpack_require__.r = (exports) => {
-/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 			}
-/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/************************************************************************/
-var __webpack_exports__ = {};
-/*!***********************!*\
-  !*** ./src/client.js ***!
-  \***********************/
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   API_VERSION: () => (/* reexport safe */ _websocket_client_js__WEBPACK_IMPORTED_MODULE_1__.API_VERSION),
-/* harmony export */   HTTPStreamingRPCConnection: () => (/* reexport safe */ _http_client_js__WEBPACK_IMPORTED_MODULE_2__.HTTPStreamingRPCConnection),
-/* harmony export */   LocalWebSocket: () => (/* reexport safe */ _websocket_client_js__WEBPACK_IMPORTED_MODULE_1__.LocalWebSocket),
-/* harmony export */   RPC: () => (/* reexport safe */ _websocket_client_js__WEBPACK_IMPORTED_MODULE_1__.RPC),
-/* harmony export */   connectToServer: () => (/* binding */ connectToServer),
-/* harmony export */   connectToServerHTTP: () => (/* reexport safe */ _http_client_js__WEBPACK_IMPORTED_MODULE_2__.connectToServerHTTP),
-/* harmony export */   connectToServerWebsocket: () => (/* reexport safe */ _websocket_client_js__WEBPACK_IMPORTED_MODULE_1__.connectToServer),
-/* harmony export */   getRTCService: () => (/* reexport safe */ _websocket_client_js__WEBPACK_IMPORTED_MODULE_1__.getRTCService),
-/* harmony export */   getRemoteService: () => (/* binding */ getRemoteService),
-/* harmony export */   getRemoteServiceHTTP: () => (/* reexport safe */ _http_client_js__WEBPACK_IMPORTED_MODULE_2__.getRemoteServiceHTTP),
-/* harmony export */   getRemoteServiceWebsocket: () => (/* reexport safe */ _websocket_client_js__WEBPACK_IMPORTED_MODULE_1__.getRemoteService),
-/* harmony export */   loadRequirements: () => (/* reexport safe */ _websocket_client_js__WEBPACK_IMPORTED_MODULE_1__.loadRequirements),
-/* harmony export */   login: () => (/* reexport safe */ _websocket_client_js__WEBPACK_IMPORTED_MODULE_1__.login),
-/* harmony export */   logout: () => (/* reexport safe */ _websocket_client_js__WEBPACK_IMPORTED_MODULE_1__.logout),
-/* harmony export */   normalizeServerUrlHTTP: () => (/* reexport safe */ _http_client_js__WEBPACK_IMPORTED_MODULE_2__.normalizeServerUrl),
-/* harmony export */   registerRTCService: () => (/* reexport safe */ _websocket_client_js__WEBPACK_IMPORTED_MODULE_1__.registerRTCService),
-/* harmony export */   schemaFunction: () => (/* reexport safe */ _websocket_client_js__WEBPACK_IMPORTED_MODULE_1__.schemaFunction),
-/* harmony export */   setupLocalClient: () => (/* reexport safe */ _websocket_client_js__WEBPACK_IMPORTED_MODULE_1__.setupLocalClient)
-/* harmony export */ });
-/* harmony import */ var _utils_index_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils/index.js */ "./src/utils/index.js");
-/* harmony import */ var _websocket_client_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./websocket-client.js */ "./src/websocket-client.js");
-/* harmony import */ var _http_client_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./http-client.js */ "./src/http-client.js");
-/**
- * Hypha RPC client - unified connection interface.
- *
- * This module provides the main entry point for connecting to Hypha servers.
- * It supports multiple transport types:
- * - "websocket" (default): Traditional WebSocket connection
- * - "http": HTTP streaming connection (more resilient to network issues)
- */
+  if (config.server) {
+    config.server_url = config.server_url || config.server.url;
+    config.WebSocketClass =
+      config.WebSocketClass || config.server.WebSocketClass;
+  }
+  let clientId = config.client_id;
+  if (!clientId) {
+    clientId = (0,_utils_index_js__WEBPACK_IMPORTED_MODULE_1__.randId)();
+    config.client_id = clientId;
+  }
+  if (Object.keys(config).length === 0) {
+    if (typeof process !== "undefined" && process.env) {
+      // Node.js
+      config.server_url = process.env.HYPHA_SERVER_URL;
+      config.token = process.env.HYPHA_TOKEN;
+      config.client_id = process.env.HYPHA_CLIENT_ID;
+      config.workspace = process.env.HYPHA_WORKSPACE;
+    } else if (typeof self !== "undefined" && self.env) {
+      // WebWorker (only if you inject self.env manually)
+      config.server_url = self.env.HYPHA_SERVER_URL;
+      config.token = self.env.HYPHA_TOKEN;
+      config.client_id = self.env.HYPHA_CLIENT_ID;
+      config.workspace = self.env.HYPHA_WORKSPACE;
+    } else if (typeof globalThis !== "undefined" && globalThis.env) {
+      // Browser (only if you define globalThis.env beforehand)
+      config.server_url = globalThis.env.HYPHA_SERVER_URL;
+      config.token = globalThis.env.HYPHA_TOKEN;
+      config.client_id = globalThis.env.HYPHA_CLIENT_ID;
+      config.workspace = globalThis.env.HYPHA_WORKSPACE;
+    }
+  }
+
+  let server_url = normalizeServerUrl(config.server_url);
+
+  let connection = new WebsocketRPCConnection(
+    server_url,
+    clientId,
+    config.workspace,
+    config.token,
+    config.reconnection_token,
+    config.method_timeout || 60,
+    config.WebSocketClass,
+    config.token_refresh_interval,
+    config.additional_headers,
+  );
+  const connection_info = await connection.open();
+  (0,_utils_index_js__WEBPACK_IMPORTED_MODULE_1__.assert)(
+    connection_info,
+    "Failed to connect to the server, no connection info obtained. This issue is most likely due to an outdated Hypha server version. Please use `imjoy-rpc` for compatibility, or upgrade the Hypha server to the latest version.",
+  );
+  // wait for 0.5 seconds
+  await new Promise((resolve) => setTimeout(resolve, 100));
+  // Ensure manager_id is set before proceeding
+  if (!connection.manager_id) {
+    console.warn("Manager ID not set immediately, waiting...");
+
+    // Wait for manager_id to be set with timeout
+    const maxWaitTime = 5000; // 5 seconds
+    const checkInterval = 100; // 100ms
+    const startTime = Date.now();
+
+    while (!connection.manager_id && Date.now() - startTime < maxWaitTime) {
+      await new Promise((resolve) => setTimeout(resolve, checkInterval));
+    }
+
+    if (!connection.manager_id) {
+      console.error("Manager ID still not set after waiting");
+      throw new Error("Failed to get manager ID from server");
+    } else {
+      console.info(`Manager ID set after waiting: ${connection.manager_id}`);
+    }
+  }
+  if (config.workspace && connection_info.workspace !== config.workspace) {
+    throw new Error(
+      `Connected to the wrong workspace: ${connection_info.workspace}, expected: ${config.workspace}`,
+    );
+  }
 
+  const workspace = connection_info.workspace;
+  const rpc = new _rpc_js__WEBPACK_IMPORTED_MODULE_0__.RPC(connection, {
+    client_id: clientId,
+    workspace,
+    default_context: { connection_type: "websocket" },
+    name: config.name,
+    method_timeout: config.method_timeout,
+    app_id: config.app_id,
+    server_base_url: connection_info.public_base_url,
+    long_message_chunk_size: config.long_message_chunk_size,
+  });
+  await rpc.waitFor("services_registered", config.method_timeout || 120);
+  const wm = await rpc.get_manager_service({
+    timeout: config.method_timeout,
+    case_conversion: "camel",
+    kwargs_expansion: config.kwargs_expansion || false,
+  });
+  wm.rpc = rpc;
 
+  async function _export(api) {
+    api.id = "default";
+    api.name = api.name || config.name || api.id;
+    api.description = api.description || config.description;
+    await rpc.register_service(api, { overwrite: true });
+  }
 
-// Re-export everything from websocket-client for backward compatibility
-// (except _connectToServer which is internal)
+  async function getApp(clientId) {
+    clientId = clientId || "*";
+    (0,_utils_index_js__WEBPACK_IMPORTED_MODULE_1__.assert)(!clientId.includes(":"), "clientId should not contain ':'");
+    if (!clientId.includes("/")) {
+      clientId = connection_info.workspace + "/" + clientId;
+    }
+    (0,_utils_index_js__WEBPACK_IMPORTED_MODULE_1__.assert)(
+      clientId.split("/").length === 2,
+      "clientId should match pattern workspace/clientId",
+    );
+    return await wm.getService(`${clientId}:default`);
+  }
 
+  async function listApps(ws) {
+    ws = ws || workspace;
+    (0,_utils_index_js__WEBPACK_IMPORTED_MODULE_1__.assert)(!ws.includes(":"), "workspace should not contain ':'");
+    (0,_utils_index_js__WEBPACK_IMPORTED_MODULE_1__.assert)(!ws.includes("/"), "workspace should not contain '/'");
+    const query = { workspace: ws, service_id: "default" };
+    return await wm.listServices(query);
+  }
 
-// Re-export HTTP client classes and functions
+  if (connection_info) {
+    wm.config = Object.assign(wm.config, connection_info);
+  }
+  wm.export = (0,_utils_schema_js__WEBPACK_IMPORTED_MODULE_2__.schemaFunction)(_export, {
+    name: "export",
+    description: "Export the api.",
+    parameters: {
+      properties: { api: { description: "The api to export", type: "object" } },
+      required: ["api"],
+      type: "object",
+    },
+  });
+  wm.getApp = (0,_utils_schema_js__WEBPACK_IMPORTED_MODULE_2__.schemaFunction)(getApp, {
+    name: "getApp",
+    description: "Get the app.",
+    parameters: {
+      properties: {
+        clientId: { default: "*", description: "The clientId", type: "string" },
+      },
+      type: "object",
+    },
+  });
+  wm.listApps = (0,_utils_schema_js__WEBPACK_IMPORTED_MODULE_2__.schemaFunction)(listApps, {
+    name: "listApps",
+    description: "List the apps.",
+    parameters: {
+      properties: {
+        workspace: {
+          default: workspace,
+          description: "The workspace",
+          type: "string",
+        },
+      },
+      type: "object",
+    },
+  });
+  wm.disconnect = (0,_utils_schema_js__WEBPACK_IMPORTED_MODULE_2__.schemaFunction)(rpc.disconnect.bind(rpc), {
+    name: "disconnect",
+    description: "Disconnect from the server.",
+    parameters: { type: "object", properties: {}, required: [] },
+  });
+  wm.registerCodec = (0,_utils_schema_js__WEBPACK_IMPORTED_MODULE_2__.schemaFunction)(rpc.register_codec.bind(rpc), {
+    name: "registerCodec",
+    description: "Register a codec for the webrtc connection",
+    parameters: {
+      type: "object",
+      properties: {
+        codec: {
+          type: "object",
+          description: "Codec to register",
+          properties: {
+            name: { type: "string" },
+            type: {},
+            encoder: { type: "function" },
+            decoder: { type: "function" },
+          },
+        },
+      },
+    },
+  });
 
+  wm.emit = (0,_utils_schema_js__WEBPACK_IMPORTED_MODULE_2__.schemaFunction)(rpc.emit.bind(rpc), {
+    name: "emit",
+    description: "Emit a message.",
+    parameters: {
+      properties: { data: { description: "The data to emit", type: "object" } },
+      required: ["data"],
+      type: "object",
+    },
+  });
 
-/**
- * Connect to a Hypha server.
- *
- * @param {Object} config - Configuration object with connection options
- * @param {string} config.serverUrl - The server URL (required, alias: server_url)
- * @param {string} config.workspace - Target workspace (optional)
- * @param {string} config.token - Authentication token (optional)
- * @param {string} config.clientId - Unique client identifier (optional, alias: client_id)
- * @param {string} config.transport - Transport type - "websocket" (default) or "http"
- * @param {number} config.method_timeout - Timeout for RPC method calls
- * @returns {Promise<Object>} Connected workspace manager
- *
- * @example
- * const server = await connectToServer({
- *   serverUrl: "https://hypha.aicell.io",
- *   transport: "http"  // or "websocket" (default)
- * });
- * await server.registerService({ id: "my-service", ... });
- */
-async function connectToServer(config = {}) {
-  const transport = config.transport || "websocket";
+  wm.on = (0,_utils_schema_js__WEBPACK_IMPORTED_MODULE_2__.schemaFunction)(rpc.on.bind(rpc), {
+    name: "on",
+    description: "Register a message handler.",
+    parameters: {
+      properties: {
+        event: { description: "The event to listen to", type: "string" },
+        handler: { description: "The handler function", type: "function" },
+      },
+      required: ["event", "handler"],
+      type: "object",
+    },
+  });
 
-  if (transport === "http") {
-    const { _connectToServerHTTP } = await Promise.resolve(/*! import() */).then(__webpack_require__.bind(__webpack_require__, /*! ./http-client.js */ "./src/http-client.js"));
-    return await _connectToServerHTTP(config);
+  wm.off = (0,_utils_schema_js__WEBPACK_IMPORTED_MODULE_2__.schemaFunction)(rpc.off.bind(rpc), {
+    name: "off",
+    description: "Remove a message handler.",
+    parameters: {
+      properties: {
+        event: { description: "The event to remove", type: "string" },
+        handler: { description: "The handler function", type: "function" },
+      },
+      required: ["event", "handler"],
+      type: "object",
+    },
+  });
+
+  wm.once = (0,_utils_schema_js__WEBPACK_IMPORTED_MODULE_2__.schemaFunction)(rpc.once.bind(rpc), {
+    name: "once",
+    description: "Register a one-time message handler.",
+    parameters: {
+      properties: {
+        event: { description: "The event to listen to", type: "string" },
+        handler: { description: "The handler function", type: "function" },
+      },
+      required: ["event", "handler"],
+      type: "object",
+    },
+  });
+
+  wm.getServiceSchema = (0,_utils_schema_js__WEBPACK_IMPORTED_MODULE_2__.schemaFunction)(rpc.get_service_schema, {
+    name: "getServiceSchema",
+    description: "Get the service schema.",
+    parameters: {
+      properties: {
+        service: {
+          description: "The service to extract schema",
+          type: "object",
+        },
+      },
+      required: ["service"],
+      type: "object",
+    },
+  });
+
+  wm.registerService = (0,_utils_schema_js__WEBPACK_IMPORTED_MODULE_2__.schemaFunction)(rpc.register_service.bind(rpc), {
+    name: "registerService",
+    description: "Register a service.",
+    parameters: {
+      properties: {
+        service: { description: "The service to register", type: "object" },
+        force: {
+          default: false,
+          description: "Force to register the service",
+          type: "boolean",
+        },
+      },
+      required: ["service"],
+      type: "object",
+    },
+  });
+  wm.unregisterService = (0,_utils_schema_js__WEBPACK_IMPORTED_MODULE_2__.schemaFunction)(rpc.unregister_service.bind(rpc), {
+    name: "unregisterService",
+    description: "Unregister a service.",
+    parameters: {
+      properties: {
+        service: {
+          description: "The service id to unregister",
+          type: "string",
+        },
+        notify: {
+          default: true,
+          description: "Notify the workspace manager",
+          type: "boolean",
+        },
+      },
+      required: ["service"],
+      type: "object",
+    },
+  });
+  if (connection.manager_id) {
+    rpc.on("force-exit", async (message) => {
+      if (message.from === "*/" + connection.manager_id) {
+        console.log("Disconnecting from server, reason:", message.reason);
+        await rpc.disconnect();
+      }
+    });
+  }
+  if (config.webrtc) {
+    await (0,_webrtc_client_js__WEBPACK_IMPORTED_MODULE_3__.registerRTCService)(wm, `${clientId}-rtc`, config.webrtc_config);
+    // make a copy of wm, so webrtc can use the original wm.getService
+    const _wm = Object.assign({}, wm);
+    const description = _wm.getService.__schema__.description;
+    // TODO: Fix the schema for adding options for webrtc
+    const parameters = _wm.getService.__schema__.parameters;
+    wm.getService = (0,_utils_schema_js__WEBPACK_IMPORTED_MODULE_2__.schemaFunction)(
+      webrtcGetService.bind(null, _wm, `${workspace}/${clientId}-rtc`),
+      {
+        name: "getService",
+        description,
+        parameters,
+      },
+    );
+
+    wm.getRTCService = (0,_utils_schema_js__WEBPACK_IMPORTED_MODULE_2__.schemaFunction)(_webrtc_client_js__WEBPACK_IMPORTED_MODULE_3__.getRTCService.bind(null, wm), {
+      name: "getRTCService",
+      description: "Get the webrtc connection, returns a peer connection.",
+      parameters: {
+        properties: {
+          config: {
+            description: "The config for the webrtc service",
+            type: "object",
+          },
+        },
+        required: ["config"],
+        type: "object",
+      },
+    });
   } else {
-    const { _connectToServer } = await Promise.resolve(/*! import() */).then(__webpack_require__.bind(__webpack_require__, /*! ./websocket-client.js */ "./src/websocket-client.js"));
-    return await _connectToServer(config);
+    const _getService = wm.getService;
+    wm.getService = (query, config) => {
+      config = config || {};
+      return _getService(query, config);
+    };
+    wm.getService.__schema__ = _getService.__schema__;
+  }
+
+  async function registerProbes(probes) {
+    probes.id = "probes";
+    probes.name = "Probes";
+    probes.config = { visibility: "public" };
+    probes.type = "probes";
+    probes.description = `Probes Service, visit ${server_url}/${workspace}services/probes for the available probes.`;
+    return await wm.registerService(probes, { overwrite: true });
   }
+
+  wm.registerProbes = (0,_utils_schema_js__WEBPACK_IMPORTED_MODULE_2__.schemaFunction)(registerProbes, {
+    name: "registerProbes",
+    description: "Register probes service",
+    parameters: {
+      properties: {
+        probes: {
+          description:
+            "The probes to register, e.g. {'liveness': {'type': 'function', 'description': 'Check the liveness of the service'}}",
+          type: "object",
+        },
+      },
+      required: ["probes"],
+      type: "object",
+    },
+  });
+  return wm;
 }
 
-/**
- * Get a remote service by URI.
- *
- * @param {string} serviceUri - Service URI in format "server_url/workspace/client_id:service_id"
- * @param {Object} config - Additional configuration options
- * @returns {Promise<Object>} The remote service
- *
- * @example
- * const service = await getRemoteService(
- *   "https://hypha.aicell.io/public/client:service",
- *   { transport: "http" }
- * );
- * const result = await service.someMethod();
- */
 async function getRemoteService(serviceUri, config = {}) {
   const { serverUrl, workspace, clientId, serviceId, appId } =
-    (0,_utils_index_js__WEBPACK_IMPORTED_MODULE_0__.parseServiceUrl)(serviceUri);
+    (0,_utils_index_js__WEBPACK_IMPORTED_MODULE_1__.parseServiceUrl)(serviceUri);
   const fullServiceId = `${workspace}/${clientId}:${serviceId}@${appId}`;
 
   if (config.serverUrl) {
@@ -7883,11 +7560,235 @@ async function getRemoteService(serviceUri, config = {}) {
     }
   }
   config.serverUrl = serverUrl;
-
   const server = await connectToServer(config);
   return await server.getService(fullServiceId);
 }
 
+class LocalWebSocket {
+  constructor(url, client_id, workspace) {
+    this.url = url;
+    this.onopen = () => {};
+    this.onmessage = () => {};
+    this.onclose = () => {};
+    this.onerror = () => {};
+    this.client_id = client_id;
+    this.workspace = workspace;
+    const context = typeof window !== "undefined" ? window : self;
+    const isWindow = typeof window !== "undefined";
+    this.postMessage = (message) => {
+      if (isWindow) {
+        window.parent.postMessage(message, "*");
+      } else {
+        self.postMessage(message);
+      }
+    };
+
+    this.readyState = WebSocket.CONNECTING;
+    context.addEventListener(
+      "message",
+      (event) => {
+        const { type, data, to } = event.data;
+        if (to !== this.client_id) {
+          // console.debug("message not for me", to, this.client_id);
+          return;
+        }
+        switch (type) {
+          case "message":
+            if (this.readyState === WebSocket.OPEN && this.onmessage) {
+              this.onmessage({ data: data });
+            }
+            break;
+          case "connected":
+            this.readyState = WebSocket.OPEN;
+            this.onopen(event);
+            break;
+          case "closed":
+            this.readyState = WebSocket.CLOSED;
+            this.onclose(event);
+            break;
+          default:
+            break;
+        }
+      },
+      false,
+    );
+
+    if (!this.client_id) throw new Error("client_id is required");
+    if (!this.workspace) throw new Error("workspace is required");
+    this.postMessage({
+      type: "connect",
+      url: this.url,
+      from: this.client_id,
+      workspace: this.workspace,
+    });
+  }
+
+  send(data) {
+    if (this.readyState === WebSocket.OPEN) {
+      this.postMessage({
+        type: "message",
+        data: data,
+        from: this.client_id,
+        workspace: this.workspace,
+      });
+    }
+  }
+
+  close() {
+    this.readyState = WebSocket.CLOSING;
+    this.postMessage({
+      type: "close",
+      from: this.client_id,
+      workspace: this.workspace,
+    });
+    this.onclose();
+  }
+
+  addEventListener(type, listener) {
+    if (type === "message") {
+      this.onmessage = listener;
+    }
+    if (type === "open") {
+      this.onopen = listener;
+    }
+    if (type === "close") {
+      this.onclose = listener;
+    }
+    if (type === "error") {
+      this.onerror = listener;
+    }
+  }
+}
+
+function setupLocalClient({
+  enable_execution = false,
+  on_ready = null,
+}) {
+  return new Promise((resolve, reject) => {
+    const context = typeof window !== "undefined" ? window : self;
+    const isWindow = typeof window !== "undefined";
+    context.addEventListener(
+      "message",
+      (event) => {
+        const {
+          type,
+          server_url,
+          workspace,
+          client_id,
+          token,
+          method_timeout,
+          name,
+          config,
+        } = event.data;
+
+        if (type === "initializeHyphaClient") {
+          if (!server_url || !workspace || !client_id) {
+            console.error("server_url, workspace, and client_id are required.");
+            return;
+          }
+
+          if (!server_url.startsWith("https://local-hypha-server:")) {
+            console.error(
+              "server_url should start with https://local-hypha-server:",
+            );
+            return;
+          }
+
+          class FixedLocalWebSocket extends LocalWebSocket {
+            constructor(url) {
+              // Call the parent class's constructor with fixed values
+              super(url, client_id, workspace);
+            }
+          }
+          connectToServer({
+            server_url,
+            workspace,
+            client_id,
+            token,
+            method_timeout,
+            name,
+            WebSocketClass: FixedLocalWebSocket,
+          }).then(async (server) => {
+            globalThis.api = server;
+            try {
+              // for iframe
+              if (isWindow && enable_execution) {
+                function loadScript(script) {
+                  return new Promise((resolve, reject) => {
+                    const scriptElement = document.createElement("script");
+                    scriptElement.innerHTML = script.content;
+                    scriptElement.lang = script.lang;
+
+                    scriptElement.onload = () => resolve();
+                    scriptElement.onerror = (e) => reject(e);
+
+                    document.head.appendChild(scriptElement);
+                  });
+                }
+                if (config.styles && config.styles.length > 0) {
+                  for (const style of config.styles) {
+                    const styleElement = document.createElement("style");
+                    styleElement.innerHTML = style.content;
+                    styleElement.lang = style.lang;
+                    document.head.appendChild(styleElement);
+                  }
+                }
+                if (config.links && config.links.length > 0) {
+                  for (const link of config.links) {
+                    const linkElement = document.createElement("a");
+                    linkElement.href = link.url;
+                    linkElement.innerText = link.text;
+                    document.body.appendChild(linkElement);
+                  }
+                }
+                if (config.windows && config.windows.length > 0) {
+                  for (const w of config.windows) {
+                    document.body.innerHTML = w.content;
+                    break;
+                  }
+                }
+                if (config.scripts && config.scripts.length > 0) {
+                  for (const script of config.scripts) {
+                    if (script.lang !== "javascript")
+                      throw new Error("Only javascript scripts are supported");
+                    await loadScript(script); // Await the loading of each script
+                  }
+                }
+              }
+              // for web worker
+              else if (
+                !isWindow &&
+                enable_execution &&
+                config.scripts &&
+                config.scripts.length > 0
+              ) {
+                for (const script of config.scripts) {
+                  if (script.lang !== "javascript")
+                    throw new Error("Only javascript scripts are supported");
+                  eval(script.content);
+                }
+              }
+
+              if (on_ready) {
+                await on_ready(server, config);
+              }
+              resolve(server);
+            } catch (e) {
+              reject(e);
+            }
+          });
+        }
+      },
+      false,
+    );
+    if (isWindow) {
+      window.parent.postMessage({ type: "hyphaClientReady" }, "*");
+    } else {
+      self.postMessage({ type: "hyphaClientReady" });
+    }
+  });
+}
+
 /******/ 	return __webpack_exports__;
 /******/ })()
 ;