uki 1.0.0

data/frameworks/jspec/lib/jspec.shell.js

@@ -0,0 +1,39 @@
+
+// JSpec - Shell - Copyright TJ Holowaychuk <tj@vision-media.ca> (MIT Licensed)
+
+;(function(){
+  
+  var _quit = quit
+  
+  Shell = {
+    
+    // --- Global
+    
+    main: this,
+    
+    // --- Commands
+    
+    commands: {
+      quit: ['Terminate the shell', function(){ _quit() }],
+      exit: ['Terminate the shell', function(){ _quit() }],
+      p: ['Inspect an object', function(o){ return o.toSource() }]
+    },
+    
+    /**
+     * Start the interactive shell.
+     *
+     * @api public
+     */
+    
+    start : function() {
+      for (var name in this.commands)
+        if (this.commands.hasOwnProperty(name))
+          this.commands[name][1].length ?
+            this.main[name] = this.commands[name][1] :
+              this.main.__defineGetter__(name, this.commands[name][1])
+    }
+  }
+  
+  Shell.start()
+  
+})()

data/frameworks/jspec/lib/jspec.timers.js

@@ -0,0 +1,90 @@
+
+// JSpec - Mock Timers - Copyright TJ Holowaychuk <tj@vision-media.ca> (MIT Licensed)
+
+;(function(){
+  
+  /**
+   * Version.
+   */
+   
+  mockTimersVersion = '1.0.2'
+  
+  /**
+   * Localized timer stack.
+   */
+  
+  var timers = []
+  
+  /**
+   * Set mock timeout with _callback_ and timeout of _ms_.
+   *
+   * @param  {function} callback
+   * @param  {int} ms
+   * @return {int}
+   * @api public
+   */
+  
+  setTimeout = function(callback, ms) {
+    var id
+  	return id = setInterval(function(){
+  	  callback()
+  	  clearInterval(id)
+  	}, ms)
+  }
+  
+  /**
+   * Set mock interval with _callback_ and interval of _ms_.
+   *
+   * @param  {function} callback
+   * @param  {int} ms
+   * @return {int}
+   * @api public
+   */
+
+  setInterval = function(callback, ms) {
+    callback.step = ms, callback.current = callback.last = 0
+    return timers[timers.length] = callback, timers.length
+  }
+  
+  /**
+   * Destroy timer with _id_.
+   *
+   * @param  {int} id
+   * @return {bool}
+   * @api public
+   */
+
+  clearInterval = clearTimeout = function(id) {
+    return delete timers[--id]
+  }
+  
+  /**
+   * Reset timers.
+   *
+   * @return {array}
+   * @api public
+   */
+  
+  resetTimers = function() {
+    return timers = []
+  }
+  
+  /**
+   * Increment each timers internal clock by _ms_.
+   *
+   * @param  {int} ms
+   * @api public
+   */
+  
+  tick = function(ms) {
+    for (var i = 0, len = timers.length; i < len; ++i)
+      if (timers[i] && (timers[i].current += ms))
+        if (timers[i].current - timers[i].last >= timers[i].step) {
+          var times = Math.floor((timers[i].current - timers[i].last) / timers[i].step)
+          var remainder = (timers[i].current - timers[i].last) % timers[i].step
+          timers[i].last = timers[i].current - remainder
+          while (times-- && timers[i]) timers[i]()
+        }
+  }
+  
+})()

data/frameworks/jspec/lib/jspec.xhr.js

