sproutcore 0.9.0

data/bin/sc-gen

@@ -0,0 +1,24 @@
+#!/usr/bin/env ruby
+
+# GENERATE SPROUTCORE COMPONENTS
+# Generates components for you in a sproutcore app.
+# Usages
+# sc-gen generator [path] [class]
+#
+
+APP_ROOT = File.expand_path(File.join(File.dirname(__FILE__), '..'))
+SC_ROOT = APP_ROOT
+
+$:.unshift File.join(SC_ROOT,'lib') ;
+
+# Require SproutCore
+require 'rubygems'
+require 'rubigen'
+require 'rubigen/scripts/generate'
+require 'sproutcore'
+
+ARGV.shift if ['--help', '-h'].include?(ARGV[0])
+
+RubiGen::Base.use_component_sources! [:sproutcore]
+RubiGen::Scripts::Generate.new.run(ARGV, :destination => File.expand_path(Dir.pwd))
+

data/bin/sc-server

@@ -0,0 +1,63 @@
+#!/usr/bin/env ruby
+
+APP_ROOT = File.expand_path(File.join(File.dirname(__FILE__), '..'))
+$:.unshift File.join(APP_ROOT,'lib') ;
+
+# Require Merb, SproutCore & SproutCore/Merb support
+require 'rubygems'
+require 'rubigen'
+require 'merb-core'
+require 'sproutcore'
+require 'sproutcore/merb'
+
+# Load BlueRibbon
+#Dir.glob(File.join(APP_ROOT,'blueribbon','**','*.rb')).each { |x| require(x) }
+
+############################################################
+## Setup Default Options
+##
+
+begin
+  require 'thin'
+  server_kind = 'thin'
+rescue LoadError
+  server_kind = 'mongrel'
+end
+
+unless ARGV.index('-a') || ARGV.index('-i')
+  ARGV.push *['-a', server_kind]
+end
+
+# Make BlueRibbon run on a different port by default
+unless ARGV.index('-p')
+  ARGV.push *%w[-p 4020]
+end
+
+############################################################
+## Configure Merb
+##
+
+Merb::Router.prepare { |r| r.connect_clients('/') }
+Merb::Config.use { |c|
+  c[:framework]           = {},
+  c[:session_store]       = 'none',
+  c[:exception_details]   = true
+}
+
+############################################################
+## Register Exception Handler
+##
+
+class Exceptions < Merb::Controller
+  def base
+    params[:exception].to_s
+  end
+end
+
+############################################################
+## Start Merb
+##
+  
+puts "Running SproutCore Build Tools v#{SproutCore::VERSION::STRING}"
+puts "Welcome to SproutCore"
+Merb.start

data/bin/sproutcore

@@ -0,0 +1,21 @@
+#!/usr/bin/env ruby
+
+require 'rubygems'
+require 'rubigen'
+
+APP_ROOT = File.expand_path(File.join(File.dirname(__FILE__), '..'))
+$:.unshift File.join(APP_ROOT,'lib') ;
+require 'sproutcore'
+
+if %w(-v --version).include? ARGV.first
+  require 'sproutcore/version'
+  puts "#{File.basename($0)} #{SproutCore::VERSION::STRING}"
+  exit(0)
+end
+
+require 'rubigen/scripts/generate'
+source = RubiGen::PathSource.new(:application, 
+  File.join(File.dirname(__FILE__), "../app_generators"))
+RubiGen::Base.reset_sources
+RubiGen::Base.append_sources source
+RubiGen::Scripts::Generate.new.run(ARGV, :generator => 'sproutcore')

data/clients/sc_docs/controllers/docs.js

