spade 0.0.1

data/sproutcore/frameworks/foundation/english.lproj/bootstrap.rhtml

@@ -0,0 +1,67 @@
+<% 
+# ==========================================================================
+# Project:   SproutCore - JavaScript Application Framework
+# Copyright: ©2006-2011 Strobe Inc. and contributors.
+#            Portions ©2008-2010 Apple Inc. All rights reserved.
+# License:   Licensed under MIT license (see license.js)
+# ==========================================================================
+#
+# IMPORTANT: This bootstrap code is DEPRECATED.  Instead see the bootstrap 
+# framework in sproutcore for all new apps.
+#
+-%>
+<% content_for('bootstrap') do %>
+var SC = SC || { MODULE_INFO: {}, LAZY_INSTANTIATION: {} };
+SC.browser = (function() {
+  // THIS CODE IS DEPRECATED AND IS NO LONGER MAINTAINED
+  var userAgent = navigator.userAgent.toLowerCase();
+  var version = (userAgent.match( /.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/ ) || [])[1] ;
+
+  var browser = {
+    version: version,
+    safari: (/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)),
+    language: ((navigator.language || navigator.browserLanguage).split('-', 1)[0])
+  };
+  
+  browser.current = (browser.msie) ? 'msie' : (browser.mozilla) ? 'mozilla' : (browser.safari) ? 'safari' : (browser.opera) ? 'opera' : 'unknown' ;
+  return browser ;
+})();
+
+SC.setupBodyClassNames = function() {
+  var el = document.body ;
+  var browser, platform, shadows, borderRad, classNames;
+  if (!el) return ;
+  browser = SC.browser.current ;
+  platform = (SC.browser.windows) ? 'windows' : (SC.browser.mac) ? 'mac' : 'other-platform' ;
+  
+  shadows = (document.documentElement.style.MozBoxShadow !== undefined) || 
+                (document.documentElement.style.webkitBoxShadow !== undefined) ||
+                (document.documentElement.style.oBoxShadow !== undefined) ||
+                (document.documentElement.style.boxShadow !== undefined);
+  
+  borderRad = (document.documentElement.style.MozBorderRadius !== undefined) || 
+              (document.documentElement.style.webkitBorderRadius !== undefined) ||
+              (document.documentElement.style.oBorderRadius !== undefined) ||
+              (document.documentElement.style.borderRadius !== undefined);
+  
+  
+  classNames = (el.className) ? el.className.split(' ') : [] ;
+  if(shadows) classNames.push('box-shadow');
+  if(borderRad) classNames.push('border-rad');
+  classNames.push(browser) ;
+  if (browser === 'chrome') classNames.push('safari');
+  classNames.push(platform) ;
+  if (SC.browser.mobileSafari) classNames.push('mobile-safari') ;
+  el.className = classNames.join(' ') ;
+} ;
+
+<% end %>
+<% content_for('setup_body_class_names') do %>
+if (SC.setupBodyClassNames) SC.setupBodyClassNames() ;
+<% end -%>

data/sproutcore/frameworks/foundation/english.lproj/button_view.css

@@ -0,0 +1,40 @@
+/* SC.ButtonView */
+
+.sc-button-view.sc-static-layout {
+  margin: 0 4px;
+}
+
+.sc-button-view {
+  display: inline-block ;
+  vertical-align: middle;
+  text-decoration: none ;
+  border: 1px #555 solid;
+  border-radius: 3px;
+  -moz-border-radius: 3px;
+}
+
+.sc-button-view .sc-button-inner {
+  position: relative;
+  display:  block;
+  height: 100%;
+  text-align: center ;
+}
+
+.sc-button-view label {
+  position: relative;
+  display: block;
+  line-height: 21px;
+  text-align: center;
+}
+
+.sc-button-view img {
+  vertical-align: middle ;
+  margin-right: 2px;
+  position: relative ;
+  top: -2px;
+  left: -2px;
+}
+
+.ie7 .sc-button-view {
+  display: inline;
+}

data/sproutcore/frameworks/foundation/english.lproj/debug/control-test-pane.css

@@ -0,0 +1,9 @@
+.sc-view.sc-control-test-pane {
+  border: 1px #888 solid ;
+  overflow-y: auto;
+  background: white;
+}
+
+.sc-view.sc-control-test-pane .sc-view.wrapper {
+  border: 1px #ccc solid;
+}

