spade 0.0.1 → 0.0.2

data/sproutcore/frameworks/designer/english.lproj/css/designer.css

@@ -1,96 +0,0 @@
-/*
-==========================================================================
- Project: Designer - Styling
- Author: Matt Grantham - @MattGrantham
-==========================================================================
-*/
-
-body.sc-theme,
-body.sc-theme > .sc-pane.sc-main.workspace { 
-  overflow: hidden;
-  background: static_url('images/main-bg.png');
-}
-
-.workspace {
-  background: static_url('images/main-bg.png');
-  
-}
-
-/* Design Area
----------------------------------------------- */
-
-.workspace .design {
-  background: #fff;
-  border: 1px solid #1c1c1c;
-  box-shadow: 0 3px 6px rgba(0,0,0,0.75);
-  -moz-box-shadow: 0 3px 6px rgba(0,0,0,0.75);
-  -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.75);
-}
-
-.workspace .rotated-page {
-  transform: rotate(0.8deg);
-  -moz-transform: rotate(0.8deg);
-  -webkit-transform: rotate(0.8deg);
-  border: 1px solid #111;
-  background: #ccc;
-}
-
-/* Dock
----------------------------------------------- */
-
-.workspace .dock,
-.workspace .dock .sc-collection-view {
-  /*HACK: Overriding gray border since I can't figure out how to turn it off in all cases */
-  border: none !important;
-  background: static_url('images/dock-bg.png') repeat-x;
-}
-
-/* Collection Items */
-.workspace .dock .sc-collection-view .sc-collection-item {
-  background: static_url('images/dock-item-bg.png') repeat-x;
-  color: #fff;
-  text-shadow: 0 1px 0 #000;
-  text-align: center;
-}
-.workspace .dock .sc-collection-view .sc-collection-item .sc-outline {
-  background: static_url('images/dock-item-divider.png') no-repeat right;
-}
-.sc-theme.focus .workspace .sc-collection-view.focus .sc-collection-item.sel,
-.workspace .dock .sc-collection-view .sc-collection-item.sel {
-  background: static_url('images/dock-item-sel-bg.png') repeat-x;
-  color: #aebf85;
-}
-.workspace .dock .sc-collection-view .sc-collection-item.sel .sc-outline {
-  background: static_url('images/dock-item-sel-divider.png') no-repeat right;
-}
-
-.workspace .dock .sc-list-item-view.has-icon label {
-  left: 4px;
-  right: 4px;
-  bottom: 6px;
-  height: 18px;
-  margin-top: 10px;
-}
-.workspace .dock .sc-collection-item .icon {
-  width: 32px;
-  height: 32px;
-  position: absolute;
-  top: 10px;
-  margin-top: 0;
-  left: 50%;
-  margin-left: -16px;
-}
-
-.workspace .dock .sc-collection-item .icon.pane {
-  background: static_url('images/pane.png') no-repeat;
-}
-.workspace .dock .sc-collection-item .icon.controller {
-  background: static_url('images/controller.png') no-repeat;
-}
-.workspace .dock .sc-collection-item .icon.view {
-  background: static_url('images/view.png') no-repeat;
-}
-.workspace .dock .sc-collection-item .icon.page {
-  background: static_url('images/page.png') no-repeat;
-}
-

data/sproutcore/frameworks/designer/english.lproj/design_page.js