@@ -0,0 +1,195 @@
+
+// JSpec - XHR - Copyright TJ Holowaychuk <tj@vision-media.ca> (MIT Licensed)
+
+(function(){
+  
+  var lastRequest
+  
+  // --- Original XMLHttpRequest
+  
+  var OriginalXMLHttpRequest = 'XMLHttpRequest' in this ? 
+                                 XMLHttpRequest :
+                                   function(){}
+  var OriginalActiveXObject = 'ActiveXObject' in this ?
+                                 ActiveXObject :
+                                   undefined
+                                   
+  // --- MockXMLHttpRequest
+
+  var MockXMLHttpRequest = function() {
+    this.requestHeaders = {}
+  }
+  
+  MockXMLHttpRequest.prototype = {
+    status: 0,
+    async: true,
+    readyState: 0,
+    responseText: '',
+    abort: function(){},
+    onreadystatechange: function(){},
+
+   /**
+    * Return response headers hash.
+    */
+
+    getAllResponseHeaders : function(){
+      return this.responseHeaders
+    },
+    
+    /**
+     * Return case-insensitive value for header _name_.
+     */
+
+    getResponseHeader : function(name) {
+      return this.responseHeaders[name.toLowerCase()]
+    },
+    
+    /**
+     * Set case-insensitive _value_ for header _name_.
+     */
+
+    setRequestHeader : function(name, value) {
+      this.requestHeaders[name.toLowerCase()] = value
+    },
+    
+    /**
+     * Open mock request.
+     */
+
+    open : function(method, url, async, user, password) {
+      this.user = user
+      this.password = password
+      this.url = url
+      this.readyState = 1
+      this.method = method.toUpperCase()
+      if (async != undefined) this.async = async
+      if (this.async) this.onreadystatechange()
+    },
+    
+    /**
+     * Send request _data_.
+     */
+
+    send : function(data) {
+      var self = this
+      this.data = data
+      this.readyState = 4
+      if (this.method == 'HEAD') this.responseText = null
+      this.responseHeaders['content-length'] = (this.responseText || '').length
+      if(this.async) this.onreadystatechange()
+      lastRequest = function(){
+        return self
+      }
+    }
+  }
+  
+  // --- Response status codes
+  
+  JSpec.statusCodes = {
+    100: 'Continue',
+    101: 'Switching Protocols',
+    200: 'OK',
+    201: 'Created',
+    202: 'Accepted',
+    203: 'Non-Authoritative Information',
+    204: 'No Content',
+    205: 'Reset Content',
+    206: 'Partial Content',
+    300: 'Multiple Choice',
+    301: 'Moved Permanently',
+    302: 'Found',
+    303: 'See Other',
+    304: 'Not Modified',
+    305: 'Use Proxy',
+    307: 'Temporary Redirect',
+    400: 'Bad Request',
+    401: 'Unauthorized',
+    402: 'Payment Required',
+    403: 'Forbidden',
+    404: 'Not Found',
+    405: 'Method Not Allowed',
+    406: 'Not Acceptable',
+    407: 'Proxy Authentication Required',
+    408: 'Request Timeout',
+    409: 'Conflict',
+    410: 'Gone',
+    411: 'Length Required',
+    412: 'Precondition Failed',
+    413: 'Request Entity Too Large',
+    414: 'Request-URI Too Long',
+    415: 'Unsupported Media Type',
+    416: 'Requested Range Not Satisfiable',
+    417: 'Expectation Failed',
+    422: 'Unprocessable Entity',
+    500: 'Internal Server Error',
+    501: 'Not Implemented',
+    502: 'Bad Gateway',
+    503: 'Service Unavailable',
+    504: 'Gateway Timeout',
+    505: 'HTTP Version Not Supported'
+  }
+  
+  /**
+   * Mock XMLHttpRequest requests.
+   *
+   *   mockRequest().and_return('some data', 'text/plain', 200, { 'X-SomeHeader' : 'somevalue' })
+   *
+   * @return {hash}
+   * @api public
+   */
+  
+  function mockRequest() {
+    return { and_return : function(body, type, status, headers) {
+      XMLHttpRequest = MockXMLHttpRequest
+      ActiveXObject = false
+      status = status || 200
+      headers = headers || {}
+      headers['content-type'] = type
+      JSpec.extend(XMLHttpRequest.prototype, {
+        responseText: body,
+        responseHeaders: headers,
+        status: status,
+        statusText: JSpec.statusCodes[status]
+      })
+    }}
+  }
+  
+  /**
+   * Unmock XMLHttpRequest requests.
+   *
+   * @api public
+   */
+  
+  function unmockRequest() {
+    XMLHttpRequest = OriginalXMLHttpRequest
+    ActiveXObject = OriginalActiveXObject
+  }
+  
+  JSpec.include({
+    name: 'Mock XHR',
+
+    // --- Utilities
+
+    utilities : {
+      mockRequest: mockRequest,
+      unmockRequest: unmockRequest
+    },
+
+    // --- Hooks
+
+    afterSpec : function() {
+      unmockRequest()
+    },
+    
+    // --- DSLs
+    
+    DSLs : {
+      snake : {
+        mock_request: mockRequest,
+        unmock_request: unmockRequest,
+        last_request: function(){ return lastRequest() }
+      }
+    }
+
+  })
+})()

data/frameworks/uki/README.rdoc

