fluffyjs 0.1.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 8fb512b53fc68f6fc2015c6ca5cd4dea22a61799
+  data.tar.gz: 678de71e545cabe094e6761f9bafa38ffde41e29
+SHA512:
+  metadata.gz: 9227312d42b906a07aac20cc7ac5f75bd9527f7339d593ad9257ae2f1abe6a13de5a8b77907096b70876fe19ed222499db0e186d55825f5e8262c85468bb0139
+  data.tar.gz: 705ac777ffe06b61d5472d24416cd3c7f2234d41b6271c74dfbdf1f574735cce63d8bce309fd8c370459d6e7980327711cbeace9d72e5f093bc26b3a33a23582

data/.gitignore

@@ -0,0 +1,11 @@
+/.bundle/
+/.yardoc
+/_yardoc/
+/coverage/
+/doc/
+/pkg/
+/spec/reports/
+/tmp/
+
+# rspec failure tracking
+.rspec_status

data/.rspec

@@ -0,0 +1,3 @@
+--format documentation
+--color
+--require spec_helper

data/.travis.yml

@@ -0,0 +1,5 @@
+sudo: false
+language: ruby
+rvm:
+  - 2.3.1
+before_install: gem install bundler -v 1.16.0.pre.3

data/Gemfile

@@ -0,0 +1,6 @@
+source "https://rubygems.org"
+
+git_source(:github) {|repo_name| "https://github.com/#{repo_name}" }
+
+# Specify your gem's dependencies in fluffyjs.gemspec
+gemspec

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2017 Bastien
+
+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,39 @@
+# Fluffyjs
+
+Welcome to your new gem! In this directory, you'll find the files you need to be able to package up your Ruby library into a gem. Put your Ruby code in the file `lib/fluffyjs`. To experiment with that code, run `bin/console` for an interactive prompt.
+
+TODO: Delete this and the text above, and describe your gem
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'fluffyjs'
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install fluffyjs
+
+## Usage
+
+TODO: Write usage instructions here
+
+## Development
+
+After checking out the repo, run `bin/setup` to install dependencies. Then, run `rake spec` 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/[USERNAME]/fluffyjs.
+
+## License
+
+The gem is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).

data/Rakefile

@@ -0,0 +1,6 @@
+require "bundler/gem_tasks"
+require "rspec/core/rake_task"
+
+RSpec::Core::RakeTask.new(:spec)
+
+task :default => :spec

data/bin/console

@@ -0,0 +1,14 @@
+#!/usr/bin/env ruby
+
+require "bundler/setup"
+require "fluffyjs"
+
+# You can add fixtures and/or initialization code here to make experimenting
+# with your gem easier. You can also use a different console, if you like.
+
+# (If you use this, don't forget to add pry to your Gemfile!)
+# require "pry"
+# Pry.start
+
+require "irb"
+IRB.start(__FILE__)

data/bin/setup

@@ -0,0 +1,8 @@
+#!/usr/bin/env bash
+set -euo pipefail
+IFS=$'\n\t'
+set -vx
+
+bundle install
+
+# Do any other automated setup that you need to do here

data/fluffyJS.gemspec

