sproutcore 1.6.0.beta.2-x86-mingw32

data/lib/frameworks/sproutcore/frameworks/experimental/apps/greenhouse/english.lproj/main_page.js

@@ -0,0 +1,95 @@
+// ==========================================================================
+// Project:   Greenhouse - mainPage
+// Copyright: ©2010 Mike Ball
+// ==========================================================================
+/*globals Greenhouse */
+sc_require('views/application_list_item');
+// This page describes the main user interface for your application.  
+Greenhouse.mainPage = SC.Page.design({
+
+  // The main pane is made visible on screen as soon as your app is loaded.
+  // Add childViews to this pane for views to display immediately on page 
+  // load.
+  mainPane: SC.MainPane.design({
+    
+    defaultResponder: "Greenhouse",
+    
+    childViews: 'container'.w(),
+    container: SC.ContainerView.design({
+      nowShowing: ''
+    })
+  }),
+  
+  loading: SC.LabelView.design({
+    layout: { bottom: 0, height: 30, left: 0, right: 0},
+    value: 'Loading...',
+    textAlign: SC.ALIGN_CENTER,
+    classNames: ['footer']
+  }),
+  
+  appPicker: SC.View.design({
+    childViews: 'scLogo picker footer warning'.w(),
+    classNames: ['app-picker'],
+    
+    scLogo: SC.View.design({
+      layout: { width: 140, left: 10, top: 10, height: 32 },
+      classNames: ['sc-logo']
+    }),
+    
+    picker: SC.View.design({
+      layout: { width: 548, height: 400, centerX: -102, centerY: -60},
+      childViews: 'ghLogo prompt scrollView button'.w(),
+      classNames: ['app-picker'],
+    
+      ghLogo: SC.View.design({
+        layout: { width: 279, left: 168, top: 0, height: 64 },
+        classNames: ['greenhouse-logo-l']
+      }),
+    
+      prompt: SC.View.design({
+        layout: { width: 175, left: 0, top: 62, height: 128 },
+        classNames: ['helper']
+      }),
+    
+      button: SC.ButtonView.design({
+        layout: { bottom: 12, height: 28, width: 140, right: 0 },
+        isEnabledBinding: "Greenhouse.targetController.content",
+        title: "Load Application",
+        theme: "capsule",
+        isDefault: YES,
+        action: "loadApplication"
+      }),
+    
+      scrollView: SC.ScrollView.design({
+        layout: { right: 0, top: 60, width: 332, bottom: 54 },
+        hasHorizontalScroller: NO,
+      
+        contentView: SC.ListView.design({  
+          rowHeight: 41,
+          exampleView: Greenhouse.ApplicationListItem,
+          contentBinding: "Greenhouse.targetsController.applications",
+          selectionBinding: "Greenhouse.targetsController.selection",        
+          contentValueKey: "displayName",
+          contentIconKey: "targetIcon",
+          hasContentIcon: YES,
+          action: "loadApplication"
+        })
+      
+      })
+    
+    }),
+    
+    warning: SC.LabelView.design({
+      layout: {bottom: 60, centerX: 0, width: 400, height: 58},
+      value: "NOTE: Greenhouse is under active development and not yet ready for general use.  At the moment, Greenhouse works best with Google Chrome."
+    }),
+    
+    footer: SC.LabelView.design({
+      layout: { bottom: 0, height: 30, left: 0, right: 0},
+      value: '©2011 Strobe Inc. & Contributors',
+      textAlign: SC.ALIGN_CENTER,
+      classNames: ['footer']
+    })
+    
+  }) 
+});

data/lib/frameworks/sproutcore/frameworks/experimental/apps/greenhouse/english.lproj/strings.js

