animatecss 0.0.7 → 0.0.8

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: f058f7bcfff0510d6aae82eba0467720ec991fb9
-  data.tar.gz: 016c5509adbfb633c32272de717d39438675352c
+  metadata.gz: 05e104611c9297e6b752a6aed71b5c40259029f2
+  data.tar.gz: aada37b170d7b9a50d0693f611dfe455c2d8cfef
 SHA512:
-  metadata.gz: ffff91d93382c77ae71ba26e148308efed8d0351db545607249b53ca5d46d523c783da4d47150adf070a30295c85468245f1361d50cff4897d6fd1c3e5599464
-  data.tar.gz: 8558a88069965ab78a50d132f2f8d6a18c2c3b599d5cc75cd7fedc9fc9846e8f840857b76df2e08a5a3ed213ec419748810deece169df61747c0ef8be58f81f8
+  metadata.gz: 5d14d0a6e43f2d2dd05c95ba357039f7eb9d73895e1d27734afc0ca75e7063196a7d783b2621d8124a0334247f8d99a7df8268f9b11ce410bbf7959e8468323f
+  data.tar.gz: 63c4f8c3b5f3aae373c869e570e333d958e6c0fc1cfcc2201fe90b67631c10117f2677f4fce399f7213b473f71ab75804a000861f0326b079679bd6d0bb8d15e

data/.gitignore

@@ -32,3 +32,6 @@ spec/dummy/tmp/*
 **.orig
 rerun.txt
 pickle-email-*.html
+spec/dummy/db
+spec/dummy/log
+spec/dummy/tmp

data/README.md

@@ -1,4 +1,4 @@
-# Animatecss 
+# Animatecss
 
 ### <a href="https://travis-ci.org/globalxolutions/animatecss"><img src="https://travis-ci.org/globalxolutions/animatecss.svg?branch=master"></a>
 
@@ -21,11 +21,14 @@ And then execute:
 Or install it yourself as:
 
     $ gem install animatecss
-    
+
 Add it to the application.css.scss (Ruby on Rails):
 
     *= require animate
-    
+
+Add it to your application.js
+    //= require animatecss
+
 ## Usage
 
 To use animate.css in your app, add the class `animated` to an element, along with any of the animation names. That's it! You've got a CSS animated element. Super!
@@ -34,6 +37,8 @@ You can do a whole bunch of other stuff with animate.css when you combine it wit
 
 ```javascript
 $('#yourElement').addClass('animated bounceOutLeft');
+or
+$('#yourElement').animateCss('bounce');
 ```
 
 You can change the duration of your animations, add a delay or change the number of times that it plays!

data/animatecss.gemspec

@@ -13,6 +13,7 @@ Gem::Specification.new do |gem|
   gem.version       = Animatecss::VERSION
   gem.platform      = Gem::Platform::RUBY
   gem.add_dependency "railties", ">= 3.0", "< 6.0"
+  gem.add_dependency "jquery-rails", ">= 0"
   gem.required_rubygems_version = ">= 1.3.6"
   gem.rubyforge_project = "animatecss"
 
@@ -21,6 +22,7 @@ Gem::Specification.new do |gem|
 
   # Development Gem dependencies
   gem.add_development_dependency "rails", "~> 4.2.4"
+  gem.add_development_dependency 'coffee-rails'
   gem.add_development_dependency "bundler", "~> 1.7"
   gem.add_development_dependency "rake", "~> 10.0"
   gem.add_development_dependency "rspec-rails", "~> 3.2"

data/lib/animatecss/version.rb

@@ -1,3 +1,3 @@
 module Animatecss
-  VERSION = "0.0.7"
+  VERSION = "0.0.8"
 end

data/spec/dummy/app/assets/javascripts/application.js

@@ -10,4 +10,7 @@
 // Read Sprockets README (https://github.com/sstephenson/sprockets#sprockets-directives) for details
 // about supported directives.
 //
+//= require jquery
+//= require animate
+//= require jquery_ujs
 //= require_tree .

data/spec/dummy/app/assets/javascripts/welcome.coffee

@@ -0,0 +1,6 @@
+# Place all the behaviors and hooks related to the matching controller here.
+# All this logic will automatically be available in application.js.
+# You can use CoffeeScript in this file: http://coffeescript.org/
+$ ->
+  $(".main").animateCss('bounce')
+  $(".other").animateCss('fadeInUpBig')

data/spec/dummy/app/assets/stylesheets/application.css

@@ -10,6 +10,7 @@
  * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
  * file per style scope.
  *
+ *= require animate
  *= require_tree .
  *= require_self
  */

