@myrmidon/gve-core 7.0.11 → 7.0.13

package/fesm2022/myrmidon-gve-core.mjs

@@ -2877,6 +2877,16 @@ class SnapshotEditorComponent {
                 this.initRendition(rendition);
             }
         });
+        // re-apply settings whenever the renditionSettings input changes (e.g. loaded
+        // asynchronously from the backend after the first render already completed)
+        effect(() => {
+            // reading renditionSettings() tracks it as a dependency
+            this.renditionSettings();
+            const rendition = this.renditionRef()?.nativeElement;
+            if (rendition) {
+                this.applyRenditionSettings();
+            }
+        });
         // when operation editor panel becomes available, scroll it into view
         effect(() => {
             const panel = this.operationEditorPanelRef()?.nativeElement;
@@ -2900,6 +2910,16 @@ class SnapshotEditorComponent {
         console.log('GveSnapshotRendition.version:', GveSnapshotRendition.version);
         // set initial settings
         this.applyRenditionSettings();
+        // Push data immediately if already available. updateRendition() is called
+        // synchronously after result.set() in runTo(), but at that moment the @if
+        // block hasn't yet been added to the DOM (zoneless CD is asynchronous).
+        // This call recovers from that missed push once the element is actually live.
+        const result = this.result();
+        if (result) {
+            const r = { ...result, text: this.baseText.value };
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            rendition.data = r;
+        }
         // listen to version change events
         rendition.addEventListener('versionTagChange', (event) => {
             const customEvent = event;
@@ -3433,8 +3453,13 @@ class SnapshotEditorComponent {
      * @returns A promise that resolves to the execution result.
      */
     runTo(index, lastOperation) {
-        if (this.busy()) {
-            return;
+        // Cancel any in-flight run so new data always wins over stale requests.
+        // The old busy() guard silently dropped new requests while the API was
+        // still responding, causing the component to freeze on rapid edits.
+        if (this._currentRunSubscription) {
+            this._currentRunSubscription.unsubscribe();
+            this._currentRunSubscription = undefined;
+            this.busy.set(false);
         }
         console.log('run to: ' + index);
         // get the snapshot to run operations on
@@ -3457,7 +3482,7 @@ class SnapshotEditorComponent {
         // run the operations
         this.busy.set(true);
         this.initialStepIndex.set(index);
-        this._api
+        this._currentRunSubscription = this._api
             .runOperations(snapshot.text, snapshot.operations)
             .subscribe({
             next: (wrapper) => {
@@ -3469,7 +3494,10 @@ class SnapshotEditorComponent {
                 // set the result
                 console.log('result:', wrapper.result);
                 this.result.set(wrapper.result);
-                // update the rendition component
+                // update the rendition component; note that when result() transitions
+                // from undefined→truthy the @if element may not yet be in the DOM
+                // (zoneless CD is async). initRendition() will recover the missed push
+                // once Angular inserts the element.
                 this.updateRendition();
                 // supply the last operation output tag from its result step if not set
                 if (!lastOperation.outputTag) {
@@ -3484,8 +3512,11 @@ class SnapshotEditorComponent {
             error: (error) => {
                 console.error(error);
                 this._snackbar.open('Error running operations', 'OK');
+                this._currentRunSubscription = undefined;
+                this.busy.set(false);
             },
             complete: () => {
+                this._currentRunSubscription = undefined;
                 this.busy.set(false);
             },
         });