@@ -0,0 +1,93 @@
+// ==========================================================================
+// Project:   Greenhouse Strings
+// Copyright: ©2010 Mike Ball
+// ==========================================================================
+/*globals Greenhouse */
+
+// 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_
+//
+SC.stringsFor('English', {
+  // "_String Key": "Localized String"
+  "_New File": "New File",
+  "_New Folder": "New Folder",
+  "_Delete": "Delete",
+  "_Top:": "Top:",
+  "_Left:": "Left:",
+  "_Bottom:": "Bottom:",
+  "_Right:": "Right:",
+  "_Width:": "Width:",
+  "_Height:": "Height:",
+  "_Class Names:": "Class Names:",
+  "_Background Color:": "Background Color:",
+  "_New Page File": "New Page File",
+  '_Anchor:': "Anchor:",
+  '_Dimensions:': "Dimensions:",
+  '_Left:': "Left:",
+  '_Width:': "Width:",
+  '_Right:': "Right:",
+  '_Center X:': "Center X:",
+  '_Center Y:': "Center Y:",
+  
+  '_Top:': "Top:",
+  '_Bottom:': "Bottom:",
+  '_Height:': "Height:",
+  "_Cancel": "Cancel",
+  "_Create": "Create",
+  "_File Path:": "File Path:",
+  "_File Name:": "File Name:",
+  "_Page Name:": "Page Name:",
+  "_New Page File": "New Page File",
+  "_MyApp.mainPage": "MyApp.mainPage",
+  "_main_page.js": "main_page.js",
+  "_Edit Property:": "Edit Property:",
+  "_Key:": "Key:",
+  "_Value:": "Value:",
+  "_Update": "Update",
+  "_Type:": "Type:",
+  "_String": "String",
+  "_Array": "Array",
+  "_Boolean": "Boolean",
+  "_Number": "Number",
+  "_Function": "Function",
+  "_Hash": "Hash",
+  "_Object": "Object",
+  "_Class": "Class",
+  "_Undefined": "Undefined",
+  "_Null": "Null",
+  "_Class": "Class",
+  "_Save": "Save",
+  "_Run": "Run",
+  "_Library": "Library",
+  "_Add": "Add",
+  "_Add a Custom Designer to the Library": "Add a Custom Designer to the Library",
+  "_MyApp.AwesomeView": "MyApp.AwesomeView",
+  "_Class Name:": "Class Name:",
+  "_Default Properties:": "Default Properties:",
+  "_Item Name": "Item Name",
+  "_somethingCool": "somethingCool",
+  "_Add View": "Add View",
+  "_Specifiy Keys": "Specifiy Keys",
+  "_To": "To",
+  "_From": "From",
+  "_Add Page...": "Add Page...",
+  "_Project": "Project",
+  "_Dock Library": "Dock Library",
+  "_Dock Inspector": "Dock Inspector",
+  "_Actions": "Actions",
+  "_Inspector": "Inspector",
+  "_Reload App": "Reload App",
+  "_Target:": "Target:",
+  "_Design Type:": "Design Type:",
+  "_Remove": "Remove",
+  "_iPhone Hrz": "iPhone Hrz",
+  "_iPhone Vrt": "iPhone Vrt",
+  "_iPad Hrz": "iPad Hrz",
+  "_iPad Vrt": "iPad Vrt",
+  "_Page Size": "Page Size",
+  "_Full": "Full"
+  
+}) ;

data/lib/frameworks/sproutcore/frameworks/experimental/apps/greenhouse/fixtures/file.js

@@ -0,0 +1,35 @@
+// ==========================================================================
+// Project:   Greenhouse.File Fixtures
+// Copyright: ©2010 Mike Ball
+// ==========================================================================
+/*globals Greenhouse */
+
+sc_require('models/file');
+
+Greenhouse.File.FIXTURES = [
+
+  // TODO: Add your data fixtures here.
+  // All fixture records must have a unique primary key (default 'guid').  See 
+  // the example below.
+
+  // { guid: 1,
+  //   firstName: "Michael",
+  //   lastName: "Scott" },
+  //
+  // { guid: 2,
+  //   firstName: "Dwight",
+  //   lastName: "Schrute" },
+  //
+  // { guid: 3,
+  //   firstName: "Jim",
+  //   lastName: "Halpert" },
+  //
+  // { guid: 4,
+  //   firstName: "Pam",
+  //   lastName: "Beesly" },
+  //
+  // { guid: 5,
+  //   firstName: "Ryan",
+  //   lastName: "Howard" }
+
+];