@@ -1,55 +0,0 @@
-// ==========================================================================
-// Project:   SC - designPage
-// Copyright: ©2010 Mike Ball
-// ==========================================================================
-/*globals SC */
-require('views/designer_drop_target');
-require('views/page_item_view');
-SC.designPage = SC.Page.create({
-  // ..........................................................
-  // Views used inside iframe...
-  // 
-  designMainPane: SC.MainPane.design({
-    classNames: ['workspace'],
-    childViews: 'rotated container viewList'.w(),
-    
-    container: SC.DesignerDropTarget.design({
-      layout: {top: 20, left: 20, right: 20, bottom: 83},
-      classNames: ['design'],
-      contentViewBinding: SC.Binding.transform(function(value, binding){
-        return value && value.kindOf && value.kindOf(SC.View) ? value : null;
-      }).from('SC.designController.view')
-    }),
-    
-    rotated: SC.View.design({
-      layout: {top: 20, left: 20, right: 20, bottom: 83},
-      classNames: ['rotated-page']
-    }),
-    
-    viewList: SC.ScrollView.design({
-      layout: {left:0, right: 0, bottom: 0, height: 63},
-      classNames: ['dock'],
-      hasBorder: NO,
-      hasVerticalScroller: NO,
-      contentView: SC.GridView.design({
-        contentIconKey: 'type',
-        exampleView: SC.pageItemView,
-        rowHeight: 63,
-        columnWidth: 100,
-        hasContentIcon: YES,
-        //contentBinding: 'SC.designsController',
-        delegate: SC.designsController,
-        selectionBinding: 'SC.designsController.selection',
-        contentValueKey: 'name',
-        isDropTarget: YES,
-        canEditContent: YES,
-        canReorderContent: YES,
-        canDeleteContent: YES,
-        actOnSelect: YES,
-        targetIsInIFrame: YES,
-        target: 'SC.designController',
-        action: 'viewSelected'
-      })
-    })
-  })
-});

data/sproutcore/frameworks/designer/english.lproj/high_light.css

@@ -1,10 +0,0 @@
-.sc-view.high-light {
-
-}
-
-.sc-view.high-light .cover{
-  background-color: #000;
-  opacity: 0.5;
-  -moz-opacity:0.5;
-  position: absolute;
-}

data/sproutcore/frameworks/designer/english.lproj/selection_handles.css

@@ -1,58 +0,0 @@
-.sc-view.handles {
-  border: 1px rgba(185,192,255,0.5) dashed;
-  overflow: visible;
-}
-
-.sc-view.handles .handle {
-  background-color: #ffdfb2;
-  width: 7px;
-  height: 7px;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  display: block;
-  -webkit-border-radius: 4px;
-  -moz-border-radius: 4px;
-  border-radius: 4px;
-  -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 0px;
-  opacity: 0.9;
-  margin-left: -4px;
-  margin-top: -4px;
-}
-
-.sc-view.handles .handle.top {
-  margin-top: 0;
-  top: -4px;
-  cursor: row-resize;
-}
-
-.sc-view.handles .handle.bottom {
-  margin-top: 0;
-  top:  auto;
-  bottom: -4px;
-  cursor: row-resize;
-}
-
-.sc-view.handles .handle.left {
-  margin-left: 0;
-  left: -4px;
-  cursor: col-resize;
-}
-
-.sc-view.handles .handle.right {
-  margin-left: 0;
-  left:  auto;
-  right: -4px;
-  cursor: col-resize;
-}
-
-.sc-view.handles .handle.top.left,
-.sc-view.handles .handle.bottom.right {
-  cursor: default;
-}
-
-.sc-view.handles .handle.top.right,
-.sc-view.handles .handle.bottom.left {
-  cursor: default;
-}
-

data/sproutcore/frameworks/designer/ext/binding.js

@@ -1,33 +0,0 @@
-// ========================================================================
-// SproutCore -- JavaScript Application Framework
-// ========================================================================
-
-/** 
-  Extend SC.Binding with properites that make it easier to detect bindings
-  in the inspector
-*/
-SC.Binding.isBinding = true;
-
-
-SC.Binding.displayValue = function(){
-  var from = this._fromRoot ? "<%@>:%@".fmt(this._fromRoot,this._fromPropertyPath) : this._fromPropertyPath;
-
-  var to = this._toPropertyPath;
-
-  var oneWay = this._oneWay ? '[oneWay]' : '';
-  return "%@ -> %@ %@".fmt(from, to, oneWay);
-
-};
-
-
-SC.Binding.encodeDesign = function(coder){
-  var ret = "SC.Binding";
-  
-  if(this._fromPropertyPath){
-    ret= ret+".from('"+this._fromPropertyPath+"')";
-  }
-  if(this._oneWay){
-    ret = ret+".oneWay()";
-  }
-  return ret;//coder.js(key,ret);
-};

data/sproutcore/frameworks/designer/ext/object.js

