sproutcore 0.9.10 → 0.9.11

data/History.txt

@@ -1,3 +1,28 @@
+== SproutCore 0.9.11
+
+* Build tools are now much smarter about how the they process environment 
+  configs.  Before if you imported a framework (such as sproutcore) locally 
+  into your project you would need to import any dependent frameworks as well 
+  AND create configs for all of them.  Now you do not need to do that.  The 
+  build tools will load the most recent base environment (defined in config 
+  :all), along with the most recent bundle-specific config (defined in config 
+  :bundle_name) and the bundle-location details from whatever library holds 
+  the bundle.  This will avoid a whole class of head-scratching config probs
+  that people encountered when trying to setup their system.
+
+* Removed unused controllers array from core.js template in client generator
+
+* sc-server now supports the new proxy option in sc-config.  You can use this 
+  to proxy your backend services through to your front-end SproutCore clients
+  without having to setup a separate service.
+
+* Changed some launch options for sc-server that will improve performance.
+
+* JSDoc can now handle paths spaces in them.
+
+* Build tools no longer rely on symlink in dev mode.  This should improve compatibility with Windows systems.
+
+== SproutCore 0.9.10
 
 * The build tools can now generate bundles with relative paths. Fixes #19
 

data/Manifest.txt

@@ -57,7 +57,7 @@ frameworks/sproutcore/controllers/array.js
 frameworks/sproutcore/controllers/collection.js
 frameworks/sproutcore/controllers/controller.js
 frameworks/sproutcore/controllers/object.js
-frameworks/sproutcore/Core.js
+frameworks/sproutcore/core.js
 frameworks/sproutcore/drag/drag.js
 frameworks/sproutcore/drag/drag_data_source.js
 frameworks/sproutcore/drag/drag_source.js
@@ -65,6 +65,7 @@ frameworks/sproutcore/drag/drop_target.js
 frameworks/sproutcore/english.lproj/blank.gif
 frameworks/sproutcore/english.lproj/buttons.css
 frameworks/sproutcore/english.lproj/core.css
+frameworks/sproutcore/english.lproj/detect-browser
 frameworks/sproutcore/english.lproj/icons.css
 frameworks/sproutcore/english.lproj/images/indicator.gif
 frameworks/sproutcore/english.lproj/images/sc-theme-sprite.png

data/bin/sc-server

@@ -44,7 +44,10 @@ Merb::Router.prepare { |r| r.connect_clients('/') }
 Merb::Config.use { |c|
   c[:framework]           = {},
   c[:session_store]       = 'none',
-  c[:exception_details]   = true
+  c[:exception_details]   = true,
+  c[:reload_classes]      = false,
+  c[:use_mutex]           = false,
+  c[:log_auto_flush]      = true
 }
 
 ############################################################

data/frameworks/sproutcore/HISTORY

@@ -1,11 +1,83 @@
-== GIT HEAD
 
+- [FIX] innerFrame tests were failing.  Now working.
 
-* SC.Platform.Firefox now returns 2 for any gecko browser that is not Firefox.
+- Progress bar now shows 100% fill when set to indeterminate.  This should 
+  make it easier to style an indeterminate appearance.
+  
+- Changed all references for window.location= to window.location.href=.  
+  Improves IE compatibility.
+  
+- Cleaned JSLink warnings from animator.js
 
-* set() and a variety of other methods now returns this instead of the set
+- Removed stray debugger statements (thanks august!)
+
+- Fixed CSS issues with SC-theme that made buttons appear offset.  Now appears   
+  correct in FF3 & Safari (thanks mde!)
+
+- Added detect-browser script which can be included at the top of your page to 
+  detect the current browser and platform.  Also includes an 
+  SC.setupBodyClassNames method that you can call after the body tag has been
+  declared that will add class names for the current browser and platform. 
+ 
+- Added documentation for Function.property()
+- Added documentation for SC.Error.
+- Added documentation for SC.SegmentedView
+
+== sproutcore-0.9.10
+
+- SC.Platform.Firefox now returns 2 for any gecko browser that is not Firefox.
+
+- set() and a variety of other methods now returns this instead of the set
 value.  This makes it possible to do method chaining.
 