@@ -0,0 +1,179 @@
+= UKI – simple UiKit for complex Web apps
+Uki is a 
+JavaScript 
+user interface toolkit for desktop-like web applications.
+It comes with 
+a rich view-component library 
+ranging from Sliders to Grids and SplitPanes.
+
+    uki({ view: 'Button', text: 'Click me', rect: '10 10 100 24' }).attachTo( window );
+    
+    uki('Button[text^=Click]').click(function() { alert(this.text()); });
+    
+== Links
+ * API docs at http://ukijs.org/docs/
+ * Google group http://groups.google.com/group/ukijs
+ * Code examples at http://github.com/voloko/uki/tree/master/app/functional/
+ * Development docs and tutorial at http://wiki.github.com/voloko/uki/
+ * Google wave in 100 lines of code example: http://ukijs.org/examples/core-examples/wave
+ 
+== Contribute
+To install development server
+1. Install ruby http://ruby-lang.org
+2. Open terminal and run
+    gem install rake sinatra
+    cd PATH_TO_UKI
+3. On windows run
+    ruby run.rb 
+On *nix
+    rake start
+4. http://127.0.0.1:21119/src/uki.cjs – should be a merged version of uki 
+
+== Image path
+For older browsers uki loads images from server.
+By default development version loads them from uki.theme.airport.imagePath. 
+To point it to your development server do
+    uki.theme.airport.imagePath = 'http://127.0.0.1:21119//src/uki-theme/airport/i/'
+
+== Simple
+The Web should be simple. 
+Adding a new library to your app should not require 
+using a specific build process or learning a new language.
+It should be as simple as adding a <script> tag to your HTML. 
+That's exactly the way uki works. No frameworks to install,
+no dependencies to manage,
+no CSS to include.
+Simple.
+
+== Cross-Browser
+I can imagine living
+in a fairy-tale world
+where any browser supports HTML 5
+and there's no such thing as IE6 :)
+Unfortunately, reality is different.
+I have to support all the browser flavors available,
+even the dinosaurs.
+That's why uki works with IE6+, Opera 9+, FF 2+, Safari 3+, and Chrome.
+And it looks exactly the same on any of them.
+
+== Fast
+One of the reasons uki appeared 
+is that I had to create a 4000-row complex
+client-side-searchable table. 
+Just rendering the table made any version of IE unresponsive for half a minute. 
+Uki uses progressive rendering and can render 30k+-row lists and tables mostly instantly.
+
+== Small
+With all the images packed into it
+(not supported in IE6 and IE7),
+a gzipped uki build is under 30kb,
+and it's a single HTTP request.
+
+== Extensible 
+Creating a new component requires only one function to redeclare.
+
+== Embeddable
+It's great when you start building your whole app with uki. 
+But sometimes
+you have to add a desktop-like experience to a working site.
+Say, adding a widget or a table 
+to an existing design. 
+While uki can occupy the whole browser window,
+it works perfectly well in a small <div> in 
+your sidebar. 
+Just use attachTo( myDiv ) for any widget you want to add.
+
+== You already know it
+Uki is written in plain JavaScript. 
+It leverages well-known DOM and JS idioms 
+such as CSS selectors, events and attributes. 
+If you've ever used
+jQuery, learning uki won't take long.
+
+== Specific
+Uki doesn't want to be a Jack-of-all-trades. 
+It only does layout, but it does it well.
+You won't find any AJAX or data-storage-layer code here. 
+    
+== Programmable Layout
+HTML and CSS are great technologies,
+though you can't lay everything out with them.
+There are things that require programmable layout calculations.
+Think of a toolbar, 
+which should show a popup
+when some of the buttons don't fit.
+Or a split pane.
+Or moving a slider bar on window resize. 
+That's the reason 
+uki calculates view positions and sizes 
+with JavaScript. 
+Unfortunately,
+resizing everything with pure JS will make your layout slow as a turtle. 
+So uki uses as much native browser layout as possible.
+
+== Longer example
+    uki(
+    {   // create a split pane...
+        view: 'SplitPane', rect: '1000 600', anchors: 'left top right bottom',
+        handlePosition: 300, leftMin: 200, rightMin: 300,
+        // ...with button on the left
+        leftChildViews: { view: 'Button', rect: '10 10 280 24', anchors: 'top left right', text: 'Clear text field' },
+        // ...and a vertical split pane on the right...
+        rightChildViews: [
+           { view: 'VSplitPane', rect: '693 600', anchors: 'left top right bottom', vertical: true,
+               // ...with text field in the top part
+               topChildViews: { view: 'TextField', rect: '10 10 280 24', anchors: 'top left', value: '0', id: 'field' },
+               // ...and a slider in the bottom
+               bottomChildViews: { view: 'Slider', rect: '10 10 673 24', anchors: 'top right left' }
+           }
+       ]
+    }).attachTo( window, '1000 600' );
+
+    // on slider change update text field
+    uki('SplitPane Slider').bind('change', function() {
+        uki('TextField').value(this.value())
+    });
+
+    // on button click clear the text field
+    uki('Button[text~="Clear"]').bind('click', function() {
+        uki('#field').value('') // find by id
+    });
+
+results in http://ukijs.org/functional/splitPaneEx.html
+
+== Builder
+    uki({
+        view: 'Button',
+        rect: '400 40 200 24',
+        text: 'uki is awesome!'
+    }).attachTo( document.getElementById('test'), '1000 100' );
+
+    uki('Button[text^=uki]').click(function() {
+        alert('Hello world!');
+    });
+    
+    uki(
+      { view: "Button", text: "Click me", rect: "10 10 100 24" }
+    ).attachTo( document.getElementById("test") );
+
+    uki("Button[text^=Click]").click(
+      function() { alert(this.text()); }
+    );
+
+    uki({ view: 'SplitPane', rect: '1000 600', anchors: 'left top right bottom', 
+        handlePosition: 300, autogrowLeft: false, leftMin: 300, rightMin: 300,
+        leftChildViews: { view: 'Button', rect: '10 10 280 24', anchors: 'top left right', text: 'left pane' },
+        rightChildViews: [
+            { view: 'SplitPane', rect: '693 600', anchors: 'left top right bottom', vertical: true,
+                topChildViews: { view: 'Button', rect: '10 10 280 24', anchors: 'top left', text: 'top pane' },
+                bottomChildViews: { view: 'Slider', rect: '10 10 673 24', anchors: 'top right left' }
+            }
+        ]
+    }).attachTo( window, '1000 600' );
+    
+== Tests
+    cd tests
+    narwhal runner.js
+    
+== P.S.
+And one more thing. Unobtrusive JavaScript is evil.

