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

Author: Markus-Brand

demos/tom/babel-plugin-tracer.js

@@ -1,6 +1,8 @@
 import Trace from 'demos/tom/trace.js';
 import wrapAST from 'demos/tom/wrapAST.js';
 
+'hello world'
+
 let pluginDefinedTrace = false;
 
 export default function({ types: t }) {

demos/tom/index.md

@@ -83,6 +83,9 @@ Es ist möglich das trace plugin mit sich selbst zu debuggen. Dazu wird einfach
 * Diff was ist dazu gekommen; was wurde entfernt während des changes
 * AST-compare sollte direkt die Änderung aufgeklappt haben (cool: farblich markieren)
 * Im Plugin code markieren und anzeigen welche konkreten Traces darüber gelaufen sind
+* "brushing and linking"
+  - **whence** and **whither** === wohin und woher
+  - **What if** === Was wäre, wenn
 
 ## Known problems
 * Wenn zu viele Daten generiert werden (weil entweder das plugin oder der gegebene Code zu viel sind) ist der Worker nicht mehr in der Lage dazu die Daten zu senden, was darin endet, dass das TraceVisualization Tool nicht mehr funktioniert. Dies liegt anscheinend daran, dass während eines Aufrufs von JSON.stringify der Fehler: _rangeerror invalid string length_ geworfen wird

src/client/reactive/babel-plugin-active-expression-rewriting/index.js

@@ -188,6 +188,7 @@ export default function (babel) {
     pre(file) {
       //console.log("fff", file, traverse);
     },
+      name: 'active-expression-rewriting',
     visitor: {
       Program: {
         enter(path, state) {

src/components/tools/lively-index-search.js

@@ -271,7 +271,7 @@ export default class IndexSearch extends Morph {
 
         var newText = file.text.replace(new RegExp(this.pattern, "g"), this.replace)
         file.replaced = newText
-        var replacedText = this.hightlightPattern(newText, this.replace)
+        var replacedText = this.hightlightPattern(newText, RegExp.escape(this.replace))
         var replacePreviewColumn = <td id="replace">{replacedText}</td>
         file.item.appendChild(replacePreviewColumn)
 

src/components/tools/lively-inspector.js

@@ -30,7 +30,7 @@ export default class Inspector extends Morph {
   }
 
   displayValue(value, expand, name) {
-    if (name) {
+    if (name !== undefined && name !== null) {
       let attrValue;
       if (value && typeof value === 'symbol') {
         attrValue = value.toString();

src/components/tools/lively-plugin-explorer-playground.workspace

@@ -3,7 +3,7 @@
   "sources": [
     "https://lively-kernel.org/lively4/lively4-tom/src/components/tools/lively-ast-explorer-example-source.js"
   ],
-  "plugin": "src/client/reactive/babel-plugin-active-expression-rewriting/index.js",
+  "plugin": "demos/tom/plugin-backup.js",
   "options": {
     "autoUpdateAST": true,
     "autoUpdateTransformation": true,
@@ -13,11 +13,17 @@
     "autoSaveWorkspace": false
   },
   "pluginSelection": [
+    {
+      "url": "src/client/reactive/babel-plugin-active-expression-rewriting/index.js"
+    },
     {
       "url": "demos/tom/plugin-backup.js"
     },
     {
-      "url": "src/client/reactive/babel-plugin-active-expression-rewriting/index.js"
+      "url": "src/external/babel-plugin-var-recorder-dev.js"
+    },
+    {
+      "url": "src/external/babel-plugin-locals.js"
     }
   ]
 }

src/components/tools/lively-plugin-explorer.html

@@ -201,9 +201,9 @@
         <lively-separator reverse=true></lively-separator>
 
         <div id="bottom" class="pane layout-row">
-          <div id="console" class="pane tool layout-column">
+          <div id="console" class="pane tool layout-column" >
             <b>Execution Console</b>
-            <div class="pane">
+            <div class="pane" style="overflow: scroll">
               <pre id="executionConsole"></pre>
             </div>
           </div>

src/components/tools/plugin-selector.js

@@ -268,8 +268,4 @@ export default class PluginSelector extends Morph {
 
     }
 
-    livelyInspect(contentNode, inspector) {
-        // do nothing
-    }
-
 }

src/components/tools/trace-visualization.js

@@ -1,7 +1,8 @@
 import babelDefault from 'systemjs-babel-build';
 const babel = babelDefault.babel;
-import loadPlugin from 'demos/tom/plugin-load-promise.js'
-import sourcemap from 'src/external/source-map.min.js'
+import loadPlugin from 'demos/tom/plugin-load-promise.js';
+import sourcemap from 'src/external/source-map.min.js';
+import {debounce} from 'utils';
 import Trace from 'demos/tom/trace.js';
 
 import Morph from 'src/components/widgets/lively-morph.js';
@@ -21,6 +22,13 @@ export default class TraceVisualization extends Morph {
         this.trace;
         this.curAST;
         this.nextAST;
+        
+        let debounced = _.debounce(() => this.editor.currentEditor().listSelections()[0].openInInspector(), 500);
+        
+        this.editor.awaitEditor().then(() => {
+            debounced.cancel();
+            debounced();
+        });
     }
 
 
@@ -73,7 +81,6 @@ export default class TraceVisualization extends Morph {
             this.textManuallyChanged = false;
         }
     }
-
     /*MD ## Update list MD*/
 
     clearList() {

templates/template.js

@@ -63,10 +63,12 @@ export default class $$TEMPLATE_CLASS extends Morph {
     // this method is called on the new object during migration, but before initialization
     this.someJavaScriptProperty = other.someJavaScriptProperty
   }
-  
+
+/*
   livelyInspect(contentNode, inspector) {
-    // do nothing
+    // overrides how the inspector displays this component
   }
+*/
 
   async livelyExample() {
     // this customizes a default instance to a pretty example