jquery-atwho-rails 0.3.1 → 0.3.2

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: e175b0c1d92d3d414cbe8cf439b14ab7fcf98e42
+  data.tar.gz: d561cd5c31287188104ed2417af2dd44c2418d91
+SHA512:
+  metadata.gz: fc281180227c6e072a7bc07b8e1bb409962d9b50681ddd75c80421710ca6afa09435819bc8e2993d8e8715e439da6ff502cadc1f783b607c2cd732309fde5226
+  data.tar.gz: 0a54a8ce1e6018e0925e69352dedce87fb5c1b06045120d0030c9b652e934456327256a0c2cc46e5e160a184bac5e36f358456f3b7360962383ae1222d795c26

data/LICENSE-MIT

@@ -0,0 +1,22 @@
+Copyright (c) 2013 chord.luo@gmail.com
+
+Permission is hereby granted, free of charge, to any person
+obtaining a copy of this software and associated documentation
+files (the "Software"), to deal in the Software without
+restriction, including without limitation the rights to use,
+copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the
+Software is furnished to do so, subject to the following
+conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
+OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
+OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -1,29 +1,24 @@
-### Notice
-updated to `v0.2.0`.  
-The stable and old one would live in branch `stable-v0.1.x` branch taged `v0.1.7`  
-**More details** in [At.js](https://github.com/ichord/At.js) project.
-
 ### Usage
 ---
-bind your textarea
+Bind your textarea
 
 ```javascript
 data = ['tom','john'];
-$('textarea').atwho("@",{'data':data});
+$('textarea').atwho({at:"@", 'data':data});
 ```
 
 that's it, check it out!
 more details in [At.js Home Page](http://ichord.github.com/At.js/)
 
-### Installtion
+### Installation
 ---
 #### Rails 3.0.x
-issue commnd line bellow:  
+Issue command line bellow:  
 `rails generate atwho:install`  
 then It will show in `public/[javascript|stylesheets]/` directory.
 
 #### Rails 3.1.x
-add this gem in `Gemfile` like this:  
+Add this gem in `Gemfile` like this:  
 `gem jquery-atwho-rails`  
 
 then add    
@@ -31,8 +26,11 @@ then add
 to `app/assets/javascripts/application.js`  
 and `app/assets/stylesheets/applications.css`  
 
-### development
+#### History Versions 
+All in [At.js](https://github.com/ichord/At.js) project.
+
+### Development
 ---
 #### Test generator
-just issue  
+Just issue  
 `bundle` then `rspec`

data/lib/assets/javascripts/jquery.atwho.js

@@ -1,3 +1,293 @@
+//@ sourceMappingURL=jquery.caret.map
+/*
+  Implement Github like autocomplete mentions
+  http://ichord.github.com/At.js
+
+  Copyright (c) 2013 chord.luo@gmail.com
+  Licensed under the MIT license.
+*/
+
+
+/*
+本插件操作 textarea 或者 input 内的插入符
+只实现了获得插入符在文本框中的位置，我设置
+插入符的位置.
+*/
+
+
+(function() {
+  (function(factory) {
+    if (typeof define === 'function' && define.amd) {
+      return define(['jquery'], factory);
+    } else {
+      return factory(window.jQuery);
+    }
+  })(function($) {
+    "use strict";
+    var Caret, Mirror, methods, pluginName;
+
+    pluginName = 'caret';
+    Caret = (function() {
+      function Caret($inputor) {
+        this.$inputor = $inputor;
+        this.domInputor = this.$inputor[0];
+      }
+
+      Caret.prototype.getPos = function() {
+        var end, endRange, inputor, len, normalizedValue, pos, range, start, textInputRange;
+
+        inputor = this.domInputor;
+        inputor.focus();
+        if (document.selection) {
+          /*
+          #assume we select "HATE" in the inputor such as textarea -> { }.
+           *               start end-point.
+           *              /
+           * <  I really [HATE] IE   > between the brackets is the selection range.
+           *                   \
+           *                    end end-point.
+          */
+
+          range = document.selection.createRange();
+          pos = 0;
+          if (range && range.parentElement() === inputor) {
+            normalizedValue = inputor.value.replace(/\r\n/g, "\n");
+            /* SOMETIME !!!
+             "/r/n" is counted as two char.
+              one line is two, two will be four. balalala.
+              so we have to using the normalized one's length.;
+            */
+
+            len = normalizedValue.length;
+            /*
+               <[  I really HATE IE   ]>:
+                the whole content in the inputor will be the textInputRange.
+            */
+
+            textInputRange = inputor.createTextRange();
+            /*                 _here must be the position of bookmark.
+                             /
+               <[  I really [HATE] IE   ]>
+                [---------->[           ] : this is what moveToBookmark do.
+               <   I really [[HATE] IE   ]> : here is result.
+                              \ two brackets in should be in line.
+            */
+
+            textInputRange.moveToBookmark(range.getBookmark());
+            endRange = inputor.createTextRange();
+            /*  [--------------------->[] : if set false all end-point goto end.
+              <  I really [[HATE] IE  []]>
+            */
+
+            endRange.collapse(false);
+            /*
+                            ___VS____
+                           /         \
+             <   I really [[HATE] IE []]>
+                                      \_endRange end-point.
+            
+            " > -1" mean the start end-point will be the same or right to the end end-point
+                     * simplelly, all in the end.
+            */
+
+            if (textInputRange.compareEndPoints("StartToEnd", endRange) > -1) {
+              start = end = len;
+            } else {
+              /*
+                      I really |HATE] IE   ]>
+                             <-|
+                    I really[ [HATE] IE   ]>
+                          <-[
+                  I reall[y  [HATE] IE   ]>
+              
+                will return how many unit have moved.
+              */
+
+              start = -textInputRange.moveStart("character", -len);
+              end = -textInputRange.moveEnd("character", -len);
+            }
+          }
+        } else {
+          start = inputor.selectionStart;
+        }
+        return start;
+      };
+
+      Caret.prototype.setPos = function(pos) {
+        var inputor, range;
+
+        inputor = this.domInputor;
+        if (document.selection) {
+          range = inputor.createTextRange();
+          range.move("character", pos);
+          return range.select();
+        } else {
+          return inputor.setSelectionRange(pos, pos);
+        }
+      };
+
+      Caret.prototype.getPosition = function(pos) {
+        var $inputor, at_rect, format, h, html, mirror, start_range, x, y;
+
+        $inputor = this.$inputor;
+        format = function(value) {
+          return value.replace(/</g, '&lt').replace(/>/g, '&gt').replace(/`/g, '&#96').replace(/"/g, '&quot').replace(/\r\n|\r|\n/g, "<br />");
+        };
+        if (pos === void 0) {
+          pos = this.getPos();
+        }
+        start_range = $inputor.val().slice(0, pos);
+        html = "<span>" + format(start_range) + "</span>";
+        html += "<span id='caret'>|</span>";
+        mirror = new Mirror($inputor);
+        at_rect = mirror.create(html).rect();
+        x = at_rect.left - $inputor.scrollLeft();
+        y = at_rect.top - $inputor.scrollTop();
+        h = at_rect.height;
+        return {
+          left: x,
+          top: y,
+          height: h
+        };
+      };
+
+      Caret.prototype.getOffset = function(pos) {
+        var $inputor, h, offset, position, x, y;
+
+        $inputor = this.$inputor;
+        offset = $inputor.offset();
+        position = this.getPosition(pos);
+        x = offset.left + position.left;
+        y = offset.top + position.top;
+        h = position.height;
+        return {
+          left: x,
+          top: y,
+          height: h
+        };
+      };
+
+      Caret.prototype.getIEPosition = function(pos) {
+        var h, inputorOffset, offset, x, y;
+
+        offset = this.getIEOffset(pos);
+        inputorOffset = this.$inputor.offset();
+        x = offset.left - inputorOffset.left;
+        y = offset.top - inputorOffset.top;
+        h = offset.height;
+        return {
+          left: x,
+          top: y,
+          height: h
+        };
+      };
+
+      Caret.prototype.getIEOffset = function(pos) {
+        var h, range, x, y;
+
+        range = this.domInputor.createTextRange();
+        if (pos) {
+          range.move('character', pos);
+        }
+        x = range.boundingLeft + $inputor.scrollLeft();
+        y = range.boundingTop + $(window).scrollTop() + $inputor.scrollTop();
+        h = range.boundingHeight;
+        return {
+          left: x,
+          top: y,
+          height: h
+        };
+      };
+
+      return Caret;
+
+    })();
+    Mirror = (function() {
+      Mirror.prototype.css_attr = ["overflowY", "height", "width", "paddingTop", "paddingLeft", "paddingRight", "paddingBottom", "marginTop", "marginLeft", "marginRight", "marginBottom", "fontFamily", "borderStyle", "borderWidth", "wordWrap", "fontSize", "lineHeight", "overflowX", "text-align"];
+
+      function Mirror($inputor) {
+        this.$inputor = $inputor;
+      }
+
+      Mirror.prototype.mirrorCss = function() {
+        var css,
+          _this = this;
+
+        css = {
+          position: 'absolute',
+          left: -9999,
+          top: 0,
+          zIndex: -20000,
+          'white-space': 'pre-wrap'
+        };
+        $.each(this.css_attr, function(i, p) {
+          return css[p] = _this.$inputor.css(p);
+        });
+        return css;
+      };
+
+      Mirror.prototype.create = function(html) {
+        this.$mirror = $('<div></div>');
+        this.$mirror.css(this.mirrorCss());
+        this.$mirror.html(html);
+        this.$inputor.after(this.$mirror);
+        return this;
+      };
+
+      Mirror.prototype.rect = function() {
+        var $flag, pos, rect;
+
+        $flag = this.$mirror.find("#caret");
+        pos = $flag.position();
+        rect = {
+          left: pos.left,
+          top: pos.top,
+          height: $flag.height()
+        };
+        this.$mirror.remove();
+        return rect;
+      };
+
+      return Mirror;
+
+    })();
+    methods = {
+      pos: function(pos) {
+        if (pos) {
+          return this.setPos(pos);
+        } else {
+          return this.getPos();
+        }
+      },
+      position: function(pos) {
+        if (document.selection) {
+          return this.getIEPosition(pos);
+        } else {
+          return this.getPosition(pos);
+        }
+      },
+      offset: function(pos) {
+        if (document.selection) {
+          return this.getIEOffset(pos);
+        } else {
+          return this.getOffset(pos);
+        }
+      }
+    };
+    return $.fn.caret = function(method) {
+      var caret;
+
+      caret = new Caret(this);
+      if (methods[method]) {
+        return methods[method].apply(caret, Array.prototype.slice.call(arguments, 1));
+      } else {
+        return $.error("Method " + method + " does not exist on jQuery.caret");
+      }
+    };
+  });
+
+}).call(this);
+
 
 /*
   Implement Github like autocomplete mentions
@@ -153,7 +443,7 @@
         return this.model.reload(this.setting.data);
       };
 
-      Controller.prototype.super_call = function() {
+      Controller.prototype.call_default = function() {
         var args, func_name;
         func_name = arguments[0], args = 2 <= arguments.length ? __slice.call(arguments, 1) : [];
         try {
@@ -188,7 +478,7 @@
         content = this.$inputor.val();
         caret_pos = this.$inputor.caret('pos');
         subtext = content.slice(0, caret_pos);
-        query = this.callbacks("matcher").call(this, this.key, subtext);
+        query = this.callbacks("matcher").call(this, this.key, subtext, this.get_opt('start_with_space'));
         if (typeof query === "string" && query.length <= this.get_opt('max_len', 20)) {
           start = caret_pos - query.length;
           end = start + query.length;
@@ -217,12 +507,11 @@
       };
 
       Controller.prototype.insert = function(str) {
-        var $inputor, flag_len, source, start_str, text;
+        var $inputor, source, start_str, text;
         $inputor = this.$inputor;
         str = '' + str;
         source = $inputor.val();
-        flag_len = this.get_opt("display_flag") ? 0 : this.key.length;
-        start_str = source.slice(0, (this.query['head_pos'] || 0) - flag_len);
+        start_str = source.slice(0, this.query['head_pos'] || 0);
         text = "" + start_str + str + " " + (source.slice(this.query['end_pos'] || 0));
         $inputor.val(text);
         $inputor.caret('pos', start_str.length + str.length + 1);
@@ -454,9 +743,12 @@
         }
         return _results;
       },
-      matcher: function(flag, subtext) {
+      matcher: function(flag, subtext, should_start_with_space) {
         var match, regexp;
-        flag = '(?:^|\\s)' + flag.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
+        flag = flag.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
+        if (should_start_with_space) {
+          flag = '(?:^|\\s)' + flag;
+        }
         regexp = new RegExp(flag + '([A-Za-z0-9_\+\-]*)$|' + flag + '([^\\x00-\\xff]*)$', 'gi');
         match = regexp.exec(subtext);
         if (match) {
@@ -564,263 +856,9 @@
       search_key: "name",
       limit: 5,
       max_len: 20,
-      display_flag: true,
+      start_with_space: true,
       display_timeout: 300
     };
   });
 
 }).call(this);
-
-
-/*
-  Implement Github like autocomplete mentions
-  http://ichord.github.com/At.js
-
-  Copyright (c) 2013 chord.luo@gmail.com
-  Licensed under the MIT license.
-*/
-
-
-/*
-本插件操作 textarea 或者 input 内的插入符
-只实现了获得插入符在文本框中的位置，我设置
-插入符的位置.
-*/
-
-
-(function() {
-
-  (function(factory) {
-    if (typeof define === 'function' && define.amd) {
-      return define(['jquery'], factory);
-    } else {
-      return factory(window.jQuery);
-    }
-  })(function($) {
-    "use strict";
-
-    var Caret, Mirror, methods, pluginName;
-    pluginName = 'caret';
-    Caret = (function() {
-
-      function Caret($inputor) {
-        this.$inputor = $inputor;
-        this.domInputor = this.$inputor[0];
-      }
-
-      Caret.prototype.getPos = function() {
-        var end, endRange, inputor, len, normalizedValue, pos, range, start, textInputRange;
-        inputor = this.domInputor;
-        inputor.focus();
-        if (document.selection) {
-          /*
-                  #assume we select "HATE" in the inputor such as textarea -> { }.
-                   *               start end-point.
-                   *              /
-                   * <  I really [HATE] IE   > between the brackets is the selection range.
-                   *                   \
-                   *                    end end-point.
-          */
-
-          range = document.selection.createRange();
-          pos = 0;
-          if (range && range.parentElement() === inputor) {
-            normalizedValue = inputor.value.replace(/\r\n/g, "\n");
-            /* SOMETIME !!!
-             "/r/n" is counted as two char.
-              one line is two, two will be four. balalala.
-              so we have to using the normalized one's length.;
-            */
-
-            len = normalizedValue.length;
-            /*
-                         <[  I really HATE IE   ]>:
-                          the whole content in the inputor will be the textInputRange.
-            */
-
-            textInputRange = inputor.createTextRange();
-            /*                 _here must be the position of bookmark.
-                             /
-               <[  I really [HATE] IE   ]>
-                [---------->[           ] : this is what moveToBookmark do.
-               <   I really [[HATE] IE   ]> : here is result.
-                              \ two brackets in should be in line.
-            */
-
-            textInputRange.moveToBookmark(range.getBookmark());
-            endRange = inputor.createTextRange();
-            /*  [--------------------->[] : if set false all end-point goto end.
-              <  I really [[HATE] IE  []]>
-            */
-
-            endRange.collapse(false);
-            /*
-                                      ___VS____
-                                     /         \
-                       <   I really [[HATE] IE []]>
-                                                \_endRange end-point.
-            
-                      " > -1" mean the start end-point will be the same or right to the end end-point
-                     * simplelly, all in the end.
-            */
-
-            if (textInputRange.compareEndPoints("StartToEnd", endRange) > -1) {
-              start = end = len;
-            } else {
-              /*
-                                  I really |HATE] IE   ]>
-                                         <-|
-                                I really[ [HATE] IE   ]>
-                                      <-[
-                              I reall[y  [HATE] IE   ]>
-              
-                            will return how many unit have moved.
-              */
-
-              start = -textInputRange.moveStart("character", -len);
-              end = -textInputRange.moveEnd("character", -len);
-            }
-          }
-        } else {
-          start = inputor.selectionStart;
-        }
-        return start;
-      };
-
-      Caret.prototype.setPos = function(pos) {
-        var inputor, range;
-        inputor = this.domInputor;
-        if (document.selection) {
-          range = inputor.createTextRange();
-          range.move("character", pos);
-          return range.select();
-        } else {
-          return inputor.setSelectionRange(pos, pos);
-        }
-      };
-
-      Caret.prototype.getPosition = function(pos) {
-        var $inputor, at_rect, format, h, html, mirror, start_range, x, y;
-        $inputor = this.$inputor;
-        format = function(value) {
-          return value.replace(/</g, '&lt').replace(/>/g, '&gt').replace(/`/g, '&#96').replace(/"/g, '&quot').replace(/\r\n|\r|\n/g, "<br />");
-        };
-        pos = pos || this.getPos();
-        start_range = $inputor.val().slice(0, pos);
-        html = "<span>" + format(start_range) + "</span>";
-        html += "<span id='caret'>|</span>";
-        mirror = new Mirror($inputor);
-        at_rect = mirror.create(html).rect();
-        x = at_rect.left - $inputor.scrollLeft();
-        y = at_rect.top - $inputor.scrollTop();
-        h = at_rect.height;
-        return {
-          left: x,
-          top: y,
-          height: h
-        };
-      };
-
-      Caret.prototype.getOffset = function(pos) {
-        var $inputor, h, offset, position, range, x, y;
-        $inputor = this.$inputor;
-        if (document.selection) {
-          range = this.domInputor.createTextRange();
-          if (pos) {
-            range.move('character', pos);
-          }
-          x = range.boundingLeft + $inputor.scrollLeft();
-          y = range.boundingTop + $(window).scrollTop() + $inputor.scrollTop();
-          h = range.boundingHeight;
-        } else {
-          offset = $inputor.offset();
-          position = this.getPosition(pos);
-          x = offset.left + position.left;
-          y = offset.top + position.top;
-          h = position.height;
-        }
-        return {
-          left: x,
-          top: y,
-          height: h
-        };
-      };
-
-      return Caret;
-
-    })();
-    Mirror = (function() {
-
-      Mirror.prototype.css_attr = ["overflowY", "height", "width", "paddingTop", "paddingLeft", "paddingRight", "paddingBottom", "marginTop", "marginLeft", "marginRight", "marginBottom", "fontFamily", "borderStyle", "borderWidth", "wordWrap", "fontSize", "lineHeight", "overflowX", "text-align"];
-
-      function Mirror($inputor) {
-        this.$inputor = $inputor;
-      }
-
-      Mirror.prototype.mirrorCss = function() {
-        var css,
-          _this = this;
-        css = {
-          position: 'absolute',
-          left: -9999,
-          top: 0,
-          zIndex: -20000,
-          'white-space': 'pre-wrap'
-        };
-        $.each(this.css_attr, function(i, p) {
-          return css[p] = _this.$inputor.css(p);
-        });
-        return css;
-      };
-
-      Mirror.prototype.create = function(html) {
-        this.$mirror = $('<div></div>');
-        this.$mirror.css(this.mirrorCss());
-        this.$mirror.html(html);
-        this.$inputor.after(this.$mirror);
-        return this;
-      };
-
-      Mirror.prototype.rect = function() {
-        var $flag, pos, rect;
-        $flag = this.$mirror.find("#caret");
-        pos = $flag.position();
-        rect = {
-          left: pos.left,
-          top: pos.top,
-          height: $flag.height()
-        };
-        this.$mirror.remove();
-        return rect;
-      };
-
-      return Mirror;
-
-    })();
-    methods = {
-      pos: function(pos) {
-        if (pos) {
-          return this.setPos(pos);
-        } else {
-          return this.getPos();
-        }
-      },
-      position: function(pos) {
-        return this.getPosition(pos);
-      },
-      offset: function(pos) {
-        return this.getOffset(pos);
-      }
-    };
-    return $.fn.caret = function(method) {
-      var caret;
-      caret = new Caret(this);
-      if (methods[method]) {
-        return methods[method].apply(caret, Array.prototype.slice.call(arguments, 1));
-      } else {
-        return $.error("Method " + method + " does not exist on jQuery.caret");
-      }
-    };
-  });
-
-}).call(this);

data/lib/jquery-atwho-rails/version.rb

@@ -1,7 +1,7 @@
 module Jquery
   module Atwho
     module Rails
-      VERSION = "0.3.1"
+      VERSION = "0.3.2"
     end
   end
 end

metadata

@@ -1,20 +1,18 @@
 --- !ruby/object:Gem::Specification
 name: jquery-atwho-rails
 version: !ruby/object:Gem::Version
-  version: 0.3.1
-  prerelease: 
+  version: 0.3.2
 platform: ruby
 authors:
 - ichord
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-06-03 00:00:00.000000000 Z
+date: 2013-08-10 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rspec
   requirement: !ruby/object:Gem::Requirement
-    none: false
     requirements:
     - - '>='
       - !ruby/object:Gem::Version
@@ -22,7 +20,6 @@ dependencies:
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
-    none: false
     requirements:
     - - '>='
       - !ruby/object:Gem::Version
@@ -30,7 +27,6 @@ dependencies:
 - !ruby/object:Gem::Dependency
   name: generator_spec
   requirement: !ruby/object:Gem::Requirement
-    none: false
     requirements:
     - - '>='
       - !ruby/object:Gem::Version
@@ -38,7 +34,6 @@ dependencies:
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
-    none: false
     requirements:
     - - '>='
       - !ruby/object:Gem::Version
@@ -54,6 +49,7 @@ extra_rdoc_files: []
 files:
 - .gitignore
 - Gemfile
+- LICENSE-MIT
 - README.md
 - Rakefile
 - changelog.md
@@ -67,29 +63,27 @@ files:
 - spec/spec_helper.rb
 homepage: http://ichord.github.com/jquery-atwho-rails
 licenses: []
+metadata: {}
 post_install_message: 
 rdoc_options: []
 require_paths:
 - lib
 required_ruby_version: !ruby/object:Gem::Requirement
-  none: false
   requirements:
   - - '>='
     - !ruby/object:Gem::Version
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
-  none: false
   requirements:
   - - '>='
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
 rubyforge_project: jquery-atwho-rails
-rubygems_version: 1.8.25
+rubygems_version: 2.0.3
 signing_key: 
-specification_version: 3
+specification_version: 4
 summary: 'jquery plugin: @mentions'
 test_files:
 - spec/generators/install_generator_spec.rb
 - spec/spec_helper.rb
-has_rdoc: