added/removed events for StateActionManager

src/mol-plugin-ui/state/actions.tsx

@@ -26,6 +26,9 @@ export class StateObjectActions extends PluginUIComponent<{ state: State, nodeRe
             if (current.ref !== ref || current.state !== state) return;
             this.forceUpdate();
         });
+
+        this.subscribe(this.plugin.state.data.actions.events.added, () => this.forceUpdate());
+        this.subscribe(this.plugin.state.data.actions.events.removed, () => this.forceUpdate());
     }
 
     render() {

src/mol-state/action/manager.ts

@@ -9,13 +9,20 @@ import { StateObject, StateObjectCell } from '../object';
 import { StateTransformer } from '../transformer';
 import { UUID } from '../../mol-util';
 import { arraySetRemove } from '../../mol-util/array';
+import { RxEventHelper } from '../../mol-util/rx-event-helper';
 
 export { StateActionManager };
 
 class StateActionManager {
+    private ev = RxEventHelper.create();
     private actions: Map<StateAction['id'], StateAction> = new Map();
     private fromTypeIndex = new Map<StateObject.Type, StateAction[]>();
 
+    readonly events = {
+        added: this.ev<undefined>(),
+        removed: this.ev<undefined>(),
+    }
+
     add(actionOrTransformer: StateAction | StateTransformer) {
         const action = StateTransformer.is(actionOrTransformer) ? actionOrTransformer.toAction() : actionOrTransformer;
 
@@ -31,6 +38,8 @@ class StateActionManager {
             }
         }
 
+        this.events.added.next();
+
         return this;
     }
 
@@ -53,6 +62,8 @@ class StateActionManager {
             if (xs.length === 0) this.fromTypeIndex.delete(t.type);
         }
 
+        this.events.removed.next();
+
         return this;
     }
 
@@ -83,4 +94,8 @@ class StateActionManager {
         }
         return ret;
     }
+
+    dispose() {
+        this.ev.dispose();
+    }
 }

src/mol-state/state.ts

@@ -138,6 +138,7 @@ class State {
 
     dispose() {
         this.ev.dispose();
+        this.actions.dispose();
     }
 
     /**