waiting

Author: luarmr

web/libs/editor/src/stores/AppStore.js

@@ -8,6 +8,7 @@ import { Hotkey } from "../core/Hotkey";
 import { destroy as destroySharedStore } from "../mixins/SharedChoiceStore/mixin";
 import ToolsManager from "../tools/Manager";
 import Utils from "../utils";
+import { debounce } from "../utils/debounce";
 import { guidGenerator } from "../utils/unique";
 import { clamp, delay, isDefined } from "../utils/utilities";
 import { CREATE_RELATION_MODE } from "./Annotation/LinkingModes";
@@ -540,11 +541,47 @@ export default types
       }
     }
 
-    function assignConfig(config) {
+    // Internal function that actually applies the config
+    const applyConfigInternal = flow(function* (config) {
       const cs = self.annotationStore;
 
+      // Show cursor as "wait" to indicate processing
+      document.body.style.cursor = "wait";
+
       self.config = config;
-      cs.initRoot(self.config);
+
+      // Yield to let React update the UI (shows loading cursor)
+      yield delay(0);
+
+      try {
+        // Parse XML and rebuild tree (this is the slow part)
+        cs.initRoot(self.config);
+
+        // Yield again to let React render
+        yield delay(0);
+      } catch (error) {
+        console.error("Error applying config:", error);
+        InfoModal.error(`Config error: ${error.message}`);
+      } finally {
+        // Always reset cursor
+        document.body.style.cursor = "default";
+      }
+    });
+
+    // Debounced version - waits 500ms after last change before applying
+    const debouncedApplyConfig = debounce((config) => {
+      applyConfigInternal(config);
+    }, 500);
+
+    // Public function - debounces rapid changes
+    function assignConfig(config, immediate = false) {
+      if (immediate) {
+        // For initial load or explicit updates
+        applyConfigInternal(config);
+      } else {
+        // For live editing - debounce to avoid blocking on every keystroke
+        debouncedApplyConfig(config);
+      }
     }
 
     /* eslint-disable no-unused-vars */
@@ -805,6 +842,7 @@ export default types
       as.afterReset?.();
 
       if (!as.initialized) {
+        // Use immediate init for reset (not user editing)
         as.initRoot(self.config);
         if (isFF(FF_LSDV_4620_3_ML) && !appControls?.isRendered()) {
           appControls?.render();