+- Fixed typo in ().  Fixes #12
+
+- Fixed #11
+
+- Switch from transitional to strict DTD
+
+- Replacement of window.location to window.location.href.
+
+- Added default src to image_view (static_url('blank'))
+
+- Fix  for view_helper view that was closing the element.
+
+- sproutcore now treats space as a printable key instead of a function key.
+    
+- Added chainability to observer methods; improved docs
+    
+    set(), beginPropertyChanges(), endPropertyChanges() and a whole slew of other
+    methods now return this instead of void or the set value.  This allows for
+    method chainings jQuery style such as:
+    
+    contact.beginPropertyChanges()
+      .set('firstName', 'Charles')
+      .set('lastName', 'Jolley')
+    .endPropertyChanges();
+
+- auto select content of textarea when it's focused: this._isFocused is true for textarea while false for text input in didBecomeFirstRespo
+    
+- scrollable#scrollViewToVisible now scrolls up and left.  This corrects a bug with keyboard control that would bust when you move up or left.
+
+- Updated documentation on form
+
+- Use Element instead of element for IE compatability in Element.setClassName()
+    
+- Added SC.View#destroy() to remove views from internal caches. insertBefore, removeChild, etc. also now return the view instance so you can chain them.
+
+- Popup menu was setting the width on each of the child menu items in addition to itself. This had a huge performance impact with little ac
+    
+- Disabled the current behavior for the menu item view helper which parses the shortcut before inserting it; now it simply passes the passe
+
+- [FIX] Replaced url() calls with static_url() in CSS so that they will work properly in build mode
+
+- Cleanup in drag.js
+
+- Adding href property to ButtonView for bindable functionality on href attributes.
+
+- Properly order drop targets so that nested targets appear first.
+
+
 == 0.9.8
 
 * [FIX] collection views now update group views appropriately.

data/frameworks/sproutcore/{Core.js → core.js}

@@ -41,7 +41,7 @@
 
 // All objects live in the SproutCore namespace, which is also availabe in the
 // abreviation SC.
-SproutCore = {} ; SC = SproutCore ;
+if (!SC) SC = {};  SproutCore = SC ;
 
 // this makes for some nicer to read code
 var YES = true ; var NO = false ;
