sproutcore 1.6.0.beta.3 → 1.6.0.rc.1

data/lib/frameworks/sproutcore/README.md

@@ -136,4 +136,4 @@ including:
 * [jQuery](http://www.jquery.com/)
 * [Prototype](http://www.prototypejs.org/)
 * [Datejs](http://www.datejs.com/)
-* [JSON2](http://www.json.org/)
+* [JSON2](http://www.json.org/) 

data/lib/frameworks/sproutcore/apps/welcome/english.lproj/main_page.css

@@ -12,6 +12,15 @@
   -moz-box-shadow: inset rgba(0,0,0,0.3) 0 3px 8px;
 }
 
+.app-selector .sc-list-item-view {
+  font-size: 11px;
+}
+
+.app-selector .sc-collection-view {
+  background: none;
+  border-right: none;
+}
+
 .sc-list-view .sc-list-item-view {
   border-bottom: 1px solid #ddd;
   font-weight: bold;

data/lib/frameworks/sproutcore/frameworks/ajax/system/request.js

@@ -9,119 +9,135 @@ sc_require('system/response');
 
 /**
   @class
-  
+
   Implements support for Ajax requests using XHR and other prototcols.
-  
+
   SC.Request is much like an inverted version of the request/response objects
-  you receive when implementing HTTP servers.  
-  
+  you receive when implementing HTTP servers.
+
   To send a request, you just need to create your request object, configure
   your options, and call send() to initiate the request.
-  
+
   @extends SC.Object
   @extends SC.Copyable
   @extends SC.Freezable
   @since SproutCore 1.0
 */
-
 SC.Request = SC.Object.extend(SC.Copyable, SC.Freezable,
-  /** @scope SC.Request.prototype */ {
-  
+/** @scope SC.Request.prototype */ {
+
   // ..........................................................
   // PROPERTIES
   // 
-  
-/**
-  Sends the request asynchronously instead of blocking the browser.  You
-  should almost always make requests asynchronous.  You can change this 
-  options with the async() helper option (or simply set it directly).
 
-	@default YES
-  @property {Boolean}
-*/
-isAsynchronous: YES,
+  /**
+    Sends the request asynchronously instead of blocking the browser. You
+    should almost always make requests asynchronous. You can change this
+    options with the async() helper option (or simply set it directly).
+
+    @type Boolean
+    @default YES
+  */
+  isAsynchronous: YES,
 
   /**
-    Processes the request and response as JSON if possible.  You can change
+    Processes the request and response as JSON if possible. You can change
     this option with the json() helper method.
 
-    @default NO 
-    @property {Boolean}
+    @type Boolean
+    @default NO
   */
   isJSON: NO,
 
   /**
-    Process the request and response as XML if possible.  You can change this
+    Process the request and response as XML if possible. You can change this
     option with the xml() helper method.
-    
+
+    @type Boolean
     @default NO
-    @property {Boolean}
   */
   isXML: NO,
-  
+
+  /**
+    Specifies whether or not the request will have custom headers attached
+    to it. By default, SC.Request attaches X-Requested-With and
+    X-SproutCore-Version headers to all outgoing requests. This allows
+    you to override that behavior.
+
+    @type Boolean
+    @default YES
+  */
+  attachIdentifyingHeaders: YES,
   
   init: function() {
     sc_super();
-    this.header('X-Requested-With', 'XMLHttpRequest');
-    this.header('X-SproutCore-Version', SC.VERSION);
+
+    if (this.get('attachIdentifyingHeaders') !== NO) {
+      this.header('X-Requested-With', 'XMLHttpRequest');
+      this.header('X-SproutCore-Version', SC.VERSION);
+    }
   },
-  
+
   /**
     Current set of headers for the request
+
+    @field
+    @type Hash
+    @default {}
   */
   headers: function() {
-    var ret = this._headers ;
-    if (!ret) ret = this._headers = {} ;
-    return ret ;  
+    var ret = this._headers;
+    if (!ret) { ret = this._headers = {}; }
+    return ret;
   }.property().cacheable(),
 
   /**
-    Underlying response class to actually handle this request.  Currently the
+    Underlying response class to actually handle this request. Currently the
     only supported option is SC.XHRResponse which uses a traditional
     XHR transport.
-    
-		@default SC.XHRResponse
-    @property {SC.Response}
+
+    @type SC.Response
+    @default SC.XHRResponse
   */
   responseClass: SC.XHRResponse,
 
   /**
     The original request for copied requests.
-    
-		@default null
-    @property {SC.Request}
+
+    @property SC.Request
+    @default null
   */
   source: null,
-  
+
   /**
     The URL this request to go to.
-    
-		@default null
-    @property {String}
+
+    @type String
+    @default null
   */
   address: null,
-  
+
   /**
     The HTTP method to use.
-    
-		@default GET
-    @param {String}
+
+    @type String
+    @default 'GET'
   */
   type: 'GET',
   
   /**
-    An optional timeout value of the request, in milliseconds.  The timer
+    An optional timeout value of the request, in milliseconds. The timer
     begins when SC.Response#fire is actually invoked by the request manager
-    and not necessarily when SC.Request#send is invoked.  If this timeout is
+    and not necessarily when SC.Request#send is invoked. If this timeout is
     reached before a response is received, the equivalent of
     SC.Request.manager#cancel() will be invoked on the SC.Response instance
     and the didReceive() callback will be called.
 
     An exception will be thrown if you try to invoke send() on a request that
     has both a timeout and isAsyncronous set to NO.
-    
-		@default null
-    @property {Number}
+
+    @type Number
+    @default null
   */
   timeout: null,
   
@@ -129,159 +145,179 @@ isAsynchronous: YES,
     The body of the request.  May be an object is isJSON or isXML is set,
     otherwise should be a string.
 
-		@property {Object|String}
+    @type Object|String
+    @default null
   */
   body: null,
   
   /**
     The body, encoded as JSON or XML if needed.
 
-		@property {Object|String}
+    @field
+    @type Object|String
+    @default #body
   */
   encodedBody: function() {
     // TODO: support XML
     var ret = this.get('body');
-    if (ret && this.get('isJSON')) ret = SC.json.encode(ret);
-    return ret ;
+    if (ret && this.get('isJSON')) { ret = SC.json.encode(ret); }
+    return ret;
   }.property('isJSON', 'isXML', 'body').cacheable(),
 
+
   // ..........................................................
   // CALLBACKS
-  // 
-  
+  //
+
   /**
-    Invoked on the original request object just before a copied request is 
-    frozen and then sent to the server.  This gives you one last change to 
+    Invoked on the original request object just before a copied request is
+    frozen and then sent to the server. This gives you one last change to
     fixup the request; possibly adding headers and other options.
-    
+
     If you do not want the request to actually send, call cancel().
-    
+
     @param {SC.Request} request A copy of the request object, not frozen
     @param {SC.Response} response The object that will wrap the response
   */
   willSend: function(request, response) {},
-  
+
   /**
     Invoked on the original request object just after the request is sent to
-    the server.  You might use this callback to update some state in your 
+    the server. You might use this callback to update some state in your
     application.
-    
-    The passed request is a frozen copy of the request, indicating the 
+
+    The passed request is a frozen copy of the request, indicating the
     options set at the time of the request.
 
     @param {SC.Request} request A copy of the request object, frozen
     @param {SC.Response} response The object that will wrap the response
-		@returns BOOL YES on success, NO on failure
+    @returns {Boolean} YES on success, NO on failure
   */
   didSend: function(request, response) {},
-  
+
   /**
-    Invoked when a response has been received but not yet processed.  This is
-    your chance to fix up the response based on the results.  If you don't
+    Invoked when a response has been received but not yet processed. This is
+    your chance to fix up the response based on the results. If you don't
     want to continue processing the response call response.cancel().
 
     @param {SC.Request} request A copy of the request object, frozen
     @param {SC.Response} response The object that will wrap the response
   */
   willReceive: function(request, response) {},
-  
+
   /**
     Invoked after a response has been processed but before any listeners are
-    notified.  You can do any standard processing on the request at this 
-    point.  If you don't want to allow notifications to continue, call
+    notified. You can do any standard processing on the request at this
+    point. If you don't want to allow notifications to continue, call
     response.cancel()
 
     @param {SC.Request} request A copy of the request object, frozen
     @param {SC.Response} response The object that will wrap the response
   */
   didReceive: function(request, response) {},
-  
+
+
   // ..........................................................
   // HELPER METHODS
-  // 
+  //
 
+  /** @private */
   concatenatedProperties: 'COPY_KEYS',
 
-  COPY_KEYS: ['isAsynchronous', 'isJSON', 'isXML', 'address', 'type', 'timeout', 'body', 'responseClass', 'willSend', 'didSend', 'willReceive', 'didReceive'],
+  /** @private */
+  COPY_KEYS: ['attachIdentifyingHeaders', 'isAsynchronous', 'isJSON', 'isXML', 'address', 'type', 'timeout', 'body', 'responseClass', 'willSend', 'didSend', 'willReceive', 'didReceive'],
   
   /**
-    Returns a copy of the current request.  This will only copy certain
+    Returns a copy of the current request. This will only copy certain
     properties so if you want to add additional properties to the copy you
     will need to override copy() in a subclass.
-    
+
     @returns {SC.Request} new request
   */
   copy: function() {
     var ret = {},
         keys = this.COPY_KEYS,
-        loc  = keys.length, 
+        loc = keys.length,
         key, listeners, headers;
-        
-    while(--loc>=0) {
+
+    while(--loc >= 0) {
       key = keys[loc];
-      if (this.hasOwnProperty(key)) ret[key] = this.get(key);
+      if (this.hasOwnProperty(key)) {
+        ret[key] = this.get(key);
+      }
     }
-    
+
     if (this.hasOwnProperty('listeners')) {
       ret.listeners = SC.copy(this.get('listeners'));
     }
-    
+
     if (this.hasOwnProperty('_headers')) {
       ret._headers = SC.copy(this._headers);
     }
-    
-    ret.source = this.get('source') || this ;
-    
+
+    ret.source = this.get('source') || this;
+
     return this.constructor.create(ret);
   },
-  
+
   /**
-    To set headers on the request object.  Pass either a single key/value 
-    pair or a hash of key/value pairs.  If you pass only a header name, this
+    To set headers on the request object. Pass either a single key/value
+    pair or a hash of key/value pairs. If you pass only a header name, this
     will return the current value of the header.
-    
+
     @param {String|Hash} key
     @param {String} value
     @returns {SC.Request|Object} receiver
   */
   header: function(key, value) {
     var headers;
-    
+
     if (SC.typeOf(key) === SC.T_STRING) {
-      headers = this._headers ;
-      if (arguments.length===1) {
+      headers = this._headers;
+      if (arguments.length === 1) {
         return headers ? headers[key] : null;
       } else {
         this.propertyWillChange('headers');
-        if (!headers) headers = this._headers = {};
+        if (!headers) { headers = this._headers = {}; }
         headers[key] = value;
         this.propertyDidChange('headers');
         return this;
       }
-    
+
     // handle parsing hash of parameters
     } else if (value === undefined) {
       headers = key;
       this.beginPropertyChanges();
       for(key in headers) {
-        if (!headers.hasOwnProperty(key)) continue ;
+        if (!headers.hasOwnProperty(key)) { continue; }
         this.header(key, headers[key]);
       }
       this.endPropertyChanges();
       return this;
     }
 
-    return this ;
+    return this;
+  },
+
+  /**
+    Clears the list of headers that were set on this request.
+    This could be used by a subclass to blow-away any custom
+    headers that were added by the super class.
+  */
+  clearHeaders: function() {
+    this.propertyWillChange('headers');
+    this._headers = {};
+    this.propertyDidChange('headers');
   },
 
   /**
     Converts the current request to be asynchronous.
 
-    @param {Boolean} flag YES to make asynchronous, NO or undefined
+    @param {Boolean} flag YES to make asynchronous, NO or undefined. Default YES.
     @returns {SC.Request} receiver
   */
   async: function(flag) {
-    if (flag === undefined) flag = YES;
+    if (flag === undefined) { flag = YES; }
     return this.set('isAsynchronous', flag);
   },
 
@@ -297,30 +333,32 @@ isAsynchronous: YES,
 
   /**
     Converts the current request to use JSON.
-    
-    @param {Boolean} flag YES to make JSON, NO or undefined
+
+    @param {Boolean} flag YES to make JSON, NO or undefined. Default YES.
     @returns {SC.Request} receiver
   */
   json: function(flag) {
-    if (flag === undefined) flag = YES;
-    if (flag) this.set('isXML', NO);
+    if (flag === undefined) { flag = YES; }
+    if (flag) { this.set('isXML', NO); }
     return this.set('isJSON', flag);
   },
-  
+
   /**
     Converts the current request to use XML.
-    
-    @param {Boolean} flag YES to make XML, NO or undefined
+
+    @param {Boolean} flag YES to make XML, NO or undefined. Default YES.
     @returns {SC.Request} recevier
   */
   xml: function(flag) {
-    if (flag === undefined) flag = YES ;
-    if (flag) this.set('isJSON', NO);
+    if (flag === undefined) { flag = YES; }
+    if (flag) { this.set('isJSON', NO); }
     return this.set('isXML', flag);
   },
-  
-  /** 
-    Called just before a request is enqueued.  This will encode the body 
+
+  /**
+    @private
+
+    Called just before a request is enqueued. This will encode the body
     into JSON if it is not already encoded.
   */
   _prep: function() {
@@ -330,110 +368,112 @@ isAsynchronous: YES,
     } else if (this.get('isXML') && !hasContentType) {
       this.header('Content-Type', 'text/xml');
     }
-    return this ;
+    return this;
   },
   
   /**
-    Will fire the actual request.  If you have set the request to use JSON 
-    mode then you can pass any object that can be converted to JSON as the 
-    body.  Otherwise you should pass a string body.
+    Will fire the actual request. If you have set the request to use JSON
+    mode then you can pass any object that can be converted to JSON as the
+    body. Otherwise you should pass a string body.
     
-    @param {String|Object} body (optional)
-    @returns {SC.Response} new response object
+    @param {String|Object} [body]
+    @returns {SC.Response} New response object
   */  
   send: function(body) {
-    // Sanity-check:  Be sure a timeout value was not specified if the request
+    // Sanity-check: Be sure a timeout value was not specified if the request
     // is synchronous (because it wouldn't work).
     var timeout = this.get('timeout');
-    if (timeout) {
-      if (!this.get('isAsynchronous')) throw "Timeout values cannot be used with synchronous requests";
-    }
-    else if (timeout === 0) {
+    if (timeout && !this.get('isAsynchronous')) {
+      throw "Timeout values cannot be used with synchronous requests";
+    } else if (timeout === 0) {
       throw "The timeout value must either not be specified or must be greater than 0";
     }
-    
-    if (body) this.set('body', body);
+
+    if (body) { this.set('body', body); }
     return SC.Request.manager.sendRequest(this.copy()._prep());
   },
 
   /**
-    Resends the current request.  This is more efficient than calling send()
-    for requests that have already been used in a send.  Otherwise acts just
-    like send().  Does not take a body argument.
-    
+    Resends the current request. This is more efficient than calling send()
+    for requests that have already been used in a send. Otherwise acts just
+    like send(). Does not take a body argument.
+
     @returns {SC.Response} new response object
   */
   resend: function() {
     var req = this.get('source') ? this : this.copy()._prep();
     return SC.Request.manager.sendRequest(req);
   },
-  
+
   /**
-    Configures a callback to execute when a request completes.  You must pass
+    Configures a callback to execute when a request completes. You must pass
     at least a target and action/method to this and optionally a status code.
     You may also pass additional parameters which will be passed along to your
     callback. If your callback handled the notification, it should return YES.
-    
-    Scoping With Status Codes
-    ------
-    
-    If you pass a status code as the first option to this method, then your 
+
+    ## Scoping With Status Codes
+
+    If you pass a status code as the first option to this method, then your
     notification callback will only be called if the response status matches
-    the code.  For example, if you pass 201 (or SC.Request.CREATED) then 
+    the code. For example, if you pass 201 (or SC.Request.CREATED) then
     your method will only be called if the response status from the server
     is 201.
-    
+
     You can also pass "generic" status codes such as 200, 300, or 400, which
-    will be invoked anytime the status code is the range if a more specific 
-    notifier was not registered first and returned YES.  
-    
+    will be invoked anytime the status code is the range if a more specific
+    notifier was not registered first and returned YES.
+
     Finally, passing a status code of 0 or no status at all will cause your
-    method to be executed no matter what the resulting status is unless a 
+    method to be executed no matter what the resulting status is unless a
     more specific notifier was registered and returned YES.
-    
-    Callback Format
-    ------
-    
+
+    ## Callback Format
+
     Your notification callback should expect to receive the Response object
-    as the first parameter plus any additional parameters that you pass.  
-    
+    as the first parameter plus any additional parameters that you pass.
+
     @param {Number} status
     @param {Object} target
-    @param {String|function} action
+    @param {String|Function} action
     @param {Hash} params
     @returns {SC.Request} receiver
   */
   notify: function(status, target, action, params) {
-    
     // normalize status
-    var hasStatus = YES ;
+    var hasStatus = YES;
     if (SC.typeOf(status) !== SC.T_NUMBER) {
       params = SC.A(arguments).slice(2);
       action = target;
       target = status;
-      status = 0 ;
-      hasStatus = NO ;
-    } else params = SC.A(arguments).slice(3);
-    
+      status = 0;
+      hasStatus = NO;
+    } else {
+      params = SC.A(arguments).slice(3);
+    }
+
     var listeners = this.get('listeners');
-    if (!listeners) this.set('listeners', listeners = {});
-    listeners[status] = { target: target, action: action, params: params };
+    if (!listeners) { this.set('listeners', listeners = {}); }
+    if(!listeners[status]) { listeners[status] = []; }
+
+    listeners[status].push({target: target, action: action, params: params});
 
     return this;
   }
-    
+
 });
 
-SC.Request.mixin(/** @scope SC.Request */ {
-  
+SC.Request.mixin(
+/** @scope SC.Request */ {
+
   /**
     Helper method for quickly setting up a GET request.
 
     @param {String} address url of request
+    @param {Boolean} [attachHeaders] See documentation for SC.Request#attachIdentifyingHeaders
     @returns {SC.Request} receiver
   */
-  getUrl: function(address) {
-    return this.create().set('address', address).set('type', 'GET');
+  getUrl: function(address, attachHeaders) {
+    return this.create({attachIdentifyingHeaders: attachHeaders}).set('address', address).set('type', 'GET');
   },
 
   /**
@@ -441,22 +481,24 @@ SC.Request.mixin(/** @scope SC.Request */ {
 
     @param {String} address url of request
     @param {String} body
+    @param {Boolean} [attachHeaders] See documentation for SC.Request#attachIdentifyingHeaders
     @returns {SC.Request} receiver
   */
-  postUrl: function(address, body) {
-    var req = this.create().set('address', address).set('type', 'POST');
-    if(body) req.set('body', body) ;
-    return req ;
+  postUrl: function(address, body, attachHeaders) {
+    var req = this.create({attachIdentifyingHeaders: attachHeaders}).set('address', address).set('type', 'POST');
+    if(body) { req.set('body', body); }
+    return req;
   },
 
   /**
     Helper method for quickly setting up a DELETE request.
 
     @param {String} address url of request
+    @param {Boolean} [attachHeaders] See documentation for SC.Request#attachIdentifyingHeaders
     @returns {SC.Request} receiver
   */
-  deleteUrl: function(address) {
-    return this.create().set('address', address).set('type', 'DELETE');
+  deleteUrl: function(address, attachHeaders) {
+    return this.create({attachIdentifyingHeaders: attachHeaders}).set('address', address).set('type', 'DELETE');
   },
 
   /**
@@ -464,63 +506,69 @@ SC.Request.mixin(/** @scope SC.Request */ {
 
     @param {String} address url of request
     @param {String} body
+    @param {Boolean} [attachHeaders] See documentation for SC.Request#attachIdentifyingHeaders
     @returns {SC.Request} receiver
   */
-  putUrl: function(address, body) {
-    var req = this.create().set('address', address).set('type', 'PUT');
-    if(body) req.set('body', body) ;
-    return req ;
+  putUrl: function(address, body, attachHeaders) {
+    var req = this.create({attachIdentifyingHeaders: attachHeaders}).set('address', address).set('type', 'PUT');
+    if(body) { req.set('body', body); }
+    return req;
   }
+
 });
 
 /**
   @class
 
-  The request manager coordinates all of the active XHR requests.  It will
-  only allow a certain number of requests to be active at a time; queuing 
-  any others.  This allows you more precise control over which requests load
+  The request manager coordinates all of the active XHR requests. It will
+  only allow a certain number of requests to be active at a time; queuing
+  any others. This allows you more precise control over which requests load
   in which order.
 
   @since SproutCore 1.0
 */
 SC.Request.manager = SC.Object.create(
-	/** @scope SC.Request.manager */{
+/** @scope SC.Request.manager */{
 
   /**
-    Maximum number of concurrent requests allowed.  6 for all browsers.
+    Maximum number of concurrent requests allowed. 6 for all browsers.
     
-    @property {Number}
+    @type Number
+    @default 6
   */
   maxRequests: 6,
 
   /**
     Current requests that are inflight.
-    
-    @property {Array}
+
+    @type Array
+    @default []
   */
   inflight: [],
-  
+
   /**
     Requests that are pending and have not been started yet.
-  
-    @property {Array}
+
+    @type Array
+    @default []
   */
   pending: [],
 
+
   // ..........................................................
   // METHODS
   // 
   
   /**
-    Invoked by the send() method on a request.  This will create a new low-
+    Invoked by the send() method on a request. This will create a new low-
     level transport object and queue it if needed.
     
     @param {SC.Request} request the request to send
     @returns {SC.Object} response object
   */
   sendRequest: function(request) {
-    if (!request) return null ;
-    
+    if (!request) { return null; }
+
     // create low-level transport.  copy all critical data for request over
     // so that if the request has been reconfigured the transport will still
     // work.
@@ -529,43 +577,41 @@ SC.Request.manager = SC.Object.create(
     // add to pending queue
     this.get('pending').pushObject(response);
     this.fireRequestIfNeeded();
-    
-    return response ;
+
+    return response;
   },
 
   /** 
-    Cancels a specific request.  If the request is pending it will simply
-    be removed.  Otherwise it will actually be cancelled.
-    
+    Cancels a specific request. If the request is pending it will simply
+    be removed. Otherwise it will actually be cancelled.
+
     @param {Object} response a response object
     @returns {Boolean} YES if cancelled
   */
   cancel: function(response) {
-
     var pending = this.get('pending'),
         inflight = this.get('inflight'),
-        idx ;
+        idx;
 
     if (pending.indexOf(response) >= 0) {
       this.propertyWillChange('pending');
       pending.removeObject(response);
       this.propertyDidChange('pending');
       return YES;
-      
     } else if (inflight.indexOf(response) >= 0) {
-      
       response.cancel();
-      
+
       inflight.removeObject(response);
       this.fireRequestIfNeeded();
       return YES;
+    }
 
-    } else return NO ;
-  },  
+    return NO;
+  },
 
   /**
-    Cancels all inflight and pending requests.  
-    
+    Cancels all inflight and pending requests.
+
     @returns {Boolean} YES if any items were cancelled.
   */
   cancelAll: function() {
@@ -574,22 +620,23 @@ SC.Request.manager = SC.Object.create(
       this.get('inflight').forEach(function(r) { r.cancel(); });
       this.set('inflight', []);
       return YES;
-      
-    } else return NO ;
+    }
+
+    return NO;
   },
   
   /**
-    Checks the inflight queue.  If there is an open slot, this will move a 
+    Checks the inflight queue. If there is an open slot, this will move a
     request from pending to inflight.
-    
+
     @returns {Object} receiver
   */
   fireRequestIfNeeded: function() {
-    var pending = this.get('pending'), 
+    var pending = this.get('pending'),
         inflight = this.get('inflight'),
         max = this.get('maxRequests'),
-        next ;
-        
+        next;
+
     if ((pending.length>0) && (inflight.length<max)) {
       next = pending.shiftObject();
       inflight.pushObject(next);
@@ -598,12 +645,12 @@ SC.Request.manager = SC.Object.create(
   },
 
   /**
-    Called by a response/transport object when finishes running.  Removes 
+    Called by a response/transport object when finishes running. Removes
     the transport from the queue and kicks off the next one.
   */
   transportDidClose: function(response) {
     this.get('inflight').removeObject(response);
     this.fireRequestIfNeeded();
   }
-  
+
 });