@dualbox/editor 1.0.1 → 1.0.2

package/js/src/GraphEditor.js

@@ -0,0 +1,159 @@
+const _ = require('lodash');
+
+const GraphModel      = require('./m/GraphModel');
+const GraphView       = require('./v/GraphView');
+const GraphController = require('./c/GraphController');
+const AppParser       = require('@dualbox/dualbox-lib-appparser');
+
+const jsplumbjs = require('jsplumb');
+//const jsplumbcss = require('jsplumb/css/jsplumbtoolkit-defaults.css');
+
+// Display dependencies
+require('@dualbox/dualbox-lib-bootstrap'); // not working yet... why?
+require('@dualbox/dualbox-lib-font-awesome');
+
+/**
+ *  Main class of the Graph Editor
+ */
+class DualboxEditor {
+    // div: selector or jquery div
+    constructor(div, attrs) {
+        this.div = $(div);
+        this.attrs = attrs;
+
+        // MVC model
+        this.m = new GraphModel(this);
+        this.v = new GraphView(this, div, attrs);
+        this.c = new GraphController(this);
+
+        // bind links
+        this.v.m = this.c.m = this.m;
+        this.v.c = this.m.c = this.c;
+        this.c.v = this.m.v = this.v;
+
+        // cache for packages
+        this.packages = {};
+
+        // the function to search for modules
+        // attr.search signature: search( text, cb )
+        // callback signature: cb( err, packages ), packages is an array of package.json
+        this.search = (text) => {
+            return new Promise((resolve, reject) => {
+                attrs.search(text, (err, packages) => {
+                    if( err ) {
+                        reject(err);
+                    }
+                    else {
+                        // cache packages in this.packages
+                        _.each(packages, (r) => {
+                            if( !this.packages[r.name] ) {
+                                this.packages[r.name] = r;
+                            }
+                        });
+
+                        this.searchResults = packages;
+                        resolve(packages);
+                    }
+                });
+            });
+        }
+        this.searchResults = null;
+
+
+        // the function to find module by name and version (with cache)
+        // signature: find( name, version ), return a Promise which, when resolved, is a package.json
+        this.loadPackage = (name, version) => {
+            version = version || "*";
+            return new Promise((resolve, reject) => {
+                if( this.packages[name] ) {
+                    resolve(this.packages[name]);
+                }
+                else {
+                    // mark the package as beeing resolved
+                    attrs.find(name, version, (err, result) => {
+                        if( err ) {
+                            reject(err);
+                        }
+                        else {
+                            this.packages[name] = result; // cache result
+                            resolve(result);
+                        }
+                    });
+                }
+            })
+        }
+
+        // the function to require a dualbox module
+        this.require = (name, version, cb) => {
+            return require(name); // TODO: local only for now
+        };
+
+        // export itself top window
+        window.dualboxEditor = this;
+
+        // Safety when the user leave the page,
+        // if not already defined externally
+        if(!window.onbeforeunload){
+            window.onbeforeunload = function() {
+              return "Unsaved changes will be lost, are you sure you want to leave the editor?";
+            }
+        }
+
+        this.loadCorePackages();
+    }
+
+    loadCorePackages() {
+        this.loadPackage('@dualbox/dualbox');
+        this.loadPackage('dualbox-core-if');
+        this.loadPackage('dualbox-core-value');
+        this.loadPackage('dualbox-core-from-json');
+        this.loadPackage('dualbox-core-to-json');
+        this.loadPackage('dualbox-core-script');
+        this.loadPackage('dualbox-core-switch');
+    }
+
+    setApp(json) {
+        this.c.load(json);
+    }
+
+    getApp() {
+        this.m.get();
+    }
+
+    // load all packages needed in the json
+    // return a Promise
+    loadPackages(json) {
+        var promises = []; // array of promises
+
+        var parser = new AppParser(json);
+        parser.eachPackage((name, version) => {
+            promises.push( this.loadPackage(name, version) );
+        });
+
+        // also load core nodes
+        promises.push( this.loadPackage('dualbox-core-if', '*') );
+        promises.push( this.loadPackage('dualbox-core-value', '*') );
+        promises.push( this.loadPackage('dualbox-core-from-json', '*') );
+        promises.push( this.loadPackage('dualbox-core-to-json', '*') );
+        promises.push( this.loadPackage('dualbox-core-script', '*') );
+        promises.push( this.loadPackage('dualbox-core-switch', '*') );
+
+        return Promise.all(promises);
+    }
+
+    // sync version of this.loadPackage. Will crash if the package has not been loaded yet
+    getPackage(name, version) {
+        if( this.packages[name] === undefined ) throw "Package " + name + " has not been loaded yet.";
+        return this.packages[name];
+    };
+}
+
+// try to export in window if in browser context
+try {
+    window.DualboxEditor = DualboxEditor;
+}
+catch(e) {};
+
+// node.js export
+module.exports = DualboxEditor;
+