sproutit-sproutcore 1.0.0.20090407205609 → 1.0.0.20090408130025

data/frameworks/sproutcore/README

@@ -0,0 +1,22 @@
+SproutCore JavaScript Application Framework
+
+SproutCore is a framework for building desktop-like applications in the web without the use of plugins.  With SproutCore, you build rich, interactive
+applications in the web in less code than most simple web pages require today.
+
+The easiest way to get started with SproutCore is using the BlueRibbon build 
+tools included with the SproutCore package when you install it from the Ruby 
+Gems.  Please see the Getting Started documentation on the SproutCore website
+for more information.
+
+http://www.sproutcore.com
+
+If you would like to contact the authors, you can reach the current maintainer
+at charles@sproutit.com
+
+ACKNOWLEDGEMENTS
+
+SproutCore includes code from a number of different open source projects
+including:
+
+jQuery 1.2.6
+Bernies Better Animator

data/frameworks/sproutcore/apps/sc_jsdoc/controllers/docs.js

@@ -0,0 +1,149 @@
+// ==========================================================================
+// JsDoc.docsController
+// ==========================================================================
+
+JsDoc.docsController = SC.Object.create({
+  
+  // This is used in the client warning dialog.
+  windowLocation: window.location.href.toString(),
+  
+  // This is the current client name.
+  clientName: '',
+  
+  clientRoot: '',
+  
+  isRebuilding: false,
+  
+  canRebuild: NO,
+  
+  nowShowingContainer: function() {
+    return (this.get('isRebuilding')) ? 'rebuilding' : (this.get('selectedDoc')) ? 'runner' : 'empty' ;
+  }.property('isRebuilding', 'selectedDoc'),
+  
+  // This is displayed as the main UI label.
+  displayClientName: function() {
+    var clientName = (this.get('clientName') || '').humanize().capitalize() ;
+    if (clientName.toLowerCase() == 'sproutcore') clientName = 'SproutCore';
+    return "%@ Reference".fmt(clientName) ;
+  }.property('clientName'),
+  
+  nowShowingLabel: function() {
+    var sel = this.get('selection') ;  
+    var rec = (sel && sel.get('length') > 0) ? sel.objectAt(0) : null ;
+    return (rec) ? rec.get('title') : '' ;
+  }.property('selection'),
+  
+  arrangedObjects: [],
+  selection: [],
+  
+  selectedDoc: function() {
+    var sel = this.get('selection') ;
+    return (sel && sel.length > 0) ? sel[0] : null ;
+  }.property('selection'),
+  
+  reloadJsDoc: function() {
+    
+    // Use Ajax to ask the server for the latest set of tests for the 
+    // current client.
+    var clientName = this.get('clientName') ;
+    var clientRoot = this.get('clientRoot') ;
+    // clientRoot = clientRoot.replace(new RegExp("^%@/?".fmt(window.indexPrefix)), window.urlPrefix + '/');
+    clientRoot = 'static/%@'.fmt(clientRoot) ;
+    console.log('clientName: '+ clientRoot) ; 
+    JsDoc.server.request(clientRoot, ['data',('classes.js?'+ Math.random())].join('/'), null, {
+      onSuccess: this._reloadSuccess.bind(this),
+      onFailure: this._reloadFailure.bind(this)
+    }) ;
+  },
+  
+  _reloadSuccess: function(status, transport) {
+    var json = transport.responseText ;
+    var records = eval(json) ;
+    if (SC.typeOf(records) != T_ARRAY) {
+      return this._reloadFailure(status, transport) ;
+    }
+    
+    // update the list of tests from the server.  The return value will be
+    // the records included in the list.  This is what will become our new
+    // list.
+    var recs = SC.Store.updateRecords(records, this, JsDoc.Doc, true);
+    console.log('recs: %@'.fmt(recs)) ;
+    
+    // show warning panel if the records are empty.  Also reload tests
+    // periodically so that when the user resolves the problem, we can start
+    // working away immediately.
+    if (recs.length == 0) {
+      // SC.page.get('noJsDocPanel').set('isVisible',true) ;
+      this.invokeLater(this.reloadJsDoc,2000) ; 
+    } else {
+      // SC.page.get('noJsDocPanel').set('isVisible',false) ;
+    }
+    
+    this.set('allRecords', recs) ;
+  },
+  
+  rebuildArrangedJsDoc: function() {
+    
+    var search = this.get('search') ;
+    var recs = this.get('allRecords') ;
+    
+    // filter out search
+    if (search && search.length > 0) {
+      search = search.toLowerCase() ;
+      var filtered =[];
+      var idx = recs.get('length') ;
+      while(--idx >= 0) {
+        var rec = recs.objectAt(idx) ;
+        var symbols = (rec.get('symbols') || '') ;
+        if (symbols.indexOf(search) >= 0) filtered.push(rec) ;
+      }
+      recs = filtered ;
+    }
+    
+    // sort the records by name and set as the new arrangedObjects.
+    recs = recs.sort(function(a,b) {
+      
+      var g_a = a.get('group') || '';
+      var g_b = b.get('group') || '';
+      var groupCompare = g_a.localeCompare(g_b) ;
+      
+      if (groupCompare == 0) {
+        a = a.get('guid') || '' ;
+        b = b.get('guid') || '' ;
+        return a.localeCompare(b) ;
+      } else return groupCompare ;
+    }) ;
+    
+    var hadArrangedObjects = this.get('arrangedObjects').length > 0 ;
+    this.set('arrangedObjects', recs) ;
+    
+    // if the current selection is not in the list, clear the selection.
+    var doc = this.get('selectedDoc') ;
+    if (doc && !(recs.include(doc))) this.set('selection', []) ;
+  }.observes('allRecords', 'search'),
+  
+  _reloadFailure: function(status, transport) {
+    console.log('DOC RELOAD FAILED!') ;
+  },
+  
+  rebuildJsDoc: function() {
+    var clientName = this.get('clientName') ;
+    var clientRoot = this.get('clientRoot') ;
+    JsDoc.server.request(clientRoot, 'index.html', null, {
+      nonce: Date.now().toString(),
+      onSuccess: this._rebuildSuccess.bind(this),
+      onFailure: this._rebuildFailure.bind(this)
+    }, 'post') ;
+    this.set('isRebuilding', true) ;
+  },
+  
+  _rebuildSuccess: function() {
+    this.reloadJsDoc() ;
+    this.set('isRebuilding', false) ;
+  },
+
+  _rebuildFailure: function() {
+    this.set('isRebuilding', false) ;
+  }
+  
+});