@@ -0,0 +1,23 @@
+
+lib = File.expand_path("../lib", __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require "fluffyjs/version"
+
+Gem::Specification.new do |spec|
+  spec.name          = "fluffyjs"
+  spec.version       = Fluffyjs::VERSION
+  spec.authors       = ["Bastien"]
+  spec.email         = ["bastienrbt@protonmail.com"]
+
+  spec.summary       = "Fluffy on Rails"
+  spec.description   = "Use Fluffy.js on Ruby on Rails"
+  spec.homepage      = "https://github.com/bastienrobert/fluffyjs-gem"
+
+  spec.files         = `git ls-files -z`.split("\x0").reject { |f| f.match(%r{^(test|spec|features)/}) }
+  spec.bindir        = "exe"
+  spec.executables   = spec.files.grep(%r{^exe/}) { |f| File.basename(f) }
+  spec.require_paths = ["lib"]
+
+  spec.add_development_dependency "bundler", "~> 1.8"
+  spec.add_development_dependency "rake", "~> 10.0"
+end

data/lib/fluffyJS.rb

@@ -0,0 +1,5 @@
+require "fluffyjs/version"
+
+module Fluffyjs
+  class Engine < ::Rails::Engine; end
+end

data/lib/fluffyJS/version.rb

@@ -0,0 +1,3 @@
+module Fluffyjs
+  VERSION = "0.1.1"
+end

data/vendor/assets/javascripts/fluffy.js

@@ -0,0 +1,2 @@
+/*! Fluffy.js v2.1.1 | (c) 2016 Sebastian Prein | http://mzdr.github.io/fluffy.js/ */
+!function(t,e){if("function"==typeof define&&define.amd)define("Fluffy",e);else if("object"==typeof module&&module.exports)module.exports=e();else switch(t.Fluffy=e(),document.readyState){case"loading":case"interactive":document.onreadystatechange=function(){"complete"==document.readyState&&t.Fluffy.detect()};break;case"complete":t.Fluffy.detect()}}(this,function(){"use strict";function t(t,e){return e="undefined"!=typeof e?e:"debug",!window.console||!console[e]||(console[e].call(window.console,t),!0)}function e(){var t;window.addEventListener("resize",function(e){t&&clearTimeout(t),t=setTimeout(function(){for(var t=0;t<m.length;t++)m[t].updateContentSize(),m[t].updateContentPosition()},100)})}function i(e){this.container=null,this.content=null,this.items=null,this.trigger=null,this.scrollbars={},this.mouse={real:{x:0,y:0},fake:{x:0,y:0},last:{x:0,y:0},observer:null},this.ratios={},this.settings={},this.sizes={},this.cleanContent=function(){for(var t=0;t<this.items.length;t++){var e=this.items[t],i=e.nextSibling,s=e.previousSibling,n=e.parentNode;null!==e&&3===e.nodeType&&n.removeChild(e),null!==s&&3===s.nodeType&&n.removeChild(s),null!==i&&3===i.nodeType&&n.removeChild(i)}},this.prepare=function(){this.cleanContent(),this.attachScrollbars(),this.mouse.observer=new s(this),this.container.style.overflow="hidden",a&&(this.container.style.webkitOverflowScrolling="touch",this.container.style.overflowX=this.settings.triggerDirection.indexOf("x")>=0?"scroll":"hidden",this.container.style.overflowY=this.settings.triggerDirection.indexOf("y")>=0?"scroll":"hidden")},this.attachScrollbars=function(){if(this.settings.showScrollbars){var t=[];this.settings.triggerDirection.indexOf("x")>=0&&t.push("horizontal"),this.settings.triggerDirection.indexOf("y")>=0&&t.push("vertical");var e=document.createElement("div");e.setAttribute("data-fluffy-scrollbars","");for(var i=0;i<t.length;i++){var s=document.createElement("span");s.classList.add("is-"+t[i]),e.appendChild(s),this.scrollbars[t[i]]=s}this.container.appendChild(e),this.container.classList.add("has-scrollbar")}},this.getContainerWidth=function(){return this.container.getBoundingClientRect().width},this.getContainerHeight=function(){return this.container.getBoundingClientRect().height},this.getTriggerWidth=function(){return this.trigger.getBoundingClientRect().width},this.getTriggerHeight=function(){return this.trigger.getBoundingClientRect().height},this.getContentWidth=function(){for(var t=0,e=0;t<this.items.length;t++)e+=this.items[t].getBoundingClientRect().width;return e},this.getContentHeight=function(){for(var t=0,e=0;t<this.items.length;t++)e+=this.items[t].getBoundingClientRect().height;return e},this.getSmartWidth=function(){for(var t={smallest:null,largest:0,average:0},e=0;e<this.items.length;e++){var i="naturalWidth"in this.items[e]?this.items[e].naturalWidth:this.items[e].getBoundingClientRect().width;t.average+=i,i>t.largest&&(t.largest=i),(null===t.smallest||i<t.smallest)&&(t.smallest=i)}return t.average/=this.items.length,t},this.getSmartHeight=function(){for(var t={smallest:null,largest:0,average:0},e=0;e<this.items.length;e++){var i="naturalHeight"in this.items[e]?this.items[e].naturalHeight:this.items[e].getBoundingClientRect().height;t.average+=i,i>t.largest&&(t.largest=i),(null===t.smallest||i<t.smallest)&&(t.smallest=i)}return t.average/=this.items.length,t},this.getScrollableHeight=function(){return this.getContentHeight()-this.getContainerHeight()},this.getScrollableWidth=function(){return this.getContentWidth()-this.getContainerWidth()},this.getMousePosition=function(t){t=t||window.event;var e=this.trigger.currentStyle||window.getComputedStyle(this.trigger,null),i=this.trigger.getBoundingClientRect(),s={left:0|e.borderLeftWidth,right:0|e.borderRightWidth,top:0|e.borderTopWidth,bottom:0|e.borderBottomWidth},n={left:i.left+s.left,right:s.left+s.right,bottom:s.top+s.bottom,top:i.top+s.top};return{x:Math.min(Math.max(0,t.clientX-n.left),i.width-n.right),y:Math.min(Math.max(0,t.clientY-n.top),i.height-n.bottom)}},this.getFakeMousePosition=function(){return{x:Math.min(Math.max(0,this.mouse.real.x-this.settings.mousePadding),this.sizes.moveArea.width)*this.ratios.moveAreaToContent.width,y:Math.min(Math.max(0,this.mouse.real.y-this.settings.mousePadding),this.sizes.moveArea.height)*this.ratios.moveAreaToContent.height}},this.cacheSizes=function(){this.sizes={container:{width:this.getContainerWidth(),height:this.getContainerHeight()},content:{width:this.getContentWidth(),height:this.getContentHeight()},scrollable:{width:this.getScrollableWidth(),height:this.getScrollableHeight()},trigger:{width:this.getTriggerWidth(),height:this.getTriggerHeight()},moveArea:{width:this.getTriggerWidth()-2*this.settings.mousePadding,height:this.getTriggerHeight()-2*this.settings.mousePadding},scrollbars:{horizontal:this.settings.showScrollbars&&this.scrollbars.horizontal?this.scrollbars.horizontal.getBoundingClientRect():null,vertical:this.settings.showScrollbars&&this.scrollbars.vertical?this.scrollbars.vertical.getBoundingClientRect():null}}},this.updateContentSize=function(){this.settings.smartWidth&&c.indexOf(this.settings.smartWidth)>=0&&(this.content.style.width=this.getSmartWidth()[this.settings.smartWidth]+"px"),this.settings.smartHeight&&c.indexOf(this.settings.smartHeight)>=0&&(this.content.style.height=this.getSmartHeight()[this.settings.smartHeight]+"px"),this.cacheSizes(),this.defineRatios(),this.settings.triggerDirection.indexOf("x")>=0&&(this.content.style.width=(100*this.ratios.containerToContent.width+.001).toFixed(g)+"%"),this.settings.triggerDirection.indexOf("y")>=0&&(this.content.style.height=(100*this.ratios.containerToContent.height+.001).toFixed(g)+"%"),u.x===window.innerWidth&&u.y===window.innerHeight||(this.mouse.real={x:this.mouse.real.x*(window.innerWidth/u.x),y:this.mouse.real.y*(window.innerHeight/u.y)},u={x:window.innerWidth,y:window.innerHeight},this.mouse.fake=this.getFakeMousePosition())},this.updateContentPosition=function(){var t=0,e=0;this.settings.triggerDirection.indexOf("x")>=0&&(t=(this.mouse.last.x/this.sizes.scrollable.width*this.ratios.contentToScrollableArea.width*100).toFixed(g)),this.settings.triggerDirection.indexOf("y")>=0&&(e=(this.mouse.last.y/this.sizes.scrollable.height*this.ratios.contentToScrollableArea.height*100).toFixed(g)),this.content.style[l]="translate(-"+t+"%, -"+e+"%)"},this.updateScrollbarPosition=function(){this.settings.showScrollbars&&(this.settings.triggerDirection.indexOf("x")>=0&&(this.scrollbars.horizontal.style.left=(this.mouse.last.x/this.sizes.scrollable.width*this.ratios.containerToScrollbarArea.width*100).toFixed(g)+"%"),this.settings.triggerDirection.indexOf("y")>=0&&(this.scrollbars.vertical.style.top=(this.mouse.last.y/this.sizes.scrollable.height*this.ratios.containerToScrollbarArea.height*100).toFixed(g)+"%"))},this.defineRatios=function(){this.ratios.moveAreaToContent={width:this.sizes.scrollable.width/this.sizes.moveArea.width,height:this.sizes.scrollable.height/this.sizes.moveArea.height},this.ratios.contentToScrollableArea={width:this.sizes.scrollable.width/this.sizes.content.width,height:this.sizes.scrollable.height/this.sizes.content.height},this.ratios.containerToContent={width:this.sizes.content.width/this.sizes.container.width,height:this.sizes.content.height/this.sizes.container.height},this.ratios.containerToScrollbarArea={width:this.sizes.scrollbars.horizontal?(this.sizes.container.width-this.sizes.scrollbars.horizontal.width)/this.sizes.container.width:0,height:this.sizes.scrollbars.vertical?(this.sizes.container.height-this.sizes.scrollbars.vertical.height)/this.sizes.container.height:0}},this.registerEventListeners=function(){this.container&&this.container.classList.add("is-ready"),this.updateContentSize(),a||this.trigger.addEventListener("mousemove",function(t){this.mouse.observer.status()===!1&&this.mouse.observer.start(),this.mouse.real=this.getMousePosition(t),this.mouse.fake=this.getFakeMousePosition()}.bind(this))},function(){var i=e.querySelector("[data-fluffy-content]");if(null===i)return t(e,"warn"),void t("↳ Has no [data-fluffy-content] element and therefore will be ignored.","warn");var s={};if(e.hasAttribute("data-fluffy-options")){try{var n=JSON.parse(e.getAttribute("data-fluffy-options"));"object"!=typeof n?(t(e,"warn"),t("↳ Fluffy options need to be of type object. Skipping for container above. Using defaults instead.","warn")):s=n}catch(i){t(e,"warn"),t("↳ Trying to parse options for container above has failed. Using defaults instead.","warn")}"mousePadding"in s&&s.mousePadding<0&&(s.mousePadding=d.mousePadding),"mouseDamp"in s&&s.mouseDamp<=0&&(s.mouseDamp=d.mouseDamp)}for(var r in d)r in s||(s[r]=d[r]);if(this.container=e,this.content=i,this.items=i.childNodes,this.settings=s,this.trigger=e,s.triggerSelector){var o=document.querySelector(s.triggerSelector);null!==o&&(this.trigger=o)}switch(this.prepare(),document.readyState){case"loading":case"interactive":document.onreadystatechange=function(){"complete"==document.readyState&&this.registerEventListeners()}.bind(this);break;case"complete":this.registerEventListeners()}}.call(this)}function s(t){function e(t,e){function i(){n.value=window.requestAnimationFrame(i);var r=Date.now(),o=r-s;o>=e&&(t.call(),s=Date.now())}var s=Date.now(),n={};return n.value=window.requestAnimationFrame(i),n}function s(t){window.cancelAnimationFrame(t.value)}if(t instanceof i==!1)throw Error("MouseObserver expects first parameter to be an instance of FluffyObject. Instead "+t.constructor.name+" was given.");this.start=function(){t.container.classList.add("is-moving"),this.id=e(function(){var e={x:(t.mouse.fake.x-t.mouse.last.x)/t.settings.mouseDamp,y:(t.mouse.fake.y-t.mouse.last.y)/t.settings.mouseDamp};Math.abs(e.x)<.001&&Math.abs(e.y)<.001&&(this.stop(),t.container.classList.remove("is-moving")),t.mouse.last.x+=e.x,t.mouse.last.y+=e.y,t.updateContentPosition(),t.updateScrollbarPosition()}.bind(this),10)},this.stop=function(){this.id=s(this.id)},this.status=function(){return"object"==typeof this.id}}function n(t){var e=t;if("string"==typeof t&&(e=document.querySelector(t)),null!==e){for(var s=0;s<m.length;s++)if(m[s].container===e)return;m.push(new i(e))}}function r(){var t=document.querySelectorAll("[data-fluffy-container]");if(0!==t.length)for(var e=0;e<t.length;e++)n(t[e])}var o="2.1.1",h=!!document.querySelector&&!!window.addEventListener&&!!window.requestAnimationFrame,a="ontouchstart"in window,l="transform",c=["smallest","average","largest"],g=3,d={triggerSelector:null,showScrollbars:!0,smartHeight:!1,smartWidth:!1,triggerDirection:"x",mouseDamp:20,mousePadding:60},u={x:window.innerWidth,y:window.innerHeight},m=[];return function(){if(!h)throw Error("Browser is lacking support for several requirements like: 'querySelector', 'addEventListener' or 'requestAnimationFrame'.");l=function(t){for(var e=document.createElement("div"),i=0;i<t.length;i++)if(t[i]in e.style)return t[i];throw Error("Browser doesn't support CSS3 transforms.")}(["transform","msTransform","MozTransform","WebkitTransform","OTransform"]),a&&document.documentElement.classList.add("is-touch"),e()}(),{create:n,detect:r,version:o}});

data/vendor/assets/stylesheets/fluffy.css

@@ -0,0 +1 @@
+[data-fluffy-container]{background-color:rgba(255,255,255,0.1);position:relative;-webkit-transition:background-color 1s 600ms, opacity 600ms 600ms;transition:background-color 1s 600ms, opacity 600ms 600ms}[data-fluffy-container]::after,[data-fluffy-container]::before{background-color:rgba(0,0,0,0.33);border-radius:50%;box-shadow:inset 0 0 20px 20px rgba(255,255,255,0.33);content:"";height:20px;left:50%;margin:-10px 0 0 -10px;opacity:1;position:absolute;top:50%;-webkit-transition:opacity 300ms, visibility 0s 300ms;transition:opacity 300ms, visibility 0s 300ms;visibility:visible;width:20px;z-index:1000}[data-fluffy-container]::after{-webkit-animation:moveRight 600ms linear infinite alternate;animation:moveRight 600ms linear infinite alternate;-webkit-transform:translateX(-20px);transform:translateX(-20px)}@-webkit-keyframes moveRight{to{-webkit-transform:translateX(20px);transform:translateX(20px)}}@keyframes moveRight{to{-webkit-transform:translateX(20px);transform:translateX(20px)}}[data-fluffy-container]::before{-webkit-animation:moveLeft 600ms linear infinite alternate;animation:moveLeft 600ms linear infinite alternate;-webkit-transform:translateX(20px);transform:translateX(20px)}@-webkit-keyframes moveLeft{to{-webkit-transform:translateX(-20px);transform:translateX(-20px)}}@keyframes moveLeft{to{-webkit-transform:translateX(-20px);transform:translateX(-20px)}}[data-fluffy-container].is-ready{background-color:transparent}[data-fluffy-container].is-ready::after,[data-fluffy-container].is-ready::before{opacity:0;-webkit-transition:opacity 300ms, visibility 0s 300ms;transition:opacity 300ms, visibility 0s 300ms;visibility:hidden}[data-fluffy-container].is-ready [data-fluffy-content],[data-fluffy-container].is-moving [data-fluffy-scrollbars]{opacity:1}[data-fluffy-scrollbars]{opacity:0;-webkit-transition:opacity 600ms;transition:opacity 600ms}[data-fluffy-scrollbars] .is-horizontal,[data-fluffy-scrollbars] .is-vertical{background-color:rgba(0,0,0,0.66);box-shadow:inset 0 0 20px 20px rgba(255,255,255,0.66);position:absolute;top:0}[data-fluffy-scrollbars] .is-horizontal{height:3px;left:0;width:40px}[data-fluffy-scrollbars] .is-vertical{height:40px;right:0;width:3px}[data-fluffy-content]{height:100%;list-style-type:none;margin:0;padding:0;opacity:0;-webkit-transition:opacity 600ms 600ms;transition:opacity 600ms 600ms}

metadata

@@ -0,0 +1,85 @@
+--- !ruby/object:Gem::Specification
+name: fluffyjs
+version: !ruby/object:Gem::Version
+  version: 0.1.1
+platform: ruby
+authors:
+- Bastien
+autorequire: 
+bindir: exe
+cert_chain: []
+date: 2017-10-24 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.8'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.8'
+- !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: Use Fluffy.js on Ruby on Rails
+email:
+- bastienrbt@protonmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- ".rspec"
+- ".travis.yml"
+- Gemfile
+- LICENSE.txt
+- README.md
+- Rakefile
+- bin/console
+- bin/setup
+- fluffyJS.gemspec
+- lib/fluffyJS.rb
+- lib/fluffyJS/version.rb
+- vendor/assets/javascripts/fluffy.js
+- vendor/assets/stylesheets/fluffy.css
+homepage: https://github.com/bastienrobert/fluffyjs-gem
+licenses: []
+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.6.13
+signing_key: 
+specification_version: 4
+summary: Fluffy on Rails
+test_files: []