@seamly/web-ui 23.0.6-alpha.1 → 23.0.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seamly/web-ui",
-  "version": "23.0.6-alpha.1",
+  "version": "23.0.6",
   "main": "build/dist/lib/index.js",
   "types": "build/src/javascripts/index.d.ts",
   "exports": {

package/src/javascripts/api/index.ts

@@ -382,6 +382,8 @@ export class API {
       )
       const body = await response.json()
       this.#updateUrls(body)
+      // Do not use the socket link from the config endpoint, as this is incomplete and will always fail if used
+      delete this.URLS.socket
       this.configReady = true
       return body.config
     } catch (error: any) {
@@ -465,17 +467,19 @@ export class API {
     this.connected = false
     const conversationInitialState = await this.#createConversation()
 
-    this.conversation.connect(
-      `${this.#getUrlPrefix('ws')}${this.URLS.socket}`,
-      this.#config.context.channelName,
-      this.#getChannelTopic(),
-      this.#getAccessToken(),
-    )
+    if (this.URLS.socket) {
+      this.conversation.connect(
+        `${this.#getUrlPrefix('ws')}${this.URLS.socket}`,
+        this.#config.context.channelName,
+        this.#getChannelTopic(),
+        this.#getAccessToken(),
+      )
 
-    this.conversation.onConnection(({ connected, ready }) => {
-      this.connected = connected
-      this.#ready = ready
-    })
+      this.conversation.onConnection(({ connected, ready }) => {
+        this.connected = connected
+        this.#ready = ready
+      })
+    }
 
     return conversationInitialState
   }

package/src/javascripts/lib/external-api/index.js

@@ -12,7 +12,7 @@ class ExternalApi {
   constructor(appConfig) {
     this._waitingActions = []
     this._instances = {}
-    this._timeoutId = undefined
+    this.timeouts = {}
     this.appConfig = appConfig
     this.context = {}
   }
@@ -124,10 +124,7 @@ class ExternalApi {
       this._instances[config.namespace] = instance
       // Clear the context after creating the instance, so we do not reuse it for the next
       this.context = {}
-      window.clearTimeout(this._timeoutId)
-      this._timeoutId = window.setTimeout(() => {
-        instance.render()
-      }, 60)
+      this.debouncedRender(instance, config.namespace)
     }
   }
 
@@ -161,6 +158,17 @@ class ExternalApi {
     return new Engine(config, this)
   }
 
+  /**
+   * @param {Engine} instance
+   * @param {string} namespace
+   */
+  debouncedRender(instance, namespace) {
+    window.clearTimeout(this.timeouts[namespace])
+    this.timeouts[namespace] = window.setTimeout(() => {
+      instance.render()
+    }, 100)
+  }
+
   destroy(instance) {
     if (!instance) {
       Object.entries(this._instances).forEach(([namespace, _instance]) => {