hammerjs-rails 0.1.0 → 0.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: eda8b8f0cddf3bdeddfbacffae50d9bf8a8bc875
-  data.tar.gz: 5eaf7db8bb193bc6fae659ddf5a78feff9dad17d
+  metadata.gz: 10755e389c9d153cf0f51a60cbcc45eb1f0449db
+  data.tar.gz: 4d4a37e7fa403777eab43211216d2defbfc33aa6
 SHA512:
-  metadata.gz: 65e5c9b3745e19dffda7cf084f2be41d98916dc08a652c3f9ec4ea4310f32cfc538c4a10f9c5ce240565c340c1bb4cb4c4b850ff36f8fd1a4711a607d6b8537c
-  data.tar.gz: 119fb64dcabe4e9e0c3d096e7b880e22ef6915dcd3926cb471330fefabe330bb8bd7f2b898b95bbc6d90f51bbacd98c7649f2123849e0268a430aae2f95c8552
+  metadata.gz: 3f75eb586431eba4676e7cfc776df0e092bcc8933cc04be757098c12e7aa39ef0107b3435601a1e247a7f53ee1df889a73372302ac597d76828e1a3adbecd38f
+  data.tar.gz: f373317e6aab9ca844a4c2f6562efe76425e5881483831654c1a145ea53d96fdbeb2ecb8534d1c2a4a452d1f9a5e0c673ef59eae0d0a0c0508f887433d976f73

data/.gitignore

@@ -1 +1,2 @@
-Gemfile.lock
+Gemfile.lock
+*.gem

data/README.md

@@ -11,10 +11,10 @@ Add this line to your application's Gemfile:
 gem 'hammerjs-rails'
 ```
 
-Add one of the following directive to your Javascript manifest file (application.js):
+Add update your Javascript manifest file (application.js):
 
 ```js
