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