1 //<script type="text/javascript">
2 GIRepository = imports.gi.GIRepository;
6 * Yet another attempt to create a usable object construction library for seed..
9 * A) It turns rather messy code into a tree structure, making it easy to find code relating to
10 * an interface element
11 * B) In theory it should be gjs/Seed compatible..
12 * C) It provides getElementById style lookups for elements.
13 * D) It provides classic OO constructors for Javascript (extend/define)
14 * E) It does not modify any buildin prototypes..
16 * Extend this.. to use it's wonderful features..
19 * XObject = imports.XObject.XObject;
28 * Xyz.init(); // create and show.
32 * @arg xtype {String|Function} constructor or string.
33 * @arg id {String} (optional) id for registry
34 * @arg xns {String|Object} (optional) namespace eg. Gtk or 'Gtk' - used with xtype.
35 * @arg items {Array} (optional) list of child elements which will be constructed.. using XObject
36 * @arg listeners {Object} (optional) map Gobject signals to functions
37 * @arg pack {Function|String|Array} (optional) how this object gets added to it's parent
38 * @arg el {Object} (optional) premade GObject
40 * --- needs a xdebug option!
43 * He's some questions.
44 * - should we generate ID's for all elements? (if so we probably need to garbage collect)
45 * - should we have a special property to use as the constructor / gobject.properties rather
46 * than sending all basic types to this?
51 function XObject (cfg) {
52 // first apply cfg if set.
55 this.init = cfg.init; // override!
65 * @property el {GObject} the Gtk / etc. element.
69 * @property items {Array} list of sub elements
72 * @property parent {XObject} parent Element
76 * @property config {Object} the construction configuration.
80 * Initializes the Element (el) hooks up all the listeners
81 * and packs the children.
82 * you can override this, in child objects, then
83 * do this to do thi initaliztion.
85 * XObject.prototype.init.call(this);
90 var cfg = this.config;
92 print("new xobj?" + XObject.keys(cfg).join(','));
96 cfg.items = cfg.items || [];
98 XObject.extend(o, cfg); // copy everything into o.
100 o.pack = typeof(o.pack) == 'undefined' ? 'add' : o.pack;
102 XObject.extend(this, o);
106 this.listeners = this.listeners || {};
109 // remove objects/functions from o, so they can be sent to the contructor.
111 if ((typeof(o[i]) == 'object') ||
112 (typeof(o[i]) == 'function') ||
123 // do we need to call 'beforeInit here?'
126 //if ((this.xtype == 'Include')) {
127 // o = this.pre_registry[cls];
129 var isSeed = typeof(Seed) != 'undefined';
131 // xtype= Gtk.Menu ?? what about c_new stuff?
133 if (typeof(this.xtype) == 'function') {
134 print("func?" + XObject.keys(o).join(','));
135 this.el = this.el || this.xtype(o);
137 if (typeof(this.xtype) == 'object') {
138 print("obj?" + XObject.keys(o).join(','));
139 this.el = this.el || new this.xtype(o);
142 if (!this.el && o.xns) {
144 var NS = imports.gi[o.xns];
146 Seed.print('Invalid xns: ' + o.xns);
148 constructor = NS[o.xtype];
150 Seed.print('Invalid xtype: ' + o.xns + '.' + o.xtype);
152 this.el = isSeed ? new constructor(o) : new constructor();
155 // always overlay props..
156 // check for 'write' on object..
157 //var gi = GIRepository.IRepository.get_default();
158 //var ty = gi.find_by_gtype(this.el.
159 print (this.el.constructor.type);
167 //if (o.xnsid && o.id) {
168 // XObject.registry = XObject.registry || { };
169 // XObject.registry[o.xnsid] = XObject.registry[o.xnsid] || {};
170 // XObject.registry[o.xnsid][o.id] = this;
173 cfg.items.forEach(this.addItem, this);
175 for (var i in this.listeners) {
176 this.addListener(i, this.listeners[i]);
178 // delete this.listeners ?
181 // do we need to call 'init here?'
187 * Adds an item to the object using a new XObject
188 * uses pack property to determine how to add it.
189 * @arg cfg {Object} same as XObject constructor.
191 addItem : function(o) {
194 var item = (o.constructor == XObject) ? o : new XObject(o);
197 this.items.push(item);
199 if (item.pack===false) { // no
202 if (typeof(item.pack) == 'function') {
204 item.pack.apply(o, [ o , o.items[i] ]);
210 if (typeof(item.pack) == 'string') {
213 pack_m = item.pack.shift();
218 if (pack_m && typeof(this.el[pack_m]) == 'undefined') {
219 Seed.print('pack method not available : ' + this.xtype + '.' + pack_m);
224 //Seed.print('Pack ' + this.el + '.'+ pack_m + '(' + item.el + ')');
226 args.unshift(item.el);
227 print('[' + args.join(',') +']');
228 //Seed.print('args: ' + args.length);
230 this.el[pack_m].apply(this.el, args);
237 * @method addListener
238 * Connects a method to a signal. (gjs/Seed aware)
240 * @arg sig {String} name of signal
241 * @arg fn {Function} handler.
243 addListener : function(sig, fn)
246 Seed.print("Add signal " + sig);
248 var _li = XObject.createDelegate(fn,this);
249 // private listeners that are not copied to GTk.
251 if (typeof(Seed) != 'undefined') {
252 // Seed.print(typeof(_li));
253 this.el.signal[sig].connect(_li);
255 this.el.connect( sig, _li);
262 * Finds an object in the child elements using xid of object.
263 * prefix with '.' to look up the tree.. multiple '..' to look further up..
265 * @arg name {String} name of signal
266 * @return {XObject|false} the object if found.
272 return this.parent.get(xid.substring(1));
276 this.items.forEach(function(ch) {
286 this.items.forEach(function(ch) {
300 * Copies all the properties of config to obj.
302 * Pretty much the same as JQuery/Prototype..
303 * @param {Object} obj The receiver of the properties
304 * @param {Object} config The source of the properties
305 * @param {Object} defaults A different object that will also be applied for default values
306 * @return {Object} returns obj
307 * @member XObject extend
311 XObject.extend = function(o, c, defaults){
313 // no "this" reference for friendly out of scope calls
314 XObject.extend(o, defaults);
316 if(o && c && typeof c == 'object'){
324 XObject.extend(XObject,
327 * Copies all the properties of config to obj, if the do not exist.
328 * @param {Object} obj The receiver of the properties
329 * @param {Object} config The source of the properties
330 * @return {Object} returns obj
331 * @member Object extendIf
335 extendIf : function(o, c){
337 if(!o || !c || typeof c != 'object'){
341 if (typeof(o[p]) != 'undefined') {
352 * Extends one class with another class and optionally overrides members with the passed literal. This class
353 * also adds the function "override()" to the class that can be used to override
354 * members on an instance.
357 * MyObject = Object.define(
361 * parentClass, // or Object
363 * ... methods and properties.
366 * @param {Function} constructor The class inheriting the functionality
367 * @param {Object} superclass The class being extended
368 * @param {Object} overrides (optional) A literal with members
369 * @return {Function} constructor (eg. class
374 var io = function(o){
379 return function(constructor, parentClass, overrides) {
380 if (typeof(parentClass) == 'undefined') {
381 print("XObject.define: Missing parentClass: when applying: " );
382 print(new String(constructor));
385 if (typeof(parentClass.prototype) == 'undefined') {
386 print("Missing protype: when applying: " );
387 print(new String(constructor));
388 print(new String(parentClass));
391 var F = function(){};
393 var spp = parentClass.prototype;
396 sbp = constructor.prototype = new F();
397 sbp.constructor=constructor;
398 constructor.superclass=spp;
401 if(spp.constructor == Object.prototype.constructor){
402 spp.constructor=parentClass;
405 constructor.override = function(o){
406 Object.extend(constructor.prototype, o);
409 XObject.extend(constructor.prototype, overrides);
416 * returns a list of keys of the object.
417 * @param {Object} obj object to inspect
418 * @return {Array} returns list of kyes
419 * @member XObject keys
431 * @member XObject createDelegate
432 * creates a delage metdhod
433 * @param {Function} method to wrap
434 * @param {Object} scope
435 * @param {Array} args to add
436 * @param {Boolean|Number} append arguments or replace after N arguments.
437 * @return {Function} returns the delegate
440 createDelegate : function(method, obj, args, appendArgs){
443 var callArgs = args || arguments;
444 if(appendArgs === true){
445 callArgs = Array.prototype.slice.call(arguments, 0);
446 callArgs = callArgs.concat(args);
447 }else if(typeof appendArgs == "number"){
448 callArgs = Array.prototype.slice.call(arguments, 0); // copy arguments first
449 var applyArgs = [appendArgs, 0].concat(args); // create method call params
450 Array.prototype.splice.apply(callArgs, applyArgs); // splice them in
452 return method.apply(obj || window, callArgs);