wip

Author: ged-odoo

addons/html_builder/static/src/website_builder/plugins/website_theme_config_plugin.js

@@ -8,6 +8,8 @@ class WebsiteThemeConfigPlugin extends Plugin {
 
     cache = {};
     activeViews = {};
+    pendingRequests = new Set();
+    resolves = {};
 
     resources = {
         builder_actions: {
@@ -26,6 +28,42 @@ class WebsiteThemeConfigPlugin extends Plugin {
         },
     };
 
+    loadConfigKey(keys) {
+        if (!Array.isArray(keys)) {
+            keys = [keys];
+        }
+        for (const key of keys) {
+            if (!(key in this.cache)) {
+                this.cache[key] = this._loadBatchKey(key);
+            }
+        }
+        return Promise.all(keys.map((key) => this.cache[key]));
+    }
+
+    _loadBatchKey(key) {
+        this.pendingRequests.add(key);
+        return new Promise((resolve) => {
+            this.resolves[key] = resolve;
+            setTimeout(() => {
+                if (this.pendingRequests.size && !this.isDestroyed) {
+                    const keys = [...this.pendingRequests];
+                    this.pendingRequests.clear();
+                    rpc("/website/theme_customize_data_get", {
+                        keys,
+                        is_view_data: true,
+                    }).then((r) => {
+                        if (!this.isDestroyed) {
+                            for (const key of keys) {
+                                this.activeViews[key] = r.includes(key);
+                                this.resolves[key]();
+                            }
+                        }
+                    });
+                }
+            }, 0);
+        });
+    }
+
     async toggleConfig(action, apply) {
         if (this.dependencies.history.getIsPreviewing()) {
             // ignore previews!
@@ -78,29 +116,6 @@ class WebsiteThemeConfigPlugin extends Plugin {
         this.dispatchTo("reload_editor", { target });
     }
 
-    async loadConfigKey(keys) {
-        if (!Array.isArray(keys)) {
-            keys = [keys];
-        }
-        for (const key of keys) {
-            if (!(key in this.cache)) {
-                this.cache[key] = rpc("/website/theme_customize_data_get", {
-                    keys: [key],
-                    is_view_data: true,
-                }).then((r) => {
-                    this.activeViews[key] = r.includes(key);
-                });
-            }
-        }
-        const proms = keys.map((key) => this.cache[key]);
-        await Promise.all(proms);
-        const result = {};
-        for (const key of keys) {
-            result[key] = this.activeViews[key];
-        }
-        return result;
-    }
-
     getConfigKey(key) {
         return this.activeViews[key];
     }