koa-js 0.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: e96de711ed97ee24e16c03017b59c8a94ea32d92
+  data.tar.gz: 37d5ac91a4deb413527e93e7ab89a05420e34d2a
+SHA512:
+  metadata.gz: de6d84ecd1b04960e0aabcc2fc14f72e1ef0e7315cb4d8594ad6ee6f5832b65419a7ecb56eab15deb0add54bfe217b572c2ba548c56efb0e4c828114b3857e1a
+  data.tar.gz: 00978ccf229d21d97d2920f08cf24a1b591ac805351666800b20ac975c900d0dafc526749b1a8ee3210e117e761c842d8751720e52b85a2bfec63c0edb946edc

data/lib/koa-js.rb

@@ -0,0 +1,5 @@
+require 'koa-js/engine'
+
+module KOAJS
+  
+end

data/lib/koa-js/engine.rb

@@ -0,0 +1,4 @@
+module KOAJS
+  class Engine < ::Rails::Engine
+  end
+end

data/vendor/assets/javascripts/koa.js

@@ -0,0 +1,4 @@
+//= require ./koa/koa-touch.js
+//= require ./koa/koa-legacy-scroll.js
+//= require ./koa/koa-model.js
+//= require ./koa/koa-user.js

data/vendor/assets/javascripts/koa/koa-legacy-scroll.js

@@ -0,0 +1,104 @@
+
+function KOALegacyScroll (page, div_id, bottomScrollPadding) {
+		this.bottomScrollPadding = bottomScrollPadding || 0; 
+		this.needsConfig = true; 
+		this.div_id = div_id;
+		this.wrapper_id = div_id+"_wrap"; 
+		this.page = page; 
+
+		$(this.page).find(this.div_id).off();
+
+		var _this = this; 
+        $(this.page).find(this.div_id).on('touchstart', function (event) { _this.touchStart(event); });
+        $(this.page).find(this.div_id).on('touchmove',  function (event) { _this.touchMoved(event); });
+}
+
+KOALegacyScroll.prototype.touchStart = function (event) {
+	if(this.needsConfig) { this.config(); }
+	this.startScrollTouches = event.touches[0];
+	this.startScrollOffset = parseFloat($(this.div_id).css('top').replace("px", ""));
+}
+
+KOALegacyScroll.prototype.touchMoved = function (event) {
+	var offsetAmount = (event.touches[0].screenY - this.startScrollTouches.screenY) ;
+	offsetAmount += this.startScrollOffset;
+	if (offsetAmount > 0) {
+		offsetAmount = 0;
+	}
+	if (offsetAmount < this.maxYOffset) {
+		offsetAmount = this.maxYOffset; 
+	}
+	console.log(offsetAmount, this.maxYOffset);
+	// var currentTop = $(this.div_id).css('top').replace("px", "");
+	$(this.div_id).css({"top": offsetAmount+'px'});
+}
+KOALegacyScroll.prototype.config = function (event) {
+	console.log('config', this.needsConfig);
+	this.needsConfig = false;
+	var content = $(this.page).find(this.div_id);
+	content.wrap("<div id='"+this.wrapper_id.replace("#","") +"'>");
+
+	var wrapper = $(this.page).find(this.wrapper_id);
+
+	var clone = $(this.page).find(this.div_id).clone().attr("id", false)
+                      .css({"visibility":"hidden", 
+                      	"display":"block", 
+                               "position":"absolute",
+                               "height": "auto"});
+                          $("body").append(clone);
+    this.contentHeight = clone.height();
+    // this.maxYOffset = -1 * ((content.height() - this.contentHeight) - this.bottomScrollPadding);
+ 	var top = (content.offset().top + window.screenY) / window.devicePixelRatio ;
+
+  	console.log("vp and top" , this.getViewportHeight(),  top) ;
+    var windowPosition = this.getViewportHeight() - top ;
+  
+    console.log(windowPosition);
+    this.maxYOffset = 0 - content.height() - this.bottomScrollPadding + windowPosition;
+    console.log(this.contentHeight, content.height(), this.maxYOffset);
+
+	wrapper.css({"position":"absolute", 
+				 "overflow":"hidden", 
+				 "top":content.css("top"), 
+				 "width" :  content.width()+"px",
+				 "height" :  content.height()+"px" });
+
+	content.css({"overflow":"visible",
+				 "overflow-y":"visible",
+				 "top"    : "0",
+				 "height" : "auto",
+				 "float"  :"left" ,
+				});
+
+	wrapper.css({"height" :  content.height()+"px"});
+		    // this.maxYOffset = 0 - this.contentHeight + content.height() - this.bottomScrollPadding;
+	clone.remove();
+
+
+}
+
+
+
+KOALegacyScroll.prototype.getViewportHeight = function () {
+
+ var viewPortHeight;
+
+ // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight
+ if (typeof window.innerWidth != 'undefined') {
+   viewPortHeight = window.innerHeight
+ }
+
+// IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)
+ else if (typeof document.documentElement != 'undefined'
+ && typeof document.documentElement.clientWidth !=
+ 'undefined' && document.documentElement.clientWidth != 0) {
+    viewPortHeight = document.documentElement.clientHeight
+ }
+
+ // older versions of IE
+ else {
+   viewPortHeight = document.getElementsByTagName('body')[0].clientHeight
+ }
+ console.log('vp height', viewPortHeight);
+ return viewPortHeight;
+}