@@ -117,7 +117,6 @@ Object.extend(SC,{
 
   // To flush the callOnLoad queue, you need to set window.onload=SC.didLoad
   didLoad: function() { 
-    
     SC.app = SC.Application.create();
     SC.app.run();
     
@@ -160,7 +159,7 @@ Object.extend(SC,{
     } else if ((url.slice(0,5) == 'http:') || (url.slice(0,6) == 'https:')) {
       // no change
     } else {
-      url = window.location + '/' + url ;
+      url = window.location.href + '/' + url ;
     }
     return url ;
   },

data/frameworks/sproutcore/drag/drag.js

@@ -3,7 +3,7 @@
 // copyright 2006-2008 Sprout Systems, Inc.
 // ========================================================================
 
-require('Core') ;
+require('core') ;
 require('views/view') ;
 
 SC.DRAG_LINK = 0x0004; SC.DRAG_COPY = 0x0001; SC.DRAG_MOVE = 0x0002;

data/frameworks/sproutcore/english.lproj/buttons.css

@@ -57,8 +57,9 @@ a.regular span.button-inner {
 a.regular span.label {
  	display: block ;
 	text-align: center;
-	padding-top: 3px;
-	height: 19px;
+  height: 22px;
+  line-height: 22px;
+  vertical-align: middle;
 	margin-left: 20px;
 	text-shadow: #f0f0f0 0px 1px 0px;
 }

data/frameworks/sproutcore/english.lproj/detect-browser

@@ -0,0 +1,44 @@
+// NOTE: This file is named with a .javascript extension to avoid having this
+// file combined into the joined javascript.js file for this framework.
+
+// This bootstrap file can be included at the top of your index.html to detect
+// the browser, language, and platform.  You can then call 
+// SC.setupBrowserClassNames() in a script tag after the body is defined to 
+// load the class names into the body.
+if (!SC) var SC = {} ;
+SC.browser = (function() {
+
+  var userAgent = navigator.userAgent.toLowerCase();
+  var version = (userAgent.match( /.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/ ) || [])[1] ;
+
+  var browser = {
+    version: version,
+    webkit: (/webkit/).test( userAgent ) ? version : 0,
+    opera: (/opera/).test( userAgent ) ? version : 0,
+    msie: (/msie/).test( userAgent ) && !(/opera/).test( userAgent ) ? version : 0,
+    mozilla: (/mozilla/).test( userAgent ) && !(/(compatible|webkit)/).test( userAgent ) ? version : 0,
+    mobileSafari: (/apple.*mobile.*safari/).test(userAgent) ? version : 0,
+    windows: !!(/(windows)/).test(userAgent),
+    mac: !!((/(macintosh)/).test(userAgent) || (/(mac os x)/).test(userAgent))
+  };
+
+  return browser ;
+
+})();
+
+SC.setupBodyClassNames = function() {
+  var el = document.body ;
+  if (!el) return ;
+  
+  // Add class name for the current browser, platform, and language
+  var browser = (SC.browser.webkit) ? 'webkit' : (SC.browser.opera) ? 'opera' : (SC.browser.mozilla) ? 'mozilla' : (SC.browser.msie) ? 'msie' : 'unknown-browser' ;
+  var platform = (SC.browser.windows) ? 'windows' : (SC.browser.mac) ? 'mac' : 'other-platform' ;
+  
+  var classNames = (el.className) ? el.className.split(' ') : [] ;
+  classNames.push(browser) ;
+  classNames.push(platform) ;
+  if (SC.browser.mobileSafari) classNames.push('mobile-safari') ;
+  el.className = classNames.join(' ') ;
+} ;
+
+

data/frameworks/sproutcore/foundation/animator.js

@@ -36,7 +36,7 @@
 function Animator(options) {
 	this.setOptions(options);
 	var _this = this;
-	this.timerDelegate = function(){_this.onTimerEvent()};
+	this.timerDelegate = function(){_this.onTimerEvent();};
 	this.subjects = [];
 	this.target = 0;
 	this.state = 0;
@@ -129,8 +129,8 @@ Animator.prototype = {
 		}
 	},
 	// shortcuts
-	play: function() {this.seekFromTo(0, 1)},
-	reverse: function() {this.seekFromTo(1, 0)},
+	play: function() {this.seekFromTo(0, 1);},
+	reverse: function() {this.seekFromTo(1, 0);},
 	// return a string describing this Animator, for debugging
 	inspect: function() {
 		var str = "#<Animator:\n";
@@ -140,14 +140,14 @@ Animator.prototype = {
 		str += ">";
 		return str;
 	}
-}
+};
 // merge the properties of two objects
 Animator.applyDefaults = function(defaults, prefs) {
 	prefs = prefs || {};
 	var prop, result = {};
 	for (prop in defaults) result[prop] = prefs[prop] !== undefined ? prefs[prop] : defaults[prop];
 	return result;
-}
+};
 // make an array from any object
 Animator.makeArray = function(o) {
 	if (o == null) return [];
@@ -155,7 +155,7 @@ Animator.makeArray = function(o) {
 	var result = [];
 	for (var i=0; i<o.length; i++) result[i] = o[i];
 	return result;
-}
+};
 // convert a dash-delimited-property to a camelCaseProperty (c/o Prototype, thanks Sam!)
 Animator.camelize = function(string) {
 	var oStringList = string.split('-');
@@ -170,35 +170,35 @@ Animator.camelize = function(string) {
 		camelizedString += s.charAt(0).toUpperCase() + s.substring(1);
 	}
 	return camelizedString;
-}
+};
 // syntactic sugar for creating CSSStyleSubjects
 Animator.apply = function(el, style, options) {
 	if (style instanceof Array) {
 		return new Animator(options).addSubject(new CSSStyleSubject(el, style[0], style[1]));
 	}
 	return new Animator(options).addSubject(new CSSStyleSubject(el, style));
-}
+};
 // make a transition function that gradually accelerates. pass a=1 for smooth
 // gravitational acceleration, higher values for an exaggerated effect
 Animator.makeEaseIn = function(a) {
 	return function(state) {
 		return Math.pow(state, a*2); 
-	}
-}
+	};
+};
 // as makeEaseIn but for deceleration
 Animator.makeEaseOut = function(a) {
 	return function(state) {
 		return 1 - Math.pow(1 - state, a*2); 
-	}
-}
+	};
+};
 // make a transition function that, like an object with momentum being attracted to a point,
 // goes past the target then returns
 Animator.makeElastic = function(bounces) {
 	return function(state) {
 		state = Animator.tx.easeInOut(state);
 		return ((1-Math.cos(state * Math.PI * bounces)) * (1 - state)) + state; 
-	}
-}
+	};
+};
 // make an Attack Decay Sustain Release envelope that starts and finishes on the same level
 // 
 Animator.makeADSR = function(attackEnd, decayEnd, sustainEnd, sustainLevel) {
@@ -214,8 +214,8 @@ Animator.makeADSR = function(attackEnd, decayEnd, sustainEnd, sustainLevel) {
 			return sustainLevel;
 		}
 		return sustainLevel * (1 - ((state - sustainEnd) / (1 - sustainEnd)));
-	}
-}
+	};
+};
 // make a transition function that, like a ball falling to floor, reaches the target and/
 // bounces back again
 Animator.makeBounce = function(bounces) {
@@ -223,8 +223,8 @@ Animator.makeBounce = function(bounces) {
 	return function(state) {
 		state = fn(state); 
 		return state <= 1 ? state : 2-state;
-	}
-}
+	};
+};
  
 // pre-made transition functions to use with the 'transition' option
 Animator.tx = {
@@ -242,7 +242,7 @@ Animator.tx = {
 	veryElastic: Animator.makeElastic(3),
 	bouncy: Animator.makeBounce(1),
 	veryBouncy: Animator.makeBounce(3)
-}
+};
 
 // animates a pixel-based style property between two integer values
 function NumericalStyleSubject(els, property, from, to, units) {
@@ -255,7 +255,7 @@ function NumericalStyleSubject(els, property, from, to, units) {
 	this.from = parseFloat(from);
 	this.to = parseFloat(to);
 	this.units = units != null ? units : 'px';
-}
+};
 NumericalStyleSubject.prototype = {
 	setState: function(state) {
 		var style = this.getStyle(state);
@@ -280,7 +280,7 @@ NumericalStyleSubject.prototype = {
 	inspect: function() {
 		return "\t" + this.property + "(" + this.from + this.units + " to " + this.to + this.units + ")\n";
 	}
-}
+};
 
 // animates a colour based style property between two hex values
 function ColorStyleSubject(els, property, from, to) {
@@ -290,7 +290,7 @@ function ColorStyleSubject(els, property, from, to) {
 	this.from = this.expandColor(from);
 	this.origFrom = from;
 	this.origTo = to;
-}
+};
 
 ColorStyleSubject.prototype = {
 	// parse "#FFFF00" to [256, 256, 0]
@@ -301,7 +301,7 @@ ColorStyleSubject.prototype = {
 			red = parseInt(hexColor.slice(1, 3), 16);
 			green = parseInt(hexColor.slice(3, 5), 16);
 			blue = parseInt(hexColor.slice(5, 7), 16);
-			return [red,green,blue]
+			return [red,green,blue];
 		}
 		if (window.DEBUG) {
 			alert("Invalid colour: '" + color + "'");
@@ -322,7 +322,7 @@ ColorStyleSubject.prototype = {
 	inspect: function() {
 		return "\t" + this.property + "(" + this.origFrom + " to " + this.origTo + ")\n";
 	}
-}
+};
 
 // return a properly formatted 6-digit hex colour spec, or false
 ColorStyleSubject.parseColor = function(string) {
@@ -330,7 +330,7 @@ ColorStyleSubject.parseColor = function(string) {
 	if(match = ColorStyleSubject.parseColor.rgbRe.exec(string)) {
 		var part;
 		for (var i=1; i<=3; i++) {
-			part = Math.max(0, Math.min(255, parseInt(match[i])));
+			part = Math.max(0, Math.min(255, parseInt(match[i],0)));
 			color += ColorStyleSubject.toColorPart(part);
 		}
 		return color;
@@ -345,14 +345,14 @@ ColorStyleSubject.parseColor = function(string) {
 		return '#' + match[1];
 	}
 	return false;
-}
+};
 // convert a number to a 2 digit hex string
 ColorStyleSubject.toColorPart = function(number) {
 	if (number > 255) number = 255;
 	var digits = number.toString(16);
 	if (number < 16) return '0' + digits;
 	return digits;
-}
+};
 ColorStyleSubject.parseColor.rgbRe = /^rgb\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)$/i;
 ColorStyleSubject.parseColor.hexRe = /^\#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/;
 
@@ -364,7 +364,7 @@ function DiscreteStyleSubject(els, property, from, to, threshold) {
 	this.from = from;
 	this.to = to;
 	this.threshold = threshold || 0.5;
-}
+};
 
 DiscreteStyleSubject.prototype = {
 	setState: function(state) {
@@ -376,7 +376,7 @@ DiscreteStyleSubject.prototype = {
 	inspect: function() {
 		return "\t" + this.property + "(" + this.from + " to " + this.to + " @ " + this.threshold + ")\n";
 	}
-}
+};
 
 // animates between two styles defined using CSS.
 // if style1 and style2 are present, animate between them, if only style1
@@ -446,7 +446,7 @@ function CSSStyleSubject(els, style1, style2) {
 		}
 		this.subjects[this.subjects.length] = new type(els, prop, from, to, units);
 	}
