src/Builder4/WindowRooView.bjs
[app.Builder.js] / src / Builder4 / WindowRooView.vala
index 2e2cbea..4582600 100644 (file)
@@ -1,8 +1,8 @@
 static Xcls_WindowRooView  _WindowRooView;
 
-public class Xcls_WindowRooView : Object 
+public class Xcls_WindowRooView : Object
 {
-    public Gtk.VPaned el;
+    public Gtk.Box el;
     private Xcls_WindowRooView  _this;
 
     public static Xcls_WindowRooView singleton()
@@ -12,37 +12,68 @@ public class Xcls_WindowRooView : Object
         }
         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 
+    // ctor
     public Xcls_WindowRooView()
     {
         _this = this;
-        this.el = new Gtk.VPaned();
+        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
-        var child_0 = new Xcls_viewbox( _this );
+        this.el.hexpand = true;
+        var child_0 = new Xcls_notebook( _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 );
+        this.el.pack_start (  child_0.el , true,true,0 );
     }
 
-    // user defined functions 
-    public void loadFile (JsRender.JsRender file)
-    {
-        this.file = file;
-        this.view.renderJS(true);
+    // 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 () {
         
@@ -50,93 +81,207 @@ public class Xcls_WindowRooView : Object
         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();
-    
-        Gdk.Pixbuf screenshot = Gdk.pixbuf_get_from_window(win, 0, 0, width, this.el.position);
+      //  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
+        }
     
-        screenshot.save(filename,"png");
-        return;
-        
-        
-        
-        
-        
         
-        
-        var p = new WebKit.PrintOperation(_this.view.el);
          
-        var ps = new Gtk.PrintSettings();
-        ps.set_printer("Print to File");
-        ps.set("output-file-format", "pdf");
-        ps.set("output-uri", "file://" + filename + ".pdf");
-    
-        // find the printer...
-        
-        /*
-        var ar = Gtk.PaperSize.get_paper_sizes(false);
-        var psetup = new Gtk.PageSetup();
-        for(var i = 0; i < ar.length(); i++) {
-            if (ar.nth_data(i).get_name() =="iso_a4") {
-                psetup.set_paper_size(ar.nth_data(i));
-            }
-        }
-        psetup.set_orientation(Gtk.PageOrientation.LANDSCAPE);
         
          
-        p.set_page_setup(psetup);
-        */
-        p.set_print_settings(ps);
-        
-        p.finished.connect(() => {
-            print("creating thumbnail for " + filename + ".pdf\n"); 
-            var s = new Cairo.PdfSurface(filename + ".pdf", 400,400);
-        
-            s.write_to_png (filename);
-            
-           // var f = GLib.File.new_for_path (filename + ".pdf");
-           // f.delete();
-        });
-        
-        
-        p.print();
-        
-        // should we hold until it's printed...
-        
-          
-    
-        
+    }
+    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;
+       } else { 
+               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);
+       }
+    
+    }
+    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.add (  child_2.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_viewbox : Object 
+
+    public class Xcls_paned : Object
     {
-        public Gtk.VBox el;
+        public Gtk.Paned el;
         private Xcls_WindowRooView  _this;
 
 
             // my vars (def)
 
-        // ctor 
+        // 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.VBox( false, 0 );
+            this.el = new Gtk.Box( Gtk.Orientation.VERTICAL, 0 );
 
             // my vars (dec)
 
             // set gobject values
-            var child_0 = new Xcls_HBox3( _this );
+            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 );
@@ -144,41 +289,42 @@ public class Xcls_WindowRooView : Object
             this.el.pack_end (  child_1.el , true,true,0 );
         }
 
-        // user defined functions 
+        // user defined functions
     }
-    public class Xcls_HBox3 : Object 
+    public class Xcls_Box7 : Object
     {
-        public Gtk.HBox el;
+        public Gtk.Box el;
         private Xcls_WindowRooView  _this;
 
 
             // my vars (def)
 
-        // ctor 
-        public Xcls_HBox3(Xcls_WindowRooView _owner )
+        // ctor
+        public Xcls_Box7(Xcls_WindowRooView _owner )
         {
             _this = _owner;
-            this.el = new Gtk.HBox( true, 0 );
+            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_Button4( _this );
+            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_Button6( _this );
+            var child_2 = new Xcls_Button10( _this );
             child_2.ref();
             this.el.pack_start (  child_2.el , false,false,0 );
         }
 
-        // user defined functions 
+        // user defined functions
     }
-    public class Xcls_Button4 : Object 
+    public class Xcls_Button8 : Object
     {
         public Gtk.Button el;
         private Xcls_WindowRooView  _this;
@@ -186,8 +332,8 @@ public class Xcls_WindowRooView : Object
 
             // my vars (def)
 
-        // ctor 
-        public Xcls_Button4(Xcls_WindowRooView _owner )
+        // ctor
+        public Xcls_Button8(Xcls_WindowRooView _owner )
         {
             _this = _owner;
             this.el = new Gtk.Button();
@@ -197,15 +343,16 @@ public class Xcls_WindowRooView : Object
             // set gobject values
             this.el.label = "Redraw";
 
-            // listeners 
+            //listeners
             this.el.clicked.connect( ( ) => {
                 _this.view.renderJS(  true);
             });
         }
 
-        // user defined functions 
+        // user defined functions
     }
