df28de76abefff863fa0bf8bce3f7b5c213da049
[app.Builder.js] / Builder / Window.bjs
1 {
2     "id": "file-gtk-1",
3     "name": "Window",
4     "parent": "",
5     "title": false,
6     "path": "/home/alan/gitlive/app.Builder.js/Sample/Window.bjs",
7     "items": [
8         {
9             "|xns": "Gtk",
10             "xtype": "Window",
11             "|type": "Gtk.WindowType.TOPLEVEL",
12             "title": "Application Builder",
13             "border_width": 0,
14             "|init": "function() {\n     this.atoms = {\n           \"STRING\" : Gdk.atom_intern(\"STRING\")\n\t};\n\tthis.targetList = new Gtk.TargetList();\n\tthis.targetList.add( this.atoms[\"STRING\"], 0, 0);\n\t//imports.Builder.Provider.ProjectManager.ProjectManager.loadConfig();\nGtk.rc_parse_string(\n            \"style \\\"gtkcombobox-style\\\" {\\n\" + \n            \"    GtkComboBox::appears-as-list = 1\\n\" +\n            \"}\\n\"+\n            \"class \\\"GtkComboBox\\\" style \\\"gtkcombobox-style\\\"\\n\");\n    XObject.prototype.init.call(this);\n    this.el.show_all();\n    \n   \n              \n}\n",
15             "default_width": 800,
16             "default_height": 500,
17             "id": "Window",
18             "|setTitle": "function(str) {\n    this.el.set_title(this.title + ' - ' + str);\n}\n",
19             "listeners": {
20                 "delete_event": "function (self, event) {\n    return false;\n}",
21                 "destroy": "function (self) {\n   Gtk.main_quit();\n}",
22                 "show": "function (self) {\n  print(\"WINDOW SHOWING - trying to hide\");\nimports.Builder.Provider.ProjectManager.ProjectManager.loadConfig();\n \tthis.get('/MidPropTree').hideWin();\n    this.get('/RightPalete').hide();\n    this.get('/BottomPane').el.hide();\n\n}"
23             },
24             "items": [
25                 {
26                     "|xns": "Gtk",
27                     "xtype": "VBox",
28                     "id": "w-vbox",
29                     "items": [
30                         {
31                             "|xns": "Gtk",
32                             "xtype": "MenuBar",
33                             "pack": "pack_start,false,false",
34                             "items": [
35                                 {
36                                     "|xns": "Gtk",
37                                     "xtype": "MenuItem",
38                                     "|use_underline": true,
39                                     "label": "_File",
40                                     "items": [
41                                         {
42                                             "|xns": "Gtk",
43                                             "xtype": "Menu",
44                                             "pack": "set_submenu",
45                                             "items": [
46                                                 {
47                                                     "|xns": "Gtk",
48                                                     "xtype": "MenuItem",
49                                                     "|use_underline": true,
50                                                     "label": "New _Project",
51                                                     "listeners": {
52                                                         "activate": "function (self) {\n         var _this = this;\n\tthis.get('/EditProject').show({\n\t    success : function(pr) {\n\t\t     _this.get('/LeftProjectTree').get('combo').setValue(pr.fn);\n\t    }\n\t});\n}"
53                                                     }
54                                                 },
55                                                 {
56                                                     "|xns": "Gtk",
57                                                     "xtype": "MenuItem",
58                                                     "label": "_New File",
59                                                     "|use_underline": true,
60                                                     "listeners": {
61                                                         "activate": "function (self) {\n \tvar fn = this.get('/LeftProjectTree.combo').getValue();\n        if (!fn) {\n            this.get('/LeftProjectTree').showNoProjectSelected();\n            return true;\n        }\n        var pm = imports.Builder.Provider.ProjectManager.ProjectManager;\n        this.get('/DialogNewComponent').show({\n            project : pm.getByFn(fn)\n        });\n}"
62                                                     }
63                                                 },
64                                                 {
65                                                     "|xns": "Gtk",
66                                                     "xtype": "SeparatorMenuItem",
67                                                     "pack": "add"
68                                                 },
69                                                 {
70                                                     "|xns": "Gtk",
71                                                     "xtype": "MenuItem",
72                                                     "|use_underline": true,
73                                                     "pack": "add",
74                                                     "label": "D_elete Project",
75                                                     "listeners": {
76                                                         "activate": "function (self) {\n\n\tvar fn =  this.get('/LeftProjectTree').get('combo').getValue();\n\tif (!fn.length) {\n\t\tthis.get('/StandardErrorDialog').show(\"Select a project\")\n\t\treturn;\n        }\n\tvar pm = imports.Builder.Provider.ProjectManager.ProjectManager;\n\tvar pr  = pm.getByFn(fn);\n\n\t// confirm..\n\tthis.get('/DialogConfirm').show(\"Are you sure you want to delete project '\" + pr.name + \"'\", function() {\n\t\tpm.deleteProject(fn);\n\t\tprint(\"DELETE?\");\n\t});\n\n}"
77                                                     }
78                                                 },
79                                                 {
80                                                     "|xns": "Gtk",
81                                                     "xtype": "SeparatorMenuItem",
82                                                     "pack": "add"
83                                                 },
84                                                 {
85                                                     "|xns": "Gtk",
86                                                     "xtype": "MenuItem",
87                                                     "pack": "add",
88                                                     "label": "_Quit",
89                                                     "|use_underline": true,
90                                                     "listeners": {
91                                                         "activate": "function (self) {\n   Gtk.main_quit();\n} "
92                                                     }
93                                                 }
94                                             ]
95                                         }
96                                     ]
97                                 },
98                                 {
99                                     "label": "_Edit",
100                                     "xtype": "MenuItem",
101                                     "|use_underline": true,
102                                     "|xns": "Gtk",
103                                     "pack": "add",
104                                     "items": [
105                                         {
106                                             "|xns": "Gtk",
107                                             "xtype": "Menu",
108                                             "pack": "set_submenu",
109                                             "listeners": {},
110                                             "items": [
111                                                 {
112                                                     "listeners": {
113                                                         "activate": "function (self) {\n \tvar fn = this.get('/LeftTree').getActiveFile();\n        if (!fn) {\n            this.get('/StandardErrorDialog').show(\"No File active\");\n            return true;\n        }\n \n        this.get('/DialogNewComponent').show(fn);\n        return true;\n}"
114                                                     },
115                                                     "label": "File _Properties",
116                                                     "pack": "add",
117                                                     "xtype": "MenuItem",
118                                                     "|use_underline": true,
119                                                     "|xns": "Gtk"
120                                                 },
121                                                 {
122                                                     "listeners": {
123                                                         "activate": "function (self, event) {\n    this.get('/RooProjectProperties').show();\n    return false;\n}"
124                                                     },
125                                                     "label": "Modify Project HTML ",
126                                                     "pack": "add",
127                                                     "xtype": "MenuItem",
128                                                     "|use_underline": true,
129                                                     "|xns": "Gtk"
130                                                 }
131                                             ]
132                                         }
133                                     ]
134                                 },
135                                 {
136                                     "label": "_View",
137                                     "xtype": "MenuItem",
138                                     "|use_underline": true,
139                                     "|xns": "Gtk",
140                                     "items": [
141                                         {
142                                             "|xns": "Gtk",
143                                             "xtype": "Menu",
144                                             "pack": "set_submenu",
145                                             "listeners": {},
146                                             "items": [
147                                                 {
148                                                     "listeners": {
149                                                         "activate": "function (self, event) {\n      var js = this.get('/LeftTree.model').toJS();\n    if (js && js[0]) {\n        this.get('/RightBrowser.view').renderJS(js[0]);\n    } \n    return false;\n}"
150                                                     },
151                                                     "label": "_Redraw (Roo)",
152                                                     "pack": "add",
153                                                     "xtype": "MenuItem",
154                                                     "|use_underline": true,
155                                                     "|xns": "Gtk"
156                                                 },
157                                                 {
158                                                     "listeners": {
159                                                         "activate": "function (self, event) \n{\n        /* Firefox testing for debugging..\n          - we can create a /tmp directory, and put.\n            builder.html, builder.html.js, link roojs1 \n            add at the end of builder.html Roo.onload(function() {\n\t  */\n\t if (!this.get('/Window.LeftTree').getActiveFile()) {\n            return;\n        }\n        \n        var js = this.get('/LeftTree.model').toJS();\n         if (!js ||  !js[0]) {\n            return;\n        }\n        var project = this.get('/Window.LeftTree').getActiveFile().project;\n        //print (project.fn);\n        \n        project.runhtml  = project.runhtml || '';\n\n\n\tvar File = imports.File.File;\n\t\n\tvar target = \"/tmp/firetest\"; // fixme..\n\tif (!File.isDirectory(target)) {\n\t    File.mkdir(target);\n        }\n\tFile.copy(__script_path__ + '/../builder.html.js', target+ '/builder.html.js', Gio.FileCopyFlags.OVERWRITE);\n\tif (!File.exists( target+ '/roojs1')) {\n            File.link( target+ '/roojs1', __script_path__ + '/../roojs1');\n    \t}\n        \n        \n        \n        var html = imports.File.File.read(__script_path__ + '/../builder.html');\n        html = html.replace('</head>', project.runhtml + '</head>');\n        \n       \n        var     jsstr = JSON.stringify(js[0], null, 4);\n       \n        var runbuilder = '<script type=\"text/javascript\">' + \"\\n\" + \n            \" Builder.render(\" + jsstr + \");\\n\" +\n            '</script>';\n        \n        html = html.replace('</body>', runbuilder + '</body>');\n\n\tFile.write( target+ '/builder.html', html);\n\t\n        this.get('/Terminal').feed(\"RUN DIR:\" + target);\n    \n    this.get('/Terminal').el.fork_command( null , [], [], target\n\t, false,false,false); \n    var cmd = \"firefox file://\" + target + \"/builder.html  \\n\";\n    this.get('/Terminal').el.feed_child(cmd, cmd.length);\n     return false;\n}"
160                                                     },
161                                                     "label": "_Test in Firefox (Roo)",
162                                                     "pack": "add",
163                                                     "xtype": "MenuItem",
164                                                     "|use_underline": true,
165                                                     "|xns": "Gtk"
166                                                 }
167                                             ]
168                                         }
169                                     ]
170                                 },
171                                 {
172                                     "|xns": "Gtk",
173                                     "xtype": "MenuItem",
174                                     "label": "_Help",
175                                     "|use_underline": true,
176                                     "listeners": {},
177                                     "pack": "add",
178                                     "items": [
179                                         {
180                                             "|xns": "Gtk",
181                                             "xtype": "Menu",
182                                             "pack": "set_submenu",
183                                             "listeners": {},
184                                             "items": [
185                                                 {
186                                                     "|xns": "Gtk",
187                                                     "xtype": "MenuItem",
188                                                     "pack": "add",
189                                                     "label": "_About",
190                                                     "|use_underline": true,
191                                                     "listeners": {
192                                                         "activate": "function (self) {\n    this.get('/About').el.run();\n}"
193                                                     }
194                                                 }
195                                             ]
196                                         }
197                                     ]
198                                 }
199                             ]
200                         },
201                         {
202                             "|xns": "Gtk",
203                             "xtype": "HPaned",
204                             "id": "left",
205                             "position": 400,
206                             "items": [
207                                 {
208                                     "|xns": "Gtk",
209                                     "xtype": "HBox",
210                                     "items": [
211                                         {
212                                             "|xns": "Gtk",
213                                             "xtype": "VPaned",
214                                             "position": 300,
215                                             "id": "leftvpaned",
216                                             "items": [
217                                                 {
218                                                     "|xns": "Gtk",
219                                                     "xtype": "VBox",
220                                                     "id": "LeftTopPanel",
221                                                     "items": [
222                                                         {
223                                                             "listeners": {
224                                                                 "activate": "function (self) {\n\tvar nb = this.get('/LeftTopPanel.notebook');\n\tif (this.el.expanded) {\n\t    // now expanded..\n            \n\t    var pm  = imports.Builder.Provider.ProjectManager.ProjectManager;\n\t    \n\t   \n\t    var model = this.get('/LeftProjectTree.combomodel');\n\t  //  print (\"loading Projects?\")\n\t//console.dump(pm.projects);\n\t    model.loadData(pm.projects);\n\t     \n\t    \n\t    nb.el.set_current_page(1);\n\t    //pm.on('changed', function() {\n\t\t//console.log(\"CAUGHT project manager change\");\n\t    //    _combo.model.loadData(pm.projects);\n\t    //}\n\t    return;\n\t}\n\tnb.el.set_current_page(0);\n}",
225                                                                 "enter_notify_event": "function (self, event) {\n     this.el.expanded = !this.el.expanded;\n//if (this.el.expanded ) {\n    this.listeners.activate.call(this);\n//   }\n\nreturn true;\n}"
226                                                             },
227                                                             "id": "expander",
228                                                             "label": "Select Project or File",
229                                                             "pack": "pack_start,false,true",
230                                                             "xtype": "Expander",
231                                                             "|init": "function() {\n    XObject.prototype.init.call(this);\n   this.el.add_events (Gdk.EventMask.BUTTON_MOTION_MASK );\n}\n",
232                                                             "|xns": "Gtk"
233                                                         },
234                                                         {
235                                                             "|xns": "Gtk",
236                                                             "xtype": "Notebook",
237                                                             "id": "notebook",
238                                                             "|show_border": false,
239                                                             "|show_tabs": false,
240                                                             "pack": "pack_start,true,true",
241                                                             "|init": "function() {\n    XObject.prototype.init.call(this);\n\tthis.el.set_current_page(0);\n\n}\n",
242                                                             "items": [
243                                                                 {
244                                                                     "id": "LeftTree",
245                                                                     "pack": "add",
246                                                                     "xtype": "ScrolledWindow",
247                                                                     "|getActiveElement": "function() { // return path to actie node.\n\n     var path = this.getActivePath();\n     if (!path) {\n        return false;\n     }\n     var iter = new Gtk.TreeIter();\n     this.get('model').el.get_iter_from_string(iter, path);\n     \n     var value = new GObject.Value('');\n     this.get('model').el.get_value(iter, 2, value);\n        \n     return JSON.parse(value.value);\n}\n",
248                                                                     "|getActiveFile": "function() {\n    return this.get('model').file;\n}\n",
249                                                                     "|getActivePath": "function() {\n    var model = this.get('model');\n    var view = this.get('view');\n    if (view.selection.count_selected_rows() < 1) {\n        return false;\n    }\n    var iter = new Gtk.TreeIter();\n\n    view.selection.get_selected(model.el, iter);\n    return model.el.get_path(iter).to_string();\n}\n",
250                                                                     "|getPaleteProvider": "function() {\n    var model = this.get('model');\n    var pm = imports.Builder.Provider.ProjectManager.ProjectManager;\n    return pm.getPalete(model.file.getType());\n}\n",
251                                                                     "|getRenderer": "function() {\n\n\tswitch( this.getActiveFile().getType()) {\n\t\tcase 'Roo':\n\t\t    return this.get('/RightBrowser.view');\n\t\tcase 'Gtk':\n\t\t    return this.get('/RightGtkView');\n\t}\n\n}\n",
252                                                                     "|init": "function() {\n    XObject.prototype.init.call(this);\n    this.el.set_policy (Gtk.PolicyType.AUTOMATIC, Gtk.PolicyType.AUTOMATIC)\n}\n",
253                                                                     "|renderView": "function() {\n    var render = this.getRenderer();\n    var model = this.get('model');\n    if (render) {\n        render.renderJS(model.toJS(false,true)[0]);\n    } else {\n        print(\"NO RENDER JS METHOD?\");\n    }\n}\n",
254                                                                     "|shadow_type": "Gtk.ShadowType.IN",
255                                                                     "|xns": "Gtk",
256                                                                     "items": [
257                                                                         {
258                                                                             "|xns": "Gtk",
259                                                                             "xtype": "TreeView",
260                                                                             "pack": "add",
261                                                                             "id": "view",
262                                                                             "|headers_visible": false,
263                                                                             "|enable_tree_lines": true,
264                                                                             "tooltip_column": 1,
265                                                                             "|init": "function() {\n    \tXObject.prototype.init.call(this);\n\tvar description = new Pango.FontDescription.c_new();\n\tdescription.set_size(8000);\n\tthis.el.modify_font(description);\n\n\tthis.selection = this.el.get_selection();\n\tthis.selection.set_mode( Gtk.SelectionMode.SINGLE);\n\tvar _this = this;\n\n\t// is this really needed??\n\tthis.selection.signal['changed'].connect(function() {\n\t\t_this.get('/LeftTree.view').listeners.cursor_changed.apply(\n\t\t    _this.get('/LeftTree.view'), [ _this.get('/LeftTree.view'), '']\n\t\t);\n\t});\n\n\tGtk.drag_source_set (\n\t\tthis.el,            /* widget will be drag-able */\n\t\tGdk.ModifierType.BUTTON1_MASK,       /* modifier that will start a drag */\n\t\tnull,            /* lists of target to support */\n\t\t0,              /* size of list */\n\t\tGdk.DragAction.COPY   | Gdk.DragAction.MOVE           /* what to do with data after dropped */\n\t);\n\n\tGtk.drag_source_set_target_list(this.el, this.get('/Window').targetList);\n\n\tGtk.drag_source_add_text_targets(this.el); \n\tGtk.drag_dest_set\n\t(\n\t    this.el,              /* widget that will accept a drop */\n\t    Gtk.DestDefaults.MOTION  | Gtk.DestDefaults.HIGHLIGHT,\n\t    null,            /* lists of target to support */\n\t    0,              /* size of list */\n\t    Gdk.DragAction.COPY   | Gdk.DragAction.MOVE       /* what to do with data after dropped */\n\t);\n\n\tGtk.drag_dest_set_target_list(this.el, this.get('/Window').targetList);\n\tGtk.drag_dest_add_text_targets(this.el);\n}\n",
266                                                                             "|highlight": "function(treepath_ar) {\n\n        // highlighting for drag/drop\n        if (treepath_ar.length && treepath_ar[0].length ) {\n            this.el.set_drag_dest_row( \n                    new  Gtk.TreePath.from_string( treepath_ar[0] ),  treepath_ar[1]);\n            } else {\n                this.el.set_drag_dest_row(null, Gtk.TreeViewDropPosition.INTO_OR_AFTER);\n            }\n             \n        }",
267                                                                             "|selectNode": "function(treepath_str) {\n    //this.selection.select_path(new  Gtk.TreePath.from_string( treepath_str));\n var tp = new Gtk.TreePath.from_string(treepath_str);\n          this.el.set_cursor(tp, null, false);  \n      this.el.scroll_to_cell(tp, null, false, 0,0);\n}\n",
268                                                                             "listeners": {
269                                                                                 "button_press_event": "function (self, ev) {\n \tconsole.log(\"button press?\");\n        if (ev.type != Gdk.EventType.BUTTON_PRESS  || ev.button.button != 3) {\n            print(\"click\" + ev.type);\n            return false;\n        }\n      \n    \n        var res = {}; \n        this.get('/LeftTree.view').el.get_path_at_pos(ev.button.x,ev.button.y, res);\n        \n        if (!this.get('/LeftTreeMenu').el)  this.get('/LeftTreeMenu').init();\n        \n        this.get('/LeftTreeMenu').el.set_screen(Gdk.Screen.get_default());\n        this.get('/LeftTreeMenu').el.show_all();\n        this.get('/LeftTreeMenu').el.popup(null, null, null, null, 3, ev.button.time);\n        print(\"click:\" + res.path.to_string());\n        return false;\n}",
270                                                                                 "drag_begin": "function (self, drag_context) {\n\tprint('SOURCE: drag-begin');\n         this.targetData = false;\n        // find what is selected in our tree...\n        var iter = new Gtk.TreeIter();\n        var s = this.selection;\n        s.get_selected(this.get('/LeftTree.model').el, iter);\n\n        // set some properties of the tree for use by the dropped element.\n        var value = new GObject.Value('');\n        this.get('/LeftTree.model').el.get_value(iter, 2, value);\n        var data = JSON.parse(value.value);\n        var xname = this.get('/LeftTree.model').file.guessName(data);\n        \n        this.el.dragData = xname;\n        this.el.dropList = this.get('/LeftTree').getPaleteProvider().getDropList(xname);\n        \n\n        // make the drag icon a picture of the node that was selected\n        var path = this.get('/LeftTree.model').el.get_path(iter);\n        this.el.treepath = path.to_string();\n        \n        var pix = this.el.create_row_drag_icon ( path);\n        \n        Gtk.drag_set_icon_pixmap (ctx,\n            pix.get_colormap(),\n            pix,\n            null,\n            -10,\n            -10);\n        \n        return true;\n}",
271                                                                                 "drag_end": "function (self, drag_context) {\n\tSeed.print('LEFT-TREE: drag-end');\n        this.el.dragData = false;\n        this.el.dropList = false;\n        this.targetData = false;\n        this.get('/LeftTree.view').highlight(false);\n        return true;\n}",
272                                                                                 "drag_motion": "function (self, ctx, x, y, time) {\n    console.log(\"LEFT-TREE: drag-motion\");\n                var src = Gtk.drag_get_source_widget(ctx);\n\n                // a drag from  elsewhere...- prevent drop..\n                if (!src.dragData) {\n                    print(\"no drag data!\");\n                    Gdk.drag_status(ctx, 0, time);\n                    this.targetData = false;\n                    return true;\n                }\n                var action = Gdk.DragAction.COPY;\n                if (src == this.el) {\n                    // unless we are copying!!! ctl button..\n                    action = ctx.actions & Gdk.DragAction.MOVE ? Gdk.DragAction.MOVE : Gdk.DragAction.COPY ;\n                }\n                var data = {};\n\n\t\tif (!this.get('/LeftTree.model').el.iter_n_children(null)) {\n\t\t\t// no children.. -- asume it's ok..\n\t\t\tthis.targetData =  [ '' , Gtk.TreeViewDropPosition.INTO_OR_AFTER , ''];\n\t\t\tGdk.drag_status(ctx, action ,time);\n\t\t\treturn true;\n\t\t}\n\n                print(\"GETTING POS\");\n                var isOver = this.get('/LeftTree.view').el.get_dest_row_at_pos(x,y, data);\n                print(\"ISOVER? \" + isOver);\n                if (!isOver) {\n                    Gdk.drag_status(ctx, 0 ,time);\n                    return false; // not over apoint!?!\n                }\n                // drag node is parent of child..\n                console.log(\"SRC TREEPATH: \" + src.treepath);\n                console.log(\"TARGET TREEPATH: \" + data.path.to_string());\n                \n                // nned to check a  few here..\n                //Gtk.TreeViewDropPosition.INTO_OR_AFTER\n                //Gtk.TreeViewDropPosition.INTO_OR_BEFORE\n                //Gtk.TreeViewDropPosition.AFTER\n                //Gtk.TreeViewDropPosition.BEFORE\n                \n                if (typeof(src.treepath) != 'undefined'  && \n                    src.treepath == data.path.to_string().substring(0,src.treepath.length)) {\n                    print(\"subpath drag\");\n                     Gdk.drag_status(ctx, 0 ,time);\n                    return false;\n                }\n                \n                // check that \n                //print(\"DUMPING DATA\");\n                //console.dump(data);\n                // path, pos\n                \n                print(data.path.to_string() +' => '+  data.pos);\n                var tg = this.get('/LeftTree.model').findDropNodeByPath(\n                    data.path.to_string(), src.dropList, data.pos);\n                    \n                this.get('/LeftTree.view').highlight(tg);\n                if (!tg.length) {\n                    print(\"Can not find drop node path\");\n                    this.targetData = false;\n                    Gdk.drag_status(ctx, 0, time);\n                    return true;\n                }\n                //console.dump(tg);\n                this.targetData = tg;    \n                \n                \n                Gdk.drag_status(ctx, action ,time);\n                 \n                return true;\n}",
273                                                                                 "drag_drop": "function (w, ctx, x, y, time) {\n      Seed.print(\"TARGET: drag-drop\");\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                        return  true;\n}",
274                                                                                 "drag_data_received": "function (self, ctx, x, y, sel_data, info, time) {\n\t print(\"Tree: drag-data-received\");\n\n              var   delete_selection_data = false;\n               var  dnd_success = false;\n                /* Deal with what we are given from source */\n                if( sel_data && sel_data.length ) {\n                    \n                    if (ctx.action == Gdk.DragAction.ASK)  {\n                        /* Ask the user to move or copy, then set the ctx action. */\n                    }\n\n                    if (ctx.action == Gdk.DragAction.MOVE) {\n                        //delete_selection_data = true;\n                    }\n                    \n                    var source = Gtk.drag_get_source_widget(ctx);\n\n                    if (this.targetData) {\n                        if (source != this.el) {\n                            this.get('/LeftTree.model').dropNode(this.targetData,  source.dragData);\n                        } else {\n                            // drag around.. - reorder..\n                             this.get('/LeftTree.model').moveNode(this.targetData, ctx.action);\n                            \n                            \n                        }\n                        //Seed.print(this.targetData);\n                      \n                    }\n                    \n                    \n                    \n                    // we can send stuff to souce here...\n\n                    dnd_success = true;\n\n                }\n\n                if (dnd_success == false)\n                {\n                        Seed.print (\"DnD data transfer failed!\\n\");\n                }\n\n                Gtk.drag_finish (ctx, dnd_success, delete_selection_data, time);\n                return true;\n}",
275                                                                                 "cursor_changed": "function (self) {\n     if (this.blockChanges) { // probably not needed.. \n       return true;\n     }\n     var render = this.get('/LeftTree').getRenderer();                \n   \n    \n    if (this.selection.count_selected_rows() < 1) {\n        this.get('/LeftPanel.model').load( false);\n        this.get('/MidPropTree').activeElement =  false;\n        this.get('/MidPropTree').hideWin();\n\n        var pm = this.get('/RightPalete.model');\n        if (!this.get('/LeftTree').getPaleteProvider()) {\n            // it may not be loaded yet..\n            return  true;\n        }\n        pm.load( this.get('/LeftTree').getPaleteProvider().gatherList(\n            this.get('/LeftTree.model').listAllTypes()));\n        if (render && render.redraw) {\n            render.redraw();\n        }\n        return true;\n    }\n            \n            //console.log('changed');\n        var s = this.selection;\n          var iter = new Gtk.TreeIter();\n        s.get_selected(this.get('/LeftTree.model').el, iter);\n        \n        \n        // var val = \"\";\n        var value = new GObject.Value('');\n        this.get('/LeftTree.model').el.get_value(iter, 2, value);\n        this.get('/LeftTree.model').activePath = this.get('/LeftTree.model').el.get_path(iter).to_string();\n        \n        var data = JSON.parse(value.value);\n        this.get('/MidPropTree').activeElement =  data;\n        this.get('/MidPropTree').hideWin();\n        this.get('/LeftPanel.model').load( data);\n        \n        console.log(value.value);\n       // _g.button.set_label(''+value.get_string());\n\n        var pm =this.get('/RightPalete.model');\n        pm.load( this.get('/RightPalete').provider.gatherList(\n             this.get('/LeftTree.model').listAllTypes()));\n       \n        \n           if (render && render.redraw) {\n            render.redraw();\n        }\n           \n            //Seed.print( value.get_string());\n            return true;\n                \n}"
276                                                                             },
277                                                                             "items": [
278                                                                                 {
279                                                                                     "activePath": false,
280                                                                                     "currentTree": false,
281                                                                                     "id": "model",
282                                                                                     "pack": "set_model",
283                                                                                     "xtype": "TreeStore",
284                                                                                     "|changed": "function(n, refresh) {\n         print(\"MODEL CHANGED CALLED\" + this.activePath);\n         if (this.activePath) {\n            var iter = new Gtk.TreeIter();\n            this.el.get_iter(iter, new Gtk.TreePath.from_string(this.activePath))\n            this.el.set_value(iter, 0, [GObject.TYPE_STRING, this.nodeTitle(n)]);\n            this.el.set_value(iter, 1, [GObject.TYPE_STRING, this.nodeTitle(n)]);\n            \n            this.el.set_value(iter, 2, [GObject.TYPE_STRING, this.nodeToJSON(n)]);\n        }\n            //this.currentTree = this.toJS(false, true)[0];\n        this.file.items = this.toJS(false, false);\n        print(\"AFTER CHANGED\");\n        //console.dump(this.file.items);\n        this.file.save();\n        this.currentTree = this.file.items[0];\n        //console.log(this.file.toSource());\n        \n        if (refresh) {\n            print(\"REDNER BROWSER?!\");\n            this.get('/LeftTree').renderView();\n\n            var pm = this.get('/RightPalete.model');\n            if (!this.get('/RightPalete').provider) {\n                pm.load([]);\n                return;\n            }\n            \n            \n            pm.load( this.get('/RightPalete').provider.gatherList(this.listAllTypes()));\n            //imports['Builder/RightBrowser.js'].renderJS(this.toJS());\n        }\n\t          \n}\n",
285                                                                                     "|deleteSelected": "function() {\n    this.get('/LeftTree.view').blockChanges = true;\n    var old_iter = new Gtk.TreeIter();\n    var s = this.get('/LeftTree.view').selection;\n    s.get_selected(this.el, old_iter);\n    var path = this.el.get_path(old_iter).to_string();\n\n    this.activePath= false;      \n    s.unselect_all();\n\n    this.activePath= false;      \n     var iter = new Gtk.TreeIter();\n    this.el.get_iter_from_string(iter, path);\n    this.el.remove(iter);\n    \n    // rebuild treemap. -- depreciated.!!\n    this.map = {};\n    this.treemap = { };\n    //this.toJS(null, true) // does not do anything?\n    this.activePath= false;      \n    this.changed(false,true);\n    this.get('/LeftTree.view').blockChanges = false;\n}\n",
286                                                                                     "|dropNode": "function(target_data, node) {\n         print(\"drop Node\");\n     // console.dump(node);\n  //    console.dump(target_data);\n        var tp = target_data[0].length ? new  Gtk.TreePath.from_string( target_data[0] ) : false;\n        \n        print(\"add \" + tp + \"@\" + target_data[1]  );\n        var parent = tp;\n        var after = false;\n        if (tp && target_data[1]  < 2) { // before or after..\n            var ar = target_data[0].split(':');\n            ar.pop();\n            parent  = new  Gtk.TreePath.from_string( ar.join(':') );\n            after = tp;\n        }\n        var n_iter = new Gtk.TreeIter();\n        var iter_par = new Gtk.TreeIter();\n        var iter_after = after ? new Gtk.TreeIter() : false;\n        \n        \n        \n        if (parent !== false) {\n            this.el.get_iter(iter_par, parent);\n        } else {\n            iter_par = null;\n        }\n        \n        \n        if (tp && after) {\n            print(target_data[1]  > 0 ? 'insert_after' : 'insert_before');\n            this.el.get_iter(iter_after, after);\n            this.el[ target_data[1]  > 0 ? 'insert_after' : 'insert_before'](\n                    n_iter, iter_par, iter_after);\n            \n        } else {\n            this.el.append(n_iter, iter_par);\n            \n        }\n        \n        if (typeof(node) == 'string') {\n            var ar = node.split('.');\n            var xtype = ar.pop();\n            \n            node = {\n                '|xns' : ar.join('.'),\n                'xtype' : xtype\n            };\n            if (target_data.length == 3 && target_data[2].length) {\n                node['*prop'] = target_data[2];\n            }\n            node = this.get('/DialogTemplateSelect').show(node);\n            \n        }\n        // work out what kind of packing to use..\n        if (typeof(node.pack) == 'undefined'  && parent !== false) {\n            var pal = this.get('/LeftTree').getPaleteProvider();\n            if (pal.name == 'Gtk') {\n                var pname = pal.guessName(this.singleNodeToJS(parent.to_string()));\n                var cname = pal.guessName(node);\n                node.pack = pal.getDefaultPack(pname, cname);\n            }\n            \n        }\n        \n        \n        var xitems = [];\n        if (node.items) {\n            xitems = node.items;\n            delete node.items;\n        }\n// load children - if it has any..\n\n        if (xitems) {\n            this.load(xitems, n_iter);\n            this.get('/LeftTree.view').el.expand_row(this.el.get_path(n_iter), true);\n        }\n        if (tp && (xitems || after)) {\n            this.get('/LeftTree.view').el.expand_row(this.el.get_path(iter_par), true);\n        }\n        // wee need to get the empty proptypes from somewhere..\n        \n        //var olditer = this.activeIter;\n        this.activePath = this.el.get_path(n_iter).to_string();\n\n  // changed actually set's the node data..\n        this.changed(node, true);\n        \n        \n        \n        this.get('/LeftTree.view').el.set_cursor(this.el.get_path(n_iter), null, false);\n        \n        //Builder.MidPropTree._model.load(node);\n        //Builder.MidPropTree._win.hideWin();\n        //Builder.LeftPanel._model.load( node);\n        \n            \n}\n",
287                                                                                     "|findDropNode": "function(treepath_str, targets) {\n\n// this is used by the dragdrop code in the roo version AFAIR..\n\n    \t\tvar path = treepath_str.replace(/^builder-/, '');\n            // treemap is depreciated... - should really check if model has any entries..\n\n            if (!this.el.iter_n_children(null)) {\n                print(\"NO KEYS\");\n                return [ '',  Gtk.TreeViewDropPosition.INTO_OR_AFTER];\n            }\n            print(\"FIND treepath: \" + path);\n            //console.dump(this.treemap);\n            \n            if (!treepath_str.match(/^builder-/)) {\n                return []; // nothing!\n            }\n            if (targets === true) {\n                return [ path ];\n            }\n            return this.findDropNodeByPath(path,targets) \n}\n",
288                                                                                     "|findDropNodeByPath": "function(treepath_str, targets, pref) {\n    var path = treepath_str + ''; // dupe it..\n    pref = typeof(pref) == 'undefined' ?  Gtk.TreeViewDropPosition.INTO_OR_AFTER : pref;\n    var last = false;\n    //console.dump(this.treemap);\n    while (path.length) {\n        print(\"LOOKING FOR PATH: \" + path);\n        var node_data = this.singleNodeToJS(path);\n        if (node_data === false) {\n            print(\"node not found\");\n            return [];\n        }\n        \n        var xname = this.get('/LeftTree.model').file.guessName(node_data);\n        var match = false;\n        var prop = '';\n        targets.forEach(function(tg) {\n            if (match) {\n                return;;\n            }\n            if ((tg == xname)  ) {\n                match = tg;\n            }\n            if (tg.indexOf(xname +':') === 0) {\n                match = tg;\n                prop = tg.split(':').pop();\n            }\n        });\n        \n        if (match) {\n            if (last) { // pref is after/before..\n                // then it's after last\n                if (pref > 1) {\n                    return []; // do not allow..\n                }\n                return [ last, pref , prop];\n                \n            }\n            return [ path , Gtk.TreeViewDropPosition.INTO_OR_AFTER , prop];\n        }\n        var par = path.split(':');\n        last = path;\n        par.pop();\n        path = par.join(':');\n    }\n    \n    return [];\n            \n}\n",
289                                                                                     "|getIterValue": " function (iter, col) {\n    var gval = new GObject.Value('');\n    this.el.get_value(iter, col ,gval);\n    return  gval.value;\n    \n    \n}",
290                                                                                     "|init": "function() {\n    XObject.prototype.init.call(this);\n this.el.set_column_types ( 3, [\n            GObject.TYPE_STRING, // title \n            GObject.TYPE_STRING, // tip\n            GObject.TYPE_STRING // source..\n            ] );\n}\n",
291                                                                                     "|listAllTypes": "function() {\n    var s = this.get('/LeftTree.view').selection;\n    print (\"LIST ALL TYPES: \" + s.count_selected_rows() );\n    \n    if (s.count_selected_rows() > 0) {\n        var iter = new Gtk.TreeIter();    \n        s.get_selected(this.el, iter);\n\n        // set some properties of the tree for use by the dropped element.\n        var value = new GObject.Value('');\n        this.el.get_value(iter, 2, value);\n        var data = JSON.parse(value.value);\n        \n        \n        var xname = this.get('/LeftTree.model').file.guessName(data);\n        console.log('selected:' + xname);\n        if (xname.length) {\n            return [ xname ];\n        }\n        return []; // could not find it..\n    }\n    \n    var ret = [ ];\n    \n   var _this = this;\n    function addall(li)\n    {\n        li.forEach(function(el) {\n            // this is specific to roo!!!?\n            if (!el) { // skip empty?\n                return;\n            }\n            var fullpath =  _this.file.guessName(el);\n            if (fullpath.length && ret.indexOf(fullpath) < 0) {\n                ret.push(fullpath);\n            }\n            \n            \n            if (el.items && el.items.length) {\n                addall(el.items);\n            }\n            \n        });\n        \n        \n    }\n    \n    addall([this.currentTree]);\n    \n    // only if we have nothing, should we add '*top'\n    if (!ret.length) {\n        ret = [ '*top' ];\n    }\n    //console.log('all types in tree');\n    //console.dump(ret);\n    \n    return ret;\n                            \n}\n",
292                                                                                     "|load": "function(tr,iter)\n        {\n            var citer = new Gtk.TreeIter();\n            //this.insert(citer,iter,0);\n            for(var i =0 ; i < tr.length; i++) {\n                if (iter) {\n                    this.el.insert(citer,iter,-1);\n                } else {\n                    this.el.append(citer);\n                }\n                \n                this.el.set_value(citer, 0, [GObject.TYPE_STRING, this.nodeTitle(tr[i]) ]);\n                this.el.set_value(citer, 1, [GObject.TYPE_STRING, this.nodeTip(tr[i]) ]);\n                this.el.set_value(citer, 2, [GObject.TYPE_STRING, this.nodeToJSON(tr[i])]);\n                if (tr[i].items && tr[i].items.length) {\n                    this.load(tr[i].items, citer);\n                }\n            }     \n        }",
293                                                                                     "|loadFile": "function(f) {\n    //console.dump(f);\n            this.el.clear();\n            this.file = f;\n            \n            if (!f) {\n                console.log('missing file');\n                return;\n            }\n            \n            // load the file if not loaded..\n            if (f.items === false) {\n                var _this = this;\n                f.loadItems(function() {\n                    _this.loadFile(f);\n                });\n                return;\n                \n            }\n            this.get('/Window').setTitle(f.project.getName() + ' - ' + f.name);\n            \n            if (f.items.length && typeof(f.items[0]) == 'string') {\n            \n                this.get('/RightEditor').el.show();\n                this.get('/RightEditor.view').load( f.items[0]);\n                return;\n            }\n            print(\"LOAD\");\n            print(JSON.stringify(f.items, null,4));\n            //console.dump(f.items);\n            this.load(f.items);\n            this.get('/LeftTree.view').el.expand_all();\n\n            if (!f.items.length) {\n                // single item..\n                \n                this.get('/Window.leftvpaned').el.set_position(80);\n                // select first...\n                this.get('/LeftTree.view').el.set_cursor( \n                    new  Gtk.TreePath.from_string('0'), null, false);\n                \n                \n            } else {\n                  this.get('/Window.leftvpaned').el.set_position(200);\n            }\n            \n            \n            //print(\"hide right editior\");\n            this.get('/RightEditor').el.hide();\n            //print(\"set current tree\");\n            this.currentTree = this.toJS(false, false)[0];\n            //console.dump(this.currentTree);\n            this.currentTree = this.currentTree || { items: [] };\n            this.get('/LeftTree').renderView();\n            //console.dump(this.map);\n            //var RightPalete     = imports.Builder.RightPalete.RightPalete;\n            var pm = this.get('/RightPalete.model');\n            // set up provider..\n            \n            this.get('/RightPalete').provider = this.get('/LeftTree').getPaleteProvider();\n            \n            if (!this.get('/RightPalete').provider) {\n                print (\"********* PALETE PROVIDER MISSING?!!\");\n            }\n            this.get('/LeftTree').renderView();\n            \n            pm.load( this.get('/LeftTree').getPaleteProvider().gatherList(this.listAllTypes()));\n            \n            \n                    \n            this.get('/Window.view-notebook').el.set_current_page(\n                this.get('/LeftTree.model').file.getType()== 'Roo' ? 0 : -1);\n                    \n}\n",
294                                                                                     "|moveNode": "function(target_data, action) {\n     //print(\"MOVE NODE\");\n           // console.dump(target_data);\n            var old_iter = new Gtk.TreeIter();\n            var s = this.get('/LeftTree.view').selection;\n            s.get_selected(this.el, old_iter);\n            var node = this.nodeToJS(old_iter,false);\n            //console.dump(node);\n            \n            \n            // needs to drop first, otherwise the target_data \n            // treepath will be invalid.\n            \n            this.dropNode(target_data, node);\n\t  if (action & Gdk.DragAction.MOVE) {\n                      //          print(\"REMOVING OLD NODE\");\n                                this.el.remove(old_iter);\n                                \n            }\n            \n            this.activePath= false;\n            this.changed(false,true);\n}\n",
295                                                                                     "|nodeTip": "function(c) {\n    var ret = this.nodeTitle(c,true);\n    var funcs = '';\n\n    \n    for( var i in c) {\n\n        if (!i.length || i[0] != '|') {\n            continue;\n        }\n        if (i == '|init') { \n            continue;\n        }\n        if (typeof(c[i]) != 'string') {\n           continue;\n        }\n        //print(\"prop : \" + i + ':' + c[i]);\n        if (!c[i].match(new RegExp('function'))) {\n            continue;\n        }\n        funcs += \"\\n<b>\" + i.substring(1) + '</b> : ' + c[i].split(/\\n/).shift();\n            \n    }\n    if (funcs.length) {\n        ret+=\"\\n\\nMethods:\" + funcs;\n    }\n    return ret;\n    \n}\n",
296                                                                                     "|nodeTitle": "function(c, renderfull) {\n      var txt = [];\n    c = c || {};\n    var sr = (typeof(c['+buildershow']) != 'undefined') &&  !c['+buildershow'] ? true : false;\n    if (sr) txt.push('<s>');\n    if (typeof(c['*prop']) != 'undefined')   { txt.push(c['*prop']+ ':'); }\n    \n    if (renderfull && c['|xns']) {\n        txt.push(c['|xns']);\n    }\n    \n    if (c.xtype)      { txt.push(c.xtype); }\n    if (c.id)      { txt.push('<b>[id=' + c.id + ']</b>'); }\n    if (c.fieldLabel) { txt.push('[' + c.fieldLabel + ']'); }\n    if (c.boxLabel)   { txt.push('[' + c.boxLabel + ']'); }\n    \n    \n    if (c.layout)     { txt.push('<i>' + c.layout + '</i>'); }\n    if (c.title)      { txt.push('<b>' + c.title + '</b>'); }\n    if (c.label)      { txt.push('<b>' + c.label+ '</b>'); }\n    if (c.header)    { txt.push('<b>' + c.header + '</b>'); }\n    if (c.legend)      { txt.push('<b>' + c.legend + '</b>'); }\n    if (c.text)       { txt.push('<b>' + c.text + '</b>'); }\n    if (c.name)       { txt.push('<b>' + c.name+ '</b>'); }\n    if (c.region)     { txt.push('<i>(' + c.region + ')</i>'); }\n    if (c.dataIndex) { txt.push('[' + c.dataIndex+ ']'); }\n    \n    // for flat classes...\n    if (typeof(c['*class']) != 'undefined')  { txt.push('<b>' +  c['*class']+  '</b>'); }\n    if (typeof(c['*extends']) != 'undefined')  { txt.push(': <i>' +  c['*extends']+  '</i>'); }\n    \n    \n    if (sr) txt.push('</s>');\n    return (txt.length == 0 ? \"Element\" : txt.join(\" \"));\n}\n",
297                                                                                     "|nodeToJS": "function (treepath, with_id) \n{\n    \n    var iter = treepath;  // API used to be iter here..\n    if (typeof(iter) == 'string') {\n        iter = new Gtk.TreeIter(); \n        if (!this.el.get_iter(iter, new Gtk.TreePath.from_string(treepath))) {\n            return false;\n        }\n    } \n    var par = new Gtk.TreeIter(); \n    var iv = this.getIterValue(iter, 2);\n   // print(\"IV\" + iv);\n    var k = JSON.parse(iv);\n    if (k.json && !this.el.iter_parent( par, iter  )) {\n        delete k.json;\n    }\n    \n    if (with_id) {\n        var treepath_str = this.el.get_path(iter).to_string();\n        // not sure how we can handle mixed id stuff..\n        if (typeof(k.id) == 'undefined')  {\n            k.id =  'builder-'+ treepath_str ;\n        }\n        \n        // needed??\n        this.treemap[  treepath_str ] = k;\n        k.xtreepath = treepath_str ;\n        \n    }\n    if (this.el.iter_has_child(iter)) {\n        citer = new Gtk.TreeIter();\n        this.el.iter_children(citer, iter);\n        k.items = this.toJS(citer,with_id);\n    }\n    return k;\n}\n",
298                                                                                     "|nodeToJSON": "function(c) {\n    var o  = {}\n    for (var i in c) {\n        if (i == 'items') {\n             continue;\n        }\n        o[i] = c[i];\n    }\n    return JSON.stringify(o);\n}\n",
299                                                                                     "|singleNodeToJS": "function (treepath) \n        {\n            var iter = new Gtk.TreeIter(); \n            if (!this.el.get_iter(iter, new Gtk.TreePath.from_string(treepath))) {\n                return false;\n            }\n            \n            var iv = this.getIterValue(iter, 2);\n           \n            return JSON.parse(iv);\n            \n        }",
300                                                                                     "|toJS": "function(treepath, with_id)\n{\n    //Seed.print(\"WITHID: \"+ with_id);\n    var iter = treepath;  // API used to be iter here..\n    if (typeof(iter) == 'string') {\n        iter = new Gtk.TreeIter(); \n        if (!this.el.get_iter(iter, new Gtk.TreePath.from_string(treepath))) {\n            return false;\n        }\n    } \n    var first = false;\n    if (!iter) {\n        \n        this.treemap = { }; \n        \n        iter = new Gtk.TreeIter();\n        if (!this.el.get_iter_first(iter)) {\n            return [];\n        }\n        first = true;\n    } \n    \n    var ar = [];\n       \n    while (true) {\n        \n        var k = this.nodeToJS(iter, with_id); \n        ar.push(k);\n        \n        \n        if (!this.el.iter_next(iter)) {\n            break;\n        }\n    }\n    \n    if (treepath === false) {\n        //dupe!!!\n        return JSON.parse(JSON.stringify(ar));\n    }\n    \n    return ar;\n    // convert the list into a json string..\n\n    \n}",
301                                                                                     "|xns": "Gtk"
302                                                                                 },
303                                                                                 {
304                                                                                     "|xns": "Gtk",
305                                                                                     "xtype": "TreeViewColumn",
306                                                                                     "pack": "append_column",
307                                                                                     "|init": "function() {\n    XObject.prototype.init.call(this);\n   this.el.add_attribute(this.items[0].el , 'markup', 0 );\n}\n",
308                                                                                     "items": [
309                                                                                         {
310                                                                                             "|xns": "Gtk",
311                                                                                             "xtype": "CellRendererText",
312                                                                                             "pack": "pack_start"
313                                                                                         }
314                                                                                     ]
315                                                                                 }
316                                                                             ]
317                                                                         },
318                                                                         {
319                                                                             "|xns": "Gtk",
320                                                                             "xtype": "Menu",
321                                                                             "pack": false,
322                                                                             "id": "LeftTreeMenu",
323                                                                             "items": [
324                                                                                 {
325                                                                                     "|xns": "Gtk",
326                                                                                     "xtype": "MenuItem",
327                                                                                     "pack": "add",
328                                                                                     "label": "Delete Element",
329                                                                                     "listeners": {
330                                                                                         "activate": "function (self) {\n\n     this.get('/LeftTree.model').deleteSelected();\n}"
331                                                                                     }
332                                                                                 },
333                                                                                 {
334                                                                                     "listeners": {
335                                                                                         "activate": "function (self) {\n\n     var tree = this.get('/LeftTree');\n      var model = this.get('/LeftTree.model');\n     var el = tree.getActivePath();\n     print(el);\n     var js = model.toJS(el, false);\n    // print(JSON.stringify(js[0], null,4));\n     this.get('/DialogSaveTemplate').show(JSON.stringify(js[0], null,4));\n     \n    \n}"
336                                                                                     },
337                                                                                     "label": "Save as Template",
338                                                                                     "pack": "add",
339                                                                                     "xtype": "MenuItem",
340                                                                                     "|xns": "Gtk"
341                                                                                 }
342                                                                             ]
343                                                                         }
344                                                                     ]
345                                                                 },
346                                                                 {
347                                                                     "|xns": "Gtk",
348                                                                     "xtype": "VBox",
349                                                                     "pack": "add",
350                                                                     "id": "LeftProjectTree",
351                                                                     "|showNoProjectSelected": "function() {\n   this.get('/StandardErrorDialog').show(\"Select a Project first.\"); \n}\n",
352                                                                     "|getActiveProject": "function() {\n     return this.project;\n}\n",
353                                                                     "listeners": {
354                                                                         "leave_notify_event": "function (self, event) {\n    return false;\n}"
355                                                                     },
356                                                                     "items": [
357                                                                         {
358                                                                             "|xns": "Gtk",
359                                                                             "xtype": "HBox",
360                                                                             "pack": "pack_start,false,false",
361                                                                             "items": [
362                                                                                 {
363                                                                                     "|xns": "Gtk",
364                                                                                     "xtype": "ComboBox",
365                                                                                     "id": "combo",
366                                                                                     "|init": "function() {\n    XObject.prototype.init.call(this);\n    this.el.add_attribute(this.get('render').el , 'markup', 1 );  \n}\n",
367                                                                                     "|getValue": "function() {\n    var ix = this.el.get_active();\n    if (ix < 0 ) {\n        return false;\n    }\n    var data = imports.Builder.Provider.ProjectManager.ProjectManager.projects;\n    if (typeof(data[ix]) == 'undefined') {\n \treturn false; \n    }\n    return data[ix].fn;\n}",
368                                                                                     "|setValue": "function(fn)\n{\n    var el = this.el;\n    el.set_active(-1);\n    var data = imports.Builder.Provider.ProjectManager.ProjectManager.projects;\n    data.forEach(function(n, ix) {\n        if (fn == n.fn) {\n            el.set_active(ix);\n            return false;\n        }\n    });\n}\n",
369                                                                                     "listeners": {
370                                                                                         "changed": "function (self) {\n\tvar fn = this.getValue();\n\tvar pm  = imports.Builder.Provider.ProjectManager.ProjectManager;\n\tthis.get('/LeftProjectTree.model').loadProject(pm.getByFn(fn))\n}"
371                                                                                     },
372                                                                                     "items": [
373                                                                                         {
374                                                                                             "|xns": "Gtk",
375                                                                                             "xtype": "CellRendererText",
376                                                                                             "pack": "pack_start,true",
377                                                                                             "id": "render"
378                                                                                         },
379                                                                                         {
380                                                                                             "|xns": "Gtk",
381                                                                                             "xtype": "ListStore",
382                                                                                             "pack": "set_model",
383                                                                                             "|init": "function() {\n    XObject.prototype.init.call(this);\n  this.el.set_column_types ( 2, [\n        GObject.TYPE_STRING,  // real key\n        GObject.TYPE_STRING // real type\n        \n        \n    ] );\n   var pm = imports.Builder.Provider.ProjectManager.ProjectManager;\n   var _this = this;\n   pm.on('changed', function() {\n       print(\"caught changed hook on project manager - reloading data\");\n\t_this.loadData(pm.projects);\n\n   });\n}\n",
384                                                                                             "|loadData": "function(data) {\n     var ov = this.get('/LeftProjectTree.combo').getValue();\n    this.el.clear();\n    var iter = new Gtk.TreeIter();\n    var el = this.el;\n    data.forEach(function(p) {\n        \n        el.append(iter);\n        \n         \n        el.set_value(iter, 0, p.fn);\n        el.set_value(iter, 1, p.name);\n        \n    });\n    \n    this.get('/LeftProjectTree.combo').setValue(ov);\n}\n",
385                                                                                             "id": "combomodel"
386                                                                                         }
387                                                                                     ]
388                                                                                 }
389                                                                             ]
390                                                                         },
391                                                                         {
392                                                                             "|xns": "Gtk",
393                                                                             "xtype": "ScrolledWindow",
394                                                                             "pack": "add",
395                                                                             "|shadow_type": "Gtk.ShadowType.IN",
396                                                                             "|init": "function() {\n    XObject.prototype.init.call(this);\n    this.el.set_policy  (Gtk.PolicyType.AUTOMATIC, Gtk.PolicyType.AUTOMATIC );\n}\n",
397                                                                             "items": [
398                                                                                 {
399                                                                                     "listeners": {
400                                                                                         "cursor_changed": "function (self) {\n \tvar iter = new Gtk.TreeIter();\n                                \n        if (this.selection.count_selected_rows() < 1) {\n            //XN.get('Builder.LeftTree.model').\n            this.get('/LeftTree.model').load( false);\n            \n            return;\n        }\n        var model = this.get('/LeftProjectTree.model');\n        //console.log('changed');\n        var s = this.selection;\n        s.get_selected(model, iter);\n        value = new GObject.Value('');\n        model.el.get_value(iter, 2, value);\n        \n        console.log(value.value);// id..\n        \n        var file = this.get('/LeftProjectTree').project.getById(value.value);\n        \n        file.items = false;\n        console.log(file);\n        \n\n\n        var nb = this.get('/LeftTopPanel.expander');\n        nb.el.expanded = false;\n        nb.listeners.activate.call(nb);\n        //_expander.el.set_expanded(false);\n\n        var ltm = this.get('/LeftTree.model');\n        ltm.loadFile(file);\n        \n        return true;\n}"
401                                                                                     },
402                                                                                     "id": "view",
403                                                                                     "tooltip_column": 1,
404                                                                                     "xtype": "TreeView",
405                                                                                     "|enable_tree_lines": true,
406                                                                                     "|headers_visible": false,
407                                                                                     "|init": "function() {\n    XObject.prototype.init.call(this);\nvar description = new Pango.FontDescription.c_new();\n                            description.set_size(8000);\n                            this.el.modify_font(description);\n                            \n                            this.selection = this.el.get_selection();\n                            this.selection.set_mode( Gtk.SelectionMode.SINGLE);\n}\n",
408                                                                                     "|xns": "Gtk",
409                                                                                     "items": [
410                                                                                         {
411                                                                                             "|xns": "Gtk",
412                                                                                             "xtype": "TreeStore",
413                                                                                             "pack": "set_model",
414                                                                                             "id": "model",
415                                                                                             "|init": "function() {\n    XObject.prototype.init.call(this);\n  this.el.set_column_types ( 3, [\n                    GObject.TYPE_STRING, // title \n                    GObject.TYPE_STRING, // tip\n                    GObject.TYPE_STRING // id..\n                    ] );\n   \n}\n",
416                                                                                             "|loadProject": "function(pr) {\nprint(\"LOAD PROJECT\");\n           this.el.clear();\n            if (!pr) {\n                return;\n            }\n            \n            this.get('/LeftProjectTree').project = pr;\n            this.load(pr.toTree());\n            this.get('/LeftProjectTree.view').el.expand_all();\n}\n",
417                                                                                             "|load": "function(tr,iter) {\n  //  console.dump(tr);\n            console.log('Project tree load: ' + tr.length);\n            var citer = new Gtk.TreeIter();\n            //this.insert(citer,iter,0);\n            \n            var _this = this;\n            tr.forEach(function (r) {\n                if (!iter) {\n                    _this.el.append(citer);   \n                } else {\n                    _this.el.insert(citer,iter,-1);\n                }\n                _this.el.set_value(citer, 0,  '' + r.getTitle() ); // title \n                _this.el.set_value(citer, 1, '' + r.getTitleTip()); // tip\n                _this.el.set_value(citer, 2, '' + r.id ); //id\n                if (r.cn && r.cn.length) {\n                    _this.load(r.cn, citer);\n                }\n                \n            });\n}\n",
418                                                                                             "|getValue": "function(iter, col) {\n    var gval = new GObject.Value('');\n    this.el.get_value(iter, col ,gval);\n    return  '' + gval.value;\n}\n"
419                                                                                         },
420                                                                                         {
421                                                                                             "|xns": "Gtk",
422                                                                                             "xtype": "TreeViewColumn",
423                                                                                             "pack": "append_column",
424                                                                                             "|init": "function() {\n    XObject.prototype.init.call(this);\n    this.el.add_attribute(this.items[0].el , 'markup', 0 );\n}\n",
425                                                                                             "items": [
426                                                                                                 {
427                                                                                                     "|xns": "Gtk",
428                                                                                                     "xtype": "CellRendererText",
429                                                                                                     "pack": "pack_start"
430                                                                                                 }
431                                                                                             ]
432                                                                                         }
433                                                                                     ]
434                                                                                 }
435                                                                             ]
436                                                                         }
437                                                                     ]
438                                                                 }
439                                                             ]
440                                                         }
441                                                     ]
442                                                 },
443                                                 {
444                                                     "|xns": "Gtk",
445                                                     "xtype": "VBox",
446                                                     "listeners": {},
447                                                     "items": [
448                                                         {
449                                                             "|xns": "Gtk",
450                                                             "xtype": "HBox",
451                                                             "pack": "pack_start,false,true,0",
452                                                             "id": "LeftProps",
453                                                             "items": [
454                                                                 {
455                                                                     "|xns": "Gtk",
456                                                                     "xtype": "Button",
457                                                                     "pack": "add",
458                                                                     "listeners": {
459                                                                         "button_press_event": "function (self, event) {\n    this.get('/MidPropTree.model').showData('props');\n    return false;\n}"
460                                                                     },
461                                                                     "items": [
462                                                                         {
463                                                                             "|xns": "Gtk",
464                                                                             "xtype": "HBox",
465                                                                             "pack": "add",
466                                                                             "items": [
467                                                                                 {
468                                                                                     "|xns": "Gtk",
469                                                                                     "xtype": "Image",
470                                                                                     "pack": "add",
471                                                                                     "|stock": "Gtk.STOCK_ADD",
472                                                                                     "|icon_size": "Gtk.IconSize.MENU"
473                                                                                 },
474                                                                                 {
475                                                                                     "|xns": "Gtk",
476                                                                                     "xtype": "Label",
477                                                                                     "pack": "add",
478                                                                                     "label": "Property"
479                                                                                 }
480                                                                             ]
481                                                                         }
482                                                                     ]
483                                                                 },
484                                                                 {
485                                                                     "|xns": "Gtk",
486                                                                     "xtype": "Button",
487                                                                     "pack": "add",
488                                                                     "listeners": {
489                                                                         "button_press_event": "function (self, event) {\n    this.get('/MidPropTree.model').showData('events');\n    return false;\n}"
490                                                                     },
491                                                                     "items": [
492                                                                         {
493                                                                             "|xns": "Gtk",
494                                                                             "xtype": "HBox",
495                                                                             "pack": "add",
496                                                                             "items": [
497                                                                                 {
498                                                                                     "|xns": "Gtk",
499                                                                                     "xtype": "Image",
500                                                                                     "pack": "add",
501                                                                                     "|stock": "Gtk.STOCK_ADD",
502                                                                                     "|icon_size": "Gtk.IconSize.MENU"
503                                                                                 },
504                                                                                 {
505                                                                                     "|xns": "Gtk",
506                                                                                     "xtype": "Label",
507                                                                                     "pack": "add",
508                                                                                     "label": "Handler"
509                                                                                 }
510                                                                             ]
511                                                                         }
512                                                                     ]
513                                                                 },
514                                                                 {
515                                                                     "|xns": "Gtk",
516                                                                     "xtype": "Button",
517                                                                     "pack": "add",
518                                                                     "listeners": {
519                                                                         "button_press_event": "function (self, ev) {\n\tvar p = this.get('/AddPropertyPopup');\n\tif (!p.el) {\n\t\tp.init();\n\t}\n \tp.el.set_screen(Gdk.Screen.get_default());\n        p.el.show_all();\n         p.el.popup(null, null, null, null, 3, ev.button.time);\n    return true;\n}"
520                                                                     },
521                                                                     "items": [
522                                                                         {
523                                                                             "|xns": "Gtk",
524                                                                             "xtype": "HBox",
525                                                                             "pack": "add",
526                                                                             "items": [
527                                                                                 {
528                                                                                     "|xns": "Gtk",
529                                                                                     "xtype": "Image",
530                                                                                     "pack": "add",
531                                                                                     "|stock": "Gtk.STOCK_ADD",
532                                                                                     "|icon_size": "Gtk.IconSize.MENU"
533                                                                                 },
534                                                                                 {
535                                                                                     "|xns": "Gtk",
536                                                                                     "xtype": "Label",
537                                                                                     "pack": "add",
538                                                                                     "label": "Other"
539                                                                                 }
540                                                                             ]
541                                                                         },
542                                                                         {
543                                                                             "|xns": "Gtk",
544                                                                             "xtype": "Menu",
545                                                                             "pack": false,
546                                                                             "id": "AddPropertyPopup",
547                                                                             "items": [
548                                                                                 {
549                                                                                     "|xns": "Gtk",
550                                                                                     "xtype": "MenuItem",
551                                                                                     "pack": "append",
552                                                                                     "tooltip_markup": "Using this.get('*someid') will find any id in an application.",
553                                                                                     "label": "ID",
554                                                                                     "listeners": {
555                                                                                         "activate": "function (self) {\n\n    this.get('/LeftPanel.model').add( {\n        key : 'id', \n        type : 'string',\n        val : '',\n        //skel  : skel,\n        etype : 'props'\n    });\n}"
556                                                                                     }
557                                                                                 },
558                                                                                 {
559                                                                                     "|xns": "Gtk",
560                                                                                     "xtype": "MenuItem",
561                                                                                     "pack": "append",
562                                                                                     "tooltip_markup": "Add what type of packing is to be used",
563                                                                                     "label": "PACK",
564                                                                                     "listeners": {
565                                                                                         "activate": "function (self) {\n\n    this.get('/LeftPanel.model').add( {\n    \t key : 'pack', \n       \t type : 'string',\n       \t val : 'add',\n          etype : 'props'\n    });\n}"
566                                                                                     }
567                                                                                 },
568                                                                                 {
569                                                                                     "|xns": "Gtk",
570                                                                                     "xtype": "MenuItem",
571                                                                                     "pack": "append",
572                                                                                     "tooltip_markup": "Override the init method",
573                                                                                     "label": "INIT",
574                                                                                     "listeners": {
575                                                                                         "activate": "function (self) {\n\n    this.get('/LeftPanel.model').add( {\n       key : '|init', \n        type : 'function',\n        val  : \"function() {\\n    XObject.prototype.init.call(this);\\n}\\n\",\n        etype : 'props'\n    });\n}"
576                                                                                     }
577                                                                                 },
578                                                                                 {
579                                                                                     "|xns": "Gtk",
580                                                                                     "xtype": "SeparatorMenuItem",
581                                                                                     "pack": "add"
582                                                                                 },
583                                                                                 {
584                                                                                     "|xns": "Gtk",
585                                                                                     "xtype": "MenuItem",
586                                                                                     "pack": "append",
587                                                                                     "tooltip_markup": "Add a user defined string property",
588                                                                                     "label": "String",
589                                                                                     "listeners": {
590                                                                                         "activate": "function (self) {\n\n    this.get('/LeftPanel.model').add( {\n  \t\t  key : '', \n                type : 'string',\n                val  : \"\",\n                etype : 'props'\n    });\n}"
591                                                                                     }
592                                                                                 },
593                                                                                 {
594                                                                                     "|xns": "Gtk",
595                                                                                     "xtype": "MenuItem",
596                                                                                     "pack": "append",
597                                                                                     "tooltip_markup": "Add a user defined number property",
598                                                                                     "label": "Number",
599                                                                                     "listeners": {
600                                                                                         "activate": "function (self) {\n\n    this.get('/LeftPanel.model').add( {\n  \t\t  key : '', \n                type : 'number',\n                val  : 0,\n                etype : 'props'\n    });\n}"
601                                                                                     }
602                                                                                 },
603                                                                                 {
604                                                                                     "|xns": "Gtk",
605                                                                                     "xtype": "MenuItem",
606                                                                                     "pack": "append",
607                                                                                     "tooltip_markup": "Add a user defined boolean property",
608                                                                                     "label": "Boolean",
609                                                                                     "listeners": {
610                                                                                         "activate": "function (self) {\n\n    this.get('/LeftPanel.model').add( {\n  \t\t  key : '', \n                type : 'boolean',\n                val  : false,\n                etype : 'props'\n    });\n}"
611                                                                                     }
612                                                                                 },
613                                                                                 {
614                                                                                     "|xns": "Gtk",
615                                                                                     "xtype": "SeparatorMenuItem",
616                                                                                     "pack": "add"
617                                                                                 },
618                                                                                 {
619                                                                                     "|xns": "Gtk",
620                                                                                     "xtype": "MenuItem",
621                                                                                     "pack": "append",
622                                                                                     "tooltip_markup": "Add a user function boolean property",
623                                                                                     "label": "Function",
624                                                                                     "listeners": {
625                                                                                         "activate": "function (self) {\n\n    this.get('/LeftPanel.model').add( {\n  \t    key : '|', \n                        type : 'function',\n                        val  : \"function() {\\n    \\n}\\n\",\n                        etype : 'props'\n    });\n}"
626                                                                                     }
627                                                                                 }
628                                                                             ]
629                                                                         }
630                                                                     ]
631                                                                 }
632                                                             ]
633                                                         },
634                                                         {
635                                                             "|xns": "Gtk",
636                                                             "xtype": "ScrolledWindow",
637                                                             "id": "LeftPanel",
638                                                             "pack": "add",
639                                                             "|shadow_type": "Gtk.ShadowType.IN",
640                                                             "editing": false,
641                                                             "|init": "function() {\n    XObject.prototype.init.call(this);\n   this.el.set_policy (Gtk.PolicyType.AUTOMATIC, Gtk.PolicyType.AUTOMATIC);\n}\n",
642                                                             "items": [
643                                                                 {
644                                                                     "|xns": "Gtk",
645                                                                     "xtype": "TreeView",
646                                                                     "id": "view",
647                                                                     "tooltip_column": 5,
648                                                                     "|headers_visible": false,
649                                                                     "|enable_tree_lines": true,
650                                                                     "|init": "function() {\n     XObject.prototype.init.call(this); \n                       \n                    this.selection = this.el.get_selection();\n                    this.selection.set_mode( Gtk.SelectionMode.SINGLE);\n                 \n                    \n                    var description = new Pango.FontDescription.c_new();\n                    description.set_size(8000);\n                    this.el.modify_font(description);\n}\n",
651                                                                     "listeners": {
652                                                                         "button_press_event": "function (self, ev) {\n    \n                \n                var res = { }; \n                if (!this.el.get_path_at_pos(ev.button.x,ev.button.y, res)) {\n                    return false; //not on a element.\n                }\n                \n                \n                if (ev.type != Gdk.EventType.BUTTON_PRESS  || ev.button.button != 3) {\n                    \n                    if (res.column.title != 'value') {\n                        return false; // ignore..\n                    }\n                    if (  this.get('/LeftPanel').editing) {\n                        return false;\n                    }\n                    var renderer = this.get('/LeftPanel').editableColumn.items[0].el; // set has_entry..\n                    this.get('/LeftPanel').editableColumn.items[0].el.stop_editing();\n                    var type = this.get('/LeftPanel.model').getType(res.path.to_string());\n                    \n                     \n\n                    var provider = this.get('/LeftTree').getPaleteProvider();\n                    \n                    var opts = provider.findOptions(type);\n                    \n                    if (opts === false) {\n                         this.get('/LeftPanel').editableColumn.setOptions([]);\n                        renderer.has_entry = true;\n                    } else {\n                        LeftPanel.editableColumn.setOptions(opts);\n                        renderer.has_entry = false;\n                    }\n                    \n                    \n                   //Seed.print(\"click\" + ev.type);\n                    //console.dump(res);\n                    return false;\n                }\n              \n            \n               \n                if (res.column.title == 'value') {\n                    return false;\n                }\n                //if (! this.get('/LeftPanelPopup')LeftPanelPopup.el) LeftPanelPopup.init();\n\t\tvar p = this.get('/LeftPanelPopup');\n\t\tif (!p.el) {\n\t\t\tp.init();\n\t\t}\n\n                p.el.set_screen(Gdk.Screen.get_default());\n                p.el.show_all();\n                p.el.popup(null, null, null, null, 3, ev.button.time);\n                //Seed.print(\"click:\" + res.column.title);\n                \n                \n                return false;\n}"
653                                                                     },
654                                                                     "items": [
655                                                                         {
656                                                                             "activePath": false,
657                                                                             "id": "model",
658                                                                             "pack": "set_model",
659                                                                             "xtype": "TreeStore",
660                                                                             "|add": "function(info) {\n      // info includes key, val, skel, etype..\n              console.dump(info);\n            type = info.type.toLowerCase();\n            var data = this.toJS();\n            \n            if (info.etype == 'events') {\n                data.listeners = data.listeners || { };\n                if (typeof(data.listeners[info.key]) != 'undefined') {\n                    return; //already set!\n                }\n            } else {\n                if (typeof(data[info.key]) != 'undefined') {\n                    return;\n                }\n            }\n            \n            if (typeof(info.val) == 'undefined') {\n                    \n                info.val = '';\n                if (info.type.toLowerCase() == 'boolean') {\n                    info.val = true;\n                }\n                if (type == 'number') {\n                    info.val = 0;\n                }\n                // utf8 == string..\n                \n                \n            }\n            var k = info.key;\n            if (info.etype == 'events') {\n             \n                data.listeners[info.key] = info.val;\n                k = '!' + info.key;\n            } else {\n                data[info.key] = info.val;\n            }\n            \n            \n            var map = this.load(data);\n            \n            // flag it as changed to the interface..\n\n            this.get('/LeftTree.model').changed(data, true); \n            \n            \n            this.startEditing(map[k]);\n             \n            /*\n            LeftPanel.get('view').el.row_activated(\n                new Gtk.TreePath.from_string(map[k]), \n                LeftPanel.editableColumn.el\n            );\n            */\n}\n",
661                                                                             "|changed": "function(str, doRefresh) {\n    if (!this.activePath) {\n        return;\n    }\n    var iter = new Gtk.TreeIter();\n    this.el.get_iter(iter, new Gtk.TreePath.from_string(this.activePath));\n    \n    this.el.set_value(iter, 1, '' +str);\n    this.el.set_value(iter, 3, '' + this.toShort(str));\n    var type = this.getIterValue(iter, 4);\n\n    this.el.set_value(iter, 5, type + ' : ' + str);\n    // update the tree...  \n\n    this.get('/LeftTree.model').changed(this.toJS(), doRefresh); \n}\n",
662                                                                             "|deleteSelected": "function() {\n     var data = this.toJS();\n    var iter = new Gtk.TreeIter();\n    var s = this.get('/LeftPanel.view').selection;\n    s.get_selected(this.el, iter);\n         \n       \n    var gval = new GObject.Value('');\n   this.get('/LeftPanel.model').el.get_value(iter, 0 ,gval);\n    \n    var val = gval.value;\n    if (val[0] == '!') {\n        // listener..\n        if (!data.listeners || typeof(data.listeners[  val.substring(1)]) == 'undefined') {\n            return;\n        }\n        delete data.listeners[  val.substring(1)];\n        if (!XObject.keys(data.listeners).length) {\n            delete data.listeners;\n        }\n        \n    } else {\n        if (typeof(data[val]) == 'undefined') {\n            return;\n        }\n        delete data[val];\n    }\n    \n    \n    this.load(data);\n    this.get('/LeftTree.model').changed(data, true);\n    \n}\n",
663                                                                             "|editSelected": "function(e) {\n    print(\"EDIT SELECTED?\");\n    var iter = new Gtk.TreeIter();\n    var s = this.get('/LeftPanel.view').selection;\n    s.get_selected(this.get('/LeftPanel.model').el, iter);\n    var m = this.get('/LeftPanel.model')\n   \n    var gval = new GObject.Value('');\n    this.el.get_value(iter, 0 ,gval);\n    var val = '' + gval.value;\n    \n    gval = new GObject.Value('');\n    this.el.get_value(iter, 1 ,gval);\n    var rval = gval.value;\n    var activePath = this.el.get_path(iter).to_string(); \n    this.activePath = activePath ;\n    // was activeIter...\n    //  not listener...\n\n    var showEditor = false;\n    \n    if (val[0] == '!') {\n        showEditor = true;\n    }\n    if (val[0] == '|') {\n        if (rval.match(/function/g) || rval.match(/\\n/g)) {\n            showEditor = true;\n        }\n    }\n    \n    if (showEditor) {\n        var _this = this;\n        this.activePath = false;\n        GLib.timeout_add(0, 1, function() {\n            //   Gdk.threads_enter();\n            _this.get('/BottomPane').el.show();\n            _this.get('/RightEditor').el.show();\n            _this.get('/RightEditor.view').load( rval );\n            \n            e.editing_done();\n            e.remove_widget();\n            _this.activePath = activePath ;\n            \n     //       Gdk.threads_leave();\n            return false;\n        });\n        return;\n    }\n      this.get('/BottomPane').el.hide();\n    this.get('/RightEditor').el.hide();\n\n        //var type = this.getValue(this.el.get_path(iter).to_string(),4);\n        \n        \n}\n",
664                                                                             "|getIterValue": "function(iter, col) {\n     var gval = new GObject.Value('');\n    this.get('/LeftPanel.model').el.get_value(iter, col ,gval);\n    return '' + gval.value;\n}\n",
665                                                                             "|getType": "function(treepath) {\n     return this.getValue(treepath, 4);\n}\n",
666                                                                             "|getValue": "function(treepath_str, col) {\n      var iter = new Gtk.TreeIter();\n    this.el.get_iter(iter, new Gtk.TreePath.from_string(treepath_str));\n    \n    var gval = new GObject.Value('');\n    this.get('/LeftPanel.model').el.get_value(iter, col ,gval);\n    var val = '' + gval.value;\n    if (col != 1) {\n        return val;\n    }\n    var type = this.getType(this.el.get_path(iter).to_string());\n    print(\"TYPE: \" +type + \" -  val:\" + val);\n    switch(type.toLowerCase()) {\n        case 'number':\n        case 'uint':\n        case 'int':\n            return parseFloat(val); // Nan ?? invalid!!?        \n        case 'float':\n        case 'gfloat':\n            return 1.0 * parseFloat(val); // Nan ?? invalid!!?\n        case 'boolean':\n            return val == 'true' ? true : false;\n        default: \n            var nv = parseFloat(val);\n            if (!isNaN(nv) && (val == ''+nv)) {\n                return nv;\n            }\n            return val;\n    }\n                            \n}\n",
667                                                                             "|init": "function() {\n    XObject.prototype.init.call(this);\nthis.el.set_column_types ( 6, [\n                                GObject.TYPE_STRING,  // 0 real key\n                                GObject.TYPE_STRING, // 1 real value \n                                 GObject.TYPE_STRING,  // 2 visable key\n                                 GObject.TYPE_STRING, // 3 visable value\n                                 GObject.TYPE_STRING, // 4 need to store type of!!!\n                                  GObject.TYPE_STRING // 5 tooltip\n                              \n                            ]);\n}\n",
668                                                                             "|load": "function(ar) {\n  this.el.clear();\n                        \n    this.get('/RightEditor').el.hide();\n    if (ar === false) {\n        return ;\n    }\n    var ret = {}; \n    \n\n    var provider = this.get('/LeftTree').getPaleteProvider();\n     var iter = new Gtk.TreeIter();\n     \n    // sort!!!?\n    var keys  = XObject.keys(ar);\n    keys.sort();\n    ar.listeners = ar.listeners || {};\n    \n    for (var i in ar.listeners ) {\n        this.el.append(iter);\n        var p = this.el.get_path(iter).to_string();\n        ret['!' + i] = p;\n        \n        this.el.set_value(iter, 0, '!'+  i  );\n        this.el.set_value(iter, 1, '' + ar.listeners[i]);\n        this.el.set_value(iter, 2, '<b>'+ i + '</b>');\n        \n        this.el.set_value(iter, 3, '' + this.toShort(ar.listeners[i]));\n        this.el.set_value(iter, 4, 'function');\n        this.el.set_value(iter, 5, i + ' : ' + ar.listeners[i]);\n    }\n    \n    \n   \n    var _this = this;\n    keys.forEach(function(i) {\n        if (typeof(ar[i]) == 'object') {\n            return;\n        }\n        \n        var type = provider.findType(ar, i, ar[i]);\n        \n        _this.el.append(iter);\n        var p = _this.el.get_path(iter).to_string();\n        ret[i] = p;\n        _this.el.set_value(iter, 0, ''+i);\n        _this.el.set_value(iter, 1, '' + ar[i]);  \n        _this.el.set_value(iter, 2, ''+i);\n        _this.el.set_value(iter, 3, ''+ _this.toShort(ar[i]));\n        _this.el.set_value(iter, 4, ''+type);\n        _this.el.set_value(iter, 5, type + ' : ' + ar[i]);\n    })\n    return ret;\n}\n",
669                                                                             "|startEditing": "function(path,col) {\n    /**\n    * start editing path (or selected if not set..)\n    * @param {String|false} path  (optional) treepath to edit - selected tree gets\n    *     edited by default.\n    * @param {Number} 0 or 1 (optional)- column to edit. \n    */\n     var tp;\n    if (typeof(path) == 'string') {\n        tp = new Gtk.TreePath.from_string(path);\n    } else {\n        var iter = new Gtk.TreeIter();\n        var s = this.get('/LeftPanel.view').selection;\n        s.get_selected(this.el, iter);\n        tp = this.el.get_path(iter);\n        path = tp.to_string();\n    }\n    \n   \n    // which colum is to be edited..\n    var colObj = false;\n    if (typeof(col) == 'undefined') {\n        var k = this.getValue(path, 0);\n        colObj = (!k.length || k == '|') ? \n            this.get('/LeftPanel').propertyColumn : this.get('/LeftPanel').editableColumn;\n    } else {\n        colObj = col ? this.get('/LeftPanel').editableColumn : this.get('/LeftPanel').propertyColumn;\n    }\n    \n    // make sure the pulldown is set correctly..\n    // not really needed for second col...\n\n    var provider = this.get('/LeftTree').getPaleteProvider();\n   \n    var type = this.get('/LeftPanel.model').getType(path);\n    var opts = provider.findOptions(type);\n    var renderer = this.get('/LeftPanel').editableColumn.items[0].el;\n    \n    if (opts === false) {\n        this.get('/LeftPanel').editableColumn.setOptions([]);\n        renderer.has_entry = true; /// probably does not have any effect.\n    } else {\n        this.get('/LeftPanel').editableColumn.setOptions(opts);\n        renderer.has_entry = false;\n    }\n    \n    var _this=this;\n    // iter now has row...\n    GLib.timeout_add(0, 100, function() {\n        \n        colObj.items[0].el.editable = true; // esp. need for col 0..\n        _this.get('/LeftPanel.view').el.set_cursor_on_cell(\n            tp,\n            colObj.el,\n            colObj.items[0].el,\n            true\n        );\n    });\n    \n}\n",
670                                                                             "|toJS": "function() {\n     var iter = new Gtk.TreeIter();\n    this.get('/LeftPanel.model').el.get_iter_first(iter);\n    var ar = {};\n       \n    while (true) {\n        \n        var k = this.getValue(this.el.get_path(iter).to_string(), 0);\n       // Seed.print(k);\n        if (k[0] == '!') {\n            ar.listeners = ar.listeners || {};\n            ar.listeners[  k.substring(1)] = this.getValue(this.el.get_path(iter).to_string(), 1);\n            \n        } else {\n            ar[ k ] = this.getValue(this.el.get_path(iter).to_string(), 1);\n        }\n        \n        if (! this.get('/LeftPanel.model').el.iter_next(iter)) {\n            break;\n        }\n    }\n    \n    \n    //print(JSON.stringify(ar));\n    return ar;\n    // convert the l\n}\n",
671                                                                             "|toShort": "function(str) {\n    var a = typeof(str) == 'string' ? str.split(\"\\n\") : [];\n        return a.length > 1 ? a[0] + '....' : '' + str;\n}\n",
672                                                                             "|xns": "Gtk"
673                                                                         },
674                                                                         {
675                                                                             "|xns": "Gtk",
676                                                                             "xtype": "TreeViewColumn",
677                                                                             "pack": "append_column",
678                                                                             "|init": "function() {\n    XObject.prototype.init.call(this);\n\n    this.el.add_attribute(this.items[0].el , 'markup', 2 );\n    this.get('/LeftPanel').propertyColumn = this;\n}\n",
679                                                                             "title": "key",
680                                                                             "items": [
681                                                                                 {
682                                                                                     "|xns": "Gtk",
683                                                                                     "xtype": "CellRendererText",
684                                                                                     "pack": "pack_start",
685                                                                                     "listeners": {
686                                                                                         "editing_started": "function (self, editable, path) {\n\n        this.get('/LeftPanel.model').activePath  = path;\n\n}",
687                                                                                         "edited": "function (self, object, p0) {\n\tvar model = this.get('/LeftPanel.model');\n        var path = model.activePath;\n        var iter = new Gtk.TreeIter();\n        model.el.get_iter(iter, new Gtk.TreePath.from_string(path));\n        model.el.set_value(iter, 0, p0);\n        model.el.set_value(iter, 2, p0);\n        \n\tmodel.activePath = false;\n\n\tthis.get('/LeftTree.model').changed(model.toJS(), true); \n        this.el.editable = false;\n}"
688                                                                                     }
689                                                                                 }
690                                                                             ]
691                                                                         },
692                                                                         {
693                                                                             "|xns": "Gtk",
694                                                                             "xtype": "TreeViewColumn",
695                                                                             "pack": "append_column",
696                                                                             "|init": "function() {\n    XObject.prototype.init.call(this);\n\tthis.el.add_attribute(this.items[0].el , 'text', 3 );\n\tthis.el.add_attribute(this.items[0].el , 'sensitive', 3 );\n\tthis.el.add_attribute(this.items[0].el , 'editable', 3 );\n          // this.el.set_cell_data_func(cell, age_cell_data_func, NULL, NULL);\n\n \tthis.get('/LeftPanel').editableColumn= this;\n}\n",
697                                                                             "|setOptions": "function(ar) {\n       var m = this.items[0].el.model;\n            m.clear();\n            var iter = new Gtk.TreeIter();\n            ar.forEach(function(i) {\n                   // sort!!!?\n                m.append(iter);\n                m.set_value(iter, 0, i);\n            });\n            \n}\n",
698                                                                             "items": [
699                                                                                 {
700                                                                                     "|xns": "Gtk",
701                                                                                     "xtype": "CellRendererCombo",
702                                                                                     "pack": "pack_start",
703                                                                                     "|editable": true,
704                                                                                     "|has_entry": true,
705                                                                                     "text_column": 0,
706                                                                                     "|init": "function() {\n    XObject.prototype.init.call(this);\n   this.el.model = new Gtk.ListStore();\n    this.el.model.set_column_types ( 1, [\n        GObject.TYPE_STRING  // 0 real key\n      ]);\n}\n",
707                                                                                     "listeners": {
708                                                                                         "edited": "function (self, object, p0) {\n \tthis.get('/LeftPanel').editing = false;\n\tprint(\"EDITED? p:\" + p0 + \" t:\" + p0);\n        this.get('/LeftPanel.model').changed(p0, true);\n        this.get('/LeftPanel.model').activePath = false;\n}",
709                                                                                         "editing_started": "function (self, editable, path) {\n   this.get('/LeftPanel').editing  = true;\n\t//  console.log('editing started');\n       // r.has_entry = false;\n   this.get('/LeftPanel.model').editSelected(editable);\n}"
710                                                                                     }
711                                                                                 }
712                                                                             ]
713                                                                         }
714                                                                     ]
715                                                                 },
716                                                                 {
717                                                                     "|xns": "Gtk",
718                                                                     "xtype": "Menu",
719                                                                     "pack": false,
720                                                                     "id": "LeftPanelPopup",
721                                                                     "items": [
722                                                                         {
723                                                                             "|xns": "Gtk",
724                                                                             "xtype": "MenuItem",
725                                                                             "pack": "append",
726                                                                             "label": "Delete",
727                                                                             "listeners": {
728                                                                                 "activate": "function (self) {\n\tthis.get('/LeftPanel.model').deleteSelected();\n}"
729                                                                             }
730                                                                         },
731                                                                         {
732                                                                             "|xns": "Gtk",
733                                                                             "xtype": "MenuItem",
734                                                                             "pack": "append",
735                                                                             "label": "Edit",
736                                                                             "listeners": {
737                                                                                 "activate": "function (self) {\n\tthis.get('/LeftPanel.model').startEditing(false, 0);\n}"
738                                                                             }
739                                                                         }
740                                                                     ]
741                                                                 }
742                                                             ]
743                                                         }
744                                                     ]
745                                                 }
746                                             ]
747                                         },
748                                         {
749                                             "|xns": "Gtk",
750                                             "xtype": "ScrolledWindow",
751                                             "pack": "pack_end,false,true,0",
752                                             "id": "MidPropTree",
753                                             "|shadow_type": "Gtk.ShadowType.IN",
754                                             "|init": "function() {\n    XObject.prototype.init.call(this);\n       XObject.prototype.init.call(this); \n    this.el.set_policy (Gtk.PolicyType.AUTOMATIC, Gtk.PolicyType.AUTOMATIC)\n    this.el.set_size_request ( 150, -1 );\n    this.shown = true;\n}\n",
755                                             "activeElement": false,
756                                             "|hideWin": "function() {\n     \n    if (!this.shown) {\n        return;\n    }\n    \n    \n    if (this.get('/Window.left').el.position < 160) {\n        return;\n    }\n    this.get('/Window.left').el.position = this.get('/Window.left').el.position  - 150;\n        \n    this.el.hide();\n    this.shown = false;\n}\n",
757                                             "items": [
758                                                 {
759                                                     "listeners": {
760                                                         "cursor_changed": "function (self) {\n       var iter = new Gtk.TreeIter();\n                        \n                        //console.log('changed');\n        var m = this.get('model');\n\tif (!this.selection){\n\t\tthis.selection = this.el.get_selection();\n\t}\n\n        var s = this.selection;\n        if (!s.get_selected(m.el, iter)) {\n\t\treturn; \n\t}\n        var tp = m.el.get_path(iter).to_string();\n        \n        \n        // var val = \"\";\n        \n        var key = m.getValue(tp, 0);\n        \n        var type = m.getValue(tp, 1);\n        var skel = m.getValue(tp, 3);\n        var etype = m.getValue(tp, 5);\n        \n        \n        this.get('/MidPropTree').hideWin();\n\n        if (type.toLowerCase() == 'function') {\n            \n            if (etype != 'events') {\n                key = '|' + key;\n            }\n            \n            this.get('/LeftPanel.model').add({\n                key :  key, \n                type : type,\n                val  : skel,\n                etype : etype\n            })  \n            return;\n        }\n        // has dot in name, and is boolean???? this does not make sense..\n        //if (type.indexOf('.') > -1 ||  type.toLowerCase() == 'boolean') {\n        //     key = '|' + key;\n       // }\n        \n        this.get('/LeftPanel.model').add( {\n            key : key, \n            type : type,\n            //skel  : skel,\n            etype : etype\n           }) //, \n}"
761                                                     },
762                                                     "pack": "add",
763                                                     "tooltip_column": 2,
764                                                     "xtype": "TreeView",
765                                                     "|enable_tree_lines": true,
766                                                     "|headers_visible": false,
767                                                     "|init": "function() {\n\tXObject.prototype.init.call(this); \n                    \n       var description = new Pango.FontDescription.c_new();\n     description.set_size(8000);\n    this.el.modify_font(description);     \n                    \n    //this.selection = this.el.get_selection();\n    // this.selection.set_mode( Gtk.SelectionMode.SINGLE);\n \n\n    \n  \n    \n}\n",
768                                                     "|xns": "Gtk",
769                                                     "items": [
770                                                         {
771                                                             "|xns": "Gtk",
772                                                             "xtype": "ListStore",
773                                                             "pack": "set_model",
774                                                             "|init": "function() {\n    XObject.prototype.init.call(this);\n   this.el.set_column_types ( 6, [\n        GObject.TYPE_STRING,  // real key\n         GObject.TYPE_STRING, // real type\n         GObject.TYPE_STRING, // docs ?\n         GObject.TYPE_STRING, // visable desc\n         GObject.TYPE_STRING, // function desc\n         GObject.TYPE_STRING // element type (event|prop)\n        \n    ] );\n}\n",
775                                                             "|getValue": "function(treepath, col)\n{\n    var tp = new Gtk.TreePath.from_string (treepath);\n    var iter = new Gtk.TreeIter();\n    this.el.get_iter (iter, tp);\n    var value = new GObject.Value('');\n    this.el.get_value(iter, col, value);\n    return value.value;\n    \n}",
776                                                             "|showData": "function(type) {\n    this.el.clear();\n            if (!this.get('/MidPropTree').activeElement || !type) {\n                return; // no active element\n            }\n\n            var fullpath = this.get('/LeftTree.model').file.guessName(this.get('/MidPropTree').activeElement);\n            var palete = this.get('/LeftTree').getPaleteProvider();\n            \n             \n            \n            Seed.print('Showing right?');\n            if (!this.get('/MidPropTree').shown) {\n\n                this.get('/Window.left').el.position = this.get('/Window.left').el.position  + 150;\n                this.get('/MidPropTree').el.show();\n                this.get('/MidPropTree').shown = true;\n            }\n            \n            var elementList = palete.getPropertiesFor(fullpath, type);\n            print (\"GOT \" + elementList.length + \" items for \" + fullpath + \"|\" + type);\n           // console.dump(elementList);\n           \n            \n            var iter = new Gtk.TreeIter();\n            for(var i =0 ; i < elementList.length; i++) {\n                var p=elementList[i];\n                this.el.append(iter);\n              //  console.log( '<b>' + p.name +'</b> ['+p.type+']');\n                    //GObject.TYPE_STRING,  // real key\n                    // GObject.TYPE_STRING, // real type\n                    // GObject.TYPE_STRING, // docs ?\n                    // GObject.TYPE_STRING // func def?\n                    \n                \n                this.el.set_value(iter, 0, p.name);\n                this.el.set_value(iter, 1, p.type);\n                this.el.set_value(iter, 2, '<span size=\"small\"><b>' + p.name +'</b> ['+p.type+']</span>' + \"\\n\" + p.desc);\n                this.el.set_value(iter, 3, p.sig ? p.sig  : '');\n                this.el.set_value(iter, 4, '<span size=\"small\"><b>' + p.name +'</b> ['+p.type+']</span>');\n                this.el.set_value(iter, 5, type);\n                \n            }\n                             \n}\n",
777                                                             "id": "model"
778                                                         },
779                                                         {
780                                                             "|xns": "Gtk",
781                                                             "xtype": "TreeViewColumn",
782                                                             "|init": "function() {\n    this.el = new Gtk.TreeViewColumn();\n    this.parent.el.append_column(this.el);\n    \n    XObject.prototype.init.call(this);\n    this.el.add_attribute(this.items[0].el , 'markup', 4  );\n}\n",
783                                                             "pack": false,
784                                                             "items": [
785                                                                 {
786                                                                     "|xns": "Gtk",
787                                                                     "xtype": "CellRendererText",
788                                                                     "pack": "pack_start,true"
789                                                                 }
790                                                             ]
791                                                         }
792                                                     ]
793                                                 }
794                                             ]
795                                         }
796                                     ]
797                                 },
798                                 {
799                                     "|xns": "Gtk",
800                                     "xtype": "HBox",
801                                     "pack": "add",
802                                     "items": [
803                                         {
804                                             "|xns": "Gtk",
805                                             "xtype": "VPaned",
806                                             "pack": "add",
807                                             "position": 300,
808                                             "items": [
809                                                 {
810                                                     "|xns": "Gtk",
811                                                     "xtype": "VBox",
812                                                     "pack": "add",
813                                                     "items": [
814                                                         {
815                                                             "|xns": "Gtk",
816                                                             "xtype": "Notebook",
817                                                             "pack": "pack_start,true,true",
818                                                             "id": "view-help-nb",
819                                                             "|init": "function() {\n    XObject.prototype.init.call(this);\n   this.el.set_tab_label(this.items[0].el, new Gtk.Label({ label : \"Preview\" }));\n    this.el.set_tab_label(this.items[1].el, new Gtk.Label({ label : \"Help\" }));\n}\n",
820                                                             "items": [
821                                                                 {
822                                                                     "id": "view-notebook",
823                                                                     "pack": "add",
824                                                                     "tab_border": 0,
825                                                                     "xtype": "Notebook",
826                                                                     "|init": "function() {\n    XObject.prototype.init.call(this);\n    this.el.set_current_page(0);\n    //print(\"SET LABEL?\")\n    this.el.set_tab_label(this.items[0].el, new Gtk.Label({ label : \"Roo View\" }));\n    this.el.set_tab_label(this.items[1].el, new Gtk.Label({ label : \"Gtk View\" }));\n}\n",
827                                                                     "|show_tabs": false,
828                                                                     "|xns": "Gtk",
829                                                                     "items": [
830                                                                         {
831                                                                             "id": "RightBrowser",
832                                                                             "pack": "add",
833                                                                             "xtype": "VBox",
834                                                                             "|xns": "Gtk",
835                                                                             "items": [
836                                                                                 {
837                                                                                     "|xns": "Gtk",
838                                                                                     "xtype": "ScrolledWindow",
839                                                                                     "pack": "add",
840                                                                                     "|shadow_type": "Gtk.ShadowType.IN",
841                                                                                     "|init": "function() {\n    XObject.prototype.init.call(this);\n  this.el.set_policy(Gtk.PolicyType.AUTOMATIC, Gtk.PolicyType.AUTOMATIC);\n}\n",
842                                                                                     "items": [
843                                                                                         {
844                                                                                             "listeners": {
845                                                                                                 "load_finished": "function (self, object) {\n\t// if (this.ready) { // dont do it twice!\n\t //   return; \n\t//}\n\t this.el.get_inspector().show();\n\tthis.ready = true;\n        this.pendingRedraw = false;\n        var js = this.get('/LeftTree.model').toJS();\n        if (js && js[0]) {\n    \t    this.renderJS(js[0]);\n    \t}\n\n}",
846                                                                                                 "script_alert": "function (self, object, p0) {\n    // \tprint(p0);\n        return false;\n        return true; // do not display anything...\n}",
847                                                                                                 "console_message": "function (self, object, p0, p1) {\n   //  console.log(object);\n        if (!object.match(/^\\{/)) {\n        \n            //this.get('/Terminal').feed(object);\n            return true; // do not handle!!! -> later maybe in console..\n        }\n       // console.log(object);\n        var val =  JSON.parse(object);\n\n        if (typeof(val['hover-node']) != 'undefined') {\n            this.activeNode = val['hover-node'];\n            console.log('active node: ' + this.activeNode);\n            return true;\n        }\n\n         var ret = false;\n         if (typeof(val['id']) != 'undefined') {\n           // this.activeNode = val['id'];\n            var tg = this.get('/LeftTree.model').findDropNode(val['id'], true); \n            if (!tg || typeof(tg[0]) == 'undefined') {\n                return false;\n            }\n            print(\"SELECT node \" + tg[0]);\n            \n            this.get('/LeftTree.view').selectNode(tg[0]);\n            ret  = true;\n            \n        } \n        if (ret && typeof(val['set']) != 'undefined') {\n           this.get('/LeftPanel.model').add({\n                key : val['set'],\n                val : val['value']\n            });\n            //console.log('active node: ' + this.activeNode);\n            \n        }\n        //Seed.print('a:'+a);\n        //Seed.print('b:'+b);\n        //Seed.print('c:'+c);\n        return ret;\n}",
848                                                                                                 "drag_motion": "function (w, ctx,  x,   y,   time, ud) {\n   // console.log('DRAG MOTION'); \n        // status:\n        // if lastCurrentNode == this.currentNode.. -- don't change anything..\n        this.targetData = [];\n        this.el.execute_script(\"Builder.overPos(\" + x +','+ y + \");\");\n        \n        // A) find out from drag all the places that node could be dropped.\n        var src = Gtk.drag_get_source_widget(ctx);\n        if (!src.dropList) {\n            Gdk.drag_status(ctx, 0, time);\n            return true;\n        }\n        // b) get what we are over.. (from activeNode)\n        // tree is empty.. - list should be correct..\n        if (!this.get('/LeftTree.model').currentTree) {\n            Gdk.drag_status(ctx, Gdk.DragAction.COPY,time);\n            return true;\n            \n        }\n        // c) ask tree where it should be dropped... - eg. parent.. (after node ontop)\n        \n        var tg = this.get('/LeftTree.model').findDropNode(this.activeNode, src.dropList);\n        console.dump(tg);\n        if (!tg.length) {\n            Gdk.drag_status(ctx, 0,time);\n            this.get('/LeftTree.view').highlight(false);\n            return true;\n        }\n         \n        // if we have a target..\n        // -> highlight it! (in browser)\n        // -> highlight it! (in tree)\n        \n        Gdk.drag_status(ctx, Gdk.DragAction.COPY,time);\n        this.get('/LeftTree.view').highlight(tg);\n        this.targetData = tg;\n        // for tree we should handle this...\n        return true;\n}",
849                                                                                                 "drag_drop": "function (w, ctx, x, y,time, ud) {\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}",
850                                                                                                 "drag_data_received": "function (w, ctx,  x,  y, sel_data,  target_type,  time, ud) \n    {\n        print(\"Browser: drag-data-received\");\n        var delete_selection_data = false;\n        vardnd_success = false;\n        /* Deal with what we are given from source */\n        if( sel_data && sel_data.length ) {\n            \n            if (ctx.action == Gdk.DragAction.ASK)  {\n                /* Ask the user to move or copy, then set the ctx action. */\n            }\n\n            if (ctx.action == Gdk.DragAction.MOVE) {\n                delete_selection_data = true;\n            }\n            var source = Gtk.drag_get_source_widget(ctx);\n\n            print(\"Browser: source.DRAGDATA? \" + source.dragData);\n            if (this.targetData) {\n                print(this.targetData);\n                this.get('/LeftTree.model').dropNode(this.targetData,  source.dragData);\n            }\n            \n            \n            \n            dnd_success = true;\n\n        }\n\n        if (dnd_success == false)\n        {\n                Seed.print (\"DnD data transfer failed!\\n\");\n        }\n        \n        Gtk.drag_finish (ctx, dnd_success, delete_selection_data, time);\n        return true;\n    }",
851                                                                                                 "resource_request_starting": "function (self, object, p0, p1, p2) {\n  //   this.get('/Terminal').feed( p1.get_uri() );\n}"
852                                                                                             },
853                                                                                             "id": "view",
854                                                                                             "pack": "add",
855                                                                                             "xtype": "WebView",
856                                                                                             "|init": "function() {\n    XObject.prototype.init.call(this);\n    // this may not work!?\n    var settings =  this.el.get_settings();\n    settings.enable_developer_extras = true;\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    var _this = this;\n     \n    this.el.get_inspector().signal.inspect_web_view.connect(function(wi, pg) {\n     _this.get('/BottomPane.inspector').el.show();\n        return _this.get('/BottomPane.inspector').el;\n     //create_inspector_cb\n    });\n     \n    \n    this.el.open('file:///' + __script_path__ + '/../builder.html');\n                          \n    Gtk.drag_dest_set\n    (\n            this.el,              /* widget that will accept a drop */\n            Gtk.DestDefaults.MOTION  | Gtk.DestDefaults.HIGHLIGHT,\n            null,            /* lists of target to support */\n            0,              /* size of list */\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",
857                                                                                             "|renderJS": "function(data) {\n    print(\"HTML RENDERING\");\n     this.get('/BottomPane').el.show();\n    this.get('/BottomPane').el.set_current_page(2);// webkit view!\n    /// prevent looping..\n    //if (this.pendingRedraw) {\n    //   print(\"pending redraw active?!\");\n     //   return;\n    //}\n    \n    \n    if (!this.get('/Window.LeftTree').getActiveFile()) {\n        return;\n    }\n    \n    var project = this.get('/Window.LeftTree').getActiveFile().project;\n    //print (project.fn);\n    \n    project.runhtml  = project.runhtml || '';\n    \n\n    this.runhtml  = this.runhtml || '';\n    \n    if (project.runhtml != this.runhtml) {\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         var runhtml = '<script type=\"text/javascript\">' + \"\\n\" ;\n         runhtml +=imports.File.File.read(__script_path__ + '/../builder.html.js') + \"\\n\";\n         runhtml += '</script>'+ \"\\n\" ;\n//        this.runhtml = '<link rel=\"stylesheet\" type=\"text/css\" href=\"file://' + __script_path__ + '/../roojs1/cssX/roojs-all.css\" />'+ \"\\n\" ;\n //       this.runhtml += '<script type=\"text/javascript\" src=\"file://' + __script_path__ + '/../roojs1/roojs-debug.js\"></script>'+ \"\\n\" ;\n  //      this.runhtml += '<script type=\"text/javascript\">' + \"\\n\" ;\n   //     this.runhtml += 'Ext=Roo; // bc' + \"\\n\" ;\n    //    this.runhtml += 'Roo.BLANK_IMAGE_URL =  \"file://' + __script_path__ + '/../roojs1/images/gray/s.gif\";'+ \"\\n\" ;\n     //   this.runhtml += 'Roo.rootURL = \"file://' + __script_path__ + '/../roojs1/\";'+ \"\\n\" ;\n      //  this.runhtml += '</script>'+ \"\\n\" ;\n        \n        this.runhtml = project.runhtml;\n        // need to modify paths\n        \n        \n        \n        var html = imports.File.File.read(__script_path__ + '/../builder.html');\n        html = html.replace('</head>', runhtml + this.runhtml + '</head>');\n        print(\"LOAD HTML \" + html);\n        this.el.load_html_string( html , \n            //fixme - should be a config option!\n            'http://www.akbkhome.com/e/'\n        );\n        // should trigger load_finished!\n        return;\n    \n    }\n    \n    this.pendingRedraw = false;    \n     \n    \n    this.renderedData = data;\n    var str = JSON.stringify(data) ;\n    \n    if (!this.ready) {\n        console.log('not loaded yet');\n    }\n    //Seed.print(\"RENDER:\" + str);\n    //imports.File.File.write('/tmp/builder.debug.js', \"Builder.render(\" + JSON.stringify(data) + \");\");\n \n    this.el.execute_script(\"Builder.render(\" + JSON.stringify(data) + \");\");\n     \n}\n",
858                                                                                             "|xns": "WebKit"
859                                                                                         }
860                                                                                     ]
861                                                                                 }
862                                                                             ]
863                                                                         },
864                                                                         {
865                                                                             "id": "RightGtkView",
866                                                                             "pack": "add",
867                                                                             "xtype": "VBox",
868                                                                             "|redraw": "function() {\n   this.highlightWidget = false;\n    print(\"REDRAW CALLED\");\n    this.activePath = this.get('/LeftTree').getActivePath();\n    if (this.renderedEl) {\n      print(\"QUEUE DRAW CALLING\");\n      this.renderedEl.queue_draw();\n   }\n}\n",
869                                                                             "|renderJS": "function(data, withDebug)\n{\n      this.highlightWidget = false;\n   \n    this.withDebug = false;\n    \n    if (this.renderedEl) {\n        this.get('view').el.remove(this.renderedEl);\n        this.renderedEl.destroy();\n        this.renderedEl = false;\n    }\n      if (!data) {\n                 return; \n    }\n    var tree =  this.get('/LeftTree.model').toJS(false,true)[0];\n    // in theory tree is actually window..  \n   try {\n    this.renderedEl = this.viewAdd(tree.items[0], this.get('view').el);\n  } catch (e) {\n     print(e.message);\n    return;\n  }\n    this.get('view').el.set_size_request(\n        tree.default_width * 1 || 400, tree.default_height * 1 || 400\n    ) ;\n    \n    this.renderedEl.set_size_request(\n        tree.default_width || 600,\n        tree.default_height || 400\n    );\n    this.get('view').el.show_all();\n    \n    \n    \n}",
870                                                                             "|showInWindow": "function() {\n  print(\"GET PROEJCT\");\n\tvar pr = this.get('/LeftProjectTree').getActiveProject();\n  \n\tconsole.log(pr.paths);\n    return;\n/*\n     var src= this.buildJS(\n\t\tthis.get('/LeftTree.model').toJS()[0], \n\t\ttrue);\n      // show term?? \n\n\n    //var x = new imports.sandbox.Context();\n    //x.add_globals();\n    //print(src);\n    try {\n        Seed.check_syntax('var e = ' + src);\n        //x.eval(src);\n    } catch( e) {\n        this.get('/Terminal').feed(e.message || e.toString() + \"\\n\");\n        this.get('/Terminal').feed(console._dump(e)+\"\\n\");\n        if (e.line) {\n            var lines = src.split(\"\\n\");\n            var start = Math.max(0, e.line - 10);\n            var end = Math.min(lines.length, e.line + 10);\n            for (var i =start ; i < end; i++) {\n                if (i == e.line) {\n                    this.get('/Terminal').feed(\">>>>>\" + lines[i] + \"\\n\");\n                    continue;\n                }\n                this.get('/Terminal').feed(lines[i] + \"\\n\");\n            }\n            \n        }\n        \n        return;\n    }\n     this.get('/BottomPane').el.set_current_page(1);\n    this.get('/Terminal').el.fork_command( null , [], [], \"/tmp\", false,false,false); \n    var cmd = \"/usr/bin/seed /tmp/BuilderGtkView.js\\n\";\n    this.get('/Terminal').el.feed_child(cmd, cmd.length);\n     /*\n    var _top = x.get_global_object()._top;\n    \n    _top.el.set_screen(Gdk.Screen.get_default()); // just in case..\n    _top.el.show_all();\n    if (_top.el.popup) {\n        _top.el.popup(null, null, null, null, 3, null);\n    }\n*/\n}\n",
871                                                                             "|viewAdd": "function(item, par)\n        {\n    // does something similar to xobject..\n    item.pack = (typeof(item.pack) == 'undefined') ?  'add' : item.pack;\n    \n    if (item.pack===false || item.pack === 'false') {  // no ;\n        return;\n    }\n    print(\"CREATE: \" + item['|xns'] + '.' + item['xtype']);\n    var type = item['|xns'] + '.' + item['xtype'];\n    var ns = imports.gi[item['|xns']];\n    var ctr = ns[item['xtype']];\n    var ctr_args = { };\n    for(var k in item) {\n        var kv = item[k];\n        if (typeof(kv) == 'object' || typeof(kv) == 'function') {\n            continue;\n        }\n        if ( \n            k == 'pack' ||\n            k == 'items' ||\n            k == 'id' ||\n            k == 'xtype' ||\n            k == 'xdebug' ||\n            k == 'xns' ||\n            k == '|xns'\n        ) {\n            continue;\n        }\n\n\tif (k[0] == '|' && typeof(kv) == 'string') {\n\n\t\tif (kv.match(new RegExp('function'))) {\n\t\t\tcontinue;\n                }\n\t\t print(\"WASL \" + k + '=' + kv);\n\t\ttry {\n\t\t\teval( 'kv = ' + kv);\n\t\t} catch(e) {    continue; }\n                \n\t\tk = k.substring(1);\n             // print(k + '=' + kv);\n\t}\n        if (k[0] == '|') { // should be boolean or number..\n\t\tk = k.substring(1);\n\t\t//print(k + '=' + kv);\n        }\n         \n\tif (k == 'show_tabs') { // force tab showing for notebooks.\n           kv = true;\n        }\n        print(k + '=' + typeof(kv) + \" : \" + kv);\n        ctr_args[k] = kv;\n        \n    } \n    \n    \n    var el = new ctr(ctr_args);\n    \n    print(\"PACK\" + item.pack);\n    //console.dump(item.pack);\n    \n    \n    \n    \n    var args = [];\n    var pack_m  = false;\n    if (typeof(item.pack) == 'string') {\n         \n        item.pack.split(',').forEach(function(e, i) {\n            \n            if (e == 'false') { args.push( false); return; }\n            if (e == 'true') {  args.push( true);  return; }\n            if (!isNaN(parseInt(e))) { args.push( parseInt(e)); return; }\n            args.push(e);\n        });\n        //print(args.join(\",\"));\n        \n        pack_m = args.shift();\n    } else {\n        pack_m = item.pack.shift();\n        args = item.pack;\n    }\n    \n    // handle error.\n    if (pack_m && typeof(par[pack_m]) == 'undefined') {\n        throw {\n                name: \"ArgumentError\", \n                message : 'pack method not available : ' + par.id + \" : \" + par + '.' +  pack_m +\n                        \"ADDING : \" + item.id + \" \" +  el\n                    \n\t    };\n\n        return;\n    }\n    \n    console.dump(args);\n    args.unshift(el);\n    //if (XObject.debug) print(pack_m + '[' + args.join(',') +']');\n    //Seed.print('args: ' + args.length);\n    if (pack_m) {\n        par[pack_m].apply(par, args);\n    }\n    \n    var _this = this;\n    item.items = item.items || [];\n    item.items.forEach(function(ch,n) {\n\n          print (\"type:\" + type);\n          \n           print (\"ch.pack:\" + ch.pack);\n         if (type == 'Gtk.Table' && ch.pack == 'add') {\n            var c = n % item.n_columns;\n            var r = Math.floor(n/item.n_columns);\n            ch.pack = [ 'attach', c, c+1, r, r+1, \n                     typeof(ch.x_options) == 'undefined' ?  5 : ch.x_options,\n                        typeof(ch.y_options) == 'undefined' ?  5 : ch.y_options,\n                        typeof(ch.x_padding) == 'undefined' ?  0 : ch.x_padding,\n                        typeof(ch.x_padding) == 'undefined' ?  0 : ch.x_padding\n            ].join(',');\n        }\n    \n        _this.viewAdd(ch, el);\n    });\n    \n    \n    \n    // add the signal handlers.\n    // is it a widget!?!!?\n   \n    \n    try {\n         \n        \n        el.signal.expose_event.connect(XObject.createDelegate(this.widgetExposeEvent, this, [ item  ], true));\n        el.signal.drag_motion.connect(XObject.createDelegate(this.widgetDragMotionEvent, this,[ item  ], true));\n        el.signal.drag_drop.connect(XObject.createDelegate(this.widgetDragDropEvent, this, [ item  ], true));\n        el.signal.button_press_event.connect(XObject.createDelegate(this.widgetPressEvent, this, [ item  ], true ));\n  el.signal.button_release_event.connect(XObject.createDelegate(this.widgetReleaseEvent, this, [ item  ], true ));\n    } catch(e) {\n        // ignore!\n       }\n    \n    \n    \n    return el;\n    \n}",
872                                                                             "|widgetDragDropEvent": "function() {\n      print(\"WIDGET DRAGDROP\"); \n            return true;\n}\n",
873                                                                             "|widgetDragMotionEvent": "function() {\n     print(\"WIDGET DRAGMOTION\"); \n            return true;\n}\n",
874                                                                             "|widgetExposeEvent": "function(w, evt, ud, item) {\n    var widget = w;\n     if (this.inRender) {\n         return false;\n     }\n     \n     if ( this.highlightWidget) {\n          this.inRender = true;\n          if (item.xtreepath.substring(0, this.activePath.length) == this.activePath) {\n                 Gdk.draw_rectangle(this.highlightWidget.window, this.gc, false, this.box.x , this.box.y, this.box.w, this.box.h);\n            }\n           this.inRender = false;\n           return false;\n     }\n     \n     \n     if (this.activePath != item.xtreepath) {\n        return false;\n     }\n     \n   //  print(\"HIGHLIGHT: \" + item.xtreepath ); // draw highlight??\n     // work out the coords of the window..\n     if (!this.gc) {\n      var dr = widget.window;\n      this.gc = (new Gdk.GC.c_new(dr));\n      this.gc.set_rgb_fg_color(new Gdk.Color({ red: 0xFFFF, green: 0, blue : 0 }));\n      this.gc.set_line_attributes(4,  Gdk.LineStyle.SOLID, Gdk.CapStyle.ROUND , Gdk.JoinStyle.ROUND);\n    }\n\n    \n     var r  = evt.expose.area;\n     // console.dump([r.x, r.y, r.width, r.height ] );\n     //return false;\n//     print(widget.get_parent().toString().match(/GtkScrolledWindow/);\n     if (widget.get_parent().toString().match(/GtkScrolledWindow/)) { // eak\n         // happens with gtkscrollview embedded stuff..\n         var np =this.activePath.split(':');\n         np.pop();\n         this.activePath = np.join(':');\n         this.renderedEl.queue_draw();\n         return true;\n\n        \n     }\n\n       \n     \n     \n      this.box = {\n        x : r.x - 2,\n        y : r.y - 2,\n        w: r.width + 4,\n        h: r.height + 4\n      }; \n      // let's draw it..\n      this.inRender = true;\n\n      \n      this.highlightWidget = widget;\n    \n    \n \n\n    //  print(\"DRAW BOX\");\n       //console.dump(this.box);\n      Gdk.draw_rectangle(widget.window, this.gc, false, this.box.x , this.box.y, this.box.w,this.box.h);\n            this.inRender = false;\n            return false;\n}\n",
875                                                                             "|widgetPressEvent": "function(w,e,u,d) {\n     if (this.get('view').pressed) {\n        return false;\n     }\nthis.get('view').pressed = true;\n      print(\"WIDGET PRESS \" + d.xtreepath );       \n          this.get('/LeftTree.view').selectNode(   d.xtreepath );        \n            return false;\n}\n",
876                                                                             "|widgetReleaseEvent": "function() {\n    this.get('view').pressed = false;\n   return false;\n}\n",
877                                                                             "|xns": "Gtk",
878                                                                             "items": [
879                                                                                 {
880                                                                                     "|xns": "Gtk",
881                                                                                     "xtype": "HBox",
882                                                                                     "pack": "pack_start,false,true,0",
883                                                                                     "items": [
884                                                                                         {
885                                                                                             "|xns": "Gtk",
886                                                                                             "xtype": "Button",
887                                                                                             "pack": "pack_start,false,false,0",
888                                                                                             "label": "Run The Application",
889                                                                                             "listeners": {
890                                                                                                 "button_press_event": "function (self, event) {\n    // call render on left tree - with special option!?!\n \n    //print(\"GET PROEJCT\");\n    var pr = this.get('/LeftProjectTree').getActiveProject();\n  \n    var dir = '';\n    for (var i in pr.paths) { \n        dir = i;\n        break;\n    }\n    var runner = GLib.path_get_dirname (__script_path__) + '/gtkrun.js'; \n    this.get('/Terminal').feed(\"RUN DIR:\" + dir);\n    \n    this.get('/Terminal').el.fork_command( null , [], [], GLib.path_get_dirname (__script_path__) \n\t, false,false,false); \n    var cmd = \"/usr/bin/seed \" + runner + \" \" + dir + \"\\n\";\n    this.get('/Terminal').el.feed_child(cmd, cmd.length);\n    return false;\n  \n\n}"
891                                                                                             }
892                                                                                         }
893                                                                                     ]
894                                                                                 },
895                                                                                 {
896                                                                                     "|xns": "Gtk",
897                                                                                     "xtype": "ScrolledWindow",
898                                                                                     "pack": "add",
899                                                                                     "id": "view-sw",
900                                                                                     "|shadow_type": "Gtk.ShadowType.IN",
901                                                                                     "|init": "function() {\n    XObject.prototype.init.call(this);\n this.el.set_policy(Gtk.PolicyType.AUTOMATIC, Gtk.PolicyType.AUTOMATIC);\n}\n",
902                                                                                     "items": [
903                                                                                         {
904                                                                                             "|xns": "Gtk",
905                                                                                             "xtype": "EventBox",
906                                                                                             "pack": "add_with_viewport",
907                                                                                             "|init": "function() {\n    XObject.prototype.init.call(this);\nthis.el.modify_bg(Gtk.StateType.NORMAL, new Gdk.Color({\n            red: 0x9F00, green: 0xB800 , blue : 0xA800\n           }));\n} \n",
908                                                                                             "items": [
909                                                                                                 {
910                                                                                                     "|xns": "Gtk",
911                                                                                                     "xtype": "Fixed",
912                                                                                                     "pack": "add",
913                                                                                                     "|init": "function() {\n\tXObject.prototype.init.call(this);\n\t//this.el.set_hadjustment(this.parent.el.get_hadjustment());\n\t//this.el.set_vadjustment(this.parent.el.get_vadjustment());\n \n}\n",
914                                                                                                     "items": [
915                                                                                                         {
916                                                                                                             "|xns": "Gtk",
917                                                                                                             "xtype": "EventBox",
918                                                                                                             "pack": "put,10,10",
919                                                                                                             "|init": "function() {\n\t//this.el =     new Gtk.Image.from_stock (Gtk.STOCK_HOME,  Gtk.IconSize.MENU);\n\tXObject.prototype.init.call(this);\n\n            Gtk.drag_dest_set\n            (\n                    this.el,              /* widget that will accept a drop */\n                    Gtk.DestDefaults.MOTION  | Gtk.DestDefaults.HIGHLIGHT,\n                    null,            /* lists of target to support */\n                    0,              /* size of list */\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",
920                                                                                                             "ready": false,
921                                                                                                             "|getActiveNode": "function(x,y)\n{\n   // workout what node is here..\n    return '0'; // top..\n}",
922                                                                                                             "id": "view",
923                                                                                                             "listeners": {
924                                                                                                                 "drag_motion": "function (self, ctx, x, y, time) {\n    \n                // A) find out from drag all the places that node could be dropped.\n                var src = Gtk.drag_get_source_widget(ctx);\n                if (!src.dropList) {\n                    Gdk.drag_status(ctx, 0, time);\n                    return true;\n                }\n                // b) get what we are over.. (from activeNode)\n                // tree is empty.. - list should be correct..\n                if (!this.get('/LeftTree.model').currentTree) {\n                    Gdk.drag_status(ctx, Gdk.DragAction.COPY,time);\n                    return true;\n                    \n                }\n                // c) ask tree where it should be dropped... - eg. parent.. (after node ontop)\n                var activeNode = this.getActiveNode(x, y);\n                \n                \n                var tg = this.get('/LeftTree.model').findDropNode(activeNode, src.dropList);\n                console.dump(tg);\n                if (!tg.length) {\n                    Gdk.drag_status(ctx, 0,time);\n                    this.get('/LeftTree.view').highlight(false);\n                    return true;\n                }\n                 \n                // if we have a target..\n                // -> highlight it! (in browser)\n                // -> highlight it! (in tree)\n                \n                Gdk.drag_status(ctx, Gdk.DragAction.COPY,time);\n                this.get('/LeftTree.view').highlight(tg);\n                this.targetData = tg;\n                // for tree we should handle this...\n                return true;\n}",
925                                                                                                                 "drag_drop": "function (self,ctx, x, y, time) {\n\tSeed.print(\"TARGET: drag-drop\");\n        var is_valid_drop_site = true;\n        \n         \n        Gtk.drag_get_data\n        (\n                self,         /* will receive 'drag-data-received' signal */\n                ctx,        /* represents the current state of the this.gDnD */\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        return  is_valid_drop_site;\n  \n}",
926                                                                                                                 "drag_data_received": "function (w, ctx,  x,  y, sel_data,  target_type,  time, ud) \n    {\n        Seed.print(\"GtkView: drag-data-received\");\n        var delete_selection_data = false;\n        var dnd_success = false;\n        /* Deal with what we are given from source */\n        if( sel_data && sel_data.length ) {\n            \n            if (ctx.action == Gdk.DragAction.ASK)  {\n                /* Ask the user to move or copy, then set the ctx action. */\n            }\n\n            if (ctx.action == Gdk.DragAction.MOVE) {\n                delete_selection_data = true;\n            }\n            var source = Gtk.drag_get_source_widget(ctx);\n\n            Seed.print(\"Browser: source.DRAGDATA? \" + source.dragData);\n            if (this.targetData) {\n                Seed.print(this.targetData);\n                this.get('/LeftTree.model').dropNode(this.targetData,  source.dragData);\n            }\n            \n            \n            \n            dnd_success = true;\n\n        }\n\n        if (dnd_success == false)\n        {\n                Seed.print (\"DnD data transfer failed!\\n\");\n        }\n        \n        Gtk.drag_finish (ctx, dnd_success, delete_selection_data, time);\n        return true;\n    }",
927                                                                                                                 "button_press_event": "function (self, event) {\n  this.pressed = false;\n    return false;\n}"
928                                                                                                             }
929                                                                                                         }
930                                                                                                     ]
931                                                                                                 }
932                                                                                             ]
933                                                                                         }
934                                                                                     ]
935                                                                                 }
936                                                                             ]
937                                                                         }
938                                                                     ]
939                                                                 },
940                                                                 {
941                                                                     "id": "Help",
942                                                                     "pack": "add",
943                                                                     "xtype": "ScrolledWindow",
944                                                                     "|show": "function() {\n    \n    var file = this.get('/LeftTree').getActiveFile();\n    if (!file) {\n        return;\n    }\n    var activeEl = this.get('/LeftTree').getActiveElement();\n    var xtype = file.guessName( activeEl )\n    if (!xtype || !xtype.length) {\n        return;\n    }\n    //this.get('/Window.view-help-nb').el.set_current_page(1);\n    \n    // get the active element being edited.\n    var helpurl = file.getHelpUrl(xtype);       \n    \n    // now load the help info in the page..\n    this.get('help-view').el.open(helpurl);\n}\n",
945                                                                     "|xns": "Gtk",
946                                                                     "items": [
947                                                                         {
948                                                                             "|xns": "WebKit",
949                                                                             "xtype": "WebView",
950                                                                             "pack": "add",
951                                                                             "id": "help-view",
952                                                                             "|init": "function() {\n    XObject.prototype.init.call(this);\n   this.get('/Window.help-view').el.open(\n     \"http://devel.akbkhome.com/seed/\");\n\n}\n",
953                                                                             "zoom_level": 0.8
954                                                                         }
955                                                                     ]
956                                                                 }
957                                                             ]
958                                                         }
959                                                     ]
960                                                 },
961                                                 {
962                                                     "id": "BottomPane",
963                                                     "pack": "add",
964                                                     "xtype": "Notebook",
965                                                     "|init": "function() {\n    XObject.prototype.init.call(this);\n\tthis.el.set_tab_label(this.items[0].el, new Gtk.Label({ label : \"Code Editor\" }));\n    \tthis.el.set_tab_label(this.items[1].el, new Gtk.Label({ label : \"Console\" }));\n    \tthis.el.set_tab_label(this.items[2].el, new Gtk.Label({ label : \"Inspector\" }));\n}\n",
966                                                     "|xns": "Gtk",
967                                                     "items": [
968                                                         {
969                                                             "|xns": "Gtk",
970                                                             "xtype": "ScrolledWindow",
971                                                             "pack": "add",
972                                                             "id": "RightEditor",
973                                                             "items": [
974                                                                 {
975                                                                     "|xns": "GtkSource",
976                                                                     "xtype": "View",
977                                                                     "pack": "add",
978                                                                     "id": "view",
979                                                                     "|init": "function() {\n    XObject.prototype.init.call(this);\n     var description = Pango.Font.description_from_string(\"monospace\")\n    description.set_size(8000);\n    this.el.modify_font(description);\n\n}\n",
980                                                                     "|load": "function(str) {\n\n// show the help page for the active node..\n   this.get('/Help').show();\n\n\n   this.get('/BottomPane').el.set_current_page(0);\n    this.el.get_buffer().set_text(str, str.length);\n    var lm = GtkSource.LanguageManager.get_default();\n    \n    this.el.get_buffer().set_language(lm.get_language('js'));\n    var buf = this.el.get_buffer();\n    var cursor = buf.get_mark(\"insert\");\n    var iter= new Gtk.TextIter;\n    buf.get_iter_at_mark(iter, cursor);\n    iter.set_line(1);\n    iter.set_line_offset(4);\n    buf.move_mark(cursor, iter);\n    \n    \n    cursor = buf.get_mark(\"selection_bound\");\n    iter= new Gtk.TextIter;\n    buf.get_iter_at_mark(iter, cursor);\n    iter.set_line(1);\n    iter.set_line_offset(4);\n    buf.move_mark(cursor, iter);\n     \n    this.el.grab_focus();\n}",
981                                                                     "|insert_spaces_instead_of_tabs": true,
982                                                                     "indent_width": 4,
983                                                                     "|auto_indent": true,
984                                                                     "|show_line_numbers": true,
985                                                                     "items": [
986                                                                         {
987                                                                             "|xns": "GtkSource",
988                                                                             "xtype": "Buffer",
989                                                                             "pack": "set_buffer",
990                                                                             "listeners": {
991                                                                                 "changed": "function (self) {\n    var s = new Gtk.TextIter();\n    var e = new Gtk.TextIter();\n    this.el.get_start_iter(s);\n    this.el.get_end_iter(e);\n    var str = this.el.get_text(s,e,true);\n    try {\n        Seed.check_syntax('var e = ' + str);\n    } catch (e) {\n        this.get('/RightEditor.view').el.modify_base(Gtk.StateType.NORMAL, new Gdk.Color({\n            red: 0xFFFF, green: 0xCCCC , blue : 0xCCCC\n           }));\n        print(\"SYNTAX ERROR IN EDITOR\");   \n        print(e);\n        console.dump(e);\n        return;\n    }\n    this.get('/RightEditor.view').el.modify_base(Gtk.StateType.NORMAL, new Gdk.Color({\n            red: 0xFFFF, green: 0xFFFF , blue : 0xFFFF\n           }));\n    \n     this.get('/LeftPanel.model').changed(  str , false);\n}"
992                                                                             }
993                                                                         }
994                                                                     ]
995                                                                 }
996                                                             ]
997                                                         },
998                                                         {
999                                                             "|xns": "Gtk",
1000                                                             "xtype": "ScrolledWindow",
1001                                                             "pack": "add",
1002                                                             "items": [
1003                                                                 {
1004                                                                     "|xns": "Vte",
1005                                                                     "xtype": "Terminal",
1006                                                                     "pack": "add",
1007                                                                     "id": "Terminal",
1008                                                                     "|feed": "function(istr) {\n    var str = istr.replace(/\\n/g, \"\\r\\n\") + \"\\r\\n\";\n    // we should make ourselves visable!!!\n    this.get('/BottomPane').el.show();\n    this.get('/BottomPane').el.set_current_page(1);\n\n    this.el.feed(str ,str.length);\n}\n",
1009                                                                     "|scroll_on_output": true,
1010                                                                     "|init": "function() {\n    XObject.prototype.init.call(this);\n    this.el.set_size (80, 1000);\n}\n",
1011                                                                     "scrollback_lines": 1000
1012                                                                 }
1013                                                             ]
1014                                                         },
1015                                                         {
1016                                                             "xtype": "ScrolledWindow",
1017                                                             "|xns": "Gtk",
1018                                                             "pack": "add",
1019                                                             "listeners": {},
1020                                                             "items": [
1021                                                                 {
1022                                                                     "id": "inspector",
1023                                                                     "pack": "add",
1024                                                                     "xtype": "WebView",
1025                                                                     "|xns": "WebKit"
1026                                                                 }
1027                                                             ]
1028                                                         }
1029                                                     ]
1030                                                 }
1031                                             ]
1032                                         },
1033                                         {
1034                                             "|xns": "Gtk",
1035                                             "xtype": "VBox",
1036                                             "pack": "pack_start,false,false",
1037                                             "id": "RightPalete",
1038                                             "|hide": "function() {\n    \n      this.get('buttonbar').el.show();\n       this.get('viewbox').el.hide();\n    print(\"TRIED TO HIDE\");\n}\n",
1039                                             "|show": "function() {\n    this.get('buttonbar').el.hide();\n    this.get('viewbox').el.show();\n   // this.get('model').expanded();\n            \n}\n",
1040                                             "provider": false,
1041                                             "items": [
1042                                                 {
1043                                                     "|xns": "Gtk",
1044                                                     "xtype": "VBox",
1045                                                     "pack": "add",
1046                                                     "id": "buttonbar",
1047                                                     "items": [
1048                                                         {
1049                                                             "|xns": "Gtk",
1050                                                             "xtype": "Button",
1051                                                             "pack": "pack_start,false,true",
1052                                                             "listeners": {
1053                                                                 "clicked": "function (self) {\n\tthis.get('/RightPalete').show();\n}"
1054                                                             },
1055                                                             "items": [
1056                                                                 {
1057                                                                     "|xns": "Gtk",
1058                                                                     "xtype": "Image",
1059                                                                     "pack": "add",
1060                                                                     "|stock": "Gtk.STOCK_GOTO_FIRST",
1061                                                                     "|icon_size": "Gtk.IconSize.MENU"
1062                                                                 }
1063                                                             ]
1064                                                         },
1065                                                         {
1066                                                             "|xns": "Gtk",
1067                                                             "xtype": "Label",
1068                                                             "pack": "add",
1069                                                             "label": "Palete",
1070                                                             "angle": 270,
1071                                                             "|init": "function() {\n    XObject.prototype.init.call(this);\n    this.el.add_events ( Gdk.EventMask.BUTTON_MOTION_MASK );\n}\n",
1072                                                             "listeners": {
1073                                                                 "enter_notify_event": "function (self, event) {\n    this.get('/RightPalete').show();\n    return false;\n}"
1074                                                             }
1075                                                         }
1076                                                     ]
1077                                                 },
1078                                                 {
1079                                                     "|xns": "Gtk",
1080                                                     "xtype": "VBox",
1081                                                     "pack": "add",
1082                                                     "id": "viewbox",
1083                                                     "items": [
1084                                                         {
1085                                                             "|xns": "Gtk",
1086                                                             "xtype": "HBox",
1087                                                             "pack": "pack_start,false,true",
1088                                                             "items": [
1089                                                                 {
1090                                                                     "|xns": "Gtk",
1091                                                                     "xtype": "Label",
1092                                                                     "pack": "add",
1093                                                                     "label": "Palete"
1094                                                                 },
1095                                                                 {
1096                                                                     "|xns": "Gtk",
1097                                                                     "xtype": "Button",
1098                                                                     "pack": "pack_start,false,true",
1099                                                                     "listeners": {
1100                                                                         "clicked": "function (self) {\n\tthis.get('/RightPalete').hide();\n}"
1101                                                                     },
1102                                                                     "items": [
1103                                                                         {
1104                                                                             "|xns": "Gtk",
1105                                                                             "xtype": "Image",
1106                                                                             "pack": "add",
1107                                                                             "|stock": "Gtk.STOCK_GOTO_LAST",
1108                                                                             "|icon_size": "Gtk.IconSize.MENU"
1109                                                                         }
1110                                                                     ]
1111                                                                 }
1112                                                             ]
1113                                                         },
1114                                                         {
1115                                                             "|xns": "Gtk",
1116                                                             "xtype": "ScrolledWindow",
1117                                                             "pack": "add",
1118                                                             "|init": "function() {\n    XObject.prototype.init.call(this);\n\tthis.el.set_policy(Gtk.PolicyType.AUTOMATIC, Gtk.PolicyType.AUTOMATIC);\n    this.el.set_size_request(-1,200);\n}\n",
1119                                                             "|shadow_type": "Gtk.ShadowType.IN",
1120                                                             "items": [
1121                                                                 {
1122                                                                     "|xns": "Gtk",
1123                                                                     "xtype": "TreeView",
1124                                                                     "pack": "add",
1125                                                                     "|init": "function() {\n    XObject.prototype.init.call(this);\n  this.el.set_size_request(150,-1);\n                          //  set_reorderable: [1]\n                                  \n            var description = new Pango.FontDescription.c_new();\n    description.set_size(8000);\n    this.el.modify_font(description);\n    \n    this.selection = this.el.get_selection();\n    this.selection.set_mode( Gtk.SelectionMode.SINGLE);\n   // this.selection.signal['changed'].connect(function() {\n    //    _view.listeners['cursor-changed'].apply(_view, [ _view, '']);\n    //});\n    // see: http://live.gnome.org/GnomeLove/DragNDropTutorial\n     \n    Gtk.drag_source_set (\n            this.el,            /* widget will be drag-able */\n            Gdk.ModifierType.BUTTON1_MASK,       /* modifier that will start a drag */\n            null,            /* lists of target to support */\n            0,              /* size of list */\n            Gdk.DragAction.COPY         /* what to do with data after dropped */\n    );\n    //Gtk.drag_source_set_target_list(this.el, LeftTree.targetList);\n   \n    Gtk.drag_source_set_target_list(this.el, this.get('/Window').targetList);\n    Gtk.drag_source_add_text_targets(this.el); \n    /*\n    print(\"RP: TARGET:\" + LeftTree.atoms[\"STRING\"]);\n    targets = new Gtk.TargetList();\n    targets.add( LeftTree.atoms[\"STRING\"], 0, 0);\n    targets.add_text_targets( 1 );\n    Gtk.drag_dest_set_target_list(this.el, LeftTree.targetList);\n    \n    //if you want to allow text to be output elsewhere..\n    //Gtk.drag_source_add_text_targets(this.el);\n    */\n    return true; \n}\n",
1126                                                                     "|headers_visible": false,
1127                                                                     "|enable_tree_lines": true,
1128                                                                     "listeners": {
1129                                                                         "drag_begin": "function (self, ctx) {\n    // we could fill this in now...\n        Seed.print('SOURCE: drag-begin');\n        \n        \n        \n        var iter = new Gtk.TreeIter();\n        var s = this.selection;\n        s.get_selected(this.get('/RightPalete.model').el, iter);\n        var path = this.get('/RightPalete.model').el.get_path(iter);\n        \n        var pix = this.el.create_row_drag_icon ( path);\n            \n                \n        Gtk.drag_set_icon_pixmap (ctx,\n            pix.get_colormap(),\n            pix,\n            null,\n            -10,\n            -10);\n        \n        var value = new GObject.Value('');\n        this.get('/RightPalete.model').el.get_value(iter, 0, value);\n        if (!this.get('/RightPalete').provider) {\n            return false;\n        }\n        this.el.dropList = this.get('/RightPalete').provider.getDropList(value.value);\n        this.el.dragData = value.value;\n        \n        \n        \n        \n        return true;\n}",
1130                                                                         "drag_data_get": "function (self, drag_context, selection_data, info, time) {\n \t//Seed.print('Palete: drag-data-get: ' + target_type);\n        if (this.el.dragData && this.el.dragData.length ) {\n            selection_data.set_text(this.el.dragData ,this.el.dragData.length);\n        }\n        \n        \n        //this.el.dragData = \"TEST from source widget\";\n        \n        \n}",
1131                                                                         "drag_end": "function (self, drag_context) {\n \tSeed.print('SOURCE: drag-end');\n\tthis.el.dragData = false;\n\tthis.el.dropList = false;\n\tthis.get('/LeftTree.view').highlight(false);\n\treturn true;\n}"
1132                                                                     },
1133                                                                     "items": [
1134                                                                         {
1135                                                                             "|xns": "Gtk",
1136                                                                             "xtype": "ListStore",
1137                                                                             "pack": "set_model",
1138                                                                             "|init": "function() {\n    XObject.prototype.init.call(this);\nthis.el.set_column_types ( 2, [\n                            GObject.TYPE_STRING, // title \n                            GObject.TYPE_STRING // tip\n                            \n                            ] );\n}\n",
1139                                                                             "id": "model",
1140                                                                             "|load": "function(tr,iter)\n{\n    if (!iter) {\n        this.el.clear();\n    }\n    //console.log('Project tree load: ' + tr.length);\n    var citer = new Gtk.TreeIter();\n    //this.insert(citer,iter,0);\n    for(var i =0 ; i < tr.length; i++) {\n        if (!iter) {\n            \n            this.el.append(citer);   \n        } else {\n            this.el.insert(citer,iter,-1);\n        }\n        \n        var r = tr[i];\n        //Seed.print(r);\n        this.el.set_value(citer, 0,  '' +  r ); // title \n        \n        //this.el.set_value(citer, 1,  new GObject.Value( r)); //id\n        //if (r.cn && r.cn.length) {\n        //    this.load(r.cn, citer);\n        //}\n    }\n    \n    \n}",
1141                                                                             "|getValue": "function (iter, col) {\n    var gval = new GObject.Value('');\n     this.el.get_value(iter, col ,gval);\n    return  gval.value;\n    \n    \n}"
1142                                                                         },
1143                                                                         {
1144                                                                             "|xns": "Gtk",
1145                                                                             "xtype": "TreeViewColumn",
1146                                                                             "pack": "append_column",
1147                                                                             "|init": "function() {\n    XObject.prototype.init.call(this);\n\tthis.el.add_attribute(this.items[0].el , 'markup', 0 );\n}\n",
1148                                                                             "items": [
1149                                                                                 {
1150                                                                                     "|xns": "Gtk",
1151                                                                                     "xtype": "CellRendererText",
1152                                                                                     "pack": "pack_start"
1153                                                                                 }
1154                                                                             ]
1155                                                                         }
1156                                                                     ]
1157                                                                 }
1158                                                             ]
1159                                                         }
1160                                                     ]
1161                                                 }
1162                                             ]
1163                                         }
1164                                     ]
1165                                 }
1166                             ]
1167                         }
1168                     ]
1169                 }
1170             ]
1171         }
1172     ]
1173 }