data/vendor/assets/javascripts/koa/koa-model.js

@@ -0,0 +1,42 @@
+function KOAModel() {}
+$.extend(KOAModel, {
+  relationships: {},
+  
+  extend: function(def) {
+    def = def || {};
+    def.instance = def.instance || {};
+    def.klass = def.klass || {};
+    var klass = function(data) {
+      this.synthesize(data);
+    };
+    $.extend(klass, this, def.klass);
+    $.extend(klass.prototype, this.prototype, def.instance);
+    return klass;
+  }
+});
+
+
+$.extend(KOAModel.prototype, {
+  serialize: function() {
+    var obj = {};
+    for(var i in this) {
+      if(i.indexOf("_") == 0) continue;
+      if(this[i] == undefined || this[i] == null) continue;
+      if(typeof this[i] == "function") continue;
+      obj[i] = this[i];
+    }
+    return obj;
+  },
+  
+  synthesize: function(obj) {
+    for(var i in obj) {
+      var ref = i.replace(/([A-Z])/g,"_$1").toLowerCase();
+      if(this.constructor.relationships[ref] != undefined) {
+        var klass = this.constructor.relationships[ref];
+        this[ref] = new window[klass](obj[i]);
+      } else {
+        this[ref] = obj[i];
+      }
+    }
+  }
+});

data/vendor/assets/javascripts/koa/koa-touch.js

