mqbe 2.0.4

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: a93b49dfd86eba023d305386160cadd9285b86a3
+  data.tar.gz: f8ae94914063fbe5944db1f66c6385c041b101b7
+SHA512:
+  metadata.gz: 7f0ce7dd918a268e98be73d79b35391854dbbcc5b1e58f94e099d9f8a822679e8f32bcb5313c64c7c75431118b08fa98c30e3512bfc5f1999057b74bcb10ac2d
+  data.tar.gz: bde0f6d91dc7dc1cdd68b45d3e3c0002ab65043ed2d5bbaca14bbfa1a66f54527ab6ea75da661fdd966e64cb6f6ca06b210533347563a2c87300f347d1d0b725

data/assets/javascripts/mqbe.js

@@ -0,0 +1,57 @@
+(function($, undefined) {
+  'use strict';
+
+  var $doc = $(document),
+      current_state;
+
+  // If state changed sets the data vars and tries to launch the callback (if exists)
+  function check_state() {
+    var previous_state = current_state;
+    current_state = get_current_state();
+
+    if ( previous_state !== current_state) {
+      $doc.trigger('mqbe');
+      $doc.trigger('leave.' + previous_state + '.mqbe');
+      $doc.trigger('enter.' + current_state + '.mqbe');
+    }
+    return current_state;
+  }
+
+  // Get state from body:after content
+  function get_current_state() {
+    var state = window.getComputedStyle(document.body,':after').getPropertyValue('content');
+    return state.replace( /["']/g,''); // Firefox / Chrome 43 bugfix
+  }
+
+  // Has the browser mediaqueries support?
+  function detect_mq_support() {
+    return (typeof window.matchMedia !== 'undefined' || typeof window.msMatchMedia !== 'undefined');
+  }
+
+  // Debounced resize
+  // https://github.com/louisremi/jquery-smartresize/
+  function on_resize(c,t){
+    window.onresize = function(){
+      clearTimeout(t);
+      t = setTimeout(c,250);
+    };
+    return c;
+  }
+
+  if (detect_mq_support()) {
+    $(function() {
+      check_state();
+
+      // Start listener ASAP if mq are supported
+      on_resize(function() {
+        check_state();
+      });
+    });
+  }
+
+  window.MQBE = {
+    supported: detect_mq_support,
+    current_state: get_current_state
+  };
+
+})(jQuery);

data/assets/stylesheets/mqbe.scss

@@ -0,0 +1,32 @@
+// Vars
+$mobile: 767px;
+$tablet: 1023px;
+$small-desktop: 1200px;
+
+
+/* DESKTOP */
+body:after {
+  content: 'desktop';
+  display: none;
+}
+
+/* SMALL DESKTOP */
+@media only screen and (max-width: $small-desktop) {
+  body:after {
+    content: 'small-desktop';
+  }
+}
+
+/* TABLET */
+@media only screen and (max-width: $tablet) {
+  body:after {
+    content: 'tablet';
+  }
+}
+
+/* MOBILE */
+@media only screen and (max-width: $mobile) {
+  body:after {
+    content: 'mobile';
+  }
+}

data/lib/MQBE.rb

@@ -0,0 +1,44 @@
+require "mqbe/version"
+
+module Mqbe
+  class << self
+    def load!
+      if defined?(::Rails)
+        register_rails_engine
+      elsif defined?(::Sprockets)
+        register_sprockets
+      end
+      configure_sass
+    end
+
+    def assets_path
+      @gem_path ||= File.expand_path "../assets", File.dirname(__FILE__)
+    end
+
+    def stylesheets_path
+      File.join assets_path, 'stylesheets'
+    end
+
+    def javascripts_path
+      File.join assets_path, 'javascripts'
+    end
+
+    private
+
+    def configure_sass
+      require 'sass'
+      ::Sass.load_paths << stylesheets_path
+    end
+
+    def register_rails_engine
+      require "mqbe/engine"
+    end
+
+    def register_sprockets
+      Sprockets.append_path(stylesheets_path)
+      Sprockets.append_path(javascripts_path)
+    end
+  end
+end
+
+Mqbe.load!

data/lib/mqbe/engine.rb

@@ -0,0 +1,11 @@
+module Mqbe
+  module Rails
+    class Engine < ::Rails::Engine
+      initializer 'mqbe' do |app|
+        app.config.assets.paths << Mqbe.javascripts_path
+        app.config.assets.paths << Mqbe.stylesheets_path
+        app.middleware.use ::ActionDispatch::Static, Mqbe.assets_path
+      end
+    end
+  end
+end

data/lib/mqbe/version.rb

@@ -0,0 +1,3 @@
+module Mqbe
+  VERSION = "2.0.4"
+end

metadata

@@ -0,0 +1,80 @@
+--- !ruby/object:Gem::Specification
+name: mqbe
+version: !ruby/object:Gem::Version
+  version: 2.0.4
+platform: ruby
+authors:
+- carloscabo
+autorequire: 
+bindir: exe
+cert_chain: []
+date: 2016-08-08 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.11'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.11'
+- !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: This small javascript library creates JQuery events that are fired when
+  you enter or leave a CSS media query state, for instance from desktop to tablet...
+  etc. It's useful when you need to start or stop some JS functionallity depending
+  on MediaQuery changes / states.
+email:
+- carloscabo@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- assets/javascripts/mqbe.js
+- assets/stylesheets/mqbe.scss
+- lib/MQBE.rb
+- lib/mqbe/engine.rb
+- lib/mqbe/version.rb
+homepage: https://github.com/carloscabo/MQBE
+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.5.1
+signing_key: 
+specification_version: 4
+summary: Small JS lib that fires events when you enter / leave a CSS mediaquery
+test_files: []