data/lib/frameworks/sproutcore/frameworks/experimental/apps/greenhouse/main.js

@@ -0,0 +1,28 @@
+// ==========================================================================
+// Project:   Greenhouse
+// Copyright: ©2010 Mike Ball
+// ==========================================================================
+/*globals Greenhouse bespin*/
+
+// This is the function that will start your app running.  The default
+// implementation will load any fixtures you have created then instantiate
+// your controllers and awake the elements on your page.
+//
+// As you develop your application you will probably want to override this.
+// See comments for some pointers on what to do next.
+//
+Greenhouse.main = function main() {
+
+  // Step 1: Instantiate Your Views
+  // The default code here will make the mainPane for your application visible
+  // on screen.  If you app gets any level of complexity, you will probably 
+  // create multiple pages and panes.  
+  Greenhouse.getPath('mainPage.mainPane').append() ;
+  
+  //start the state machine
+  Greenhouse.targetsController.reload();
+  Greenhouse.initStatechart();
+  
+} ;
+
+function main() { Greenhouse.main(); }

data/lib/frameworks/sproutcore/frameworks/experimental/apps/greenhouse/mixins/drop_down.js

@@ -0,0 +1,97 @@
+// ==========================================================================
+// Greenhouse.DropDown
+// ==========================================================================
+/*globals Greenhouse*/
+
+sc_require('core');
+
+/** @mixin
+  This mixin allows a toggling view to show/hide a drop-down when the view
+  is toggled.  The user should set the 'dropDown' property to a SC.PickerPane or descendant
+  class.  When the view is toggled on, an instance of the dropDown will be
+  created and shown.
+  
+  NOTE: This mixin must be used in conjunction with the SCUI.SimpleButton mixin or
+        on a SC.ButtonView or descendant.  It needs the target and action properties to work.
+
+  @author Jonathan Lewis
+  @author Brandon Blatnick
+  
+  This Mixin comes from SCUI: http://github.com/etgryphon/sproutcore-ui and is 
+  avaliable under the MIT license
+
+*/
+
+Greenhouse.DropDown = {  
+  
+  isShowingDropDown: NO,
+  
+  /**
+    @private
+    Reference to the drop down instance that gets created in init().
+  */
+  _dropDownPane: null,
+  
+  dropDown: SC.MenuPane.design({ /* an example menu */
+    layout: { width: 100, height: 0 },
+    contentView: SC.View.design({}),
+    items: ["_item".loc('1'), "_item".loc('2')] // Changed to an array for Localization purposes.
+  }),
+  
+  dropDownType: SC.PICKER_MENU,
+  
+  initMixin: function() {
+    // Try to create a new menu instance
+    var dropDown = this.get('dropDown');
+    if (dropDown && SC.typeOf(dropDown) === SC.T_CLASS) {
+      this._dropDownPane = dropDown.create();
+      if (this._dropDownPane) {
+        this.bind('isShowingDropDown', '._dropDownPane.isPaneAttached');
+      }
+    }
+
+    // TODO: [BB] Check for existance of target and action
+    if (this.target !== undefined && this.action !== undefined) {
+      this.set('target', this);
+      this.set('action', 'toggle');
+    }  
+  },
+  
+  /**  
+    Hides the attached drop down if present.  This is called automatically when
+    the button gets toggled off.
+  */
+  hideDropDown: function() {
+    if (this._dropDownPane && SC.typeOf(this._dropDownPane.remove) === SC.T_FUNCTION) {
+      this._dropDownPane.remove();
+      this.set('isShowingDropDown', NO);
+    }
+  },
+
+  /**
+    Shows the menu.  This is called automatically when the button is toggled on.
+  */
+  showDropDown: function() {
+    // If a menu already exists, get rid of it
+    this.hideDropDown();
+
+    // Now show the menu
+    if (this._dropDownPane && SC.typeOf(this._dropDownPane.popup) === SC.T_FUNCTION) {
+      var dropDownType = this.get('dropDownType');
+      this._dropDownPane.popup(this, dropDownType); // show the drop down
+      this.set('isShowingDropDown', YES);
+    }
+  },
+  
+  /**
+    Toggles the menu on/off accordingly
+  */
+  toggle: function() {
+    if (this.get('isShowingDropDown')){
+      this.hideDropDown();
+    }
+    else {
+      this.showDropDown();
+    }
+  }
+};