@@ -1,26 +0,0 @@
-// ========================================================================
-// SproutCore -- JavaScript Application Framework
-// Copyright ©2006-2011, Strobe Inc. and contributors.
-// Portions copyright ©2008 Apple Inc.  All rights reserved.
-// ========================================================================
-
-/**
-  Patch SC.Object to respond to design
-  
-*/
-SC.Object.prototype.emitDesign = function() {
-  
-  // get design...
-  var ret = SC.ObjectCoder.encode(this);
-  
-  return ret ;
-};
-
-
-/** 
-  Patch SC.Object to respond to encodeDesign().  This will proxy to the paired
-  designer, if there is one.  If there is no paired designer, returns NO.
-*/
-SC.Object.prototype.encodeDesign = function(coder) {
-  return this.designer ? this.designer.encodeDesign(coder) : NO ;
-};

data/sproutcore/frameworks/designer/ext/page.js

@@ -1,58 +0,0 @@
-// ========================================================================
-// SproutCore -- JavaScript Application Framework
-// Copyright ©2006-2011, Strobe Inc. and contributors.
-// Portions copyright ©2008 Apple Inc.  All rights reserved.
-// ========================================================================
-
-/** 
-  Extend SC.Page to emit a design document for the entire page.
-*/
-SC.Page.prototype.emitDesign = function() {
-
-  // awake all views.  this is needed to emit the design for them.
-  this.awake();
-
-  // the pageName must be set on the page so we can emit properly
-  var pageName = this.get('pageName');
-  
-  // now encode the page.
-  var ret = SC.DesignCoder.encode(this);
-  
-  // and add some wrapper
-  ret = ['// SproutCore ViewBuilder Design Format v1.0',
-    '// WARNING: This file is automatically generated.  DO NOT EDIT.  Changes you',
-    '// make to this file will be lost.', '',
-    '%@ = %@;'.fmt(pageName, ret),''].join("\n");
-  
-  return ret ;
-};
-
-/**
-  Extend SC.Page to create a PageDesignController on demand.
-  
-  @property {SC.PageDesignController}
-*/
-SC.Page.prototype.designController = function() {
-  if (!this._designController) {
-    this._designController = SC.PageDesignController.create({ page: this });
-  }
-  return this._designController ;
-}.property().cacheable();
-
-/** @private implement support for encoders */
-SC.Page.prototype.encodeDesign = function(c) {
-  // step through and find all views.  encode them.
-  for(var key in this) {
-    if(!this.hasOwnProperty(key)) continue;
-    var view = this[key];
-    if (key !== '__sc_super__' && key !== '_designController' &&
-        (view instanceof SC.View || view instanceof SC.Controller || view instanceof SC.Object)){
-     c.js(key, view.emitDesign());      
-    }
-  }
-  
-  // save page name;
-  c.string('pageName', this.get('pageName'));
-};
-  
-

data/sproutcore/frameworks/designer/ext/view.js

@@ -1,27 +0,0 @@
-// ========================================================================
-// SproutCore -- JavaScript Application Framework
-// Copyright ©2006-2011, Strobe Inc. and contributors.
-// Portions copyright ©2008 Apple Inc.  All rights reserved.
-// ========================================================================
-
-/*jslint evil:true */
-
-/** 
-  Extend SC.View with emitDesign() which will encode the view and all of its
-  subviews then computes an empty element to attach to the design.
-*/
-SC.View.prototype.emitDesign = function() {
-  
-  // get design...
-  var ret = SC.DesignCoder.encode(this);
-  
-  return ret ;
-};
-
-/** 
-  Patch SC.View to respond to encodeDesign().  This will proxy to the paired
-  designer, if there is one.  If there is no paired designer, returns NO.
-*/
-SC.View.prototype.encodeDesign = function(coder) {
-  return this.designer ? this.designer.encodeDesign(coder) : NO ;
-};

data/sproutcore/frameworks/designer/mixins/button.js

@@ -1,11 +0,0 @@
-// ========================================================================
-// SproutCore -- JavaScript Application Framework
-// Copyright ©2006-2011, Strobe Inc. and contributors.
-// Portions copyright ©2008 Apple Inc.  All rights reserved.
-// ========================================================================
-
-SC.Button.Designer = {
-
-  designProperties: 'title'.w()
-  
-};

data/sproutcore/frameworks/designer/mixins/snap_lines.js