-}
+};
 
 CSSStyleSubject.prototype = {
 	// parses "width: 400px; color: #FFBB2E" to {width: "400px", color: "#FFBB2E"}
@@ -491,7 +491,7 @@ CSSStyleSubject.prototype = {
 		}
 		return str;
 	}
-}
+};
 // get the current value of a css property, 
 CSSStyleSubject.getStyle = function(el, property){
 	var style;
@@ -505,8 +505,8 @@ CSSStyleSubject.getStyle = function(el, property){
 	if(el.currentStyle){
 		style = el.currentStyle[property];
 	}
-	return style || el.style[property]
-}
+	return style || el.style[property];
+};
 
 
 CSSStyleSubject.ruleRe = /^\s*([a-zA-Z\-]+)\s*:\s*(\S(.+\S)?)\s*$/;
@@ -538,7 +538,7 @@ function AnimatorChain(animators, options) {
 	}
 	this.forwards = false;
 	this.current = 0;
-}
+};
 
 AnimatorChain.prototype = {
 	// apply defaults
@@ -588,7 +588,7 @@ AnimatorChain.prototype = {
 		animator.options.onComplete = function() {
 			if (oldOnComplete) oldOnComplete.call(animator);
 			_this.advance();
-		}
+		};
 	},
 	// play the next animator
 	advance: function() {
@@ -613,7 +613,7 @@ AnimatorChain.prototype = {
 			this.animators[this.current].seekTo(1);
 		}
 	}