data/lib/frameworks/sproutcore/frameworks/experimental/apps/greenhouse/models/design.js

@@ -0,0 +1,26 @@
+// ==========================================================================
+// Project:   Greenhouse.Design
+// Copyright: ©2010 Mike Ball
+// ==========================================================================
+/*globals Greenhouse */
+
+/** @class
+
+  (Document your Model here)
+
+  @extends SC.Record
+  @version 0.1
+*/
+Greenhouse.Design = SC.Record.extend(
+/** @scope Greenhouse.Design.prototype */ {
+  primaryKey: 'scClass',
+  
+  name: SC.Record.attr(String),
+  scClass: SC.Record.attr(String),
+  defaults: SC.Record.attr(Object),
+  
+  canEdit: function(){
+    return this.getPath('parentRecord.canEdit');
+  }.property('parentRecord').cacheable()
+  
+}) ;

data/lib/frameworks/sproutcore/frameworks/experimental/apps/greenhouse/models/dir.js

@@ -0,0 +1,93 @@
+// ==========================================================================
+// Project:   Greenhouse.Dir
+// Copyright: Mike Ball
+// ==========================================================================
+/*jslint evil: true*/
+/*globals Greenhouse*/
+
+sc_require('core');
+/** @class
+
+  dir properties
+  @property dir
+  @property name
+  @property contents
+  
+  @extends SC.Record
+  @version 0.1
+*/
+Greenhouse.Dir = SC.Record.extend(
+/** @scope Greenhouse.Dir.prototype */ {
+  type: 'Dir',
+  nestedRecordNamespace: Greenhouse,
+  
+  name: SC.Record.attr(String),
+  dir: SC.Record.attr(String),  
+  contents: SC.Record.toMany('Greenhouse.File', {nested: YES}),
+  
+  primaryKey: 'id',
+  
+  
+  isFile: NO,
+
+  path: function(){
+    return this.get('dir') + this.get('name');
+  }.property('name', 'dir').cacheable(),
+
+  
+  evalBody: function(){
+    var bodyText = this.get('body'), body, designs = [];
+    
+   try{
+      body = eval(bodyText || "");
+      body.set('needsDesigner', YES);
+      body.set('isContainerView',YES);
+      this.writeAttribute('currentDesign', body, YES);
+      this.notifyPropertyChange('currentDesign');
+      for(var v in body){
+        if(body.hasOwnProperty(v)){
+          if(body[v] && body[v].kindOf){
+            if(body[v].kindOf(SC.View)){
+              designs.push(SC.Object.create({type: 'view', view: body.get(v), name: v}));
+            }
+            else if(body[v].kindOf(SC.Page)){
+              designs.push(SC.Object.create({type: 'page', view: body.get(v), name: v}));
+            }
+            else if(body[v].kindOf(SC.Pane)){
+              designs.push(SC.Object.create({type: 'pane', view: body.get(v), name: v}));
+            }
+          }
+        }
+      }
+      this.writeAttribute('designs', designs, YES);
+      this.notifyPropertyChange('designs');
+      
+    } catch (exception) {
+      console.log("Couldn't eval body...");
+    }
+    
+  },
+  /*
+    if this is a dir then return if the passed
+    file's name and type matches
+    @returns boolean
+  */
+  includesFile: function(file){
+    if(!this.get('isFile')){
+      var contents = this.get('contents'), ret;
+      ret = contents.find(function(item){
+        if(item.get('type') === file.get('type') && item.get('name') === file.get('name') && item !== file) return YES;
+      });
+      
+      return ret ? YES : NO;
+    }
+    else{
+      return NO;
+    }
+  }
+
+}) ;
+
+Greenhouse.Dir.mixin({
+
+});