@@ -1,221 +0,0 @@
-// ========================================================================
-// SC SnapLines
-// ========================================================================
-sc_require('views/drawing');
-/**
-  @mixin
-  @author Mike Ball
-  
-  Add this Mixin to any View and it gives you an API to draw snap lines for
-  all the child views
-*/
-
-//the number of pixles that will cause a snap line (factor of 2?)
-SC.SNAP_ZONE = 2;
-
-SC.SNAP_LINE = {
-  shape: SC.LINE,
-  start: {x: 0, y: 0},
-  end: {x: 0, y: 0},
-  style: {
-    width: 0.5,
-    color: '#00c6ff'
-    //transparency: 0.2
-  }
-};
-
-
-SC.SnapLines = {
-  
-  hasSnapLines: YES,
-  
-  
-  
-  /*
-    This method will setup the datastructure required to draw snap lines
-    it should be called in dragStarted if using with an SC.Drag or on mouseDown
-    if using it with a move
-  
-    @param {Array} ignoreViews array of views to not include
-    sets up the data structure used for the line drawing
-  */
-  setupData: function(ignoreViews){
-    if(!ignoreViews) ignoreViews = [];
-    this.removeLines(); //can't have any existing lines
-    this._xPositions = {};
-    this._yPositions = {}; 
-    
-    var xPositions = this._xPositions, yPositions = this._yPositions, children = this.get('childViews'), 
-        that = this, parentView, frame, minX, midX, maxX, minY, midY, maxY, factor = (SC.SNAP_ZONE*2);
-    
-    
-    // little insert utility
-    var insert = function(min, mid, max, child, positions){
-      var origMin = min, origMid = mid, origMax = max;
-      min = Math.floor(min/factor);
-      mid = Math.floor(mid/factor);
-      max = Math.floor(max/factor);
-      if(positions[min]){
-        positions[min].push({value: origMin, child: child});
-      }
-      else{
-        positions[min] = [{value: origMin, child: child}];
-      }
-      
-      if(positions[mid]){
-        positions[mid].push({value: origMid, child: child});
-      }
-      else{
-        positions[mid] = [{value: origMid, child: child}];
-      }
-      
-      if(positions[max]){
-        positions[max].push({value: origMax, child: child});
-      }
-      else{
-        positions[max] = [{value: origMax, child: child}];
-      }
-    };
-
-    parent = this;    
-    children.forEach(function(child){
-      if(ignoreViews.indexOf(child) < 0){
-        frame = parent ? parent.convertFrameToView(child.get('frame'), null) : child.get('frame');
-      
-        minX = frame.x;
-        midX = SC.midX(frame);
-        maxX = frame.x + frame.width;
-        insert(minX, midX, maxX, child, xPositions);
-      
-      
-        minY = frame.y;
-        midY = SC.midY(frame);
-        maxY = frame.y + frame.height;
-        insert(minY, midY, maxY, child, yPositions);
-      }
-    });
-
-    //add the parent
-    parent = this.get('parentView');
-    frame = parent ? parent.convertFrameToView(this.get('frame'), null) : this.get('frame');
-    this._globalFrame = frame;
-    minX = frame.x;
-    midX = SC.midX(frame);
-    maxX = frame.x + frame.width;
-    insert(minX, midX, maxX, this, xPositions);
-    
-    
-    minY = frame.y;
-    midY = SC.midY(frame);
-    maxY = frame.y + frame.height;
-    insert(minY, midY, maxY, this, yPositions);
-    
-    
-  },
-  
-  /**
-    This method will check the passed views position with the other child views
-    and draw any lines.  It should be called in dragUpdated if using SC.Drag
-    or in mouseMoved if using a move.  it will also return a hash of the snapped coords
-    in local and global coodinates
-    
-  */
-  drawLines: function(view, eventX, eventY, mouseDownX, mouseDownY){
-    if(!this._drawingView){
-      this._drawingView = this.createChildView(SC.DrawingView.design({
-        shapes: []
-      }));
-      this.appendChild(this._drawingView);
-    }
-    var factor = (SC.SNAP_ZONE*2), shapes = [], xline, yline, frame, parent, rMinX, rMidX, rMaxX,
-        rMinY, rMidY, rMaxY, rMinXMod, rMidXMod, rMaxXMod, rMinYMod, rMidYMod, rMaxYMod, xHit, yHit,
-        moveDirection = this._dragDirection(eventX, eventY, mouseDownX, mouseDownY), xValues, yValues, 
-        that = this, xHitVals, yHitVals, ret;
-    //get the frame and all the relavent points of interest
-    parent = view.get('parentView');
-    frame = parent ? parent.convertFrameToView(view.get('frame'), null) : view.get('frame');
-    rMinX = SC.minX(frame);
-    rMidX = SC.midX(frame);
-    rMaxX = SC.maxX(frame);
-    rMinY = SC.minY(frame);
-    rMidY = SC.midY(frame);
-    rMaxY = SC.maxY(frame);
-    rMinXMod = Math.floor(rMinX/factor);
-    rMidXMod = Math.floor(rMidX/factor);
-    rMaxXMod = Math.floor(rMaxX/factor);
-    rMinYMod = Math.floor(rMinY/factor);
-    rMidYMod = Math.floor(rMidY/factor);
-    rMaxYMod = Math.floor(rMaxY/factor);
-    
-    //array of tuples containing the mod and the value you need to add to the resulting position
-    xValues = moveDirection.UP ? [{mod: rMinXMod, val: 0}, {mod: rMidXMod, val: frame.width/2}, {mod: rMaxXMod, val: frame.width}] : [{mod: rMaxXMod, val: frame.width}, {mod: rMidXMod, val: frame.width/2}, {mod: rMinXMod, val: 0}];
-    //compute the three possible line positions
-    xValues.forEach(function(xVal){
-      if(that._xPositions[xVal.mod]){
-        xHitVals = xVal;
-        xHit = that._xPositions[xVal.mod][0].value - that._globalFrame.x;
-        return;
-      }
-    });
-    if(!SC.none(xHit)){
-      xline = SC.copy(SC.SNAP_LINE);
-      xline.start = {x: xHit, y: 0};
-      xline.end = {x: xHit, y: this._globalFrame.height};
-      shapes.push(xline);
-    }
-    
-    yValues = moveDirection.LEFT ? [{mod: rMinYMod, val: 0}, {mod: rMidYMod, val: frame.height/2}, {mod: rMaxYMod, val: frame.height}] : [{mod: rMaxYMod, val: frame.height}, {mod: rMidYMod, val: frame.height/2}, {mod: rMinYMod, val: 0}];
-    //compute the three possible line positions
-    yValues.forEach(function(yVal){
-      if(that._yPositions[yVal.mod]){
-        yHitVals = yVal;
-        yHit = that._yPositions[yVal.mod][0].value - that._globalFrame.y;
-        return;
-      }
-    });
-    if(!SC.none(yHit)){
-      yline = SC.copy(SC.SNAP_LINE);
-      yline.start = {y: yHit, x: 0};
-      yline.end = {y: yHit, x: this._globalFrame.width};
-      shapes.push(yline);
-    }
-    this._drawingView.set('shapes', shapes);
-    ret = {pageX: xHit + this._globalFrame.x, pageY: yHit + this._globalFrame.y, frameX: xHit, frameY: yHit};
-    if(xHitVals){
-      ret.pageX -= xHitVals.val;
-      ret.frameX -= xHitVals.val;
-    }
-    if(yHitVals){
-      ret.pageY -= yHitVals.val;
-      ret.frameY -= yHitVals.val;
-    }
-    return ret;
-  },
-  
-  /*
-    called to cleanup the lines...
-    This method should be called in mouseUp if doing a move and in dragEnded if using a SC.Drag
-  */
-  removeLines: function() {
-    this._xPositions = null;
-    this._yPositions = null;
-    this._globalFrame = null;
-    if(this._drawingView) {
-      this.removeChild(this._drawingView);
-      this._drawingView = null;
-    }
-  },
-  
-  /*
-    takes the event x, y and mouseDown x, y and computes a direction
-  */
-  _dragDirection: function(eventX, eventY, mouseDownX, mouseDownY){
-    var deltaX = eventX - mouseDownX, deltaY = eventY - mouseDownY, ret = {};
-    ret.UP = deltaX > 0 ? NO : YES;
-    ret.DOWN = deltaX > 0 ? YES : NO;
-    ret.LEFT = deltaY > 0 ? NO : YES;
-    ret.RIGHT = deltaY > 0 ? YES : NO;
-    return ret;
-  }
-};
-