data/frameworks/sproutcore/apps/sc_jsdoc/core.js

@@ -0,0 +1,16 @@
+// ==========================================================================
+// JsDoc
+// ==========================================================================
+
+JsDoc = SC.Object.create({
+  
+  // This will create the server for your application.  Add any namespaces
+  // your model objects are defined in to the prefix array.
+  server: SC.Server.create({ prefix: ['JsDoc'] }),
+  
+  // When you are in development mode, this array will be populated with 
+  // any fixtures you create for testing and loaded automatically in your
+  // main method.  When in production, this will be an empty array.
+  FIXTURES: []
+  
+});

data/frameworks/sproutcore/apps/sc_jsdoc/english.lproj/body.css

@@ -0,0 +1,17 @@
+.app-header {
+  background: transparent static_url('sc.theme/images/sc-theme-sprite') repeat-x scroll left -1062px;
+  z-index: 10;
+}
+
+.app-footer {
+  background: transparent static_url('sc.theme/images/sc-theme-sprite') repeat-x scroll left -1057px;
+  z-index: 10;
+}
+
+.sc-large-size {
+  font-size: 15px;
+}
+
+.app-label {
+  text-shadow: 0 1px 0 white;
+}

data/frameworks/sproutcore/apps/sc_jsdoc/english.lproj/body.js

