AEDebugging_ Better event ids

SQUASHED: AUTO-COMMIT-src-client-reactive-active-expression-active-expression.js,AUTO-COMMIT-src-client-reactive-active-expression-rewriting-active-expression-rewriting.js,AUTO-COMMIT-src-client-reactive-components-basic-aexpr-timeline.js,

Author: Markus-Brand

src/client/reactive/active-expression-rewriting/active-expression-rewriting.js

@@ -836,10 +836,6 @@ export class RewritingActiveExpression extends BaseActiveExpression {
     super(func, ...args);
     this.meta({ strategy: 'Rewriting' });
     this.updateDependencies();
-
-    if (new.target === RewritingActiveExpression) {
-      this.addToRegistry();
-    }
   }
 
   dispose() {

src/client/reactive/active-expression/active-expression.js

@@ -214,9 +214,7 @@ export class BaseActiveExpression {
 
     this.initializeEvents();
 
-    if (new.target === BaseActiveExpression) {
-      this.addToRegistry();
-    }
+    this.addToRegistry();
     this.logEvent('created', {ae: this, stack: lively.stack(), value: "no value yet"});
   }
 
@@ -582,7 +580,7 @@ export class BaseActiveExpression {
     //if(!this.meta().has('events'))this.meta({events : new Array()});
     let events = this.meta().get('events');
     const timestamp = new Date();
-    const event = { timestamp , type, value, id: (this.meta().get('id') || 0) + timestamp.getTime() };
+    const event = { timestamp , type, value, id: this.meta().get('id') + "-" + events.length };
     AExprRegistry.eventListeners().forEach(listener => listener.callback(this, event));
     events.push(event);
     if (events.length > 5000) events.shift();

src/client/reactive/components/basic/aexpr-timeline.js

@@ -21,6 +21,7 @@ export default class EventDrops extends Morph {
       bound: { format: () => undefined },
       range: { start: new Date(performance.timeOrigin), end: new Date() },
       line: {
+        height: 25,
         color: (_, index) => d3.schemeCategory10[index % 10]
       },
       zoom: {