data/sproutcore/frameworks/foundation/english.lproj/inline_editor.css

@@ -0,0 +1,12 @@
+.mozilla .sc-view .sc-text-field-view.inline-editor .border,
+.webkit .sc-view .sc-text-field-view.inline-editor .border,
+.msie .sc-view .sc-text-field-view.inline-editor .border,
+.sc-view .sc-text-field-view.inline-editor .border {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  border: none;
+}
+
+.mozilla .sc-view .sc-text-field-view.inline-editor.focus {
+  outline-offset: 0px;
+}

data/sproutcore/frameworks/foundation/english.lproj/label.css

@@ -0,0 +1,47 @@
+/* SC.LabelView */
+
+.sc-label-view {
+  font-weight: normal;
+  text-align: left;
+}
+
+.sc-label-view.sc-large-size {
+	font-size: 18px;
+	line-height: 24px;
+}
+
+.sc-label-view.sc-regular-size {
+	font-size: 12px;
+	line-height: 19px;
+}
+
+.sc-label-view.sc-small-size {
+	font-size: 11px;
+	line-height: 14px;
+}
+
+.sc-label-view.sc-tiny-size {
+	font-size: 9px;
+	line-height: 12px;
+}
+
+.sc-label-view.disabled {
+	color: #999;
+	color: rgba(50,50,50,0.5);
+}
+
+.sc-label-view img.icon {
+	position: relative;
+	vertical-align: middle;
+}
+
+.sc-label-view .sc-hint {
+	position: absolute;
+	top: 3px;
+	left: 1px;
+	right: 1px;
+	bottom: 3px;
+	padding: 0px;
+	color: #aaa ;
+	font-size: 12px;
+}

data/sproutcore/frameworks/foundation/english.lproj/static_layout.css

@@ -0,0 +1,5 @@
+/* SC.StaticLayout Support */
+
+.sc-static-layout, .sc-view.sc-static-layout {
+  position: relative;
+}

data/sproutcore/frameworks/foundation/english.lproj/text_field.css

@@ -0,0 +1,146 @@
+/* Common SC.TextFieldView styles - needed to work properly */
+
+.sc-view .sc-text-field-view {
+  border:none;
+  z-index:100;
+  overflow: visible;
+  background :white;
+}
+
+/* outline style for each browser tricky stuff... */
+.safari .sc-view .sc-text-field-view.focus {
+  outline: auto 7px -webkit-focus-ring-color; 
+  outline-offset: -2px;
+}
+
+.mozilla .sc-view .sc-text-field-view.focus {
+  outline-color:-moz-mac-focusring;
+  outline-offset:-5px;
+  outline-style:solid;
+  outline-width:3px;
+}
+
+.msie .sc-view .sc-text-field-view.focus {
+  outline: 1px dotted;
+}
+
+.sc-text-field-view .border {
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  bottom: 0px;
+  right: 0px;
+}
+
+/*css style to make divs look like native controls*/
+
+.mozilla .sc-view .sc-text-field-view .border {
+  -moz-appearance: textfield;
+}
+
+.msie .sc-view .sc-text-field-view .border {
+  border:1px inset;
+}
+
+.safari .sc-text-field-view .border {
+  -webkit-appearance: textfield;
+}
+
+
+
+.sc-view .sc-text-field-view .padding {
+  top: 0px;
+  left: 3px;
+  bottom: 0px;
+  right: 3px;
+  position: absolute;
+}
+
+.sc-view .sc-text-field-view.text-area .padding {
+  right: 0px;
+}
+
+
+.sc-view .sc-text-field-view .sc-text-field-accessory-view {
+	z-index: 2;
+}
+
+.sc-text-field-view input {
+	position: absolute;
+	top: 0px;
+	left: 0px;
+	width: 100%;
+	height: 100%;
+	line-height: 100%;
+  bottom: 0px;
+	right: 0px;
+	display: block;
+	background: transparent;
+	vertical-align: middle;
+}
+
+.sc-text-field-view input {
+	border: none;
+	outline: none;
+	-webkit-appearance:none;
+}
+
+.msie .sc-text-field-view input.field {
+  padding-bottom: 1px;
+}
+
+.sc-text-field-view textarea {
+	border: none;
+	outline: none;
+	-webkit-appearance:none;
+}
+
+
+.sc-text-field-view textarea {
+  position: absolute;
+	top: 0px;
+	left: 0px;
+	width:100%;
+  bottom: 0px;
+	right: 0px;
+	display: block;
+	background: transparent;
+	vertical-align: middle;
+	resize: none;
+	overflow: auto;
+}
+
+.msie .sc-text-field-view textarea.field,
+.mozilla .sc-text-field-view textarea.field {
+	height: 100%;
+}
+
+
+.sc-text-field-view .sc-hint {
+	z-index: 1;
+	position: absolute;
+	top: 3px;
+	left: 1px;
+	right: 1px;
+	bottom: 3px;
+	padding: 0px;
+	color: #aaa ;
+	font-size: 12px;
+}
+
+.sc-text-field-view.text-area .sc-hint {
+	top: 2px;
+	left: 3px;
+	right: 3px;
+	bottom: 2px;
+}
+
+.sc-text-field-view.focus .sc-hint,
+.sc-text-field-view.not-empty .sc-hint {
+  display: none ;
+}
+
+.sc-text-field-view.sc-hint .field{
+  color: #B3B3B3 !important;
+}
+