data/frameworks/uki/run.rb

@@ -0,0 +1,2 @@
+require 'uki'
+Uki.run! :port => 21119 # 21 u 11 k 9 i

data/frameworks/uki/spec/commands/example_command.rb

@@ -0,0 +1,19 @@
+
+# uncomment and call with `$ jspec example `
+
+# command :example do |c|
+#   c.syntax = 'jspec example [options]'
+#   c.description = 'Just an example command'
+#   c.option '-f', '--foo string', 'Does some foo with <string>'
+#   c.option '-b', '--bar [string]', 'Does some bar with [string]'
+#   c.example 'Do some foo', 'jspec example --foo bar'
+#   c.example 'Do some bar', 'jspec example --bar'
+#   c.when_called do |args, options|
+#     p args
+#     p options.__hash__
+#     # options.foo
+#     # options.bar
+#     # options.__hash__[:foo]
+#     # options.__hash__[:bar]
+#   end 
+# end

data/frameworks/uki/spec/dom.html

@@ -0,0 +1,39 @@
+<html>
+	<head>
+	    <title>UKI specs</title>
+		<link type="text/css" rel="stylesheet" href="support/jspec.css" />
+		<script src="support/jspec.js"></script>
+		<script src="support/jspec.xhr.js"></script>
+		<script src="../src/uki.cjs"></script>
+		<script src="../src/uki-data.cjs"></script>
+		<script src="support/spec.helper.js"></script>
+		<script>
+			function runSuites() {
+				JSpec
+                .exec('unit/selector.spec.js')
+                .exec('unit/geometry.spec.js')
+                .exec('unit/utils.spec.js')
+                .exec('unit/builder.spec.js')
+                .exec('unit/dom.spec.js')
+                .exec('unit/dom/event.spec.js')
+                .exec('unit/dom/dnd.spec.js')
+                .exec('unit/background.spec.js')
+                                
+                .exec('unit/view.spec.js')
+                .exec('unit/view/base.spec.js')
+                .exec('unit/view/container.spec.js')
+                
+                .exec('unit/theme/template.spec.js')
+                
+                .exec('unit/data/model.spec.js')
+				.run()
+				.report({ fixturePath: 'fixtures' })
+			}
+		</script>
+	</head>
+	<body class="jspec" onLoad="runSuites();">
+		<div id="jspec-top"><h2 id="jspec-title">JSpec <em><script>document.write(JSpec.version)</script></em></h2></div>
+		<div id="jspec"></div>
+		<div id="jspec-bottom"></div>
+	</body>
+</html>