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

Author: onsetsu

demos/tom/Events.js

@@ -0,0 +1,122 @@
+const excludedProperties = ['end', 'loc', 'start', 'traceID', 'type'];
+
+export class Event {
+    constructor(type, data, position) {
+        this.type = type;
+        this.position = position;
+        this.data = data;
+
+        this.changes = [];
+        this.hasChanges = false;
+
+        this.__type__ = 'Event';
+    }
+
+    addChange(changeEvent) {
+        this.hasChanges = true;
+        this.changes.push(changeEvent);
+    }
+
+    apply(ast) {
+        for (const change of this.changes) {
+            change.apply(ast);
+        }
+    }
+
+    visit(object) {
+        object.visitEvent(this);
+    }
+}
+
+export class ErrorEvent extends Event {
+    constructor() {
+        super(...arguments);
+        this.__type__ = 'ErrorEvent';
+    }
+    
+    visit(object) {
+        object.visitErrorEvent(this);
+    }
+}
+
+export class ASTChangeEvent {
+    constructor(id, propertyName, oldValue, newValue) {
+        this.type = 'astChangeEvent';
+        this.objectID = id;
+        this.propertyName = propertyName;
+        this.oldValue = oldValue;
+        this.newValue = newValue;
+
+        this.__type__ = 'ASTChangeEvent';
+    }
+
+    getNode(id, astNode) {
+
+
+        if (astNode.type) {
+            const isSearchedNode = value => value && value.traceID !== undefined && value.traceID.nodeID === id.nodeID;
+
+            if (isSearchedNode(astNode)) {
+                return astNode;
+            }
+
+            const keys = Object.keys(astNode).filter(key => !excludedProperties.includes(key));
+            for (const key of keys) {
+                const value = astNode[key];
+
+
+                if (Array.isArray(value)) {
+                    for (const entry of value) {
+                        const node = this.getNode(id, entry)
+                        if (isSearchedNode(node)) {
+                            return node;
+                        }
+                    }
+
+                    continue;
+                }
+
+                if (!value) {
+                    continue;
+                }
+
+                switch (typeof value) {
+                    case 'function':
+                        // ignore functions
+                        break;
+                    case 'object':
+                        // assume it is an astNode
+                        const node = this.getNode(id, value)
+                        if (isSearchedNode(node)) {
+                            return node;
+                        }
+                        // fallthrough as we want to know if a node is replaced
+                    default:
+                        // ignore value
+                }
+            }
+        }
+    }
+
+    apply(ast) {
+        let astNode = this.getNode(this.objectID, ast);
+        if (this.arrayProperty) {
+            astNode = astNode[this.arrayProperty];
+        }
+        astNode[this.propertyName] = this.newValue;
+    }
+
+    revert(ast) {
+
+    }
+
+    visit(object) {
+        object.visitASTChangeEvent(this);
+    }
+}
+
+export const eventTypes = {
+    ASTChangeEvent: ASTChangeEvent,
+    Event: Event,
+    ErrorEvent: ErrorEvent
+};

demos/tom/Sections.js

@@ -0,0 +1,117 @@
+import { Event } from 'demos/tom/Events.js';
+
+export class TraceSection {
+    constructor(name, entries = []) {
+        this._name = name;
+        this.entries = entries;
+
+        this.nodes = new Map();
+
+        this.changes = [];
+        this.hasChanges = false;
+        
+        // gets set appropriately to the associated node
+        this.position;
+    }
+    
+    get name() {
+        return this._name;
+    }
+    
+    get isSection() {
+        return true;
+    }
+
+    addEntry(entry) {
+        this.entries.push(entry);
+    }
+    
+    privateAddChange(changeEvent) {
+        this.hasChanges = true;
+        this.changes.push(changeEvent);
+    }
+
+    addChange(changeEvent) {
+        if (this.entries.last) {
+            this.entries.last.addChange(changeEvent);
+        } else {
+            const stub = new Event('stub');
+            this.entries.push(stub);
+            stub.addChange(changeEvent);
+        }
+        
+        this.privateAddChange(changeEvent);
+    }
+    
+    enterFunction() {}
+
+    somethingHappened() {
+        return this.hasChanges || this.entries.length > 0;
+    }
+
+    apply(ast) {
+        for (const change of this.changes) {
+            change.apply(ast);
+        }
+    }
+
+    visit(object) {
+        object.visitTraceSection(this);
+    }
+    
+    isFunction() {
+        return false;
+    }
+}
+
+export class PluginSection extends TraceSection {
+    
+}
+
+export class FunctionSection extends TraceSection {
+    constructor() {
+        super(...arguments);
+        this.enteredFunction = false;
+        this.wasCalledByNativeCode = false;
+    }
+    
+    get name() {
+        let name = '';
+        
+        if(this.wasCalledByNativeCode) {
+            name += 'called ';
+        }
+        if(!this.enteredFunction){
+            name += 'native ';
+        }
+        
+        return name + `function: ${this._name}`;
+    }
+        
+    enterFunction() {
+        this.enteredFunction = true;
+    }
+    
+    calledByNativeCode() {
+        this.enteredFunction = true;
+        this.wasCalledByNativeCode = true;
+    }
+    
+    addChange(changeEvent) {        
+        if(this.enteredFunction) {
+            if (this.entries.last) {
+                this.entries.last.addChange(changeEvent);
+            } else {
+                const stub = new Event('stub');
+                this.entries.push(stub);
+                stub.addChange(changeEvent);
+            }
+        }
+        
+        this.privateAddChange(changeEvent);
+    }
+    
+    isFunction() {
+        return true;
+    }
+}