awesomplete 0.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 8bc888afcc2ca4a3fb55078e2a8d1b7cbc881d00
+  data.tar.gz: cf91eb1821b5042bb612a0cbcd519881044c8c64
+SHA512:
+  metadata.gz: 2f084423cc21279899d57af715b5d37b868d67d7a58ea232d5fe4b4ebefe635506d9aa88a4bd4f701074c6686c64d7b5607d1ebeb0e6ee1f876d5cab60f4094a
+  data.tar.gz: d4fd43cccab1963e5d6413df6d46f3e86abcd53bed39928de1ac883367a0bc7029408eb386a0168381f5b5666f72a766727875cd5cd03b3c5c744f20b7d32c2f

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright 2015 fishbullet
+
+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

@@ -0,0 +1,58 @@
+## [Awesomplete](http://leaverou.github.io/awesomplete) For Rails ##
+
+This is small gem add to your Rails app [Awesomplete](https://github.com/LeaVerou/awesomplete) autocomplete.
+
+This is the working version.
+```rbcon
+# Developed and tested on:
+Ruby 2.1.0
+Rails ~> 4.0.0
+```
+## Getting started
+1. Add to `Gemfile` and `bundle install`.
+
+   ```ruby
+   gem 'awesomplete'
+   ```
+
+2. Add to `app/assets/javascripts/application.js`:
+
+   ```js
+   //=require awesomplete
+   ```
+
+3. Add to `app/assets/stylesheets/application.css`
+
+   ```css
+   *= require awesomplete
+   ```
+
+Restart server. That's it.
+
+## Helpers
+Now you can write small and awesomplete inputs.
+I find it is very cool for small collections, check it out:
+
+```erb
+
+```
+
+## Configure module
+You can configurate this autocomplete by two ways:
+
+1. In `data-` options in views:
+
+  ```erb
+  #TODO
+  ```
+
+2. In `javascripts` initializer (e.g. `app/assets/javascripts/some_script.js`):
+
+  ```javascript
+  #TODO
+  ```
+* * *
+
+Kiselenko Roman 
+
+This project rocks and uses MIT-LICENSE.

data/Rakefile

@@ -0,0 +1,8 @@
+begin
+  require 'bundler/setup'
+rescue LoadError
+  puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
+end
+
+Bundler::GemHelper.install_tasks
+

data/app/assets/javascripts/awesomplete.js

@@ -0,0 +1,359 @@
+/**
+ * Simple, lightweight, usable local autocomplete library for modern browsers
+ * Because there weren’t enough autocomplete scripts in the world? Because I’m completely insane and have NIH syndrome? Probably both. :P
+ * @author Lea Verou http://leaverou.github.io/awesomplete
+ * MIT license
+ */
+ 
+(function () {
+
+var _ = self.Awesomplete = function (input, o) {
+	var me = this;
+	
+	// Setup
+	
+	this.input = input;
+	input.setAttribute("aria-autocomplete", "list");
+	
+	o = o || {};
+	
+	configure.call(this, {
+		minChars: 2,
+		maxItems: 10,
+		autoFirst: false,
+		filter: _.FILTER_CONTAINS,
+		sort: _.SORT_BYLENGTH,
+		item: function (text, input) {
+			return $.create("li", {
+				innerHTML: text.replace(RegExp($.regExpEscape(input.trim()), "gi"), "<mark>$&</mark>"),
+				"aria-selected": "false"
+			});	
+		},
+		replace: function (text) {
+			this.input.value = text;
+		}
+	}, o);
+	
+	this.index = -1;
+	
+	// Create necessary elements
+	
+	this.container = $.create("div", {
+		className: "awesomplete",
+		around: input
+	});
+	
+	this.ul = $.create("ul", {
+		hidden: "",
+		inside: this.container
+	});
+	
+	this.status = $.create("span", {
+		className: "visually-hidden",
+		role: "status",
+		"aria-live": "assertive",
+		"aria-relevant": "additions",
+		inside: this.container
+	});
+	
+	// Bind events
+	
+	$.bind(this.input, {
+		"input": this.evaluate.bind(this),
+		"blur": this.close.bind(this),
+		"keydown": function(evt) {
+			var c = evt.keyCode;
+			
+			if (c === 13 && me.selected) { // Enter
+				evt.preventDefault();
+				me.select();
+			}
+			else if (c === 27) { // Esc
+				me.close();
+			}
+			else if (c === 38 || c === 40) { // Down/Up arrow
+				evt.preventDefault();
+				me[c === 38? "previous" : "next"]();
+			}
+		}
+	});
+	
+	$.bind(this.input.form, {"submit": me.close.bind(me)});
+	
+	$.bind(this.ul, {"mousedown": function(evt) {
+		var li = evt.target;
+		
+		if (li !== this) {
+			
+			while (li && !/li/i.test(li.nodeName)) {
+				li = li.parentNode;
+			}
+			
+			if (li) {
+				me.select(li);	
+			}
+		}
+	}});
+	
+	if (input.hasAttribute("list")) {
+		this.list = "#" + input.getAttribute("list");
+		input.removeAttribute("list");
+	}
+	else {
+		this.list = input.getAttribute("data-list") || o.list || [];
+	}
+	
+	_.all.push(this);
+};
+
+_.prototype = {
+	set list(list) {
+		if (Array.isArray(list)) {
+			this._list = list;
+		}
+		else if (typeof list === "string" && list.indexOf(",") > -1) {
+				this._list = list.split(/\s*,\s*/);
+		}
+		else { // Element or CSS selector
+			list = $(list);
+			
+			if (list && list.children) {
+				this._list = slice.apply(list.children).map(function (el) {
+					return el.innerHTML.trim();
+				});
+			}
+		}
+		
+		if (document.activeElement === this.input) {
+			this.evaluate();
+		}
+	},
+	
+	get selected() {
+		return this.index > -1;
+	},
+	
+	close: function () {
+		this.ul.setAttribute("hidden", "");
+		this.index = -1;
+		
+		$.fire(this.input, "awesomplete-close");
+	},
+	
+	open: function () {
+		this.ul.removeAttribute("hidden");
+		
+		if (this.autoFirst && this.index === -1) {
+			this.goto(0);
+		}
+		
+		$.fire(this.input, "awesomplete-open");
+	},
+	
+	next: function () {
+		var count = this.ul.children.length;
+
+		this.goto(this.index < count - 1? this.index + 1 : -1);
+	},
+	
+	previous: function () {
+		var count = this.ul.children.length;
+		
+		this.goto(this.selected? this.index - 1 : count - 1);
+	},
+	
+	// Should not be used, highlights specific item without any checks!
+	goto: function (i) {
+		var lis = this.ul.children;
+		
+		if (this.selected) {
+			lis[this.index].setAttribute("aria-selected", "false");
+		}
+		
+		this.index = i;
+		
+		if (i > -1 && lis.length > 0) {
+			lis[i].setAttribute("aria-selected", "true");
+			this.status.textContent = lis[i].textContent;
+		}
+	},
+	
+	select: function (selected) {
+		selected = selected || this.ul.children[this.index];
+
+		if (selected) {
+			var prevented;
+			
+			$.fire(this.input, "awesomplete-select", {
+				text: selected.textContent,
+				preventDefault: function () {
+					prevented = true;
+				}
+			});
+			
+			if (!prevented) {
+				this.replace(selected.textContent);
+				this.close();
+				$.fire(this.input, "awesomplete-selectcomplete");
+			}
+		}
+	},
+	
+	evaluate: function() {
+		var me = this;
+		var value = this.input.value;
+				
+		if (value.length >= this.minChars && this._list.length > 0) {
+			this.index = -1;
+			// Populate list with options that match
+			this.ul.innerHTML = "";
+
+			this._list
+				.filter(function(item) {
+					return me.filter(item, value);
+				})
+				.sort(this.sort)
+				.every(function(text, i) {
+					me.ul.appendChild(me.item(text, value));
+					
+					return i < me.maxItems - 1;
+				});
+			
+			this.open();
+		}
+		else {
+			this.close();
+		}
+	}
+};
+
+// Static methods/properties
+
+_.all = [];
+
+_.FILTER_CONTAINS = function (text, input) {
+	return RegExp($.regExpEscape(input.trim()), "i").test(text);
+};
+
+_.FILTER_STARTSWITH = function (text, input) {
+	return RegExp("^" + $.regExpEscape(input.trim()), "i").test(text);
+};
+
+_.SORT_BYLENGTH = function (a, b) {
+	if (a.length !== b.length) {
+		return a.length - b.length;
+	}
+	
+	return a < b? -1 : 1;
+};
+
+// Private functions
+
+function configure(properties, o) {
+	for (var i in properties) {
+		var initial = properties[i],
+		    attrValue = this.input.getAttribute("data-" + i.toLowerCase());
+		
+		if (typeof initial === "number") {
+			this[i] = +attrValue;
+		}
+		else if (initial === false) { // Boolean options must be false by default anyway
+			this[i] = attrValue !== null;
+		}
+		else if (initial instanceof Function) {
+			this[i] = null;
+		}
+		else {
+			this[i] = attrValue;
+		}
+		
+		this[i] = this[i] || o[i] || initial;
+	}
+}
+
+// Helpers
+
+var slice = Array.prototype.slice;
+
+function $(expr, con) {
+	return typeof expr === "string"? (con || document).querySelector(expr) : expr || null;
+}
+
+function $$(expr, con) {
+	return slice.call((con || document).querySelectorAll(expr));
+}
+
+$.create = function(tag, o) {
+	var element = document.createElement(tag);
+	
+	for (var i in o) {
+		var val = o[i];
+		
+		if (i === "inside") {
+			$(val).appendChild(element);
+		}
+		else if (i === "around") {
+			var ref = $(val);
+			ref.parentNode.insertBefore(element, ref);
+			element.appendChild(ref);
+		}
+		else if (i in element) {
+			element[i] = val;
+		}
+		else {
+			element.setAttribute(i, val);
+		}
+	}
+	
+	return element;
+};
+
+$.bind = function(element, o) {
+	if (element) {
+		for (var event in o) {
+			var callback = o[event];
+			
+			event.split(/\s+/).forEach(function (event) {
+				element.addEventListener(event, callback);
+			});
+		}
+	}
+};
+
+$.fire = function(target, type, properties) {
+	var evt = document.createEvent("HTMLEvents");
+			
+	evt.initEvent(type, true, true );
+
+	for (var j in properties) {
+		evt[j] = properties[j];
+	}
+
+	target.dispatchEvent(evt);
+};
+
+$.regExpEscape = function (s) {
+	return s.replace(/[-\\^$*+?.()|[\]{}]/g, "\\$&");
+}
+
+// Initialization
+
+function init() {
+	$$("input.awesomplete").forEach(function (input) {
+		new Awesomplete(input);
+	});
+}
+
+// DOM already loaded?
+if (document.readyState !== "loading") {
+	init();
+}
+else {
+	// Wait for it
+	document.addEventListener("DOMContentLoaded", init);
+}
+
+_.$ = $;
+_.$$ = $$;
+
+})();

data/app/assets/stylesheets/awesomplete.css

@@ -0,0 +1,97 @@
+[hidden] { display: none; }
+
+.visually-hidden {
+	position: absolute;
+	clip: rect(0, 0, 0, 0);
+}
+
+div.awesomplete {
+	display: inline-block;
+	position: relative;
+}
+
+div.awesomplete > input {
+	display: block;
+}
+
+div.awesomplete > ul {
+	position: absolute;
+	left: 0;
+	z-index: 1;
+	min-width: 100%;
+	box-sizing: border-box;
+	list-style: none;
+	padding: 0;
+	border-radius: .3em;
+	margin: .2em 0 0;
+	background: hsla(0,0%,100%,.9);
+	background: linear-gradient(to bottom right, white, hsla(0,0%,100%,.8));
+	border: 1px solid rgba(0,0,0,.3);
+	box-shadow: .05em .2em .6em rgba(0,0,0,.2);
+	text-shadow: none;
+}
+
+div.awesomplete > ul[hidden],
+div.awesomplete > ul:empty {
+	display: none;
+}
+
+@supports (transform: scale(0)) {
+	div.awesomplete > ul {
+		transition: .3s cubic-bezier(.4,.2,.5,1.4);
+		transform-origin: 1.43em -.43em;
+	}
+	
+	div.awesomplete > ul[hidden],
+	div.awesomplete > ul:empty {
+		opacity: 0;
+		transform: scale(0);
+		display: block;
+		transition-timing-function: ease;
+	}
+}
+
+	/* Pointer */
+	div.awesomplete > ul:before {
+		content: "";
+		position: absolute;
+		top: -.43em;
+		left: 1em;
+		width: 0; height: 0;
+		padding: .4em;
+		background: white;
+		border: inherit;
+		border-right: 0;
+		border-bottom: 0;
+		-webkit-transform: rotate(45deg);
+		transform: rotate(45deg);
+	}
+
+	div.awesomplete > ul > li {
+		position: relative;
+		padding: .2em .5em;
+		cursor: pointer;
+	}
+	
+	div.awesomplete > ul > li:hover {
+		background: hsl(200, 40%, 80%);
+		color: black;
+	}
+	
+	div.awesomplete > ul > li[aria-selected="true"] {
+		background: hsl(205, 40%, 40%);
+		color: white;
+	}
+	
+		div.awesomplete mark {
+			background: hsl(65, 100%, 50%);
+		}
+		
+		div.awesomplete li:hover mark {
+			background: hsl(68, 101%, 41%);
+		}
+		
+		div.awesomplete li[aria-selected="true"] mark {
+			background: hsl(86, 102%, 21%);
+			color: inherit;
+		}

data/lib/awesomplete.rb

@@ -0,0 +1,5 @@
+module Awesomplete
+  class Engine < ::Rails::Engine
+    config.assets.paths << "app/assets"
+  end
+end

data/lib/awesomplete/version.rb

@@ -0,0 +1,3 @@
+module Awesomplete
+  VERSION = "0.0.1"
+end

data/lib/tasks/awesomplete_tasks.rake

@@ -0,0 +1,4 @@
+# desc "Explaining what the task does"
+# task :awesomplete do
+#   # Task goes here
+# end

metadata

@@ -0,0 +1,66 @@
+--- !ruby/object:Gem::Specification
+name: awesomplete
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+platform: ruby
+authors:
+- fishbullet
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2015-02-28 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: 4.0.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: 4.0.0
+description: Add assets to your Rails app assets path. Based on http://leaverou.github.io/awesomplete
+email:
+- shindu666@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- MIT-LICENSE
+- README.md
+- Rakefile
+- app/assets/javascripts/awesomplete.js
+- app/assets/stylesheets/awesomplete.css
+- lib/awesomplete.rb
+- lib/awesomplete/version.rb
+- lib/tasks/awesomplete_tasks.rake
+homepage: http://www.some.com
+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.4.3
+signing_key: 
+specification_version: 4
+summary: This is small gem add to your Rails app awesomplete autocomplete.
+test_files: []