Merge branch 'gh-pages' of https://github.com/LivelyKernel/lively4-core…

… into gh-pages

demos/jsx19.js

@@ -0,0 +1,60 @@
+'enable rp19-jsx';
+
+
+/*MD
+## Example:
+```
+import FooMorph from "https://lively-kernel.org/lively4/lively4-jens/demos/jsx19.js"
+customElements.define("foo-morph", FooMorph);
+
+that.innerHTML = "<foo-morph></foo-morph>"
+```
+// that.innerHTML = ""
+
+MD*/
+
+import ReactiveMorph from 'src/client/reactive/components/rewritten/conduit/rpComponents/reactiveMorph.js';
+
+var model = {
+  name: "Foo"
+}
+
+
+export default class FooMorph extends ReactiveMorph {
+
+  /* Event handler */
+  onRegisterForm(event) {
+    event.preventDefault();
+  }
+
+  // (1) Project on initialize
+  render_1() {    
+      return <div>{model.name}</div>
+
+  }
+
+  // (2) with a loop
+  render_2() {    
+      return <div>
+        <div>{model.name + "XXX"}</div>
+        <button click={() => model.name = "bar"}>change</button>
+      </div>
+  }
+
+  // (3) with a magic loop ... chanage in input is pushed to model
+  render() {    
+      // Rewriting ERROR: value={model.name + "XXX"}></input>
+      return <div>
+        <form id='registerForm'>
+          <fieldset>
+            <input 
+              id='nameInput'
+              value={model.name}></input>
+          </fieldset>
+        </form>
+        <div>MODEL: {model.name}</div>
+      </div>
+  }
+
+
+}

src/client/morphic/events.js

@@ -113,6 +113,10 @@ export default class Events {
 
     HTMLElement.prototype.addEventListener = function(type, cb, ...rest) {
         // we cannot just wrapp a callback cb, because callbacks are also used in removeEventListener...
+        if (!cb) {
+          console.warn("addEventListener: registering empty callback for " + type)
+          return
+        }
         var func = cbMap.get(cb) || (function(...args) {
 
           // this becomes dangerous... without COP, we need a global flag

src/components/tools/lively-container-navbar.js

@@ -1022,7 +1022,6 @@ export default class LivelyContainerNavbar extends Morph {
       eaMethodInfo.class = classInfo.name // for later use
       var name = eaMethodInfo.name
       var methodItem = this.createDetailsItem(name)
-      debugger
       if (eaMethodInfo.static) {
         methodItem.insertBefore(<span class="mod">static</span>, methodItem.querySelector("a"))
       }