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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seamly/web-ui",
-  "version": "23.0.6-alpha.2",
+  "version": "23.0.6",
   "main": "build/dist/lib/index.js",
   "types": "build/src/javascripts/index.d.ts",
   "exports": {
@@ -126,6 +126,5 @@
     "test:e2e": "playwright test",
     "test:e2e:coverage": "yarn nyc report --reporter cobertura --reporter html",
     "prepare": "husky install"
-  },
-  "packageManager": "yarn@1.22.22"
+  }
 }

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]) => {