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);
160 //print (this.el.constructor.type);
168 //if (o.xnsid && o.id) {
169 // XObject.registry = XObject.registry || { };
170 // XObject.registry[o.xnsid] = XObject.registry[o.xnsid] || {};
171 // XObject.registry[o.xnsid][o.id] = this;
174 cfg.items.forEach(this.addItem, this);
176 for (var i in this.listeners) {
177 this.addListener(i, this.listeners[i]);
179 // delete this.listeners ?
182 // do we need to call 'init here?'
188 * Adds an item to the object using a new XObject
189 * uses pack property to determine how to add it.
190 * @arg cfg {Object} same as XObject constructor.
192 addItem : function(o) {
195 var item = (o.constructor == XObject) ? o : new XObject(o);
198 this.items.push(item);
200 if (item.pack===false) { // no
203 if (typeof(item.pack) == 'function') {
205 item.pack.apply(o, [ o , o.items[i] ]);
211 if (typeof(item.pack) == 'string') {
214 pack_m = item.pack.shift();
219 if (pack_m && typeof(this.el[pack_m]) == 'undefined') {
220 Seed.print('pack method not available : ' + this.xtype + '.' + pack_m);
225 //Seed.print('Pack ' + this.el + '.'+ pack_m + '(' + item.el + ')');
227 args.unshift(item.el);
228 print('[' + args.join(',') +']');
229 //Seed.print('args: ' + args.length);
231 this.el[pack_m].apply(this.el, args);
238 * @method addListener
239 * Connects a method to a signal. (gjs/Seed aware)
241 * @arg sig {String} name of signal
242 * @arg fn {Function} handler.
244 addListener : function(sig, fn)
247 Seed.print("Add signal " + sig);
249 var _li = XObject.createDelegate(fn,this);
250 // private listeners that are not copied to GTk.
252 if (typeof(Seed) != 'undefined') {
253 // Seed.print(typeof(_li));
254 this.el.signal[sig].connect(_li);
256 this.el.connect( sig, _li);
263 * Finds an object in the child elements using xid of object.
264 * prefix with '.' to look up the tree.. multiple '..' to look further up..
266 * @arg name {String} name of signal
267 * @return {XObject|false} the object if found.
273 return this.parent.get(xid.substring(1));
277 this.items.forEach(function(ch) {
287 this.items.forEach(function(ch) {
301 * Copies all the properties of config to obj.
303 * Pretty much the same as JQuery/Prototype..
304 * @param {Object} obj The receiver of the properties
305 * @param {Object} config The source of the properties
306 * @param {Object} defaults A different object that will also be applied for default values
307 * @return {Object} returns obj
308 * @member XObject extend
312 XObject.extend = function(o, c, defaults){
314 // no "this" reference for friendly out of scope calls
315 XObject.extend(o, defaults);
317 if(o && c && typeof c == 'object'){
325 XObject.extend(XObject,
328 * Copies all the properties of config to obj, if the do not exist.
329 * @param {Object} obj The receiver of the properties
330 * @param {Object} config The source of the properties
331 * @return {Object} returns obj
332 * @member Object extendIf
336 extendIf : function(o, c){
338 if(!o || !c || typeof c != 'object'){
342 if (typeof(o[p]) != 'undefined') {
353 * Extends one class with another class and optionally overrides members with the passed literal. This class
354 * also adds the function "override()" to the class that can be used to override
355 * members on an instance.
358 * MyObject = Object.define(
362 * parentClass, // or Object
364 * ... methods and properties.
367 * @param {Function} constructor The class inheriting the functionality
368 * @param {Object} superclass The class being extended
369 * @param {Object} overrides (optional) A literal with members
370 * @return {Function} constructor (eg. class
375 var io = function(o){
380 return function(constructor, parentClass, overrides) {
381 if (typeof(parentClass) == 'undefined') {
382 print("XObject.define: Missing parentClass: when applying: " );
383 print(new String(constructor));
386 if (typeof(parentClass.prototype) == 'undefined') {
387 print("Missing protype: when applying: " );
388 print(new String(constructor));
389 print(new String(parentClass));
392 var F = function(){};
394 var spp = parentClass.prototype;
397 sbp = constructor.prototype = new F();
398 sbp.constructor=constructor;
399 constructor.superclass=spp;
402 if(spp.constructor == Object.prototype.constructor){
403 spp.constructor=parentClass;
406 constructor.override = function(o){
407 Object.extend(constructor.prototype, o);
410 XObject.extend(constructor.prototype, overrides);
417 * returns a list of keys of the object.
418 * @param {Object} obj object to inspect
419 * @return {Array} returns list of kyes
420 * @member XObject keys
432 * @member XObject createDelegate
433 * creates a delage metdhod
434 * @param {Function} method to wrap
435 * @param {Object} scope
436 * @param {Array} args to add
437 * @param {Boolean|Number} append arguments or replace after N arguments.
438 * @return {Function} returns the delegate
441 createDelegate : function(method, obj, args, appendArgs){
444 var callArgs = args || arguments;
445 if(appendArgs === true){
446 callArgs = Array.prototype.slice.call(arguments, 0);
447 callArgs = callArgs.concat(args);
448 }else if(typeof appendArgs == "number"){
449 callArgs = Array.prototype.slice.call(arguments, 0); // copy arguments first
450 var applyArgs = [appendArgs, 0].concat(args); // create method call params
451 Array.prototype.splice.apply(callArgs, applyArgs); // splice them in
453 return method.apply(obj || window, callArgs);