data/spec/dummy/app/controllers/welcome_controller.rb

@@ -0,0 +1,4 @@
+class WelcomeController < ApplicationController
+  def index
+  end
+end

data/spec/dummy/app/views/welcome/index.html.erb

@@ -0,0 +1,2 @@
+<h1 class="main">Loading Animations!</h1>
+<p class="other">Yeah!, it works!</p>

data/spec/dummy/config/routes.rb

@@ -1,3 +1,4 @@
 Rails.application.routes.draw do
-  # root 'welcome#index'
+  get 'welcome/index'
+  root 'welcome#index'
 end

data/spec/integration/animatecss_spec.rb

@@ -5,4 +5,11 @@ describe Animatecss, type: :feature do
     visit "/assets/animate.css"
     expect(page.status_code).to eq(200)
   end
+
+  it "should have the js file on the assets pipeline" do
+    visit "/assets/animate.js"
+    expect(page.status_code).to eq(200)
+  end
+
+  it "should remove the animated classes when using the JS initializer" 
 end

data/vendor/assets/javascripts/animate.coffee

@@ -0,0 +1,7 @@
+do($ = window.jQuery, window) ->
+  $.fn.extend animateCss: (animationName) ->
+    animationEnd = 'webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend'
+    $(this).addClass('animated ' + animationName).one animationEnd, ->
+      $(this).removeClass 'animated ' + animationName
+      return
+    return

data/vendor/assets/stylesheets/animate.css

@@ -1,11 +1,12 @@
 @charset "UTF-8";
 
 /*!
-Animate.css - http://daneden.me/animate
-Licensed under the MIT license - http://opensource.org/licenses/MIT
-
-Copyright (c) 2015 Daniel Eden
-*/
+ * animate.css -http://daneden.me/animate
+ * Version - 3.5.1
+ * Licensed under the MIT license - http://opensource.org/licenses/MIT
+ *
+ * Copyright (c) 2016 Daniel Eden
+ */
 
 .animated {
   -webkit-animation-duration: 1s;
@@ -24,18 +25,14 @@ Copyright (c) 2015 Daniel Eden
   animation-duration: 2s;
 }
 
+.animated.flipOutX,
+.animated.flipOutY,
 .animated.bounceIn,
 .animated.bounceOut {
   -webkit-animation-duration: .75s;
   animation-duration: .75s;
 }
 
