knockout-rails 0.0.1 → 0.0.2

data/.gitignore

@@ -6,3 +6,4 @@ spec/dummy/db/*.sqlite3
 spec/dummy/log/*.log
 spec/dummy/tmp/
 spec/dummy/public/assets/
+Gemfile.lock

data/Gemfile

@@ -10,3 +10,7 @@ group :development, :test do
 end
 
 gem 'jquery-rails' # For the dummy app
+
+# Bindings assets
+gem 'pakunok' # Provides some assets for the bindings
+gem 'ios-checkboxes'

data/HISTORY.md

@@ -1,7 +1,13 @@
-# 0.0.2 - in progress
+# 0.0.3 - in progress
 
 - Support collections (fetch multiple records)
 - Client side validation
+- JST templating support
+
+# 0.0.2 - 26 November 2011
+
+- do not require bindings automatically
+- includes bindings: autosave, inplace, onoff, color
 
 # 0.0.1 - 17 November 2011
 Initial release. Bare bones moved over from other project. Includes:

data/README.md

@@ -9,12 +9,12 @@ This provides a set of conveniences for you to use more like Backbone or Spine,
 Add it to your Rails application's `Gemfile`:
 
 ```ruby
-gem 'knockout'
+gem 'knockout-rails'
 ```
 
 Then `bundle install`.
 
-Reference `knockout` from your JavaScript as you normally do.
+Reference `knockout` from your JavaScript as you normally do with Rails 3.1 Assets Pipeline.
 
 
 # Usage
@@ -71,6 +71,22 @@ Now let's see how we can show the validation errors on the page and bind everyth
         %span.inline-error{:data=>{:bind=>'visible: errors.name, text: errors.name'}}
 ```
 
+## Bindings
+
+This gem also includes useful bindings that you may find useful in your application.
+For example, you can use `autosave` binding by requiring `knockout/bindings/autosave`.
+
+Or if you want to include all of the bindings available, then require `knockout/bindings/all`.
+
+Please see the specs for more detailed instruction on how to use specific binding.
+
+The list of currently available bindings:
+
+- `autosave` - automatically persists the model whenever any of its attributes change.
+  Apply it to a `form` element. Examples: `autosave: page`, `autosave: {model: page, when: page.isEnabled, unless: viewModel.doNotSave }`.
+- `inplace` - converts the input elements into inplace editing with 'Edit'/'Done' buttons. Apply it on `input` elements similarly to the `value` binding.
+- `color` - converts an element into a color picker. Apply it to a `div` element: `color: page.fontColor`. Depends on [pakunok](https://github.com/dnagir/pakunok) gem (specifically - its `colorpicker` asset).
+- `onoff` - Converts checkboxes into iOS on/off buttons. Example: `onoff: page.isPublic`. It depends on [ios-chechboxes](https://github.com/dnagir/ios-checkboxes) gem.
 
 # Development
 

data/{vendor → lib}/assets/javascripts/knockout.js

@@ -1,7 +1,4 @@
 //=require knockout/sugar-1.1.1
 //=require knockout/knockout
 //=require knockout/knockout.mapping
-//=require jquery
-//=require knockout/observables
 //=require knockout/model
-//=require knockout/bindings

data/lib/assets/javascripts/knockout/bindings/all.js

@@ -0,0 +1 @@
+//=require_tree ./

data/lib/assets/javascripts/knockout/bindings/autosave.js.coffee

@@ -0,0 +1,26 @@
+valOrDefault = (val, def) ->
+  if val?
+    ko.utils.unwrapObservable val
+  else
+    def
+
+ko.bindingHandlers.autosave =
+  init: (element, valueAccessor, allBindingsAccessor, viewModel) ->
+    form = $(element)
+    form.submit (e) -> e.preventDefault()
+
+    options = valueAccessor()
+    [ifYes, ifNo, model] = [options.when, options.unless, options.model]
+
+    model = options unless ifYes? or ifNo?
+
+    throw "Pls provide either MODEL object or: {model: yourModel, when: optionalTrueCondition, unless: optionalFalseCondition}" unless model.save
+
+    doSave = model.save.debounce(500) # Not too fast
+
+    # subscribe to all notifications of all the observable fields of the model
+    observables = Object.keys(model).filter((x)->ko.isObservable model[x]).map (x)->model[x]
+    observables.forEach (o) -> o.subscribe ->
+      ye = valOrDefault ifYes, true
+      na = valOrDefault ifNo, false
+      doSave() if ye and not na

data/lib/assets/javascripts/knockout/bindings/color.js.coffee

@@ -0,0 +1,21 @@
+#= require pakunok/colorpicker
+
+valOf = (va)-> ko.utils.unwrapObservable(va()) or ''
+
+picker =
+  init: (element, valueAccessor) ->
+    val = valOf valueAccessor
+    el = $(element)
+    el.addClass('color').css('backgroundColor', val).ColorPicker
+      color: val
+      onChange: (hsb, hex, rgb) ->
+        newVal = "rgb(#{rgb.r}, #{rgb.g}, #{rgb.b})"
+        valueAccessor() newVal
+
+  update: (element, valueAccessor) ->
+    newValue = valOf valueAccessor
+    $(element).css('backgroundColor', newValue)
+
+
+
+ko.bindingHandlers.color = picker

data/lib/assets/javascripts/knockout/bindings/inplace.js.coffee

@@ -0,0 +1,44 @@
+showInput = (element, showOrHide, valueAccessor) ->
+  el = $(element)
+  editable = el.next()
+  button = editable.next()
+  editable.toggle(!showOrHide)
+  el.toggle(showOrHide)
+  val = ko.utils.unwrapObservable valueAccessor()
+  if showOrHide
+    button.text 'Done'
+    el.val val
+  else
+    button.text 'Edit'
+    editable.text val
+
+
+toggle = (element, valueAccessor) ->
+  showingInput = not editing(element)
+  showInput element, showingInput, valueAccessor
+
+updateValue = (element, valueAccessor) ->
+  valueAccessor()( $(element).val() )
+
+editing = (element) -> $(element).is(':visible')
+
+ko.bindingHandlers.inplace =
+  init: (element, valueAccessor) ->
+    val = ko.utils.unwrapObservable valueAccessor()
+    editable = $("<span class='editable-content' />").insertAfter(element)
+    button = $("<a href='#' class='inline-button'>Edit</a>").insertAfter editable
+    showInput element, false, valueAccessor
+
+    button.closest('form').submit ->
+      updateValue element, valueAccessor if editing(element)
+      showInput element, false, valueAccessor
+    button.click (e) ->
+      e.preventDefault()
+      if editing element
+        updateValue element, valueAccessor
+      else
+        toggle element, valueAccessor
+
+
+  update: (element, valueAccessor) ->
+    showInput element, false, valueAccessor

data/lib/assets/javascripts/knockout/bindings/onoff.js.coffee

@@ -0,0 +1,20 @@
+#= require ios-checkboxes
+
+ko.bindingHandlers.onoff =
+  init: (element, valueAccessor, allBindingsAccessor) ->
+    initialValue = ko.utils.unwrapObservable valueAccessor()
+    $(element).prop('checked', initialValue).iphoneStyle
+      handleMargin: 0
+      containerRadius: 0
+      resizeHandle: false
+      resizeContainer: false
+      checkedLabel: 'On'
+      uncheckedLabel: 'Off'
+      onChange: (el, checked) ->
+        writer = valueAccessor()
+        writer checked
+
+  update: (element, valueAccessor) ->
+    el = $(element)
+    val = ko.utils.unwrapObservable valueAccessor()
+    el.prop('checked', val)

data/lib/assets/javascripts/knockout/model.js.coffee

@@ -1,3 +1,4 @@
+#=require jquery
 
 # Module is taken from Spine.js
 moduleKeywords = ['included', 'extended']
@@ -57,7 +58,7 @@ Ajax =
         statusCode:
           422: (xhr, status, errorThrown)->
             errorData = JSON.parse xhr.responseText
-            console.debug("Validation error: ", errorData) if console?.debug?
+            console?.debug?("Validation error: ", errorData)
             @updateErrors(errorData)
 
       $.ajax(params)

data/lib/knockout-rails/version.rb

@@ -1,3 +1,3 @@
 module KnockoutRails
-  VERSION = "0.0.1"
+  VERSION = "0.0.2"
 end

data/spec/javascripts/knockout/bindings/autosave_spec.js.coffee

@@ -0,0 +1,78 @@
+#= require knockout/bindings/autosave
+
+class Page extends ko.Model
+  @configure 'page'
+
+describe "AutoSave", ->
+  beforeEach ->
+    jasmine.Ajax.useMock()
+    jasmine.Clock.useMock()
+
+  prepare = (bindings, viewModel) ->
+    page = new Page { name: 'Home' }
+    setFixtures "<form id='autosave' data-bind='autosave: #{bindings}' />"
+    form = $("#autosave")[0]
+    viewModel = if viewModel
+        ko.utils.extend viewModel, {page: page}
+      else
+        {page: page}
+    ko.applyBindings viewModel, form
+    page
+
+
+
+  it "should call 'save' when property changes and use delay", ->
+    model = prepare "page"
+
+    model.name 'Index'
+    jasmine.Clock.tick 100
+    expect(mostRecentAjaxRequest()).toBeFalsy()
+
+    jasmine.Clock.tick 5000
+    expect(mostRecentAjaxRequest()).toBeTruthy()
+
+
+  it "should not save when 'when' condition is falsy", ->
+    model = prepare "{model: page, when: shouldSave}", {shouldSave: false}
+
+    model.name 'Index'
+    jasmine.Clock.tick 5000
+    expect(mostRecentAjaxRequest()).toBeFalsy()
+
+  it "should save when 'when' condition is truthy", ->
+    model = prepare "{model: page, when: shouldSave}", shouldSave: ko.observable(true)
+    model.name 'Index'
+    jasmine.Clock.tick 5000
+    expect(mostRecentAjaxRequest()).toBeTruthy()
+
+  it "should save when 'unless' condition is falsy", ->
+    model = prepare "{model: page, unless: dontSave}", dontSave: false
+    model.name 'Index'
+    jasmine.Clock.tick 5000
+    expect(mostRecentAjaxRequest()).toBeTruthy()
+
+  it "should not save when 'unless' condition is truthy", ->
+    model = prepare "{model: page, unless: dontSave}", dontSave: true
+    model.name 'Index'
+    jasmine.Clock.tick 5000
+    expect(mostRecentAjaxRequest()).toBeFalsy()
+
+  it "should save with when=true, unless=false", ->
+    model = prepare "{model: page, when: shouldSave, unless: dontSave}", shouldSave: true, dontSave: false
+    model.name 'Index'
+    jasmine.Clock.tick 5000
+    expect(mostRecentAjaxRequest()).toBeTruthy()
+
+  it "should not save with when=false, unless=false", ->
+    model = prepare "{model: page, when: shouldSave, unless: dontSave}", shouldSave: false, dontSave: false
+    model.name 'Index'
+    jasmine.Clock.tick 5000
+    expect(mostRecentAjaxRequest()).toBeFalsy()
+
+
+  it "should not save with when=true, unless=true", ->
+    model = prepare "{model: page, when: shouldSave, unless: dontSave}", shouldSave: true, dontSave: true
+    model.name 'Index'
+    jasmine.Clock.tick 5000
+    expect(mostRecentAjaxRequest()).toBeFalsy()
+

data/spec/javascripts/knockout/bindings/color_spec.js.coffee

@@ -0,0 +1,35 @@
+#= require knockout/bindings/color
+
+describe "Color picker", ->
+  colorise = (color)->
+    setFixtures "<div id='color' data-bind='color: color' />"
+    el = $ '#color'
+    ko.applyBindings {color: color or ko.observable("rgb(1, 2, 3)")}, el[0]
+    el
+
+  afterEach ->
+    # It adds itself to the body, so is outisde of the fixure
+    $(".colorpicker").remove()
+
+  it "should set the initial background color", ->
+    el = colorise()
+    expect(el.css 'backgroundColor').toBe 'rgb(1, 2, 3)'
+
+  it "should add 'color' class to element", ->
+    el = colorise()
+    expect(el).toBe ".color"
+
+
+  it "should reflect the changed color in the UI", ->
+    color = ko.observable "rgb(1, 2, 3)"
+    el = colorise color
+    color "rgb(4, 5, 6)" # Modify the color here
+    expect(el.css 'backgroundColor').toBe 'rgb(4, 5, 6)'
+    
+
+  it "should update the value when user changes the color", ->
+    color = ko.observable "rgb(1, 2, 3)"
+    el = colorise color
+    $(".colorpicker").data('colorpicker').onChange "hsb", "hex", {r: 4, g: 5, b: 6}
+    expect(color()).toBe 'rgb(4, 5, 6)'
+

data/spec/javascripts/knockout/bindings/inplace_spec.js.coffee

@@ -0,0 +1,42 @@
+#= require knockout/bindings/inplace
+
+describe "In-Place edit", ->
+
+  inplacify = (val) ->
+    setFixtures "<input id='el' data-bind='inplace: val' />"
+    el = $('#el')
+    ko.applyBindings { val: val or ko.observable() }, @el[0]
+    el
+
+  it "should hide input initially", ->
+    el = inplacify()
+    expect(el).toBeHidden()
+
+  it "should show the current value", ->
+    val = ko.observable 'hi there'
+    el = inplacify val
+    expect(el.parent().find '.editable-content').toHaveText 'hi there'
+
+  it "should create an Edit link", ->
+    el = inplacify()
+    expect(el.parent()).toContain "a.inline-button"
+
+  it "should show input when clicking the Edit link", ->
+    el = inplacify()
+    el.parent().find('a.inline-button').click()
+    expect(el).toBeVisible()
+
+  it "should not update the value on 'change' event", ->
+    val = ko.observable 'Initial'
+    el = inplacify val
+    el.val 'from dom'
+    el.change()
+    expect(val()).toBe 'Initial'
+
+  it "should update the value clicking Done", ->
+    val = ko.observable 'initial'
+    el = inplacify val
+    el.parent().find('.inline-button').click() # Edit
+    el.val('updated')
+    el.parent().find('.inline-button').click() # Done
+    expect( val() ).toBe 'updated'

data/spec/javascripts/knockout/bindings/onoff_spec.js.coffee

@@ -0,0 +1,11 @@
+#= require knockout/bindings/onoff
+
+describe "iOS Style Checkboxes", ->
+  iphonify = ->
+    setFixtures "<input id='check' type='checkbox' data-bind='onoff: isVisible' />"
+    el = $ '#check'
+    ko.applyBindings {isVisible: ko.observable(true)}, el[0]
+    el
+
+  it "should convert checkboxe into button", ->
+    expect(iphonify().parent()).toBe ".iPhoneCheckContainer"

data/spec/javascripts/spec.js.coffee

@@ -1,3 +1,6 @@
 #=require knockout
 #=require_tree ./support
 #=require_tree ./
+
+beforeEach ->
+  clearAjaxRequests()

data/vendor/assets/javascripts/knockout/knockout.js

@@ -1,4 +1,4 @@
-// Knockout JavaScript library v1.3.0ctp
+// Knockout JavaScript library v1.3.0rc
 // (c) Steven Sanderson - http://knockoutjs.com/
 // License: MIT (http://www.opensource.org/licenses/mit-license.php)
 
@@ -567,7 +567,12 @@ ko.exportSymbol('ko.utils.domNodeDisposal.removeDisposeCallback', ko.utils.domNo
 
         // Go to html and back, then peel off extra wrappers
         // Note that we always prefix with some dummy text, because otherwise, IE<9 will strip out leading comment nodes in descendants. Total madness.
-        div.innerHTML = "ignored<div>" + wrap[1] + html + wrap[2] + "</div>";
+        var markup = "ignored<div>" + wrap[1] + html + wrap[2] + "</div>";
+        if (typeof window['innerShiv'] == "function") {
+            div.appendChild(window['innerShiv'](markup));
+        } else {
+            div.innerHTML = markup;
+        }
 
         // Move to the right depth
         while (wrap[0]--)
@@ -604,6 +609,7 @@ ko.exportSymbol('ko.utils.domNodeDisposal.removeDisposeCallback', ko.utils.domNo
 })();
 
 ko.exportSymbol('ko.utils.parseHtmlFragment', ko.utils.parseHtmlFragment);
+ko.exportSymbol('ko.utils.setHtml', ko.utils.setHtml);
 ko.memoization = (function () {
     var memos = {};
 
@@ -712,7 +718,7 @@ function applyExtenders(requestedExtenders) {
 ko.exportSymbol('ko.extenders', ko.extenders);
 ko.subscription = function (callback, disposeCallback) {
     this.callback = callback;
-    this.disposeCallback = disposeCallback;    
+    this.disposeCallback = disposeCallback;
     ko.exportProperty(this, 'dispose', this.dispose);
 };
 ko.subscription.prototype.dispose = function () {
@@ -721,7 +727,7 @@ ko.subscription.prototype.dispose = function () {
 };
 
 ko.subscribable = function () {
-    this._subscriptions = [];
+    this._subscriptions = {};
 
     ko.utils.extend(this, ko.subscribable['fn']);
     ko.exportProperty(this, 'subscribe', this.subscribe);
@@ -730,28 +736,42 @@ ko.subscribable = function () {
     ko.exportProperty(this, 'getSubscriptionsCount', this.getSubscriptionsCount);
 }
 
+var defaultEvent = "change";
+
 ko.subscribable['fn'] = {
-    subscribe: function (callback, callbackTarget) {
+    subscribe: function (callback, callbackTarget, event) {
+        event = event || defaultEvent;
         var boundCallback = callbackTarget ? callback.bind(callbackTarget) : callback;
 
         var subscription = new ko.subscription(boundCallback, function () {
-            ko.utils.arrayRemoveItem(this._subscriptions, subscription);
+            ko.utils.arrayRemoveItem(this._subscriptions[event], subscription);
         }.bind(this));
-        this._subscriptions.push(subscription);
+
+        if (!this._subscriptions[event])
+            this._subscriptions[event] = [];
+        this._subscriptions[event].push(subscription);
         return subscription;
     },
 
-    notifySubscribers: function (valueToNotify) {
-        ko.utils.arrayForEach(this._subscriptions.slice(0), function (subscription) {
-            // In case a subscription was disposed during the arrayForEach cycle, check
-            // for isDisposed on each subscription before invoking its callback
-            if (subscription && (subscription.isDisposed !== true))
-                subscription.callback(valueToNotify);
-        });
+    notifySubscribers: function (valueToNotify, event) {
+        event = event || defaultEvent;
+        if (this._subscriptions[event]) {
+            ko.utils.arrayForEach(this._subscriptions[event].slice(0), function (subscription) {
+                // In case a subscription was disposed during the arrayForEach cycle, check
+                // for isDisposed on each subscription before invoking its callback
+                if (subscription && (subscription.isDisposed !== true))
+                    subscription.callback(valueToNotify);
+            });
+        }
     },
 
     getSubscriptionsCount: function () {
-        return this._subscriptions.length;
+        var total = 0;
+        for (var eventName in this._subscriptions) {
+            if (this._subscriptions.hasOwnProperty(eventName))
+                total += this._subscriptions[eventName].length;
+        }
+        return total;
     },
     
     extend: applyExtenders
@@ -800,8 +820,9 @@ ko.observable = function (initialValue) {
             
             // Ignore writes if the value hasn't changed
             if ((!observable['equalityComparer']) || !observable['equalityComparer'](_latestValue, arguments[0])) {
+                observable.valueWillMutate();
                 _latestValue = arguments[0];
-                observable.notifySubscribers(_latestValue);        		
+                observable.valueHasMutated();
             }
             return this; // Permits chained assignments
         }
@@ -813,9 +834,11 @@ ko.observable = function (initialValue) {
     }
     ko.subscribable.call(observable);
     observable.valueHasMutated = function () { observable.notifySubscribers(_latestValue); }
-    ko.utils.extend(observable, ko.observable['fn']);    
-    
+    observable.valueWillMutate = function () { observable.notifySubscribers(_latestValue, "beforeChange"); }
+    ko.utils.extend(observable, ko.observable['fn']);
+
     ko.exportProperty(observable, "valueHasMutated", observable.valueHasMutated);
+    ko.exportProperty(observable, "valueWillMutate", observable.valueWillMutate);
     
     return observable;
 }
@@ -878,6 +901,9 @@ ko.observableArray['fn'] = {
         for (var i = 0; i < underlyingArray.length; i++) {
             var value = underlyingArray[i];
             if (predicate(value)) {
+                if (removedValues.length === 0) {
+                    this.valueWillMutate();
+                }
                 removedValues.push(value);
                 underlyingArray.splice(i, 1);
                 i--;
@@ -894,6 +920,7 @@ ko.observableArray['fn'] = {
         if (arrayOfValues === undefined) {
             var underlyingArray = this();
             var allValues = underlyingArray.slice(0);
+            this.valueWillMutate();
             underlyingArray.splice(0, underlyingArray.length);
             this.valueHasMutated();
             return allValues;
@@ -909,6 +936,7 @@ ko.observableArray['fn'] = {
     destroy: function (valueOrPredicate) {
         var underlyingArray = this();
         var predicate = typeof valueOrPredicate == "function" ? valueOrPredicate : function (value) { return value === valueOrPredicate; };
+        this.valueWillMutate();
         for (var i = underlyingArray.length - 1; i >= 0; i--) {
             var value = underlyingArray[i];
             if (predicate(value))
@@ -938,9 +966,10 @@ ko.observableArray['fn'] = {
     replace: function(oldItem, newItem) {
         var index = this.indexOf(oldItem);
         if (index >= 0) {
+            this.valueWillMutate();
             this()[index] = newItem;
             this.valueHasMutated();
-        }   
+        }
     }    
 }
 
@@ -948,6 +977,7 @@ ko.observableArray['fn'] = {
 ko.utils.arrayForEach(["pop", "push", "reverse", "shift", "sort", "splice", "unshift"], function (methodName) {
     ko.observableArray['fn'][methodName] = function () { 
         var underlyingArray = this();
+        this.valueWillMutate();
         var methodCallResult = underlyingArray[methodName].apply(underlyingArray, arguments);
         this.valueHasMutated();
         return methodCallResult;
@@ -1035,7 +1065,9 @@ ko.dependentObservable = function (evaluatorFunctionOrOptions, evaluatorFunction
                 _subscriptionsToDependencies.push(subscribable.subscribe(evaluatePossiblyAsync));
             });
             var valueForThis = options["owner"] || evaluatorFunctionTarget; // If undefined, it will default to "window" by convention. This might change in the future.
-            _latestValue = options["read"].call(valueForThis);
+            var newValue = options["read"].call(valueForThis);
+            dependentObservable.notifySubscribers(_latestValue, "beforeChange");
+            _latestValue = newValue;
         } finally {
             ko.dependencyDetection.end();
         }
@@ -1060,7 +1092,7 @@ ko.dependentObservable = function (evaluatorFunctionOrOptions, evaluatorFunction
             ko.dependencyDetection.registerDependency(dependentObservable);
             return _latestValue;
         }
-    }    
+    }
     dependentObservable.getDependenciesCount = function () { return _subscriptionsToDependencies.length; }
     dependentObservable.hasWriteFunction = typeof options["write"] === "function";
     dependentObservable.dispose = function () {
@@ -1114,7 +1146,7 @@ ko.exportSymbol('ko.computed', ko.dependentObservable); // Make "ko.computed" an
         visitedObjects = visitedObjects || new objectLookup();
         
         rootObject = mapInputCallback(rootObject);
-        var canHaveProperties = (typeof rootObject == "object") && (rootObject !== null) && (rootObject !== undefined);
+        var canHaveProperties = (typeof rootObject == "object") && (rootObject !== null) && (rootObject !== undefined) && (!(rootObject instanceof Date));
         if (!canHaveProperties)
             return rootObject;
             
@@ -2042,7 +2074,7 @@ ko.bindingHandlers['options'] = {
                 value = [value];
             if (allBindings['optionsCaption']) {
                 var option = document.createElement("OPTION");
-                option.innerHTML = allBindings['optionsCaption'];
+                ko.utils.setHtml(option, allBindings['optionsCaption']);
                 ko.selectExtensions.writeValue(option, undefined);
                 element.appendChild(option);
             }
@@ -2554,7 +2586,7 @@ ko.exportSymbol('ko.templateRewriting.applyMemoizedBindingsToNextSibling', ko.te
             if (this.domElement.tagName.toLowerCase() == "script")
                 this.domElement.text = valueToWrite;
             else
-                this.domElement.innerHTML = valueToWrite;
+                ko.utils.setHtml(this.domElement, valueToWrite);
         }
     };
     
@@ -3068,13 +3100,10 @@ ko.exportSymbol('ko.nativeTemplateEngine', ko.nativeTemplateEngine);(function()
         // Note that as of Knockout 1.3, we only support jQuery.tmpl 1.0.0pre and later,
         // which KO internally refers to as version "2", so older versions are no longer detected.
         var jQueryTmplVersion = this.jQueryTmplVersion = (function() {      
-            if ((typeof(jQuery) == "undefined") || !(jQuery['tmpl']|| jQuery['render']))
+            if ((typeof(jQuery) == "undefined") || !(jQuery['tmpl']))
                 return 0;
             // Since it exposes no official version number, we use our own numbering system. To be updated as jquery-tmpl evolves.
             try {
-                if (jQuery['render'])
-                    return 3; // Current preview of jsRender
-
                 if (jQuery['tmpl']['tag']['tmpl']['open'].toString().indexOf('__') >= 0) {
                     // Since 1.0.0pre, custom tags should append markup to an array called "__"
                     return 2; // Final version of jquery.tmpl
@@ -3090,11 +3119,7 @@ ko.exportSymbol('ko.nativeTemplateEngine', ko.nativeTemplateEngine);(function()
         }
 
         function executeTemplate(compiledTemplate, data, jQueryTemplateOptions) {
-            if (jQueryTmplVersion < 3)
-                return jQuery['tmpl'](compiledTemplate, data, jQueryTemplateOptions);
-
-            var renderedHtml = jQuery['render'](compiledTemplate, data, jQueryTemplateOptions);
-            return jQuery(ko.utils.parseHtmlFragment(renderedHtml));
+            return jQuery['tmpl'](compiledTemplate, data, jQueryTemplateOptions);
         }
         
         this['renderTemplateSource'] = function(templateSource, bindingContext, options) {
@@ -3106,8 +3131,7 @@ ko.exportSymbol('ko.nativeTemplateEngine', ko.nativeTemplateEngine);(function()
             if (!precompiled) {
                 var templateText = templateSource.text() || "";
                 // Wrap in "with($whatever.koBindingContext) { ... }"
-                var contextContainer = jQueryTmplVersion == 2 ? "$item" : "$ctx";
-                templateText = "{{ko_with " + contextContainer + ".koBindingContext}}" + templateText + "{{/ko_with}}";
+                templateText = "{{ko_with $item.koBindingContext}}" + templateText + "{{/ko_with}}";
 
                 precompiled = jQuery['template'](null, templateText);
                 templateSource['data']('precompiled', precompiled);
@@ -3130,12 +3154,11 @@ ko.exportSymbol('ko.nativeTemplateEngine', ko.nativeTemplateEngine);(function()
             document.write("<script type='text/html' id='" + templateName + "'>" + templateMarkup + "</script>");
         };
     
-        if (jQueryTmplVersion >= 2) {
-            var tagContainer = jQueryTmplVersion == 2 ? "tmpl" : "tmplSettings";
-            jQuery[tagContainer]['tag']['ko_code'] = {
+        if (jQueryTmplVersion > 0) {
+            jQuery['tmpl']['tag']['ko_code'] = {
                 open: "__.push($1 || '');"
             };
-            jQuery[tagContainer]['tag']['ko_with'] = {
+            jQuery['tmpl']['tag']['ko_with'] = {
                 open: "with($1) {",
                 close: "} "
             };

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: knockout-rails
 version: !ruby/object:Gem::Version
-  version: 0.0.1
+  version: 0.0.2
   prerelease: 
 platform: ruby
 authors:
@@ -9,11 +9,11 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2011-11-17 00:00:00.000000000 Z
+date: 2011-11-26 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sprockets
-  requirement: &70265769988800 !ruby/object:Gem::Requirement
+  requirement: &70109798186500 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -21,10 +21,10 @@ dependencies:
         version: 2.0.0
   type: :runtime
   prerelease: false
-  version_requirements: *70265769988800
+  version_requirements: *70109798186500
 - !ruby/object:Gem::Dependency
   name: execjs
-  requirement: &70265769987360 !ruby/object:Gem::Requirement
+  requirement: &70109798186040 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -32,10 +32,10 @@ dependencies:
         version: '0'
   type: :runtime
   prerelease: false
-  version_requirements: *70265769987360
+  version_requirements: *70109798186040
 - !ruby/object:Gem::Dependency
   name: jquery-rails
-  requirement: &70265769986280 !ruby/object:Gem::Requirement
+  requirement: &70109798185520 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -43,10 +43,10 @@ dependencies:
         version: '0'
   type: :runtime
   prerelease: false
-  version_requirements: *70265769986280
+  version_requirements: *70109798185520
 - !ruby/object:Gem::Dependency
   name: rspec
-  requirement: &70265769984520 !ruby/object:Gem::Requirement
+  requirement: &70109798185040 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -54,10 +54,10 @@ dependencies:
         version: '0'
   type: :development
   prerelease: false
-  version_requirements: *70265769984520
+  version_requirements: *70109798185040
 - !ruby/object:Gem::Dependency
   name: rails
-  requirement: &70265769832120 !ruby/object:Gem::Requirement
+  requirement: &70109798184540 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -65,7 +65,7 @@ dependencies:
         version: 3.1.1
   type: :development
   prerelease: false
-  version_requirements: *70265769832120
+  version_requirements: *70109798184540
 description: Include the knockout.js and some of its extensions so you can pick what
   you need. Adds the support for models and interation with the Rails backend.
 email:
@@ -76,14 +76,17 @@ extra_rdoc_files: []
 files:
 - .gitignore
 - Gemfile
-- Gemfile.lock
 - HISTORY.md
 - README.md
 - Rakefile
 - knockout-rails.gemspec
-- lib/assets/javascripts/knockout/bindings.js.coffee
+- lib/assets/javascripts/knockout.js
+- lib/assets/javascripts/knockout/bindings/all.js
+- lib/assets/javascripts/knockout/bindings/autosave.js.coffee
+- lib/assets/javascripts/knockout/bindings/color.js.coffee
+- lib/assets/javascripts/knockout/bindings/inplace.js.coffee
+- lib/assets/javascripts/knockout/bindings/onoff.js.coffee
 - lib/assets/javascripts/knockout/model.js.coffee
-- lib/assets/javascripts/knockout/observables.js.coffee
 - lib/knockout-rails.rb
 - lib/knockout-rails/engine.rb
 - lib/knockout-rails/version.rb
@@ -118,9 +121,11 @@ files:
 - spec/dummy/public/500.html
 - spec/dummy/public/favicon.ico
 - spec/dummy/script/rails
-- spec/javascripts/knockout/bindings_spec.js.coffee
+- spec/javascripts/knockout/bindings/autosave_spec.js.coffee
+- spec/javascripts/knockout/bindings/color_spec.js.coffee
+- spec/javascripts/knockout/bindings/inplace_spec.js.coffee
+- spec/javascripts/knockout/bindings/onoff_spec.js.coffee
 - spec/javascripts/knockout/model_spec.js.coffee
-- spec/javascripts/knockout/observables_spec.js.coffee
 - spec/javascripts/spec.css
 - spec/javascripts/spec.js.coffee
 - spec/javascripts/support/mock-ajax.js
@@ -128,7 +133,6 @@ files:
 - spec/spec_helper.rb
 - spec/support/global.rb
 - spec/support/matchers.rb
-- vendor/assets/javascripts/knockout.js
 - vendor/assets/javascripts/knockout/knockout.js
 - vendor/assets/javascripts/knockout/knockout.mapping.js
 - vendor/assets/javascripts/knockout/sugar-1.1.1.js
@@ -146,7 +150,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
       segments:
       - 0
-      hash: -209909381352659147
+      hash: -2773506954842837936
 required_rubygems_version: !ruby/object:Gem::Requirement
   none: false
   requirements:
@@ -155,7 +159,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
       segments:
       - 0
-      hash: -209909381352659147
+      hash: -2773506954842837936
 requirements: []
 rubyforge_project: knockout-rails
 rubygems_version: 1.8.10
@@ -194,9 +198,11 @@ test_files:
 - spec/dummy/public/500.html
 - spec/dummy/public/favicon.ico
 - spec/dummy/script/rails
-- spec/javascripts/knockout/bindings_spec.js.coffee
+- spec/javascripts/knockout/bindings/autosave_spec.js.coffee
+- spec/javascripts/knockout/bindings/color_spec.js.coffee
+- spec/javascripts/knockout/bindings/inplace_spec.js.coffee
+- spec/javascripts/knockout/bindings/onoff_spec.js.coffee
 - spec/javascripts/knockout/model_spec.js.coffee
-- spec/javascripts/knockout/observables_spec.js.coffee
 - spec/javascripts/spec.css
 - spec/javascripts/spec.js.coffee
 - spec/javascripts/support/mock-ajax.js

data/Gemfile.lock

@@ -1,134 +0,0 @@
-PATH
-  remote: .
-  specs:
-    knockout-rails (0.0.1)
-      execjs
-      jquery-rails
-      sprockets (>= 2.0.0)
-
-GEM
-  remote: http://rubygems.org/
-  specs:
-    actionmailer (3.1.1)
-      actionpack (= 3.1.1)
-      mail (~> 2.3.0)
-    actionpack (3.1.1)
-      activemodel (= 3.1.1)
-      activesupport (= 3.1.1)
-      builder (~> 3.0.0)
-      erubis (~> 2.7.0)
-      i18n (~> 0.6)
-      rack (~> 1.3.2)
-      rack-cache (~> 1.1)
-      rack-mount (~> 0.8.2)
-      rack-test (~> 0.6.1)
-      sprockets (~> 2.0.2)
-    activemodel (3.1.1)
-      activesupport (= 3.1.1)
-      builder (~> 3.0.0)
-      i18n (~> 0.6)
-    activerecord (3.1.1)
-      activemodel (= 3.1.1)
-      activesupport (= 3.1.1)
-      arel (~> 2.2.1)
-      tzinfo (~> 0.3.29)
-    activeresource (3.1.1)
-      activemodel (= 3.1.1)
-      activesupport (= 3.1.1)
-    activesupport (3.1.1)
-      multi_json (~> 1.0)
-    arel (2.2.1)
-    builder (3.0.0)
-    coderay (0.9.8)
-    coffee-script (2.2.0)
-      coffee-script-source
-      execjs
-    coffee-script-source (1.1.3)
-    diff-lcs (1.1.3)
-    erubis (2.7.0)
-    execjs (1.2.9)
-      multi_json (~> 1.0)
-    haml (3.1.3)
-    hike (1.2.1)
-    i18n (0.6.0)
-    jasminerice (0.0.8)
-      haml
-    jquery-rails (1.0.16)
-      railties (~> 3.0)
-      thor (~> 0.14)
-    json (1.6.1)
-    mail (2.3.0)
-      i18n (>= 0.4.0)
-      mime-types (~> 1.16)
-      treetop (~> 1.4.8)
-    method_source (0.6.7)
-      ruby_parser (>= 2.3.1)
-    mime-types (1.17.2)
-    multi_json (1.0.3)
-    polyglot (0.3.3)
-    pry (0.9.7.4)
-      coderay (~> 0.9.8)
-      method_source (~> 0.6.7)
-      ruby_parser (>= 2.3.1)
-      slop (~> 2.1.0)
-    rack (1.3.5)
-    rack-cache (1.1)
-      rack (>= 0.4)
-    rack-mount (0.8.3)
-      rack (>= 1.0.0)
-    rack-ssl (1.3.2)
-      rack
-    rack-test (0.6.1)
-      rack (>= 1.0)
-    rails (3.1.1)
-      actionmailer (= 3.1.1)
-      actionpack (= 3.1.1)
-      activerecord (= 3.1.1)
-      activeresource (= 3.1.1)
-      activesupport (= 3.1.1)
-      bundler (~> 1.0)
-      railties (= 3.1.1)
-    railties (3.1.1)
-      actionpack (= 3.1.1)
-      activesupport (= 3.1.1)
-      rack-ssl (~> 1.3.2)
-      rake (>= 0.8.7)
-      rdoc (~> 3.4)
-      thor (~> 0.14.6)
-    rake (0.9.2.2)
-    rdoc (3.11)
-      json (~> 1.4)
-    rspec (2.7.0)
-      rspec-core (~> 2.7.0)
-      rspec-expectations (~> 2.7.0)
-      rspec-mocks (~> 2.7.0)
-    rspec-core (2.7.1)
-    rspec-expectations (2.7.0)
-      diff-lcs (~> 1.1.2)
-    rspec-mocks (2.7.0)
-    ruby_parser (2.3.1)
-      sexp_processor (~> 3.0)
-    sexp_processor (3.0.8)
-    slop (2.1.0)
-    sprockets (2.0.3)
-      hike (~> 1.2)
-      rack (~> 1.0)
-      tilt (~> 1.1, != 1.3.0)
-    thor (0.14.6)
-    tilt (1.3.3)
-    treetop (1.4.10)
-      polyglot
-      polyglot (>= 0.3.1)
-    tzinfo (0.3.31)
-
-PLATFORMS
-  ruby
-
-DEPENDENCIES
-  coffee-script
-  jasminerice
-  jquery-rails
-  knockout-rails!
-  pry
-  rails (>= 3.1.1)
-  rspec

data/lib/assets/javascripts/knockout/bindings.js.coffee

@@ -1 +0,0 @@
-#TODO: Add additional bindings

data/lib/assets/javascripts/knockout/observables.js.coffee

@@ -1 +0,0 @@
-# TODO: add additional observers

data/spec/javascripts/knockout/bindings_spec.js.coffee

@@ -1,2 +0,0 @@
-describe "bindings", ->
-  it "coming soon"

data/spec/javascripts/knockout/observables_spec.js.coffee

@@ -1,3 +0,0 @@
-describe "observables", ->
-
-  it "coming soon"