-    public class Xcls_AutoRedraw : Object 
+
+    public class Xcls_AutoRedraw : Object
     {
         public Gtk.CheckButton el;
         private Xcls_WindowRooView  _this;
@@ -213,7 +360,7 @@ public class Xcls_WindowRooView : Object
 
             // my vars (def)
 
-        // ctor 
+        // ctor
         public Xcls_AutoRedraw(Xcls_WindowRooView _owner )
         {
             _this = _owner;
@@ -226,15 +373,16 @@ public class Xcls_WindowRooView : Object
             this.el.active = true;
             this.el.label = "Auto Redraw On";
 
-            // listeners 
+            //listeners
             this.el.toggled.connect( (state) => {
                 this.el.set_label(this.el.active  ? "Auto Redraw On" : "Auto Redraw Off");
             });
         }
 
-        // user defined functions 
+        // user defined functions
     }
-    public class Xcls_Button6 : Object 
+
+    public class Xcls_Button10 : Object
     {
         public Gtk.Button el;
         private Xcls_WindowRooView  _this;
@@ -242,8 +390,8 @@ public class Xcls_WindowRooView : Object
 
             // my vars (def)
 
-        // ctor 
-        public Xcls_Button6(Xcls_WindowRooView _owner )
+        // ctor
+        public Xcls_Button10(Xcls_WindowRooView _owner )
         {
             _this = _owner;
             this.el = new Gtk.Button();
@@ -253,7 +401,7 @@ public class Xcls_WindowRooView : Object
             // set gobject values
             this.el.label = "Full Redraw";
 
-            // listeners 
+            //listeners
             this.el.clicked.connect( () => {
               _this.view.redraws = 99;
                 _this.view.el.web_context.clear_cache();  
@@ -264,9 +412,11 @@ public class Xcls_WindowRooView : Object
             });
         }
 
-        // user defined functions 
+        // user defined functions
     }
-    public class Xcls_viewcontainer : Object 
+
+
+    public class Xcls_viewcontainer : Object
     {
         public Gtk.ScrolledWindow el;
         private Xcls_WindowRooView  _this;
@@ -274,7 +424,7 @@ public class Xcls_WindowRooView : Object
 
             // my vars (def)
 
-        // ctor 
+        // ctor
         public Xcls_viewcontainer(Xcls_WindowRooView _owner )
         {
             _this = _owner;
@@ -289,14 +439,14 @@ public class Xcls_WindowRooView : Object
             child_0.ref();
             this.el.add (  child_0.el  );
 
-            // init method 
+            // init method
 
             this.el.set_policy(Gtk.PolicyType.AUTOMATIC, Gtk.PolicyType.AUTOMATIC);
         }
 
-        // user defined functions 
+        // user defined functions
     }
