AEDebugging_ Use ContextMenu for dependency Gutter

SQUASHED: AUTO-COMMIT-src-client-reactive-components-rewritten-aexpr-test-component.html,AUTO-COMMIT-src-client-reactive-components-rewritten-aexpr-test-component.js,AUTO-COMMIT-src-components-widgets-lively-code-mirror.js,

Author: Markus-Brand

src/client/reactive/components/rewritten/aexpr-test-component.html

@@ -23,6 +23,9 @@
       <button id="change">
         Change AEs
       </button>
+      <button id="delete">
+        Delete all AEs
+      </button>
     </div>
   </div>
 

src/client/reactive/components/rewritten/aexpr-test-component.js

@@ -13,11 +13,13 @@ export default class AexprTest extends Morph {
     this.x = new Poll(4);
     this.createButton.addEventListener('click', () => this.addAE());
     this.changeButton.addEventListener('click', () => this.changeAEs());
+    this.deleteButton.addEventListener('click', () => this.deleteAEs());
   }
 
   addAE() {
     let z = 4;
     this.aes.push(aexpr(() => this.x.getBestOption() + this.y + z));
+    this.aes.push(aexpr(() => this.x.getBestOption() + this.y + z));
     z++;
   }
 
@@ -26,6 +28,13 @@ export default class AexprTest extends Morph {
     this.y++;
   }
 
+  deleteAEs() {
+    for(const ae of this.aes) {
+      ae.dispose();
+    }
+    this.aes = [];
+  }
+  
   get createButton() {
     return this.get("#create");
   }
@@ -34,6 +43,10 @@ export default class AexprTest extends Morph {
     return this.get("#change");
   }
 
+  get deleteButton() {
+    return this.get("#delete");
+  }
+
   async livelyExample() {}
 
 }