typing 0.1.3

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 5e2a35ac38d6273bf3a7c5f1c92dbb9f0f9ea5ce
+  data.tar.gz: cbaf1dd286650a32b3a9d5ac3949bce3c0f0d4b4
+SHA512:
+  metadata.gz: 853cf56b4b2a2fd5d8157a6b79bf629ba5ff2b22d5e459924b3ddc86b0e70d7871d36994780aa729630da770e7dbd7cb04ef3eb3d016e3c946cedffdf38bad27
+  data.tar.gz: d5d57ae56e2c48a677967fdf5570df85fd766f4120b2f4a07373cbae2800d31ce38cbf3c9bb3c39ebcfe71decbfad17098d6ba3f195e5a2eb7275949ea818a90

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2015 - 2999 Bryan Lim (@ytbryan)
+
+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,54 @@
+# Typing
+
+![Typing](assets/images/typing.gif)
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'typing'
+```
+
+At Application.js, add this after turbolink:
+```
+//require typing
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install typing
+
+## Usage
+
+At your view.
+
+```
+<h1>I like to eat <%= typing @array %> for my dinner.</h1>
+```
+
+At your controller, pass in the array.
+
+```
+@array = ["Pizza","Sushi","Potato Chips"]
+```
+
+
+## Development
+
+After checking out the repo, run `bin/setup` to install dependencies. Then, run `rake false` to run the tests. You can also run `bin/console` for an interactive prompt that will allow you to experiment.
+
+To install this gem onto your local machine, run `bundle exec rake install`. To release a new version, update the version number in `version.rb`, and then run `bundle exec rake release`, which will create a git tag for the version, push git commits and tags, and push the `.gem` file to [rubygems.org](https://rubygems.org).
+
+## Contributing
+
+Bug reports and pull requests are welcome on GitHub at https://github.com/ytbryan/typing. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](contributor-covenant.org) code of conduct.
+
+
+## License
+
+The gem is available as open source under the terms of the [MIT License](http://opensource.org/licenses/MIT).

data/app/helpers/typing_helper.rb

@@ -0,0 +1,29 @@
+module TypingHelper
+  
+  def typing array
+    answer = "["
+    array.each_with_index do |value, index|
+      if index != array.count - 1
+        answer = answer + """ + "#{value}" + """ + ","
+      else
+        answer = answer + """ + "#{value}" + """
+      end
+    end
+    answer = answer + "]"
+    return "<span class=\"typer-target\" data-typer-targets=\"{&quot;targets&quot;:#{answer}}\"> #{array[array.count-1]}</span>".html_safe
+  end
+
+  def fade array
+    answer = "["
+    array.each_with_index do |value, index|
+      if index != array.count - 1
+        answer = answer + "&quot;" + "#{value}" + "&quot;" + ","
+      else
+        answer = answer + "&quot;" + "#{value}" + "&quot;"
+      end
+    end
+    answer = answer + "]"
+    return "<span class=\"typer-target\" data-typer-targets=\"{&quot;targets&quot;:#{answer}}\"> #{array[array.count-1]}</span>".html_safe
+  end
+
+end

data/lib/typing.rb

@@ -0,0 +1,6 @@
+require "typing/version"
+
+module Typing
+  class Engine < ::Rails::Engine
+  end
+end

data/lib/typing/version.rb

@@ -0,0 +1,3 @@
+module Typing
+  VERSION = "0.1.3"
+end

data/vendor/assets/javascripts/typing.js

@@ -0,0 +1,91 @@
+String.prototype.rightChars = function (t) {
+return 0 >= t ? "" : t > this.length ? this : this.substring(this.length, this.length - t)
+},
+function (t) {
+var n, e, r, o, a, i, p, s, u, l, d, h, g = {
+    highlightSpeed: 20,
+    typeSpeed: 100,
+    clearDelay: 500,
+    typeDelay: 200,
+    clearOnHighlight: !0,
+    typerDataAttr: "data-typer-targets",
+    typerInterval: 2e3
+  };
+o = function (n, e) {
+  return "rgba(0, 0, 0, 0)" === n && (n = "rgb(255, 255, 255)"), t("<span></span>").css("color", n).css("background-color", e)
+}, s = function (t) {
+  return !isNaN(parseFloat(t)) && isFinite(t)
+}, p = function (t) {
+  t.data("typePosition", null).data("highlightPosition", null).data("leftStop", null).data("rightStop", null).data("primaryColor", null).data("backgroundColor", null).data("text", null).data("typing", null)
+}, r = function (t) {
+  var n = t.data("text"),
+    e = t.data("oldLeft"),
+    o = t.data("oldRight");
+  return n && 0 !== n.length ? (t.text(e + n.charAt(0) + o), t.data("oldLeft", e + n.charAt(0)), t.data("text", n.substring(1)), setTimeout(function () {
+    r(t)
+  }, d()), void 0) : (p(t), void 0)
+}, e = function (t) {
+  t.find("span").remove(), setTimeout(function () {
+    r(t)
+  }, i())
+}, n = function (t) {
+  var r, i, p, u = t.data("highlightPosition");
+  return s(u) || (u = t.data("rightStop") + 1), u <= t.data("leftStop") ? (setTimeout(function () {
+    e(t)
+  }, a()), void 0) : (r = t.text().substring(0, u - 1), i = t.text().substring(u - 1, t.data("rightStop") + 1), p = t.text().substring(t.data("rightStop") + 1), t.html(r), t.append(o(t.data("backgroundColor"), t.data("primaryColor")).append(i)).append(p), t.data("highlightPosition", u - 1), setTimeout(function () {
+    return n(t)
+  }, l()), void 0)
+}, u = function (n) {
+  var e;
+  if (!n.data("typing")) {
+    try {
+      e = JSON.parse(n.attr(t.typer.options.typerDataAttr)).targets
+    } catch (r) {}
+    "undefined" == typeof e && (e = t.map(n.attr(t.typer.options.typerDataAttr).split(","), function (n) {
+      return t.trim(n)
+    }));
+    var o = n.data("typeIndex"),
+      a = "undefined" == typeof o ? 0 : o + 1 < e.length ? o + 1 : 0;
+    n.data("typeIndex", a), n.typeTo(e[a])
+  }
+}, t.typer = function () {
+  return {
+    options: g
+  }
+}(), t.extend(t.typer, {
+  options: g
+}), t.fn.typer = function () {
+  var n = t(this);
+  n = n.filter(function () {
+    return "undefined" != typeof t(this).attr(t.typer.options.typerDataAttr)
+  }), n.each(function () {
+    var n = t(this);
+    u(n), setInterval(function () {
+      u(n)
+    }, h())
+  })
+}, t.fn.typeTo = function (e) {
+  var r = t(this),
+    o = r.text(),
+    a = 0,
+    i = 0;
+  if (o === e) return console.log("Our strings our equal, nothing to type"), void 0;
+  if (o !== r.html()) return console.error("Typer does not work on elements with child elements."), void 0;
+  for (r.data("typing", !0); o.charAt(a) === e.charAt(a);) a++;
+  for (; o.rightChars(i) === e.rightChars(i);) i++;
+  e = e.substring(a, e.length - i + 1), r.data("oldLeft", o.substring(0, a)), r.data("oldRight", o.rightChars(i - 1)), r.data("leftStop", a), r.data("rightStop", o.length - i), r.data("primaryColor", r.css("color")), r.data("backgroundColor", r.css("background-color")), r.data("text", e), n(r)
+}, l = function () {
+  return t.typer.options.highlightSpeed
+}, d = function () {
+  return t.typer.options.typeSpeed
+}, a = function () {
+  return t.typer.options.clearDelay
+}, i = function () {
+  return t.typer.options.typeDelay
+}, h = function () {
+  return t.typer.options.typerInterval
+}
+}(jQuery), $(function () {
+var t = $(".typer-target");
+$.typer.options.highlightSpeed = 10, $.typer.options.typeSpeed = 75, $.typer.options.typeDelay = 75, t.typer()
+});

metadata

@@ -0,0 +1,92 @@
+--- !ruby/object:Gem::Specification
+name: typing
+version: !ruby/object:Gem::Version
+  version: 0.1.3
+platform: ruby
+authors:
+- Bryan Lim
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2015-12-04 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.10'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.10'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+description: Add typing effect to rails view easily.
+email:
+- ytbryan@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- LICENSE.txt
+- README.md
+- app/helpers/typing_helper.rb
+- lib/typing.rb
+- lib/typing/version.rb
+- vendor/assets/javascripts/typing.js
+homepage: http://www.github.com/ytbryan/typing
+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.8
+signing_key: 
+specification_version: 4
+summary: Typing Effect on rails view
+test_files: []