expanding tree when error buttons pressed
[roobuilder] / src / Builder4 / MainWindow.bjs
index e97e7b1..34980b1 100644 (file)
 {
- "name" : "MainWindow",
- "parent" : "",
- "title" : "",
- "path" : "/home/alan/gitlive/roobuilder/src/Builder4/MainWindow.bjs",
- "permname" : "",
- "modOrder" : "",
  "build_module" : "builder",
+ "gen_extended" : false,
  "items" : [
   {
-   "listeners" : {
-    "delete_event" : "  (   event) => {\n    return false;\n} ",
-    "destroy" : "() =>  {\n Xcls_MainWindow.singleton().no_windows--;\n \n Resources.singleton().disconnect(_this.statusbar.handler_id);\n \n \n if (Xcls_MainWindow.singleton().no_windows < 1) {\n\n     Gtk.main_quit();\n }\n}",
-    "show" : "  ( ) => {\n    // hide the file editing..\n   \n    //this.hideViewEditing();\n    _this.statusbar.el.hide();\n     _this.statusbar_errors.el.hide();\n    _this.statusbar_warnings.el.hide();\n    _this.statusbar_depricated.el.hide();\n    _this.statusbar_compile_spinner.el.hide();\n  \n    Resources.singleton().checkResources();\n\n}",
-    "key_release_event" : " (event) => {\n    \n    if (this.search_entry.el.is_visible()) {\n\t\tif (event.keyval == Gdk.Key.f && (event.state & Gdk.ModifierType.CONTROL_MASK ) > 0 ) {\n\t\t    print(\"SAVE: ctrl-f  pressed\");\n\t\t\tthis.search_entry.el.grab_focus();\n\t\t    return false;\n\t\t}\n\t\t\n\t\tif (event.keyval == Gdk.Key.g && (event.state & Gdk.ModifierType.CONTROL_MASK ) > 0 ) {\n\t\t    print(\"SAVE: ctrl-g  pressed\");\n\t\t\tthis.search_entry.forwardSearch(true);\n\t\t    return false;\n\t\t}\n\t\t\n\t}    \n\t\n\tif (event.keyval == Gdk.Key.n && (event.state & Gdk.ModifierType.CONTROL_MASK ) > 0 ) {\n\t\tprint(\"SAVE: ctrl-n  pressed\");\n\t\tthis.openNewWindow();\n\t\treturn false;\n\t}\n\t\n   // print(event.key.keyval)\n    \n    return false;\n\n} \n\n"
-   },
-   "id" : "MainWindow",
-   "default_width" : 800,
-   "* init" : " \n\t  \n    //this.el.show_all();\n    //try {\n         this.el.set_icon_name(\"roobuilder\");\n\t//} catch (Exception e) {\n\t//\tprint(\"no icon found\");\n//\t}",
-   "| void openNewWindow" : "() {\n\tXcls_MainWindow.singleton().no_windows++;\n        var w = new Xcls_MainWindow();\n        w.ref();\n\n        w.el.show_all();\n        w.initChildren();\n        w.windowstate.switchState(WindowState.State.FILES);\n}\n",
    "# Project.Project project" : "null",
-   "# string title" : "\"Roo Application Builder\"",
-   "xtype" : "Window",
-   "# int no_windows" : 1,
-   "default_height" : 500,
-   "|        void initChildren" : " () {\n    // this needs putting in a better place..\n    this.windowstate = new WindowState(this);\n     \n\n    //w.el.show_all();\n    var tl = new Clutter.Timeline(6000);\n    tl.set_repeat_count(-1);\n    tl.start();\n    tl.ref();\n\n    \n\n\n\n}\n",
+   "# WindowState windowstate" : "",
+   "# bool winloading" : false,
+   "# default_height" : 850,
+   "$ type" : "Gtk.WindowType.TOPLEVEL",
    "$ xns" : "Gtk",
-   "|             void show" : "() {\n   \n    this.el.show_all();\n\n}",
-   "# WindowState windowstate" : "null",
+   "* ctor" : "new Gtk.ApplicationWindow(BuilderApplication.singleton({}))",
+   "* init" : [
+    "",
+    "this.el.set_icon_name(\"roobuilder\");",
+    ""
+   ],
    "border_width" : 0,
-   "$ type" : "Gtk.WindowType.TOPLEVEL",
-   "|             void setTitle" : " (string str) {\n    this.headerbar.el.set_title(this.title + \" - \" + str);\n} \n",
+   "default_width" : 1200,
+   "id" : "MainWindow",
    "items" : [
     {
-     "id" : "headerbar",
+     "$ xns" : "Gtk",
      "* pack" : "set_titlebar",
-     "xtype" : "HeaderBar",
      "bool show_close_button" : true,
-     "$ xns" : "Gtk",
-     "string title" : "Application Builder",
+     "id" : "headerbar",
      "items" : [
       {
-       "* pack" : "pack_start",
-       "xtype" : "Box",
        "$ xns" : "Gtk",
+       "* pack" : "pack_start",
        "Gtk.Orientation orientation" : "Gtk.Orientation.HORIZONTAL",
        "items" : [
         {
-         "bool use_popover" : false,
-         "* pack" : "add",
-         "xtype" : "MenuButton",
          "$ xns" : "Gtk",
+         "* pack" : "append",
+         "bool has_frame" : false,
+         "bool has_tooltip" : true,
          "items" : [
           {
-           "id" : "topbarmenu",
-           "* init" : "{\n    this.el.show_all();\n}\n",
-           "xtype" : "Menu",
-           "* pack" : "set_popup",
-           "$ xns" : "Gtk",
-           "items" : [
-            {
-             "listeners" : {
-              "activate" : "( ) => {\n       _this.openNewWindow();\n}"
-             },
-             "xtype" : "MenuItem",
-             "string label" : "Open a new Window",
-             "* pack" : "append",
-             "$ xns" : "Gtk"
-            },
-            {
-             "* pack" : "append",
-             "xtype" : "SeparatorMenuItem",
-             "$ xns" : "Gtk"
-            },
-            {
-             "listeners" : {
-              "activate" : " ( ) => {\n         Resources.singleton().fetchStart();\n}"
-             },
-             "* pack" : "append",
-             "xtype" : "MenuItem",
-             "string label" : "Download updated Resources",
-             "$ xns" : "Gtk"
-            },
-            {
-             "listeners" : {
-              "activate" : "() => {\n    About.singleton().el.show();\n    }"
-             },
-             "string label" : "About the Builder",
-             "* pack" : "append",
-             "xtype" : "MenuItem",
-             "$ xns" : "Gtk"
-            }
-           ]
-          },
-          {
-           "xtype" : "Image",
-           "utf8 icon_name" : "help-about",
-           "* pack" : "set_image",
-           "$ xns" : "Gtk"
+           "$ xns" : "Adw",
+           "* prop" : "child",
+           "string icon_name" : "preferences-system-windows",
+           "string label" : " Files",
+           "xtype" : "ButtonContent"
           }
-         ]
+         ],
+         "listeners" : {
+          "clicked" : [
+           "  ( ) => {",
+           "  \t_this.splitview.el.show_sidebar = !_this.splitview.el.show_sidebar;",
+           "  \tif (_this.splitview.el.show_sidebar) {",
+           "  \t\t_this.sidebar.show(); ",
+           " \t}",
+           "}"
+          ]
+         },
+         "string tooltip_text" : "Manage Windows (Ctrl-O)",
+         "xtype" : "Button"
         },
         {
+         "$ xns" : "Gtk",
+         "bool has_frame" : false,
          "listeners" : {
-          "clicked" : "  ( ) => {\n   _this.windowstate.switchState(WindowState.State.FILES);\n      \n\n}"
+          "clicked" : [
+           "( ) => {",
+           "\t",
+           "\tGLib.debug(\"undo clicked\");",
+           "\tif (_this.windowstate.file.xtype == \"PlainFile\") {",
+           "\t\t_this.windowstate.code_editor_tab.buffer.el.undo();",
+           "\t}",
+           "\tif (!_this.windowstate.file.undoStep(-1)) {",
+           "\t\treturn;",
+           "\t}",
+           "\t",
+           "\t ",
+           "\t_this.windowstate.switchState (WindowState.State.PREVIEW); ",
+           "\t// this triggers loadItems..",
+           "\t_this.windowstate.left_tree.model.loadFile(",
+           "\t\t_this.windowstate.file);",
+           "\t ",
+           "",
+           "\t",
+           " ",
+           "",
+           "\t// load it everywhere",
+           "}",
+           ""
+          ]
          },
-         "id" : "openbtn",
-         "xtype" : "Button",
-         "* pack" : "add",
-         "$ xns" : "Gtk",
-         "$ tooltop_text" : "\"Open File\"",
-         "items" : [
-          {
-           "* pack" : "set_image",
-           "xtype" : "Image",
-           "utf8 icon_name" : "document-open",
-           "$ xns" : "Gtk"
-          }
-         ]
+         "string icon_name" : "edit-undo",
+         "xtype" : "Button"
         },
         {
+         "$ xns" : "Gtk",
+         "bool has_frame" : false,
          "listeners" : {
-          "clicked" : "  ( ) => {\n  \n    _this.windowstate.switchState(WindowState.State.PREVIEW);\n    \n\n}"
+          "clicked" : [
+           "( ) => {",
+           "\t",
+           "\tGLib.debug(\"undo clicked\");",
+           "\tif (_this.windowstate.file.xtype == \"PlainFile\") {",
+           "\t\t_this.windowstate.code_editor_tab.buffer.el.redo();",
+           "\t}",
+           "\tif (!_this.windowstate.file.undoStep(1)) {",
+           "\t\treturn;",
+           "\t}",
+           "\t",
+           "\t ",
+           "\t_this.windowstate.switchState (WindowState.State.PREVIEW); ",
+           "\t// this triggers loadItems..",
+           "\t_this.windowstate.left_tree.model.loadFile(",
+           "\t\t_this.windowstate.file);",
+           "\t ",
+           "",
+           "\t",
+           " ",
+           "",
+           "\t// load it everywhere",
+           "}",
+           ""
+          ]
          },
-         "id" : "openbackbtn",
-         "utf8 tooltip_text" : "Back",
-         "xtype" : "Button",
-         "* pack" : "add",
-         "$ xns" : "Gtk",
-         "bool visible" : false,
-         "items" : [
-          {
-           "utf8 icon_name" : "go-previous",
-           "* pack" : "set_image",
-           "xtype" : "Image",
-           "$ xns" : "Gtk"
-          }
-         ]
+         "string icon_name" : "edit-redo",
+         "xtype" : "Button"
         }
-       ]
+       ],
+       "xtype" : "Box"
       }
-     ]
+     ],
+     "xtype" : "HeaderBar"
     },
     {
-     "id" : "vbox",
-     "xtype" : "Box",
-     "* pack" : "add",
-     "$ xns" : "Gtk",
-     "Gtk.Orientation orientation" : "Gtk.Orientation.VERTICAL",
-     "$ homogeneous" : false,
+     "$ xns" : "Adw",
+     "* prop" : "child",
+     "bool collapsed" : true,
+     "bool show_sidebar" : false,
+     "double sidebar_width_fraction" : 0.40000000000000002,
+     "id" : "splitview",
      "items" : [
       {
-       "id" : "mainpane",
-       "position" : 400,
-       "* pack" : "pack_start,true,true,0",
-       "# int lastWidth" : 0,
-       "xtype" : "Paned",
        "$ xns" : "Gtk",
-       "Gtk.Orientation orientation" : "Gtk.Orientation.HORIZONTAL",
+       "* prop" : "content",
+       "Gtk.Orientation orientation" : "Gtk.Orientation.VERTICAL",
+       "bool hexpand" : true,
+       "bool homogeneous" : false,
+       "bool vexpand" : false,
+       "id" : "vbox",
+       "int spacing" : 0,
        "items" : [
         {
-         "id" : "leftpane",
-         "* pack" : "add1",
-         "xtype" : "Box",
+         "# int lastWidth" : 0,
          "$ xns" : "Gtk",
-         "Gtk.Orientation orientation" : "Gtk.Orientation.VERTICAL",
+         "Gtk.Orientation orientation" : "Gtk.Orientation.HORIZONTAL",
+         "bool hexpand" : true,
+         "bool vexpand" : true,
+         "id" : "mainpane",
          "items" : [
           {
-           "id" : "editpane",
-           "* pack" : "pack_start,true,true,0",
-           "xtype" : "Paned",
            "$ xns" : "Gtk",
+           "* prop" : "start_child",
+           "Gtk.Orientation orientation" : "Gtk.Orientation.HORIZONTAL",
+           "bool hexpand" : true,
+           "bool vexpand" : true,
+           "id" : "leftpane",
+           "items" : [
+            {
+             "$ xns" : "Gtk",
+             "Gtk.Orientation orientation" : "Gtk.Orientation.HORIZONTAL",
+             "id" : "editpane",
+             "items" : [
+              {
+               "$ xns" : "Gtk",
+               "* prop" : "start_child",
+               "Gtk.Orientation orientation" : "Gtk.Orientation.VERTICAL",
+               "bool hexpand" : true,
+               "bool vexpand" : true,
+               "id" : "tree",
+               "xtype" : "Box"
+              },
+              {
+               "$ xns" : "Gtk",
+               "* prop" : "end_child",
+               "Gtk.Orientation orientation" : "Gtk.Orientation.VERTICAL",
+               "bool hexpand" : true,
+               "bool vexpand" : true,
+               "id" : "props",
+               "xtype" : "Box"
+              }
+             ],
+             "listeners" : {
+              "accept_position" : [
+               "( ) => {",
+               "\t_this.windowstate.left_tree.onresize();",
+               "\treturn true;",
+               "}",
+               ""
+              ],
+              "move_handle" : [
+               "(scroll) => {",
+               "\tGLib.debug(\"Move handle\");",
+               "\treturn true;",
+               "}"
+              ]
+             },
+             "xtype" : "Paned"
+            }
+           ],
+           "xtype" : "Box"
+          },
+          {
+           "$ xns" : "Gtk",
+           "* prop" : "end_child",
            "Gtk.Orientation orientation" : "Gtk.Orientation.VERTICAL",
+           "bool hexpand" : true,
+           "bool vexpand" : true,
            "items" : [
             {
-             "id" : "tree",
-             "* pack" : "add1",
-             "xtype" : "Box",
              "$ xns" : "Gtk",
-             "Gtk.Orientation orientation" : "Gtk.Orientation.VERTICAL"
+             "Gtk.Orientation orientation" : "Gtk.Orientation.VERTICAL",
+             "bool hexpand" : true,
+             "bool vexpand" : true,
+             "id" : "rooviewbox",
+             "xtype" : "Box"
             },
             {
-             "id" : "props",
-             "* pack" : "add2",
-             "xtype" : "Box",
              "$ xns" : "Gtk",
-             "Gtk.Orientation orientation" : "Gtk.Orientation.VERTICAL"
+             "Gtk.Orientation orientation" : "Gtk.Orientation.VERTICAL",
+             "bool hexpand" : true,
+             "bool vexpand" : true,
+             "id" : "codeeditviewbox",
+             "xtype" : "Box"
             }
-           ]
+           ],
+           "xtype" : "Box"
           }
-         ]
+         ],
+         "listeners" : {
+          "accept_position" : [
+           "( ) => {",
+           "\t_this.windowstate.left_tree.onresize();",
+           "\treturn true;",
+           "}",
+           ""
+          ]
+         },
+         "position" : 400,
+         "xtype" : "Paned"
         },
         {
-         "* pack" : "add2",
-         "xtype" : "Box",
          "$ xns" : "Gtk",
-         "Gtk.Orientation orientation" : "Gtk.Orientation.VERTICAL",
+         "Gtk.Orientation orientation" : "Gtk.Orientation.HORIZONTAL",
+         "bool homogeneous" : false,
+         "bool vexpand" : false,
          "items" : [
           {
+           "$ tooltip_text" : "\"Project Details\"",
+           "$ xns" : "Gtk",
+           "bool always_show_image" : true,
            "listeners" : {
-            "size_allocate" : "  (  alloc) => {\n    if (_this.windowstate == null) {\n        return;\n    }\n    _this.windowstate.resizeCanvas(); \n        \n}"
+            "clicked" : [
+             "  ( ) => {",
+             "     ",
+             "     _this.windowstate.projectPopoverShow(_this.el, null, null);",
+             "   ",
+             "  ",
+             "}"
+            ]
            },
-           "id" : "clutterembed",
-           "* init" : "    var stage = this.el.get_stage();\n    stage.set_background_color(  Clutter.Color.from_string(\"#000\"));\n    \n    \n",
-           "xtype" : "Embed",
-           "* pack" : "pack_start,true,true,0",
-           "$ xns" : "GtkClutter",
+           "string icon_name" : "emblem-system",
+           "string label" : "Edit Project Settings",
+           "xtype" : "Button"
+          },
+          {
+           "$ tooltip_text" : "\"File Details\"",
+           "$ xns" : "Gtk",
+           "bool always_show_image" : true,
+           "listeners" : {
+            "clicked" : [
+             "  ( ) => {",
+             "  ",
+             "    // create a new file in project..",
+             "    if (_this.project == null || _this.windowstate.file == null) {",
+             "        return  ;",
+             "    }",
+             "     _this.windowstate.file_details.show(",
+             "        _this.windowstate.file, _this.el, false",
+             "    );",
+             "     ",
+             "    return  ;    ",
+             "",
+             "",
+             "}"
+            ]
+           },
+           "string icon_name" : "document-properties",
+           "string label" : "Edit File Properties",
+           "xtype" : "Button"
+          },
+          {
+           "$ xns" : "Gtk",
+           "bool always_show_image" : true,
+           "items" : [
+            {
+             "$ xns" : "Gtk",
+             "* ctor" : "new Gtk.PopoverMenu.from_model(null)",
+             "* init" : [
+              "{",
+              "   // this.el.show();",
+              "}",
+              ""
+             ],
+             "* prop" : "popover",
+             "id" : "topbarmenu",
+             "items" : [
+              {
+               "$ xns" : "Gtk",
+               "* pack" : "set_child",
+               "Gtk.Orientation orientation" : "Gtk.Orientation.VERTICAL",
+               "int spacing" : 0,
+               "items" : [
+                {
+                 "$ xns" : "Gtk",
+                 "listeners" : {
+                  "activate" : [
+                   " ( ) => {",
+                   "         Resources.singleton().fetchStart();",
+                   "}"
+                  ]
+                 },
+                 "string label" : "Download updated Resources",
+                 "xtype" : "Button"
+                },
+                {
+                 "$ xns" : "Gtk",
+                 "listeners" : {
+                  "clicked" : [
+                   "() => {",
+                   "    About.singleton().el.show();",
+                   "    }"
+                  ]
+                 },
+                 "string label" : "About the Builder",
+                 "xtype" : "Button"
+                }
+               ],
+               "xtype" : "Box"
+              }
+             ],
+             "xtype" : "PopoverMenu"
+            }
+           ],
+           "string icon_name" : "dialog-information",
+           "string label" : "About",
+           "xtype" : "MenuButton"
+          },
+          {
+           "$ xns" : "Gtk",
+           "bool hexpand" : true,
+           "string label" : "   ",
+           "xtype" : "Label"
+          },
+          {
+           "$ xns" : "Gtk",
+           "* init" : [
+            "{",
+            "     this.handler_id = Resources.singleton().updateProgress.connect((pos,total) => {",
+            "        if (pos < 1) {",
+            "            this.el.hide();",
+            "            _this.mainpane.el.set_sensitive(true);",
+            "            ",
+            "            return;",
+            "        }",
+            "         _this.mainpane.el.set_sensitive(false);",
+            "         this.el.show();",
+            "         this.el.set_fraction ((1.0f * pos) / (1.0f * total));",
+            "         this.el.set_text(\"Fetching Resource : %s/%s\".printf(pos.to_string(), total.to_string()));",
+            "       ",
+            "     });",
+            "}",
+            ""
+           ],
+           "bool show_text" : true,
+           "id" : "statusbar",
+           "ulong handler_id" : "-1",
+           "xtype" : "ProgressBar"
+          },
+          {
+           "$ Gtk.Orientation orientation" : "Gtk.Orientation.HORIZONTAL",
+           "$ xns" : "Gtk",
            "items" : [
             {
-             "id" : "rooview",
-             "* init" : "{\n   \n   \n    this.el.add_constraint(\n        new Clutter.AlignConstraint(\n            _this.clutterembed.el.get_stage(), \n            Clutter.AlignAxis.X_AXIS,\n            1.0f\n        )\n    );\n        \n    //this.el.set_position(100,100);\n    this.el.set_pivot_point(1.0f,1.0f);\n    \n    this.el.set_size(_this.clutterembed.el.get_stage().width-50,\n            _this.clutterembed.el.get_stage().height);\n            \n}",
-             "xtype" : "Actor",
-             "* pack" : "get_stage().add_child",
-             "$ xns" : "GtkClutter"
+             "$ xns" : "Gtk",
+             "id" : "statusbar_compilestatus_label",
+             "int margin_end" : 4,
+             "int margin_start" : 4,
+             "string label" : "Compile Status:",
+             "xtype" : "Label"
             },
             {
-             "id" : "objectview",
-             "* init" : "{\n   \n   /*\n    this.el.add_constraint(\n        new Clutter.AlignConstraint(\n            _this.clutterembed.el.get_stage(), \n            Clutter.AlignAxis.X_AXIS,\n            0.0f\n        )\n    );\n    */\n    this.el.fixed_x = 50.0f;\n    this.el.fixed_y = 0.0f;\n    //this.el.set_position(100,100);\n    this.el.set_pivot_point(0.0f,0.0f);\n    this.el.set_scale(0.0f,1.0f);\n    this.el.set_size((_this.clutterembed.el.get_stage().width-50)/2,\n            _this.clutterembed.el.get_stage().height);\n            \n}",
-             "xtype" : "Actor",
-             "* pack" : "get_stage().add_child",
-             "$ xns" : "GtkClutter"
+             "$ xns" : "Gtk",
+             "Xcls_ValaCompileErrors popup" : "",
+             "id" : "statusbar_errors",
+             "listeners" : {
+              "clicked" : [
+               "() => {",
+               " ",
+               "\tif (this.popup == null) {",
+               "\t\treturn;",
+               "\t}",
+               "   ",
+               "    this.popup.show();",
+               "  ",
+               "}"
+              ]
+             },
+             "string icon_name" : "dialog-error",
+             "string label" : "0 Errors",
+             "xtype" : "Button",
+             "| void setNotices" : [
+              "(GLib.ListStore nots, int ferrors ) {",
+              "    BuilderApplication.showSpinner(\"\");",
+              "     if (nots.get_n_items() < 1 ) {",
+              "    \tthis.el.hide();",
+              "    \tif (this.popup != null) {",
+              "    \t\tthis.popup.el.hide();",
+              "\t\t}",
+              "    \treturn;",
+              "    }",
+              "    ",
+              "    this.el.show();",
+              "    this.el.label = \"%d/%d Errors\".printf(ferrors,(int)nots.get_n_items());",
+              "",
+              "    ",
+              " ",
+              "\tif (this.popup == null) {",
+              "        this.popup = new Xcls_ValaCompileErrors();",
+              "        this.popup.window = _this;",
+              "      //    this.popup.el.set_transient_for( _this.el );",
+              "        this.popup.el.set_parent(this.el);",
+              "    }",
+              " ",
+              "\tthis.popup.updateNotices(nots);",
+              "\t ",
+              "}",
+              ""
+             ]
             },
             {
-             "id" : "codeeditview",
-             "* init" : "{\n   \n   /*\n    this.el.add_constraint(\n        new Clutter.AlignConstraint(\n            _this.clutterembed.el.get_stage(), \n            Clutter.AlignAxis.X_AXIS,\n            0.0f\n        )\n    );\n    */\n    this.el.fixed_x = 50.0f;\n    this.el.fixed_y = 0.0f;\n    //this.el.set_position(100,100);\n    this.el.set_pivot_point(0.0f,0.0f);\n    this.el.set_scale(0.0f,1.0f);\n    this.el.set_size((_this.clutterembed.el.get_stage().width-50)/2,\n            _this.clutterembed.el.get_stage().height);\n            \n}",
-             "xtype" : "Actor",
-             "* pack" : "get_stage().add_child",
-             "$ xns" : "GtkClutter"
+             "$ xns" : "Gtk",
+             "Xcls_ValaCompileErrors popup" : "",
+             "id" : "statusbar_warnings",
+             "listeners" : {
+              "clicked" : [
+               "() => {",
+               " ",
+               "\tif (this.popup == null) {",
+               "\t\treturn;",
+               "\t}",
+               "   ",
+               "    this.popup.show();",
+               "    return;",
+               "}"
+              ]
+             },
+             "string icon_name" : "dialog-warning",
+             "string label" : "0 Warnings",
+             "xtype" : "Button",
+             "| void setNotices" : [
+              "(GLib.ListStore nots, int ferrs ) {",
+              "    ",
+              "     if (nots.get_n_items() < 1 ) {",
+              "    \tthis.el.hide();",
+              "    \tif (this.popup != null) {",
+              "    \t\tthis.popup.el.hide();",
+              "\t\t}",
+              "    \treturn;",
+              "    }",
+              "    ",
+              "    this.el.show();",
+              "    this.el.label = \"%d/%d Warnings\".printf(ferrs,(int)nots.get_n_items());",
+              "",
+              "    ",
+              " ",
+              "\tif (this.popup == null) {",
+              "        this.popup = new Xcls_ValaCompileErrors();",
+              "        this.popup.window = _this;",
+              "      //    this.popup.el.set_transient_for( _this.el );",
+              "        this.popup.el.set_parent(this.el);",
+              "    }",
+              "\tthis.popup.updateNotices(nots);",
+              "\t ",
+              "}",
+              ""
+             ]
             },
             {
-             "id" : "addpropsview",
-             "* init" : "{\n   \n   /*\n    this.el.add_constraint(\n        new Clutter.AlignConstraint(\n            _this.clutterembed.el.get_stage(), \n            Clutter.AlignAxis.X_AXIS,\n            0.0f\n        )\n    );\n    */\n    this.el.fixed_x = 50.0f;\n    this.el.fixed_y = 0.0f;\n    //this.el.set_position(100,100);\n    this.el.set_pivot_point(0.0f,0.0f);\n    this.el.set_scale(0.0f,1.0f);\n    this.el.set_size((_this.clutterembed.el.get_stage().width-50)/2,\n            _this.clutterembed.el.get_stage().height);\n            \n}",
-             "xtype" : "Actor",
-             "* pack" : "get_stage().add_child",
-             "$ xns" : "GtkClutter"
+             "# GLib.ListStore notices" : "null",
+             "$ xns" : "Gtk",
+             "Xcls_ValaCompileErrors popup" : "",
+             "id" : "statusbar_depricated",
+             "listeners" : {
+              "clicked" : [
+               "() => {",
+               " ",
+               "\tif (this.popup == null) {",
+               "\t\treturn;",
+               "\t}",
+               "   ",
+               "    this.popup.show();",
+               "  ",
+               "}"
+              ]
+             },
+             "string icon_name" : "dialog-information",
+             "string label" : "0 Depricated",
+             "xtype" : "Button",
+             "| void setNotices" : [
+              "",
+              "(GLib.ListStore nots, int ferrs ) {",
+              "    ",
+              "     if (nots.get_n_items() < 1 ) {",
+              "    \tthis.el.hide();",
+              "    \tif (this.popup != null) {",
+              "    \t\tthis.popup.el.hide();",
+              "\t\t}",
+              "    \treturn;",
+              "    }",
+              "    ",
+              "    this.el.show();",
+              "    this.el.label = \"%d/%d Depricated\".printf(ferrs,(int)nots.get_n_items());",
+              "",
+              "    ",
+              " ",
+              "\tif (this.popup == null) {",
+              "        this.popup = new Xcls_ValaCompileErrors();",
+              "        this.popup.window = _this;",
+              "      //    this.popup.el.set_transient_for( _this.el );",
+              "        this.popup.el.set_parent(this.el);",
+              "    }",
+              "\tthis.popup.updateNotices(nots);",
+              "\t ",
+              "}",
+              ""
+             ]
             },
             {
-             "id" : "buttonlayout",
-             "* init" : "{\n    \n    this.el.add_constraint(\n        new Clutter.AlignConstraint(\n            _this.clutterembed.el.get_stage(), \n            Clutter.AlignAxis.X_AXIS,\n            0.0f\n        )\n    );\n     \n    \n    //this.el.set_position(100,100);\n    this.el.set_pivot_point(0.5f,0.5f);\n     this.el.set_size(50,\n           _this.clutterembed.el.get_stage().height);\n     \n}",
-             "xtype" : "Actor",
-             "* pack" : "get_stage().add_child",
-             "$ xns" : "Clutter",
+             "$ xns" : "Gtk",
+             "Palete.ValaCompileRequest? last_request" : "null",
+             "Xcls_ValaCompileErrors popup" : "",
+             "bool visible" : false,
+             "id" : "statusbar_run",
+             "listeners" : {
+              "clicked" : [
+               "() => {",
+               "   ",
+               "   if (_this.windowstate.file == null) {",
+               "\t\treturn;",
+               "\t}",
+               "   if (_this.statusbar_compile_spinner.el.spinning) {",
+               "    \t_this.windowstate.compile_results.el.set_parent(this.el);",
+               "\t    _this.windowstate.compile_results.el.show(); // show currently running.",
+               "    \treturn;",
+               "\t}",
+               "\t",
+               "\tif (this.last_request != null) {",
+               "\t\tthis.last_request.cancel();",
+               "\t\tif (this.last_request.terminal_pid > 0) {",
+               "\t\t\tthis.last_request.killChildren(this.last_request.terminal_pid);",
+               "\t\t}",
+               "\t}",
+               "\tvar pr = _this.windowstate.project as Project.Gtk;",
+               "\tif (pr == null) {",
+               "\t\treturn;",
+               "\t}",
+               "\t",
+               "\t",
+               "\tthis.last_request= new Palete.ValaCompileRequest(",
+               "\t\tpr,",
+               "\t\tpr.firstBuildModuleWith(_this.windowstate.file)",
+               "\t);",
+               "\tthis.last_request.onOutput.connect( ( str) => {",
+               "\t\t_this.windowstate.compile_results.addLine(str);",
+               "\t});",
+               "\tthis.last_request.run.begin( ( a, r) => {",
+               "\t\tthis.last_request.run.end(r);",
+               "\t});",
+               "\t if (_this.windowstate.compile_results.el.parent == null) {",
+               "\t\t_this.windowstate.compile_results.el.set_parent(this.el);",
+               "\t}",
+               "\t_this.windowstate.compile_results.show(this.el,true);",
+               "\t         ",
+               "}"
+              ]
+             },
+             "string icon_name" : "media-playback-start",
+             "string label" : "Run",
+             "xtype" : "Button"
+            }
+           ],
+           "xtype" : "Box"
+          },
+          {
+           "$ xns" : "Gtk",
+           "id" : "statusbar_compile_spinner",
+           "int margin_end" : 4,
+           "int margin_start" : 4,
+           "string tooltip_text" : "Compiling",
+           "xtype" : "Spinner",
+           "| void start" : [
+            "(string icon, string tooltip) {",
+            "",
+            "\tif (icon == \"spinner\") {",
+            "\t  this.el.show();",
+            "\t  this.el.start();  ",
+            "\t  this.el.tooltip_text = tooltip;",
+            "\t  _this.statusbar_compile_icon.el.hide();",
+            "  } else {",
+            "\t  this.el.hide();",
+            "\t//  GLib.debug(\"set status icon %s, %s\", icon, tooltip);",
+            "\t  _this.statusbar_compile_icon.el.tooltip_text = tooltip;",
+            "\t  _this.statusbar_compile_icon.el.icon_name = icon;",
+            "\t  _this.statusbar_compile_icon.el.show();\t  ",
+            "  }",
+            "  ",
+            "\t ",
+            "}",
+            ""
+           ],
+           "| void stop" : [
+            "() {",
+            " this.el.stop();",
+            "  this.el.hide();",
+            " _this.statusbar_compile_icon.el.hide();  ",
+            "}",
+            ""
+           ]
+          },
+          {
+           "$ xns" : "Gtk",
+           "Gtk.IconSize icon_size" : "Gtk.IconSize.NORMAL",
+           "id" : "statusbar_compile_icon",
+           "int margin_end" : 4,
+           "int margin_start" : 4,
+           "xtype" : "Image"
+          }
+         ],
+         "xtype" : "Box"
+        }
+       ],
+       "xtype" : "Box"
+      },
+      {
+       "$ xns" : "Gtk",
+       "* prop" : "sidebar",
+       "Gtk.Orientation orientation" : "Gtk.Orientation.VERTICAL",
+       "id" : "sidebar",
+       "int spacing" : 0,
+       "items" : [
+        {
+         "$ xns" : "Gtk",
+         "bool has_tooltip" : true,
+         "bool hexpand" : true,
+         "id" : "filesearch",
+         "items" : [
+          {
+           "$ xns" : "Gtk",
+           "listeners" : {
+            "key_released" : [
+             "(keyval, keycode, state) => {",
+             "\tif (!_this.treescroll.el.visible || _this.treeselmodel.el.get_n_items() < 0) {",
+             "\t\treturn;",
+             "\t}",
+             "\tGLib.debug(",
+             "\t",
+             "\t\t\"searcj key release %d, %d, %d  ?= %d\" , ",
+             "\t\t\t(int) keyval, (int)  keycode, state,",
+             "\t\t\t(int)Gdk.Key.Return",
+             "\t\t);",
+             "\tif (!_this.treescroll.el.visible || _this.treeselmodel.el.get_n_items() < 0) {",
+             "\t\treturn;",
+             "\t}",
+             "\t\t",
+             "\tvar dir = 0;",
+             "\t",
+             "\tif (keyval == Gdk.Key.Return) {",
+             "\t\tvar tr = (Gtk.TreeListRow)_this.treeselmodel.el.selected_item;",
+             "\t\tGLib.debug(\"SELECTED = %s\", tr.item.get_type().name());",
+             "\t\tvar f = (JsRender.JsRender) tr.item;",
+             "\t\tGLib.debug(\"Click %s\", f.name);",
+             "\t\tif (f.xtype == \"Dir\") {",
+             "\t\t\treturn;",
+             "\t\t}",
+             "\t\t",
+             "\t\t",
+             "\t \t_this.windowstate.fileViewOpen(f,",
+             "\t \t\t_this.keystate.is_shift != 1 ",
+             "\t\t);",
+             "\t\t",
+             "\t\t_this.splitview.el.show_sidebar = false;",
+             "\t\treturn;",
+             "\t\t",
+             "\t",
+             "\t}",
+             "\tif (keyval == Gdk.Key.Up) {",
+             "\t\tdir = -1;",
+             "\t}if (keyval == Gdk.Key.Down) {",
+             "\t\tdir = 1;",
+             "\t}",
+             "\tif (dir == 0) {",
+             "\t\treturn;",
+             "\t}",
+             "\tvar ns = _this.treeselmodel.el.selected + dir;",
+             "\tif (ns < 0) {",
+             "\t\tns = 0;",
+             "\t}",
+             "\tif (ns >= _this.treeselmodel.el.get_n_items()) {",
+             "\t\tns  = _this.treeselmodel.el.get_n_items()-1;",
+             "\t}",
+             "\t_this.treeselmodel.el.selected = ns;",
+             "}",
+             ""
+            ]
+           },
+           "xtype" : "EventControllerKey"
+          }
+         ],
+         "listeners" : {
+          "search_changed" : [
+           "( ) => {",
+           "",
+           "\t_this.windowsearch.el.set_search(this.el.get_text());",
+           "\tif (this.el.text == \"\") {",
+           "\t\t_this.treescroll.el.visible = false;",
+           "\t\treturn;",
+           "\t}",
+           "\t_this.treescroll.el.visible = true;",
+           "\t_this.treefilter.el.changed(Gtk.FilterChange.DIFFERENT);",
+           "}",
+           ""
+          ]
+         },
+         "string placeholder_text" : "Search for file",
+         "string tooltip_text" : [
+          "up/down arrow to select file from lower file list",
+          "enter opens selected in new window",
+          "shift+enter opens it in this window "
+         ],
+         "xtype" : "SearchEntry"
+        },
+        {
+         "$ xns" : "Gtk",
+         "Gtk.Orientation orientation" : "Gtk.Orientation.HORIZONTAL",
+         "bool hexpand" : true,
+         "int spacing" : 0,
+         "items" : [
+          {
+           "$ xns" : "Gtk",
+           "bool hexpand" : true,
+           "id" : "open_projects_btn",
+           "items" : [
+            {
+             "$ xns" : "Gtk",
+             "* prop" : "child",
+             "Gtk.Orientation orientation" : "Gtk.Orientation.HORIZONTAL",
+             "int spacing" : 0,
              "items" : [
               {
-               "$ orientation" : "Clutter.Orientation.VERTICAL",
-               "xtype" : "BoxLayout",
-               "$ xns" : "Clutter",
-               "* prop" : "layout_manager"
+               "$ xns" : "Gtk",
+               "int margin_end" : 4,
+               "string icon_name" : "document-open",
+               "xtype" : "Image"
               },
               {
-               "id" : "backbutton",
-               "* init" : "this.el.set_size(50,50);",
-               "xtype" : "Actor",
-               "* pack" : "add_child",
-               "$ xns" : "Clutter",
-               "items" : [
-                {
-                 "* init" : "((Gtk.Container)(this.el.get_widget())).add ( child_0.el);",
-                 "* pack" : "add_child",
-                 "xtype" : "Actor",
-                 "$ xns" : "GtkClutter",
-                 "items" : [
-                  {
-                   "listeners" : {
-                    "clicked" : "  ( ) => {\n //  if (_this.windowstate.state == WindowState.State.FILEPROJECT) {\n    \n//\t     _this.windowstate.switchState(WindowState.State.FILES);\n  //   } else { \n\t    _this.windowstate.switchState(WindowState.State.PREVIEW);\n  //  }\n    \n\n}"
-                   },
-                   "utf8 tooltip_text" : "Back",
-                   "xtype" : "Button",
-                   "* pack" : false,
-                   "width_request" : 50,
-                   "$ xns" : "Gtk",
-                   "height_request" : 50,
-                   "items" : [
-                    {
-                     "* pack" : "set_image",
-                     "xtype" : "Image",
-                     "utf8 icon_name" : "go-previous",
-                     "$ xns" : "Gtk"
-                    }
-                   ]
-                  }
-                 ]
-                }
-               ]
+               "$ xns" : "Gtk",
+               "string label" : "Open File",
+               "xtype" : "Label"
+              }
+             ],
+             "xtype" : "Box"
+            }
+           ],
+           "listeners" : {
+            "clicked" : [
+             "  ( ) => {",
+             "  \t_this.splitview.el.show_sidebar = false;",
+             "  \t_this.windowstate.showPopoverFiles(this.el, _this.project, false);",
+             "}"
+            ]
+           },
+           "tooltop_text" : "\"Open File\"",
+           "xtype" : "Button"
+          },
+          {
+           "$ xns" : "Gtk",
+           "bool hexpand" : true,
+           "items" : [
+            {
+             "$ xns" : "Gtk",
+             "* prop" : "child",
+             "Gtk.Orientation orientation" : "Gtk.Orientation.HORIZONTAL",
+             "int spacing" : 0,
+             "items" : [
+              {
+               "$ xns" : "Gtk",
+               "int margin_end" : 4,
+               "string icon_name" : "window-new",
+               "xtype" : "Image"
               },
               {
-               "id" : "editfilebutton",
-               "* init" : "this.el.set_size(50.0f,50.0f);",
-               "xtype" : "Actor",
-               "* pack" : "add_child",
-               "$ xns" : "Clutter",
+               "$ xns" : "Gtk",
+               "string label" : "New Window",
+               "xtype" : "Label"
+              }
+             ],
+             "xtype" : "Box"
+            }
+           ],
+           "listeners" : {
+            "clicked" : [
+             "( ) => {",
+             "\t_this.splitview.el.show_sidebar = false;",
+             "\t_this.windowstate.showPopoverFiles(_this.el, _this.project, true);",
+             "}"
+            ]
+           },
+           "xtype" : "Button"
+          }
+         ],
+         "xtype" : "Box"
+        },
+        {
+         "$ xns" : "Gtk",
+         "Gtk.Orientation orientation" : "Gtk.Orientation.VERTICAL",
+         "bool vexpand" : true,
+         "items" : [
+          {
+           "$ xns" : "Gtk",
+           "* prop" : "start_child",
+           "bool has_frame" : true,
+           "items" : [
+            {
+             "$ xns" : "Gtk",
+             "* prop" : "child",
+             "items" : [
+              {
+               "$ xns" : "Gtk",
+               "* prop" : "model",
+               "bool autoselect" : false,
+               "bool can_unselect" : false,
+               "bool selecting" : false,
+               "id" : "winsel",
                "items" : [
                 {
-                 "* init" : "((Gtk.Container)(this.el.get_widget())).add ( child_0.el);",
-                 "xtype" : "Actor",
-                 "* pack" : "add_child",
-                 "$ xns" : "GtkClutter",
+                 "$ xns" : "Gtk",
+                 "* prop" : "model",
                  "items" : [
                   {
-                   "listeners" : {
-                    "clicked" : "  ( ) => {\n  \n    // create a new file in project..\n    if (_this.project == null || _this.windowstate.file == null) {\n        return  ;\n    }\n     _this.windowstate.file_details.show(\n        _this.windowstate.file, this.el\n    );\n     \n    return  ;    \n\n\n}"
-                   },
-                   "* pack" : false,
-                   "xtype" : "Button",
-                   "width_request" : 50,
                    "$ xns" : "Gtk",
-                   "$ tooltip_text" : "\"File Details\"",
-                   "height_request" : 50,
+                   "* prop" : "model",
+                   "id" : "winfilter",
                    "items" : [
                     {
-                     "xtype" : "Image",
-                     "utf8 icon_name" : "document-properties",
-                     "* pack" : "set_image",
-                     "$ xns" : "Gtk"
+                     "$ xns" : "Gtk",
+                     "* prop" : "filter",
+                     "id" : "windowsearch",
+                     "items" : [
+                      {
+                       "$ xns" : "Gtk",
+                       "* prop" : "expression",
+                       "GLib.Type this_type" : "typeof(WindowState)",
+                       "string property_name" : "file_name",
+                       "xtype" : "PropertyExpression"
+                      }
+                     ],
+                     "xtype" : "StringFilter"
+                    },
+                    {
+                     "$ xns" : "GLib",
+                     "* prop" : "model",
+                     "GLib.Type item_type" : "typeof(WindowState)",
+                     "id" : "winmodel",
+                     "xtype" : "ListStore"
                     }
-                   ]
-                  }
-                 ]
-                }
-               ]
-              },
-              {
-               "id" : "projecteditbutton",
-               "* init" : "this.el.set_size(50,50);",
-               "xtype" : "Actor",
-               "* pack" : "add_child",
-               "$ xns" : "Clutter",
-               "items" : [
-                {
-                 "* init" : "((Gtk.Container)(this.el.get_widget())).add ( child_0.el);",
-                 "xtype" : "Actor",
-                 "* pack" : "add_child",
-                 "$ xns" : "GtkClutter",
-                 "items" : [
+                   ],
+                   "xtype" : "FilterListModel"
+                  },
                   {
-                   "listeners" : {
-                    "clicked" : "  ( ) => {\n     \n     _this.windowstate.projectPopoverShow(this.el);\n   \n \n}"
-                   },
-                   "* pack" : false,
-                   "xtype" : "Button",
-                   "width_request" : 50,
                    "$ xns" : "Gtk",
-                   "$ tooltip_text" : "\"Project Details\"",
-                   "height_request" : 50,
+                   "* prop" : "sorter",
+                   "bool ignore_case" : true,
                    "items" : [
                     {
-                     "* pack" : "set_image",
-                     "xtype" : "Image",
-                     "utf8 icon_name" : "emblem-system",
-                     "$ xns" : "Gtk"
+                     "$ xns" : "Gtk",
+                     "* prop" : "expression",
+                     "GLib.Type this_type" : "typeof(WindowState)",
+                     "string property_name" : "file_name",
+                     "xtype" : "PropertyExpression"
                     }
-                   ]
+                   ],
+                   "xtype" : "StringSorter"
                   }
-                 ]
+                 ],
+                 "xtype" : "SortListModel"
                 }
-               ]
-              },
-              {
+               ],
                "listeners" : {
-                "enter_event" : "(  event)  => {\n    this.el.background_color =   Clutter.Color.from_string(\"#333\");\n        return false;\n}",
-                "leave_event" : "(  event)  => {\n    this.el.background_color =   Clutter.Color.from_string(\"#000\");\n    return false;\n}"
+                "notify[\"selected\"]" : [
+                 "() => {",
+                 "\tif (_this.winloading || this.selecting || this.el.selected == Gtk.INVALID_LIST_POSITION) {",
+                 "\t\treturn;",
+                 "\t}",
+                 "\tvar ws = this.el.selected_item as WindowState;",
+                 "\tif (ws == null) {",
+                 "\t\treturn;",
+                 "\t}",
+                 "\tif (ws.file.path != _this.windowstate.file.path) {",
+                 "\t\t_this.windowstate.fileViewOpen(ws.file, ws.file_details.new_window,  -1);",
+                 "\t\t_this.splitview.el.show_sidebar = false;",
+                 "\t}",
+                 "\t",
+                 "\tthis.selectCurrent();",
+                 " }"
+                ]
                },
-               "id" : "objectshowbutton",
-               "* init" : "this.el.set_size(50,50);",
-               "xtype" : "Actor",
-               "* pack" : "add_child",
-               "$ xns" : "Clutter",
-               "items" : [
-                {
-                 "* init" : "((Gtk.Container)(this.el.get_widget())).add ( child_0.el);",
-                 "xtype" : "Actor",
-                 "* pack" : "add_child",
-                 "$ xns" : "GtkClutter",
-                 "items" : [
-                  {
-                   "listeners" : {
-                    "clicked" : "  ( ) => {\n    \n     _this.windowstate.switchState(WindowState.State.OBJECT);\n  \n \n}"
-                   },
-                   "* pack" : false,
-                   "xtype" : "Button",
-                   "width_request" : 50,
-                   "$ xns" : "Gtk",
-                   "$ tooltip_text" : "\"Add Child Element\"",
-                   "height_request" : 50,
-                   "items" : [
-                    {
-                     "utf8 icon_name" : "list-add",
-                     "* pack" : "set_image",
-                     "xtype" : "Image",
-                     "$ xns" : "Gtk"
-                    }
-                   ]
-                  }
-                 ]
-                }
+               "xtype" : "SingleSelection",
+               "| void selectCurrent" : [
+                "() {",
+                "\tthis.selecting = true;",
+                "\t ",
+                "\tfor(var i = 0;i < this.el.get_n_items(); i++) {",
+                "\t\tvar ws = this.el.get_item(i) as WindowState;",
+                "\t\tif (ws.file.path == _this.windowstate.file.path) {",
+                "\t\t  \tthis.el.selected = i;",
+                "\t\t  \tbreak;",
+                "\t  \t}",
+                "\t}",
+                "\tthis.selecting = false;",
+                " ",
+                "",
+                "}"
                ]
               },
               {
-               "id" : "addpropbutton",
-               "* init" : "this.el.set_size(50,50);",
-               "xtype" : "Actor",
-               "* pack" : "add_child",
-               "$ xns" : "Clutter",
+               "$ xns" : "Gtk",
+               "bool expand" : true,
+               "bool resizable" : true,
+               "id" : "projcol",
                "items" : [
                 {
-                 "* init" : "((Gtk.Container)(this.el.get_widget())).add ( child_0.el);",
-                 "xtype" : "Actor",
-                 "* pack" : "add_child",
-                 "$ xns" : "GtkClutter",
-                 "items" : [
-                  {
-                   "listeners" : {
-                    "clicked" : "  ( ) => {\n    \n     _this.windowstate.switchState(WindowState.State.PROP);\n \n\n}"
-                   },
-                   "* pack" : false,
-                   "xtype" : "Button",
-                   "width_request" : 50,
-                   "$ xns" : "Gtk",
-                   "$ tooltip_text" : "\"Add Property\"",
-                   "height_request" : 50,
-                   "items" : [
-                    {
-                     "xtype" : "Image",
-                     "utf8 icon_name" : "format-justify-left",
-                     "* pack" : "set_image",
-                     "$ xns" : "Gtk"
-                    }
-                   ]
-                  }
-                 ]
+                 "$ xns" : "Gtk",
+                 "* prop" : "factory",
+                 "listeners" : {
+                  "bind" : [
+                   "(listitem) => {",
+                   "\tvar li = (listitem as Gtk.ListItem);",
+                   "\tif (li == null) {",
+                   "\t\treturn;",
+                   "\t}",
+                   "\t var lb = (Gtk.Label) li.get_child() as Gtk.Label;",
+                   "\t if (lb == null) {",
+                   "\t \treturn;",
+                   " \t}",
+                   "\t var item =  li.get_item() as WindowState;",
+                   "\t if (item == null) {",
+                   "\t \treturn;",
+                   " \t}",
+                   "\t lb.label = item.project.name;",
+                   "",
+                   "",
+                   "  ",
+                   "",
+                   "}",
+                   ""
+                  ],
+                  "setup" : [
+                   "(listitem) => {",
+                   "",
+                   "\tvar li = (listitem as Gtk.ListItem);",
+                   "\tif (li == null) {",
+                   "\t\treturn;",
+                   "\t}",
+                   "",
+                   "\tvar lbl = new Gtk.Label(\"\");",
+                   " \tli.set_child(lbl);",
+                   " \tlbl.justify = Gtk.Justification.LEFT;",
+                   " \tlbl.xalign = 0;",
+                   " \tlbl.use_markup = true;",
+                   "\tlbl.ellipsize = Pango.EllipsizeMode.START;",
+                   "  ",
+                   "\tli.activatable = true;",
+                   "}",
+                   ""
+                  ]
+                 },
+                 "xtype" : "SignalListItemFactory"
                 }
-               ]
+               ],
+               "title" : "Project",
+               "xtype" : "ColumnViewColumn"
               },
               {
-               "id" : "addlistenerbutton",
-               "* init" : "this.el.set_size(50,50);",
-               "xtype" : "Actor",
-               "* pack" : "add_child",
-               "$ xns" : "Clutter",
+               "$ xns" : "Gtk",
+               "* pack" : "append_column",
+               "bool expand" : true,
+               "bool resizable" : true,
+               "id" : "filecol",
                "items" : [
                 {
-                 "* init" : "((Gtk.Container)(this.el.get_widget())).add ( child_0.el);",
-                 "xtype" : "Actor",
-                 "* pack" : "add_child",
-                 "$ xns" : "GtkClutter",
-                 "items" : [
-                  {
-                   "listeners" : {
-                    "clicked" : "  ( ) => {\n    \n    _this.windowstate.switchState(WindowState.State.LISTENER);\n  \n\n\n}"
-                   },
-                   "* pack" : false,
-                   "xtype" : "Button",
-                   "width_request" : 50,
-                   "$ xns" : "Gtk",
-                   "$ tooltip_text" : "\"Add Event Code\"",
-                   "height_request" : 50,
-                   "items" : [
-                    {
-                     "* pack" : "set_image",
-                     "xtype" : "Image",
-                     "utf8 icon_name" : "appointment-new",
-                     "$ xns" : "Gtk"
-                    }
-                   ]
-                  }
-                 ]
+                 "$ xns" : "Gtk",
+                 "* prop" : "factory",
+                 "listeners" : {
+                  "bind" : [
+                   "(listitem) => {",
+                   "\tvar li = (listitem as Gtk.ListItem);",
+                   "\tif (li == null) {",
+                   "\t\treturn;",
+                   "\t}",
+                   "\t var lb = (Gtk.Label) li.get_child() as Gtk.Label;",
+                   "\t if (lb == null) {",
+                   "\t \treturn;",
+                   " \t}",
+                   "\t var item =  li.get_item() as WindowState;",
+                   "\t if (item == null) {",
+                   "\t \treturn;",
+                   " \t}",
+                   " \t",
+                   " \t ",
+                   "  ",
+                   " \tlb.label = item.file.relpath;",
+                   "",
+                   "",
+                   "  ",
+                   "",
+                   "}",
+                   ""
+                  ],
+                  "setup" : [
+                   "(listitem) => {",
+                   "\tvar li = (listitem as Gtk.ListItem);",
+                   "\tif (li == null) {",
+                   "\t\treturn;",
+                   "\t}",
+                   "\tvar lbl = new Gtk.Label(\"\");",
+                   " \tli.set_child(lbl);",
+                   " \tlbl.justify = Gtk.Justification.LEFT;",
+                   " \tlbl.xalign = 0;",
+                   " \tlbl.use_markup = true;",
+                   "\tlbl.ellipsize = Pango.EllipsizeMode.START;",
+                   "  ",
+                   "\tli.activatable = true;",
+                   "}",
+                   ""
+                  ]
+                 },
+                 "xtype" : "SignalListItemFactory"
                 }
-               ]
+               ],
+               "title" : "File",
+               "xtype" : "ColumnViewColumn"
+              }
+             ],
+             "xtype" : "ColumnView"
+            }
+           ],
+           "xtype" : "ScrolledWindow"
+          },
+          {
+           "* prop" : "end_child",
+           "bool has_frame" : true,
+           "bool hexpand" : true,
+           "bool vexpand" : true,
+           "bool visible" : false,
+           "id" : "treescroll",
+           "items" : [
+            {
+             "$ xns" : "Gtk",
+             "* prop" : "child",
+             "bool hexpand" : true,
+             "bool vexpand" : true,
+             "id" : "treeview",
+             "items" : [
+              {
+               "$ xns" : "Gtk",
+               "listeners" : {
+                "pressed" : [
+                 "(n_press, x, y) => {",
+                 "\tif (n_press == 2) {",
+                 "\t\tGLib.debug(\"double cliced\");",
+                 "\t} else {",
+                 "\t\treturn;",
+                 "\t}",
+                 "\tvar tr = (Gtk.TreeListRow)_this.treeselmodel.el.selected_item;",
+                 "\tGLib.debug(\"SELECTED = %s\", tr.item.get_type().name());",
+                 "\tvar f = (JsRender.JsRender) tr.item;",
+                 "\tGLib.debug(\"Click %s\", f.name);",
+                 "\tif (f.xtype == \"Dir\") {",
+                 "\t\treturn;",
+                 "\t}",
+                 "\t",
+                 "\t",
+                 " \t_this.windowstate.fileViewOpen(f,",
+                 " \t\t_this.keystate.is_shift != 1 ",
+                 "\t);",
+                 "\t",
+                 "\t_this.splitview.el.show_sidebar = false;",
+                 "\t",
+                 "\t",
+                 "",
+                 "}",
+                 ""
+                ]
+               },
+               "xtype" : "GestureClick"
               },
               {
-               "id" : "addprojectbutton",
-               "* init" : "this.el.set_size(50.0f,50.0f);",
-               "xtype" : "Actor",
-               "* pack" : "add_child",
-               "$ xns" : "Clutter",
+               "$ xns" : "Gtk",
+               "* prop" : "model",
+               "bool autoselect" : true,
+               "bool can_unselect" : true,
+               "id" : "treeselmodel",
                "items" : [
                 {
-                 "* init" : "((Gtk.Container)(this.el.get_widget())).add ( child_0.el);",
-                 "xtype" : "Actor",
-                 "* pack" : "add_child",
-                 "$ xns" : "GtkClutter",
+                 "$ xns" : "Gtk",
+                 "* prop" : "model",
                  "items" : [
                   {
-                   "listeners" : {
-                    "clicked" : "  ( ) => {\n  \n    // create a new file in project..\n    //Xcls_DialogNewComponent.singleton().show(\n   var  pe =      EditProject.singleton();\n    pe.el.set_transient_for(_this.el);\n    pe.el.set_modal(true);   \n   \n    var p  = pe.show();\n\n    if (p == null) {\n        return;\n    }\n    \n    \n    _this.windowstate.left_projects.is_loaded = false;    \n    _this.windowstate.left_projects.load();\n    _this.windowstate.left_projects.selectProject(p);\n    return  ;    \n\n\n}"
-                   },
-                   "* pack" : false,
-                   "xtype" : "Button",
-                   "width_request" : 50,
                    "$ xns" : "Gtk",
-                   "$ tooltip_text" : "\"New\\nProj.\"",
-                   "height_request" : 50,
+                   "* prop" : "model",
+                   "bool incremental" : true,
+                   "id" : "treelistsort",
                    "items" : [
                     {
-                     "xtype" : "Image",
-                     "utf8 icon_name" : "folder-new",
-                     "* pack" : "set_image",
-                     "$ xns" : "Gtk"
+                     "$ xns" : "Gtk",
+                     "* prop" : "model",
+                     "Gtk.TreeListModelCreateModelFunc create_func" : [
+                      "(item) => {",
+                      "\t//GLib.debug(\"liststore got %s\", item.get_type().name());",
+                      "\treturn ((JsRender.JsRender)item).childfiles;",
+                      "} "
+                     ],
+                     "bool autoexpand" : true,
+                     "bool passthrough" : false,
+                     "id" : "treelistmodel",
+                     "items" : [
+                      {
+                       "$ xns" : "GLib",
+                       "* prop" : "root",
+                       "GLib.Type item_type" : "typeof(JsRender.JsRender)",
+                       "id" : "treemodel",
+                       "xtype" : "ListStore"
+                      }
+                     ],
+                     "xtype" : "TreeListModel"
+                    },
+                    {
+                     "$ xns" : "Gtk",
+                     "* prop" : "sorter",
+                     "items" : [
+                      {
+                       "$ xns" : "Gtk",
+                       "* prop" : "sorter",
+                       "bool ignore_case" : true,
+                       "items" : [
+                        {
+                         "$ xns" : "Gtk",
+                         "* prop" : "expression",
+                         "GLib.Type this_type" : "typeof(JsRender.JsRender) ",
+                         "string property_name" : "name",
+                         "xtype" : "PropertyExpression"
+                        }
+                       ],
+                       "xtype" : "StringSorter"
+                      }
+                     ],
+                     "xtype" : "TreeListRowSorter"
                     }
-                   ]
-                  }
-                 ]
-                }
-               ]
-              },
-              {
-               "id" : "addfilebutton",
-               "* init" : "this.el.set_size(50.0f,50.0f);",
-               "xtype" : "Actor",
-               "* pack" : "add_child",
-               "$ xns" : "Clutter",
-               "items" : [
-                {
-                 "* init" : "((Gtk.Container)(this.el.get_widget())).add ( child_0.el);",
-                 "xtype" : "Actor",
-                 "* pack" : "add_child",
-                 "$ xns" : "GtkClutter",
-                 "items" : [
+                   ],
+                   "xtype" : "SortListModel"
+                  },
                   {
-                   "listeners" : {
-                    "clicked" : " () => {\n    // create a new file in project..\n    print(\"add file selected\\n\");\n    // what's the currently selected project...\n    var proj = _this.windowstate.left_projects.getSelectedProject();\n    \n    if (proj == null) {\n\t\tprint(\"no project selected?\\n\");\n        return  ;\n    }\n    \n    print(\"creating file?\");\n    \n    var f = JsRender.JsRender.factory(proj.xtype,  proj, \"\");\n    _this.project = proj;\n        print(\"showing popup?\");\n     _this.windowstate.file_details.show(\n       f, this.el\n    );\n    \n    \n    return  ;    \n}"
-                   },
-                   "* pack" : false,
-                   "xtype" : "Button",
-                   "width_request" : 50,
                    "$ xns" : "Gtk",
-                   "$ tooltip_text" : "\"Add File\"",
-                   "height_request" : 50,
-                   "items" : [
-                    {
-                     "utf8 icon_name" : "document-new",
-                     "* pack" : "set_image",
-                     "xtype" : "Image",
-                     "$ xns" : "Gtk"
-                    }
-                   ]
+                   "* prop" : "filter",
+                   "Gtk.CustomFilterFunc match_func" : [
+                    "(item) => { ",
+                    "\tvar tr = ((Gtk.TreeListRow)item).get_item();",
+                    "\t//GLib.debug(\"filter %s\", tr.get_type().name());",
+                    "\tvar j =  (JsRender.JsRender) tr;",
+                    "\tif (j.xtype == \"Dir\" && j.childfiles.n_items < 1) {",
+                    "\t\treturn false;",
+                    "\t}",
+                    "\tvar str = _this.filesearch.el.text.down();\t",
+                    "\tif (j.xtype == \"Dir\") {",
+                    "\t",
+                    "\t\t",
+                    "\t\tfor (var i =0 ; i < j.childfiles.n_items; i++) {",
+                    "\t\t\tvar f = (JsRender.JsRender) j.childfiles.get_item(i);",
+                    "\t\t\t//if (f.xtype != \"PlainFile\") {",
+                    "\t\t\t//\tcontinue;",
+                    "\t\t\t//}",
+                    "\t\t\tif (f.content_type.contains(\"image\")) {",
+                    "\t\t\t\tcontinue;",
+                    "\t\t\t}",
+                    "\t\t\tif (str.length < 1) {",
+                    "\t\t\t\treturn true;",
+                    "\t\t\t}",
+                    "\t\t\tif (f.name.down().contains(str)) {",
+                    "\t\t\t\treturn true;",
+                    "\t\t\t}",
+                    "\t\t\t",
+                    "\t\t}",
+                    "\t\t ",
+                    "\t\treturn false;",
+                    "\t}",
+                    "\t//if (j.xtype != \"PlainFile\") {",
+                    "\t//\treturn false;",
+                    "\t//}",
+                    " \tif (j.content_type.contains(\"image\")) {",
+                    "\t\treturn false;",
+                    "\t}",
+                    "\t\t\t ",
+                    "\tif (str.length < 1) { // no search.",
+                    "\t\treturn true;",
+                    "\t}",
+                    "\tif (j.name.down().contains(str)) {",
+                    "\t\treturn true;",
+                    "\t}",
+                    "\treturn false; ",
+                    "",
+                    "}"
+                   ],
+                   "id" : "treefilter",
+                   "xtype" : "CustomFilter"
                   }
-                 ]
+                 ],
+                 "xtype" : "FilterListModel"
                 }
-               ]
+               ],
+               "xtype" : "SingleSelection"
               },
               {
-               "id" : "delprojectbutton",
-               "* init" : "this.el.set_size(50,50);",
-               "xtype" : "Actor",
-               "* pack" : "add_child",
-               "$ xns" : "Clutter",
+               "$ xns" : "Gtk",
+               "* init" : [
+                "{",
+                "\t// this.el.set_sorter(  new Gtk.StringSorter(",
+                "\t// \tnew Gtk.PropertyExpression(typeof(JsRender.NodeProp), null, \"name\")",
+                " //\t));",
+                "\t\t",
+                "}",
+                ""
+               ],
+               "* pack" : "append_column",
+               "bool expand" : true,
+               "bool resizable" : true,
+               "id" : "name",
                "items" : [
                 {
-                 "* init" : "((Gtk.Container)(this.el.get_widget())).add ( child_0.el);",
-                 "xtype" : "Actor",
-                 "* pack" : "add_child",
-                 "$ xns" : "GtkClutter",
-                 "items" : [
-                  {
-                   "listeners" : {
-                    "clicked" : "  ( ) => {\n     \n     var cd = DialogConfirm.singleton();\n     cd.el.set_transient_for(_this.el);\n    cd.el.set_modal(true);\n\n     var project =   _this.windowstate.left_projects.getSelectedProject();\n    if (project == null) {\n        print(\"SKIP - no project\\n\");\n        return;\n    }\n    \n        \n     if (Gtk.ResponseType.YES != cd.show(\"Confirm\", \n        \"Are you sure you want to delete project %s\".printf(project.name))) {\n        return;\n    }\n     \n\n    // confirm?\n    Project.Project.remove(project);\n    _this.project = null;\n    \n    _this.windowstate.left_projects.is_loaded =  false;\n    _this.windowstate.left_projects.load();\n    _this.windowstate.clutterfiles.clearFiles();\n\n}"
-                   },
-                   "* pack" : false,
-                   "xtype" : "Button",
-                   "width_request" : 50,
-                   "$ xns" : "Gtk",
-                   "$ tooltip_text" : "\"Delete Project\"",
-                   "height_request" : 50,
-                   "items" : [
-                    {
-                     "xtype" : "Image",
-                     "utf8 icon_name" : "user-trash",
-                     "* pack" : "set_image",
-                     "$ xns" : "Gtk"
-                    }
-                   ]
-                  }
-                 ]
+                 "$ xns" : "Gtk",
+                 "* prop" : "factory",
+                 "listeners" : {
+                  "bind" : [
+                   "(listitem) => {",
+                   "\t",
+                   "\t //GLib.debug(\"listitme is is %s\", ((Gtk.ListItem)listitem).get_type().name());",
+                   "                \t",
+                   "            \t",
+                   "            \t",
+                   "        \t//var expand = (Gtk.TreeExpander) ((Gtk.ListItem)listitem).get_child();",
+                   "    \tvar expand = (Gtk.TreeExpander)  ((Gtk.ListItem)listitem).get_child();",
+                   "    \t  ",
+                   "     \tvar hbox = (Gtk.Box) expand.child;",
+                   " ",
+                   "\t",
+                   "\t\tvar img = (Gtk.Image) hbox.get_first_child();",
+                   "\t\tvar lbl = (Gtk.Label) img.get_next_sibling();",
+                   "",
+                   " ",
+                   "    \t",
+                   "    \t if (lbl == null || lbl.label != \"\") { // do not update",
+                   "    \t \treturn;",
+                   "     \t}",
+                   "    \tvar lr = (Gtk.TreeListRow)((Gtk.ListItem)listitem).get_item();",
+                   "    \t//GLib.debug(\"LR = %s\", lr.get_type().name());",
+                   "    ",
+                   "    \t",
+                   "    \tvar jr =(JsRender.JsRender) lr.get_item();",
+                   "    \t//GLib.debug(\"JR = %s\", jr.get_type().name());\t\t",
+                   "    \t",
+                   "    \t if (jr == null) {",
+                   "    \t\t GLib.debug(\"Problem getting item\"); ",
+                   "    \t\t return;",
+                   "    \t }",
+                   "",
+                   "\t\tjr.bind_property(\"icon\",",
+                   "                img, \"gicon\",",
+                   "               GLib.BindingFlags.SYNC_CREATE);",
+                   "",
+                   "    \t//GLib.debug(\"change  %s to %s\", lbl.label, np.name);",
+                   "    \tlbl.label = jr.name; // for dir's we could hsow the sub path..",
+                   "    \tlbl.tooltip_markup = jr.path;",
+                   "    \t ",
+                   "        expand.set_hide_expander(  jr.xtype != \"Dir\" );",
+                   "     \t expand.set_list_row(lr);",
+                   "     ",
+                   "         \t ",
+                   "                 \t// bind image...",
+                   "}",
+                   ""
+                  ],
+                  "setup" : [
+                   "(listitem) => {",
+                   "\t",
+                   "\tvar expand = new Gtk.TreeExpander();",
+                   "\t ",
+                   "\texpand.set_indent_for_depth(true);",
+                   "\texpand.set_indent_for_icon(true);",
+                   "\tvar hbox = new Gtk.Box(Gtk.Orientation.HORIZONTAL,0);",
+                   "\tvar icon = new Gtk.Image();",
+                   "\ticon.margin_end = 4;",
+                   "\tvar lbl = new Gtk.Label(\"\");",
+                   "\tlbl.use_markup = true;",
+                   "\t",
+                   "\t",
+                   " \tlbl.justify = Gtk.Justification.LEFT;",
+                   " \tlbl.xalign = 0;",
+                   "",
+                   " \thbox.append(icon);",
+                   "\thbox.append(lbl);",
+                   "\texpand.set_child(hbox);",
+                   "\t((Gtk.ListItem)listitem).set_child(expand);",
+                   "\t((Gtk.ListItem)listitem).activatable = false;",
+                   "}",
+                   ""
+                  ]
+                 },
+                 "xtype" : "SignalListItemFactory"
                 }
-               ]
+               ],
+               "string title" : "All Project Files",
+               "xtype" : "ColumnViewColumn"
               }