-}
+};
 
 // an Accordion is a class that creates and controls a number of Animators. An array of elements is passed in,
 // and for each element an Animator and a activator button is created. When an Animator's activator button is
@@ -638,7 +638,7 @@ function Accordion(options) {
 		an.jumpTo(0);
 		var activator = this.options.getActivator(el);
 		activator.index = i;
-		activator.onclick = function(){_this.show(this.index)};
+		activator.onclick = function(){_this.show(this.index);};
 		this.ans[this.ans.length] = an;
 		this.rememberanceTexts[i] = activator.innerHTML.replace(/\s/g, "");
 		if (this.rememberanceTexts[i] === current) {
@@ -646,7 +646,7 @@ function Accordion(options) {
 		}
 	}
 	this.show(selected);
-}
+};
 
 Accordion.prototype = {
 	// apply defaults
@@ -656,7 +656,7 @@ Accordion.prototype = {
 			sections: null,
 			// a function that locates an activator button element given a section element.
 			// by default it takes a button id from the section's "activator" attibute
-			getActivator: function(el) {return document.getElementById(el.getAttribute("activator"))},
+			getActivator: function(el) {return document.getElementById(el.getAttribute("activator"));},
 			// shifts each animator's range, for example with options {from:0,to:100,shift:20}
 			// the animators' ranges will be 0-100, 20-120, 40-140 etc.
 			shift: 0,
@@ -676,4 +676,4 @@ Accordion.prototype = {
 			document.location.hash = this.rememberanceTexts[section];
 		}
 	}
-}
+};