-    public class Xcls_view : Object 
+    public class Xcls_view : Object
     {
         public WebKit.WebView el;
         private Xcls_WindowRooView  _this;
@@ -312,7 +462,7 @@ public class Xcls_WindowRooView : Object
         public string runhtml;
         public bool pendingRedraw;
 
-        // ctor 
+        // ctor
         public Xcls_view(Xcls_WindowRooView _owner )
         {
             _this = _owner;
@@ -330,7 +480,7 @@ public class Xcls_WindowRooView : Object
 
             // set gobject values
 
-            // init method 
+            // init method
 
             {
                 // this may not work!?
@@ -384,7 +534,7 @@ public class Xcls_WindowRooView : Object
                 
             }
 
-            // listeners 
+            //listeners
             this.el.script_dialog.connect( (dialog) => {
                 if (this.el == null) {
                     return true;
@@ -448,7 +598,7 @@ public class Xcls_WindowRooView : Object
             });
         }
 
-        // user defined functions 
+        // user defined functions
         public void reInit () {
            print("reInit?");
                  // if this happens destroy the webkit..
@@ -461,7 +611,7 @@ public class Xcls_WindowRooView : Object
                  
                  
             _this.viewbox.el.remove(_this.viewcontainer.el);
-            _this.el.remove(_this.inspectorcontainer.el);        
+            _this.paned.el.remove(_this.inspectorcontainer.el);        
                  
                  // destory seems to cause problems.
                  //this.el.destroy();
@@ -469,7 +619,7 @@ public class Xcls_WindowRooView : Object
                  //_this.inspectorcontainer.el.destroy();
              var  inv =new Xcls_inspectorcontainer(_this);
               inv.ref();
-              _this.el.pack2(inv.el,true,true);
+              _this.paned.el.pack2(inv.el,true,true);
               
               
              this.el = null;         
@@ -544,8 +694,11 @@ public class Xcls_WindowRooView : Object
             var runhtml = "<script type=\"text/javascript\">\n" ;
             string builderhtml;
             
-            
-            GLib.FileUtils.get_contents(BuilderApplication.configDirectory() + "/resources/roo.builder.js", out builderhtml);
+            try {
+                GLib.FileUtils.get_contents(BuilderApplication.configDirectory() + "/resources/roo.builder.js", out builderhtml);
+            } catch (Error e) {
+                builderhtml = "";
+            }
         
             runhtml += builderhtml + "\n";
             runhtml += "</script>\n" ;
@@ -564,13 +717,15 @@ public class Xcls_WindowRooView : Object
                    base_template = "";
             
             }
+            try {
+                GLib.FileUtils.get_contents(
+                    BuilderApplication.configDirectory() + "/resources/" + 
+                        (base_template.length > 0 ? base_template :  "roo.builder.html")
+                        , out inhtml);
             
-            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;
         
         
@@ -713,7 +868,10 @@ public class Xcls_WindowRooView : Object
             this.refreshRequired  = true;
         }
     }
-    public class Xcls_inspectorcontainer : Object 
+
+
+
+    public class Xcls_inspectorcontainer : Object
     {
         public Gtk.ScrolledWindow el;
         private Xcls_WindowRooView  _this;
@@ -721,7 +879,7 @@ public class Xcls_WindowRooView : Object
 
             // my vars (def)
 
-        // ctor 
+        // ctor
         public Xcls_inspectorcontainer(Xcls_WindowRooView _owner )
         {
             _this = _owner;
@@ -733,11 +891,599 @@ public class Xcls_WindowRooView : Object
             // set gobject values
             this.el.shadow_type = Gtk.ShadowType.IN;
 
-            // init method 
+            // init method
 
             this.el.set_policy(Gtk.PolicyType.AUTOMATIC, Gtk.PolicyType.AUTOMATIC);
         }
 
-        // user defined functions 
+        // 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 allow_node_scroll;
+        public string prop_selected;
+        public JsRender.Node? node_selected;
+
+        // ctor
+        public Xcls_sourceview(Xcls_WindowRooView _owner )
+        {
+            _this = _owner;
+            _this.sourceview = this;
+            this.el = new Gtk.SourceView();
+
+            // my vars (dec)
+            this.loading = true;
+            this.allow_node_scroll = true;
+            this.prop_selected = "";
+            this.node_selected = null;
+
+            // 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( () => {
+               this.onCursorChanged();
+            
+               return false;
+            });
+            this.el.key_press_event.connect( () => {
+               this.onCursorChanged();
+               return false; 
+            });
+        }
+
+        // user defined functions
+        public void onCursorChanged (/*ParamSpec ps*/) {
+                 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();
+                       print("cursor changed line : %d\n", ln);
+                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 != "") {
+                      this.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.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.
+                    GLib.Timeout.add_full(GLib.Priority.DEFAULT,100 , () => {
+                           this.allow_node_scroll = true;
+                           return false;
+                    });
+                }
+                
+                // 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;
+            
+            // 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_line_iter,end_line_iter;
+                               this.el.buffer.get_iter_at_line(out start_line_iter, start_line -1);
+                               this.el.buffer.get_iter_at_line(out end_line_iter, start_line -1);
+                                
+                               
+                               
+                               
+                               if (end_line_iter.forward_to_line_end()) {
+                                       var first_line  = this.el.buffer.get_text(start_line_iter, end_line_iter, false);
+                                       print("first line = %s\n", first_line);
+                                       if (first_line.contains(":")) {
+                                               colon_pos = start_line_iter.get_offset() + first_line.index_of(":") + 1;
+                                       }
+                                       print("colon_pos  = %d\n", colon_pos);
+                               }
+                               print("is cursor at line? %d ?= %d\n", start_line -1 , cursor_at_line);
+                               if (start_line - 1 == cursor_at_line) {
+                                       print("cursor is on current line.\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 (colon_pos > 0 &&
+                               (sel_start_iter.get_offset() < colon_pos || sel_end_iter.get_offset() < colon_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) {
+                   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?
+                if (_this.sourceview.loading) {
+                       return;
+               }
+               
+                print("- PREVIEW EDITOR CHANGED--");
+            
+                this.dirty = true;    
+                if (!this.checkSyntax()) {
+                       return;
+               }               
+                
+               // what are we editing??
+               
+            
+            
+            
+            
+                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, null);
+            }
+            
+            if (str.length < 1) {
+                print("checkSyntax - empty string?\n");
+                return false;
+            }
+            
+           if (_this.file == null) {
+               return false;
+           }
+            var p = Palete.factory(_this.file.xtype);  // returns Roo | Gtk  | PlainFile 
+            
+         
+            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
+            );    
+             
+        }
+    }
+
+
+
+
 }