@@ -0,0 +1,118 @@
+// ==========================================================================
+// Docs.DocsController
+// ==========================================================================
+
+require('core');
+
+Docs.docsController = SC.Object.create({
+  
+  // This is used in the client warning dialog.
+  windowLocation: window.location.href,
+  
+  // This is the current client name.
+  clientName: '',
+  
+  clientRoot: '',
+  
+  isRebuilding: false,
+  
+  nowShowingContainer: function() {
+    return (this.get('isRebuilding')) ? 'rebuilding' : 'runner';
+  }.property('isRebuilding'),
+  
+  // This is displayed as the main UI label.
+  displayClientName: function() {
+    return "%@ Docs".fmt((this.get('clientName') || '').humanize().capitalize()) ;
+  }.property('clientName'),
+  
+  arrangedObjects: [],
+  selection: [],
+  
+  selectedDoc: function() {
+    var sel = this.get('selection') ;
+    return (sel && sel.length > 0) ? sel[0] : null ;
+  }.property('selection'),
+  
+  reloadDocs: 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') ;
+    console.log('clientName: '+ clientRoot) ; 
+    Docs.server.request(clientRoot, ['data','classes.js'].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 ($type(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, Docs.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('noDocsPanel').set('isVisible',true) ;
+      setTimeout(this.reloadDocs.bind(this),2000) ; 
+    } else {
+      SC.page.get('noDocsPanel').set('isVisible',false) ;
+    }
+    
+    // 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(test))) this.set('selection', []) ;
+    
+  },
+  
+  _reloadFailure: function(status, transport) {
+    console.log('TEST RELOAD FAILED!') ;
+  },
+  
+  rebuildDocs: function() {
+    var clientName = this.get('clientName') ;
+    var clientRoot = this.get('clientRoot') ;
+    Docs.server.request(clientRoot, null, null, {
+      onSuccess: this._rebuildSuccess.bind(this),
+      onFailure: this._rebuildFailure.bind(this)
+    }, 'post') ;
+    this.set('isRebuilding', true) ;
+  },
+  
+  _rebuildSuccess: function() {
+    this.reloadDocs() ;
+    this.set('isRebuilding', false) ;
+  },
+
+  _rebuildFailure: function() {
+    this.set('isRebuilding', false) ;
+  }
+  
+}) ;

data/clients/sc_docs/core.js

@@ -0,0 +1,19 @@
+// ==========================================================================
+// Docs
+// ==========================================================================
+
+Docs = 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: ['Docs'] }),
+
+  // 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: [],
+
+  // Any keys in this array will be instantiated automatically from main.
+  controllers: [],
+  
+}) ;

data/clients/sc_docs/english.lproj/body.css

@@ -0,0 +1,159 @@
+
+/* @group Workspace */
+
+#workspace {
+	background-color: #8db69a;
+	position: absolute ;
+	top: 0;
+	left: 0;
+	right:  0;
+	bottom: 0; 
+}
+
+#workspace .container {
+	position: absolute ;
+	top:  49px;
+	left: 171px;
+	right: 0px;
+	bottom: 0px;
+	background-color: white ;
+	overflow: auto;
+}
+
+#workspace .container iframe {
+	border: none ;
+	width: 100%;
+	height: 100%;
+	outline: hidden ;	
+}
+
+/* @end */
+
+/* @group Toolbar */
+
+#workspace .toolbar {
+	position: absolute ;
+	top:  0;
+	left:  0px;
+	right: 0px;
+	height: 48px;
+	border-bottom: 1px solid #62806d;
+	background: static_url('images/gradients') repeat-x center top;
+}
+ 
+#workspace .toolbar .buttons {
+	text-align: right ;
+	position: absolute ;
+	top:  13px ;
+	right: 10px ;
+}
+
+#workspace .toolbar h1 {
+  border: none ;
+  padding: 0;
+  margin : 0;
+	position: absolute ;
+	left: 8px;
+	top:  4px;
+	font-size: 28px;
+	font-weight: normal ;
+}
+
+/* @end */
+
+/* @group Sidebar */
+
+#workspace .sidebar {
+	position: absolute ;
+	top: 49px;
+	left: 0px;
+	width: 170px;
+	bottom: 0px;
+	background-color: #e0efed;
+	border-right: 1px #62806d solid;
+	overflow: auto ;
+}
+
+.sidebar {
+	list-style-type: none ;
+	padding: 0;
+	margin: 0;
+}
+
+.sidebar h1 {
+	border:  none ;
+	text-align: left ;
+	font-size: 11px;
+	margin:  0;
+	padding:  0;
+	margin-top: 8px;
+	padding-top: 2px;
+	padding-left: 4px;
+	padding-bottom: 2px;
+	margin-left: 2px;
+	margin-right: 2px ;
+	margin-bottom: 2px;
+	text-transform: uppercase ;
+	color: #454b4a;
+	border-bottom: 1px solid #b5c6c4;
+}
+
+.sidebar div:first-child h1 {
+	display: none ;
+}
+
+.sidebar div:first-child a {
+	font-weight: bold ;
+}
+
+.sidebar a {
+	display: block ;
+	text-decoration: none ;
+	color: black ;
+	border: 1px solid #e0efed;
+	padding-bottom: 4px;
+	padding-top: 7px ;
+	padding-left: 8px ;
+	border-left-style: none;
+	border-right-style: none;
+	-moz-user-select: none;
+	-khtml-user-select: none;
+	user-select: none;
+}
+
+.sidebar a.sel {
+	border: 1px solid #1e504a;
+	color: white ;
+	font-weight: bold;
+	padding-top: 6px;
+	background: static_url('images/gradients') repeat-x center -144px;
+	border-top-color: #188b7d;
+	border-right-style: none;
+	border-left-style: none;
+}
+
+.sidebar a.sel:active {
+	border: 1px solid #1e504a;
+	color: white ;
+	font-weight: bold;
+	padding-top: 6px;
+	background: static_url('images/gradients') repeat-x center -144px;
+	border-top-color: #188b7d;
+	border-right-style: none;
+	border-left-style: none;
+}
+
+.sidebar a:active {
+	background-color: #cedfdf;
+	border: 1px solid #cedfdf;
+	border-right-style: none;
+	border-left-style: none;
+}
+
+.sidebar hr {
+	border:  none ;
+	border-top: #ccc solid 1px;
+	margin: 4px 8px;
+}
+
+/* @end */