@@ -0,0 +1,135 @@
+//     Zepto.js
+//     (c) 2010-2012 Thomas Fuchs
+//     Zepto.js may be freely distributed under the MIT license.
+
+;(function($){
+  var touch = {},
+    touchTimeout, tapTimeout, swipeTimeout,
+    longTapDelay = 750, longTapTimeout
+
+  function parentIfText(node) {
+    return 'tagName' in node ? node : node.parentNode
+  }
+
+  function swipeDirection(x1, x2, y1, y2) {
+    var xDelta = Math.abs(x1 - x2), yDelta = Math.abs(y1 - y2)
+    return xDelta >= yDelta ? (x1 - x2 > 0 ? 'Left' : 'Right') : (y1 - y2 > 0 ? 'Up' : 'Down')
+  }
+
+  function longTap() {
+    longTapTimeout = null
+    if (touch.last) {
+      touch.el.trigger('longTap')
+      touch = {}
+    }
+  }
+
+  function cancelLongTap() {
+    if (longTapTimeout) clearTimeout(longTapTimeout)
+    longTapTimeout = null
+  }
+
+  function cancelAll() {
+    if (touchTimeout) clearTimeout(touchTimeout)
+    if (tapTimeout) clearTimeout(tapTimeout)
+    if (swipeTimeout) clearTimeout(swipeTimeout)
+    if (longTapTimeout) clearTimeout(longTapTimeout)
+    touchTimeout = tapTimeout = swipeTimeout = longTapTimeout = null
+    touch = {}
+  }
+
+  $(document).ready(function(){
+    var now, delta
+
+    $(document.body)
+      .bind('touchstart', function(e){
+        now = Date.now()
+        delta = now - (touch.last || now)
+        touch.el = $(parentIfText(e.touches[0].target))
+        touchTimeout && clearTimeout(touchTimeout)
+        touch.x1 = e.touches[0].pageX
+        touch.y1 = e.touches[0].pageY
+        if (delta > 0 && delta <= 250) touch.isDoubleTap = true
+        touch.last = now
+        longTapTimeout = setTimeout(longTap, longTapDelay)
+      })
+      .bind('touchmove', function(e){
+        cancelLongTap()
+        touch.x2 = e.touches[0].pageX
+        touch.y2 = e.touches[0].pageY
+        if (Math.abs(touch.x1 - touch.x2) > 50)
+          e.preventDefault()
+      })
+      .bind('touchend', function(e){
+         cancelLongTap()
+
+        // swipe
+        if ((touch.x2 && Math.abs(touch.x1 - touch.x2) > 30) ||
+            (touch.y2 && Math.abs(touch.y1 - touch.y2) > 30))
+
+          swipeTimeout = setTimeout(function() {
+            touch.el.trigger('swipe')
+            touch.el.trigger('swipe' + (swipeDirection(touch.x1, touch.x2, touch.y1, touch.y2)))
+            touch = {}
+          }, 0)
+
+        // normal tap
+        else if ('last' in touch)
+
+          // delay by one tick so we can cancel the 'tap' event if 'scroll' fires
+          // ('tap' fires before 'scroll')
+          tapTimeout = setTimeout(function() {
+
+            // trigger universal 'tap' with the option to cancelTouch()
+            // (cancelTouch cancels processing of single vs double taps for faster 'tap' response)
+            var event = $.Event('tap')
+            event.cancelTouch = cancelAll
+            touch.el.trigger(event)
+
+            // trigger double tap immediately
+            if (touch.isDoubleTap) {
+              touch.el.trigger('doubleTap')
+              touch = {}
+            }
+
+            // trigger single tap after 250ms of inactivity
+            else {
+              touchTimeout = setTimeout(function(){
+                touchTimeout = null
+                touch.el.trigger('singleTap')
+                touch = {}
+              }, 250)
+            }
+
+          }, 0)
+
+      })
+      .bind('touchcancel', cancelAll);
+      
+      function isTouchDevice(){
+        return 'ontouchstart' in window // works on most browsers 
+            || 'onmsgesturechange' in window; // works on ie10
+      };
+      function tapClick(e) {
+        var event = $.Event('tapClick');
+        event.cancelTouch = cancelAll;
+        if(e.touches) {
+          $(parentIfText(e.touches[0].target)).trigger(event);
+        } else {
+          $(parentIfText(e.target)).trigger(event);
+        }
+      }
+      if(isTouchDevice()) {
+        $(document.body).bind('tap', tapClick);
+      } else {
+        $(document.body).bind('click', tapClick);
+      }
+
+    $(window).bind('scroll', cancelAll);
+    $(window).bind('scroll', function(){ setTimeout(cancelAll,0); });
+  })
+
+  ;['swipe', 'swipeLeft', 'swipeRight', 'swipeUp', 'swipeDown', 'doubleTap', 'tap', 'singleTap', 'longTap','tapClick'].forEach(function(m){
+    $.fn[m] = function(callback){ return this.bind(m, callback) }
+  })
+})(Zepto)

