sproutcore 1.7.1.beta → 1.8.0

data/lib/frameworks/sproutcore/README.md

@@ -1,6 +1,6 @@
 SproutCore HTML5 Application Framework
 ======================================
- 
+
 SproutCore is a framework for building blazing-fast, desktop-like applications
 in the web browser using only native HTML5 features. With SproutCore, you can
 build rich, interactive applications in the web in less code than most simple
@@ -8,13 +8,12 @@ web pages require today.
 
 The easiest way to get started with SproutCore is using the Abbot build tools
 included with the SproutCore package when you install it from the Ruby gem.
-Please see the Get Started documentation on the SproutCore website for more
-information.
-
-    http://www.sproutcore.com/
+Please see the Getting Started documentation on the
+[SproutCore website](http://www.sproutcore.com/) for more information.
 
-If you would like to contact the authors, you can reach the current maintainer
-at <charles@sproutcore.com>
+For additional SproutCore user support, join the sproutcore@googlegroups.com
+mailing list and for those interested in working on the framework itself, please
+join sproutcore-dev@googlegroups.com.
 
 ## Contributors
 
@@ -36,10 +35,13 @@ code and ideas:
 - Bruz Marzolf
 - Charles Jolley
 - Charlie Lai
+- Cherif Yaya
 - Chris Hyle
 - Christopher M Pieper
 - Christopher Swasey
+- Chuck Edwall
 - Colin Campbell
+- Corey Burrows
 - Cortland Klein
 - Devin Torres
 - Devon Govett
@@ -50,16 +52,21 @@ code and ideas:
 - Ganesh J
 - Gareth Townsend
 - Geoffrey Donaldson
+- Gopal Sharma
 - Gregory Moeck
 - Hemanth Kumar
 - James A. Rosen
 - James Austin
+- James Craig
 - James F. Herdman
 - James Ribar
+- Jason Dooley
 - Jason Ketterman
+- Jeff Pittman
 - Jim Benton
 - Jiří Zajpt
 - Joe Gaudet
+- John Rogelstad
 - Jonathan Lewis
 - Joshua Dickens
 - Joshua Holt
@@ -71,6 +78,8 @@ code and ideas:
 - Lawrence Pit
 - Levi McCallum
 - Luke Burton
+- Luke Melia
+- Mahesh Mukundan
 - Majd Taby
 - Martin Häcker
 - Martin Ottenwaelter
@@ -79,7 +88,9 @@ code and ideas:
 - Matthias Loitsch
 - Maurits Lamers
 - Michael Cohen
+- Michael Gillogly
 - Michael Harris
+- Michael Krotscheck
 - Michael Rykov
 - Michal Kurgan
 - Mike Ball
@@ -94,16 +105,20 @@ code and ideas:
 - Nitin Gupta
 - Onar Vikingstad
 - Patrick Walton
+- Paul Chavard
 - Paul Lambert
 - Peter Bergström
 - Peter Wagenet
+- Piotr Sarnacki
 - Piotr Steininger
+- Rajesh Segu
 - Ray Bodenhorn
 - Rich Harrison
 - Richard Klancer
 - Rick Russell
 - Rob Linton
 - Robert Buchholz
+- Rodrigo Basa
 - Ryan Mudryk
 - Ryan Nielsen
 - Santhakumar Murugaiyan
@@ -111,6 +126,7 @@ code and ideas:
 - Sergey Ukustov
 - Steven Tate
 - Sudarshan Bhat
+- Sunny Ripert
 - Suvajit Gupta
 - Tanner Donovan
 - Teresa Tsui
@@ -121,9 +137,13 @@ code and ideas:
 - Tim Evans
 - Tom Dale
 - Tomasz Mazur
+- Topher Fangio
 - Trek Glowacki
 - Tyler Keating
+- Umberto Nicoletti
+- Vibul Imtarnasa
 - Vincent Fiano
+- Wesley Workman
 - William Kakes
 - Yehuda Katz
 - Yogesh Kumar
@@ -136,4 +156,5 @@ 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/statechart_routing/Buildfile

@@ -0,0 +1,12 @@
+# ==========================================================================
+# Project:   Test
+# Copyright: @2011 My Company, Inc.
+# ==========================================================================
+
+# This is your Buildfile for your app, Test. This tells SproutCore
+# how to build your app. These settings override those in your project
+# Buildfile, which contains default settings for all apps in your project.
+
+# It is better to add :required targets here than in the global Buildfile.
+config :test, :required => :sproutcore
+

data/lib/frameworks/sproutcore/apps/statechart_routing/controllers/login_controller.js

@@ -0,0 +1,11 @@
+/*globals Test */
+
+Test.loginController = SC.Object.create({
+  
+  username: null,
+  
+  password: null,
+  
+  loggedIn: NO
+  
+});

data/lib/frameworks/sproutcore/apps/statechart_routing/controllers/main_controller.js

@@ -0,0 +1,7 @@
+/*globals Test */
+
+Test.mainController = SC.Object.create({
+  
+  mode: null
+  
+});

data/lib/frameworks/sproutcore/apps/statechart_routing/controllers/statechart_controller.js

@@ -0,0 +1,17 @@
+/*globals Test */
+
+Test.statechartController = SC.Object.create(SC.StatechartDelegate, {
+  
+  lastRouteContext: null,
+  
+  statechartShouldStateHandleTriggeredRoute: function(statechart, state, context) {
+    return Test.loginController.get('loggedIn');
+  },
+  
+  statechartStateCancelledHandlingTriggeredRoute: function(statechart, state, context) {
+    this.set('lastRouteContext', context);
+    SC.routes.set('location', null);
+    statechart.gotoState('loggedOutState');
+  }
+  
+});

data/lib/frameworks/sproutcore/apps/statechart_routing/core.js

@@ -0,0 +1,25 @@
+// ==========================================================================
+// Project:   Test
+// Copyright: @2011 My Company, Inc.
+// ==========================================================================
+/*globals Test */
+
+/** @namespace
+
+  My cool new app.  Describe your application.
+  
+  @extends SC.Object
+*/
+Test = SC.Application.create(
+  /** @scope Test.prototype */ {
+
+  NAMESPACE: 'Test',
+  VERSION: '0.1.0',
+
+  store: SC.Store.create().from(SC.Record.fixtures),
+  
+  MODE_FOO: 0,
+  
+  MODE_BAR: 1
+  
+}) ;

data/lib/frameworks/sproutcore/apps/statechart_routing/main.js

@@ -0,0 +1,15 @@
+// ==========================================================================
+// Project:   Test
+// Copyright: @2011 My Company, Inc.
+// ==========================================================================
+/*globals Test */
+
+Test.main = function main() {
+
+  var sc = Test.statechart;
+  SC.RootResponder.responder.set('defaultResponder', sc);
+  sc.initStatechart();
+
+} ;
+
+function main() { Test.main(); }

data/lib/frameworks/sproutcore/apps/statechart_routing/resources/_theme.css

@@ -0,0 +1,18 @@
+/*
+  This defines the global $theme variable for use inside your CSS.
+  The $theme variable holds the CSS class names for your theme.
+  
+  You can then theme your app by using CSS like this:
+
+      $theme.button {
+        color: blue;
+        @include slices('white-button.png', $left: 3, $right: 3);
+      }
+  
+  Any _theme.css file is prepended to all files inside its directory,
+  and any subdirectories that don't define their own _theme.css file.
+  
+  This allows you to give different directories different values for
+  $theme if you wish.
+*/
+$theme: '.ace.test';

data/lib/frameworks/sproutcore/apps/statechart_routing/resources/bar_page.js

@@ -0,0 +1,14 @@
+/*globals Test */
+
+Test.barPage = SC.Page.create({
+  
+  mainView: SC.View.design({
+    layout: { top: 0, bottom: 0, left: 0, right: 0 },
+    childViews: 'labelView'.w(),
+    labelView: SC.LabelView.design({
+      layout: { centerX: 0, centerY: 0, height: 24, width: 100 },
+      value: 'In Bar Mode'
+    })
+  })
+  
+});

data/lib/frameworks/sproutcore/apps/statechart_routing/resources/foo_page.js

@@ -0,0 +1,14 @@
+/*globals Test */
+
+Test.fooPage = SC.Page.create({
+  
+  mainView: SC.View.design({
+    layout: { top: 0, bottom: 0, left: 0, right: 0 },
+    childViews: 'labelView'.w(),
+    labelView: SC.LabelView.design({
+      layout: { centerX: 0, centerY: 0, height: 24, width: 100 },
+      value: 'In Foo Mode'
+    })
+  })
+  
+});

data/lib/frameworks/sproutcore/apps/statechart_routing/resources/loading.rhtml

@@ -0,0 +1,9 @@
+<% content_for :loading do %>
+<% # Any HTML in this file will be visible on screen while your page loads
+   # its application JavaScript.  SproutCore applications are optimized for 
+   # caching and startup very fast, so your users will often only see this 
+   # content for a brief moment on their first app load, if at all.
+%>
+<p class="loading">Loading...<p>
+
+<% end %>

data/lib/frameworks/sproutcore/apps/statechart_routing/resources/login_page.js

@@ -0,0 +1,61 @@
+/*globals Test */
+
+Test.loginPage = SC.Page.create({
+  
+  mainPane: SC.MainPane.design({
+    
+    childViews: 'mainView'.w(),
+    
+    mainView: SC.View.design({
+      
+      childViews: 'headerView usernameView passwordView footerView'.w(),
+      
+      layout: { centerX: 0, centerY: 0, width: 300, height: 150 },
+      
+      headerView: SC.LabelView.design({
+        layout: { top: 0, left: 0, right: 0, height: 30 },
+        value: 'Login',
+        textAlign: SC.ALIGN_CENTER
+      }),
+      
+      usernameView: SC.View.design({
+        childViews: 'labelView textfieldView'.w(),
+        layout: { top: 30, left: 0, right: 0, height: 30 },
+        labelView: SC.LabelView.design({
+          layout: { centerX: 0, left: 0, height: 24, width: 80 },
+          value: "Username:"
+        }),
+        textfieldView: SC.TextFieldView.design({
+          layout: { centerX: 0, left: 90, right: 0, height: 24 },
+          valueBinding: 'Test.loginController.username'
+        })
+      }),
+      
+      passwordView: SC.View.design({
+        childViews: 'labelView textfieldView'.w(),
+        layout: { top: 60, left: 0, right: 0, height: 30 },
+        labelView: SC.LabelView.design({
+          layout: { centerX: 0, left: 0, height: 24, width: 80 },
+          value: "Password:"
+        }),
+        textfieldView: SC.TextFieldView.design({
+          layout: { centerX: 0, left: 90, right: 0, height: 24 },
+          valueBinding: 'Test.loginController.password'
+        })
+      }),
+      
+      footerView: SC.View.design({
+        childViews: 'buttonView'.w(),
+        layout: { top: 120, left: 0, right: 0, bottom: 0 },
+        buttonView: SC.ButtonView.design({
+          layout: { height: 24, width: 80, right: 0, bottom: 0 },
+          title: 'Login',
+          action: 'login'
+        })
+      })
+      
+    })
+    
+  })
+  
+});

data/lib/frameworks/sproutcore/apps/statechart_routing/resources/main_page.js

@@ -0,0 +1,46 @@
+// ==========================================================================
+// Project:   Test - mainPage
+// Copyright: @2011 My Company, Inc.
+// ==========================================================================
+/*globals Test */
+
+Test.mainPage = SC.Page.create({
+
+  fooView: SC.outlet('Test.fooPage.mainView'),
+  
+  barView: SC.outlet('Test.barPage.mainView'),
+  
+  emptyView: SC.View.design(),
+
+  mainPane: SC.MainPane.design({
+    
+    childViews: 'headerView containerView'.w(),
+    
+    headerView: SC.View.design({
+      layout: { top: 0, left: 0, right: 0, height: 50 },
+      childViews: 'switchModeView'.w(),
+      switchModeView: SC.SegmentedView.design({
+        layout: { centerX: 0, centerY: 0, height: 24, width: 100 },
+        items: [
+          { title: 'Foo', value: Test.MODE_FOO, action: 'switchToFooMode' },
+          { title: 'Bar', value: Test.MODE_BAR, action: 'switchToBarMode' }
+        ],
+        itemTitleKey: 'title',
+        itemValueKey: 'value',
+        itemActionKey: 'action',
+        valueBinding: SC.Binding.oneWay('Test.mainController.mode')
+      })
+    }),
+    
+    containerView: SC.ContainerView.design({
+      layout: { top: 50, left: 0, right: 0, bottom: 0 },
+      contentViewBinding: SC.Binding.transform(function(mode) {
+        if (mode === Test.MODE_FOO) return Test.fooPage.get('mainView');
+        if (mode === Test.MODE_BAR) return Test.barPage.get('mainView');
+        return Test.mainPage.get('emptyView');
+      }).oneWay('Test.mainController.mode')
+    })
+    
+  })
+
+});

data/lib/frameworks/sproutcore/apps/statechart_routing/statechart.js

@@ -0,0 +1,76 @@
+/*globals Test */
+
+sc_require('controllers/statechart_controller');
+
+Test.statechart = SC.Statechart.create({
+  
+  trace: YES,
+  
+  initialState: 'loggedOutState',
+  
+  delegate: Test.statechartController,
+  
+  loggedOutState: SC.State.design({
+    
+    enterState: function() {
+      Test.loginPage.get('mainPane').append();
+    },
+    
+    exitState: function() {
+      Test.loginPage.get('mainPane').remove();
+    },
+    
+    login: function() {
+      Test.loginController.set('loggedIn', YES);
+      var del = this.get('statechartDelegate');
+      var ctx = del.get('lastRouteContext');
+      if (ctx) {
+        ctx.retry();
+      } else {
+        this.gotoState('loggedInState');
+      }
+    }
+    
+  }),
+  
+  loggedInState: SC.State.design({
+    
+    enterState: function() {
+      Test.mainPage.get('mainPane').append();
+    },
+    
+    switchToFooMode: function() {
+      this.gotoState('fooState');
+    },
+    
+    switchToBarMode: function() {
+      this.gotoState('barState');
+    },
+    
+    initialSubstate: 'fooState',
+    
+    fooState: SC.State.design({
+      
+      representRoute: 'foo',
+      
+      enterState: function() {
+        this.set('location', 'foo');
+        Test.mainController.set('mode', Test.MODE_FOO);
+      }
+      
+    }),
+    
+    barState: SC.State.design({
+
+      representRoute: 'bar/:id',
+      
+      enterState: function() {
+        this.set('location', 'bar/4?blah=xml');
+        Test.mainController.set('mode', Test.MODE_BAR);
+      }
+      
+    })
+    
+  })
+  
+});