data/clients/sc_docs/english.lproj/body.rhtml

@@ -0,0 +1,33 @@
+<% content_for('body') do %>
+
+<% view :workspace do %>
+
+<% # PRIMARY TOOLBAR -%>
+<div class="toolbar">
+  <%= label_view :outlet => true, :tag => 'h1', :bind => {
+    :content => 'Docs.docsController.displayClientName'
+  } %>
+  <div class="buttons">
+  <%= button_view :outlet => true, :label => "Rebuild Docs", :image => static_url('icons/small/reset'), :action => 'Docs.docsController.rebuildDocs' %>
+  </div>
+</div>
+
+<%= collection_view :outlet => :sidebar, :class => :sidebar, :bind => {
+  :content => 'Docs.docsController.arrangedObjects',
+  :selection => 'Docs.docsController.selection',
+}, :example_view => 'Docs.DocLabelView', :properties => {
+  :group_by => '"group"' } %>
+
+<% tab_view :outlet => 'container', :class => "container", :bind => { :now_showing => 'Docs.docsController.nowShowingContainer' } do %>
+
+<%= view :outlet => :runner_tab, :tag => :iframe, :view => 'Docs.DocFrameView', :bind => { 
+  :doc => 'Docs.docsController.selectedDoc' } %>
+
+<% view :outlet => :rebuilding_tab do %>
+<h1><img src="<%= static_url('spinner') %>" /> Rebuilding Documentation...</h1>
+<% end %>
+
+<% end %>
+<% end %>
+
+<% end %>

data/clients/sc_docs/english.lproj/no_docs.rhtml

@@ -0,0 +1,7 @@
+<% view :no_docs_panel, :panel => true, :width => 400 do %>
+<div>
+  <h1>Client Has No Documents</h1>
+  <p style="font-size: 15px;">This client does not currently have any unit tests.  To add a unit test, open a terminal to the root directly and type:</p>
+  <p style="font-size: 15px; text-align:center;"><code>./script/generate sc_test <%= label_view :outlet => true, :tag => 'span', :bind => { :content => 'Docs.docsController.clientName' } %>/<b>test_name</b></code></p>
+  </div>
+<% end %>

data/clients/sc_docs/english.lproj/strings.js

@@ -0,0 +1,14 @@
+// ==========================================================================
+// Docs 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/clients/sc_docs/english.lproj/warning.rhtml

