+ create_web_view : function (self, object) {
+ print("CREATE WEB VIEW");
+ return null; //new WebKit.WebView();
+ }
+ },
+ redraws : 0,
+ id : "view",
+ pack : "add",
+ init : function() {
+ XObject.prototype.init.call(this);
+ // this may not work!?
+ var settings = this.el.get_settings();
+ settings.enable_developer_extras = true;
+
+ // this was an attempt to change the url perms.. did not work..
+ // settings.enable_file_access_from_file_uris = true;
+ // settings.enable_offline_web_application_cache - true;
+ // settings.enable_universal_access_from_file_uris = true;
+ var _this = this;
+
+ // init inspector..
+ this.el.get_inspector().signal.inspect_web_view.connect(function(wi, pg) {
+ _this.get('/BottomPane.inspector').el.show();
+ return _this.get('/BottomPane.inspector').el;
+
+ });
+
+ // FIXME - base url of script..
+ // we need it so some of the database features work.
+ this.el.load_html_string( "Render not ready" ,
+ //fixme - should be a config option!
+ // or should we catch stuff and fix it up..
+ 'http://localhost/app.Builder/'
+ );
+
+
+ //this.el.open('file:///' + __script_path__ + '/../builder.html');
+
+ Gtk.drag_dest_set
+ (
+ this.el, /* widget that will accept a drop */
+ Gtk.DestDefaults.MOTION | Gtk.DestDefaults.HIGHLIGHT,
+ null, /* lists of target to support */
+ 0, /* size of list */
+ Gdk.DragAction.COPY /* what to do with data after dropped */
+ );
+
+ // print("RB: TARGETS : " + LeftTree.atoms["STRING"]);
+ Gtk.drag_dest_set_target_list(this.el, this.get('/Window').targetList);
+
+ GLib.timeout_add_seconds(0, 1, function() {
+ // print("run refresh?");
+ _this.runRefresh();
+ return true;
+ });
+
+
+ },
+ renderJS : function(data, force) {
+
+ // this is the public redraw call..
+ // we refresh in a loop privately..
+ var autodraw = this.get('/RightBrowser.AutoRedraw').el.active;
+ if (!autodraw && !force) {
+ print("Skipping redraw - no force, and autodraw off");
+ return;
+ }
+ this.refreshRequired = true;
+ },
+ runRefresh : function()
+ {
+ // this is run every 2 seconds from the init..
+
+
+
+ if (!this.refreshRequired) {
+ // print("no refresh required");
+ return;
+ }
+
+ if (this.lastRedraw) {
+ // do not redraw if last redraw was less that 5 seconds ago.
+ if (((new Date()) - this.lastRedraw) < 5000) {
+ return;
+ }
+ }
+
+
+
+
+ if (!this.get('/Window.LeftTree').getActiveFile()) {
+ return;
+ }
+ this.refreshRequired = false;
+ // print("HTML RENDERING");
+
+ this.get('/BottomPane').el.show();
+ this.get('/BottomPane').el.set_current_page(2);// webkit inspector
+
+
+ var js = this.get('/LeftTree.model').toJS();
+ if (!js || !js.length) {
+ print("no data");
+ return;
+ }
+ var data = js[0];
+ this.redraws++;
+
+ var project = this.get('/Window.LeftTree').getActiveFile().project;
+ //print (project.fn);
+ // set it to non-empty.
+ project.runhtml = project.runhtml || '';
+ project.runhtml = project.runhtml.length ? project.runhtml : '<script type="text/javascript"></script>';
+
+
+ this.runhtml = this.runhtml || '';
+
+ if ((project.runhtml != this.runhtml) || (this.redraws > 10)) {
+ // then we need to reload the browser using
+ // load_html_string..
+
+ // then trigger a redraw once it's loaded..
+ this.pendingRedraw = true;
+ var runhtml = '<script type="text/javascript">' + "\n" ;
+ runhtml +=imports.File.File.read(__script_path__ + '/../builder.html.js') + "\n";
+ runhtml += '</script>'+ "\n" ;
+
+ this.runhtml = project.runhtml;
+ // need to modify paths
+
+
+
+ var html = imports.File.File.read(__script_path__ + '/../builder.html');
+ html = html.replace('</head>', runhtml + this.runhtml + '</head>');
+ print("LOAD HTML " + html);
+ this.el.load_html_string( html ,
+ //fixme - should be a config option!
+ 'http://localhost/app.Builder/'
+ );
+ this.redraws = 0;
+ // should trigger load_finished! - which in truns shoudl set refresh Required;
+ return;
+
+ }
+
+
+ this.renderedData = data;
+ var str = JSON.stringify(data) ;
+
+ if (!this.ready) {
+ console.log('not loaded yet');
+ }
+ this.lastRedraw = new Date();
+
+ this.el.execute_script("Builder.render(" + JSON.stringify(data) + ");");
+ print( "before render" + this.lastRedraw);
+ print( "after render" + (new Date()));
+
+ }
+ }
+ ]
+ }
+ ]
+ },
+ {
+ xtype: Gtk.VBox,
+ id : "RightGtkView",
+ pack : "add",
+ redraw : function() {
+ this.highlightWidget = false;
+ print("REDRAW CALLED");
+ this.activePath = this.get('/LeftTree').getActivePath();
+ if (this.renderedEl) {
+ print("QUEUE DRAW CALLING");
+ this.renderedEl.queue_draw();
+ }
+ },
+ renderJS : function(data, withDebug)
+ {
+ this.highlightWidget = false;
+
+ this.withDebug = false;
+ while (this.get('view').el.get_children().length) {
+ var c = this.get('view').el.get_children()[0];
+ this.get('view').el.remove(c);
+ c.destroy();
+ }
+ if (!data) {
+ return;
+ }
+
+ var tree = this.get('/LeftTree.model').toJS(false,true)[0];
+ // in theory tree is actually window..
+ try {
+
+ this.renderedEl = this.viewAdd(tree.items[0], this.get('view').el);
+
+ } catch (e) {
+ print(e.message);
+ return;
+ }
+ this.get('view').el.set_size_request(
+ tree.default_width * 1 || 400, tree.default_height * 1 || 400
+ ) ;
+ if (this.renderedEl) {
+ this.renderedEl.set_size_request(
+ tree.default_width || 600,
+ tree.default_height || 400
+ );
+ }
+ this.get('view').el.show_all();
+
+
+
+ },
+ showInWindow : function() {
+ print("GET PROEJCT");
+ var pr = this.get('/LeftProjectTree').getActiveProject();
+
+ console.log(pr.paths);
+ return;
+ /*
+ var src= this.buildJS(
+ this.get('/LeftTree.model').toJS()[0],
+ true);
+ // show term??
+
+
+ //var x = new imports.sandbox.Context();
+ //x.add_globals();
+ //print(src);
+ try {
+ Seed.check_syntax('var e = ' + src);
+ //x.eval(src);
+ } catch( e) {
+ this.get('/Terminal').feed(e.message || e.toString() + "\n");
+ this.get('/Terminal').feed(console._dump(e)+"\n");
+ if (e.line) {
+ var lines = src.split("\n");
+ var start = Math.max(0, e.line - 10);
+ var end = Math.min(lines.length, e.line + 10);
+ for (var i =start ; i < end; i++) {
+ if (i == e.line) {
+ this.get('/Terminal').feed(">>>>>" + lines[i] + "\n");
+ continue;
+ }
+ this.get('/Terminal').feed(lines[i] + "\n");
+ }
+
+ }
+
+ return;
+ }
+ this.get('/BottomPane').el.set_current_page(1);
+ this.get('/Terminal').el.fork_command( null , [], [], "/tmp", false,false,false);
+ var cmd = "/usr/bin/seed /tmp/BuilderGtkView.js\n";
+ this.get('/Terminal').el.feed_child(cmd, cmd.length);
+ /*
+ var _top = x.get_global_object()._top;
+
+ _top.el.set_screen(Gdk.Screen.get_default()); // just in case..
+ _top.el.show_all();
+ if (_top.el.popup) {
+ _top.el.popup(null, null, null, null, 3, null);
+ }
+ */
+ },
+ viewAdd : function(item, par)
+ {
+ // does something similar to xobject..
+ item.pack = (typeof(item.pack) == 'undefined') ? 'add' : item.pack;
+
+ if (item.pack===false || item.pack === 'false') { // no ;
+ return;
+ }
+ print("CREATE: " + item['|xns'] + '.' + item['xtype']);
+ var type = item['|xns'] + '.' + item['xtype'];
+
+ if (item['|xns'] == 'GtkClutter') { // we can not add this yet!
+ return false;
+ }
+ var ns = imports.gi[item['|xns']];
+ var ctr = ns[item['xtype']];
+ var ctr_args = { };
+ for(var k in item) {
+ var kv = item[k];
+ if (typeof(kv) == 'object' || typeof(kv) == 'function') {
+ continue;
+ }
+ if (
+ k == 'pack' ||
+ k == 'items' ||
+ k == 'id' ||
+ k == 'xtype' ||
+ k == 'xdebug' ||
+ k == 'xns' ||
+ k == '|xns'
+ ) {
+ continue;
+ }
+
+ if (k[0] == '|' && typeof(kv) == 'string') {
+
+ if (kv.match(new RegExp('function'))) {
+ continue;
+ }
+ print("WASL " + k + '=' + kv);
+ try {
+ eval( 'kv = ' + kv);
+ } catch(e) { continue; }
+
+ k = k.substring(1);
+ // print(k + '=' + kv);
+ }
+ if (k[0] == '|') { // should be boolean or number..
+ k = k.substring(1);
+ //print(k + '=' + kv);
+ }
+
+ if (k == 'show_tabs') { // force tab showing for notebooks.
+ kv = true;
+ }
+ print(k + '=' + typeof(kv) + " : " + kv);
+ ctr_args[k] = kv;
+
+ }
+
+
+ var el = new ctr(ctr_args);
+
+ print("PACK" + item.pack);
+ //console.dump(item.pack);
+
+
+
+
+ var args = [];
+ var pack_m = false;
+ if (typeof(item.pack) == 'string') {
+
+ item.pack.split(',').forEach(function(e, i) {
+
+ if (e == 'false') { args.push( false); return; }
+ if (e == 'true') { args.push( true); return; }
+ if (!isNaN(parseInt(e))) { args.push( parseInt(e)); return; }
+ args.push(e);
+ });
+ //print(args.join(","));
+
+ pack_m = args.shift();
+ } else {
+ pack_m = item.pack.shift();
+ args = item.pack;
+ }
+
+ // handle error.
+ if (pack_m && typeof(par[pack_m]) == 'undefined') {
+ throw {
+ name: "ArgumentError",
+ message : 'pack method not available : ' + par.id + " : " + par + '.' + pack_m +
+ "ADDING : " + item.id + " " + el
+
+ };
+
+ return;
+ }
+
+ console.dump(args);
+ args.unshift(el);
+ //if (XObject.debug) print(pack_m + '[' + args.join(',') +']');
+ //Seed.print('args: ' + args.length);
+ if (pack_m) {
+ par[pack_m].apply(par, args);
+ }
+
+ var _this = this;
+ item.items = item.items || [];
+ item.items.forEach(function(ch,n) {
+
+ print ("type:" + type);
+
+ print ("ch.pack:" + ch.pack);
+ if (type == 'Gtk.Table' && ch.pack == 'add') {
+ var c = n % item.n_columns;
+ var r = Math.floor(n/item.n_columns);
+ ch.pack = [ 'attach', c, c+1, r, r+1,
+ typeof(ch.x_options) == 'undefined' ? 5 : ch.x_options,
+ typeof(ch.y_options) == 'undefined' ? 5 : ch.y_options,
+ typeof(ch.x_padding) == 'undefined' ? 0 : ch.x_padding,
+ typeof(ch.x_padding) == 'undefined' ? 0 : ch.x_padding
+ ].join(',');
+ }
+
+ _this.viewAdd(ch, el);
+ });
+
+
+
+ // add the signal handlers.
+ // is it a widget!?!!?
+
+
+ try {
+
+
+ el.signal.expose_event.connect(XObject.createDelegate(this.widgetExposeEvent, this, [ item ], true));
+ el.signal.drag_motion.connect(XObject.createDelegate(this.widgetDragMotionEvent, this,[ item ], true));
+ el.signal.drag_drop.connect(XObject.createDelegate(this.widgetDragDropEvent, this, [ item ], true));
+ el.signal.button_press_event.connect(XObject.createDelegate(this.widgetPressEvent, this, [ item ], true ));
+ el.signal.button_release_event.connect(XObject.createDelegate(this.widgetReleaseEvent, this, [ item ], true ));
+ } catch(e) {
+ // ignore!
+ }
+
+
+
+ return el;
+
+ },
+ widgetDragDropEvent : function() {
+ print("WIDGET DRAGDROP");
+ return true;
+ },
+ widgetDragMotionEvent : function() {
+ print("WIDGET DRAGMOTION");
+ return true;
+ },
+ widgetExposeEvent : function(w, evt, ud, item) {
+ var widget = w;
+ if (this.inRender) {
+ return false;
+ }
+
+ if ( this.highlightWidget) {
+ this.inRender = true;
+ if (item.xtreepath.substring(0, this.activePath.length) == this.activePath) {
+ Gdk.draw_rectangle(this.highlightWidget.window, this.gc, false, this.box.x , this.box.y, this.box.w, this.box.h);
+ }
+ this.inRender = false;
+ return false;
+ }
+
+
+ if (this.activePath != item.xtreepath) {
+ return false;
+ }
+
+ // print("HIGHLIGHT: " + item.xtreepath ); // draw highlight??
+ // work out the coords of the window..
+ if (!this.gc) {
+ var dr = widget.window;
+ this.gc = (new Gdk.GC.c_new(dr));
+ this.gc.set_rgb_fg_color(new Gdk.Color({ red: 0xFFFF, green: 0, blue : 0 }));
+ this.gc.set_line_attributes(4, Gdk.LineStyle.SOLID, Gdk.CapStyle.ROUND , Gdk.JoinStyle.ROUND);
+ }
+
+
+ var r = evt.expose.area;
+ // console.dump([r.x, r.y, r.width, r.height ] );
+ //return false;
+ // print(widget.get_parent().toString().match(/GtkScrolledWindow/);
+ if (widget.get_parent().toString().match(/GtkScrolledWindow/)) { // eak
+ // happens with gtkscrollview embedded stuff..
+ var np =this.activePath.split(':');
+ np.pop();
+ this.activePath = np.join(':');
+ this.renderedEl.queue_draw();
+ return true;
+
+
+ }
+
+
+
+
+ this.box = {
+ x : r.x - 2,
+ y : r.y - 2,
+ w: r.width + 4,
+ h: r.height + 4
+ };
+ // let's draw it..
+ this.inRender = true;
+
+
+ this.highlightWidget = widget;
+
+
+
+
+ // print("DRAW BOX");
+ //console.dump(this.box);
+ Gdk.draw_rectangle(widget.window, this.gc, false, this.box.x , this.box.y, this.box.w,this.box.h);
+ this.inRender = false;
+ return false;
+ },
+ widgetPressEvent : function(w,e,u,d) {
+ if (this.get('view').pressed) {
+ return false;
+ }
+ this.get('view').pressed = true;
+ print("WIDGET PRESS " + d.xtreepath );
+ this.get('/LeftTree.view').selectNode( d.xtreepath );
+ return false;
+ },
+ widgetReleaseEvent : function() {
+ this.get('view').pressed = false;
+ return false;
+ },
+ items : [
+ {
+ xtype: Gtk.HBox,
+ pack : "pack_start,false,true,0",
+ items : [
+ {
+ xtype: Gtk.Button,
+ pack : "pack_start,false,false,0",
+ label : "Run The Application",
+ listeners : {
+ button_press_event : function (self, event) {
+ // call render on left tree - with special option!?!
+
+ //print("GET PROEJCT");
+ var pr = this.get('/LeftProjectTree').getActiveProject();
+
+ var dir = '';
+ for (var i in pr.paths) {
+ dir = i;
+ break;
+ }
+ var runner = GLib.path_get_dirname (__script_path__) + '/gtkrun.js';
+ this.get('/Terminal').feed("RUN DIR:" + dir);
+
+ this.get('/Terminal').el.fork_command( null , [], [], GLib.path_get_dirname (__script_path__)
+ , false,false,false);
+ var cmd = "/usr/bin/seed " + runner + " " + dir + "\n";
+ this.get('/Terminal').el.feed_child(cmd, cmd.length);