sproutcore 1.0.1049.pre.2 → 1.4.0.rc

data/lib/frameworks/sproutcore/frameworks/test

@@ -1,77 +0,0 @@
-require "tsort"
-require "set"
-
-require "pp"
-
-Entry = Struct.new(:name, :requires)
-
-# Construct a special Array that uses the Ruby TSort
-# module to sort files by their dependencies
-class Entries < Array
-  include TSort
-
-  # TSort requires that tsort_each_node iterates through
-  # all nodes. Since this is an Array, alias to each
-  alias tsort_each_node each
-
-  def self.from_directory(dir)
-    list = new(dir)
-    
-    directory = File.expand_path(dir)
-
-    Dir["#{directory}/**/*.js"].each do |file|
-      requires = File.read(file).scan(%r{sc_require\(\s*['"](.*)['"]\)}).flatten
-      list.add Entry.new(file[%r{#{directory}/(.*)\.js}, 1], requires)
-    end
-    
-    list
-  end
-
-  def initialize(root)
-    # make it faster to look up an entry by name, since
-    # dependencies are Strings
-    @entry_lookup = {}
-    @root         = root
-
-    sort!
-  end
-
-  def add(entry)
-    self << entry
-    @entry_lookup[entry.name] = entry
-  end
-
-private
-  # TSort requires that tsort_each_child take in a node
-  # and then yield back once for each dependency.
-  def tsort_each_child(node)
-    node.requires.each do |name|
-      yield @entry_lookup[name]
-    end
-  end
-
-  # sort first by the naming heuristics, then by dependencies
-  def sort!
-    step1 = sort_by! do |entry|
-      sort_by = case entry.name
-      # TODO: Allow preferred filename customization
-      when %r{^(\w+\.)lproj/strings$}
-        -3
-      when "core"
-        -2
-      when "utils"
-        -1
-      when %r{^(lproj|resources)/.*_page$}
-        1
-      when "main"
-        2
-      else
-        0
-      end
-      [sort_by, entry.name]
-    end
-    replace(tsort)
-  end
-end
-
-pp Entries.from_directory("~/Code/sprout/sproutcore/frameworks/core_tools")

data/lib/frameworks/sproutcore/themes/ace/README.md

@@ -1,161 +0,0 @@
-There are two concept PSDs: Light and Dark. Dark doesn't receive as much attention, and it shows.
-
-Prerequisites
-=============
-To use the theme, you'll need a custom version & branch of SproutCore that has an updated rendering infrastructure
-from here:
-
-    http://github.com/ialexi/sproutcore/tree/renderers
-    
-    Or, to clone:
-    
-    git://github.com/ialexi/sproutcore.git renderers
-    
-To generate new versions of the theme, you need RMagick.
-
-To install rmagick, first install imagemagick (easiest way I know of is through MacPorts),
-and then install the rmagick gem.
-
-Ace Theme
-=========
-The theme should already be generated.
-
-To generate the theme, you run the following from the theme folder:
-
-    chance/chance.rb ace.light
-
-The ace.light argument supplies the theme class name. It is injected into the CSS. It is nice.
-And a required argument.
-
-"Chance" is named after the gardener from Being There.
-
-TODO LIST
-=========
-Please feel free to tackle some of these.
-
-Growing Todo List:
-
-- SegmentedView
-	- Start with PSDs for Button; they should use very similar (if not the same) styles.
-- TabView
-  - Should mostly be handled by SegmentedView, but will likely need stuff for the tab container.
-- SliderView
-- List & Collection Views
-	- bg color for selected items—currently is gray, should probably be blue
-	- ListItemView checkboxes
-	- ListItemView icons
-	- ListItemView unread or whatever indicators
-	- ... any other ListItemView things.
-- Grid View? (doesn't appear to have much of a style at the moment—should that be changed?)
-- Disclosure Buttons
-- Capsule buttons
-- Indeterminate progress bar
-	- May be impossible to do with rounded corners unless pattern fades at edges
-- WellView
-- PickerPane, especially PickerPane.pointer
-- AlertPane
-	- Set up icons (redesign some for new Ace?)
-- Alternate control sizes? (I'm not sure what the alternate sizes are supposed to be at the moment)
-- Selected style for menu items (for instance, in SelectView)
-  - Top border not dark enough at the moment?
-- Testing of buttons, radio buttons, and checkboxes with icons
-
-Optional goodies: ???
-
-Needing Discussion:
-
-- Icons. Keep same? Make sedate? Some of each?
-
-There may be other things too...
-
-
-Completed tasks:
-
-- Checkbox corners look rough; can this be fixed?
-- Progress bar tracks are too dark
-- Revise ButtonView so it will have the option of creating true three-part buttons
-  where the PIECES DON'T OVERLAP!!! This would allow semitransparent borders, which
-  would help buttons work on a variety of backgrounds.
-  
-  Revised in an experimental version of SC rendering layer. Still work to do here...
-- Make things use semitransparent borders (see above); test on many backgrounds.
-
-
-Build Tools
-===========
-The operation works inside the theme folder, and generates the "resources" folder used
-by SproutCore. There are various options that can be seen by calling with the --help argument.
-
-The theme packaging operation is recursive (much like SproutCore's build tools), so
-any folder depth may be used. The suggested folder layout is this:
-
-* Theme Folder
-	* View Category Folders (controls, containers, etc.)
-		* Views (button\_view, progress\_view, etc.)
-			* 1 CSS file
-			* 0+ images (PSDs, usually)
-
-Each CSS file will reference images relative to itself. So, controls/progress\_view/progress_view.css
-could reference "progress\_view.png".
-
-CSS Syntax
-----------
-Normal CSS won't work too well for accessing Sprites. It will work even less when
-you need to perform slicing (do not talk to me about my nemesis, Photoshop slicing).
-
-However, I do not want to parse CSS, so I use regular expressions.
-
-Here is the current syntax:
-
-	@view(view-name) .more-rules {
-		/*
-		 Input file, repeat, anchor, slice rect
-		*/
-		background: sprite("progress_view_track.png" repeat-x [12 1]);
-		background: sprite("progress_view_track.png" anchor-right [-8])
-		background: sprite("progress_view_track.png" anchor-right [1 1 5 1]) /* 1,1; size: 5, 1 */
-	}
-
-The build tools would just search for sprite(, and then parse the contents, and replace @view(view-name)
-with .sc-view.view-name.theme.name (where theme.name is specified via an argument to the build tool).
-Note: right now, it does not do anything with the theme name; this may change in future.
-
-The syntax is:
-
-	sprite(<sprite name> [<repeat method>] [clear] [<anchor method>] [<rect or partial rect>])
-	
-	Sprite name: 		the name of the image (quotes required only for images with spaces)
-	
-	Repeat Method:		repeat-x or repeat-y
-	
-	clear:				Whether to ensure there are no more images on the row after this one.
-						Use with anchor-left to ensure a lonely item.
-	
-	Anchor Method:		anchor-left or anchor-right (forces the image to be on left or right side of image;
-						see below)
-						
-	Partial Rectangle: 	\[ left [width] \]			// left can be positive or negative.
-	Rectangle:		   	\[ left top width height \]
-
-It is rather trivial to parse, yet also easy to read.
-
-Anchoring
----------
-Anchoring an image to the left or right side allows you to effectively create controls that have left,
-right, and middle parts. Such controls are usually easy to make, but not if the control can shrink to
-0px (like ProgressView).
-
-For ProgressView, the control is created like this:
-
-container w/left portion
-	inner-head with right portion: anchor-right, left: 8, right: 0
-		The left:8 right:0 allows it to never overlap the left edge.
-	inner-tail with middle portion: left: 8, right: 8
-		Writes over any junk that comes before the right-anchored part.
-
-
-Producing Production-Ready Files
-================================
-It would be best to open the files that are in resources/images in Photoshop and Save for Web. This will
-reduce the size by a large margin. For instance, in one test, the main png started at ~24,000 bytes, and
-after going through PS, finished at ~17,000.

data/lib/frameworks/sproutcore/themes/ace/build

@@ -1,2 +0,0 @@
-#!/usr/bin/env ruby
-system('chance/chance.rb --less ace --saturation .6')

data/lib/frameworks/sproutcore/themes/ace/build-d

@@ -1,2 +0,0 @@
-#!/usr/bin/env ruby
-system('chance/chance.rb --data-url --less ace --saturation .6')

data/lib/frameworks/sproutcore/themes/ace/chance/README.md

@@ -1,113 +0,0 @@
-Description
-===========
-Chance is a set of ruby scripts to auto-generate sprites from your CSS.
-It only requires two special tags in your css to work.
-
-Contributions
-=============
-* Alex Iskander  (http://create.tpsitulsa.com/blog/)   -- All credit for the initial idea
-* Joshua Holt    (http://blog.thesempiternalholts.com) -- Modifications and Additions
-* Colin Campbell (-----------------------------------) -- Modifications and Additions
-
-Build Tools
-===========
-The operation works inside the theme folder, and generates the "resources" folder used
-by SproutCore. There are various options that can be seen by calling with the --help argument.
-
-The theme packaging operation is recursive (much like SproutCore's build tools), so
-any folder depth may be used. The suggested folder layout is this:
-
-* Theme Folder
-	* View Category Folders (controls, containers, etc.)
-		* Views (button\_view, progress\_view, etc.)
-			* 1 CSS file
-			* 0+ images (PSDs, usually)
-
-Each CSS file will reference images relative to itself. So, controls/progress\_view/progress_view.css
-could reference "progress\_view.png".
-
-CSS Syntax
-----------
-Normal CSS won't work too well for accessing Sprites. It will work even less when
-you need to perform slicing (do not talk to me about my nemesis, Photoshop slicing).
-
-However, I do not want to parse CSS, so I use regular expressions.
-
-Here is the current syntax:
-
-	@view(view-name) .more-rules {
-		/*
-		 Input file, repeat, anchor, slice rect
-		*/
-		background: sprite("progress_view_track.png" repeat-x [12 1]);
-		background: sprite("progress_view_track.png" anchor-right [-8])
-		background: sprite("progress_view_track.png" anchor-right [1 1 5 1]) /* 1,1; size: 5, 1 */
-	}
-
-The build tools would just search for sprite(, and then parse the contents, and replace @view(view-name)
-with .sc-view.view-name.theme.name (where theme.name is specified via an argument to the build tool).
-Note: right now, it does not do anything with the theme name; this may change in future.
-
-The syntax is:
-
-	sprite(<sprite name> [<repeat method>] [clear] [<anchor method>] [<rect or partial rect>])
-	
-	Sprite name: 		the name of the image (quotes required only for images with spaces)
-	
-	Repeat Method:		repeat-x or repeat-y
-	
-	clear:				Whether to ensure there are no more images on the row after this one.
-						Use with anchor-left to ensure a lonely item.
-	
-	Anchor Method:		anchor-left or anchor-right (forces the image to be on left or right side of image;
-						see below)
-						
-	Partial Rectangle: 	\[ left [width] \]			// left can be positive or negative.
-	Rectangle:		   	\[ left top width height \]
-
-It is rather trivial to parse, yet also easy to read.
-
-
-Chance also provides declarations for easily providing cross-browser compatible CSS rules, including
-border-radius and box-shadow. Here is example input:
-	
-	.class {
-		-sc-box-shadow: 0 0 5px #000;
-		-sc-border-radius: 5px;
-		/*
-			Also supported:
-			-sc-border-top-left-radius
-			-sc-border-top-right-radius
-			-sc-border-bottom-left-radius
-			-sc-border-bottom-right-radius
-		*/
-	}
-
-Chance will then output the following, allowing for a single declaration to cover all browsers:
-	
-	.class {
-		-moz-box-shadow: 0 0 5px #000; -webkit-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000;
-		-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
-	}
-	
-
-Anchoring
----------
-Anchoring an image to the left or right side allows you to effectively create controls that have left,
-right, and middle parts. Such controls are usually easy to make, but not if the control can shrink to
-0px (like ProgressView).
-
-For ProgressView, the control is created like this:
-
-container w/left portion
-	inner-head with right portion: anchor-right, left: 8, right: 0
-		The left:8 right:0 allows it to never overlap the left edge.
-	inner-tail with middle portion: left: 8, right: 8
-		Writes over any junk that comes before the right-anchored part.
-
-
-Producing Production-Ready Files
-================================
-It would be best to open the files that are in resources/images in Photoshop and Save for Web. This will
-reduce the size by a large margin. For instance, in one test, the main png started at ~24,000 bytes, and
-after going through PS, finished at ~17,000.

data/lib/frameworks/sproutcore/themes/ace/chance/chance.rb

@@ -1,203 +0,0 @@
-#!/usr/bin/env ruby
-
-# A CSSParser object is created for every file processed. It opens the file,
-# reads its contents, and can perform two actions on it: parsing and generating.
-#
-# The parsing step reads the file and finds references to images; this causes those
-# images to be added to the object's usedImages, which is a set of images required (images
-# here being hashes with arguments specified). Ruby's "Set" functionality seems
-# to work here (I am not a ruby expert, hence 'seems')
-# 
-# Internally, it actually generates an in-memory CSS file in the parsing step,
-# to be used in the generating step—but that's all transparent. The object is long-lived,
-# staying around from initial parse step to generation.
-#
-# In my opinion, this script is not that great. This is due to two reasons: it is my very
-# first script written in Ruby, and I was figuring out the requirements by writing it (something
-# I often do, but I usually follow that with a rewrite).
-# But still, it generally works, and works with acceptable speed.
-
-$: << File.expand_path(File.dirname(__FILE__) + "/lib")
-
-require 'css'
-require 'slicedice'
-
-require 'optparse'
-require 'pp'
-require 'FileUtils'
-
-config = {}
-argparser = OptionParser.new {|opts|
-  opts.banner = "Usage: ruby generate_theme.rb [options] theme.name"
-  
-  config[:optimization_limit] = 50000
-  opts.on(
-    '-l', 
-    '--optimization-limit [limit]', Integer,
-    "Optimization limit; if reducing latency by eliminating a file causes more " +
-    "than [limit] wasted pixels, it won't be done."
-  ) {|limit|
-    config[:optimization_limit] = limit
-  }
-  
-  opts.on('--prefer-fewer-files', "Prefer fewer files by setting the optimization limit to 2 million pixels.") {
-    config[:optimization_limit] = 2000000
-  }
-  
-  opts.on('--prefer-smaller-download', "Prefer smaller download by setting the optimization limit to 0 pixels.") {
-    config[:optimization_limit] = 0
-  }
-  
-  
-  config[:input] = "./src/"
-  opts.on('-i', '--input [directory]', "Input directory (default: ./)") {|input|
-    config[:input] = input
-  }
-  
-  config[:output] = "resources/"
-  opts.on('-o', '--output [directory]', 'Set output path (default: resources/)') {|out|
-    out += "." if out.length == 0
-    out += "/" if out[out.length - 1] != '/'
-    config[:output] = out
-  }
-  
-  config[:url_template] = "static_url(\"%s\")"
-  opts.on('-u', '--url [PATTERN]', 'The URL template (default: static_url(\"%s\") )') {|template|
-    config[:url_template] = template
-  }
-  
-  config[:extension] = "css"
-  opts.on('-e', '--extension [ext]', "The extension for CSS files.") {|ext|
-    config[:extension] = ext
-  }
-  
-  config[:less] = false
-  opts.on('--less', "Postprocess using LESS.") {
-    config[:less] = true
-  }
-  
-  config[:include_sc_theme] = true
-  opts.on('--no-sc-theme', "Exclude 'sc-theme' prefix (newer themes with SC 1.1 can do this).") {
-    config[:include_sc_theme] = false
-  }
-  
-  config[:use_data_url] = false
-  opts.on('--data-url', "Use data urls embedded in the CSS.") {
-    config[:use_data_url] = true
-  }
-  
-  config[:hue] = 1.0
-  config[:saturation] = 1.0
-  config[:brightness] = 1.0
-  
-  opts.on('--hue [def]', Float, 'Adjust hue (default 1.0)') {|v|
-    config[:hue] = v
-  }
-  
-  opts.on('--saturation [def]', Float, 'Adjust hue (saturation 1.0)') {|v|
-    config[:saturation] = v
-  }
-  
-  opts.on('--brightness [def]', Float, 'Adjust brightness (default 1.0)') {|v|
-    config[:brightness] = v
-  }
-}
-
-argparser.parse!
-if ARGV.length > 0
-  config[:theme_name] = ARGV[0]
-end
-
-require 'find'
-images = {}
-static_images = {}
-parsers = []
-Find.find(config[:input]) do |f|
-  if f =~ /^\.\/(resources)|\/\./
-    Find.prune
-  end
-  if f =~ /\.css$/
-    parser = CSSParser.new(File.dirname(f), File.basename(f), config)
-    parsers << parser
-    parser.parse
-    images.merge! parser.images
-    static_images.merge! parser.static_images
-  end
-end
-
-#---------------------------------------------------------------------------
-# TODO: ?
-#   I should probably make this a boolean option and wrap this in an if
-#   statement based on that option.
-#---------------------------------------------------------------------------
-# Copy all non-sprited images to respective dirs.
-if static_images.length > 0
-  static_images.values.each do |hsh|
-    src_path = hsh[:path]
-    match = /((\/images\/.*)(\/.*(\.png|\.jpg|\.gif)))/.match(src_path)
-    if match
-      location = match[2]
-      new_loc = "#{config[:output].sub(/\/$/,'')}#{location}"
-      FileUtils.mkdir_p(new_loc) if !File.exist?(new_loc)
-      FileUtils.cp("#{src_path}", new_loc) if File.exist?(src_path)
-    end
-  end
-end
-# END Non-sprited image copy 
-
-
-slicer = Slicer.new(config)
-slicer.images = images
-slicer.slice
-slicer.dice
-
-# Add all the code together
-css_code = ""
-parsers.each {|parser|
-  parser.images = slicer.images
-  css_code += parser.generate + "\n"
-}
-
-# Do some cleanup of whitespace
-cleaned = ""
-css_code.each_line {|line|
-  cleaned += line.strip + "\n"
-}
-
-final = cleaned
-
-if config[:less]
-  begin
-    require 'less'
-  rescue
-    raise "Lest less doth be installed, less shall remain unusable. Sad."
-  end
-  
-  keyframes = {}
-  
-  # this is dirty; I took a shower after writing this
-  # first group gets the animation name, the second captures the % keyframes
-  webkitkeyframes_rule = /@\-webkit\-keyframes\s*([\w-]*)\s*{((\s*[\d]*%\s*{[^}]*})*)\s*}/
-  cleaned.gsub!(webkitkeyframes_rule) do |match|
-    keyframes[$1] = $2
-    ".less-sucks-" + $1 + " { less: " + $1 + "; }"
-  end
-  
-  lessed = Less.parse cleaned
-  final = ""
-  
-  rev_webkitkeyframes_rule = /.less\-sucks\-\s*([^\s]*) { less: \1; }/
-  lessed.gsub!(rev_webkitkeyframes_rule) do |match|
-    "@-webkit-keyframes " + $1 + "{ " + keyframes[$1] + "}"
-  end
-  
-  # LESS messes things up
-  lessed.each_line {|line|
-    final += line.gsub(/url\('data:image\/(gif|png);base64,(.*?)'\)/) do |match|
-      "url('data:image/" + $1 + ";base64," + $2.gsub(" ", "+") + "')"
-    end
-  }
-end
-
-
-File.open(config[:output] + "theme." + config[:extension], File::WRONLY|File::TRUNC|File::CREAT) {|f| f.write(final) }