-             ]
+             ],
+             "xtype" : "ColumnView"
             }
-           ]
+           ],
+           "string tooltip_text" : [
+            "dbl-click - opens in NEW window                        ",
+            "shift--dbl-click opens in this window"
+           ],
+           "string xns" : "Gtk",
+           "string xtype" : "ScrolledWindow"
           }
-         ]
+         ],
+         "xtype" : "Paned"
         }
+       ],
+       "xtype" : "Box",
+       "| void show" : [
+        "() {",
+        "\t_this.splitview.el.show_sidebar = true;",
+        "  \t ",
+        "\t_this.filesearch.el.grab_focus();",
+        "\t_this.winloading = true;",
+        "\t_this.winmodel.el.remove_all();",
+        "\t_this.filesearch.el.set_text(\"\");",
+        "\tfor(var i = 0;i < BuilderApplication.windowlist.get_n_items(); i++) {",
+        "\t\t_this.winmodel.el.append( BuilderApplication.windowlist.get_item(i));",
+        "\t}",
+        "\t_this.winsel.selectCurrent();",
+        "\t_this.winloading = false;",
+        "\t",
+        "\t _this.treeview.el.set_model(new Gtk.SingleSelection(null));",
+        "\t",
+        "\t_this.windowstate.project.loadDirsIntoStore(_this.treemodel.el);",
+        "\t",
+        "\t_this.treeview.el.set_model(_this.treeselmodel.el);",
+        "\t",
+        " \t_this.treeselmodel.el.selected = Gtk.INVALID_LIST_POSITION;",
+        "\t",
+        "}"
        ]
       },
       {
-       "bool homogeneous" : false,
-       "* pack" : "pack_end,false,true,0",
-       "xtype" : "Box",
        "$ xns" : "Gtk",
-       "Gtk.Orientation orientation" : "Gtk.Orientation.HORIZONTAL",
-       "items" : [
-        {
-         "string label" : "   ",
-         "* pack" : "pack_start,true,true,0",
-         "xtype" : "Label",
-         "$ xns" : "Gtk"
-        },
-        {
-         "bool show_text" : true,
-         "ulong handler_id" : "-1",
-         "id" : "statusbar",
-         "* init" : "{\n     this.handler_id = Resources.singleton().updateProgress.connect((pos,total) => {\n        if (pos < 1) {\n            this.el.hide();\n            _this.mainpane.el.set_sensitive(true);\n            \n            return;\n        }\n         _this.mainpane.el.set_sensitive(false);\n         this.el.show();\n         this.el.set_fraction ((1.0f * pos) / (1.0f * total));\n         this.el.set_text(\"Fetching Resource : %s/%s\".printf(pos.to_string(), total.to_string()));\n       \n     });\n}\n",
-         "xtype" : "ProgressBar",
-         "* pack" : "pack_start,true,true,0",
-         "$ xns" : "Gtk"
-        },
-        {
-         "listeners" : {
-          "key_press_event" : "(event) => {\n    \n \tif (event.keyval == Gdk.Key.Return) {\n\t\tthis.forwardSearch(false);\n\t    return true;\n\n\t}    \n   // print(event.key.keyval)\n    \n    return false;\n\n} ",
-          "changed" : "() => {\n\tif (this.el.text == \"\") {\n\t\t_this.search_results.el.hide();\n\t\treturn;\n\t}\n\tvar res = 0;\n\tswitch(_this.windowstate.state) {\n\t\tcase WindowState.State.CODEONLY:\n\t\tcase WindowState.State.CODE:\n\t\t\t// search the code being edited..\n\t\t\tres = _this.windowstate.code_editor.search(this.el.text);\n\t\t\t\n\t\t\tbreak;\n\t\tcase WindowState.State.PREVIEW:\n\t\t\tif (_this.windowstate.file.xtype == \"Gtk\") {\n\t\t\t\t res = _this.windowstate.window_gladeview.search(this.el.text);\n\t\t\t} else { \n\t\t\t\t res = _this.windowstate.window_rooview.search(this.el.text);\t\t\t\n\t\t\t}\n\t\t\n\t\t\n\t\t\tbreak;\n\t}\n\t_this.search_results.el.show();\n\tif (res > 0) {\n\t\t_this.search_results.el.label = \"%d Matches\".printf(res);\n\t} else {\n\t\t_this.search_results.el.label = \"No Matches\";\n\t}\n\t\t\n\t\n\t\n}\n"
-         },
-         "id" : "search_entry",
-         "* init" : "var description =   Pango.FontDescription.from_string(\"monospace\");\n\tdescription.set_size(8000);\n\t this.el.override_font(description);\n\n",
-         "* pack" : "pack_start,false,true,0",
-         "xtype" : "SearchEntry",
-         "$ xns" : "Gtk",
-         "| void forwardSearch" : "(bool change_focus) {\n\tswitch(_this.windowstate.state) {\n\t\tcase WindowState.State.CODEONLY:\n\t\tcase WindowState.State.CODE:\n\t\t\t// search the code being edited..\n\t\t\t_this.windowstate.code_editor.forwardSearch(change_focus);\n\t\t\t\n\t\t\tbreak;\n\t\tcase WindowState.State.PREVIEW:\n\t\t\tif (_this.windowstate.file.xtype == \"Gtk\") {\n\t\t\t\t_this.windowstate.window_gladeview.forwardSearch(change_focus);\n\t\t\t} else { \n\t\t\t\t _this.windowstate.window_rooview.forwardSearch(change_focus);\n\t\t\t}\n\t\t\n\t\t\tbreak;\n\t}\n\t\n}\n"
-        },
-        {
-         "* pack" : "add",
-         "xtype" : "MenuBar",
-         "string label" : "Compile Status:",
-         "$ xns" : "Gtk",
-         "items" : [
-          {
-           "listeners" : {
-            "button_press_event" : "() => {\n/*\n    if (this.popup == null) {\n        this.popup = new Xcls_ValaCompileErrors();\n        this.popup.window = _this;\n    }\n   \n    \n    this.popup.show(this.notices, this.el);\n    */\n    return true;\n}"
-           },
-           "bool always_show_image" : true,
-           "id" : "search_results",
-           "Xcls_ValaCompileErrors popup" : "",
-           "string label" : "Matches",
-           "* pack" : "add",
-           "xtype" : "ImageMenuItem",
-           "$ xns" : "Gtk",
-           "items" : [
-            {
-             "utf8 icon_name" : "system-search",
-             "* pack" : "set_image",
-             "xtype" : "Image",
-             "bool sensitive" : false,
-             "$ xns" : "Gtk"
-            }
-           ]
-          },
-          {
-           "* pack" : "composite_name",
-           "xtype" : "MenuItem",
-           "$ xns" : "Gtk"
-          },
-          {
-           "listeners" : {
-            "button_press_event" : "() => {\n    if (this.popup == null) {\n        this.popup = new Xcls_ValaCompileErrors();\n        this.popup.window = _this;\n    }\n   \n    \n    this.popup.show(this.notices, this.el);\n    return true;\n}"
-           },
-           "bool always_show_image" : true,
-           "id" : "statusbar_errors",
-           "| void setNotices" : "(Json.Object nots, int qty) {\n    this.el.show();\n    this.el.label = qty.to_string() + \" Errors\";\n    this.notices = nots;\n\n}\n",
-           "Xcls_ValaCompileErrors popup" : "",
-           "string label" : "Errors",
-           "* pack" : "add",
-           "xtype" : "ImageMenuItem",
-           "# Json.Object notices" : "new Json.Object() ",
-           "$ xns" : "Gtk",
-           "items" : [
-            {
-             "* pack" : "set_image",
-             "xtype" : "Image",
-             "utf8 icon_name" : "dialog-error",
-             "$ xns" : "Gtk"
-            }
-           ]
-          },
-          {
-           "listeners" : {
-            "button_press_event" : "() => {\n    if (this.popup == null) {\n        this.popup = new Xcls_ValaCompileErrors();\n        this.popup.window = _this;\n    }\n    \n    this.popup.show(this.notices, this.el);\n    return true;\n}"
-           },
-           "bool always_show_image" : true,
-           "id" : "statusbar_warnings",
-           "| void setNotices" : "(Json.Object nots, int qty) {\n    this.el.show();\n    this.el.label = qty.to_string() + \" Warnings\";\n    this.notices = nots;\n\n}\n",
-           "Xcls_ValaCompileErrors popup" : "",
-           "* pack" : "add",
-           "string label" : "Warnings",
-           "xtype" : "ImageMenuItem",
-           "# Json.Object notices" : "new Json.Object()",
-           "$ xns" : "Gtk",
-           "items" : [
-            {
-             "utf8 icon_name" : "dialog-warning",
-             "* pack" : "set_image",
-             "xtype" : "Image",
-             "$ xns" : "Gtk"
-            }
-           ]
-          },
-          {
-           "listeners" : {
-            "button_press_event" : "() => {\n    if (this.popup == null) {\n        this.popup = new Xcls_ValaCompileErrors();\n        this.popup.window = _this;\n    }\n    \n    \n    this.popup.show(this.notices, this.el);\n    return true;\n}"
-           },
-           "bool always_show_image" : true,
-           "id" : "statusbar_depricated",
-           "| void setNotices" : "(Json.Object nots, int qty) {\n    this.el.show();\n    this.el.label = qty.to_string() + \" Depricated\";\n    this.notices = nots;\n\n}\n",
-           "Xcls_ValaCompileErrors popup" : "",
-           "string label" : "Depricated",
-           "* pack" : "add",
-           "xtype" : "ImageMenuItem",
-           "# Json.Object notices" : "new Json.Object()",
-           "$ xns" : "Gtk",
-           "items" : [
-            {
-             "xtype" : "Image",
-             "utf8 icon_name" : "dialog-information",
-             "* pack" : "set_image",
-             "$ xns" : "Gtk"
-            }
-           ]
-          },
-          {
-           "listeners" : {
-            "button_press_event" : "() => {\n\tif (_this.windowstate.file == null) {\n\t\treturn true;\n\t}\n\t_this.windowstate.valasource.spawnExecute(_this.windowstate.file);\n\t\n\t_this.windowstate.compile_results.show(this.el,true);\n\t\n\treturn true;\n}"
-           },
-           "bool always_show_image" : true,
-           "id" : "statusbar_run",
-           "Xcls_ValaCompileErrors popup" : "",
-           "string label" : "Run",
-           "* pack" : "add",
-           "xtype" : "ImageMenuItem",
-           "$ xns" : "Gtk",
-           "items" : [
-            {
-             "utf8 icon_name" : "media-playback-start",
-             "* pack" : "set_image",
-             "xtype" : "Image",
-             "$ xns" : "Gtk"
-            }
-           ]
-          }
-         ]
-        },
-        {
-         "id" : "statusbar_compile_spinner",
-         "* pack" : "add",
-         "xtype" : "Spinner",
-         "| void stop" : "() {\n this.el.stop();\n  this.el.hide();\n}\n",
-         "$ xns" : "Gtk",
-         "| void start" : "() {\n  this.el.show();\n  this.el.start();  \n}\n"
-        }
-       ]
+       "id" : "keystate",
+       "int is_shift" : 0,
+       "listeners" : {
+        "key_pressed" : [
+         "(keyval, keycode, state) => {",
+         "",
+         " \tif (keyval == Gdk.Key.Shift_L || keyval == Gdk.Key.Shift_R) {",
+         " \t\tthis.is_shift = 1;",
+         " \t\t",
+         "\t}",
+         "\t",
+         "\t",
+         "\treturn true;",
+         "\t",
+         "}",
+         ""
+        ],
+        "key_released" : [
+         "(keyval, keycode, state) => {",
+         "\tGLib.debug(",
+         "\t",
+         "\t\t\"key release %d, %d, %d  ?= %d %d\" , ",
+         "\t\t\t(int) keyval, (int)  keycode, state,",
+         "\t\t\t(int)Gdk.Key.O, Gdk.ModifierType.CONTROL_MASK",
+         "\t\t);",
+         " \tif (keyval == Gdk.Key.Shift_L || keyval == Gdk.Key.Shift_R) {",
+         " \t\tthis.is_shift = 0;",
+         "\t}",
+         "\t//GLib.debug(\"set state %d , shift = %d\", (int)this.el.get_current_event_state(), Gdk.ModifierType.SHIFT_MASK);",
+         "\tif (keyval == Gdk.Key.o && (state & Gdk.ModifierType.CONTROL_MASK) != 0) {",
+         "\t\t// ctrl O pressed",
+         "\t\tif (!_this.splitview.el.show_sidebar) {",
+         "\t  \t\t_this.sidebar.show(); ",
+         "\t \t}",
+         "\t}",
+         "\t",
+         "",
+         " ",
+         "}"
+        ]
+       },
+       "xtype" : "EventControllerKey"
       }