-.animated.flipOutX,
-.animated.flipOutY {
-  -webkit-animation-duration: .75s;
-  animation-duration: .75s;
-}
-
 @-webkit-keyframes bounce {
   from, 20%, 53%, 80%, to {
     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
@@ -283,6 +280,77 @@ Copyright (c) 2015 Daniel Eden
   animation-name: shake;
 }
 
+@-webkit-keyframes headShake {
+  0% {
+    -webkit-transform: translateX(0);
+    transform: translateX(0);
+  }
+
+  6.5% {
+    -webkit-transform: translateX(-6px) rotateY(-9deg);
+    transform: translateX(-6px) rotateY(-9deg);
+  }
+
+  18.5% {
+    -webkit-transform: translateX(5px) rotateY(7deg);
+    transform: translateX(5px) rotateY(7deg);
+  }
+
+  31.5% {
+    -webkit-transform: translateX(-3px) rotateY(-5deg);
+    transform: translateX(-3px) rotateY(-5deg);
+  }
+
+  43.5% {
+    -webkit-transform: translateX(2px) rotateY(3deg);
+    transform: translateX(2px) rotateY(3deg);
+  }
+
+  50% {
+    -webkit-transform: translateX(0);
+    transform: translateX(0);
+  }
+}
+
+@keyframes headShake {
+  0% {
+    -webkit-transform: translateX(0);
+    transform: translateX(0);
+  }
+
+  6.5% {
+    -webkit-transform: translateX(-6px) rotateY(-9deg);
+    transform: translateX(-6px) rotateY(-9deg);
+  }
+
+  18.5% {
+    -webkit-transform: translateX(5px) rotateY(7deg);
+    transform: translateX(5px) rotateY(7deg);
+  }
+
+  31.5% {
+    -webkit-transform: translateX(-3px) rotateY(-5deg);
+    transform: translateX(-3px) rotateY(-5deg);
+  }
+
+  43.5% {
+    -webkit-transform: translateX(2px) rotateY(3deg);
+    transform: translateX(2px) rotateY(3deg);
+  }
+
+  50% {
+    -webkit-transform: translateX(0);
+    transform: translateX(0);
+  }
+}
+
+.headShake {
+  -webkit-animation-timing-function: ease-in-out;
+  animation-timing-function: ease-in-out;
+  -webkit-animation-name: headShake;
+  animation-name: headShake;
+}
+
 @-webkit-keyframes swing {
   20% {
     -webkit-transform: rotate3d(0, 0, 1, 15deg);

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: animatecss
 version: !ruby/object:Gem::Version
-  version: 0.0.7
+  version: 0.0.8
 platform: ruby
 authors:
 - Ariel De La Rosa
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-09-06 00:00:00.000000000 Z
+date: 2016-05-24 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: railties
@@ -30,6 +30,20 @@ dependencies:
     - - "<"
       - !ruby/object:Gem::Version
         version: '6.0'
+- !ruby/object:Gem::Dependency
+  name: jquery-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: rails
   requirement: !ruby/object:Gem::Requirement
@@ -44,6 +58,20 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: 4.2.4
+- !ruby/object:Gem::Dependency
+  name: coffee-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  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
@@ -164,14 +192,17 @@ files:
 - spec/dummy/Rakefile
 - spec/dummy/app/assets/images/.keep
 - spec/dummy/app/assets/javascripts/application.js
+- spec/dummy/app/assets/javascripts/welcome.coffee
 - spec/dummy/app/assets/stylesheets/application.css
 - spec/dummy/app/controllers/application_controller.rb
 - spec/dummy/app/controllers/concerns/.keep
+- spec/dummy/app/controllers/welcome_controller.rb
 - spec/dummy/app/helpers/application_helper.rb
 - spec/dummy/app/mailers/.keep
 - spec/dummy/app/models/.keep
 - spec/dummy/app/models/concerns/.keep
 - spec/dummy/app/views/layouts/application.html.erb
+- spec/dummy/app/views/welcome/index.html.erb
 - spec/dummy/bin/bundle
 - spec/dummy/bin/rails
 - spec/dummy/bin/rake
@@ -198,7 +229,6 @@ files:
 - spec/dummy/db/test.sqlite3
 - spec/dummy/lib/assets/.keep
 - spec/dummy/log/.keep
-- spec/dummy/log/test.log
 - spec/dummy/public/404.html
 - spec/dummy/public/422.html
 - spec/dummy/public/500.html
@@ -207,6 +237,7 @@ files:
 - spec/lib/animatecss_spec.rb
 - spec/rails_helper.rb
 - spec/spec_helper.rb
+- vendor/assets/javascripts/animate.coffee
 - vendor/assets/stylesheets/animate.css
 homepage: https://github.com/globalxolutions/animatecss
 licenses: