breakdancer 3.0.1 → 4.1.1

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # CHANGELOG
 
+### 4.0.0
+
+- Upgrade to `babel@7`.
+
+### 3.0.2
+
+- Removed react-native from peerDependencies.
+
 ### 3.0.1
 
 - [#15] Updated peerDependencies ranges to include React 16.

package/SECURITY.md

@@ -0,0 +1,19 @@
+# Reporting Security Issues
+
+We take security very seriously at GoDaddy. We appreciate your efforts to
+responsibly disclose your findings, and will make every effort to acknowledge
+your contributions.
+
+## Where should I report security issues?
+
+In order to give the community time to respond and upgrade, we strongly urge you
+report all security issues privately.
+
+To report a security issue in one of our Open Source projects email us directly
+at **oss@godaddy.com** and include the word "SECURITY" in the subject line.
+
+This mail is delivered to our Open Source Security team.
+
+After the initial reply to your report, the team will keep you informed of the
+progress being made towards a fix and announcement, and may ask for additional
+information or guidance.

package/lib/breakdancer.js

@@ -1,13 +1,16 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+exports.default = void 0;
 
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
 /**
  * Breakdancer is a simple breakpoint utility.
  *
@@ -15,7 +18,9 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
  * @param {Object} specification Different breakpoints we need to know.
  * @public
  */
-var Breakdancer = function () {
+var Breakdancer =
+/*#__PURE__*/
+function () {
   function Breakdancer(specification) {
     _classCallCheck(this, Breakdancer);
 
@@ -25,7 +30,6 @@ var Breakdancer = function () {
     //
     this.specification = this.normalize(specification);
   }
-
   /**
    * Normalize the specification.
    *
@@ -36,22 +40,19 @@ var Breakdancer = function () {
 
 
   _createClass(Breakdancer, [{
-    key: 'normalize',
+    key: "normalize",
     value: function normalize(specification) {
       if (Array.isArray(specification)) return specification;
-
       return Object.keys(specification).reduce(function reduce(memo, key) {
-        var breakpoint = specification[key];
-
-        //
+        var breakpoint = specification[key]; //
         // If there is no name specified, use the key as name.
         //
+
         breakpoint.name = breakpoint.name || key;
         memo.push(breakpoint);
         return memo;
       }, []);
     }
-
     /**
      * Check if the setup has changed since we've last checked the real estate.
      *
@@ -61,14 +62,12 @@ var Breakdancer = function () {
      */
 
   }, {
-    key: 'changed',
+    key: "changed",
     value: function changed(viewport) {
       var breakpoint = this.breakpoint;
       this.breakpoint = this.currently(viewport);
-
       return this.breakpoint !== breakpoint;
     }
-
     /**
      * Check if a given specification matches our current set resolution.
      *
@@ -79,15 +78,13 @@ var Breakdancer = function () {
      */
 
   }, {
-    key: 'matches',
+    key: "matches",
     value: function matches(viewport, specification) {
       viewport = viewport || this.viewport();
-
       var matched = false;
 
       if ('height' in specification) {
         matched = viewport.height < specification.height;
-
         if (!matched) return matched;
       }
 
@@ -97,7 +94,6 @@ var Breakdancer = function () {
 
       return matched;
     }
-
     /**
      * Find out which breakpoint we're currently triggering.
      *
@@ -107,19 +103,17 @@ var Breakdancer = function () {
      */
 
   }, {
-    key: 'currently',
+    key: "currently",
     value: function currently(viewport) {
       viewport = viewport || this.viewport();
 
       for (var i = 0, l = this.specification.length; i < l; i++) {
         var spec = this.specification[i];
-
         if (this.matches(viewport, spec)) return spec.name;
       }
 
       return 'unknown';
     }
-
     /**
      * Returns the difference between the current width and the given breakpoint. This
      * can be used to check if the window is "greater" than a breakpoint. If either the
@@ -134,18 +128,18 @@ var Breakdancer = function () {
      */
 
   }, {
-    key: 'compare',
+    key: "compare",
     value: function compare(breakpoint, property) {
       var desiredSpec = this.specification.filter(function (spec) {
         return spec.name === breakpoint;
       })[0];
 
       if (!desiredSpec) {
-        return new TypeError(breakpoint + ' is not part of the given specifications');
+        return new TypeError("".concat(breakpoint, " is not part of the given specifications"));
       }
 
       if (!desiredSpec[property]) {
-        return new TypeError(breakpoint + '.' + property + ' is not part of the given specifications');
+        return new TypeError("".concat(breakpoint, ".").concat(property, " is not part of the given specifications"));
       }
 
       return this[property]() - desiredSpec[property];

package/lib/index.js

@@ -1,26 +1,33 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.default = void 0;
 
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+var _breakdancer = _interopRequireDefault(require("./breakdancer"));
 
-var _breakdancer = require('./breakdancer');
+var _propget = _interopRequireDefault(require("propget"));
 
-var _breakdancer2 = _interopRequireDefault(_breakdancer);
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _propget = require('propget');
+function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 
-var _propget2 = _interopRequireDefault(_propget);
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
 /**
  * Small fallback for when the `window` global is not accessible in a given
@@ -34,7 +41,6 @@ var win = typeof window !== 'undefined' ? window : {
   innerWidth: 1280,
   innerHeight: 768
 };
-
 /**
  * Breakdancer is a simple breakpoint utility.
  *
@@ -44,19 +50,21 @@ var win = typeof window !== 'undefined' ? window : {
  * @public
  */
 
-var WebDancer = function (_Breakdancer) {
+var WebDancer =
+/*#__PURE__*/
+function (_Breakdancer) {
   _inherits(WebDancer, _Breakdancer);
 
   function WebDancer(specification, windows) {
-    _classCallCheck(this, WebDancer);
+    var _this;
 
-    var _this = _possibleConstructorReturn(this, (WebDancer.__proto__ || Object.getPrototypeOf(WebDancer)).call(this, specification));
+    _classCallCheck(this, WebDancer);
 
+    _this = _possibleConstructorReturn(this, _getPrototypeOf(WebDancer).call(this, specification));
     _this.window = windows || win;
     _this.breakpoint = _this.currently();
     return _this;
   }
-
   /**
    * Return the current view port.
    *
@@ -66,14 +74,13 @@ var WebDancer = function (_Breakdancer) {
 
 
   _createClass(WebDancer, [{
-    key: 'viewport',
+    key: "viewport",
     value: function viewport() {
       return {
         height: this.height(),
         width: this.width()
       };
     }
-
     /**
      * Lookup the view port width.
      *
@@ -82,11 +89,10 @@ var WebDancer = function (_Breakdancer) {
      */
 
   }, {
-    key: 'width',
+    key: "width",
     value: function width() {
-      return (0, _propget2.default)(this.window, 'innerWidth') || (0, _propget2.default)(this.window, 'document.documentElement.clientWidth') || (0, _propget2.default)(this.window, 'document.body.clientWidth') || 0;
+      return (0, _propget.default)(this.window, 'innerWidth') || (0, _propget.default)(this.window, 'document.documentElement.clientWidth') || (0, _propget.default)(this.window, 'document.body.clientWidth') || 0;
     }
-
     /**
      * Lookup the view port height.
      *
@@ -95,13 +101,13 @@ var WebDancer = function (_Breakdancer) {
      */
 
   }, {
-    key: 'height',
+    key: "height",
     value: function height() {
-      return (0, _propget2.default)(this.window, 'innerHeight') || (0, _propget2.default)(this.window, 'document.documentElement.clientHeight') || (0, _propget2.default)(this.window, 'document.body.clientHeight') || 0;
+      return (0, _propget.default)(this.window, 'innerHeight') || (0, _propget.default)(this.window, 'document.documentElement.clientHeight') || (0, _propget.default)(this.window, 'document.body.clientHeight') || 0;
     }
   }]);
 
   return WebDancer;
-}(_breakdancer2.default);
+}(_breakdancer.default);
 
 exports.default = WebDancer;

package/lib/index.native.js

@@ -1,24 +1,33 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.default = void 0;
 
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+var _breakdancer = _interopRequireDefault(require("./breakdancer"));
 
-var _breakdancer = require('./breakdancer');
-
-var _breakdancer2 = _interopRequireDefault(_breakdancer);
-
-var _reactNative = require('react-native');
+var _reactNative = require("react-native");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
 /**
  * Breakdancer is a simple breakpoint utility.
@@ -27,18 +36,20 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
  * @param {Object} specification Different breakpoints we need to know.
  * @public
  */
-var NativeDancer = function (_Breakdancer) {
+var NativeDancer =
+/*#__PURE__*/
+function (_Breakdancer) {
   _inherits(NativeDancer, _Breakdancer);
 
   function NativeDancer(specification) {
-    _classCallCheck(this, NativeDancer);
+    var _this;
 
-    var _this = _possibleConstructorReturn(this, (NativeDancer.__proto__ || Object.getPrototypeOf(NativeDancer)).call(this, specification));
+    _classCallCheck(this, NativeDancer);
 
+    _this = _possibleConstructorReturn(this, _getPrototypeOf(NativeDancer).call(this, specification));
     _this.breakpoint = _this.currently();
     return _this;
   }
-
   /**
    * Return the current view port.
    *
@@ -48,11 +59,10 @@ var NativeDancer = function (_Breakdancer) {
 
 
   _createClass(NativeDancer, [{
-    key: 'viewport',
+    key: "viewport",
     value: function viewport() {
       return _reactNative.Dimensions.get('window');
     }
-
     /**
      * Lookup the view port width.
      *
@@ -61,11 +71,10 @@ var NativeDancer = function (_Breakdancer) {
      */
 
   }, {
-    key: 'width',
+    key: "width",
     value: function width() {
       return _reactNative.Dimensions.get('window').width;
     }
-
     /**
      * Lookup the view port height.
      *
@@ -74,13 +83,13 @@ var NativeDancer = function (_Breakdancer) {
      */
 
   }, {
-    key: 'height',
+    key: "height",
     value: function height() {
       return _reactNative.Dimensions.get('window').height;
     }
   }]);
 
   return NativeDancer;
-}(_breakdancer2.default);
+}(_breakdancer.default);
 
 exports.default = NativeDancer;