data/lib/frameworks/sproutcore/frameworks/experimental/apps/greenhouse/models/file.js

@@ -0,0 +1,51 @@
+// ==========================================================================
+// Project:   Greenhouse.File
+// Copyright: ©2010 Mike Ball
+// ==========================================================================
+/*jslint evil: true*/
+/*globals Greenhouse*/
+
+sc_require('core');
+/** @class
+
+  file properties
+  @property dir
+  @property name
+  
+  @extends SC.ChildRecord
+  @version 0.1
+*/
+Greenhouse.File = SC.Record.extend(
+/** @scope Greenhouse.File.prototype */ {
+  type: 'File',
+  nestedRecordNamespace: Greenhouse,
+  name: SC.Record.attr(String),
+  dir: SC.Record.attr(String),
+  body: SC.Record.attr(String),
+  primaryKey: 'id',
+  
+  isFile: YES,
+
+  path: function(){
+    return this.get('dir') + this.get('name');
+  }.property('name', 'dir').cacheable(),
+  
+  pageRegex: function(){
+    var b = this.get('body'), re =/(\w+)\.(\w+)\s*=\s*SC\.Page\.(design|create)/;
+    return b ? b.match(re): b;
+  }.property('body').cacheable(),
+  
+  isPage: function(){
+    return this.get('pageRegex') !== null;
+  }.property('pageRegex').cacheable(),
+  
+  pageName: function(){
+    var r = this.get('pageRegex') || [];
+    return "%@.%@".fmt(r[1],r[2]);
+  }.property('pageRegex').cacheable()
+
+}) ;
+Greenhouse.FILES_QUERY = SC.Query.remote(Greenhouse.File);
+Greenhouse.File.mixin({
+
+});

data/lib/frameworks/sproutcore/frameworks/experimental/apps/greenhouse/models/target.js

@@ -0,0 +1,82 @@
+// ==========================================================================
+// Project:   Greenhouse.Target
+// Copyright: ©2010 Mike Ball
+// ==========================================================================
+/*globals Greenhouse */
+
+/** @class
+
+  Describes a target in the build system.
+
+  @extends SC.Record
+*/
+Greenhouse.Target = SC.Record.extend(
+/** @scope Greenhouse.Target.prototype */ {
+
+  primaryKey: "name",
+  
+  /**
+    Name of target.  This is also the primary key.
+  */
+  name: SC.Record.attr(String),
+  
+  /**
+    Parent of target.  Only non-null for nested targets.
+  */
+  parent: SC.Record.toOne("Greenhouse.Target"),
+
+  /**
+    URL to use to load tests.
+  */
+  testsUrl: SC.Record.attr(String, { key: "link_tests" }),
+  
+  /**  
+    URL to use to load the app.  If no an app, returns null
+  */
+  appUrl: function() {
+    return (this.get('kind') === 'app') ? this.get('name')+"?designMode=YES" : null;
+  }.property('kind', 'name').cacheable(),
+  
+  /**
+    The isExpanded state.  Defaults to NO on load.
+  */
+  isExpanded: SC.Record.attr(Boolean, { defaultValue: NO }),
+  
+  /**
+    Display name for this target
+  */
+  displayName: function() {
+    var name = (this.get('name') || '(unknown)').split('/');
+    return name[name.length-1];
+  }.property('name').cacheable(),
+  
+  /**
+    The icon to display.  Based on the type.
+  */
+  targetIcon: function() {
+    var ret = 'sc-icon-document-16';
+    switch(this.get('kind')) {
+      case "framework":
+        ret = 'sc-icon-folder-16';
+        break;
+        
+      case "app":
+        ret = 'sc-icon-options-16';
+        break;
+    }
+    return ret ;
+  }.property('kind').cacheable(),
+  
+  /**
+    This is the group key used to display.  Will be the kind unless the item
+    belongs to the sproutcore target.
+  */
+  sortKind: function() {
+    if (this.get('name') === '/sproutcore') return null;
+    var parent = this.get('parent');
+    if (parent && (parent.get('name') === '/sproutcore')) return 'sproutcore';
+    else return (this.get('kind') || 'unknown').toLowerCase();
+  }.property('kind', 'parent').cacheable()
+}) ;
+
+Greenhouse.TARGETS_QUERY = SC.Query.remote(Greenhouse.Target);