@@ -0,0 +1,99 @@
+// ==========================================================================
+// JsDoc
+// ==========================================================================
+
+JsDoc.bodyPage = SC.Page.create({
+  
+  pageName: 'JsDoc.mainPage',
+  
+  mainPane: SC.MainPane.design({
+    
+    childViews: [
+      SC.View.design({
+        layout: { top: 0, left: 0, right: 0, height: 40 },
+        classNames: 'app-header',
+        
+        childViews: [
+          SC.ImageView.design({
+            layout: { top: 3, left: 5, width: 30, height: 30 },
+            value: static_url('images/sproutcore-logo')
+          }),
+          
+          SC.LabelView.design({
+            layout: { top: 10, left: 40, height: 20, right: 300 },
+            controlSize: SC.LARGE_CONTROL_SIZE,
+            fontWeight: SC.BOLD_WEIGHT,
+            classNames: 'app-label',
+            valueBinding: 'JsDoc.docsController.displayClientName'
+          }),
+          
+          SC.TextFieldView.design({
+            layout: { top: 6, width: 150, height: 20, right: 10 },
+            hint: 'Search Symbols',
+            target: 'JsDoc.docsController',
+            action: 'search'
+          })
+        ]
+      }),
+      
+      SC.SplitView.design({
+        layout: { top: 36, left: 0, right: 0, bottom: 36 },
+        layoutDirection: SC.LAYOUT_HORIZONTAL,
+        topLeftDefaultThickness: 0.2, // a number between 0 and 1.0
+        
+        topLeftMinThickness: 200,
+        canCollapseViews: NO,
+        
+        autoresizeBehavior: SC.RESIZE_BOTTOM_RIGHT,
+        
+        dividerThickness: 7,
+        
+        topLeftView: SC.ScrollView.design({
+          layout: { left: 0, top: 0, right: 0, bottom: 0 },
+          hasHorizontalScroller: NO,
+          
+          contentView: SC.ListView.design({
+            layout: { left: 0, top: 0, right: 0, bottom: 0 },
+            contentBinding: 'JsDoc.docsController.arrangedObjects',
+            selectionBinding: 'JsDoc.docsController.selection',
+            contentValueKey: 'title'
+          }),
+        }),
+        
+        dividerView: SC.SplitDividerView.design({
+          layout: { left: 0, top: 0, right: 0, bottom: 0 }
+        }),
+        
+        bottomRightView: SC.IFrameView.design({
+          layout: { left: 0, top: 0, right: 0, bottom: 0 },
+          contentBinding: 'JsDoc.docsController.selectedDoc',
+          contentUrlKey: 'staticUrl'
+        })
+      }),
+      
+      SC.View.design({
+        layout: { height: 40, left: 0, right: 0, bottom: 0 },
+        classNames: 'app-footer',
+        
+        childViews: [
+          SC.ButtonView.design({
+            layout: { bottom: 6, width: 140, height: 20, left: 10 },
+            title: 'Rebuild Docs',
+            isEnabledBinding: 'JsDoc.docsController.canRebuild',
+            target: 'JsDoc.docsController',
+            action: 'rebuildJsDoc'
+          }),
+          
+          SC.LabelView.design({
+            layout: { bottom: 10, left: 200, height: 20, right: 200 },
+            controlSize: SC.LARGE_CONTROL_SIZE,
+            fontWeight: SC.BOLD_WEIGHT,
+            textAlign: SC.ALIGN_CENTER,
+            valueBinding: 'JsDoc.docsController.nowShowingLabel'
+          })
+        ]
+      })
+    ]
+ })
+ 
+});

data/frameworks/sproutcore/apps/sc_jsdoc/english.lproj/strings.js

@@ -0,0 +1,15 @@
+// ==========================================================================
+// JsDoc English Strings
+// ==========================================================================
+
+// Place strings you want to localize here.  In your app, use the key and 
+// localize it using "key string".loc().  HINT: For your key names, use the
+// english string with an underscore in front.  This way you can still see
+// how your UI will look and you'll notice right away when something needs a
+// localized string added to this file!
+
+Object.extend( String.English, {
+  
+  // "_String Key": "Localized String"
+  
+});

data/frameworks/sproutcore/apps/sc_jsdoc/main.js

@@ -0,0 +1,27 @@
+// ==========================================================================
+// JsDoc
+// ==========================================================================
+
+function main() {
+  
+  // SproutCore loads the files from a pre-generated location unlike when
+  // this apps runs on your local box, hence this logic.
+  if (window.location.hostname.toString().indexOf('sproutcore.com') >= 0) {
+    var clientRoot = 'sproutcore/-docs' ;
+    var clientName = 'sproutcore' ;   
+    var canRebuild = NO ; 
+  } else {
+    var clientRoot = window.location.pathname.toString().replace(/-docs\/.*/,'-docs').substr(1,window.location.pathname.length);
+    var clientName = clientRoot.match(/([^\/]+)\/-docs/)[1];
+    var canRebuild = YES ; 
+  }
+  console.log('clientRoot: %@ clientName: %@ canRebuild: %@'.fmt(clientRoot, clientName, canRebuild));
+  
+  JsDoc.docsController.set('selection',[]) ;
+  JsDoc.docsController.set('clientRoot', clientRoot) ;
+  JsDoc.docsController.set('clientName', clientName) ;
+  JsDoc.docsController.set('canRebuild', canRebuild) ;
+  JsDoc.docsController.reloadJsDoc() ;
+  
+  JsDoc.getPath('bodyPage.mainPane').append() ;
+};

data/frameworks/sproutcore/apps/sc_jsdoc/models/doc.js

@@ -0,0 +1,21 @@
+// ==========================================================================
+// JsDoc.Doc
+// ==========================================================================
+
+/**
+  @class
+
+  @extends SC.Record
+  @since SproutCore 1.0
+*/
+JsDoc.Doc = SC.Record.extend({
+  
+  icon: 'sc-icon-document-16',
+  
+  staticUrl: function() {
+    var ret = '/static/%@/data/symbols/%@'.fmt(JsDoc.docsController.get('clientRoot'), this.get('url')) ;
+    // console.log(ret) ;
+    return ret ;
+  }.property('url').cacheable()
+  
+});