@@ -0,0 +1,6 @@
+<% view :warning_panel, :panel => true, :width => 400 do %>
+  <h1>Client Name Required</h1>
+  <p style="font-size: 15px;">To access documents for a client, add the client name at the end of the URL preceded by a hash (#).  For example, to access the docs for the "contacts" client  enter:</p>
+  <p style="font-size: 15px; text-align: center;"><%= label_view :outlet => true, :tag => 'span', :bind => { :content => 'Docs.docsController.windowLocation' } %><b>#contacts</b></p>
+  </div>
+<% end %>

data/clients/sc_docs/fixtures/doc.js

@@ -0,0 +1,11 @@
+// ==========================================================================
+// Docs.Doc Fixtures
+// ==========================================================================
+
+require('core') ;
+
+Docs.FIXTURES = Docs.FIXTURES.concat([
+
+  // TODO: Add your data fixtures here.
+
+]);

data/clients/sc_docs/main.js

@@ -0,0 +1,21 @@
+// ==========================================================================
+// Docs
+// ==========================================================================
+
+function main() {
+  SC.page.awake() ;
+  
+  console.log('main') ;
+  var clientRoot = window.location.pathname.toString().replace(/-docs\/.*/,'-docs').substr(1,window.location.pathname.length);
+  var clientName = clientRoot.match(/([^\/]+)\/-docs/)[1];
+  Docs.hidePanels() ;
+  Docs.docsController.set('selection',[]) ;
+  Docs.docsController.set('clientRoot', clientRoot) ;
+  Docs.docsController.set('clientName', clientName) ;
+  Docs.docsController.reloadDocs() ;
+} ;
+
+Docs.hidePanels = function() {
+  SC.page.get('warningPanel').set('isVisible', false) ;
+  SC.page.get('noDocsPanel').set('isVisible',false) ;
+} ;

data/clients/sc_docs/models/doc.js

@@ -0,0 +1,9 @@
+// ==========================================================================
+// Docs.Doc
+// ==========================================================================
+
+require('core');
+
+Docs.Doc = SC.Record.extend({
+    
+}) ;

data/clients/sc_docs/tests/controllers/docs.rhtml

@@ -0,0 +1,21 @@
+<% # ========================================================================
+   # Docs.DocsController Unit Test
+   # ========================================================================
+%>
+<% content_for('final') do %>
+
+<script>
+
+Test.context("Docs.DocsController",{
+
+  "TODO: Add your own tests here": function() {
+    true.shouldEqual(true) ;
+  }
+
+}) ;
+
+appMain = main; main = null ; // Cancel main() so app does not start
+
+</script>
+
+<% end %>

data/clients/sc_docs/tests/models/doc.rhtml

@@ -0,0 +1,21 @@
+<% # ========================================================================
+   # Docs.Doc Unit Test
+   # ========================================================================
+%>
+<% content_for('final') do %>
+
+<script>
+
+Test.context("Docs.Doc",{
+
+  "TODO: Add your own tests here": function() {
+    true.shouldEqual(true) ;
+  }
+
+}) ;
+
+appMain = main; main = null ; // Cancel main() so app does not start
+
+</script>
+
+<% end %>

data/clients/sc_docs/tests/views/doc_frame.rhtml

@@ -0,0 +1,21 @@
+<% # ========================================================================
+   # Docs.DocFrameView Unit Test
+   # ========================================================================
+%>
+<% content_for('final') do %>
+
+<script>
+
+Test.context("Docs.DocFrameView",{
+
+  "TODO: Add your own tests here": function() {
+    true.shouldEqual(true) ;
+  }
+
+}) ;
+
+appMain = main; main = null ; // Cancel main() so app does not start
+
+</script>
+
+<% end %>

data/clients/sc_docs/tests/views/doc_label_view.rhtml

@@ -0,0 +1,21 @@
+<% # ========================================================================
+   # Docs.DocLabelView Unit Test
+   # ========================================================================
+%>
+<% content_for('final') do %>
+
+<script>
+
+Test.context("Docs.DocLabelView",{
+
+  "TODO: Add your own tests here": function() {
+    true.shouldEqual(true) ;
+  }
+
+}) ;
+
+appMain = main; main = null ; // Cancel main() so app does not start
+
+</script>
+
+<% end %>

data/clients/sc_docs/views/doc_frame.js

@@ -0,0 +1,33 @@
+// ==========================================================================
+// Docs.DocFrameView
+// ==========================================================================
+
+require('core');
+
+Docs.DocFrameView = SC.View.extend({
+  
+  // This is set to the test you want to run.
+  doc: null,
+  
+  docObserver: function() {
+    var doc = this.get('doc') ;
+    var url = (doc) ? doc.get('url') : '' ;
+    if (url.length > 0) {
+      url = "/%@/%@/%@".fmt('sc_docs', Docs.docsController.get('clientName'), url) ;
+    }
+    
+    // make sure we clear out the old document settings if needed.
+    var fdoc = (this.rootElement.contentWindow) ? this.rootElement.contentWindow.document : this.rootElement.document ;
+    
+    // if the document URL is already loaded, then reload it...
+    if (url == this.rootElement.src) {
+      if (fdoc && fdoc.location) fdoc.location.reload() ;
+      
+    // otherwise set to the new URL.
+    } else {
+      this.rootElement.src = url ;
+    }
+    
+  }.observes('doc')
+    
+}) ;

data/clients/sc_docs/views/doc_label.js

@@ -0,0 +1,20 @@
+// ==========================================================================
+// Docs.DocLabelView
+// ==========================================================================
+
+require('core');
+
+Docs.DocLabelView = SC.ButtonView.extend({
+  
+  emptyElement: '<a href="javascript:;"><span></span></a>',
+
+  contentObserver: function() {
+    var c = this.get('content') ;
+    this.set('labelText', (c) ? c.get('title') : '(NONE)') ;
+  }.observes('content'),
+  
+  labelSelector: 'span',
+  
+  mouseDown: function() { return false; }
+  
+}) ;