[bibtex] enable editing in view and fix drag and drop bug

SQUASHED: bibtex-enable-editing-in-view,

Author: JensLincke

demos/bibliographie/_other.bib

@@ -1,19 +1,29 @@
-
 @inproceedings{Krahn2009LWD,
     author = {Robert Krahn and Dan Ingalls and Robert Hirschfeld and Jens Lincke and Krzysztof Palacz},
-    title = {Lively Wiki a development environment for creating and sharing active web content},
-    year = {2009},
-    microsoftid = {2166901142},
     booktitle = {Proceedings of the 5th International Symposium on Wikis and Open Collaboration},
-    doi = {10.1145/1641309.1641324}
+    doi = {10.1145/1641309.1641324},
+    microsoftid = {2166901142},
+    title = {Lively Wiki a development environment for creating and sharing active web content},
+    year = {2009}
 }
 
+@misc{Cunningham2014WDP,
+    author = {Cunningham, Ward},
+    file = {Wiki Design Principles:/Users/simonstadlinger/Zotero/storage/P5H3QGLM/wiki.c2.com.html:text/html},
+    journal = {Wiki Design Principles},
+    title = {Wiki {Design} {Principles}},
+    type = {Wiki},
+    url = {https://wiki.c2.com/?WikiDesignPrinciples},
+    urldate = {2020-07-29},
+    year = {2014}
+}
 
 @inproceedings{Appeltauer2009IDC,
     author = {Malte Appeltauer and Robert Hirschfeld and Hidehiko Masuhara},
-    title = {Improving the development of context-dependent Java applications with ContextJ},
-    year = {2009},
-    microsoftid = {2172169742},
     booktitle = {International Workshop on Context-Oriented Programming},
-    doi = {10.1145/1562112.1562117}
-}
+    doi = {10.1145/1562112.1562117},
+    microsoftid = {2172169742},
+    title = {Improving the development of context-dependent Java applications with ContextJ},
+    year = {2009}
+}
+

src/client/draganddrop.js

@@ -279,7 +279,7 @@ const dropOnDocumentBehavior = {
 
       new DropOnBodyHandler('text/plain', async text => {
         // test for bibtex content
-         if (text.match(/^\s*(@[a-zA-Z]+\{/)) {          
+         if (text.match(/^\s*@[a-zA-Z]+\{/)) {          
             const comp = await (<lively-bibtex style="width:700px"></lively-bibtex>);
             comp.innerHTML = text;
             await comp.updateView();

src/components/tools/lively-container.js

@@ -1884,8 +1884,8 @@ export default class Container extends Morph {
         //   title: "saved HTML",
         //   color: "green"});
        });
-    } else if (contentElement && contentElement.livelySource) {
-      var source = contentElement.livelySource()
+    } else if (contentElement && contentElement.childNodes[0] && contentElement.childNodes[0].livelySource) {
+      var source = contentElement.childNodes[0].livelySource()
       if (source.then) source = await source; // maybe some elements take a while to generate their source
       return this.saveSource(url, source);
     } else {

src/components/widgets/lively-bibtex-editor.js

@@ -730,9 +730,9 @@ export default class LivelyBibtexEditor extends Morph {
     this.get("#finishButton").hidden = true
   }
 
-  // livelySource() {
-  //   return Array.from(this.querySelectorAll("lively-bibtex-entry")).map(ea => ea.textContent).join("")
-  // }
+  livelySource() {
+     return thiss.toBibtex()
+  }
 
   async livelyExample() {
     // this customizes a default instance to a pretty example