-//= require hammerjs
+//= require hammer
 ```
 
 ## Contributing

data/lib/hammerjs/rails/version.rb

@@ -1,5 +1,5 @@
 module Hammerjs
   module Rails
-    VERSION = '0.1.0'
+    VERSION = '0.2.0'
   end
 end

data/vendor/assets/javascripts/hammer.fakemultitouch.js

@@ -0,0 +1,81 @@
+(function(Hammer) {
+  /**
+   * enable multitouch on the desktop by pressing the shiftkey
+   * the other touch goes in the opposite direction so the center keeps at its place
+   * it's recommended to enable Hammer.debug.showTouches for this one
+   */
+  Hammer.plugins.fakeMultitouch = function() {
+    // keeps the start position to keep it centered
+    var start_pos = false;
+
+    // test for msMaxTouchPoints to enable this for IE10 with only one pointer (a mouse in all/most cases)
+    Hammer.HAS_POINTEREVENTS = navigator.msPointerEnabled &&
+      navigator.msMaxTouchPoints && navigator.msMaxTouchPoints >= 1;
+
+    /**
+     * overwrites Hammer.event.getTouchList.
+     * @param   {Event}     ev
+     * @param   TOUCHTYPE   type
+     * @return  {Array}     Touches
+     */
+    Hammer.event.getTouchList = function(ev, eventType) {
+      // get the fake pointerEvent touchlist
+      if(Hammer.HAS_POINTEREVENTS) {
+        return Hammer.PointerEvent.getTouchList();
+      }
+      // get the touchlist
+      else if(ev.touches) {
+        return ev.touches;
+      }
+
+      // reset on start of a new touch
+      if(eventType == Hammer.EVENT_START) {
+        start_pos = false;
+      }
+
+      // when the shift key is pressed, multitouch is possible on desktop
+      // why shift? because ctrl and alt are taken by osx and linux
+      if(ev.shiftKey) {
+        // on touchstart we store the position of the mouse for multitouch
+        if(!start_pos) {
+          start_pos = {
+            pageX: ev.pageX,
+            pageY: ev.pageY
+          };
+        }
+
+        var distance_x = start_pos.pageX - ev.pageX;
+        var distance_y = start_pos.pageY - ev.pageY;
+
+        // fake second touch in the opposite direction
+        return [
+          {
+            identifier: 1,
+            pageX     : start_pos.pageX - distance_x - 50,
+            pageY     : start_pos.pageY - distance_y - -50,
+            target    : ev.target
+          },
+          {
+            identifier: 2,
+            pageX     : start_pos.pageX + distance_x - -50,
+            pageY     : start_pos.pageY + distance_y - 50,
+            target    : ev.target
+          }
+        ];
+      }
+      // normal single touch
+      else {
+        start_pos = false;
+        return [
+          {
+            identifier: 1,
+            pageX     : ev.pageX,
+            pageY     : ev.pageY,
+            target    : ev.target
+          }
+        ];
+      }
+    };
+  };
+
+})(window.Hammer);

data/vendor/assets/javascripts/hammer.showtouches.js

@@ -0,0 +1,70 @@
+(function(Hammer) {
+  /**
+   * ShowTouches gesture
+   * show all touch on the screen by placing elements at there pageX and pageY
+   * @param   {Boolean}   [force]
+   */
+  Hammer.plugins.showTouches = function(force) {
+    // the circles under your fingers
+    var template_style = 'position:absolute;z-index:9999;left:0;top:0;height:14px;width:14px;border:solid 2px #777;' +
+      'background:rgba(255,255,255,.7);border-radius:20px;pointer-events:none;' +
+      'margin-top:-9px;margin-left:-9px;';
+
+    // elements by identifier
+    var touch_elements = {};
+    var touches_index = {};
+
+    /**
+     * remove unused touch elements
+     */
+    function removeUnusedElements() {
+      // remove unused touch elements
+      for(var key in touch_elements) {
+        if(touch_elements.hasOwnProperty(key) && !touches_index[key]) {
+          document.body.removeChild(touch_elements[key]);
+          delete touch_elements[key];
+        }
+      }
+    }
+
+    Hammer.detection.register({
+      name    : 'show_touches',
+      priority: 0,
+      handler : function(ev, inst) {
+        touches_index = {};
+
+        // clear old elements when not using a mouse
+        if(ev.pointerType != Hammer.POINTER_MOUSE && !force) {
+          removeUnusedElements();
+          return;
+        }
+
+        // place touches by index
+        for(var t = 0, total_touches = ev.touches.length; t < total_touches; t++) {
+          var touch = ev.touches[t];
+
+          var id = touch.identifier;
+          touches_index[id] = touch;
+
+          // new touch element
+          if(!touch_elements[id]) {
+            // create new element and attach base styles
+            var template = document.createElement('div');
+            template.setAttribute('style', template_style);
+
+            // append element to body
+            document.body.appendChild(template);
+
+            touch_elements[id] = template;
+          }
+
+          // Paul Irish says that translate is faster then left/top
+          touch_elements[id].style.left = touch.pageX + 'px';
+          touch_elements[id].style.top = touch.pageY + 'px';
+        }
+
+        removeUnusedElements();
+      }
+    });
+  };
+})(window.Hammer);

data/vendor/assets/javascripts/jquery.hammer.js

@@ -0,0 +1,115 @@
+/*! jQuery plugin for Hammer.JS - v1.0.0 - 2013-11-03
+ * http://eightmedia.github.com/hammer.js
+ *
+ * Copyright (c) 2013 Jorik Tangelder <j.tangelder@gmail.com>;
+ * Licensed under the MIT license */
+
+(function(window, undefined) {
+  'use strict';
+
+function setup(Hammer, $) {
+  /**
+   * bind dom events
+   * this overwrites addEventListener
+   * @param   {HTMLElement}   element
+   * @param   {String}        eventTypes
+   * @param   {Function}      handler
+   */
+  Hammer.event.bindDom = function(element, eventTypes, handler) {
+    $(element).on(eventTypes, function(ev) {
+      var data = ev.originalEvent || ev;
+
+      if(data.pageX === undefined) {
+        data.pageX = ev.pageX;
+        data.pageY = ev.pageY;
+      }
+
+      if(!data.target) {
+        data.target = ev.target;
+      }
+
+      if(data.which === undefined) {
+        data.which = data.button;
+      }
+
+      if(!data.preventDefault) {
+        data.preventDefault = ev.preventDefault;
+      }
+
+      if(!data.stopPropagation) {
+        data.stopPropagation = ev.stopPropagation;
+      }
+
+      handler.call(this, data);
+    });
+  };
+
+  /**
+   * the methods are called by the instance, but with the jquery plugin
+   * we use the jquery event methods instead.
+   * @this    {Hammer.Instance}
+   * @return  {jQuery}
+   */
+  Hammer.Instance.prototype.on = function(types, handler) {
+    return $(this.element).on(types, handler);
+  };
+  Hammer.Instance.prototype.off = function(types, handler) {
+    return $(this.element).off(types, handler);
+  };
+
+
+  /**
+   * trigger events
+   * this is called by the gestures to trigger an event like 'tap'
+   * @this    {Hammer.Instance}
+   * @param   {String}    gesture
+   * @param   {Object}    eventData
+   * @return  {jQuery}
+   */
+  Hammer.Instance.prototype.trigger = function(gesture, eventData) {
+    var el = $(this.element);
+    if(el.has(eventData.target).length) {
+      el = $(eventData.target);
+    }
+
+    return el.trigger({
+      type   : gesture,
+      gesture: eventData
+    });
+  };
+
+
+  /**
+   * jQuery plugin
+   * create instance of Hammer and watch for gestures,
+   * and when called again you can change the options
+   * @param   {Object}    [options={}]
+   * @return  {jQuery}
+   */
+  $.fn.hammer = function(options) {
+    return this.each(function() {
+      var el = $(this);
+      var inst = el.data('hammer');
+      // start new hammer instance
+      if(!inst) {
+        el.data('hammer', new Hammer(this, options || {}));
+      }
+      // change the options
+      else if(inst && options) {
+        Hammer.utils.extend(inst.options, options);
+      }
+    });
+  };
+}
+
+  // Based off Lo-Dash's excellent UMD wrapper (slightly modified) - https://github.com/bestiejs/lodash/blob/master/lodash.js#L5515-L5543
+  // some AMD build optimizers, like r.js, check for specific condition patterns like the following:
+  if(typeof define == 'function' && typeof define.amd == 'object' && define.amd) {
+    // define as an anonymous module
+    define(['hammer', 'jquery'], setup);
+  
+  }
+  else {
+    setup(window.Hammer, window.jQuery || window.Zepto);
+  }
+})(this);

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: hammerjs-rails
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.2.0
 platform: ruby
 authors:
 - Vincent Pochet
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-11-07 00:00:00.000000000 Z
+date: 2013-12-18 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -52,7 +52,10 @@ files:
 - hammerjs-rails.gemspec
 - lib/hammerjs-rails.rb
 - lib/hammerjs/rails/version.rb
+- vendor/assets/javascripts/hammer.fakemultitouch.js
 - vendor/assets/javascripts/hammer.js
+- vendor/assets/javascripts/hammer.showtouches.js
+- vendor/assets/javascripts/jquery.hammer.js
 homepage: https://github.com/vincent-pochet/hammerjs-rails
 licenses:
 - MIT
@@ -73,7 +76,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.0.3
+rubygems_version: 2.1.11
 signing_key: 
 specification_version: 4
 summary: hammerjs packaged for Rails assets pipeline