data/vendor/assets/javascripts/koa/koa-user.js

@@ -0,0 +1,112 @@
+var KOAUser = KOAModel.extend({
+  klass: {
+    callbacks: [],
+    getting_user: false,
+    map: {
+      firstName: "first_name",
+      lastName: "last_name",
+      fullName: "full_name"
+    },
+    
+    getPermittedUser: function(cb) {
+      if(cards.kik.hasPermission()) {
+        return this.getUser(cb);
+      } else {
+        cb(Errors.KikPermissionNotReceived);
+      }
+    },
+    
+    getUser: function(cb) {
+      if(this.loggedInUser && this.loggedInUser.id) {
+        return cb(null, this.loggedInUser);
+      }
+      this.callbacks.push(cb);
+      if(this.getting_user) return;
+      this.getting_user = true;
+      var _this = this;
+      this.getKikUser(function(err, user) {
+        if(err) {
+          return _this.callbackUser(err, null);
+        }
+        user.login(function(err, user) {
+          _this.callbackUser(err, user);
+        });
+      });
+    },
+    
+    callbackUser: function(err, user) {
+      this.getting_user = false;
+      for(var i = 0; i < this.callbacks.length; i++) {
+        this.callbacks[i](err, user);
+      }
+      this.callbacks = [];
+    },
+    
+    getKikUser: function(cb) {
+      if(cards.kik && cards.kik.getUser) {
+        var _this = this;
+        cards.kik.getUser(function(user) {
+          if(!user) {
+            return cb(Errors.KikPermissionDenied);
+          }
+          _this.loggedInUser = new KOAUser(user);
+          if(cards.push) {
+            cards.push.getToken(function(token) {
+              if(token){ _this.loggedInUser.push_token = token; }
+              cb(null, _this.loggedInUser);
+            });
+          } else {
+            cb(null, _this.loggedInUser);
+          }
+        });
+      } else {
+        cb(Errors.KikNotSupported);
+      }
+    }
+  },
+  
+  instance: {
+    getPic: function() {
+      if(!this.pic || this.pic == "null") {
+        return "/img/default-pic.png";
+      }
+      return this.pic;
+    },
+    
+    getThumbnail: function() {
+      if(!this.thumbnail || this.thumbnail == "null") {
+        return "/img/default-avatar.png";
+      }
+      return this.thumbnail;
+    },
+    
+    login: function(cb) {
+      var _this = this;
+      if(location.href.match(/https/i)) {
+        cards.kik.sign("login", function(signedData, username, host) {
+          if(!signedData) {
+            cb("Failed to sign data");
+            return;
+          }
+          API.login(_this, signedData, host, function(err, user) {
+            if(err) {
+              return cb(err);
+            }
+            _this.id = user.id;
+            _this.token = user.token;
+            cb(null, _this);
+          });
+        });
+      } else {
+        API.login(this, "", "", function(err, user) {
+          if(err) {
+            return cb(err);
+          }
+          _this.id = user.id;
+          _this.token = user.token;
+          cb(null, _this);
+        });
+      }
+    }
+  }
+});

metadata

@@ -0,0 +1,50 @@
+--- !ruby/object:Gem::Specification
+name: koa-js
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+platform: ruby
+authors:
+- Eric Rykwalder
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2013-10-17 00:00:00.000000000 Z
+dependencies: []
+description: JS Libraries for KOA
+email: eric@albumatic.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- vendor/assets/javascripts/koa/koa-legacy-scroll.js
+- vendor/assets/javascripts/koa/koa-model.js
+- vendor/assets/javascripts/koa/koa-touch.js
+- vendor/assets/javascripts/koa/koa-user.js
+- vendor/assets/javascripts/koa.js
+- lib/koa-js/engine.rb
+- lib/koa-js.rb
+homepage: http://github.com/albumatic
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.0.5
+signing_key: 
+specification_version: 4
+summary: KOA js libs
+test_files: []