Fix #8037 - bug on zoom
[roobuilder] / src / Builder4 / WindowRooView.vala
index 02ba4df..6f40526 100644 (file)
@@ -2,1667 +2,2182 @@ static Xcls_WindowRooView  _WindowRooView;
 
 public class Xcls_WindowRooView : Object
 {
-    public Gtk.Box el;
-    private Xcls_WindowRooView  _this;
-
-    public static Xcls_WindowRooView singleton()
-    {
-        if (_WindowRooView == null) {
-            _WindowRooView= new Xcls_WindowRooView();
-        }
-        return _WindowRooView;
-    }
-    public Xcls_notebook notebook;
-    public Xcls_label_preview label_preview;
-    public Xcls_label_code label_code;
-    public Xcls_paned paned;
-    public Xcls_viewbox viewbox;
-    public Xcls_AutoRedraw AutoRedraw;
-    public Xcls_viewcontainer viewcontainer;
-    public Xcls_view view;
-    public Xcls_inspectorcontainer inspectorcontainer;
-    public Xcls_sourceview sourceview;
-    public Xcls_buffer buffer;
-
-        // my vars (def)
-    public Gtk.Widget lastObj;
-    public int width;
-    public int last_search_end;
-    public Gtk.SourceSearchContext searchcontext;
-    public JsRender.JsRender file;
-    public int height;
-    public Xcls_MainWindow main_window;
-
-    // ctor
-    public Xcls_WindowRooView()
-    {
-        _this = this;
-        this.el = new Gtk.Box( Gtk.Orientation.VERTICAL, 0 );
-
-        // my vars (dec)
-        this.lastObj = null;
-        this.width = 0;
-        this.last_search_end = 0;
-        this.file = null;
-        this.height = 0;
-
-        // set gobject values
-        this.el.hexpand = true;
-        var child_0 = new Xcls_notebook( _this );
-        child_0.ref();
-        this.el.pack_start (  child_0.el , true,true,0 );
-    }
-
-    // user defined functions
-    public void scroll_to_line (int line) {
-       this.notebook.el.page = 1;// code preview...
-       
-       GLib.Timeout.add(500, () => {
-       
-       
-          
-          
-                 var buf = this.sourceview.el.get_buffer();
-        
-               var sbuf = (Gtk.SourceBuffer) buf;
-    
-    
-               Gtk.TextIter iter;   
-               sbuf.get_iter_at_line(out iter,  line);
-               this.sourceview.el.scroll_to_iter(iter,  0.1f, true, 0.0f, 0.5f);
-               return false;
-       });   
-    
-       
-    }
-    public void createThumb () {
-        
-        
-        if (this.file == null) {
-            return;
-        }
-       if (this.notebook.el.page > 0 ) {
-            return;
-        }
-        
-        var filename = this.file.getIconFileName(false);
-        
-        var  win = this.el.get_parent_window();
-        var width = win.get_width();
-      //  var height = win.get_height();
-        try { 
-            Gdk.Pixbuf screenshot = Gdk.pixbuf_get_from_window(win, 0, 0, width, this.paned.el.position);
-            screenshot.save(filename,"png");
-        } catch(Error e) {
-            //noop
-        }
-    
-        
-         
-        
-         
-    }
-    public void loadFile (JsRender.JsRender file)
-    {
-        this.file = file;
-        this.view.renderJS(true);
-        this.notebook.el.page = 0;// gtk preview 
-        this.sourceview.loadFile();   
-        
-    }
-    public int search (string txt) {
-       this.notebook.el.page = 1;
-       var s = new Gtk.SourceSearchSettings();
-       var buf = (Gtk.SourceBuffer) this.sourceview.el.get_buffer();
-       this.searchcontext = new Gtk.SourceSearchContext(buf,s);
-       this.searchcontext.set_highlight(true);
-       s.set_search_text(txt);
-       
-       Gtk.TextIter beg, st,en;
-        
-       buf.get_start_iter(out beg);
-       this.searchcontext.forward(beg, out st, out en);
-       this.last_search_end  = 0;
-       return this.searchcontext.get_occurrences_count();
-    
-       
-    }
-    public void requestRedraw () {
-        this.view.renderJS(false);
-        this.sourceview.loadFile();   
-    }
-    public void forwardSearch (bool change_focus) {
-    
-       if (this.searchcontext == null) {
-               return;
-       }
-       this.notebook.el.page = 1;
-       Gtk.TextIter beg, st,en, stl;
-       
-       var buf = this.sourceview.el.get_buffer();
-       buf.get_iter_at_offset(out beg, this.last_search_end);
-       if (!this.searchcontext.forward(beg, out st, out en)) {
-               this.last_search_end = 0;
-               return;
-       }
-       this.last_search_end = en.get_offset();
-       if (change_focus) {
-               this.sourceview.el.grab_focus();
-       }
-       buf.place_cursor(st);
-       var ln = st.get_line();
-       buf.get_iter_at_line(out stl,ln);
-        
-       this.sourceview.el.scroll_to_iter(stl,  0.0f, true, 0.0f, 0.5f);
-       
-       // highlight node...
-       
-               
-        var node = _this.file.lineToNode(ln+1);
-     
-        if (node == null) {
-            //print("can not find node\n");
-            return;
-        }
-        var prop = node.lineToProp(ln+1);
-        print("prop : %s", prop == null ? "???" : prop);
-            
-            
-        // ---------- this selects the tree's node...
-        
-        var ltree = _this.main_window.windowstate.left_tree;
-        var tp = ltree.model.treePathFromNode(node);
-        print("got tree path %s\n", tp);
-        if (tp == "") {
-               return;
-       }
-        //_this.sourceview.allow_node_scroll = false; /// block node scrolling..
-              
-       
-        //print("changing cursor on tree..\n");
-       
-    
-        
-        // let's try allowing editing on the methods.
-        // a little klunky at present..
-       _this.sourceview.prop_selected = "";
-        if (prop != null) {
-               //see if we can find it..
-               var kv = prop.split(":");
-               if (kv[0] == "p") {
-               
-                       //var k = prop.get_key(kv[1]);
-                       // fixme -- need to determine if it's an editable property...
-                       _this.sourceview.prop_selected = prop;
-                       
-               } else if (kv[0] == "l") {
-                        _this.sourceview.prop_selected = prop;
-                       
-               }
-        }
-        ltree.view.setCursor(tp, "editor");
-       // ltree.view.el.set_cursor(new Gtk.TreePath.from_string(tp), null, false); 
-       _this.sourceview.nodeSelected(node,false);
-        
-                // scrolling is disabled... as node selection calls scroll 10ms after it changes.
-          //      GLib.Timeout.add_full(GLib.Priority.DEFAULT,100 , () => {
-         //          this.allow_node_scroll = true;
-         //          return false;
-          //      });
-          //  }
-               
-               
-               
-               
-               
-               
-               
-               
-               
-                
-    
-    }
-    public class Xcls_notebook : Object
-    {
-        public Gtk.Notebook el;
-        private Xcls_WindowRooView  _this;
-
-
-            // my vars (def)
-
-        // ctor
-        public Xcls_notebook(Xcls_WindowRooView _owner )
-        {
-            _this = _owner;
-            _this.notebook = this;
-            this.el = new Gtk.Notebook();
-
-            // my vars (dec)
-
-            // set gobject values
-            var child_0 = new Xcls_label_preview( _this );
-            child_0.ref();
-            var child_1 = new Xcls_label_code( _this );
-            child_1.ref();
-            var child_2 = new Xcls_paned( _this );
-            child_2.ref();
-            this.el.append_page (  child_2.el , _this.label_preview.el );
-            var child_3 = new Xcls_ScrolledWindow14( _this );
-            child_3.ref();
-            this.el.append_page (  child_3.el , _this.label_code.el );
-        }
-
-        // user defined functions
-    }
-    public class Xcls_label_preview : Object
-    {
-        public Gtk.Label el;
-        private Xcls_WindowRooView  _this;
-
-
-            // my vars (def)
-
-        // ctor
-        public Xcls_label_preview(Xcls_WindowRooView _owner )
-        {
-            _this = _owner;
-            _this.label_preview = this;
-            this.el = new Gtk.Label( "Preview" );
-
-            // my vars (dec)
-
-            // set gobject values
-        }
-
-        // user defined functions
-    }
-
-    public class Xcls_label_code : Object
-    {
-        public Gtk.Label el;
-        private Xcls_WindowRooView  _this;
-
-
-            // my vars (def)
-
-        // ctor
-        public Xcls_label_code(Xcls_WindowRooView _owner )
-        {
-            _this = _owner;
-            _this.label_code = this;
-            this.el = new Gtk.Label( "Preview Generated Code" );
-
-            // my vars (dec)
-
-            // set gobject values
-        }
-
-        // user defined functions
-    }
-
-    public class Xcls_paned : Object
-    {
-        public Gtk.Paned el;
-        private Xcls_WindowRooView  _this;
-
-
-            // my vars (def)
-
-        // ctor
-        public Xcls_paned(Xcls_WindowRooView _owner )
-        {
-            _this = _owner;
-            _this.paned = this;
-            this.el = new Gtk.Paned( Gtk.Orientation.VERTICAL );
-
-            // my vars (dec)
-
-            // set gobject values
-            var child_0 = new Xcls_viewbox( _this );
-            child_0.ref();
-            this.el.pack1 (  child_0.el , true,true );
-            var child_1 = new Xcls_inspectorcontainer( _this );
-            child_1.ref();
-            this.el.pack2 (  child_1.el , true,true );
-        }
-
-        // user defined functions
-    }
-    public class Xcls_viewbox : Object
-    {
-        public Gtk.Box el;
-        private Xcls_WindowRooView  _this;
-
-
-            // my vars (def)
-
-        // ctor
-        public Xcls_viewbox(Xcls_WindowRooView _owner )
-        {
-            _this = _owner;
-            _this.viewbox = this;
-            this.el = new Gtk.Box( Gtk.Orientation.VERTICAL, 0 );
-
-            // my vars (dec)
-
-            // set gobject values
-            this.el.homogeneous = false;
-            var child_0 = new Xcls_Box7( _this );
-            child_0.ref();
-            this.el.pack_start (  child_0.el , false,true,0 );
-            var child_1 = new Xcls_viewcontainer( _this );
-            child_1.ref();
-            this.el.pack_end (  child_1.el , true,true,0 );
-        }
+       public Gtk.Box el;
+       private Xcls_WindowRooView  _this;
+
+       public static Xcls_WindowRooView singleton()
+       {
+               if (_WindowRooView == null) {
+                   _WindowRooView= new Xcls_WindowRooView();
+               }
+               return _WindowRooView;
+       }
+       public Xcls_notebook notebook;
+       public Xcls_label_preview label_preview;
+       public Xcls_label_code label_code;
+       public Xcls_paned paned;
+       public Xcls_viewbox viewbox;
+       public Xcls_AutoRedraw AutoRedraw;
+       public Xcls_view view;
+       public Xcls_inspectorcontainer inspectorcontainer;
+       public Xcls_sourceviewscroll sourceviewscroll;
+       public Xcls_sourceview sourceview;
+       public Xcls_buffer buffer;
+       public Xcls_keystate keystate;
+       public Xcls_search_entry search_entry;
+       public Xcls_search_results search_results;
+       public Xcls_nextBtn nextBtn;
+       public Xcls_backBtn backBtn;
+       public Xcls_search_settings search_settings;
+       public Xcls_case_sensitive case_sensitive;
+       public Xcls_regex regex;
+       public Xcls_multiline multiline;
+
+               // my vars (def)
+       public Gtk.Widget lastObj;
+       public Xcls_MainWindow main_window;
+       public int last_error_counter;
+       public int last_search_end;
+       public GtkSource.SearchContext searchcontext;
+       public JsRender.JsRender file;
+
+       // ctor
+       public Xcls_WindowRooView()
+       {
+               _this = this;
+               this.el = new Gtk.Box( Gtk.Orientation.VERTICAL, 0 );
+
+               // my vars (dec)
+               this.lastObj = null;
+               this.last_error_counter = 0;
+               this.last_search_end = 0;
+               this.file = null;
+
+               // set gobject values
+               this.el.hexpand = true;
+               this.el.vexpand = true;
+               new Xcls_notebook( _this );
+               this.el.append( _this.notebook.el );
+       }
+
+       // user defined functions
+       public void loadFile (JsRender.JsRender file)
+       {
+           this.file = file;
+           this.view.renderJS(true);
+           this.notebook.el.page = 0;// gtk preview 
+           this.sourceview.loadFile();   
+           this.last_error_counter = -1;
+           this.updateErrorMarks();
+       }
+       public void highlightNodeAtLine (int ln) {
+       
+       
+                
+               // highlight node...
+               
+                       
+           var node = _this.file.lineToNode(ln+1);
+        
+           if (node == null) {
+               //print("can not find node\n");
+               return;
+           }
+           var prop = node.lineToProp(ln+1);
+           print("prop : %s", prop == null ? "???" : prop.name);
+               
+               
+           // ---------- this selects the tree's node...
+           
+           var ltree = _this.main_window.windowstate.left_tree;
+          ltree.model.selectNode(node);
+               
+           //_this.sourceview.allow_node_scroll = false; /// block node scrolling..
+                      
+          
+           //print("changing cursor on tree..\n");
+          
+       
+           
+           // let's try allowing editing on the methods.
+           // a little klunky at present..
+               _this.sourceview.prop_selected = "";
+               /*
+           if (prop != null) {
+                       //see if we can find it..
+                       var kv = prop.split(":");
+                       if (kv[0] == "p") {
+                       
+                       //var k = prop.get_key(kv[1]);
+                       // fixme -- need to determine if it's an editable property...
+                       _this.sourceview.prop_selected = prop;
+                       
+                       } else if (kv[0] == "l") {
+                                _this.sourceview.prop_selected = prop;
+                               
+                       }
+           }
+           */
+          // ltree.view.el.set_cursor(new Gtk.TreePath.from_string(tp), null, false); 
+          _this.sourceview.nodeSelected(node,false);
+           
+                   // scrolling is disabled... as node selection calls scroll 10ms after it changes.
+             //      GLib.Timeout.add_full(GLib.Priority.DEFAULT,100 , () => {
+                 //          this.allow_node_scroll = true;
+                 //          return false;
+             //      });
+             //  }
+                       
+                       
+                       
+                       
+                       
+                       
+                       
+                       
+                       
+                        
+       
+       }
+       public void requestRedraw () {
+           this.view.renderJS(false);
+           this.sourceview.loadFile();   
+       }
+       public void forwardSearch (bool change_focus) {
+       
+               if (this.searchcontext == null) {
+                       return;
+               }
+               this.notebook.el.page = 1;
+               Gtk.TextIter beg, st,en;
+               bool has_wrapped_around;
+               var buf = this.sourceview.el.get_buffer();
+               buf.get_iter_at_offset(out beg, this.last_search_end);
+               if (!this.searchcontext.forward(beg, out st, out en, out has_wrapped_around)) {
+                       this.last_search_end = 0;
+                       return;
+               }
+               this.last_search_end = en.get_offset();
+               if (change_focus) {
+                       this.sourceview.el.grab_focus();
+               }
+               buf.place_cursor(st);
+               
+        
+                
+               this.sourceview.el.scroll_to_iter(st,  0.0f, true, 0.0f, 0.5f);
+               
+               
+               var ln = st.get_line();
+               
+               this.highlightNodeAtLine(ln);
+       }
+       public void backSearch (bool change_focus) {
+       
+               if (this.searchcontext == null) {
+                       return;
+               } 
+               
+               Gtk.TextIter beg, st,en;
+               bool has_wrapped_around;
+               this.buffer.el.get_iter_at_offset(out beg, this.last_search_end -1 );
+               
+               if (!this.searchcontext.backward(beg, out st, out en, out has_wrapped_around)) {
+               
+                       this.last_search_end = 0;
+                       return;
+               }
+               this.last_search_end = en.get_offset();
+               if (change_focus) {
+                       this.sourceview.el.grab_focus();
+               }
+               this.buffer.el.place_cursor(st);
+               this.sourceview.el.scroll_to_iter(st,  0.1f, true, 0.0f, 0.5f);
+               var ln = st.get_line();
+               this.highlightNodeAtLine(ln);
+               
+        
+       }
+       public int search (string in_txt) {
+               this.notebook.el.page = 1;
+               
+        
+          
+               var s = new GtkSource.SearchSettings();
+               s.case_sensitive = _this.case_sensitive.el.active;
+               s.regex_enabled = _this.regex.el.active;        
+               s.wrap_around = false;
+               
+               this.searchcontext = new GtkSource.SearchContext(this.buffer.el,s);
+               this.searchcontext.set_highlight(true);
+               var txt = in_txt;
+               
+               if (_this.multiline.el.active) {
+                       txt = in_txt.replace("\\n", "\n");
+               }
+               
+               s.set_search_text(txt);
+               Gtk.TextIter beg, st,en;
+               bool has_wrapped_around;
+               this.buffer.el.get_start_iter(out beg);
+               this.searchcontext.forward(beg, out st, out en, out has_wrapped_around);
+               this.last_search_end = 0;
+               
+               return this.searchcontext.get_occurrences_count();
+       
+        
+           
+       
+       }
+       public void createThumb () {
+           
+           
+           if (this.file == null) {
+               return;
+           }
+           
+               if (this.notebook.el.page > 0 ) {
+               return;
+           }
+           
+               this.file.widgetToIcon(this.view.el); 
+       
+           
+            
+           
+            
+       }
+       public void updateErrorMarks () {
+               
+        
+       
+               var buf = _this.buffer.el;
+               Gtk.TextIter start;
+               Gtk.TextIter end;     
+               buf.get_bounds (out start, out end);
+       
+       
+        
+               GLib.debug("highlight errors");          
+       
+                // we should highlight other types of errors..
+       
+        
+       
+                
+               if (_this.file == null) {
+                       GLib.debug("file is null?");
+                       return;
+       
+               }
+               var ar = this.file.getErrors();
+               if (ar.size < 1) {
+                       buf.remove_tag_by_name ("ERR", start, end);
+                       buf.remove_tag_by_name ("WARN", start, end);
+                       buf.remove_tag_by_name ("DEPR", start, end);
+                       buf.remove_source_marks (start, end, "ERR");
+                       buf.remove_source_marks (start, end, "WARN");
+                       buf.remove_source_marks (start, end, "DEPR");
+                       this.last_error_counter = file.error_counter ;
+                       GLib.debug("higjlight has no errors");
+                       return;
+               }
+               if (this.last_error_counter == file.error_counter) {
+                       return;
+               }
+       
+               var tlines = buf.get_line_count () +1;
+               
+        
+                
+               buf.remove_source_marks (start, end, "ERR");
+               buf.remove_source_marks (start, end, "WARN");
+               buf.remove_source_marks (start, end, "DEPR");
+               buf.remove_tag_by_name ("ERR", start, end);
+               buf.remove_tag_by_name ("WARN", start, end);
+               buf.remove_tag_by_name ("DEPR", start, end);
+               foreach(var diag in ar) { 
+               
+                       
+                    Gtk.TextIter iter;
+       //        print("get inter\n");
+                   var eline = (int)diag.range.start.line ;
+                   var eline_to = (int)diag.range.end.line;
+                   if (eline > tlines || eline < 0) {
+                       return;
+                   }
+                  
+                   
+                   buf.get_iter_at_line( out iter, eline);
+                  
+                        buf.get_iter_at_line_offset( out start, 
+                       eline, (int)diag.range.start.character); 
+                   buf.get_iter_at_line_offset( out end, 
+                       eline_to, (int)diag.range.end.character); 
+                       
+                   buf.apply_tag_by_name(diag.category, start, end);
+                  
+                  
+                       var msg = "Line: %d %s : %s".printf(eline+1, diag.category, diag.message);
+                   buf.create_source_mark( msg, diag.category, iter);
+                   GLib.debug("set line %d to %s", eline, msg);
+                   //this.marks.set(eline, msg);
+               }
+               this.last_error_counter = file.error_counter ;
+       
+       
+       
+        
+       
+       }
+       public void scroll_to_line (int line) {
+          // code preview...
+          
+          GLib.Timeout.add(100, () => {
+          
+                       this.notebook.el.set_current_page( 1 );
+                  
+                  
+                         var buf = this.sourceview.el.get_buffer();
+                
+                       var sbuf = (GtkSource.Buffer) buf;
+       
+       
+                       Gtk.TextIter iter;   
+                       sbuf.get_iter_at_line(out iter,  line);
+                       this.sourceview.el.scroll_to_iter(iter,  0.1f, true, 0.0f, 0.5f);
+                       return false;
+               });   
+       
+          
+       }
+       public class Xcls_notebook : Object
+       {
+               public Gtk.Notebook el;
+               private Xcls_WindowRooView  _this;
+
+
+                       // my vars (def)
+
+               // ctor
+               public Xcls_notebook(Xcls_WindowRooView _owner )
+               {
+                       _this = _owner;
+                       _this.notebook = this;
+                       this.el = new Gtk.Notebook();
+
+                       // my vars (dec)
+
+                       // set gobject values
+                       this.el.vexpand = true;
+                       new Xcls_label_preview( _this );
+                       new Xcls_label_code( _this );
+                       new Xcls_paned( _this );
+                       this.el.append_page ( _this.paned.el , _this.label_preview.el );
+                       var child_4 = new Xcls_Box12( _this );
+                       child_4.ref();
+                       this.el.append_page ( child_4.el , _this.label_code.el );
+               }
+
+               // user defined functions
+       }
+       public class Xcls_label_preview : Object
+       {
+               public Gtk.Label el;
+               private Xcls_WindowRooView  _this;
+
+
+                       // my vars (def)
+
+               // ctor
+               public Xcls_label_preview(Xcls_WindowRooView _owner )
+               {
+                       _this = _owner;
+                       _this.label_preview = this;
+                       this.el = new Gtk.Label( "Preview" );
+
+                       // my vars (dec)
+
+                       // set gobject values
+               }
+
+               // user defined functions
+       }
+
+       public class Xcls_label_code : Object
+       {
+               public Gtk.Label el;
+               private Xcls_WindowRooView  _this;
+
+
+                       // my vars (def)
+
+               // ctor
+               public Xcls_label_code(Xcls_WindowRooView _owner )
+               {
+                       _this = _owner;
+                       _this.label_code = this;
+                       this.el = new Gtk.Label( "Preview Generated Code" );
+
+                       // my vars (dec)
+
+                       // set gobject values
+               }
+
+               // user defined functions
+       }
+
+       public class Xcls_paned : Object
+       {
+               public Gtk.Paned el;
+               private Xcls_WindowRooView  _this;
+
+
+                       // my vars (def)
+
+               // ctor
+               public Xcls_paned(Xcls_WindowRooView _owner )
+               {
+                       _this = _owner;
+                       _this.paned = this;
+                       this.el = new Gtk.Paned( Gtk.Orientation.VERTICAL );
+
+                       // my vars (dec)
+
+                       // set gobject values
+                       this.el.vexpand = true;
+                       new Xcls_viewbox( _this );
+                       this.el.set_start_child ( _this.viewbox.el  );
+                       new Xcls_inspectorcontainer( _this );
+                       this.el.set_end_child ( _this.inspectorcontainer.el  );
+               }
+
+               // user defined functions
+       }
+       public class Xcls_viewbox : Object
+       {
+               public Gtk.Box el;
+               private Xcls_WindowRooView  _this;
+
+
+                       // my vars (def)
+
+               // ctor
+               public Xcls_viewbox(Xcls_WindowRooView _owner )
+               {
+                       _this = _owner;
+                       _this.viewbox = this;
+                       this.el = new Gtk.Box( Gtk.Orientation.VERTICAL, 0 );
+
+                       // my vars (dec)
+
+                       // set gobject values
+                       this.el.homogeneous = false;
+                       this.el.vexpand = true;
+                       var child_1 = new Xcls_Box6( _this );
+                       child_1.ref();
+                       this.el.append( child_1.el );
+                       new Xcls_view( _this );
+                       this.el.append( _this.view.el );
+               }
 
-        // user defined functions
-    }
-    public class Xcls_Box7 : Object
-    {
-        public Gtk.Box el;
-        private Xcls_WindowRooView  _this;
+               // user defined functions
+       }
+       public class Xcls_Box6 : Object
+       {
+               public Gtk.Box el;
+               private Xcls_WindowRooView  _this;
+
+
+                       // my vars (def)
+
+               // ctor
+               public Xcls_Box6(Xcls_WindowRooView _owner )
+               {
+                       _this = _owner;
+                       this.el = new Gtk.Box( Gtk.Orientation.HORIZONTAL, 0 );
+
+                       // my vars (dec)
+
+                       // set gobject values
+                       this.el.homogeneous = true;
+                       this.el.height_request = 20;
+                       this.el.vexpand = false;
+                       var child_1 = new Xcls_Button7( _this );
+                       child_1.ref();
+                       this.el.append( child_1.el );
+                       new Xcls_AutoRedraw( _this );
+                       this.el.append( _this.AutoRedraw.el );
+                       var child_3 = new Xcls_Button9( _this );
+                       child_3.ref();
+                       this.el.append( child_3.el );
+               }
+
+               // user defined functions
+       }
+       public class Xcls_Button7 : Object
+       {
+               public Gtk.Button el;
+               private Xcls_WindowRooView  _this;
+
+
+                       // my vars (def)
+
+               // ctor
+               public Xcls_Button7(Xcls_WindowRooView _owner )
+               {
+                       _this = _owner;
+                       this.el = new Gtk.Button();
+
+                       // my vars (dec)
+
+                       // set gobject values
+                       this.el.label = "Redraw";
+
+                       //listeners
+                       this.el.clicked.connect( ( ) => {
+                           _this.view.renderJS(  true);
+                       });
+               }
+
+               // user defined functions
+       }
+
+       public class Xcls_AutoRedraw : Object
+       {
+               public Gtk.CheckButton el;
+               private Xcls_WindowRooView  _this;
+
+
+                       // my vars (def)
+
+               // ctor
+               public Xcls_AutoRedraw(Xcls_WindowRooView _owner )
+               {
+                       _this = _owner;
+                       _this.AutoRedraw = this;
+                       this.el = new Gtk.CheckButton();
+
+                       // my vars (dec)
+
+                       // set gobject values
+                       this.el.active = true;
+                       this.el.label = "Auto Redraw On";
+
+                       //listeners
+                       this.el.toggled.connect( (state) => {
+                           this.el.set_label(this.el.active  ? "Auto Redraw On" : "Auto Redraw Off");
+                       });
+               }
+
+               // user defined functions
+       }
+
+       public class Xcls_Button9 : Object
+       {
+               public Gtk.Button el;
+               private Xcls_WindowRooView  _this;
+
+
+                       // my vars (def)
+
+               // ctor
+               public Xcls_Button9(Xcls_WindowRooView _owner )
+               {
+                       _this = _owner;
+                       this.el = new Gtk.Button();
+
+                       // my vars (dec)
+
+                       // set gobject values
+                       this.el.label = "Full Redraw";
+
+                       //listeners
+                       this.el.clicked.connect( () => {
+                         _this.view.redraws = 99;
+                        //   _this.view.el.web_context.clear_cache();  
+                         //_this.view.renderJS(true);
+                         FakeServerCache.clear();
+                         _this.view.reInit();
+                        
+                       });
+               }
+
+               // user defined functions
+       }
+
+
+       public class Xcls_view : Object
+       {
+               public WebKit.WebView el;
+               private Xcls_WindowRooView  _this;
+
+
+                       // my vars (def)
+               public WebKit.WebInspector inspector;
+               public bool pendingRedraw;
+               public int redraws;
+               public bool refreshRequired;
+               public string runjs;
+               public string runhtml;
+               public string renderedData;
+               public GLib.DateTime lastRedraw;
+
+               // ctor
+               public Xcls_view(Xcls_WindowRooView _owner )
+               {
+                       _this = _owner;
+                       _this.view = this;
+                       this.el = new WebKit.WebView();
+
+                       // my vars (dec)
+                       this.pendingRedraw = false;
+                       this.redraws = 0;
+                       this.refreshRequired = false;
+                       this.runjs = "";
+                       this.runhtml = "";
+                       this.renderedData = "";
+                       this.lastRedraw = null;
+
+                       // set gobject values
+                       this.el.vexpand = true;
+
+                       // init method
+
+                       {
+                           // this may not work!?
+                           var settings =  this.el.get_settings();
+                           settings.enable_developer_extras = true;
+                           
+                           
+                           var fs= new FakeServer(this.el);
+                           fs.ref();
+                           // 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;
+                          
+                            
+                           
+                           
+                           
+                       
+                            // FIXME - base url of script..
+                            // we need it so some of the database features work.
+                           this.el.load_html( "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,              //
+                                   Gtk.DestDefaults.MOTION  | Gtk.DestDefaults.HIGHLIGHT,
+                                   null,            // list of targets
+                                   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(1,  ()  =>{
+                                //print("run refresh?");
+                                if (this.el == null) {
+                                   return false;
+                                }
+                                this.runRefresh(); 
+                                return true;
+                            });
+                           
+                           
+                       }
+
+                       //listeners
+                       this.el.script_dialog.connect( (dialog) => {
+                       
+                               if (this.el == null) {
+                                       return true;
+                               }
+                       
+                               var msg = dialog.get_message();
+                               if (msg.length < 4) {
+                                       return false;
+                               }
+                                
+                                //GLib.debug("script dialog got %s", msg);
+                                
+                               if (msg.substring(0,4) != "IPC:") {
+                                       return false;
+                               }
+                               var ar = msg.split(":", 3);
+                               if (ar.length < 3) {
+                                       return false;
+                               }
+                       
+                               switch(ar[1]) {
+                               
+                                       case "SAVEHTML":
+                                        //   GLib.debug("GOT saveHTML %d", ar[2].length);
+                                           _this.file.saveHTML(ar[2]);
+                                           _this.createThumb();
+                                           return true;
+                                           
+                                       default:
+                                           return false;
+                               }
+                           
+                       });
+                       this.el.ready_to_show.connect( ( ) => {
+                         this.initInspector();
+                       
+                       });
+                       this.el.load_changed.connect( (le) => {
+                           if (le != WebKit.LoadEvent.FINISHED) {
+                               return;
+                           }
+                           if (this.runjs.length < 1) {
+                               return;
+                           }
+                         //  this.el.run_javascript(this.runjs, null);
+                            FakeServerCache.remove(    this.runjs);
+                           this.runjs = "";
+                       });
+               }
+
+               // user defined functions
+               public void initInspector () {
+                   
+                
+                         
+                  // this.inspector.open_window.connect(() => {
+                        this.inspector = this.el.get_inspector();
+                        
+                        this.inspector.open_window.connect(() => {
+                       print("inspector attach\n");
+                       var wv = this.inspector.get_web_view();
+                       if (wv != null) {
+                           print("got inspector web view\n");
+                           
+                           var cn = _this.inspectorcontainer.el.get_first_child();
+                           if (cn != null) {
+                                _this.inspectorcontainer.el.remove(cn);
+                            }
+                           
+                           _this.inspectorcontainer.el.append(wv);
+                           wv.show();
+                       } else {
+                                print("got inspector web view FAILED\n");
+                           //this.inspector.close();
+                           
+                           //this.inspector = null;
+                          
+                
+                       }
+                     return true;
+                      
+                  });
+                    this.inspector.show();
+                        
+                   
+                 
+               }
+               public void renderJS (bool force) {
+               
+                   // this is the public redraw call..
+                   // we refresh in a loop privately..
+                   var autodraw = _this.AutoRedraw.el.active;
+                   if (!autodraw && !force) {
+                       print("Skipping redraw - no force, and autodraw off");
+                       return;
+                   }
+                    
+                   this.refreshRequired  = true;
+                   
+               }
+               public void reInit () {
+                  print("reInit?");
+                        // if this happens destroy the webkit..
+                        // recreate it..
+                    this.el.stop_loading();
+                        
+                    if (_this.viewbox.el.get_parent() == null) {
+                       return;
+                    }
+                        
+                        /*
+                   _this.viewbox.el.remove(_this.viewcontainer.el);
+                   //_this.paned.el.remove(_this.inspectorcontainer.el);        
+                        
+                        // destory seems to cause problems.
+                        //this.el.destroy();
+                       //_this.viewcontainer.el.destroy();
+                        //_this.inspectorcontainer.el.destroy();
+                    var  inv =new Xcls_inspectorcontainer(_this);
+                     
+                     _this.paned.el.set_end_child(inv.el);
+                     _this.inspectorcontainer = inv;
+                     
+                    this.el = null;         
+                    var nv =new Xcls_viewcontainer(_this);
+                   // nv.ref();
+                    _this.viewbox.el.append(nv.el);
+                        
+                        _this.viewcontainer = nv;
+                    inv.el.show();
+                    nv.el.show();
+                        //while(Gtk.events_pending ()) Gtk.main_iteration ();
+                        //_this.view.renderJS(true); 
+                    _this.view.refreshRequired  = true;
+                    
+                    */
+               }
+               public void runRefresh () 
+               {
+                   // this is run every 2 seconds from the init..
+               
+                  
+                   if (!this.refreshRequired) {
+                      // print("no refresh required");
+                       return;
+                   }
+               
+                   if (this.lastRedraw != null) {
+                      // do not redraw if last redraw was less that 5 seconds ago.
+                      if ((int64)(new DateTime.now_local()).difference(this.lastRedraw) < 5000 ) {
+                           return;
+                       }
+                   }
+                   
+                   if (_this.file == null) {
+                       return;
+                   }
+                   
+                   
+                    this.refreshRequired = false;
+                  //  print("HTML RENDERING");
+                    
+                    
+                    //this.get('/BottomPane').el.show();
+                    //this.get('/BottomPane').el.set_current_page(2);// webkit inspector
+                   _this.file.webkit_page_id  = this.el.get_page_id();
+                   
+                   var js = _this.file.toSourcePreview();
+               
+                   if (js.length < 1) {
+                       print("no data");
+                       return;
+                   }
+               //    var  data = js[0];
+                   this.redraws++;
+                 
+                   var project = (Project.Roo) _this.file.project;  
+               
+                    //print (project.fn);
+                    // set it to non-empty.
+                    
+               //     runhtml = runhtml.length ?  runhtml : '<script type="text/javascript"></script>'; 
+               
+               
+               //   this.runhtml  = this.runhtml || '';
+                
+                
+                   // 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" ;
+                   uint8[] builderhtml;
+                   
+                   try {
+                       GLib. File.new_for_uri("resource:///html/roo.builder.js").load_contents(null,  out   builderhtml, null);
+                   } catch (Error e) {
+                       builderhtml = {};
+                   }
+               
+                   runhtml += (string) builderhtml + "\n";
+                   runhtml += "</script>\n" ;
+               
+                   // fix to make sure they are the same..
+                   this.runhtml = project.runhtml;
+                   // need to modify paths
+               
+                   uint8[] inhtml;
+                   var base_template = project.base_template;
+                   var f = GLib. File.new_for_uri("resource:///html/" + base_template);
+                   
+                   if (base_template.length > 0 && !f.query_exists(null)) {
+                      
+                          GLib.debug("invalid base_template name - using default:  %s", base_template);
+                          f = GLib. File.new_for_uri("resource:///html/roo.builder.html");
+                   
+                   }
+                   try {
+                           f.load_contents(null,  out inhtml, null);
+                        
+                   
+                   } catch (Error e) {
+                       inhtml = {};
+                   }    
+                   this.renderedData = js;
+               
+               
+                   string js_src = js + "
+               Roo.onReady(function() {
+               if (" + _this.file.name +".show) {
+                               " + _this.file.name +".show({});
+                               (function() {  
+                                       Builder.saveHTML.defer(100, Builder);
+                               }).defer(100);
+               }
+               Roo.XComponent.build();
+               });\n";
+                       
+                  // print("render js: " + js);
+                   //if (!this.ready) {
+                 //      console.log('not loaded yet');
+                   //}
+                   this.lastRedraw = new DateTime.now_local();
+               
+               
+                   //this.runjs = js_src;
+                   var fc =    FakeServerCache.factory_with_data(js_src);
+                   this.runjs = fc.fname;
+                   var html  = (string) inhtml;
+                       html = html.replace("</head>", runhtml + this.runhtml + 
+                       "<script type=\"text/javascript\" src=\"xhttp://localhost" + fc.fname + "\"></script>" +   
+                         //  "<script type=\"text/javascript\">\n" +
+                         //  js_src + "\n" + 
+                         //  "</script>" + 
+                                   
+                   "</head>");
+                   //print("LOAD HTML " + html);
+                   
+                    var rootURL = project.rootURL;
+               
+                   
+                   
+                   this.el.load_html( html , 
+                       //fixme - should be a config option!
+                       (rootURL.length > 0 ? rootURL : "xhttp://localhost/roobuilder/")
+                   );
+                     this.initInspector();   
+                   // force the inspector...        
+                      //   this.initInspector();
+                       
+                       // - no need for this, the builder javascript will call it when build is complete
+                       //GLib.Timeout.add_seconds(1, () => {
+                       //    this.el.run_javascript("Builder.saveHTML()",null);
+                       //    return false;
+                       //});
+               //     print( "before render" +    this.lastRedraw);
+               //    print( "after render" +    (new Date()));
+                   
+               }
+       }
+
+
+       public class Xcls_inspectorcontainer : Object
+       {
+               public Gtk.Box el;
+               private Xcls_WindowRooView  _this;
+
+
+                       // my vars (def)
+
+               // ctor
+               public Xcls_inspectorcontainer(Xcls_WindowRooView _owner )
+               {
+                       _this = _owner;
+                       _this.inspectorcontainer = this;
+                       this.el = new Gtk.Box( Gtk.Orientation.VERTICAL, 0 );
+
+                       // my vars (dec)
+
+                       // set gobject values
+                       this.el.vexpand = true;
+               }
+
+               // user defined functions
+       }
+
+
+       public class Xcls_Box12 : Object
+       {
+               public Gtk.Box el;
+               private Xcls_WindowRooView  _this;
+
+
+                       // my vars (def)
+
+               // ctor
+               public Xcls_Box12(Xcls_WindowRooView _owner )
+               {
+                       _this = _owner;
+                       this.el = new Gtk.Box( Gtk.Orientation.VERTICAL, 0 );
+
+                       // my vars (dec)
+
+                       // set gobject values
+                       this.el.vexpand = true;
+                       new Xcls_sourceviewscroll( _this );
+                       this.el.append( _this.sourceviewscroll.el );
+                       var child_2 = new Xcls_Box18( _this );
+                       child_2.ref();
+                       this.el.append( child_2.el );
+               }
+
+               // user defined functions
+       }
+       public class Xcls_sourceviewscroll : Object
+       {
+               public Gtk.ScrolledWindow el;
+               private Xcls_WindowRooView  _this;
+
+
+                       // my vars (def)
+
+               // ctor
+               public Xcls_sourceviewscroll(Xcls_WindowRooView _owner )
+               {
+                       _this = _owner;
+                       _this.sourceviewscroll = this;
+                       this.el = new Gtk.ScrolledWindow();
+
+                       // my vars (dec)
+
+                       // set gobject values
+                       this.el.vexpand = true;
+                       new Xcls_sourceview( _this );
+                       this.el.set_child ( _this.sourceview.el  );
+               }
+
+               // user defined functions
+       }
+       public class Xcls_sourceview : Object
+       {
+               public GtkSource.View el;
+               private Xcls_WindowRooView  _this;
+
+
+                       // my vars (def)
+               public int editable_start_pos;
+               public bool loading;
+               public bool button_is_pressed;
+               public string prop_selected;
+               public Gtk.CssProvider? css;
+               public bool key_is_pressed;
+               public JsRender.Node? node_selected;
+
+               // ctor
+               public Xcls_sourceview(Xcls_WindowRooView _owner )
+               {
+                       _this = _owner;
+                       _this.sourceview = this;
+                       this.el = new GtkSource.View();
+
+                       // my vars (dec)
+                       this.editable_start_pos = -1;
+                       this.loading = true;
+                       this.button_is_pressed = false;
+                       this.prop_selected = "";
+                       this.css = null;
+                       this.key_is_pressed = false;
+                       this.node_selected = null;
+
+                       // set gobject values
+                       this.el.name = "roo-view";
+                       this.el.editable = false;
+                       this.el.show_line_marks = true;
+                       this.el.show_line_numbers = true;
+                       this.el.css_classes = { "code-editor" };
+                       new Xcls_buffer( _this );
+                       this.el.set_buffer ( _this.buffer.el  );
+                       new Xcls_keystate( _this );
+                       this.el.add_controller ( _this.keystate.el  );
+                       var child_3 = new Xcls_EventControllerScroll17( _this );
+                       child_3.ref();
+                       this.el.add_controller(  child_3.el );
+
+                       // init method
+
+                       {
+                       
+                                
+                       
+                               this.loading = true;
+                               //var buf = this.el.get_buffer();
+                               //buf.notify.connect(this.onCursorChanged);
+                       
+                       
+                               var attrs = new GtkSource.MarkAttributes();
+                               attrs.set_icon_name ( "process-stop");    
+                               attrs.query_tooltip_text.connect(( mark) => {
+                                       //print("tooltip query? %s\n", mark.name);
+                                       return mark.name;
+                               });
+                       
+                               this.el.set_mark_attributes ("ERR", attrs, 1);
+                       
+                                var wattrs = new GtkSource.MarkAttributes();
+                               wattrs.set_icon_name ( "process-stop");    
+                               wattrs.query_tooltip_text.connect(( mark) => {
+                                       //print("tooltip query? %s\n", mark.name);
+                                       return mark.name;
+                               });
+                       
+                               this.el.set_mark_attributes ("WARN", wattrs, 1);
+                       
+                       
+                       
+                                var dattrs = new GtkSource.MarkAttributes();
+                               dattrs.set_icon_name ( "process-stop");    
+                               dattrs.query_tooltip_text.connect(( mark) => {
+                                       //print("tooltip query? %s\n", mark.name);
+                                       return mark.name;
+                               });
+                       
+                               this.el.set_mark_attributes ("DEPR", dattrs, 1);
+                       
+                       
+                               var gattrs = new GtkSource.MarkAttributes();
+                               var  grey =   Gdk.RGBA();
+                               grey.parse ( "#ccc");
+                               gattrs.set_background ( grey);
+                       
+                       
+                               this.el.set_mark_attributes ("grey", gattrs, 1);
+                       
+                       
+                        
+                       
+                       
+                               }
+
+                       //listeners
+                       this.el.query_tooltip.connect( (x, y, keyboard_tooltip, tooltip) => {
+                               
+                               //GLib.debug("query tooltip");
+                               Gtk.TextIter iter;
+                               int trailing;
+                               
+                               var yoff = (int) _this.sourceviewscroll.el.vadjustment.value;
+                               
+                               this.el.get_iter_at_position (out iter, out trailing,  x,  y + yoff);
+                                
+                               var l = iter.get_line();
+                               //GLib.debug("query tooltip line %d", (int) l);
+                               var marks = _this.buffer.el.get_source_marks_at_line(l, null);
+                               //GLib.debug("query tooltip line marks %d", (int) marks.length());
+                               var str = "";
+                               marks.@foreach((m) => { 
+                                       //GLib.debug("got mark %s", m.name);
+                                       str += (str.length > 0 ? "\n" : "") + m.name;
+                               });
+                               // true if there is a mark..
+                               if (str.length > 0 ) {
+                                               tooltip.set_text( str);
+                               }
+                               return str.length > 0 ? true : false;
+                       
+                       });
+               }
+
+               // user defined functions
+               public void loadFile ( ) {
+                   this.loading = true;
+                   
+                   
+                   // get the cursor and scroll position....
+                   var buf = this.el.get_buffer();
+                       var cpos = buf.cursor_position;
+                   
+                  print("BEFORE LOAD cursor = %d\n", cpos);
+                  
+                   var vadj_pos = this.el.get_vadjustment().get_value();
+                  
+                   
+                
+                   buf.set_text("",0);
+                
+               
+                   
+               
+                   if (_this.file == null || _this.file.xtype != "Roo") {
+                       print("xtype != Roo");
+                       this.loading = false;
+                       return;
+                   }
+                   
+                   // get the string from the rendered tree...
+                    
+                    var str = _this.file.toSource();
+                    
+               //    print("setting str %d\n", str.length);
+                   buf.set_text(str, str.length);
+                   var lm = GtkSource.LanguageManager.get_default();
+                    
+                   //?? is javascript going to work as js?
+                   
+                   ((GtkSource.Buffer)(buf)) .set_language(lm.get_language(_this.file.language));
+                 
+                   
+                   _this.main_window.windowstate.updateErrorMarksAll();
+                   
+                   //  restore the cursor position?
+                   // after reloading the contents.
+                    GLib.Timeout.add(500, () => {
+                               _this.buffer.in_cursor_change = true;
+                       print("RESORTING cursor to = %d\n", cpos);
+                               Gtk.TextIter cpos_iter;
+                               buf.get_iter_at_offset(out cpos_iter, cpos);
+                               buf.place_cursor(cpos_iter); 
+                               
+                               this.el.get_vadjustment().set_value(vadj_pos);;
+                               _this.buffer.in_cursor_change = false;
+                
+                               
+                               
+                               //_this.buffer.checkSyntax();
+                               return false;
+                       });
+                               
+                   this.loading = false; 
+                   _this.buffer.dirty = false;
+               }
+               public void nodeSelected (JsRender.Node? sel, bool scroll) {
+                 
+                   
+                   if (this.loading) {
+                       return;
+                       }
+                   // this is connected in widnowstate
+                   print("Roo-view - node selected\n");
+                   var buf = this.el.get_buffer();
+                
+                   var sbuf = (GtkSource.Buffer) buf;
+               
+                   
+                   
+                  
+                   // clear all the marks..
+                    Gtk.TextIter start;
+                   Gtk.TextIter end;     
+                       
+                   sbuf.get_bounds (out start, out end);
+                   sbuf.remove_source_marks (start, end, "grey");
+                   
+                       this.node_selected = sel;
+                    if (sel == null) {
+                       // no highlighting..
+                       return;
+                   }
+                   Gtk.TextIter iter;   
+                   sbuf.get_iter_at_line(out iter,  sel.line_start);
+                   
+                   
+                   Gtk.TextIter cur_iter;
+                   sbuf.get_iter_at_offset(out cur_iter, sbuf.cursor_position);
+                   
+                   //var cur_line = cur_iter.get_line();
+                   //if (cur_line > sel.line_start && cur_line < sel.line_end) {
+                   
+                   //} else {
+                   if (! _this.buffer.in_cursor_change) {
+                       this.el.scroll_to_iter(iter,  0.1f, true, 0.0f, 0.5f);
+                       }
+                   
+                    
+                   
+                   for (var i = 0; i < buf.get_line_count();i++) {
+                       if (i < sel.line_start || i > sel.line_end) {
+                          
+                           sbuf.get_iter_at_line(out iter, i);
+                           sbuf.create_source_mark(null, "grey", iter);
+                           
+                       }
+                   
+                   }
+                   
+               
+               }
+               public void updateGreySelection (bool scroll) { 
+                       var sel = this.node_selected;
+                       print("node selected\n");
+                   var buf = this.el.get_buffer();
+                   var sbuf = (GtkSource.Buffer) buf;
+               
+                  
+                  this.clearGreySelection();
+                  
+                  
+                  
+                    if (sel == null) {
+                            print("no selected node\n");
+                       // no highlighting..
+                       return;
+                   }
+                   
+                   print("highlight region %d to %d\n", sel.line_start,sel.line_end);
+                   Gtk.TextIter iter;   
+                   sbuf.get_iter_at_line(out iter,  sel.line_start);
+                   
+                   
+                   Gtk.TextIter cur_iter;
+                   sbuf.get_iter_at_offset(out cur_iter, sbuf.cursor_position);
+                  
+                   var cursor_at_line = cur_iter.get_line();
+                   
+                   
+                   //var cur_line = cur_iter.get_line();
+                   //if (cur_line > sel.line_start && cur_line < sel.line_end) {
+                   
+                   //} else {
+                   if (scroll) {
+                               print("scrolling to node -- should occur on node picking.\n");
+                       this.el.scroll_to_iter(iter,  0.1f, true, 0.0f, 0.5f);
+                       }
+                   
+                   var start_line = sel.line_start;
+                   var end_line = sel.line_end;
+                   
+                   
+                   this.el.editable = false;
+                   
+                   //var colon_pos = 0;
+                   
+                   this.editable_start_pos = -1;
+                   
+                   // now if we have selected a property...
+                   if (this.prop_selected.length> 0 ) {
+               
+                               int nstart, nend;
+                               if (sel.getPropertyRange(this.prop_selected, out nstart, out nend) && nend > nstart) {
+                                       start_line = nstart;
+                                       end_line = nend;
+                                       // this.el.editable = true; << cant do this!!?
+                                       print("start line = %d, end line = %d\n", start_line, end_line);
+                                       
+                                               // see if we are 'right of ':'
+                                               // get an iter for the start of the line.
+                                       Gtk.TextIter start_first_line_iter,end_first_line_iter;
+                                       this.el.buffer.get_iter_at_line(out start_first_line_iter, start_line -1);
+                                       this.el.buffer.get_iter_at_line(out end_first_line_iter, start_line -1);
+                                        
+                                       
+                                       
+                                       
+                                       if (end_first_line_iter.forward_to_line_end()) {
+                                               var first_line  = this.el.buffer.get_text(start_first_line_iter, end_first_line_iter, false);
+                                               
+                                               print("first line = %s\n", first_line);
+                                               if (first_line.contains(":")) {
+                                                       this.editable_start_pos = start_first_line_iter.get_offset() + first_line.index_of(":") + 1;
+                                                       print("colon_pos  = %d\n", this.editable_start_pos);
+                                               }
+                                               
+               
+                                               //Gtk.TextIter colon_iter;
+                                               //sbuf.get_iter_at_offset (out colon_iter, colon_pos);
+                                               //sbuf.create_source_mark(null, "active_text", colon_iter);
+                                       }
+                                       
+                                       
+                                       
+                                       //print("is cursor at line? %d ?= %d\n", start_line -1 , cursor_at_line);
+                                       //if (start_line - 1 == cursor_at_line) {
+                                       // should be ok - current_posssion can not be less than '-1'...
+                                       if (sbuf.cursor_position < this.editable_start_pos) {
+                                       
+                                               print("cursor is before start pos.. - turn off editable...\n");
+                                               //var before_cursor_string = this.el.buffer.get_text(start_line_iter, cur_iter, false);
+                                               //print("before cursor string =  %s\n", before_cursor_string);
+                                               //if (!before_cursor_string.contains(":")) {
+                                                       this.el.editable = false;
+                                               //}
+                                               
+                                       }
+                                        
+                                        
+               
+                                        
+                               }
+                               print("propSelected = %s range  %d -> %d\n", this.prop_selected, start_line, end_line);         
+                               
+                               
+                   }
+                   
+                       print("checking selection\n");
+                   
+                   
+                   // check selection - if it's out of 'bounds'
+                   if (this.el.editable && sbuf.get_has_selection()) {
+                               Gtk.TextIter sel_start_iter, sel_end_iter;
+                               sbuf.get_selection_bounds(out sel_start_iter, out sel_end_iter);
+                               
+                               if (sel_start_iter.get_line() < start_line || sel_end_iter.get_line() > end_line ||
+                                       sel_start_iter.get_line() > end_line   || sel_end_iter.get_line() < start_line                  ) {
+                                       // save?
+                                       this.el.editable = false;
+                               }
+                               if (this.editable_start_pos > 0 &&
+                                       (sel_start_iter.get_offset() < this.editable_start_pos || sel_end_iter.get_offset() < this.editable_start_pos)
+                                       
+                               ) {
+                                       this.el.editable = false;
+                               }
+                               
+                                
+                   
+                   }
+                   
+                   
+                   
+                   
+                   for (var i = 0; i < buf.get_line_count();i++) {
+                       if (i < (start_line -1) || i > (end_line -1)) {
+                          
+                           sbuf.get_iter_at_line(out iter, i);
+                           sbuf.create_source_mark(null, "grey", iter);
+                           
+                       }
+                   
+                   }
+                   if (scroll && (cursor_at_line > end_line || cursor_at_line < start_line)) {
+                           Gtk.TextIter cpos_iter;
+                               buf.get_iter_at_line(out cpos_iter, start_line);
+                               
+                               buf.place_cursor(cpos_iter); 
+                       }
+               
+               
+               }
+               public void clearGreySelection () {
+                // clear all the marks..
+                   var sbuf = (GtkSource.Buffer)this.el.buffer;
+                   
+                   Gtk.TextIter start;
+                   Gtk.TextIter end;     
+                       
+                   sbuf.get_bounds (out start, out end);
+                   sbuf.remove_source_marks (start, end, "grey");
+                   
+                   
+               }
+               public string toString () {
+                  Gtk.TextIter s;
+                   Gtk.TextIter e;
+                   this.el.get_buffer().get_start_iter(out s);
+                   this.el.get_buffer().get_end_iter(out e);
+                   var ret = this.el.get_buffer().get_text(s,e,true);
+                   //print("TO STRING? " + ret);
+                   return ret;
+               }
+       }
+       public class Xcls_buffer : Object
+       {
+               public GtkSource.Buffer el;
+               private Xcls_WindowRooView  _this;
+
+
+                       // my vars (def)
+               public int error_line;
+               public bool in_cursor_change;
+               public bool dirty;
+               public int last_line;
+
+               // ctor
+               public Xcls_buffer(Xcls_WindowRooView _owner )
+               {
+                       _this = _owner;
+                       _this.buffer = this;
+                       this.el = new GtkSource.Buffer( null );
+
+                       // my vars (dec)
+                       this.error_line = -1;
+                       this.in_cursor_change = false;
+                       this.dirty = false;
+                       this.last_line = -1;
+
+                       // set gobject values
+
+                       // init method
+
+                       {
+                               var buf = this.el;
+                               buf.create_tag ("bold", "weight", Pango.Weight.BOLD);
+                               buf.create_tag ("type", "weight", Pango.Weight.BOLD, "foreground", "#204a87");
+                               buf.create_tag ("keyword", "weight", Pango.Weight.BOLD, "foreground", "#a40000");
+                               buf.create_tag ("text", "weight", Pango.Weight.NORMAL, "foreground", "#729fcf");
+                               buf.create_tag ("number", "weight", Pango.Weight.BOLD, "foreground", "#ad7fa8");
+                               buf.create_tag ("method", "weight", Pango.Weight.BOLD, "foreground", "#729fcf");
+                               buf.create_tag ("property", "weight", Pango.Weight.BOLD, "foreground", "#BC1F51");
+                               buf.create_tag ("variable", "weight", Pango.Weight.BOLD, "foreground", "#A518B5");
+                       
+                       
+                               buf.create_tag ("ERR", "weight", Pango.Weight.BOLD, "background", "pink");
+                               buf.create_tag ("WARN", "weight", Pango.Weight.BOLD, "background", "#ABF4EB");
+                               buf.create_tag ("DEPR", "weight", Pango.Weight.BOLD, "background", "#EEA9FF");
+                       }
+
+                       //listeners
+                       this.el.cursor_moved.connect( ( ) => {
+                       GLib.debug("cursor moved called");
+                       
+                       
+                               if (this.in_cursor_change ) {
+                               GLib.debug("cursor changed : %d [ignoring nested call)", this.el.cursor_position);
+                               return;
+                           }
+                          
+                           GLib.debug("cursor changed : %d", this.el.cursor_position);
+                           Gtk.TextIter cpos;
+                           this.el.get_iter_at_offset(out cpos, this.el.cursor_position);
+                           
+                           var ln = cpos.get_line();
+                           if (this.last_line == ln ){
+                               return;
+                               }
+                               this.last_line = ln;
+                           var node = _this.file.lineToNode(ln);
+                       
+                           if (node == null) {
+                               print("can not find node\n");
+                               return;
+                           }
+                           this.in_cursor_change  = true;
+                           var ltree = _this.main_window.windowstate.left_tree;
+                           ltree.model.selectNode(node);
+                           this.in_cursor_change  = false;
+                       });
+                       this.el.changed.connect( () => {
+                         
+                           // check syntax??
+                           // ??needed..??
+                          // _this.save_button.el.sensitive = true;
+                           ///?? has changed occured during loading?
+                           
+                           // only trigger this if 
+                           
+                           
+                           
+                           
+                           if (_this.sourceview.loading) {
+                                       return;
+                               }
+                               
+                       
+                               
+                           print("- PREVIEW EDITOR CHANGED--");
+                       
+                           this.dirty = true;  
+                          // this.checkSyntax(); // this calls backs and highlights errors.. in theory...  
+                       
+                       
+                       
+                               if (!_this.sourceview.button_is_pressed && !_this.sourceview.key_is_pressed) {
+                                       print("button or key not pressed to generate change?!\n");
+                                       return;
+                               }
+                                       
+                           
+                               // what are we editing??
+                               if (null == _this.sourceview.node_selected || _this.sourceview.prop_selected.length  < 1) {
+                                       return;
+                               }
+                               
+                               // find the colon on the first line...
+                               
+                               if (_this.sourceview.editable_start_pos > -1) {
+                                       
+                                       var buf = (GtkSource.Buffer)_this.sourceview.el.get_buffer();
+                                       
+                               //print("cursor changed : %d\n", buf.cursor_position);
+                               Gtk.TextIter spos,epos;
+                               buf.get_iter_at_offset(out spos, _this.sourceview.editable_start_pos);
+                               buf.get_iter_at_offset(out epos, _this.sourceview.editable_start_pos); // initialize epos..
+                               
+                               var gotit= false;
+                               var line = spos.get_line();
+                               var endline = buf.get_line_count();
+                               while (line < endline) {
+                                       line++;
+                                       buf.get_iter_at_line(out epos, line);
+                                       if (buf.get_source_marks_at_line(line, "grey").length() > 0) {
+                                               buf.get_iter_at_line(out epos, line);                   
+                                               gotit=true;
+                                               break;
+                                       }
+                                       }
+                               
+                                       if (gotit) {
+                                               print("End Offset = %d/%d\n", epos.get_line(), epos.get_offset());
+                                               // get the pos...
+                                               // in theory the last char will be '}' or '},' .. or ','
+                                               // we should chop the ',' of the end...
+                                               var str = buf.get_text(spos, epos, false);
+                                               print("got string\n%s\n", str);
+                                       
+                                       }
+                               }
+                           return ;
+                       });
+               }
+
+               // user defined functions
+               public string toString () {
+                   
+                   Gtk.TextIter s;
+                   Gtk.TextIter e;
+                   this.el.get_start_iter(out s);
+                   this.el.get_end_iter(out e);
+                   var ret = this.el.get_text(s,e,true);
+                   //print("TO STRING? " + ret);
+                   return ret;
+               }
+       }
+
+       public class Xcls_keystate : Object
+       {
+               public Gtk.EventControllerKey el;
+               private Xcls_WindowRooView  _this;
+
+
+                       // my vars (def)
+               public bool is_control;
+
+               // ctor
+               public Xcls_keystate(Xcls_WindowRooView _owner )
+               {
+                       _this = _owner;
+                       _this.keystate = this;
+                       this.el = new Gtk.EventControllerKey();
+
+                       // my vars (dec)
+                       this.is_control = false;
+
+                       // set gobject values
+
+                       //listeners
+                       this.el.key_released.connect( (keyval, keycode, state) => {
+                       
+                       
+                                if (keyval == Gdk.Key.Control_L || keyval == Gdk.Key.Control_R) {
+                                       this.is_control = false;
+                               }
+                       });
+                       this.el.key_pressed.connect( (keyval, keycode, state) => {
+                       
+                               if (keyval == Gdk.Key.Control_L || keyval == Gdk.Key.Control_R) {
+                                       this.is_control = true;
+                               }
+                           
+                               if (keyval == Gdk.Key.g && (state & Gdk.ModifierType.CONTROL_MASK ) > 0 ) {
+                                   GLib.debug("SAVE: ctrl-g  pressed");
+                                       _this.forwardSearch(true);
+                                   return false;
+                               }
+                               if (keyval == Gdk.Key.f && (state & Gdk.ModifierType.CONTROL_MASK ) > 0 ) {
+                                   GLib.debug("SAVE: ctrl-f  pressed");
+                                       _this.search_entry.el.grab_focus();
+                                   return false ;
+                               }
+                           
+                               //this.button_is_pressed = true;
+                               //return false;
+                          // print(event.key.keyval)
+                           
+                           return false;
+                        
+                        
+                       });
+               }
+
+               // user defined functions
+       }
+
+       public class Xcls_EventControllerScroll17 : Object
+       {
+               public Gtk.EventControllerScroll el;
+               private Xcls_WindowRooView  _this;
+
+
+                       // my vars (def)
+               public double distance;
+
+               // ctor
+               public Xcls_EventControllerScroll17(Xcls_WindowRooView _owner )
+               {
+                       _this = _owner;
+                       this.el = new Gtk.EventControllerScroll( Gtk.EventControllerScrollFlags.VERTICAL );
+
+                       // my vars (dec)
+                       this.distance = 0.0f;
+
+                       // set gobject values
+
+                       //listeners
+                       this.el.scroll.connect( (dx, dy) => {
+                               if (!_this.keystate.is_control) {
+                                       return false;
+                               }
+                               //GLib.debug("scroll %f",  dy);
+                               
+                               this.distance += dy;
+                                if (this.distance < -1) {
+                        
+                                       BuilderApplication.settings.editor_font_size ++;
+                                       this.distance = 0;
+                               }
+                               if (this.distance > 1) {
+                                       BuilderApplication.settings.editor_font_size --;
+                                       this.distance = 0;
+                               }
+                       
+                               return true;
+                       });
+               }
+
+               // user defined functions
+       }
+
+
+
+       public class Xcls_Box18 : Object
+       {
+               public Gtk.Box el;
+               private Xcls_WindowRooView  _this;
+
+
+                       // my vars (def)
+
+               // ctor
+               public Xcls_Box18(Xcls_WindowRooView _owner )
+               {
+                       _this = _owner;
+                       this.el = new Gtk.Box( Gtk.Orientation.HORIZONTAL, 0 );
+
+                       // my vars (dec)
+
+                       // set gobject values
+                       this.el.homogeneous = false;
+                       this.el.vexpand = false;
+                       new Xcls_search_entry( _this );
+                       this.el.append( _this.search_entry.el );
+                       new Xcls_search_results( _this );
+                       this.el.append( _this.search_results.el );
+                       new Xcls_nextBtn( _this );
+                       this.el.append( _this.nextBtn.el );
+                       new Xcls_backBtn( _this );
+                       this.el.append( _this.backBtn.el );
+                       var child_5 = new Xcls_MenuButton24( _this );
+                       child_5.ref();
+                       this.el.append( child_5.el );
+               }
+
+               // user defined functions
+       }
+       public class Xcls_search_entry : Object
+       {
+               public Gtk.SearchEntry el;
+               private Xcls_WindowRooView  _this;
+
+
+                       // my vars (def)
+
+               // ctor
+               public Xcls_search_entry(Xcls_WindowRooView _owner )
+               {
+                       _this = _owner;
+                       _this.search_entry = this;
+                       this.el = new Gtk.SearchEntry();
+
+                       // my vars (dec)
+
+                       // set gobject values
+                       this.el.name = "roo-search-entry";
+                       this.el.hexpand = true;
+                       this.el.placeholder_text = "Press enter to search";
+                       var child_1 = new Xcls_EventControllerKey20( _this );
+                       child_1.ref();
+                       this.el.add_controller(  child_1.el );
+
+                       //listeners
+                       this.el.search_changed.connect( ( ) => {
+                       
+                       _this.search(_this.search_entry.el.text);
+                                _this.search_results.updateResults();
+                       
+                               GLib.Timeout.add_seconds(1,() => {
+                                        _this.search_results.updateResults();
+                                        return false;
+                                });
+                       });
+               }
+
+               // user defined functions
+               public void forwardSearch (bool change_focus) {
+               
+               
+                       _this.forwardSearch(change_focus);
+               
+               /*
+               
+                       switch(_this.windowstate.state) {
+                               case WindowState.State.CODEONLY:
+                               //case WindowState.State.CODE:
+                                       // search the code being edited..
+                                       _this.windowstate.code_editor_tab.forwardSearch(change_focus);
+                                        
+                                       break;
+                               case WindowState.State.PREVIEW:
+                                       if (_this.windowstate.file.xtype == "Gtk") {
+                                               _this.windowstate.window_gladeview.forwardSearch(change_focus);
+                                       } else { 
+                                                _this.windowstate.window_rooview.forwardSearch(change_focus);
+                                       }
+                               
+                                       break;
+                       }
+                       */
+                       
+               }
+       }
+       public class Xcls_EventControllerKey20 : Object
+       {
+               public Gtk.EventControllerKey el;
+               private Xcls_WindowRooView  _this;
+
+
+                       // my vars (def)
+
+               // ctor
+               public Xcls_EventControllerKey20(Xcls_WindowRooView _owner )
+               {
+                       _this = _owner;
+                       this.el = new Gtk.EventControllerKey();
+
+                       // my vars (dec)
+
+                       // set gobject values
+
+                       //listeners
+                       this.el.key_pressed.connect( (keyval, keycode, state) => {
+                       
+                               if (keyval == Gdk.Key.g && (state & Gdk.ModifierType.CONTROL_MASK ) > 0 ) {
+                                   GLib.debug("SAVE: ctrl-g  pressed");
+                                       _this.forwardSearch(true);
+                                   return true;
+                               }
+                           
+                         
+                               if (keyval == Gdk.Key.Return) {
+                                       _this.forwardSearch(true);
+                                       
+                                       
+                                   return true;
+                       
+                               }    
+                          // print(event.key.keyval)
+                          
+                           return false;
+                       });
+               }
+
+               // user defined functions
+       }
+
+
+       public class Xcls_search_results : Object
+       {
+               public Gtk.Label el;
+               private Xcls_WindowRooView  _this;
+
+
+                       // my vars (def)
+
+               // ctor
+               public Xcls_search_results(Xcls_WindowRooView _owner )
+               {
+                       _this = _owner;
+                       _this.search_results = this;
+                       this.el = new Gtk.Label( "No Results" );
+
+                       // my vars (dec)
+
+                       // set gobject values
+                       this.el.margin_end = 4;
+                       this.el.margin_start = 4;
+               }
+
+               // user defined functions
+               public void updateResults () {
+                       this.el.visible = true;
+                       
+                       var res = _this.searchcontext.get_occurrences_count();
+                       if (res < 0) {
+                               _this.search_results.el.label = "??? Matches";          
+                               return;
+                       }
+               
+                       _this.nextBtn.el.sensitive = false;
+                       _this.backBtn.el.sensitive = false;     
+               
+                       if (res > 0) {
+                               _this.search_results.el.label = "%d Matches".printf(res);
+                               _this.nextBtn.el.sensitive = true;
+                               _this.backBtn.el.sensitive = true;
+                               return;
+                       } 
+                       _this.search_results.el.label = "No Matches";
+                       
+               }
+       }
+
+       public class Xcls_nextBtn : Object
+       {
+               public Gtk.Button el;
+               private Xcls_WindowRooView  _this;
+
+
+                       // my vars (def)
+               public bool always_show_image;
+
+               // ctor
+               public Xcls_nextBtn(Xcls_WindowRooView _owner )
+               {
+                       _this = _owner;
+                       _this.nextBtn = this;
+                       this.el = new Gtk.Button();
+
+                       // my vars (dec)
+                       this.always_show_image = true;
+
+                       // set gobject values
+                       this.el.icon_name = "go-down";
+                       this.el.sensitive = false;
+
+                       //listeners
+                       this.el.clicked.connect( (event) => {
+                       
+                               _this.forwardSearch(true);
+                                
+                       });
+               }
+
+               // user defined functions
+       }
+
+       public class Xcls_backBtn : Object
+       {
+               public Gtk.Button el;
+               private Xcls_WindowRooView  _this;
+
+
+                       // my vars (def)
+               public bool always_show_image;
+
+               // ctor
+               public Xcls_backBtn(Xcls_WindowRooView _owner )
+               {
+                       _this = _owner;
+                       _this.backBtn = this;
+                       this.el = new Gtk.Button();
+
+                       // my vars (dec)
+                       this.always_show_image = true;
+
+                       // set gobject values
+                       this.el.icon_name = "go-up";
+                       this.el.sensitive = false;
+
+                       //listeners
+                       this.el.clicked.connect( (event) => {
+                       
+                               _this.backSearch(true);
+                               
+                                
+                       });
+               }
+
+               // user defined functions
+       }
+
+       public class Xcls_MenuButton24 : Object
+       {
+               public Gtk.MenuButton el;
+               private Xcls_WindowRooView  _this;
+
+
+                       // my vars (def)
+               public bool always_show_image;
+
+               // ctor
+               public Xcls_MenuButton24(Xcls_WindowRooView _owner )
+               {
+                       _this = _owner;
+                       this.el = new Gtk.MenuButton();
+
+                       // my vars (dec)
+                       this.always_show_image = true;
+
+                       // set gobject values
+                       this.el.icon_name = "emblem-system";
+                       new Xcls_search_settings( _this );
+                       this.el.popover = _this.search_settings.el;
+               }
+
+               // user defined functions
+       }
+       public class Xcls_search_settings : Object
+       {
+               public Gtk.Popover el;
+               private Xcls_WindowRooView  _this;
+
+
+                       // my vars (def)
+
+               // ctor
+               public Xcls_search_settings(Xcls_WindowRooView _owner )
+               {
+                       _this = _owner;
+                       _this.search_settings = this;
+                       this.el = new Gtk.Popover();
+
+                       // my vars (dec)
+
+                       // set gobject values
+                       var child_1 = new Xcls_Box26( _this );
+                       child_1.ref();
+                       this.el.child = child_1.el;
+               }
+
+               // user defined functions
+       }
+       public class Xcls_Box26 : Object
+       {
+               public Gtk.Box el;
+               private Xcls_WindowRooView  _this;
+
+
+                       // my vars (def)
+
+               // ctor
+               public Xcls_Box26(Xcls_WindowRooView _owner )
+               {
+                       _this = _owner;
+                       this.el = new Gtk.Box( Gtk.Orientation.VERTICAL, 0 );
+
+                       // my vars (dec)
+
+                       // set gobject values
+                       new Xcls_case_sensitive( _this );
+                       this.el.append( _this.case_sensitive.el );
+                       new Xcls_regex( _this );
+                       this.el.append( _this.regex.el );
+                       new Xcls_multiline( _this );
+                       this.el.append( _this.multiline.el );
+               }
+
+               // user defined functions
+       }
+       public class Xcls_case_sensitive : Object
+       {
+               public Gtk.CheckButton el;
+               private Xcls_WindowRooView  _this;
+
+
+                       // my vars (def)
+
+               // ctor
+               public Xcls_case_sensitive(Xcls_WindowRooView _owner )
+               {
+                       _this = _owner;
+                       _this.case_sensitive = this;
+                       this.el = new Gtk.CheckButton();
+
+                       // my vars (dec)
+
+                       // set gobject values
+                       this.el.label = "Case Sensitive";
+
+                       // init method
+
+                       {
+                               this.el.show();
+                       }
+               }
+
+               // user defined functions
+       }
+
+       public class Xcls_regex : Object
+       {
+               public Gtk.CheckButton el;
+               private Xcls_WindowRooView  _this;
+
+
+                       // my vars (def)
+
+               // ctor
+               public Xcls_regex(Xcls_WindowRooView _owner )
+               {
+                       _this = _owner;
+                       _this.regex = this;
+                       this.el = new Gtk.CheckButton();
+
+                       // my vars (dec)
+
+                       // set gobject values
+                       this.el.label = "Regex";
+
+                       // init method
+
+                       {
+                               this.el.show();
+                       }
+               }
+
+               // user defined functions
+       }
+
+       public class Xcls_multiline : Object
+       {
+               public Gtk.CheckButton el;
+               private Xcls_WindowRooView  _this;
+
+
+                       // my vars (def)
+
+               // ctor
+               public Xcls_multiline(Xcls_WindowRooView _owner )
+               {
+                       _this = _owner;
+                       _this.multiline = this;
+                       this.el = new Gtk.CheckButton();
+
+                       // my vars (dec)
+
+                       // set gobject values
+                       this.el.label = "Multi-line (add \\n)";
+
+                       // init method
+
+                       {
+                               this.el.show();
+                       }
+               }
+
+               // user defined functions
+       }
 
 
-            // my vars (def)
-
-        // ctor
-        public Xcls_Box7(Xcls_WindowRooView _owner )
-        {
-            _this = _owner;
-            this.el = new Gtk.Box( Gtk.Orientation.HORIZONTAL, 0 );
 
-            // my vars (dec)
-
-            // set gobject values
-            this.el.homogeneous = true;
-            this.el.height_request = 20;
-            this.el.vexpand = false;
-            var child_0 = new Xcls_Button8( _this );
-            child_0.ref();
-            this.el.pack_start (  child_0.el , false,false,0 );
-            var child_1 = new Xcls_AutoRedraw( _this );
-            child_1.ref();
-            this.el.pack_start (  child_1.el , false,false,0 );
-            var child_2 = new Xcls_Button10( _this );
-            child_2.ref();
-            this.el.pack_start (  child_2.el , false,false,0 );
-        }
-
-        // user defined functions
-    }
-    public class Xcls_Button8 : Object
-    {
-        public Gtk.Button el;
-        private Xcls_WindowRooView  _this;
-
-
-            // my vars (def)
-
-        // ctor
-        public Xcls_Button8(Xcls_WindowRooView _owner )
-        {
-            _this = _owner;
-            this.el = new Gtk.Button();
-
-            // my vars (dec)
-
-            // set gobject values
-            this.el.label = "Redraw";
-
-            //listeners
-            this.el.clicked.connect( ( ) => {
-                _this.view.renderJS(  true);
-            });
-        }
-
-        // user defined functions
-    }
-
-    public class Xcls_AutoRedraw : Object
-    {
-        public Gtk.CheckButton el;
-        private Xcls_WindowRooView  _this;
-
-
-            // my vars (def)
-
-        // ctor
-        public Xcls_AutoRedraw(Xcls_WindowRooView _owner )
-        {
-            _this = _owner;
-            _this.AutoRedraw = this;
-            this.el = new Gtk.CheckButton();
-
-            // my vars (dec)
-
-            // set gobject values
-            this.el.active = true;
-            this.el.label = "Auto Redraw On";
-
-            //listeners
-            this.el.toggled.connect( (state) => {
-                this.el.set_label(this.el.active  ? "Auto Redraw On" : "Auto Redraw Off");
-            });
-        }
-
-        // user defined functions
-    }
-
-    public class Xcls_Button10 : Object
-    {
-        public Gtk.Button el;
-        private Xcls_WindowRooView  _this;
-
-
-            // my vars (def)
-
-        // ctor
-        public Xcls_Button10(Xcls_WindowRooView _owner )
-        {
-            _this = _owner;
-            this.el = new Gtk.Button();
-
-            // my vars (dec)
-
-            // set gobject values
-            this.el.label = "Full Redraw";
-
-            //listeners
-            this.el.clicked.connect( () => {
-              _this.view.redraws = 99;
-                _this.view.el.web_context.clear_cache();  
-              //_this.view.renderJS(true);
-              FakeServerCache.clear();
-              _this.view.reInit();
-            
-            });
-        }
-
-        // user defined functions
-    }
-
-
-    public class Xcls_viewcontainer : Object
-    {
-        public Gtk.ScrolledWindow el;
-        private Xcls_WindowRooView  _this;
-
-
-            // my vars (def)
-
-        // ctor
-        public Xcls_viewcontainer(Xcls_WindowRooView _owner )
-        {
-            _this = _owner;
-            _this.viewcontainer = this;
-            this.el = new Gtk.ScrolledWindow( null, null );
-
-            // my vars (dec)
-
-            // set gobject values
-            this.el.shadow_type = Gtk.ShadowType.IN;
-            var child_0 = new Xcls_view( _this );
-            child_0.ref();
-            this.el.add (  child_0.el  );
-
-            // init method
-
-            this.el.set_policy(Gtk.PolicyType.AUTOMATIC, Gtk.PolicyType.AUTOMATIC);
-        }
-
-        // user defined functions
-    }
-    public class Xcls_view : Object
-    {
-        public WebKit.WebView el;
-        private Xcls_WindowRooView  _this;
-
-
-            // my vars (def)
-        public string renderedData;
-        public bool refreshRequired;
-        public WebKit.WebInspector inspector;
-        public string runjs;
-        public int redraws;
-        public GLib.DateTime lastRedraw;
-        public string runhtml;
-        public bool pendingRedraw;
-
-        // ctor
-        public Xcls_view(Xcls_WindowRooView _owner )
-        {
-            _this = _owner;
-            _this.view = this;
-            this.el = new WebKit.WebView();
-
-            // my vars (dec)
-            this.renderedData = "";
-            this.refreshRequired = false;
-            this.runjs = "";
-            this.redraws = 0;
-            this.lastRedraw = null;
-            this.runhtml = "";
-            this.pendingRedraw = false;
-
-            // set gobject values
-
-            // init method
-
-            {
-                // this may not work!?
-                var settings =  this.el.get_settings();
-                settings.enable_developer_extras = true;
-                
-                
-                var fs= new FakeServer(this.el);
-                fs.ref();
-                // 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;
-               
-                 
-                
-                
-                
-            
-                 // FIXME - base url of script..
-                 // we need it so some of the database features work.
-                this.el.load_html( "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,              //
-                        Gtk.DestDefaults.MOTION  | Gtk.DestDefaults.HIGHLIGHT,
-                        null,            // list of targets
-                        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(1,  ()  =>{
-                     //print("run refresh?");
-                     if (this.el == null) {
-                        return false;
-                     }
-                     this.runRefresh(); 
-                     return true;
-                 });
-                
-                
-            }
-
-            //listeners
-            this.el.script_dialog.connect( (dialog) => {
-                
-                
-                if (this.el == null) {
-                    return true;
-                }
-                
-                 var msg = dialog.get_message();
-                 if (msg.length < 4) {
-                    return false;
-                 }
-                 if (msg.substring(0,4) != "IPC:") {
-                     return false;
-                 }
-                 var ar = msg.split(":", 3);
-                if (ar.length < 3) {
-                    return false;
-                }
-            
-                switch(ar[1]) {
-                    case "SAVEHTML":
-                       print("GOT saveHTML %d?\n", ar[2].length);
-                        _this.file.saveHTML(ar[2]);
-                        return true;
-                    default:
-                        return false;
-                }
-                
-            });
-            this.el.show.connect( ( ) => {
-                this.initInspector();;
-            });
-            this.el.drag_drop.connect( ( ctx, x, y,time, ud) => {
-                return false;
-                /*
-               print("TARGET: drag-drop");
-                    var is_valid_drop_site = true;
-                    
-                     
-                    Gtk.drag_get_data
-                    (
-                            w,         // will receive 'drag-data-received' signal 
-                            ctx,        /* represents the current state of the DnD 
-                            this.get('/Window').atoms["STRING"],    /* the target type we want 
-                            time            /* time stamp 
-                    );
-                                    
-                                    
-                                    /* No target offered by source => error 
-                                   
-            
-               return  is_valid_drop_site;
-               */
-            });
-            this.el.load_changed.connect( (le) => {
-                if (le != WebKit.LoadEvent.FINISHED) {
-                    return;
-                }
-                if (this.runjs.length < 1) {
-                    return;
-                }
-              //  this.el.run_javascript(this.runjs, null);
-                 FakeServerCache.remove(    this.runjs);
-                this.runjs = "";
-            });
-        }
-
-        // user defined functions
-        public void reInit () {
-           print("reInit?");
-                 // if this happens destroy the webkit..
-                 // recreate it..
-             this.el.stop_loading();
-                 
-             if (_this.viewbox.el.get_parent() == null) {
-                return;
-             }
-                 
-                 
-            _this.viewbox.el.remove(_this.viewcontainer.el);
-            _this.paned.el.remove(_this.inspectorcontainer.el);        
-                 
-                 // destory seems to cause problems.
-                 //this.el.destroy();
-                //_this.viewcontainer.el.destroy();
-                 //_this.inspectorcontainer.el.destroy();
-             var  inv =new Xcls_inspectorcontainer(_this);
-              inv.ref();
-              _this.paned.el.pack2(inv.el,true,true);
-              
-              
-             this.el = null;         
-             var nv =new Xcls_viewcontainer(_this);
-             nv.ref();
-             _this.viewbox.el.pack_end(nv.el,true,true,0);
-                 
-                 
-             inv.el.show_all();
-             nv.el.show_all();
-                 //while(Gtk.events_pending ()) Gtk.main_iteration ();
-                 //_this.view.renderJS(true); 
-             _this.view.refreshRequired  = true;
-        }
-        public void runRefresh () 
-        {
-            // this is run every 2 seconds from the init..
-        
-          
-            
-            if (!this.refreshRequired) {
-               // print("no refresh required");
-                return;
-            }
-        
-            if (this.lastRedraw != null) {
-               // do not redraw if last redraw was less that 5 seconds ago.
-               if ((int64)(new DateTime.now_local()).difference(this.lastRedraw) < 5000 ) {
-                    return;
-                }
-            }
-            
-            if (_this.file == null) {
-                return;
-            }
-            
-            
-             this.refreshRequired = false;
-           //  print("HTML RENDERING");
-             
-             
-             //this.get('/BottomPane').el.show();
-             //this.get('/BottomPane').el.set_current_page(2);// webkit inspector
-            _this.file.webkit_page_id  = this.el.get_page_id();
-            
-            var js = _this.file.toSourcePreview();
-        
-            if (js.length < 1) {
-                print("no data");
-                return;
-            }
-        //    var  data = js[0];
-            this.redraws++;
-          
-            var project = _this.file.project;  
-        
-             //print (project.fn);
-             // set it to non-empty.
-             
-        //     runhtml = runhtml.length ?  runhtml : '<script type="text/javascript"></script>'; 
-        
-        
-        //   this.runhtml  = this.runhtml || '';
-         
-         
-            // 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" ;
-            string builderhtml;
-            
-            try {
-                GLib.FileUtils.get_contents(BuilderApplication.configDirectory() + "/resources/roo.builder.js", out builderhtml);
-            } catch (Error e) {
-                builderhtml = "";
-            }
-        
-            runhtml += builderhtml + "\n";
-            runhtml += "</script>\n" ;
-        
-            // fix to make sure they are the same..
-            this.runhtml = project.runhtml;
-            // need to modify paths
-        
-            string inhtml;
-            var base_template = _this.file.project.base_template;
-            
-            if (base_template.length > 0 && !FileUtils.test(
-                BuilderApplication.configDirectory() + "/resources/" +  base_template, FileTest.EXISTS)  
-                ) {
-                   print("invalid base_template name - using default:  %s\n", base_template);
-                   base_template = "";
-            
-            }
-            try {
-                GLib.FileUtils.get_contents(
-                    BuilderApplication.configDirectory() + "/resources/" + 
-                        (base_template.length > 0 ? base_template :  "roo.builder.html")
-                        , out inhtml);
-            
-            } catch (Error e) {
-                inhtml = "";
-            }    
-            this.renderedData = js;
-        
-        
-            string js_src = js + "\n" +
-               "Roo.onReady(function() {\n" +
-               "if (" + _this.file.name +".show) " +  _this.file.name +".show({});\n" +
-               "Roo.XComponent.build();\n" +
-               "});\n";
-               
-           // print("render js: " + js);
-            //if (!this.ready) {
-          //      console.log('not loaded yet');
-            //}
-            this.lastRedraw = new DateTime.now_local();
-        
-        
-            //this.runjs = js_src;
-            var fc =    FakeServerCache.factory_with_data(js_src);
-            this.runjs = fc.fname;
-            
-                var html = inhtml.replace("</head>", runhtml + this.runhtml + 
-                    "<script type=\"text/javascript\" src=\"xhttp://localhost" + fc.fname + "\"></script>" +   
-                      //  "<script type=\"text/javascript\">\n" +
-                      //  js_src + "\n" + 
-                      //  "</script>" + 
-                                
-                "</head>");
-                //print("LOAD HTML " + html);
-                
-                 var rootURL = _this.file.project.rootURL;
-           
-                
-                
-                this.el.load_html( html , 
-                    //fixme - should be a config option!
-                    (rootURL.length > 0 ? rootURL : "xhttp://localhost/roobuilder/")
-                );
-                
-            // force the inspector...        
-               //   this.initInspector();
-                
-                // - no need for this, the builder javascript will call it when build is complete
-                //GLib.Timeout.add_seconds(1, () => {
-                //    this.el.run_javascript("Builder.saveHTML()",null);
-                //    return false;
-                //});
-        //     print( "before render" +    this.lastRedraw);
-        //    print( "after render" +    (new Date()));
-            
-        }
-        public void initInspector () {
-            
-           /* if (this.inspector == this.el.get_inspector()) {
-                this.inspector.show();
-                this.inspector.open_window();        
-                print("init inspecter called, and inspector is the same as existing\n");
-                return;
-            }
-            print("new inspector?\n");
-        */
-            this.inspector = this.el.get_inspector();
-            this.inspector.ref();
-            
-            // got a new inspector...
-                
-            this.inspector.open_window.connect(() => {
-                 this.inspector = this.el.get_inspector();
-                print("inspector attach\n");
-                var wv = this.inspector.get_web_view();
-                if (wv != null) {
-                    print("got inspector web view\n");
-                    
-                    var cn = _this.inspectorcontainer.el.get_child();
-                    if (cn != null) {
-                         _this.inspectorcontainer.el.remove(cn);
-                     }
-                    
-                    _this.inspectorcontainer.el.add(wv);
-                    wv.show();
-                } else {
-                    //this.inspector.close();
-                    
-                    //this.inspector = null;
-                   
-         
-                }
-                return true;
-               
-            });
-            /*
-            this.inspector.closed.connect(() => {
-                 print("inspector closed?!?");
-                 // if this happens destroy the webkit..
-                 // recreate it..
-                 this.el.stop_loading();
-                 
-                 if (_this.viewbox.el.get_parent() == null) {
-                    return;
-                 }
-                 
-                 
-                _this.viewbox.el.remove(_this.viewcontainer.el);
-                _this.el.remove(_this.inspectorcontainer.el);        
-                 
-                 // destory seems to cause problems.
-                 //this.el.destroy();
-                //_this.viewcontainer.el.destroy();
-                 //_this.inspectorcontainer.el.destroy();
-        
-                 this.el = null;         
-                 var nv =new Xcls_viewcontainer(_this);
-                 nv.ref();
-                 _this.viewbox.el.pack_end(nv.el,true,true,0);
-                 
-                  var  inv =new Xcls_inspectorcontainer(_this);
-                  inv.ref();
-                  _this.el.pack2(inv.el,true,true);
-                 
-                 inv.el.show_all();
-                 nv.el.show_all();
-                 //while(Gtk.events_pending ()) Gtk.main_iteration ();
-                 //_this.view.renderJS(true); 
-                 _this.view.refreshRequired  = true;
-               
-            }); 
-            */
-            
-            this.inspector.show();
-        }
-        public void renderJS (bool force) {
-        
-            // this is the public redraw call..
-            // we refresh in a loop privately..
-            var autodraw = _this.AutoRedraw.el.active;
-            if (!autodraw && !force) {
-                print("Skipping redraw - no force, and autodraw off");
-                return;
-            }
-             
-            this.refreshRequired  = true;
-        }
-    }
-
-
-
-    public class Xcls_inspectorcontainer : Object
-    {
-        public Gtk.ScrolledWindow el;
-        private Xcls_WindowRooView  _this;
-
-
-            // my vars (def)
-
-        // ctor
-        public Xcls_inspectorcontainer(Xcls_WindowRooView _owner )
-        {
-            _this = _owner;
-            _this.inspectorcontainer = this;
-            this.el = new Gtk.ScrolledWindow( null, null );
-
-            // my vars (dec)
-
-            // set gobject values
-            this.el.shadow_type = Gtk.ShadowType.IN;
-
-            // init method
-
-            this.el.set_policy(Gtk.PolicyType.AUTOMATIC, Gtk.PolicyType.AUTOMATIC);
-        }
-
-        // user defined functions
-    }
-
-
-    public class Xcls_ScrolledWindow14 : Object
-    {
-        public Gtk.ScrolledWindow el;
-        private Xcls_WindowRooView  _this;
-
-
-            // my vars (def)
-
-        // ctor
-        public Xcls_ScrolledWindow14(Xcls_WindowRooView _owner )
-        {
-            _this = _owner;
-            this.el = new Gtk.ScrolledWindow( null, null );
-
-            // my vars (dec)
-
-            // set gobject values
-            var child_0 = new Xcls_sourceview( _this );
-            child_0.ref();
-            this.el.add (  child_0.el  );
-        }
-
-        // user defined functions
-    }
-    public class Xcls_sourceview : Object
-    {
-        public Gtk.SourceView el;
-        private Xcls_WindowRooView  _this;
-
-
-            // my vars (def)
-        public bool loading;
-        public bool button_is_pressed;
-        public string prop_selected;
-        public bool key_is_pressed;
-        public JsRender.Node? node_selected;
-        public int editable_start_pos;
-
-        // ctor
-        public Xcls_sourceview(Xcls_WindowRooView _owner )
-        {
-            _this = _owner;
-            _this.sourceview = this;
-            this.el = new Gtk.SourceView();
-
-            // my vars (dec)
-            this.loading = true;
-            this.button_is_pressed = false;
-            this.prop_selected = "";
-            this.key_is_pressed = false;
-            this.node_selected = null;
-            this.editable_start_pos = -1;
-
-            // set gobject values
-            this.el.editable = false;
-            this.el.show_line_marks = true;
-            this.el.show_line_numbers = true;
-            var child_0 = new Xcls_buffer( _this );
-            child_0.ref();
-            this.el.set_buffer (  child_0.el  );
-
-            // init method
-
-            {
-               
-                var description =   Pango.FontDescription.from_string("monospace");
-                description.set_size(8000);
-                this.el.override_font(description);
-            
-                this.loading = true;
-                //var buf = this.el.get_buffer();
-                //buf.notify.connect(this.onCursorChanged);
-              
-              
-              
-                var attrs = new Gtk.SourceMarkAttributes();
-                var  pink =   Gdk.RGBA();
-                pink.parse ( "pink");
-                attrs.set_background ( pink);
-                attrs.set_icon_name ( "process-stop");    
-                attrs.query_tooltip_text.connect(( mark) => {
-                    //print("tooltip query? %s\n", mark.name);
-                    return mark.name;
-                });
-                
-                this.el.set_mark_attributes ("ERR", attrs, 1);
-                
-                 var wattrs = new Gtk.SourceMarkAttributes();
-                var  blue =   Gdk.RGBA();
-                blue.parse ( "#ABF4EB");
-                wattrs.set_background ( blue);
-                wattrs.set_icon_name ( "process-stop");    
-                wattrs.query_tooltip_text.connect(( mark) => {
-                    //print("tooltip query? %s\n", mark.name);
-                    return mark.name;
-                });
-                
-                this.el.set_mark_attributes ("WARN", wattrs, 1);
-                
-             
-                
-                 var dattrs = new Gtk.SourceMarkAttributes();
-                var  purple =   Gdk.RGBA();
-                purple.parse ( "#EEA9FF");
-                dattrs.set_background ( purple);
-                dattrs.set_icon_name ( "process-stop");    
-                dattrs.query_tooltip_text.connect(( mark) => {
-                    //print("tooltip query? %s\n", mark.name);
-                    return mark.name;
-                });
-                
-                this.el.set_mark_attributes ("DEPR", dattrs, 1);
-                
-                
-                var gattrs = new Gtk.SourceMarkAttributes();
-                var  grey =   Gdk.RGBA();
-                grey.parse ( "#ccc");
-                gattrs.set_background ( grey);
-             
-                
-                this.el.set_mark_attributes ("grey", gattrs, 1);
-                
-                
-                
-                
-                
-                
-            }
-
-            //listeners
-            this.el.button_release_event.connect( () => {
-            
-               print("BUTTON RELEASE EVENT\n");
-               this.onCursorChanged();
-               this.button_is_pressed = false;
-               return false;
-            });
-            this.el.button_press_event.connect( () => {
-               
-               
-               
-               
-               this.button_is_pressed = true;
-               return false;
-            });
-            this.el.key_press_event.connect( (src, key) => {
-               this.key_is_pressed = true;
-               // is it ctrl-G -- find next?
-               // which will will still ignore..
-                
-               if      (key.str == "g" && key.state == Gdk.ModifierType.CONTROL_MASK) {
-                       this.key_is_pressed = false;
-               }
-               
-               // if cursor postion is 'at start' of editing range, 
-               // and backspace is pressed...
-               // block it..
-               
-                var buf = this.el.get_buffer();
-                //print("cursor changed : %d\n", buf.cursor_position);
-                   
-               if (buf.cursor_position <= this.editable_start_pos && key.keyval == Gdk.Key.BackSpace) {
-                       return true; // block...
-               }
-               // what about 'last line of 'grey...'
-               // get the buffer - find the line, find the next line ?? see if it's grey?
-               
-               
-               print("KEY PRESS EVENT \n");
-               this.onCursorChanged();
-               return false; 
-            });
-            this.el.key_release_event.connect( () => { 
-               this.key_is_pressed = false;
-               return false;
-            });
-        }
-
-        // user defined functions
-        public void onCursorChanged (/*ParamSpec ps*/) {
-        
-                       if (!this.key_is_pressed && !this.button_is_pressed) {
-                               return;
-                       }
-        
-                  if (this.loading) {
-                    return;
-                }
-               // if (ps.name != "cursor-position") {
-               //     return;
-               // }
-        
-                var buf = this.el.get_buffer();
-                //print("cursor changed : %d\n", buf.cursor_position);
-                Gtk.TextIter cpos;
-                buf.get_iter_at_offset(out cpos, buf.cursor_position);
-                
-                var ln = cpos.get_line();
-                
-                
-                // --- select node at line....
-                
-                var node = _this.file.lineToNode(ln+1);
-         
-                if (node == null) {
-                    print("can not find node\n");
-                    return;
-                }
-                var prop = node.lineToProp(ln+1);
-                print("prop : %s", prop == null ? "???" : prop);
-                
-                
-                // ---------- this selects the tree's node...
-                
-                var ltree = _this.main_window.windowstate.left_tree;
-                var tp = ltree.model.treePathFromNode(node);
-                print("got tree path %s\n", tp);
-                if (tp != "") {
-                        
-                      
-                       //print("changing cursor on tree..\n");
-                      
-         
-                    
-                    // let's try allowing editing on the methods.
-                    // a little klunky at present..
-                    this.prop_selected = "";
-                    if (prop != null) {
-                               //see if we can find it..
-                               var kv = prop.split(":");
-                               if (kv[0] == "p") {
-                               
-                                       //var k = prop.get_key(kv[1]);
-                                       // fixme -- need to determine if it's an editable property...
-                                       this.prop_selected = prop;
-                                       
-                               } else if (kv[0] == "l") {
-                                        this.prop_selected = prop;
-                                       
-                               }
-                    }
-                    ltree.view.setCursor(tp, "editor");
-                   // ltree.view.el.set_cursor(new Gtk.TreePath.from_string(tp), null, false); 
-                   this.nodeSelected(node,false);
-                    
-                    // scrolling is disabled... as node selection calls scroll 10ms after it changes.
-                     
-                }
-                
-                // highlight the node..
-        }
-        public void clearGreySelection () {
-         // clear all the marks..
-            var sbuf = (Gtk.SourceBuffer)this.el.buffer;
-            
-            Gtk.TextIter start;
-            Gtk.TextIter end;     
-                
-            sbuf.get_bounds (out start, out end);
-            sbuf.remove_source_marks (start, end, "grey");
-            
-            
-        }
-        public void nodeSelected (JsRender.Node? sel, bool scroll ) {
-          
-            
-               
-            // this is connected in widnowstate
-        
-        
-               // not sure why....   
-            while(Gtk.events_pending()) {
-                Gtk.main_iteration();
-            }
-            
-            this.node_selected = sel;
-            
-            this.updateGreySelection(scroll);
-            
-            
-            
-        }
-        public string toString () {
-           Gtk.TextIter s;
-            Gtk.TextIter e;
-            this.el.get_buffer().get_start_iter(out s);
-            this.el.get_buffer().get_end_iter(out e);
-            var ret = this.el.get_buffer().get_text(s,e,true);
-            //print("TO STRING? " + ret);
-            return ret;
-        }
-        public void loadFile ( ) {
-            this.loading = true;
-            
-            
-            // get the cursor and scroll position....
-            var buf = this.el.get_buffer();
-               var cpos = buf.cursor_position;
-            
-           print("BEFORE LOAD cursor = %d\n", cpos);
-           
-            var vadj_pos = this.el.get_vadjustment().get_value();
-           
-            
-         
-            buf.set_text("",0);
-            var sbuf = (Gtk.SourceBuffer) buf;
-        
-            
-        
-            if (_this.file == null || _this.file.xtype != "Roo") {
-                print("xtype != Roo");
-                this.loading = false;
-                return;
-            }
-            
-            // get the string from the rendered tree...
-             
-             var str = _this.file.toSource();
-             
-        //    print("setting str %d\n", str.length);
-            buf.set_text(str, str.length);
-            var lm = Gtk.SourceLanguageManager.get_default();
-             
-            //?? is javascript going to work as js?
-            
-            ((Gtk.SourceBuffer)(buf)) .set_language(lm.get_language(_this.file.language));
-          
-            
-            Gtk.TextIter start;
-            Gtk.TextIter end;     
-                
-            sbuf.get_bounds (out start, out end);
-            sbuf.remove_source_marks (start, end, null); // remove all marks..
-            
-             GLib.Timeout.add(500, () => {
-        
-                print("RESORTING cursor to = %d\n", cpos);
-                       Gtk.TextIter cpos_iter;
-                       buf.get_iter_at_offset(out cpos_iter, cpos);
-                       buf.place_cursor(cpos_iter); 
-                       
-                       this.el.get_vadjustment().set_value(vadj_pos);;
-                       
-        
-                       this.onCursorChanged();
-                       
-                       
-                       _this.buffer.checkSyntax();
-                       return false;
-               });
-                       
-            this.loading = false; 
-            _this.buffer.dirty = false;
-        }
-        public void updateGreySelection (bool scroll) { 
-               var sel = this.node_selected;
-               print("node selected\n");
-            var buf = this.el.get_buffer();
-            var sbuf = (Gtk.SourceBuffer) buf;
-        
-           
-           this.clearGreySelection();
-           
-           
-           
-             if (sel == null) {
-                    print("no selected node\n");
-                // no highlighting..
-                return;
-            }
-            
-            print("highlight region %d to %d\n", sel.line_start,sel.line_end);
-            Gtk.TextIter iter;   
-            sbuf.get_iter_at_line(out iter,  sel.line_start);
-            
-            
-            Gtk.TextIter cur_iter;
-            sbuf.get_iter_at_offset(out cur_iter, sbuf.cursor_position);
-           
-            var cursor_at_line = cur_iter.get_line();
-            
-            
-            //var cur_line = cur_iter.get_line();
-            //if (cur_line > sel.line_start && cur_line < sel.line_end) {
-            
-            //} else {
-            if (scroll) {
-                       print("scrolling to node -- should occur on node picking.\n");
-               this.el.scroll_to_iter(iter,  0.1f, true, 0.0f, 0.5f);
-               }
-            
-            var start_line = sel.line_start;
-            var end_line = sel.line_end;
-            
-            
-            this.el.editable = false;
-            
-            //var colon_pos = 0;
-            
-            this.editable_start_pos = -1;
-            
-            // now if we have selected a property...
-            if (this.prop_selected.length> 0 ) {
-        
-                       int nstart, nend;
-                       if (sel.getPropertyRange(this.prop_selected, out nstart, out nend) && nend > nstart) {
-                               start_line = nstart;
-                               end_line = nend;
-                               this.el.editable = true;
-                               print("start line = %d, end line = %d\n", start_line, end_line);
-                               
-                                       // see if we are 'right of ':'
-                                       // get an iter for the start of the line.
-                               Gtk.TextIter start_first_line_iter,end_first_line_iter;
-                               this.el.buffer.get_iter_at_line(out start_first_line_iter, start_line -1);
-                               this.el.buffer.get_iter_at_line(out end_first_line_iter, start_line -1);
-                                
-                               
-                               
-                               
-                               if (end_first_line_iter.forward_to_line_end()) {
-                                       var first_line  = this.el.buffer.get_text(start_first_line_iter, end_first_line_iter, false);
-                                       
-                                       print("first line = %s\n", first_line);
-                                       if (first_line.contains(":")) {
-                                               this.editable_start_pos = start_first_line_iter.get_offset() + first_line.index_of(":") + 1;
-                                               print("colon_pos  = %d\n", this.editable_start_pos);
-                                       }
-                                       
-        
-                                       //Gtk.TextIter colon_iter;
-                                       //sbuf.get_iter_at_offset (out colon_iter, colon_pos);
-                                       //sbuf.create_source_mark(null, "active_text", colon_iter);
-                               }
-                               
-                               
-                               
-                               //print("is cursor at line? %d ?= %d\n", start_line -1 , cursor_at_line);
-                               //if (start_line - 1 == cursor_at_line) {
-                               // should be ok - current_posssion can not be less than '-1'...
-                               if (sbuf.cursor_position < this.editable_start_pos) {
-                               
-                                       print("cursor is before start pos.. - turn off editable...\n");
-                                       //var before_cursor_string = this.el.buffer.get_text(start_line_iter, cur_iter, false);
-                                       //print("before cursor string =  %s\n", before_cursor_string);
-                                       //if (!before_cursor_string.contains(":")) {
-                                               this.el.editable = false;
-                                       //}
-                                       
-                               }
-                                
-                                
-        
-                                
-                       }
-                       print("propSelected = %s range  %d -> %d\n", this.prop_selected, start_line, end_line);         
-                       
-                       
-            }
-            
-               print("checking selection\n");
-            
-            
-            // check selection - if it's out of 'bounds'
-            if (this.el.editable && sbuf.get_has_selection()) {
-                       Gtk.TextIter sel_start_iter, sel_end_iter;
-                       sbuf.get_selection_bounds(out sel_start_iter, out sel_end_iter);
-                       
-                       if (sel_start_iter.get_line() < start_line || sel_end_iter.get_line() > end_line ||
-                               sel_start_iter.get_line() > end_line   || sel_end_iter.get_line() < start_line                  ) {
-                               // save?
-                               this.el.editable = false;
-                       }
-                       if (this.editable_start_pos > 0 &&
-                               (sel_start_iter.get_offset() < this.editable_start_pos || sel_end_iter.get_offset() < this.editable_start_pos)
-                               
-                       ) {
-                               this.el.editable = false;
-                       }
-                       
-                        
-            
-            }
-            
-            
-            
-            
-            for (var i = 0; i < buf.get_line_count();i++) {
-                if (i < (start_line -1) || i > (end_line -1)) {
-                   
-                    sbuf.get_iter_at_line(out iter, i);
-                    sbuf.create_source_mark(null, "grey", iter);
-                    
-                }
-            
-            }
-            if (scroll && (cursor_at_line > end_line || cursor_at_line < start_line)) {
-                   Gtk.TextIter cpos_iter;
-                       buf.get_iter_at_line(out cpos_iter, start_line);
-                       
-                       buf.place_cursor(cpos_iter); 
-               }
-        
-        
-        }
-        public void highlightErrorsJson (string type, Json.Object obj) {
-               // this is a hook for the vala code - it has no value in javascript 
-               // as we only have one error ususally....
-                return  ;
-            
-         
-        
-        
-        }
-    }
-    public class Xcls_buffer : Object
-    {
-        public Gtk.SourceBuffer el;
-        private Xcls_WindowRooView  _this;
-
-
-            // my vars (def)
-        public bool dirty;
-        public int error_line;
-
-        // ctor
-        public Xcls_buffer(Xcls_WindowRooView _owner )
-        {
-            _this = _owner;
-            _this.buffer = this;
-            this.el = new Gtk.SourceBuffer( null );
-
-            // my vars (dec)
-            this.dirty = false;
-            this.error_line = -1;
-
-            // set gobject values
-
-            //listeners
-            this.el.changed.connect( () => {
-             
-            
-                // check syntax??
-                // ??needed..??
-               // _this.save_button.el.sensitive = true;
-                ///?? has changed occured during loading?
-                
-                // only trigger this if 
-                
-                
-                
-                
-                if (_this.sourceview.loading) {
-                       return;
-               }
-               
-            
-               
-                print("- PREVIEW EDITOR CHANGED--");
-            
-                this.dirty = true;  
-                this.checkSyntax(); // this calls backs and highlights errors.. in theory...  
-            
-            
-            
-               if (!_this.sourceview.button_is_pressed && !_this.sourceview.key_is_pressed) {
-                       print("button or key not pressed to generate change?!\n");
-                       return;
-               }
-                       
-                
-               // what are we editing??
-               if (null == _this.sourceview.node_selected || _this.sourceview.prop_selected.length  < 1) {
-                       return;
-               }
-               
-               // find the colon on the first line...
-               
-               if (_this.sourceview.editable_start_pos > -1) {
-                       
-                       var buf = (Gtk.SourceBuffer)_this.sourceview.el.get_buffer();
-                       
-                    //print("cursor changed : %d\n", buf.cursor_position);
-                    Gtk.TextIter spos,epos;
-                    buf.get_iter_at_offset(out spos, _this.sourceview.editable_start_pos);
-                    buf.get_iter_at_offset(out epos, _this.sourceview.editable_start_pos); // initialize epos..
-                    
-                    var gotit= false;
-                    var line = spos.get_line();
-                    var endline = buf.get_line_count();
-                    while (line < endline) {
-                               line++;
-                       buf.get_iter_at_line(out epos, line);
-                       if (buf.get_source_marks_at_line(line, "grey").length() > 0) {
-                               buf.get_iter_at_line(out epos, line);                   
-                               gotit=true;
-                               break;
-                               }
-                       }
-                    
-                       if (gotit) {
-                               print("End Offset = %d/%d\n", epos.get_line(), epos.get_offset());
-                               // get the pos...
-                               // in theory the last char will be '}' or '},' .. or ','
-                               // we should chop the ',' of the end...
-                               var str = buf.get_text(spos, epos, false);
-                               print("got string\n%s\n", str);
-                       
-                       }
-               }
-                return ;
-            });
-        }
-
-        // user defined functions
-        public bool highlightErrors ( Gee.HashMap<int,string> validate_res) {
-                 
-            this.error_line = validate_res.size;
-               
-            if (this.error_line < 1) {
-                  return true;
-            }
-            var tlines = this.el.get_line_count ();
-            Gtk.TextIter iter;
-            var valiter = validate_res.map_iterator();
-            while (valiter.next()) {
-            
-        //        print("get inter\n");
-                var eline = valiter.get_key();
-                if (eline > tlines) {
-                    continue;
-                }
-                this.el.get_iter_at_line( out iter, eline);
-                //print("mark line\n");
-                this.el.create_source_mark(valiter.get_value(), "ERR", iter);
-            }   
-            return false;
-        }
-        public   string toString () {
-            
-            Gtk.TextIter s;
-            Gtk.TextIter e;
-            this.el.get_start_iter(out s);
-            this.el.get_end_iter(out e);
-            var ret = this.el.get_text(s,e,true);
-            //print("TO STRING? " + ret);
-            return ret;
-        }
-        public   bool checkSyntax () {
-         
-           
-            var str = this.toString();
-            
-            // needed???
-            if (this.error_line > 0) {
-                 Gtk.TextIter start;
-                 Gtk.TextIter end;     
-                this.el.get_bounds (out start, out end);
-        
-                this.el.remove_source_marks (start, end, "WARN");
-                this.el.remove_source_marks (start, end, "ERR");        
-        
-            }
-            
-            if (str.length < 1) {
-                print("checkSyntax - empty string?\n");
-                return false;
-            }
-            
-           if (_this.file == null) {
-               return false;
-           }
-            var p = _this.file.project.palete;
-            
-         
-            if (_this.file.language != "js") {
-                       return false; // fake syntax error.
-               }
-               
-            //Gee.HashMap<int,string> ret_x;
-        
-               return p.javascriptHasErrors(
-                       _this.main_window.windowstate,
-                str, 
-                 "", // _this.key, 
-                "file", //_this.ptype,
-                _this.file, 
-                null
-            );    
-             
-        }
-    }