data/frameworks/sproutcore/apps/sc_qunit/controllers/runner.js

@@ -0,0 +1,209 @@
+// ==========================================================================
+// QUnit.runnerController
+// ==========================================================================
+
+QUnit.runnerController = SC.Object.create({
+  
+  // This is used in the client warning dialog.
+  windowLocation: window.location.href,
+  
+  // This is the current client name.
+  clientName: '',
+  
+  // This is displayed as the main UI label.
+  displayClientName: function() {
+    var clientName = (this.get('clientName') || '').humanize().capitalize();
+    if (clientName == 'Sproutcore') clientName = 'SproutCore' ; 
+    return "%@ qUnit Tests".fmt(clientName) ;
+  }.property('clientName'),
+  
+  arrangedObjects: [],
+  selection: [],
+  
+  selectedTest: function() {
+    var sel = this.get('selection') ;
+    return (sel && sel.length > 0) ? sel[0] : null ;
+  }.property('selection'),
+  
+  testState: null,
+  
+  testStateLabel: function() {
+    switch(this.get('testState')) {
+      case QUnit.TEST_LOADING:
+        return 'Loading Test...' ;
+        
+      case QUnit.TEST_RUNNING:
+        return 'Test Running...' ;
+        
+      case QUnit.TEST_PASSED:
+        return 'Passed!' ;
+        
+      case QUnit.TEST_FAILED:
+        return 'Failed.' ;
+        
+      default:
+        return '' ;
+    }
+  }.property('testState'),
+  
+  testStateIsRunning: function() {
+    return (this.get('testState') === QUnit.TEST_RUNNING) ;
+  }.property('testState'),
+  
+  isRunning: NO,
+  isContinuousIntegrationEnabled: NO,
+  
+  runTestLabel: function() {
+    return (this.get('isRunning')) ? "Stop All Tests" : "Run All Tests" ;
+  }.property('isRunning'),
+  
+  toggleRunTests: function() {
+    this.toggleProperty('isRunning') ;
+  },
+  
+  rerunCurrentTest: function() {
+    var test = this.get('selectedTest') ;
+    if (test) {
+      this.set('selection', []) ;
+      test = [test] ;
+      var t = function() {
+        // console.log('current selection is %@'.fmt(this.get('selection')));
+        // console.log('setting the selection of %@ to %@'.fmt(this, test));
+        this.set('selection', test) ;
+      }.invokeLater(this,1000) ; // FIXME: we really need an invokeNextRunLoop call...
+    }
+  },
+  
+  canRerunCurrentTest: function() {
+    if (this.get('isRunning')) return NO ;
+    var state = this.get('testState') ;
+    var ret = (state === QUnit.TEST_FAILED || state === QUnit.TEST_PASSED) ? YES : NO ;
+    return ret; 
+  }.property('isRunning', 'testState'),
+  
+  reloadTests: function() {
+    var that = this ;
+    // Use Ajax to ask the server for the latest set of tests for the 
+    // current client.
+    var urlRoot = this.get('urlRoot') ;
+    QUnit.server.request(urlRoot, 'index.js', null, {
+      nonce: Date.now().toString(),
+      onSuccess: function(status, transport) { that._reloadSuccess.apply(that, arguments); },
+      onFailure: function(status, transport) { that._reloadFailure.apply(that, arguments); }
+    }) ;
+  },
+  
+  _reloadSuccess: function(status, transport) {
+    var json = transport.responseText ;
+    var records = eval(json) ;
+    
+    console.log('JSON: %@'.fmt(json)) ;
+    
+    if (SC.typeOf(records) != T_ARRAY) {
+      return this._reloadFailure(status, transport) ;
+    }
+    
+    // update the list of tests from the server.  The return value will be
+    // the records included in the list.  This is what will become our new
+    // list.
+    var recs = SC.Store.updateRecords(records, this, QUnit.Test, true);
+    console.log('retrieved records: %@'.fmt(recs.join(','))) ;
+    
+    // show warning panel if the records are empty.  Also reload tests
+    // periodically so that when the user resolves the problem, we can start
+    // working away immediately.
+    if (recs.length == 0) {
+      // SC.page.get('noTestsPanel').set('isVisible',true) ;
+      this.invokeLater(this.reloadTests,2000) ; 
+    } else {
+      // SC.page.get('noTestsPanel').set('isVisible',false) ;
+    }
+    
+    // sort the records by name and set as the new arrangedObjects.
+    recs = recs.sort(function(a,b) {
+      var a_g = a.get('group') || '';
+      var b_g = b.get('group') || '';
+      
+      var ret = a_g.localeCompare(b_g) ;
+      return (ret != 0) ? ret : (a.get('title') || '').localeCompare(b.get('title') || '') ;
+    }) ;
+    
+    recs = recs.filter(function(item) { return (item.get('title') || '').match(/\.js$/); }) ;
+    
+    var hadArrangedObjects = this.get('arrangedObjects').length > 0 ;
+    this.set('arrangedObjects', recs) ;
+    
+    // if the current selection is not in the list, clear the selection.
+    var test = this.get('selectedTest') ;
+    if (test && (recs.indexOf(test) < 0)) this.set('selection', []) ;
+    
+    // if continuous integration is turned on and we are running, restart
+    // the tests immediately. or if we did not have arranged objects.
+    if (!hadArrangedObjects || (this.get('isRunning') && (this.get('isContinuousIntegrationEnabled')))) {
+      if (recs.length >0) this.set('selection',[recs[0]]) ;
+    }
+  },
+  
+  _reloadFailure: function(status, transport) {
+    console.log('TEST RELOAD FAILED!') ;
+  },
+  
+  // whenever isRunning changes to YES, select the first test.
+  isRunningObserver: function() {
+    if (this.didChangeFor('isRunningObserver', 'isRunning')) {
+      if (this.get('isRunning')) {
+        var tests = this.get('arrangedObjects') ;
+        var firstTest = (tests && tests.length > 0) ? [tests[0]] : [] ;
+        this.set('selection', []) ; // clear selection.
+        var t = function() {
+          this.set('selection', firstTest) ;
+        }.invokeLater(this,1) ;
+      }
+    }
+  }.observes('isRunning'),
+  
+  // whenever the testState changes, then go on to the next test, if
+  // running.
+  testStateObserver: function() {
+    if (!this.didChangeFor('testStateObserver', 'testState')) return ;
+    if (!this.get('isRunning')) return ;
+    
+    var testState = this.get('testState') ;
+    
+    // If test passed, go onto the next test.
+    if (testState == QUnit.TEST_PASSED) {
+      var tests = this.get('arrangedObjects') || [];
+      var test = this.get('selectedTest') || tests[0];
+      
+      // find the idx of the next item.
+      var idx = tests.indexOf(test) ;
+      if (idx < 0) idx = 0 ;
+      idx++ ;
+      
+      // if the idx is at the end of the set of tests, go back to the 
+      // beginning only if continuous integration is enabled.
+      if (idx >= tests.length) {
+        if (this.get('isContinuousIntegrationEnabled')) {
+          this.reloadTests() ;
+        } else {
+          this.set('isRunning', false) ;
+        }
+        return ;
+      }
+      
+      // now load the next test.
+      test = tests[idx] ;
+      if (!test) test = tests[0] ;
+      this.set('selection', (test) ? [test] : []) ;
+      
+    // if the test failed, then stop running the tests and throw an alert
+    // if continuous integration is on.
+    } else if (testState == QUnit.TEST_FAILED) {
+      this.set('isRunning', false) ;
+      if (this.get('isContinuousIntegrationEnabled') == YES) {
+        alert('Unit Test Failed!') ;
+      }
+    }
+  }.observes('testState')
+  
+});

data/frameworks/sproutcore/apps/sc_qunit/core.js

@@ -0,0 +1,16 @@
+// ==========================================================================
+// QUnit
+// ==========================================================================
+
+QUnit = SC.Object.create({
+  
+  // This will create the server for your application.  Add any namespaces
+  // your model objects are defined in to the prefix array.
+  server: SC.Server.create({ prefix: ['QUnit'] }),
+  
+  // When you are in development mode, this array will be populated with 
+  // any fixtures you create for testing and loaded automatically in your
+  // main method.  When in production, this will be an empty array.
+  FIXTURES: []
+  
+});

data/frameworks/sproutcore/apps/sc_qunit/english.lproj/body.css

@@ -0,0 +1,17 @@
+.app-header {
+  background: transparent static_url('sc.theme/images/sc-theme-sprite') repeat-x scroll left -1062px;
+  z-index: 10;
+}
+
+.app-footer {
+  background: transparent static_url('sc.theme/images/sc-theme-sprite') repeat-x scroll left -1057px;
+  z-index: 10;
+}
+
+.sc-large-size {
+  font-size: 15px;
+}
+
+.app-label {
+  text-shadow: 0 1px 0 white;
+}