data/sproutcore/frameworks/foundation/fixtures/file_exists.json

@@ -0,0 +1 @@
+{"message": "Yay!"}

data/sproutcore/frameworks/foundation/fixtures/malformed.json

@@ -0,0 +1,11 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+		"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+	<head>
+		<title>
+			This is not JSON
+		</title>
+	</head>
+	<body>
+	</body>
+</html>

data/sproutcore/frameworks/foundation/gestures/pinch.js

@@ -0,0 +1,81 @@
+// ==========================================================================
+// Project:   SproutCore - JavaScript Application Framework
+// Copyright: ©2006-2011 Strobe Inc. and contributors.
+//            Portions ©2008-2010 Apple Inc. All rights reserved.
+// License:   Licensed under MIT license (see license.js)
+// ==========================================================================
+sc_require("system/gesture");
+
+SC.PinchGesture = SC.Gesture.extend({
+  name: "pinch",
+  acceptsMultitouch: YES,
+
+  scale: 1,
+
+  /**
+    The default for this method is to loop through each touch one by one to see if it qualifies.
+    Here, however, we want to take the touches when there are 2, and only 2 of them. As a result
+    we can do the work here, with no need to pass them on.
+  */
+  unassignedTouchesDidChange: function(evt, touches) {
+    if (touches.length == 2) {
+      this.take(touches[0]);
+      this.take(touches[1]);
+    }
+  },
+
+  /**
+    We could probably just return YES here, since unassignedTouchesDidChange shouldn't let more
+    than 2 touches through, however, we're double checking here to make sure that we haven't
+    already captured 2 touches.
+  */
+  touchStart: function(touch) {
+    var touches = touch.touchesForResponder(this);
+    if (!touches || touches.length == 0) {
+      return YES;
+    } else if (touches.length == 1) {
+      this.start([touches[0], touch]);
+      return YES;
+    } else {
+      return NO;
+    }
+  },
+
+  /**
+    Here we're getting the distance between the 2 touches and comparing it to their starting
+    distance. It's possible we'll want to implement a more complex algorithm to make things
+    a bit smoother. Once we have the relative change, we trigger the pinch action in the view.
+  */
+  touchesDragged: function(evt, touches) {
+    var touch = touches.firstObject(),
+        avg = touch.averagedTouchesForView(this);
+
+    if (avg.touchCount == 2) {
+      if (!this._startDistance) {
+        this._startDistance = avg.d;
+      }
+
+      this.scale = avg.d / this._startDistance;
+
+      this.change(touches, this.scale);
+    }
+  },
+
+  /**
+    Once one touch has ended we don't need to watch the other so we release all touches.
+  */
+  touchEnd: function(touch) {
+    this._startDistance = null;
+
+    var touches = touch.touchesForResponder(this);
+
+    this.trigger(touches, this.scale)
+    this.end(touches, this.scale);
+
+    if (touches) {
+      touches.forEach(function(touch){
+        this.release(touch);
+      }, this);
+    }
+  }
+});