data/lib/frameworks/sproutcore/frameworks/experimental/apps/greenhouse/models/view_config.js

@@ -0,0 +1,49 @@
+// ==========================================================================
+// Project:   Greenhouse.ViewConfig
+// Copyright: ©2010 Mike Ball
+// ==========================================================================
+/*globals Greenhouse js_beautify*/
+
+/** @class
+
+  (Document your Model here)
+
+  @extends SC.Record
+  @version 0.1
+*/
+Greenhouse.ViewConfig = SC.Record.extend(
+/** @scope Greenhouse.ViewConfig.prototype */ {
+  
+  primaryKey: 'path',
+  
+  views: SC.Record.toMany('Greenhouse.Design', {nested: YES}),
+  panes: SC.Record.toMany('Greenhouse.Design', {nested: YES}),
+  controllers: SC.Record.toMany('Greenhouse.Design', {nested: YES}),
+  canEdit: SC.Record.attr(Boolean),
+  name: SC.Record.attr(String),
+  path: SC.Record.attr(String),
+  
+  body: function(){
+    var ret = {name: this.get('name'), path: this.get('path'), views: [], controllers: [], panes: []},
+        views = this.get('views'),
+        controllers = this.get('controllers'),
+        panes = this.get('panes');
+    
+    
+    views.forEach(function(i){
+      ret.views.push(i.get('attributes'));
+    });
+    
+    controllers.forEach(function(i){
+      ret.controllers.push(i.get('attributes'));
+    });
+    
+    panes.forEach(function(i){
+      ret.panes.push(i.get('attributes'));
+    });
+    
+    return js_beautify(SC.json.encode(ret));
+  }.property('views', 'panes', 'controllers')
+  
+}) ;
+Greenhouse.CONFIG_QUERY = SC.Query.remote(Greenhouse.ViewConfig);

data/lib/frameworks/sproutcore/frameworks/experimental/apps/greenhouse/resources/test_page.js

@@ -0,0 +1,37 @@
+// SproutCore ViewBuilder Design Format v1.0
+// WARNING: This file is automatically generated.  DO NOT EDIT.  Changes you
+// make to this file will be lost.
+Greenhouse.TestPage = SC.Page.design({
+  mainView: SC.View.design({
+    childViews: [SC.ButtonView.design({
+      layout: {
+        "width": 100,
+        "height": 24,
+        "top": 444,
+        "left": 685
+      },
+      title: "dork",
+      isDefault: YES
+    })]
+  }),
+  myView: SC.View.design({
+    childViews: [SC.ButtonView.design({
+      layout: {
+        "width": 100,
+        "height": 24,
+        "top": 208,
+        "left": 49
+      }
+    }), SC.ButtonView.design({
+      layout: {
+        "width": 100,
+        "height": 24,
+        "top": 58,
+        "left": 83
+      }
+    })]
+  }),
+  someView: SC.View.design({}),
+  myC: SC.ObjectController.design({}),
+  pageName: "Greenhouse.TestPage"
+});