-     ]
+     ],
+     "xtype" : "OverlaySplitView"
     }
+   ],
+   "listeners" : {
+    "close_request" : [
+     "( ) => {",
+     "\t Resources.singleton().disconnect(_this.statusbar.handler_id);",
+     "\t ",
+     "\t ",
+     "\t this.windowstate.file.getLanguageServer().document_close(",
+     "\t \tthis.windowstate.file",
+     " \t);",
+     "\t ",
+     "\t BuilderApplication.removeWindow(this);",
+     "\t ",
+     "\t if (BuilderApplication.windows.size  < 1) {",
+     "\t \ttry {",
+     "\t\t\tthis.windowstate.file.getLanguageServer().exit();",
+     "\t\t} catch(Error e) {}",
+     "\t\t",
+     "\t\tBuilderApplication.singleton(  null ).quit();",
+     "\t }",
+     "\treturn true;",
+     "\t",
+     "}",
+     ""
+    ],
+    "hide" : [
+     "() =>  {",
+     " ",
+     " ",
+     "",
+     "}"
+    ],
+    "show" : [
+     "  ( ) => {",
+     "    // hide the file editing..",
+     "   ",
+     "    //this.hideViewEditing();",
+     "    // this is updated by windowstate - we try and fill it in..",
+     "     _this.statusbar.el.hide();",
+     "     //_this.statusbar_errors.el.hide();",
+     "    //_this.statusbar_warnings.el.hide();",
+     "    //_this.statusbar_depricated.el.hide();",
+     "    _this.statusbar_compile_spinner.el.hide();",
+     "  ",
+     "    Resources.singleton().checkResources();",
+     "    ",
+     "  ",
+     "",
+     "}"
+    ]
+   },
+   "string title" : "Roo Application Builder",
+   "xtype" : "ApplicationWindow",
+   "| void initChildren" : [
+    " () {",
+    "    // this needs putting in a better place..",
+    "    if (this.windowstate == null) {",
+    "    \tthis.windowstate = new WindowState(this);",
+    "    ",
+    "    }",
+    "     ",
+    "",
+    " ",
+    "",
+    "    ",
+    "",
+    "",
+    "",
+    "}",
+    ""
+   ],
+   "| void openNewWindow" : [
+    "() {",
+    " ",
+    "    var w = new Xcls_MainWindow();",
+    "    w.ref();",
+    "\tBuilderApplication.addWindow(w);",
+    "    w.el.show();",
+    "    w.initChildren();",
+    "    w.windowstate.showPopoverFiles(w.open_projects_btn.el, _this.project, false);",
+    "     ",
+    "}",
+    ""
+   ],
+   "| void setTitle" : [
+    " () {",
+    "    if (_this.windowstate.project == null || ",
+    "\t    _this.windowstate.file == null",
+    "    ) {",
+    "    \tthis.el.set_title(\"Select File\");",
+    "    \treturn;",
+    "\t}",
+    "    _this.el.set_title(",
+    "    \t_this.windowstate.project.name + ",
+    "    \t\" - \" +",
+    "\t\t_this.windowstate.file.relpath);",
+    "} "
+   ],
+   "| void show" : [
+    "() {",
+    "   ",
+    "    this.el.show();",
+    "    if (this.windowstate.file  == null) {",
+    "    \tthis.windowstate.showPopoverFiles(this.open_projects_btn.el, null, false);",
+    "    }",
+    "}"
+   ],
+   "| void updateErrors" : [
+    "() {",
+    "",
+    "",
+    " \tGLib.debug(\"updateErrors\");",
+    "\t",
+    "\tvar pr = this.windowstate.project.getErrors(\"ERR\");",
+    "\t",
+    "\tthis.statusbar_errors.setNotices(",
+    "\t\tpr,",
+    "\t\tthis.windowstate.file.getErrorsTotal(\"ERR\")",
+    "\t);",
+    "\t",
+    "\tthis.statusbar_warnings.setNotices(",
+    "\t\tthis.windowstate.project.getErrors(\"WARN\"),",
+    "\t\tthis.windowstate.file.getErrorsTotal(\"WARN\")",
+    "\t);",
+    "\tthis.statusbar_depricated.setNotices(",
+    "\t\tthis.windowstate.project.getErrors(\"DEPR\"),",
+    "\t\tthis.windowstate.file.getErrorsTotal(\"DEPR\")",
+    "\t);",
+    "",
+    "\t_this.statusbar_run.el.hide();",
+    "",
+    "\tif (pr.get_n_items() < 1) {",
+    "\t\t_this.statusbar_run.el.show();",
+    "\t} ",
+    "\t",
+    "}"
    ]
   }
- ]
+ ],
+ "name" : "MainWindow"
 }
\ No newline at end of file