package/lib/test.js

@@ -0,0 +1,177 @@
+"use strict";
+
+var _index = _interopRequireDefault(require("./index"));
+
+var _assume = _interopRequireDefault(require("assume"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+it('is exposed as a function', function () {
+  (0, _assume.default)(_index.default).is.a('function');
+});
+describe('breakdancer', function () {
+  var breakdancer;
+  var specification = [{
+    name: 'mobile',
+    width: 400,
+    height: 600
+  }, {
+    name: 'desktop',
+    width: 1024
+  }, {
+    name: 'whatever',
+    width: 1409
+  }];
+  beforeEach(function () {
+    breakdancer = new _index.default(specification);
+  });
+  it('safely works without existing windows object', function () {
+    breakdancer = new _index.default(specification, {});
+    (0, _assume.default)(breakdancer.height()).equals(0);
+    (0, _assume.default)(breakdancer.width()).equals(0);
+  });
+  describe('constructor', function () {
+    it('stores the specification as arrays', function () {
+      (0, _assume.default)(breakdancer.specification).is.a('array');
+      (0, _assume.default)(breakdancer.specification[0].name).equals('mobile');
+    });
+    it('sets the current breakpoint', function () {
+      (0, _assume.default)(breakdancer.breakpoint).is.a('string');
+      (0, _assume.default)(breakdancer.breakpoint).is.either(['mobile', 'desktop', 'whatever']);
+    });
+    it('can be supplied with a custom window object', function () {
+      var bd = new _index.default(specification, {
+        innerHeight: 10,
+        innerWidth: 10
+      });
+      (0, _assume.default)(bd.breakpoint).equals('mobile');
+    });
+  });
+  describe('#height', function () {
+    it('defaults to documentElement clientHeight on missing innerHeight', function () {
+      var bd = new _index.default(specification, {
+        document: {
+          documentElement: {
+            clientHeight: 1337,
+            clientWidth: 1337
+          }
+        }
+      });
+      (0, _assume.default)(bd.height()).equals(1337);
+    });
+    it('defaults to innerHeight', function () {
+      var bd = new _index.default(specification, {
+        innerHeight: 10,
+        innerWidth: 11,
+        document: {
+          documentElement: {
+            clientHeight: 1337,
+            clientWidth: 1338
+          }
+        }
+      });
+      (0, _assume.default)(bd.height()).equals(10);
+    });
+  });
+  describe('#width', function () {
+    it('defaults to documentElement clientHeight on missing innerWidth', function () {
+      var bd = new _index.default(specification, {
+        document: {
+          documentElement: {
+            clientHeight: 1337,
+            clientWidth: 1338
+          }
+        }
+      });
+      (0, _assume.default)(bd.width()).equals(1338);
+    });
+    it('defaults to innerWidth', function () {
+      var bd = new _index.default(specification, {
+        innerHeight: 10,
+        innerWidth: 11,
+        document: {
+          documentElement: {
+            clientHeight: 1337,
+            clientWidth: 1338
+          }
+        }
+      });
+      (0, _assume.default)(bd.width()).equals(11);
+    });
+  });
+  describe('#changed', function () {
+    it('returns a boolean if the breakpoint has changed', function () {
+      (0, _assume.default)(breakdancer.changed()).is.false();
+      (0, _assume.default)(breakdancer.changed()).is.false();
+      (0, _assume.default)(breakdancer.changed()).is.false();
+      var viewport = {
+        width: 200,
+        height: 500
+      };
+      (0, _assume.default)(breakdancer.changed(viewport)).is.true();
+    });
+    it('updates the .breakpoint', function () {
+      var viewport = {
+        width: 200,
+        height: 500
+      };
+      (0, _assume.default)(breakdancer.breakpoint).does.not.equal('mobile');
+      (0, _assume.default)(breakdancer.changed(viewport)).is.true();
+      (0, _assume.default)(breakdancer.breakpoint).equals('mobile');
+    });
+  });
+  describe('#currently', function () {
+    it('matches as desktop', function () {
+      var viewport = {
+        width: 800,
+        height: 600
+      };
+      (0, _assume.default)(breakdancer.currently(viewport)).equals('desktop');
+    });
+    it('matches as mobile', function () {
+      var viewport = {
+        width: 200,
+        height: 500
+      };
+      (0, _assume.default)(breakdancer.currently(viewport)).equals('mobile');
+    });
+    it('matches unknown', function () {
+      var viewport = {
+        width: 1800,
+        height: 1600
+      };
+      (0, _assume.default)(breakdancer.currently(viewport)).equals('unknown');
+    });
+  });
+  describe('#viewport', function () {
+    it('returns the width and height', function () {
+      var viewport = breakdancer.viewport();
+      (0, _assume.default)(viewport.width).is.above(0);
+      (0, _assume.default)(viewport.width).equals(breakdancer.width());
+      (0, _assume.default)(viewport.height).is.above(0);
+      (0, _assume.default)(viewport.height).equals(breakdancer.height());
+    });
+  });
+  describe('#compare', function () {
+    var bd = new _index.default(specification, {
+      innerWidth: 1234,
+      innerHeight: 1000,
+      document: {
+        documentElement: {
+          clientHeight: 1337,
+          clientWidth: 1338
+        }
+      }
+    });
+    it('should throw an error when looking at an unspecified breakpoint', function () {
+      (0, _assume.default)(bd.compare('hologram', 'width')).throws(TypeError);
+    });
+    it('should throw an error when the given dimension does not exist for the given breakpoint', function () {
+      (0, _assume.default)(bd.compare('whatever', 'height')).throws(TypeError);
+    });
+    it('should return the difference in width between the current and specified breakpoint', function () {
+      (0, _assume.default)(bd.compare('mobile', 'width')).equals(1234 - 400);
+      (0, _assume.default)(bd.compare('mobile', 'height')).equals(1000 - 600);
+    });
+  });
+});

package/lib/test.native.js

@@ -0,0 +1,105 @@
+"use strict";
+
+var _index = _interopRequireDefault(require("./index.native"));
+
+var _assume = _interopRequireDefault(require("assume"));
+
+var _reactNative = require("react-native");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+it('is exposed as a function', function () {
+  (0, _assume.default)(_index.default).is.a('function');
+});
+describe('nativeDancer', function () {
+  var nativeDancer;
+  var specification = [{
+    name: 'mobile',
+    width: 400,
+    height: 600
+  }, {
+    name: 'tablet',
+    width: 1024
+  }, {
+    name: 'whatever',
+    width: 1409
+  }];
+  beforeEach(function () {
+    nativeDancer = new _index.default(specification);
+  });
+  describe('constructor', function () {
+    it('stores the specification as arrays', function () {
+      (0, _assume.default)(nativeDancer.specification).is.a('array');
+      (0, _assume.default)(nativeDancer.specification[0].name).equals('mobile');
+    });
+    it('sets the current breakpoint', function () {
+      (0, _assume.default)(nativeDancer.breakpoint).is.a('string');
+      (0, _assume.default)(nativeDancer.breakpoint).is.either(['mobile', 'tablet', 'whatever']);
+    });
+  });
+  describe('#height', function () {
+    it('equals to device\'s height', function () {
+      var bd = new _index.default(specification);
+      (0, _assume.default)(bd.height()).equals(_reactNative.Dimensions.get('window').height);
+    });
+  });
+  describe('#width', function () {
+    it('equals to device\'s width', function () {
+      var bd = new _index.default(specification);
+      (0, _assume.default)(bd.width()).equals(_reactNative.Dimensions.get('window').width);
+    });
+  });
+  describe('#changed', function () {
+    it('returns a boolean if the breakpoint has changed', function () {
+      (0, _assume.default)(nativeDancer.changed()).is.false();
+      (0, _assume.default)(nativeDancer.changed()).is.false();
+      (0, _assume.default)(nativeDancer.changed()).is.false();
+      var viewport = {
+        width: 200,
+        height: 500
+      };
+      (0, _assume.default)(nativeDancer.changed(viewport)).is.true();
+    });
+    it('updates the .breakpoint', function () {
+      var viewport = {
+        width: 200,
+        height: 500
+      };
+      (0, _assume.default)(nativeDancer.breakpoint).does.not.equal('mobile');
+      (0, _assume.default)(nativeDancer.changed(viewport)).is.true();
+      (0, _assume.default)(nativeDancer.breakpoint).equals('mobile');
+    });
+  });
+  describe('#currently', function () {
+    it('matches as tablet', function () {
+      var viewport = {
+        width: 800,
+        height: 600
+      };
+      (0, _assume.default)(nativeDancer.currently(viewport)).equals('tablet');
+    });
+    it('matches as mobile', function () {
+      var viewport = {
+        width: 200,
+        height: 500
+      };
+      (0, _assume.default)(nativeDancer.currently(viewport)).equals('mobile');
+    });
+    it('matches unknown', function () {
+      var viewport = {
+        width: 1800,
+        height: 1600
+      };
+      (0, _assume.default)(nativeDancer.currently(viewport)).equals('unknown');
+    });
+  });
+  describe('#viewport', function () {
+    it('returns the width and height', function () {
+      var viewport = nativeDancer.viewport();
+      (0, _assume.default)(viewport.width).is.above(0);
+      (0, _assume.default)(viewport.width).equals(nativeDancer.width());
+      (0, _assume.default)(viewport.height).is.above(0);
+      (0, _assume.default)(viewport.height).equals(nativeDancer.height());
+    });
+  });
+});

package/package.json

@@ -1,13 +1,14 @@
 {
   "name": "breakdancer",
-  "version": "3.0.1",
+  "version": "4.1.1",
   "description": "A breakpoint tracking utility",
   "main": "./lib",
-  "browser": "./index",
+  "browser": "./lib",
+  "module": "./index",
   "scripts": {
     "lint": "eslint-godaddy *.js",
-    "test:platforms": "mocha --require react-native-mock/mock.js --require babel-register ./test.js ./test.native.js",
-    "build": "babel index.js index.native.js breakdancer.js -d ./lib",
+    "test:platforms": "mocha --require react-native-mock/mock.js --require @babel/register ./test.js ./test.native.js",
+    "build": "babel *.js -d ./lib",
     "prepublish": "npm run build",
     "pretest": "npm run lint",
     "test": "nyc --reporter=text --reporter=json-summary npm run test:platforms",
@@ -27,39 +28,34 @@
   ],
   "license": "MIT",
   "devDependencies": {
+    "@babel/cli": "^7.0.0",
+    "@babel/core": "^7.0.0",
+    "@babel/preset-env": "^7.0.0",
+    "@babel/register": "^7.0.0",
     "assume": "^1.5.2",
-    "babel-cli": "^6.26.0",
-    "babel-preset-es2015": "^6.24.0",
-    "babel-register": "^6.26.0",
     "coveralls": "^3.0.0",
-    "eslint": "^4.17.0",
+    "eslint": "^5.12.1",
     "eslint-config-godaddy": "^2.0.0",
     "eslint-plugin-json": "^1.2.0",
     "eslint-plugin-mocha": "^4.11.0",
     "mocha": "^5.0.0",
-    "nyc": "^11.4.1",
+    "nyc": "^13.2.0",
     "pre-commit": "^1.2.2",
-    "react": "^15.4.2",
-    "react-dom": "^15.4.2",
-    "react-native": "^0.42.3",
+    "react": ">=15",
+    "react-dom": ">=15",
+    "react-native": "^0.58.3",
     "react-native-mock": "^0.3.1"
   },
   "pre-commit": "lint, test",
-  "browserify": {
-    "transform": [
-      "babelify"
-    ]
-  },
   "dependencies": {
     "propget": "^1.1.0"
   },
   "babel": {
     "presets": [
-      "babel-preset-es2015"
+      "@babel/preset-env"
     ]
   },
   "peerDependencies": {
-    "react": "^15.0.0 || ^16.0.0",
-    "react-native": "^0.42.0 || ^0.52.0"
+    "react": ">=15"
   }
 }